/* Стадовод · лендинг */
:root{
  --paper:#faf7f0; --paper2:#f3ecdd; --card:#ffffff;
  --ink:#26200f; --ink2:#5c5344; --mut:#93866f;
  --line:#e7dfcd; --line2:#dcd2ba;
  --rust:#b4552d; --rust-d:#8f3f1e; --green:#214a36; --green-mid:#2e6047; --green-soft:#e7eede;
  --hay:#ecdcae;
  --sh-1:0 1px 2px rgba(60,45,20,.05),0 6px 18px rgba(60,45,20,.07);
  --sh-2:0 2px 6px rgba(60,45,20,.06),0 18px 44px rgba(60,45,20,.13);
  --r-btn:12px; --r-card:18px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-padding-top:76px;overflow-x:clip}
body{background:var(--paper);color:var(--ink);font-family:'Manrope',system-ui,sans-serif;font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:clip;-webkit-tap-highlight-color:transparent}
.wrap{max-width:1140px;margin:auto;padding:0 clamp(20px,4vw,40px)}
h1,h2,h3,.serif{font-family:'Prata',serif;font-weight:400}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}

/* ── общие элементы ── */
.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 30px;border-radius:var(--r-btn);font-weight:800;font-size:15.5px;border:1.5px solid transparent;transition:.18s;cursor:pointer;touch-action:manipulation}
.btn-rust{background:var(--rust);color:#fff7ee;box-shadow:0 10px 26px rgba(180,85,45,.32)}
.btn-rust:hover{background:var(--rust-d);transform:translateY(-2px);box-shadow:0 16px 34px rgba(180,85,45,.38)}
.btn-line{border-color:var(--line2);background:var(--card);color:var(--ink)}
.btn-line:hover{border-color:var(--rust);color:var(--rust-d);transform:translateY(-2px)}
.btn-sm{padding:11px 20px;font-size:14px}
:focus-visible{outline:3px solid #d9a441;outline-offset:2px;border-radius:6px}

.overline{display:inline-flex;align-items:center;gap:10px;color:var(--rust);font-weight:800;font-size:12.5px;letter-spacing:.2em;text-transform:uppercase}
.overline::before{content:"";width:26px;height:2px;background:var(--rust);border-radius:2px}

section{padding:clamp(56px,7vw,100px) 0}
.sec-head{max-width:640px;margin-bottom:clamp(30px,4vw,50px)}
h2{font-size:clamp(28px,3.5vw,42px);line-height:1.16;margin-top:14px;text-wrap:balance}
.sub{color:var(--ink2);margin-top:14px;font-size:clamp(15.5px,1.5vw,17.5px)}

.band{background:var(--paper2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}

/* ── шапка ── */
header.top{position:sticky;top:0;z-index:60;background:rgba(250,247,240,.86);backdrop-filter:blur(14px) saturate(1.4);border-bottom:1px solid var(--line)}
header.top .wrap{display:flex;justify-content:space-between;align-items:center;height:62px}
/* ЛОГОТИП: бирка <img> + слово НАСТОЯЩИМ ТЕКСТОМ (bzrkv 06.09: «чтобы С из бирки + тадовод поиском читались»).
   «С» — кольцо бирки; в DOM она есть (.logo-c font-size:0 — единственный способ, при котором Cmd+F находит «Стадовод»).
   Подгонка под SVG-лого bzrkv (build.py): Golos Text 600, кегль .679 высоты бирки, базовая линия .792, зазор .04,
   трекинг .005em — замер 06.09 на 152px: ±0.3px. Высота бирки — --t, задаёт контекст. */
.masthead{display:flex;align-items:center;gap:12px;line-height:1}
.logo{--t:38px;display:inline-block;flex:none;line-height:1;white-space:nowrap;color:#214A36}
.logo-mark{display:inline-block;height:var(--t);width:auto;vertical-align:calc(var(--t) * -.208);margin-right:calc(var(--t) * .04)}
.logo-word{font-family:'Golos Text','Manrope',sans-serif;font-weight:600;font-size:calc(var(--t) * .679);letter-spacing:.005em}
.logo-c{font-size:0}
.masthead small{display:block;font-family:'Manrope';font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--mut);line-height:1.3;padding-left:12px;border-left:1px solid var(--line2)}
.topnav{display:flex;gap:22px;font-size:14.5px;font-weight:700;color:var(--ink2)}
.topnav a:hover{color:var(--rust-d)}
.login{font-weight:800;color:var(--rust-d)}

/* бургер-меню (только мобильные): «+» → «×» */
.mnav{display:none;position:relative;border-bottom:0}
.mnav summary{list-style:none;cursor:pointer;display:block;position:relative;width:44px;height:44px;padding:0;border-radius:10px;border:1px solid var(--line2);background:var(--card);touch-action:manipulation}
.mnav summary::-webkit-details-marker{display:none}
.mnav summary::before,.mnav summary::after,
.mnav[open] summary::before,.mnav[open] summary::after{content:none}
.mnav summary i{position:absolute;left:calc(50% - 9px);top:calc(50% - 1.2px);width:18px;height:2.4px;border-radius:2px;background:var(--ink);transition:transform .25s}
.mnav summary i:first-child{transform:rotate(90deg)}
.mnav[open] summary i:first-child{transform:rotate(45deg)}
.mnav[open] summary i:last-child{transform:rotate(-45deg)}
.mnav nav{position:absolute;right:0;top:calc(100% + 10px);z-index:70;display:grid;min-width:250px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh-2)}
.mnav nav a{padding:13px 15px;border-radius:10px;font-size:15px;font-weight:700;color:var(--ink)}
.mnav nav a:hover{background:var(--paper2);color:inherit}
.mnav nav .mnav-login{margin-top:6px;border-top:1px solid var(--line);border-radius:0 0 10px 10px;color:var(--rust-d)}

/* липкая мобильная CTA */
.mcta{display:none}

/* ── герой ── */
.hero{padding:clamp(52px,6vw,92px) 0 clamp(46px,6vw,84px);position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;width:720px;height:520px;right:-160px;top:-120px;border-radius:50%;
 background:radial-gradient(closest-side,rgba(236,220,174,.55),rgba(236,220,174,0));pointer-events:none}
.hero .cols{position:relative;display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(34px,5vw,72px);align-items:center}
.hero h1{font-size:clamp(33px,4.7vw,58px);line-height:1.1;margin:18px 0 20px;text-wrap:balance}
.hero h1 em{font-style:normal;color:var(--rust)}
.hero .lead{font-size:clamp(16px,1.6vw,19px);color:var(--ink2);max-width:30em}
.cta-row{display:flex;flex-wrap:wrap;gap:13px;margin-top:30px}
.chips{list-style:none;display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}
.chips li{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border-radius:10px;background:var(--card);border:1px solid var(--line);box-shadow:var(--sh-1);font-size:13.5px;font-weight:700;color:var(--ink2)}
.chips li svg{color:var(--green);flex:none}

/* ── скриншоты ── */
.visual{position:relative;display:flex;justify-content:center}
.glow{position:absolute;width:430px;height:430px;border-radius:50%;top:8%;
 background:radial-gradient(closest-side,rgba(180,85,45,.14),transparent 70%);pointer-events:none}
.shot{position:relative;width:min(300px,76vw);padding:9px;border-radius:28px;background:#fff;
 border:1px solid var(--line);box-shadow:var(--sh-2)}
.shot img{border-radius:20px}
.fchip{position:absolute;z-index:2;display:flex;align-items:center;gap:11px;padding:12px 16px;border-radius:14px;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);box-shadow:var(--sh-2);border:1px solid var(--line)}
.fc1{top:16%;left:-8px}.fc2{bottom:11%;right:-10px}
@media(max-width:1200px){.topnav{gap:16px;font-size:14px}}
@media(max-width:1100px){.topnav{gap:14px;font-size:13.5px}.logo{--t:34px}.masthead small{font-size:9px}}
/* Плашки «Отёл записан» / «Корма до…» живут и на телефоне (bzrkv 07.09: «куда
   пропали бейджи как на десктопе?») — внутри блока доказательства мобилка =
   уменьшенный десктоп (грабля 4): те же оверлеи, чуть плотнее, ближе к краю. */
@media(max-width:1023px){.fchip{padding:9px 12px;gap:9px;border-radius:12px}.fc1{top:14%;left:-6px}.fc2{bottom:12%;right:-6px}}
.fchip b{display:block;font-size:13.5px}
.fchip span{display:block;font-size:11.5px;color:var(--mut);font-weight:600}
@media(max-width:1023px){.fchip b{font-size:12.5px}.fchip span{font-size:11px}}
.dot{width:9px;height:9px;border-radius:50%;background:var(--green);flex:none;box-shadow:0 0 0 4px var(--green-soft)}

/* ── цифры ── */
.stats-slab{background:var(--paper2);border-radius:26px;padding:clamp(28px,4vw,44px) clamp(20px,3vw,40px);
 display:grid;grid-template-columns:repeat(3,1fr);gap:18px;text-align:center}
.lstat b{font-family:'Prata';font-weight:400;font-size:clamp(29px,3.6vw,44px);color:var(--rust-d);display:block;line-height:1.05}
.lstat span{display:block;font-size:13.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mut);margin-top:8px}
.stats-row{padding-block:clamp(30px,4vw,52px)}

/* ── ★ паспорт ── */
.passport{background:
 radial-gradient(46% 60% at 88% 10%,rgba(236,220,174,.5),transparent 70%),var(--paper2);
 border-block:1px solid var(--line)}
.passport .cols{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(30px,4vw,60px);align-items:center}
.shot-zoom{display:block;cursor:zoom-in}
.shot-zoom img{transition:transform .3s}
.shot-zoom:hover img{transform:scale(1.02)}
.ticks{list-style:none;display:grid;gap:14px;margin-top:24px}
.ticks li{position:relative;padding-left:38px;font-size:15.5px;color:var(--ink2)}
.ticks li b{color:var(--ink)}
.ticks li::before{content:"";position:absolute;left:0;top:2px;width:23px;height:23px;border-radius:8px;background:var(--green);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f3ecdd' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M6 12.4l4 4 8-8.6'/%3E%3C/svg%3E");background-size:13px;background-position:center;background-repeat:no-repeat}
.qr-card{position:absolute;left:max(-14px,-3%);bottom:8%;z-index:2;display:flex;align-items:center;gap:13px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh-2);padding:13px 16px 13px 13px;text-decoration:none;transition:transform .25s}
.qr-card:hover{transform:translateY(-3px)}
.qr-card img{border-radius:10px;background:#fff;border:1px solid var(--line)}
.qr-card b{display:block;font-size:13.5px;color:var(--ink);font-weight:800}
.qr-card em{display:block;font-style:normal;font-size:11.5px;line-height:1.4;color:var(--mut);font-weight:600;margin-top:2px;max-width:170px}
.live-demo{margin-top:22px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.live-demo p{font-size:13.5px;color:var(--mut);font-style:italic;max-width:26em}
.pass-shot{position:relative;display:flex;justify-content:center}
.pass-shot .glow{width:480px;height:420px;top:14%;right:-6%;left:auto;
 background:radial-gradient(closest-side,rgba(72,102,51,.16),transparent 70%)}

/* ── боли ── */
.pains{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pain{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);padding:28px 24px;box-shadow:var(--sh-1);transition:.2s}
.pain:hover{transform:translateY(-4px);box-shadow:var(--sh-2)}
.pain .no{font-family:'Prata';color:var(--rust);font-size:19px}
.pain h3{font-size:19px;line-height:1.3;margin:10px 0 7px}
.pain p.prob{font-size:15px;color:var(--ink2)}
.pain p.sol{margin-top:14px;font-size:14.5px;font-weight:700;color:var(--green)}

/* ── возможности ── */
.features{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.feat{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px 20px;box-shadow:var(--sh-1);transition:.2s}
.feat:hover{transform:translateY(-4px);box-shadow:var(--sh-2)}
.feat.hl{border:1.5px solid rgba(180,85,45,.45);background:linear-gradient(160deg,#fff,#fdf4ea)}
.feat .no{font-family:'Prata';font-size:16px;color:var(--mut)}
.feat h3{font-size:16px;line-height:1.32;margin:8px 0 6px}
.feat p{font-size:13.8px;color:var(--ink2)}
.badge-hit{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:6px;background:var(--green-soft);color:var(--green);font-family:'Manrope';font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;vertical-align:middle}

/* ── орбита покрытия задач ── */
.orbit{--do:560px;--ro:280px;--di:330px;--ri:165px;position:relative;width:min(600px,88vw);aspect-ratio:1;margin:14px auto 0}
.ring{position:absolute;top:50%;left:50%;translate:-50% -50%;border:1.5px dashed var(--line2);border-radius:50%;animation:spin var(--t) linear infinite}
.ring.o{width:var(--do);height:var(--do);--t:110s}
.ring.i{width:var(--di);height:var(--di);--t:70s}
.node{position:absolute;top:50%;left:50%;transform:rotate(var(--a)) translateY(calc(var(--r)*-1))}
.ring.o .node{--r:var(--ro)}
.ring.i .node{--r:var(--ri)}
.chip{display:flex;flex-direction:column;align-items:center;transform:rotate(calc(var(--a)*-1));animation:cspin var(--t) linear infinite;translate:-50% -50%;position:absolute;left:50%;top:0;width:max-content}
.chip i{font-style:normal;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#fff;border:1px solid var(--line);box-shadow:var(--sh-1);color:var(--green)}
.chip svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.chip b,.chip em{font-style:normal;margin-top:6px;font-size:11.5px;font-weight:800;color:var(--ink2);background:rgba(250,247,240,.92);border:1px solid var(--line);padding:3px 9px;border-radius:8px;white-space:nowrap}
.hub{position:absolute;top:50%;left:50%;translate:-50% -50%;z-index:2;width:172px;height:172px;border-radius:50%;background:#fff;border:1px solid var(--line);box-shadow:var(--sh-2);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.hub .logo{--t:36px;display:block;margin-bottom:6px}
.hub .hub-cap{font-family:'Manrope';font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);margin-top:4px}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes cspin{to{transform:rotate(calc(var(--a)*-1 - 360deg))}}
.orbit:hover .ring,.orbit:hover .chip{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){.ring,.chip{animation:none}}
.orbit-cap{text-align:center;margin-top:26px;font-size:14px;font-style:italic;color:var(--mut)}

/* ── стандарты ── */
.std-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.std{background:var(--card);border-radius:var(--r-card);padding:26px 22px;box-shadow:var(--sh-1);border-top:3px solid var(--green)}
.std h3{font-size:17.5px;line-height:1.35;margin-bottom:8px}
.std p{font-size:14px;color:var(--ink2)}
.std .src{display:block;margin-top:14px;font-size:11.5px;color:var(--mut);font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.disc{margin-top:26px;font-size:13px;font-style:italic;color:var(--mut);max-width:58em}

/* ── шаги ── */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.step{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);padding:28px 24px;box-shadow:var(--sh-1)}
.step .num{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;border-radius:13px;background:var(--green);color:#f3ecdd;font-family:'Prata';font-size:19px}
.step h3{font-size:18.5px;margin:16px 0 6px}
.step p{font-size:15px;color:var(--ink2)}
.rule-cta{margin-top:34px;display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.rule-cta span{font-size:14px;color:var(--mut)}

/* ── интеграции ── */
.int-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.int{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);padding:26px 22px;box-shadow:var(--sh-1)}
.st{display:inline-flex;align-items:center;gap:7px;padding:4px 12px;border-radius:8px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:13px}
.st::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.st-dev{background:rgba(180,85,45,.12);color:var(--rust-d)}
.st-plan{background:var(--paper2);color:var(--mut);border:1px solid var(--line)}
.int h3{font-size:19px;line-height:1.3;margin-bottom:7px}
.int p{font-size:14.5px;color:var(--ink2)}
.int .src{display:block;margin-top:14px;font-size:11.5px;color:var(--mut);font-weight:800;letter-spacing:.05em;text-transform:uppercase}

/* ── тарифы ── */
.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.plan{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:26px 22px 24px;box-shadow:var(--sh-1);display:flex;flex-direction:column;transition:.2s}
.plan:hover{transform:translateY(-4px);box-shadow:var(--sh-2)}
.plan h3{font-size:21px;height:30px;display:flex;align-items:center}
.plan .lim{font-size:13.5px;color:var(--mut);font-weight:700;margin-top:4px;line-height:1.5;min-height:40px}
.plan .price-block{margin-top:auto;padding-top:16px;border-top:1px dashed var(--line2)}
.plan .price{font-family:'Prata';font-weight:400;font-size:31px;line-height:1;white-space:nowrap;display:flex;align-items:baseline;gap:6px}
.plan .price small{font-family:'Manrope';font-size:13px;font-weight:700;color:var(--mut)}
.plan .yearp{font-size:13px;font-weight:600;color:var(--ink2);margin-top:8px;min-height:40px;line-height:1.5}
.plan .btn{width:100%;justify-content:center;font-size:14px;padding:13px 8px;white-space:nowrap;border-radius:11px}
.plan.hot{border:1.5px solid rgba(180,85,45,.5);background:linear-gradient(170deg,#fff,#fdf3e7)}
.tag-pop{display:inline-block;margin-left:9px;padding:3px 10px;border-radius:7px;background:var(--green-soft);color:var(--green);font-family:'Manrope';font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;vertical-align:middle}
.pnote{margin-top:22px;font-size:15px;color:var(--ink2);background:var(--green-soft);border-radius:14px;padding:16px 20px}
.pnote b{color:var(--green)}
.tiers-more{margin-top:12px;font-size:14px;color:var(--mut)}

/* ── FAQ ── */
.faq-list{background:var(--card);border:1px solid var(--line);border-radius:20px;box-shadow:var(--sh-1);overflow:hidden}
details{border-bottom:1px solid var(--line)}
details:last-child{border-bottom:0}
summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:19px clamp(18px,2.5vw,28px);font-weight:800;font-size:15.5px;cursor:pointer;list-style:none}
summary::-webkit-details-marker{display:none}
summary:hover{color:var(--rust-d)}
summary::after{content:"+";font-family:'Prata';font-size:24px;color:var(--rust);flex:none;line-height:1}
details[open] summary::after{content:"–"}
details p{padding:0 clamp(18px,2.5vw,28px) 22px;font-size:15px;color:var(--ink2)}

/* ── финал + футер ── */
.final-slab{background:linear-gradient(150deg,var(--green-mid),#173526);border-radius:26px;color:#f2f5ea;text-align:center;padding:clamp(48px,6vw,84px) clamp(24px,5vw,90px);position:relative;overflow:hidden}
.final-slab::before{content:"";position:absolute;width:420px;height:320px;left:-100px;bottom:-140px;border-radius:50%;background:radial-gradient(closest-side,rgba(236,220,174,.25),transparent 70%)}
.final-slab .overline{color:#f0dfa8}.final-slab .overline::before{background:#f0dfa8}
.final-slab h2{color:#fff;margin:16px auto 0;max-width:16em}
.final-slab p.s{color:rgba(242,245,234,.78);margin-top:14px}
.final-slab .btn{background:#fff;color:var(--green);margin-top:28px;box-shadow:0 14px 34px rgba(20,30,12,.35)}
.final-slab .btn:hover{transform:translateY(-2px)}
/* ── футер ── */
footer.bot{background:#211b0d;color:#efe9da}
footer.bot .masthead small{color:rgba(239,233,218,.55);border-color:rgba(239,233,218,.22)}
footer.bot .logo{--t:36px;color:#F2E7CE}
.foot-tag{font-size:14px;color:rgba(239,233,218,.62);margin-top:12px;max-width:22em}
.foot-app{display:inline-block;margin-top:16px;font-weight:800;font-size:14px;color:#f0dfa8}
.fcol h4{font-family:'Manrope';font-size:11.5px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:rgba(239,233,218,.48);margin-bottom:14px}
.fcol ul{list-style:none;display:grid;gap:10px}
.fcol a{font-size:14.5px;color:rgba(239,233,218,.85);transition:.15s}
.fcol a:hover{color:#f0dfa8}
.fcol a small{display:block;font-size:12px;color:rgba(239,233,218,.42);font-weight:600}
.bot-bar{border-top:1px solid rgba(239,233,218,.14)}
.bot-bar .wrap{padding-block:16px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:13px;color:rgba(239,233,218,.5)}
.foot-cols{display:grid;grid-template-columns:1.5fr 1fr 1.15fr 1.15fr;gap:30px;padding:46px 0 38px}

@media(max-width:1023px){
  .hero .cols,.passport .cols{grid-template-columns:1fr}
  .pass-shot .glow{display:none}
  .hub{width:150px;height:150px}
  .hub .logo{--t:32px}
  /* сообщение → CTA → доказательство: скриншот после текста, не перед ним */
  .visual{margin-top:10px}
  .features{grid-template-columns:repeat(2,1fr)}
  .std-grid,.int-grid{grid-template-columns:repeat(2,1fr)}
  .plans{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:1fr}
  .pains{grid-template-columns:1fr}
  .foot-cols{grid-template-columns:1fr 1fr}
  .topnav{display:none}
  .login{display:none}
  .mnav{display:block}
  .orbit{--do:460px;--ro:230px;--di:280px;--ri:140px}
}
@media(max-width:640px){
  header.top .wrap{height:56px}
  .logo{--t:30px}
  .masthead{gap:10px}
  .masthead small{font-size:9px;padding-left:10px}
  html{scroll-padding-top:68px}
  section{padding:44px 0}
  .hero{padding-top:34px}
  h2{font-size:27px}
  .cta-row{flex-direction:column;margin-top:24px}
  .cta-row .btn{justify-content:center;padding:15px 20px}
  .chips{gap:8px}
  .stats-slab{grid-template-columns:1fr;gap:22px}
  .std-grid,.int-grid,.features,.plans{grid-template-columns:1fr}
  .foot-cols{grid-template-columns:1fr;gap:22px}
  .hub{width:122px;height:122px}
  .hub .logo{--t:26px}
  .orbit{--do:320px;--ro:160px;--di:205px;--ri:102px}
  .chip svg{width:18px;height:18px}
  .chip b,.chip em{font-size:10px;padding:2px 7px;margin-top:4px}
  /* липкая CTA в зоне большого пальца */
  body{padding-bottom:calc(92px + env(safe-area-inset-bottom))}
  .mcta{display:flex;flex-direction:column;gap:7px;position:fixed;left:0;right:0;bottom:0;z-index:55;
   padding:12px clamp(16px,4vw,24px) calc(12px + env(safe-area-inset-bottom));
   background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-top:1px solid var(--line);
   box-shadow:0 -8px 28px rgba(60,45,20,.12)}
  .mcta .btn{width:100%;justify-content:center;padding:15px 20px}
  .mcta span{text-align:center;font-size:11.5px;font-weight:700;color:var(--mut)}
}