:root{
--disp: 'Unbounded', system-ui, -apple-system, sans-serif;
--body: 'Golos Text', system-ui, -apple-system, sans-serif;
--forest:#283618; --forest-2:#1d2810; --olive:#606c38; --olive-d:#4c562c;
--cream:#fefae0; --paper:#fffdf0; --tan:#dda15e; --tan-l:#e9c18f;
--brown:#bc6c25; --brown-d:#9c581c;
--ink:#283618; --muted:rgba(40,54,24,.72); --line:rgba(40,54,24,.16);
--disp:'Unbounded',system-ui,sans-serif; --body:'Golos Text',system-ui,sans-serif;
--sh:0 16px 34px -16px rgba(40,54,24,.30); --sh-sm:0 8px 18px -10px rgba(40,54,24,.30);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:96px;overflow-x:hidden}
body{
font-family:var(--body);color:var(--ink);line-height:1.65;background:var(--cream);
overflow-x:hidden;-webkit-font-smoothing:antialiased;
}
body::before{
content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
background-image:
linear-gradient(rgba(96,108,56,.05) 1px,transparent 1px),
linear-gradient(90deg,rgba(96,108,56,.05) 1px,transparent 1px);
background-size:34px 34px;
}
body::after{
content:"";position:fixed;top:-220px;right:-160px;width:620px;height:620px;z-index:-1;pointer-events:none;
background:radial-gradient(circle,rgba(221,161,94,.30),transparent 64%);
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
::selection{background:var(--brown);color:#fff}
:focus-visible{outline:3px solid var(--brown);outline-offset:2px}
.container{width:min(1200px,100% - 40px);margin-inline:auto}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* ---------- icons ---------- */
.ico{width:1em;height:1em;display:inline-block;vertical-align:-.13em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ico.fill{fill:currentColor;stroke:none}
/* ---------- shared ---------- */
.kicker{display:inline-flex;align-items:center;gap:12px;font:700 .74rem/1 var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--brown)}
.kicker::before{content:"";width:30px;height:2px;background:currentColor}
h1,h2,h3{font-family:var(--disp);line-height:1.12;letter-spacing:-.01em}
.sec{padding:100px 0;position:relative}
.sec-head{position:relative;max-width:860px;margin-bottom:54px}
.sec-head h2{font-weight:700;font-size:clamp(1.55rem,3vw,2.3rem);margin-top:14px}
.sec-head p{margin-top:16px;color:var(--muted);font-size:1.02rem;max-width:64ch}
.sec-num{position:absolute;right:0;top:-26px;font:800 clamp(3.2rem,6.5vw,5.4rem)/1 var(--disp);color:transparent;-webkit-text-stroke:1.6px rgba(96,108,56,.22);pointer-events:none}
.on-dark .sec-num{-webkit-text-stroke-color:rgba(254,250,224,.16)}
/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--body);font-weight:700;font-size:.96rem;border:2px solid var(--forest);padding:13px 22px;border-radius:10px;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;color:var(--forest);background:var(--paper)}
.btn .ico{font-size:1.12em;transition:transform .25s ease}
.btn:hover{transform:translateY(-2px)}
.btn:hover .ico{transform:scale(1.15) rotate(-8deg)}
.btn:active{transform:translateY(0)}
.btn-lg{padding:16px 26px;font-size:1.02rem}
.btn-brown{background:var(--brown);border-color:var(--brown-d);color:#fff;box-shadow:0 12px 24px -12px rgba(188,108,37,.75)}
.btn-brown:hover{box-shadow:0 18px 30px -12px rgba(188,108,37,.8)}
.btn-tan{background:var(--tan);color:var(--forest);box-shadow:0 12px 24px -12px rgba(221,161,94,.8)}
.btn-forest{background:var(--forest);color:var(--cream);box-shadow:0 12px 24px -12px rgba(40,54,24,.7)}
.btn-ghost{background:transparent}
.btn-pulse{position:relative}
.btn-pulse::after{content:"";position:absolute;inset:-4px;border-radius:13px;border:2px solid var(--brown);opacity:0;animation:ring 2.4s ease-out infinite;pointer-events:none}
@keyframes ring{0%{transform:scale(.97);opacity:.65}70%{transform:scale(1.12);opacity:0}100%{transform:scale(1.12);opacity:0}}
/* ---------- progress + topbar + header ---------- */
#prog{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--olive),var(--brown));z-index:95;transition:width .08s linear}
.topbar{background:var(--forest);color:var(--cream);font-size:.8rem}
.topbar .tb-in{display:flex;align-items:center;justify-content:space-between;gap:14px;height:38px}
.topbar .tb-l{display:flex;align-items:center;gap:10px;opacity:.92}
.topbar .tb-l .ico{color:var(--tan)}
.topbar .tb-r{display:flex;align-items:center;gap:18px}
.topbar .tb-r span{display:flex;align-items:center;gap:7px;opacity:.85}
.topbar .tb-r .ico{color:var(--tan)}
.topbar .tb-r a{font-weight:700;color:var(--tan);transition:opacity .2s}
.topbar .tb-r a:hover{opacity:.75}
header{position:sticky;top:0;z-index:80;background:rgba(254,250,224,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);transition:box-shadow .3s}
header.scrolled{box-shadow:var(--sh-sm)}
.h-in{display:flex;align-items:center;justify-content:space-between;gap:18px;height:72px}
.logo{display:flex;align-items:center;gap:12px}
.logo-mark{width:42px;height:42px;border-radius:9px;background:var(--olive);color:var(--cream);display:grid;place-items:center;font-size:22px;box-shadow:0 6px 14px -6px rgba(96,108,56,.8);transition:transform .3s ease}
.logo:hover .logo-mark{transform:rotate(-8deg) scale(1.06)}
.logo-txt{display:flex;flex-direction:column;gap:3px;min-width:0}
header .logo .logo-txt b{
  font-family:'Unbounded', system-ui, sans-serif;
  font-weight:700;
  font-size:1.1rem;      /* было .96rem */
  letter-spacing:.03em;
  line-height:1.1;
  color:var(--ink);
  white-space:nowrap;
}
footer .logo .logo-txt b{
  font-family:'Unbounded', system-ui, sans-serif;
  font-weight:700;
  font-size:1.1rem;      /* было .96rem */
  letter-spacing:.03em;
  line-height:1.1;
  color:var(--cream);
  white-space:nowrap;
}
footer .logo .logo-txt b{color:var(--cream)}
header .logo .logo-txt span{
  font-family:'Golos Text', system-ui, sans-serif;
  font-size:.7rem;       /* было .68rem */
  letter-spacing:.04em;
  line-height:1.3;
  color:var(--muted);
}
footer .logo .logo-txt span{
  font-family:'Golos Text', system-ui, sans-serif;
  font-size:.7rem;       /* было .68rem */
  letter-spacing:.04em;
  line-height:1.3;
  color:var(--tan);
}
.nav{display:flex;align-items:center;gap:26px}
.nav a{font-weight:600;font-size:.92rem;position:relative;padding:6px 0;color:var(--ink);transition:color .2s}
.nav a::after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--brown);transition:width .25s}
.nav a:hover{color:var(--brown)}
.nav a:hover::after{width:100%}
.nav-phone{display:none}
.h-right{display:flex;align-items:center;gap:16px}
.h-phone{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2;transition:opacity .2s}
.h-phone:hover{opacity:.75}
.h-phone b{font-family:var(--disp);font-weight:700;font-size:.98rem}
.h-phone span{font-size:.66rem;color:var(--muted)}
.burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px}
.burger span{width:26px;height:2.5px;background:var(--forest);border-radius:3px;transition:.3s}
.burger.open span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
.burger.open span:nth-child(2){opacity:0}
.burger.open span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
/* ---------- hero ---------- */
.hero{position:relative;padding:60px 0 88px;overflow:hidden}
.hero .glow{position:absolute;top:-120px;right:-120px;width:540px;height:540px;background:radial-gradient(circle,rgba(221,161,94,.34),transparent 62%);z-index:0;animation:glowpulse 9s ease-in-out infinite alternate}
.hero .glow2{position:absolute;bottom:-160px;left:-120px;width:460px;height:460px;background:radial-gradient(circle,rgba(96,108,56,.22),transparent 64%);z-index:0;animation:glowpulse 11s ease-in-out infinite alternate-reverse}
@keyframes glowpulse{from{transform:scale(1);opacity:.75}to{transform:scale(1.18);opacity:1}}
.hero .wm{position:absolute;top:6px;left:-10px;font:800 clamp(4rem,15vw,11rem)/.85 var(--disp);color:transparent;-webkit-text-stroke:2px rgba(96,108,56,.07);z-index:0;pointer-events:none;animation:wmfloat 14s ease-in-out infinite alternate}
@keyframes wmfloat{from{transform:translateX(0)}to{transform:translateX(36px)}}
.bubbles{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.bubbles span{position:absolute;bottom:-50px;border-radius:50%;opacity:0;animation:rise linear infinite}
@keyframes rise{0%{transform:translateY(0) scale(.8);opacity:0}12%{opacity:.45}88%{opacity:.3}100%{transform:translateY(-108vh) scale(1.1);opacity:0}}
.bubbles span:nth-child(1){left:8%;width:14px;height:14px;background:rgba(221,161,94,.6);animation-duration:11s}
.bubbles span:nth-child(2){left:22%;width:22px;height:22px;background:rgba(96,108,56,.4);animation-duration:14s;animation-delay:2s}
.bubbles span:nth-child(3){left:41%;width:10px;height:10px;background:rgba(188,108,37,.45);animation-duration:9s;animation-delay:1s}
.bubbles span:nth-child(4){left:57%;width:18px;height:18px;background:rgba(221,161,94,.5);animation-duration:13s;animation-delay:3.5s}
.bubbles span:nth-child(5){left:71%;width:12px;height:12px;background:rgba(96,108,56,.35);animation-duration:10s;animation-delay:.5s}
.bubbles span:nth-child(6){left:84%;width:26px;height:26px;background:rgba(188,108,37,.3);animation-duration:16s;animation-delay:2.5s}
.bubbles span:nth-child(7){left:93%;width:9px;height:9px;background:rgba(221,161,94,.6);animation-duration:8s;animation-delay:4s}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center;position:relative;z-index:2}
.hero h1{font-weight:800;font-size:clamp(1.95rem,3.9vw,2.9rem)}
.hl{background:var(--tan);padding:.02em .14em;display:inline-block;transform:rotate(-1deg);border-radius:4px}
.pain{margin-top:22px;display:flex;gap:14px;align-items:flex-start;background:var(--paper);border-left:5px solid var(--brown);border-radius:0 12px 12px 0;padding:14px 18px;box-shadow:var(--sh-sm);font-weight:600;font-size:1.04rem;transition:transform .25s ease,box-shadow .25s ease}
.pain:hover{transform:translateX(4px)}
.pain .ico{font-size:1.5em;color:var(--brown);flex:0 0 auto;margin-top:2px;animation:flicker 2.6s ease-in-out infinite}
@keyframes flicker{0%,100%{transform:scale(1)}50%{transform:scale(1.12) rotate(-4deg)}}
.claim{margin-top:20px;font-family:var(--disp);font-weight:700;font-size:clamp(1.2rem,2.4vw,1.6rem)}
.claim .day{background:var(--forest);color:var(--tan);padding:.06em .22em;border-radius:7px;display:inline-block}
.lead{margin-top:18px;color:var(--muted);max-width:54ch;font-size:1.03rem}
.free{background:var(--olive);color:var(--cream);padding:2px 12px;border-radius:999px;font-weight:700;white-space:nowrap}
.spec{list-style:none;margin-top:26px;display:grid;grid-template-columns:1fr 1fr;gap:0 28px}
.spec li{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px dashed var(--line)}
.spec-i{font-family:var(--disp);font-weight:700;font-size:.82rem;color:var(--tan);flex:0 0 auto}
.spec-t{font-weight:600;font-size:.92rem}
.spec-l{flex:1;border-bottom:2px dotted var(--line);height:0;margin:0 2px}
.spec-v{flex:0 0 auto;width:32px;height:32px;border-radius:8px;display:grid;place-items:center;color:var(--cream);font-size:16px;background:var(--olive);transition:transform .3s ease}
.spec li:hover .spec-v{transform:scale(1.14) rotate(-8deg)}
.spec li:nth-child(2) .spec-v{background:var(--brown)}
.spec li:nth-child(3) .spec-v{background:var(--tan);color:var(--forest)}
.spec li:nth-child(4) .spec-v{background:var(--forest)}
.spec li:nth-child(5) .spec-v{background:var(--brown)}
.cta-primary{margin-top:30px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.cta-hint{display:flex;align-items:center;gap:8px;font-size:.86rem;color:var(--muted);font-weight:600}
.cta-hint .ico{color:var(--olive);font-size:1.15em}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.chip{display:inline-flex;align-items:center;gap:9px;padding:11px 15px;border:2px solid var(--forest);border-radius:10px;font-weight:700;font-size:.9rem;cursor:pointer;transition:transform .18s,box-shadow .18s;box-shadow:var(--sh-sm)}
.chip .ico{font-size:1.15em;transition:transform .25s ease}
.chip:hover{transform:translateY(-2px)}
.chip:hover .ico{transform:scale(1.2) rotate(-8deg)}
.ch-tg{background:var(--forest);color:var(--cream)}
.ch-wa{background:var(--olive);color:var(--cream)}
.ch-max{background:var(--tan);color:var(--forest)}
.ch-ph{background:var(--paper);color:var(--forest)}
.reply{margin-top:16px;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.88rem}
.reply .ico{color:var(--brown)}
.hero-vid{position:relative;display:flex;justify-content:center}
.vid-wrap{position:relative}
.vid-wrap::after{content:"";position:absolute;inset:-12px;border:2px dashed rgba(96,108,56,.4);border-radius:24px;pointer-events:none}
.vid-back{position:absolute;inset:0;background:var(--tan);border:2px solid var(--forest);border-radius:20px;transform:translate(12px,12px);z-index:0;transition:transform .35s ease}
.vid-wrap:hover .vid-back{transform:translate(16px,16px)}
.video-frame{position:relative;z-index:1;width:min(320px,80vw);aspect-ratio:9/16;border:3px solid var(--forest);border-radius:18px;overflow:hidden;background:linear-gradient(160deg,#3a4a26,#1d2810)}
.video-frame video{width:100%;height:100%;object-fit:cover}
.video-frame{position:relative;isolation:isolate}
.vf-poster{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;display:block;background:linear-gradient(160deg,#3a4a26,#1d2810);}
.vf-video{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;background:transparent}
.vb{position:absolute;border:2px solid var(--forest);border-radius:12px;padding:9px 13px;box-shadow:var(--sh-sm);font-weight:800;display:flex;align-items:center;gap:10px;z-index:3}
.vb1{top:-16px;left:-14px;background:var(--tan);flex-direction:column;align-items:flex-start;gap:0;line-height:1;animation:vbob 4.5s ease-in-out infinite}
.vb1 b{font-family:var(--disp);font-size:1.4rem}
.vb1 span{font-size:.64rem;letter-spacing:.06em;text-transform:uppercase;font-weight:700}
.vb2{bottom:-16px;right:-14px;background:var(--olive);color:var(--cream);gap:8px;animation:vbob 5.2s ease-in-out infinite reverse}
@keyframes vbob{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.vb2 .eq{display:flex;align-items:flex-end;gap:3px;height:18px}
.vb2 .eq i{width:4px;background:var(--cream);border-radius:2px;animation:eq 1s ease-in-out infinite}
.vb2 .eq i:nth-child(2){animation-delay:.2s}
.vb2 .eq i:nth-child(3){animation-delay:.4s}
.vb2 .eq i:nth-child(4){animation-delay:.1s}
@keyframes eq{0%,100%{height:5px}50%{height:18px}}
.spin-badge{position:absolute;top:-38px;right:-30px;width:104px;height:104px;z-index:4;animation:spin 20s linear infinite}
.spin-badge .ico{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:28px;color:var(--brown)}
@keyframes spin{to{transform:rotate(360deg)}}
.scroll-hint{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.84rem;margin-top:42px;position:relative;z-index:2}
.scroll-hint .ico{animation:bob 1.6s ease-in-out infinite}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}
.ticker{background:var(--olive);border-top:1px solid var(--olive-d);border-bottom:1px solid var(--olive-d);padding:13px 0;overflow:hidden}
.ticker-track{display:flex;width:max-content;animation:tick 28s linear infinite}
.ticker:hover .ticker-track{animation-play-state:paused}
.tick-item{display:inline-flex;align-items:center;gap:14px;padding:0 14px;font-family:var(--disp);font-weight:500;font-size:.9rem;letter-spacing:.02em;color:var(--cream);white-space:nowrap}
.tick-item .ico{color:var(--tan);font-size:1.1em}
@keyframes tick{to{transform:translateX(-50%)}}
.pipe-div{display:block;width:100%;height:54px}
.pipe-div .flow{stroke-dasharray:26 22;animation:flowdash 1.1s linear infinite}
@keyframes flowdash{to{stroke-dashoffset:-96}}
.p-rows{display:flex;flex-direction:column;gap:44px}
.p-row{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:22px;align-items:center}
.p-row:nth-child(even) .p-photo{order:2;justify-self:end}
.p-photo{position:relative;max-width:440px;width:100%;justify-self:start}
.p-img{border:2px solid var(--forest);border-radius:14px;overflow:hidden;box-shadow:8px 8px 0 rgba(96,108,56,.16);transition:box-shadow .3s,transform .3s}
.p-photo:hover .p-img{transform:translate(-3px,-3px);box-shadow:11px 11px 0 rgba(96,108,56,.18)}
.p-img img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .5s}
.p-photo:hover .p-img img{transform:scale(1.05)}
.p-num{position:absolute;top:12px;left:12px;width:48px;height:48px;background:var(--tan);border:2px solid var(--forest);border-radius:11px;display:grid;place-items:center;font:700 1.15rem var(--disp);color:var(--forest);transform:rotate(-4deg);box-shadow:var(--sh-sm);z-index:2;transition:transform .3s ease}
.p-photo:hover .p-num{transform:rotate(4deg) scale(1.08)}
.p-tag{display:inline-flex;align-items:center;gap:8px;background:var(--forest);color:var(--cream);padding:5px 13px;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.p-body h3{font-weight:700;font-size:clamp(1.2rem,2.2vw,1.5rem);margin:14px 0 10px}
.p-body p{color:var(--muted);font-size:1rem;max-width:58ch}
.p-body .accent{display:inline-block;margin-top:14px;font-weight:700;color:var(--brown);border-bottom:3px solid var(--tan);transition:border-color .25s ease}
.p-body .accent:hover{border-color:var(--brown)}
.clog{background:var(--forest);color:var(--cream);background-image:repeating-linear-gradient(135deg,transparent 0 22px,rgba(254,250,224,.03) 22px 44px)}
.clog .kicker{color:var(--tan)}
.clog .sec-head p{color:rgba(254,250,224,.78)}
.clog-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.clog-card{background:var(--paper);color:var(--ink);border:2px solid var(--olive);border-radius:16px;overflow:hidden;box-shadow:var(--sh);position:relative;transition:transform .3s ease}
.clog-card:hover{transform:translateY(-4px)}
.clog-card .pic{position:relative;overflow:hidden;background:var(--cream)}
.clog-card .pic img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .5s ease}
.clog-card:hover .pic img{transform:scale(1.04)}
.formula{position:absolute;top:14px;left:14px;background:var(--forest);color:var(--tan);font-family:var(--disp);font-weight:700;font-size:1rem;padding:6px 14px;border-radius:9px;box-shadow:var(--sh-sm)}
.clog-card .txt{padding:22px 24px 26px}
.clog-card h3{font-weight:700;font-size:1.25rem;margin-bottom:10px}
.clog-card p{color:var(--muted);font-size:.96rem}
.chain{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:46px}
.ch{background:rgba(254,250,224,.08);border:2px solid rgba(254,250,224,.3);color:var(--cream);padding:11px 18px;border-radius:999px;font-weight:600;font-size:.94rem;transition:transform .2s ease,background .2s ease}
.ch:hover{transform:translateY(-3px);background:rgba(254,250,224,.14)}
.ch.bad{background:var(--brown);border-color:var(--brown-d);color:#fff}
.ch.bad:hover{background:var(--brown-d)}
.chain .ico{color:var(--tan);font-size:1.4em}
.stages-cols{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.stage-col{background:var(--paper);border:2px solid var(--forest);border-radius:18px;overflow:hidden;box-shadow:8px 8px 0 rgba(96,108,56,.14)}
.stage-col .col-h{display:flex;align-items:center;gap:14px;padding:18px 22px}
.stage-col.a .col-h{background:var(--olive);color:var(--cream)}
.stage-col.b .col-h{background:var(--tan);color:var(--forest)}
.col-h .ico{font-size:24px}
.col-h h3{font-weight:700;font-size:1.15rem;flex:1}
.col-h .cnt{background:var(--forest);color:var(--cream);font-size:.7rem;font-weight:700;padding:4px 11px;border-radius:999px;white-space:nowrap}
.steps{position:relative;padding:24px 24px 28px}
.steps::before{content:"";position:absolute;left:43px;top:34px;bottom:34px;border-left:2px dashed rgba(96,108,56,.3)}
.step{display:flex;gap:16px;position:relative;padding-bottom:22px}
.step:last-child{padding-bottom:0}
.step .n{flex:0 0 auto;width:40px;height:40px;border-radius:50%;background:var(--forest);color:var(--cream);display:grid;place-items:center;font:700 1rem var(--disp);z-index:1;box-shadow:0 0 0 4px var(--paper);transition:transform .3s ease,background .3s ease}
.step:hover .n{transform:scale(1.14);background:var(--brown)}
.step h4{font-family:var(--body);font-weight:700;font-size:1rem;margin-bottom:3px}
.step p{color:var(--muted);font-size:.92rem}
.stage-final{margin-top:34px;background:var(--forest);color:var(--cream);border-radius:18px;padding:30px 34px;display:flex;gap:26px;align-items:center;box-shadow:var(--sh);position:relative}
.stage-final .fin{position:absolute;top:-15px;right:26px;background:var(--brown);color:#fff;font:700 .76rem var(--disp);padding:8px 16px;border-radius:9px;transform:rotate(2deg);letter-spacing:.05em;box-shadow:var(--sh-sm)}
.stage-final .th{flex:0 0 auto;width:64px;height:64px;border-radius:14px;background:var(--tan);color:var(--forest);display:grid;place-items:center;font-size:30px;animation:thpulse 3s ease-in-out infinite}
@keyframes thpulse{0%,100%{transform:scale(1)}50%{transform:scale(1.07) rotate(-3deg)}}
.stage-final h3{font-weight:700;font-size:1.35rem;margin-bottom:8px}
.stage-final p{color:rgba(254,250,224,.82);max-width:70ch}
.stage-final .chk{display:flex;gap:18px;flex-wrap:wrap;margin-top:14px}
.stage-final .chk span{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:.92rem}
.stage-final .chk .ico{color:var(--tan)}
.equip{background:var(--cream)}
.pulp{position:relative;height:104px;border:3px solid var(--forest);border-radius:52px;background:var(--paper);overflow:hidden;margin-top:30px;box-shadow:var(--sh-sm)}
.pulp .wline{position:absolute;left:0;right:0;top:50%;height:6px;margin-top:-3px;background:repeating-linear-gradient(90deg,var(--tan) 0 22px,transparent 22px 44px);animation:slide .9s linear infinite}
@keyframes slide{to{transform:translateX(44px)}}
.pulp .bub{position:absolute;left:-8%;top:50%;border-radius:50%;background:var(--olive);opacity:.85;animation:drift 6s linear infinite}
.pulp .b1{top:22%;width:14px;height:14px;animation-duration:5s}
.pulp .b2{top:60%;width:22px;height:22px;background:var(--tan);animation-duration:7s;animation-delay:1s}
.pulp .b3{top:38%;width:10px;height:10px;background:var(--brown);animation-duration:4.2s;animation-delay:2s}
.pulp .b4{top:68%;width:16px;height:16px;animation-duration:6s;animation-delay:.6s}
.pulp .b5{top:30%;width:26px;height:26px;background:var(--tan);animation-duration:8s;animation-delay:1.4s}
@keyframes drift{from{left:-8%}to{left:105%}}
.pulp-chip{position:absolute;top:50%;transform:translateY(-50%);background:var(--olive);color:var(--cream);font-weight:700;font-size:.8rem;padding:7px 13px;border-radius:9px;border:2px solid var(--forest);z-index:2}
.pulp-chip.l{left:14px}
.pulp-chip.r{right:14px;background:var(--tan);color:var(--forest)}
.equip-block{margin-top:64px}
.equip-block h3{font-weight:700;font-size:clamp(1.25rem,2.3vw,1.6rem);margin-bottom:16px}
.bal-card{display:grid;grid-template-columns:1fr 1fr;gap:34px;background:var(--paper);border:2px solid var(--forest);border-radius:18px;padding:28px;box-shadow:var(--sh);align-items:center}
.bal-card .pic img{width:100%;aspect-ratio:4/3;object-fit:cover;border:2px solid var(--forest);border-radius:13px;transform:rotate(-1deg);box-shadow:var(--sh-sm);transition:transform .4s ease}
.bal-card .pic img:hover{transform:rotate(0deg) scale(1.02)}
.bal-card p{color:var(--muted);margin:0 0 20px;font-size:.97rem}
.ratio{display:flex;border:3px solid var(--forest);border-radius:14px;overflow:hidden;height:74px;box-shadow:var(--sh-sm);background:#fff}
.rw,.ra{display:flex;align-items:center;justify-content:center;gap:8px;font:700 .92rem var(--disp);white-space:nowrap;overflow:hidden;width:50%;transition:width 1.1s cubic-bezier(.22,1,.36,1)}
.js .ratio.pre .rw,.js .ratio.pre .ra{width:0}
.js .ratio.pre.go .rw{width:50%;transition-delay:.15s}
.js .ratio.pre.go .ra{width:50%;transition-delay:.45s}
.rw{background:var(--olive);color:var(--cream)}
.ra{background:var(--tan);color:var(--forest)}
.ratio-cap{margin-top:12px;font-weight:700;color:var(--brown);font-size:.9rem}
.vid-band{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center;margin-top:64px;background:var(--forest);color:var(--cream);border-radius:20px;padding:32px;box-shadow:var(--sh)}
.vid-band .vframe{border:3px solid var(--cream);border-radius:16px;overflow:hidden;box-shadow:10px 10px 0 rgba(0,0,0,.35);background:#000}
.vid-band video{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.vid-band h3{font-weight:700;font-size:clamp(1.2rem,2.2vw,1.5rem);margin-bottom:14px}
.vid-band h3 .hl{box-shadow:none}
.vid-band p{color:rgba(254,250,224,.82);font-size:.97rem;margin-bottom:18px}
.vcheck{display:flex;flex-direction:column;gap:12px}
.vcheck li{display:flex;gap:12px;align-items:flex-start;list-style:none;font-weight:500}
.vcheck .ic{flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:var(--tan);color:var(--forest);display:grid;place-items:center;font-size:16px;transition:transform .3s ease}
.vcheck li:hover .ic{transform:scale(1.15) rotate(-8deg)}
.nop{display:grid;grid-template-columns:.95fr 1.05fr;gap:34px;background:var(--paper);border:2px solid var(--forest);border-left:8px solid var(--brown);border-radius:18px;padding:28px;box-shadow:var(--sh);margin-top:64px;align-items:center}
.nop .pic{order:2}
.nop .pic img{width:100%;aspect-ratio:4/3;object-fit:cover;border:2px solid var(--forest);border-radius:13px}
.nop h3{font-weight:700;font-size:clamp(1.2rem,2.2vw,1.5rem);margin-bottom:12px}
.nop p{color:var(--muted);font-size:.97rem;margin-bottom:18px}
.nop-list{display:flex;flex-direction:column;gap:12px;margin-bottom:18px}
.nop-list li{display:flex;gap:12px;align-items:flex-start;list-style:none;font-weight:600;font-size:.94rem}
.nop-list .ix{flex:0 0 auto;width:28px;height:28px;border-radius:50%;background:var(--brown);color:#fff;display:grid;place-items:center;font-size:15px}
.nop .concl{background:var(--forest);color:var(--cream);padding:12px 16px;border-radius:12px;font-weight:700;display:flex;gap:10px;align-items:center}
.nop .concl .ico{color:var(--tan)}
.master-grid{display:grid;grid-template-columns:380px 1fr;gap:50px;align-items:start}
.m-photo{position:relative}
.m-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;border:3px solid var(--forest);border-radius:18px;box-shadow:12px 12px 0 var(--tan)}
.m-name{position:absolute;left:0;right:0;bottom:0;background:var(--forest);color:var(--cream);padding:16px 20px;border-radius:0 0 15px 15px;border:3px solid var(--forest);border-top:0}
.m-name b{font-family:var(--disp);font-weight:700;font-size:1.15rem;display:block}
.m-name span{color:var(--tan);font-size:.84rem;font-weight:600}
.m-photo .spin-badge{top:-40px;right:-34px}
.m-info .kicker{margin-bottom:12px}
.m-info h2{font-weight:800;font-size:clamp(1.6rem,3vw,2.3rem)}
.m-info .intro{margin-top:14px;font-weight:600;font-size:1.06rem;max-width:60ch}
.m-info .bio{margin-top:16px;color:var(--muted);font-size:.97rem}
.qual{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:26px}
.qual-i{display:flex;gap:13px;background:var(--paper);border:2px solid var(--forest);border-radius:13px;padding:15px 16px;box-shadow:var(--sh-sm);transition:transform .25s ease,box-shadow .25s ease}
.qual-i:hover{transform:translateY(-4px);box-shadow:var(--sh)}
.qual-i .sq{flex:0 0 auto;width:38px;height:38px;border-radius:9px;display:grid;place-items:center;color:var(--cream);font-size:19px;transition:transform .3s ease}
.qual-i:hover .sq{transform:rotate(-8deg) scale(1.1)}
.qual-i:nth-child(1) .sq{background:var(--olive)}
.qual-i:nth-child(2) .sq{background:var(--brown)}
.qual-i:nth-child(3) .sq{background:var(--tan);color:var(--forest)}
.qual-i:nth-child(4) .sq{background:var(--forest)}
.qual-i h4{font-family:var(--body);font-weight:700;font-size:.94rem;margin-bottom:3px}
.qual-i p{font-size:.84rem;color:var(--muted)}
.car-block{margin-top:64px}
.car-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}
.car-head h3{font-weight:700;font-size:clamp(1.15rem,2.1vw,1.4rem)}
.car-btns{display:flex;gap:10px}
.car-btn{width:46px;height:46px;border-radius:50%;background:var(--forest);color:var(--cream);border:0;display:grid;place-items:center;cursor:pointer;font-size:18px;transition:background .25s,transform .25s;box-shadow:var(--sh-sm)}
.car-btn:hover{background:var(--brown);transform:translateY(-2px)}
.car-btn .ico{transition:transform .25s ease}
.car-prev .ico{transform:rotate(180deg)}
.car-prev:hover .ico{transform:rotate(180deg) translateX(3px)}
.car-next:hover .ico{transform:translateX(3px)}
.car-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:6px 4px 12px;position:relative;scrollbar-width:none}
.car-track::-webkit-scrollbar{display:none}
.car-slide{flex:0 0 auto;scroll-snap-align:start}
.car-slide.cert{width:calc(25% - 12px)}
.cert-in{background:#fff;border:2px solid var(--forest);border-radius:13px;padding:10px;box-shadow:var(--sh-sm);transition:transform .3s,box-shadow .3s;cursor:zoom-in;position:relative;overflow:hidden}
.cert-in::after{content:"";position:absolute;inset:0;background:rgba(40,54,24,0);transition:background .25s ease;pointer-events:none;border-radius:8px}
.cert-in:hover{transform:translateY(-6px) rotate(-1deg);box-shadow:var(--sh)}
.cert-in:hover::after{background:rgba(40,54,24,.08)}
.cert-in img{width:100%;aspect-ratio:3/4;object-fit:contain;background:#fff;border-radius:8px}
.car-slide.work{width:calc(50% - 8px)}
.work{background:var(--paper);border:2px solid var(--forest);border-radius:14px;overflow:hidden;box-shadow:var(--sh-sm);transition:transform .3s,box-shadow .3s}
.work:hover{transform:translateY(-4px);box-shadow:var(--sh)}
.work-img{position:relative;overflow:hidden;aspect-ratio:4/3;background:var(--cream)}
.work-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease;cursor:zoom-in}
.work:hover .work-img img{transform:scale(1.04)}
.work figcaption{background:var(--forest);color:var(--cream);padding:13px 15px;font-size:.88rem;font-weight:600}
.car-slider{display:flex;align-items:center;margin-top:18px;user-select:none}
.car-slider-track{position:relative;flex:1;height:8px;background:rgba(40,54,24,.14);border-radius:99px;cursor:pointer;touch-action:none}
.car-slider-thumb{position:absolute;top:50%;left:0;transform:translateY(-50%);height:18px;width:70px;min-width:44px;background:var(--brown);border:2px solid var(--forest);border-radius:99px;cursor:grab;transition:background .2s ease;box-shadow:var(--sh-sm);display:grid;place-items:center}
.car-slider-thumb::after{content:"";width:14px;height:4px;border-left:2px solid rgba(254,250,224,.8);border-right:2px solid rgba(254,250,224,.8)}
.car-slider-thumb:hover{background:var(--tan)}
.car-slider-thumb.dragging{cursor:grabbing;background:var(--tan)}
.lightbox-inner { position: relative; max-width: min(1100px, 100%); max-height: 100%; display: flex; flex-direction: column; align-items: center; gap: 16px; touch-action: pan-y; user-select: none; -webkit-user-select: none; }
.lightbox-img { max-width: 100%; max-height: calc(100vh - 140px); object-fit: contain; border-radius: 12px; box-shadow: 0 30px 80px -20px rgba(0,0,0,.6); background: #fefae0; transition: transform 0.3s cubic-bezier(.22,1,.36,1), opacity 0.3s ease; will-change: transform; }
.lightbox-img.swiping { transition: none !important; }
.lightbox-img.slide-in-right { animation: lbSlideInRight 0.35s cubic-bezier(.22,1,.36,1); }
.lightbox-img.slide-in-left { animation: lbSlideInLeft 0.35s cubic-bezier(.22,1,.36,1); }
@keyframes lbSlideInRight { from { transform: translateX(60px); opacity: 0.3; } to { transform: translateX(0); opacity: 1; } }
@keyframes lbSlideInLeft { from { transform: translateX(-60px); opacity: 0.3; } to { transform: translateX(0); opacity: 1; } }
.lb-dots { display: none; gap: 8px; justify-content: center; margin-top: 8px; }
.lb-dots span { width: 8px; height: 8px; border-radius: 50%; background: rgba(254,250,224,0.35); transition: background 0.3s, transform 0.3s; }
.lb-dots span.active { background: #dda15e; transform: scale(1.3); }
@media (max-width: 768px) { .lb-dots { display: flex; } }
.calc .wm2{position:absolute;top:26px;right:2%;font:800 clamp(6rem,14vw,11rem)/1 var(--disp);color:transparent;-webkit-text-stroke:2px rgba(96,108,56,.09);pointer-events:none;user-select:none;z-index:0}
.calc .container{position:relative;z-index:1}
.calc .sec-head p{max-width:64ch}
.calc-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:42px;align-items:start}
.group-label{display:flex;align-items:center;gap:12px;font:700 .78rem var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--brown);margin:8px 0 14px}
.group-label::after{content:"";flex:1;height:2px;background:var(--line)}
.price-row{display:grid;grid-template-columns:1fr auto auto;grid-template-areas:"info step total";gap:18px;align-items:center;background:var(--paper);border:2px solid var(--forest);border-radius:13px;padding:16px 18px;box-shadow:var(--sh-sm);margin-bottom:14px;transition:transform .2s,box-shadow .2s}
.price-row:hover{transform:translateY(-2px);box-shadow:var(--sh)}
.pr-info{grid-area:info}
.pr-info b{font-family:var(--body);font-weight:700;font-size:1rem;display:block}
.pr-info span{font-size:.82rem;color:var(--muted)}
.stepper{grid-area:step;display:flex;align-items:center;gap:10px;user-select:none}
.stp{width:38px;height:38px;border-radius:9px;border:2px solid var(--forest);background:var(--cream);color:var(--forest);display:grid;place-items:center;cursor:pointer;font-size:18px;transition:background .18s,transform .18s}
.stp:hover{background:var(--tan)}
.stp:active{transform:scale(.88)}
.stp.off{opacity:.32;pointer-events:none}
.qty{font-family:var(--disp);font-weight:700;font-size:1.2rem;min-width:1.6ch;text-align:center}
.pr-total{grid-area:total;font-family:var(--disp);font-weight:700;font-size:1.05rem;min-width:96px;text-align:right;color:var(--ink)}
.pr-total.has{color:var(--brown)}
.pr-total.pulse{animation:pulse .4s ease}
@keyframes pulse{0%{transform:scale(1)}40%{transform:scale(1.16)}100%{transform:scale(1)}}
.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:nowrap;background:var(--paper);border:2px solid var(--forest);border-radius:13px;padding:16px 18px;box-shadow:var(--sh-sm);margin-bottom:14px;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s;user-select:none}
.toggle-row:hover{transform:translateY(-2px);box-shadow:var(--sh)}
.toggle-row.on{background:rgba(221,161,94,.14);border-color:var(--olive)}
.switch{flex:0 0 auto;width:54px;height:30px;border-radius:999px;border:2px solid var(--forest);background:var(--cream);position:relative;cursor:pointer;transition:.25s;padding:0}
.switch .knob{position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;background:var(--forest);transition:.25s}
.toggle-row.on .switch{background:var(--olive)}
.toggle-row.on .switch .knob{left:26px;background:var(--cream)}
.toggle-row .pr-info{flex:1}
.sum{position:sticky;top:96px;background:var(--forest);color:var(--cream);border-radius:20px;padding:28px;box-shadow:var(--sh)}
.sum h3{font-weight:700;font-size:1.25rem;display:flex;align-items:center;gap:10px}
.sum h3 .ico{color:var(--tan)}
.sum-lines{margin:20px 0;display:flex;flex-direction:column;gap:10px;min-height:40px}
.sl{display:flex;justify-content:space-between;gap:12px;border-bottom:1px dashed rgba(254,250,224,.25);padding-bottom:10px;font-size:.9rem;animation:slIn .35s ease both}
@keyframes slIn{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}
.sl b{color:var(--tan);white-space:nowrap;font-weight:700}
.sum-empty{color:rgba(254,250,224,.6);font-size:.9rem;font-style:italic}
.sum-total{display:flex;justify-content:space-between;align-items:center;margin:18px 0 6px}
.sum-total span{font-weight:600}
.st-val{font-family:var(--disp);font-weight:800;font-size:2rem;color:var(--tan)}
.st-val.pulse{animation:pulse .4s ease}
.field-label{display:flex;align-items:center;gap:8px;font:700 .68rem var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--tan);margin:18px 0 9px}
.field-label .ico{font-size:14px}
.addr .ico {
  pointer-events: none;
}
.addr{display:flex;align-items:center;gap:11px;background:rgba(254,250,224,.08);border:2px solid rgba(254,250,224,.35);border-radius:12px;padding:4px 14px;transition:border-color .25s,box-shadow .25s,background .25s}
.addr:focus-within{border-color:var(--tan);background:rgba(254,250,224,.12);box-shadow:0 0 0 4px rgba(221,161,94,.18)}
.addr .ico{color:var(--tan);font-size:19px;flex:0 0 auto}
.addr input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:var(--cream);font:500 .95rem var(--body);padding:11px 0}
.addr input::placeholder{color:rgba(254,250,224,.5)}
.seg{position:relative;display:grid;grid-template-columns:repeat(3,1fr);background:rgba(254,250,224,.08);border:2px solid rgba(254,250,224,.35);border-radius:12px;padding:4px}
.seg-pill{position:absolute;top:4px;bottom:4px;left:4px;width:calc(33.333% - 4px);background:var(--tan);border-radius:8px;transition:left .3s cubic-bezier(.22,1,.36,1),width .3s cubic-bezier(.22,1,.36,1);box-shadow:0 4px 10px -4px rgba(0,0,0,.4)}
.seg-btn{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:none;border:0;padding:10px 6px;font:700 .85rem var(--body);color:rgba(254,250,224,.75);cursor:pointer;border-radius:8px;transition:color .25s;white-space:nowrap}
.seg-btn .ico{font-size:1.15em}
.seg-btn:hover:not(.on){color:var(--cream)}
.seg-btn.on{color:var(--forest)}
#sendOrder{width:100%;margin-top:18px}
.guar{margin-top:18px;border:2px dashed rgba(254,250,224,.4);border-radius:13px;padding:15px 16px;display:flex;flex-direction:column;gap:11px;font-size:.87rem;color:rgba(254,250,224,.9)}
.g-i{display:flex;gap:11px;align-items:flex-start}
.g-i .ico{color:var(--tan);font-size:1.3em;flex:0 0 auto;margin-top:1px}
.sum-call{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:14px;color:rgba(254,250,224,.85);font-weight:600;font-size:.9rem;transition:color .2s}
.sum-call:hover{color:var(--tan)}
.sum-call .ico{color:var(--tan)}
.sum .note{margin-top:10px;font-size:.78rem;color:rgba(254,250,224,.65);text-align:center;line-height:1.5}
.online{display:inline-flex;align-items:center;gap:7px;font-weight:600}
.online i{width:8px;height:8px;border-radius:50%;background:#9fca6f;box-shadow:0 0 0 0 rgba(159,202,111,.55);animation:ping 1.8s infinite}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(159,202,111,.55)}70%{box-shadow:0 0 0 8px rgba(159,202,111,0)}100%{box-shadow:0 0 0 0 rgba(159,202,111,0)}}
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:var(--forest);color:var(--cream);border:2px solid var(--tan);padding:12px 22px;border-radius:12px;font-weight:600;font-size:.9rem;box-shadow:var(--sh);opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;z-index:300;max-width:90vw;text-align:center}
.toast.show{opacity:1;transform:translate(-50%,0)}
footer{background:var(--forest);color:var(--cream);padding-top:72px}
.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;padding-bottom:48px}
.foot-grid .logo{margin-bottom:16px}
.foot-about{color:rgba(254,250,224,.72);font-size:.92rem;max-width:34ch;margin-bottom:18px}
.foot-soc{display:flex;gap:10px}
.foot-soc a{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;font-size:18px;transition:transform .2s,box-shadow .2s}
.foot-soc a:hover{transform:translateY(-3px);box-shadow:0 8px 16px -8px rgba(0,0,0,.5)}
.foot-soc .tg{background:var(--tan);color:var(--forest)}
.foot-soc .wa{background:var(--cream);color:var(--forest)}
.foot-soc .mx{background:var(--brown);color:#fff}
.foot-soc .ph{background:var(--olive);color:var(--cream)}
.foot-col h4{font-family:var(--disp);font-weight:600;font-size:.92rem;margin-bottom:16px;color:var(--tan)}
.foot-col ul{list-style:none;display:flex;flex-direction:column;gap:10px}
.foot-col a{color:rgba(254,250,224,.78);font-size:.92rem;transition:color .2s,padding-left .2s}
.foot-col a:hover{color:var(--tan);padding-left:4px}
.foot-col .big{font-family:var(--disp);font-weight:700;font-size:1.1rem;color:var(--cream);display:block;margin-bottom:8px}
.foot-bottom{border-top:1px solid rgba(254,250,224,.15);padding:20px 0;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:.77rem;color:rgba(254,250,224,.6)}
.mbar{display:none}
.js .reveal{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);transition-delay:var(--d,0s)}
.js .reveal.in{opacity:1;transform:none}
@media(max-width:1024px){
.hero-grid{grid-template-columns:1fr;gap:64px}
.hero-vid{order:2}
.master-grid{grid-template-columns:340px 1fr;gap:36px}
.car-slide.cert{width:calc(33.333% - 11px)}
.foot-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
.nav{position:fixed;top:110px;left:0;right:0;background:var(--cream);flex-direction:column;align-items:flex-start;gap:4px;padding:18px 24px 24px;border-bottom:2px solid var(--olive);transform:translateY(-150%);transition:transform .35s ease;z-index:79;box-shadow:var(--sh)}
.nav.open{transform:none}
.nav a{font-size:1.05rem;padding:10px 0;width:100%;border-bottom:1px solid var(--line)}
.nav-phone{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--brown);padding:12px 0 4px}
.burger{display:flex}
.h-right .btn,.h-phone{display:none}
.topbar .tb-l{display:none}
}
@media(max-width:768px){
.sec{padding:72px 0}
.spec{grid-template-columns:1fr}
.p-row{grid-template-columns:1fr;gap:20px}
.p-row:nth-child(even) .p-photo{order:0;justify-self:start}
.p-photo{max-width:520px}
.clog-grid,.stages-cols,.bal-card,.vid-band,.nop,.calc-grid,.master-grid{grid-template-columns:1fr}
.nop .pic{order:0}
.bal-card .pic{order:0}
.vid-band{gap:24px;padding:24px}
.stage-final{flex-direction:column;text-align:center;align-items:center}
.qual{grid-template-columns:1fr}
.car-slide.cert{width:calc(48% - 8px)}
.car-slide.work{width:88%}
.sum{position:static}
.price-row{grid-template-columns:1fr auto;grid-template-areas:"info info" "step total";row-gap:12px;column-gap:12px}
.stepper{justify-self:start}
.pr-total{justify-self:end;align-self:center;min-width:0}
.foot-grid{grid-template-columns:1fr;gap:30px}
body{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
.mbar{display:grid;grid-template-columns:1fr 52px 52px;gap:8px;position:fixed;bottom:0;left:0;right:0;z-index:85;background:var(--forest);border-top:2px solid var(--tan);padding:8px 10px calc(8px + env(safe-area-inset-bottom))}
.mbar a{display:flex;align-items:center;justify-content:center;gap:0;min-height:48px;border-radius:12px;color:var(--cream);font-size:0;font-weight:700;background:rgba(254,250,224,.1)}
.mbar a .ico{font-size:24px}
.mbar a.call{gap:8px;font-size:1rem;background:var(--brown);color:#fff;box-shadow:0 8px 18px -8px rgba(188,108,37,.8)}
.mbar a.call .ico{font-size:20px}
.vid-wrap{transform:none}
.vid-wrap::after{inset:-8px}
.vb1{left:10px;top:-12px}
.vb2{right:10px;bottom:-12px}
.spin-badge{width:84px;height:84px;top:-30px;right:2px}
.m-photo .spin-badge{right:6px;top:-30px;width:84px;height:84px}
.lb-nav{width:44px;height:44px;font-size:18px}
.lb-prev{left:6px}
.lb-next{right:6px}
.lb-btn{width:42px;height:42px;font-size:18px}
.lb-counter{font-size:.76rem;padding:5px 10px}
.toast{bottom:92px}
/* нормальные отступы для мобильной hero */
.hero{padding:32px 0 60px}
/* уменьшаем gap между колонками */
.hero-grid{gap:32px}
/* подправляем ритмы */
.scroll-hint{margin-top:26px}
/* заголовок чуть меньше */
.hero h1{font-size:clamp(1.6rem,6vw,2.2rem)}
/* подзаголовок поменьше */
.claim{font-size:clamp(1.1rem,4vw,1.4rem)}
/* видео не слишком большое */
.video-frame{width:min(280px,85vw)}
/* бейджи не вылазят */
.vb1{left:6px;top:-10px}
.vb2{right:6px;bottom:-10px}
.spin-badge{width:72px;height:72px;top:-26px;right:-6px}
}
@media(max-width:480px){
.cta-row .chip{flex:1 1 auto}
.cta-primary .btn{width:100%}
.topbar .tb-r span:first-child{display:none}
.seg-btn{font-size:.78rem;gap:6px}
header .logo .logo-txt b{font-size:.98rem}
header .logo .logo-txt span{font-size:.62rem}
}
@media(max-width: 768px) {
.work { background: transparent !important; border: none !important; box-shadow: none !important; border-radius: 12px 12px 10px 10px !important; overflow: hidden !important; }
.work-img { border: 2px solid var(--forest) !important; border-radius: 12px 12px 0 0 !important; box-shadow: var(--sh-sm) !important; aspect-ratio: 16/9 !important; }
.work figcaption { border-radius: 0 0 10px 10px !important; margin-top: -2px !important; }
}
@media(max-width:768px){
.hero .glow, .hero .glow2, .hero .wm, .bubbles, .pain .ico, .vb1, .vb2, .spin-badge, .scroll-hint .ico{ animation:none !important; }
.bubbles{display:none !important}
.hero .glow{opacity:.5}
.hero .glow2{opacity:.4}
}
#rec3455548701{ display:none; }
.consent span { display: inline; line-height: 1.45; }
.consent .privacy-link { color: var(--tan, #dda15e); text-decoration: none; border-bottom: 1px dashed var(--tan, #dda15e); display: inline; position: relative; z-index: 1; transition: color .2s, border-color .2s; cursor: pointer; }
.consent .privacy-link:hover { color: #fefae0; border-bottom-color: #fefae0; }
.lightbox { position: fixed; inset: 0; z-index: 1000; background: rgba(20, 30, 10, 0.92); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease; padding: 40px 20px; }
.lightbox.open { opacity: 1; visibility: visible; }
.lightbox-inner { position: relative; max-width: min(1100px, 100%); max-height: 100%; display: flex; flex-direction: column; align-items: center; gap: 16px; touch-action: pan-y; user-select: none; -webkit-user-select: none; }
.lightbox-img { max-width: 100%; max-height: calc(100vh - 140px); object-fit: contain; border-radius: 12px; box-shadow: 0 30px 80px -20px rgba(0, 0, 0, 0.6); background: #fefae0; transition: transform 0.3s cubic-bezier(.22, 1, .36, 1), opacity 0.3s ease; will-change: transform; }
.lightbox-img.swiping { transition: none !important; }
.lightbox-img.slide-in-right { animation: lbSlideInRight 0.35s cubic-bezier(.22, 1, .36, 1); }
.lightbox-img.slide-in-left { animation: lbSlideInLeft 0.35s cubic-bezier(.22, 1, .36, 1); }
@keyframes lbSlideInRight { from { transform: translateX(60px); opacity: 0.3; } to { transform: translateX(0); opacity: 1; } }
@keyframes lbSlideInLeft { from { transform: translateX(-60px); opacity: 0.3; } to { transform: translateX(0); opacity: 1; } }
.lightbox-caption { color: #fefae0; font-family: 'Golos Text', system-ui, sans-serif; font-size: 0.95rem; text-align: center; max-width: 600px; line-height: 1.5; }
.lb-counter { position: absolute; top: 20px; left: 50%; transform: translateX(-50%); color: #fefae0; font-family: 'Unbounded', system-ui, sans-serif; font-size: 0.85rem; font-weight: 600; letter-spacing: 0.05em; background: rgba(40, 54, 24, 0.5); padding: 6px 14px; border-radius: 20px; backdrop-filter: blur(6px); z-index: 11; }
.lb-btn, .lb-nav { position: absolute; background: rgba(254, 250, 224, 0.12); border: 2px solid rgba(254, 250, 224, 0.3); color: #fefae0; width: 48px; height: 48px; border-radius: 50%; display: grid; place-items: center; cursor: pointer; transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease; z-index: 12; backface-visibility: hidden; -webkit-backface-visibility: hidden; }
.lb-btn:hover, .lb-nav:hover { background: rgba(221, 161, 94, 0.25); border-color: #dda15e; }
.lb-btn .ico, .lb-nav .ico { width: 22px; height: 22px; stroke-width: 2.5; transition: none !important; }
.lb-prev { top: 50%; left: 20px; transform: translateY(-50%) scaleX(-1) !important; }
.lb-prev:hover { transform: translateY(-50%) scaleX(-1) scale(1.1) !important; }
.lb-next { top: 50%; right: 20px; transform: translateY(-50%) scaleX(1) !important; }
.lb-next:hover { transform: translateY(-50%) scaleX(1) scale(1.1) !important; }
.lb-btn { top: 20px; right: 20px; }
body.lb-open { overflow: hidden; }
.cert-in img, .work-img img { cursor: pointer; transition: transform 0.25s ease, box-shadow 0.25s ease; }
.cert-in img:hover, .work-img img:hover { transform: scale(1.02); box-shadow: 0 12px 28px -10px rgba(40, 54, 24, 0.35); }
.lb-dots { display: none; gap: 8px; justify-content: center; margin-top: 8px; }
.lb-dots span { width: 8px; height: 8px; border-radius: 50%; background: rgba(254,250,224,0.35); transition: background 0.3s, transform 0.3s; }
.lb-dots span.active { background: #dda15e; transform: scale(1.3); }
@media (max-width: 768px) {
.lb-dots { display: flex; }
.lightbox { padding: 20px 10px; }
.lb-btn, .lb-nav { width: 40px; height: 40px; }
.lb-btn .ico, .lb-nav .ico { width: 18px; height: 18px; }
.lb-prev { left: 10px; }
.lb-next { right: 10px; }
.lb-counter { top: 14px; font-size: 0.75rem; padding: 5px 11px; }
.lightbox-caption { font-size: 0.85rem; }
}
/* ====== Свайп в лайтбоксе (мобильные) ====== */
@media (max-width: 768px) {
    /* скрываем стрелки на мобильных — навигация свайпом */
    .lb-prev,
    .lb-next { display: none; }

    /* курсор-захват для области картинки */
    .lightbox-inner { cursor: grab; }
    .lightbox-inner.swiping { cursor: grabbing; }

    /* эффект «потягивания» картинки при свайпе */
    .lightbox-img.dragging {
        transition: none !important;
    }
}

/* универсально — плавный возврат, если свайп не преодолёл порог */
.lightbox-img.returning {
    transition: transform .3s cubic-bezier(.22,1,.36,1), opacity .3s ease;
}
@media (max-width: 768px) {
    .lb-prev, .lb-next { display: none; }
    .lightbox-inner { cursor: grab; }
}
.lightbox-img.swiping { transition: none !important; }
.lightbox-img.slide-in-right { animation: lbSlideInRight .35s cubic-bezier(.22,1,.36,1); }
.lightbox-img.slide-in-left  { animation: lbSlideInLeft  .35s cubic-bezier(.22,1,.36,1); }
@keyframes lbSlideInRight { from { transform: translateX(60px); opacity:.3; } to { transform: translateX(0); opacity:1; } }
@keyframes lbSlideInLeft  { from { transform: translateX(-60px); opacity:.3; } to { transform: translateX(0); opacity:1; } }
.hl-phrase {
    white-space: nowrap;
    display: inline;
}
/* ===== юридическая информация в футере (422-ФЗ) ===== */
.foot-legal{
  display:flex;
  flex-wrap:wrap;
  gap:6px 28px;
  padding:18px 0 14px;
  border-top:1px solid rgba(254,250,224,.10);
  font-size:.78rem;
  line-height:1.6;
  color:rgba(254,250,224,.52);
}
.foot-legal b{
  color:rgba(254,250,224,.72);
  font-weight:600;
}
.foot-legal span{
  display:inline-flex;
  align-items:center;
  gap:6px;
}
.foot-legal span::before{
  content:"";
  width:4px;
  height:4px;
  border-radius:50%;
  background:var(--tan);
  opacity:.5;
  flex:0 0 auto;
}
.foot-legal span:first-child::before{
  display:none;
}

/* ===== правовой статус в секции «Мастер» ===== */
.m-legal{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-top:14px;
  padding:9px 16px;
  background:rgba(96,108,56,.08);
  border:1px dashed rgba(96,108,56,.30);
  border-radius:10px;
  font-size:.82rem;
  font-weight:600;
  color:var(--muted);
  line-height:1.5;
}
.m-legal .ico{
  color:var(--olive);
  font-size:17px;
  flex:0 0 auto;
}

/* ===== адаптив ===== */
@media(max-width:768px){
  .foot-legal{
    flex-direction:column;
    gap:4px;
    font-size:.74rem;
  }
  .m-legal{
    font-size:.76rem;
    padding:8px 13px;
  }
}