/* «Сайты» v3 — тестовая страница по Figma 662:3289 (десктоп) и 668:3251 (телефон). */
@font-face{font-family:'JetBrains Mono';src:url(/services/smm/jbm-cyr.woff2) format('woff2');font-weight:400;font-display:swap;
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'JetBrains Mono';src:url(/services/smm/jbm-lat.woff2) format('woff2');font-weight:400;font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

.page-sites{
  --st-bg:#0b0b0c;--st-bg2:#111113;--st-card:#141416;--st-line:#26262a;--st-line2:#2e2e33;
  --st-ink:#f4f4f2;--st-text:#c9c9cf;--st-mute:#a9a9b0;--st-dim:#6e6e76;--st-blue:#1b6df5;
  --st-pad:clamp(16px,5.56vw,80px);
  --st-mono:'JetBrains Mono',ui-monospace,monospace;
  background:var(--st-bg);color:var(--st-ink);letter-spacing:0;
}
.page-sites .topbar{color:#fff}
.st{display:block;font-family:Inter,system-ui,sans-serif}
.st a{color:inherit}
:where(.st) :is(h2,h3,p,ol,ul,figure){margin:0}
:where(.st) :is(ol,ul){padding:0;list-style:none}

/* ── кнопки ── */
.st-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:18px 28px;border-radius:12px;
  font:600 16px/1 Inter,sans-serif;color:var(--st-ink);text-decoration:none;white-space:nowrap;
  transition:background-color .2s,border-color .2s,transform .2s}
.st-btn--blue{background:var(--st-blue)}
.st-btn--blue:hover{background:#3a82ff}
.st-btn--line{border:1px solid rgba(255,255,255,.22);padding:17px 27px}
.st-btn--line:hover{border-color:rgba(255,255,255,.6)}
.st-btn:focus-visible,.st-chipbtn:focus-visible,.st a:focus-visible{outline:2px solid #fff;outline-offset:3px}

.st-chipbtn{display:inline-flex;align-items:center;gap:14px;padding:6px 24px 6px 6px;border-radius:12px;
  font:600 15px/1 Inter,sans-serif;color:#fff;text-decoration:none;white-space:nowrap;transition:background-color .2s,border-color .2s}
.st-chipbtn--blue{background:var(--st-blue)}
.st-chipbtn--blue:hover{background:#3a82ff}
.st-chipbtn--line{border:1px solid rgba(255,255,255,.35);padding:5px 23px 5px 5px}
.st-chipbtn--line:hover{border-color:#fff}
.st-chipbtn__chip{display:grid;place-items:center;width:44px;height:44px;border-radius:8px;background:#fff;color:#0b0b0c;flex:none}
.st-chipbtn__chip svg{width:20px;height:20px;transition:transform .25s}
.st-chipbtn:hover .st-chipbtn__chip svg{transform:translateX(3px)}

/* ── первый экран ── */
.st-hero{position:relative;padding:calc(88px + 50px) 32px 40px;overflow:hidden;background:var(--st-bg)}
.st-hero::before{content:"";position:absolute;left:80px;right:80px;top:87px;height:1px;background:rgba(255,255,255,.14)}
.st-crumbs{position:relative;display:flex;align-items:center;gap:6px;font:400 12px/1 var(--st-mono);letter-spacing:.04em;
  text-transform:uppercase;color:rgba(255,255,255,.5)}
.st-crumbs a{text-decoration:none}
.st-crumbs a:hover{color:#fff}
.st-crumbs i{flex:1;height:1px;margin-left:12px;background:rgba(255,255,255,.14)}
.st-crumbs b{position:relative;width:14px;height:14px;margin-left:14px;flex:none;align-self:flex-start;transform:translateY(-6px)}
.st-crumbs b::before,.st-crumbs b::after{content:"";position:absolute;top:0;right:0;background:var(--st-blue)}
.st-crumbs b::before{width:14px;height:3px}
.st-crumbs b::after{width:3px;height:14px}

.st-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) min(700px,48.6vw);grid-template-rows:auto auto;
  column-gap:0;margin-top:56px;position:relative}
.st-hero__text{grid-column:1/-1;grid-row:1;position:relative;z-index:1;pointer-events:none}
.st-hero__text a{pointer-events:auto}
.st-h1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.st-display{font:600 clamp(56px,7.5vw,108px)/.9 Inter,sans-serif;letter-spacing:-.04em;color:#fff;max-width:9.6em}
.st-display span{display:block}
.st-display__dim{color:rgba(255,255,255,.38)}
.st-display__l2{padding-left:.65em}
.st-display__l3{padding-left:2.33em;margin-top:-.13em}
.st-lead{font:500 18px/1.45 Inter,sans-serif;color:rgba(255,255,255,.72);max-width:460px;margin-top:clamp(64px,9vw,130px)}
.st-lead--mob{display:none}
.st-stage{grid-column:2;grid-row:1/3;position:relative;z-index:2;align-self:start;aspect-ratio:700/740;margin-top:-118px}
.st-phone{position:absolute;margin:0;padding:5px;background:#1c1c1f;border:1px solid rgba(255,255,255,.12);border-radius:32px;
  box-shadow:0 30px 60px rgba(0,0,0,.55);overflow:hidden}
.st-phone img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;border-radius:26px}
.st-steplabel{position:absolute;display:flex;align-items:center;gap:12px;white-space:nowrap}
.st-steplabel b{font:400 60px/1 'Bebas Neue',sans-serif;color:#fff}
.st-steplabel span{font:400 11px/1.4 var(--st-mono);color:rgba(255,255,255,.6)}
.st-path{position:absolute;display:block}
.st-tap{position:absolute;border-radius:50%;border:2px solid var(--st-blue);background:rgba(27,109,245,.2)}
.st-tap::after{content:"";position:absolute;inset:0;margin:auto;width:10px;height:10px;border-radius:50%;background:#fff}
.st-pill{position:absolute;display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:100px;background:var(--st-blue);
  font:400 12px/1 var(--st-mono);color:#fff;white-space:nowrap}
.st-pill i{width:8px;height:8px;border-radius:50%;background:#fff}
.st-hero__btns{grid-column:1;grid-row:2;align-self:start;display:flex;align-items:flex-start;gap:10px;margin-top:28px;position:relative;z-index:3}

@media (prefers-reduced-motion:no-preference){
  .st-tap{animation:st-tap 2.4s ease-out infinite}
  .st-tap:nth-of-type(2){animation-delay:.4s}
  .st-tap:nth-of-type(3){animation-delay:.8s}
  @keyframes st-tap{0%,60%,100%{box-shadow:0 0 0 0 rgba(27,109,245,.45)}30%{box-shadow:0 0 0 10px rgba(27,109,245,0)}}
}

/* ── секции ── */
.st-sec{padding:128px var(--st-pad);background:var(--st-bg)}
.st-sec--alt{background:var(--st-bg2)}
.st-head{display:flex;gap:120px;justify-content:space-between;align-items:flex-start}
.st-h2{font:600 46px/1.06 Inter,sans-serif;letter-spacing:-.02em;color:var(--st-ink);width:520px;max-width:100%;flex:none}
.st-body{width:640px;max-width:100%;display:grid;gap:22px;font:400 18px/1.6 Inter,sans-serif;color:var(--st-text)}
.st-body a{color:#5b95ff;text-decoration:underline;text-underline-offset:3px}
.st-body a:hover{color:#fff}

/* демо */
.st-demos{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:64px}
.st-demo{display:flex;flex-direction:column;gap:28px;padding:36px;border-radius:28px;background:var(--st-card)}
.st-demo__count{display:flex;align-items:center;gap:16px}
.st-demo__count b{font:400 132px/.8 'Bebas Neue',sans-serif;color:var(--st-blue)}
.st-demo__count span{font:600 24px/1.1 Inter,sans-serif;color:var(--st-ink)}
.st-demo__screens{display:flex;gap:12px}
.st-demo__screens figure{margin:0;width:150px;display:grid;gap:10px}
.st-demo__screens img{display:block;width:150px;height:325px;object-fit:cover;object-position:top;border:1px solid var(--st-line2);border-radius:18px}
.st-demo__screens figcaption{font:400 11px/1 var(--st-mono);color:var(--st-mute)}
.st-demo h3{font:600 26px/1.2 Inter,sans-serif;letter-spacing:-.01em;margin-top:28px}
.st-demo__text{font:400 17px/1.55 Inter,sans-serif;color:var(--st-text);margin-top:-18px}
.st-demo__act{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-top:auto;padding-top:32px}
.st-qr{display:flex;align-items:center;gap:14px}
.st-qr p{font:400 11px/1.4 var(--st-mono);color:var(--st-mute);text-align:right}
.st-qr img{display:block;width:104px;height:104px;border-radius:6px}

/* что входит */
.st-pathlist{position:relative;margin-top:64px;counter-reset:n}
.st-pathlist::before{content:"";position:absolute;left:39px;top:60px;bottom:60px;width:2px;background:var(--st-blue)}
.st-path-item{position:relative;display:grid;grid-template-columns:80px 380px 1fr;column-gap:40px;padding:32px 0;border-top:1px solid var(--st-line)}
.st-path-item__n{grid-row:1/3;justify-self:center;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;
  border:2px solid var(--st-blue);background:var(--st-bg);font:400 30px/1 'Bebas Neue',sans-serif;color:var(--st-ink);position:relative}
.st-path-item.is-key .st-path-item__n{background:var(--st-blue)}
.st-path-item h3{font:600 26px/1.2 Inter,sans-serif;letter-spacing:-.01em;padding-top:15px}
.st-path-item p{font:400 18px/1.6 Inter,sans-serif;color:var(--st-text);padding-top:15px}
.st-aside{margin-top:64px;padding:24px 28px;border-radius:16px;background:var(--st-card);font:400 16px/1.6 Inter,sans-serif;color:var(--st-mute)}

/* шаги */
.st-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:64px}
.st-steps li{border-top:2px solid var(--st-blue);padding-top:28px;display:grid;gap:14px;align-content:start}
.st-steps__n{font:400 88px/.9 'Bebas Neue',sans-serif;color:var(--st-blue)}
.st-steps h3{font:600 26px/1.2 Inter,sans-serif;letter-spacing:-.01em;margin-top:14px}
.st-steps p{font:400 17px/1.55 Inter,sans-serif;color:var(--st-text)}
.st-mono-note{display:flex;align-items:center;gap:14px;margin-top:64px;font:400 13px/1 var(--st-mono);color:var(--st-mute)}
.st-mono-note i{width:10px;height:10px;border-radius:50%;background:var(--st-blue)}

/* цены */
.st-prices{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:64px;align-items:stretch}
.st-price{display:flex;flex-direction:column;gap:18px;padding:32px 28px;border-radius:24px;background:var(--st-card);border:1.5px solid transparent}
.st-price--key{background:#16233d;border-color:var(--st-blue)}
.st-price h3{font:600 22px/1.2 Inter,sans-serif;letter-spacing:-.01em}
.st-price__sum{font:600 34px/1.1 Inter,sans-serif;letter-spacing:-.02em}
.st-price__note{font:400 12px/1.35 var(--st-mono);color:var(--st-mute)}
.st-price__text{font:400 15px/1.5 Inter,sans-serif;color:var(--st-text)}
.st-price ul{display:grid;gap:10px;padding-top:6px}
.st-price li{position:relative;padding-left:16px;font:400 15px/1.2 Inter,sans-serif;color:var(--st-text)}
.st-price li::before{content:"";position:absolute;left:0;top:.45em;width:6px;height:6px;border-radius:50%;background:var(--st-blue)}
.st-price__btn{margin-top:auto;width:100%;padding-top:16px;padding-bottom:16px;font-size:15px}
.st-price ul{margin-bottom:12px}

/* перелинковка */
.st-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:-4px}
.st .st-links a{display:inline-flex;align-items:baseline;gap:10px;padding:13px 18px;border:1px solid var(--st-line2);border-radius:999px;
  text-decoration:none;color:var(--st-ink);transition:border-color .2s}
.st .st-links a:hover{border-color:var(--st-blue)}
.st-links b{font:600 15px/1 Inter,sans-serif}
.st-links span{font:400 12px/1 var(--st-mono);color:var(--st-dim)}

/* вопросы */
.st-faq__side{width:520px;flex:none;display:grid;gap:24px;align-content:start}
.st-faq__side .st-h2{width:auto}
.st-updated{font:400 12px/1 var(--st-mono);color:var(--st-dim)}
.st-faq__ask{justify-self:start}
.st-faq__list{width:640px;max-width:100%}
.st-faq__item{border-top:1px solid var(--st-line)}
.st-faq__item:last-child{border-bottom:1px solid var(--st-line)}
.st-faq__item summary{display:flex;align-items:center;gap:16px;padding:27px 0 0;cursor:pointer;list-style:none}
.st-faq__item summary::-webkit-details-marker{display:none}
.st-faq__item h3{flex:1;font:600 20px/1.25 Inter,sans-serif;letter-spacing:-.01em}
.st-faq__item summary span{position:relative;width:12px;height:12px;flex:none}
.st-faq__item summary span::before,.st-faq__item summary span::after{content:"";position:absolute;left:0;right:0;top:5px;height:2px;background:var(--st-ink)}
.st-faq__item summary span::after{transform:rotate(90deg);transition:transform .2s}
.st-faq__item[open] summary span::after{transform:rotate(0)}
.st-faq__item p{padding:10px 0 26px;font:400 17px/1.55 Inter,sans-serif;color:var(--st-text)}
.st-faq__item:not([open]) summary{padding-bottom:27px}

/* заявка */
.st-cta{padding:128px var(--st-pad);background:var(--st-blue);color:var(--st-ink)}
.st-cta__side{width:520px;flex:none;display:grid;gap:24px;align-content:start}
.st-cta__side .st-h2{width:auto}
.st-cta__text{font:400 18px/1.6 Inter,sans-serif;color:#e6eeff;max-width:480px}
.st-cta__contacts{font:600 22px/1.5 Inter,sans-serif}
.st-cta__contacts a{text-decoration:none}
.st-cta__contacts a:hover{text-decoration:underline}
.st-form{flex:1;max-width:640px;display:grid;gap:14px;padding:36px;border-radius:28px;background:var(--st-bg)}
.st-form__step{display:flex;align-items:center;gap:10px;font:400 12px/1 var(--st-mono);color:var(--st-mute)}
.st-form__step i{width:10px;height:10px;border-radius:50%;background:var(--st-blue)}
.st-form input{width:100%;box-sizing:border-box;padding:20px;border-radius:12px;border:1px solid var(--st-line2);background:var(--st-card);
  font:400 16px/1.2 Inter,sans-serif;color:var(--st-ink);transition:border-color .2s}
.st-form input::placeholder{color:var(--st-dim)}
.st-form input:focus{outline:none;border-color:var(--st-blue)}
.st-form .lead-form__submit{width:100%;border:0;cursor:pointer;margin:0}
.st-form .lead-form__submit:disabled{opacity:.6;cursor:default}
.st-form .lead-form__status{margin:0;font:400 14px/1.4 Inter,sans-serif;color:var(--st-text)}
.st-form .lead-form__status:empty{display:none}
.st-form > p.lead{font:400 17px/1.5 Inter,sans-serif;color:var(--st-ink)}
.st-form__legal{font:400 13px/1.4 Inter,sans-serif;color:var(--st-dim)}
.st-form__legal a{text-decoration:underline}

/* ── планшет ── */
@media (max-width:1180px){
  .st-head{gap:48px}
  .st-h2{width:42%;font-size:40px}
  .st-faq__side,.st-cta__side{width:42%}
  .st-prices{grid-template-columns:1fr 1fr}
  .st-path-item{grid-template-columns:80px 260px 1fr}
  .st-demo__screens figure,.st-demo__screens img{width:clamp(96px,10.5vw,150px)}
  .st-demo__screens img{height:auto;aspect-ratio:150/325}
  .st-qr{display:none}
}

/* ── телефон (Figma 668:3251) ── */
@media (max-width:760px){
  .st-hero{padding:calc(72px + 24px) 16px 64px}
  .st-hero::before{left:16px;right:16px;top:71px}
  .st-crumbs{text-transform:none;letter-spacing:0;font-size:11px}
  .st-crumbs i,.st-crumbs b{display:none}
  .st-hero__grid{display:block;margin-top:40px}
  .st-h1{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal;
    font:600 clamp(30px,8.4vw,36px)/1.08 Inter,sans-serif;letter-spacing:-.02em;color:#fff}
  .st-display{margin-top:22px;font-size:20px;line-height:1.25;letter-spacing:-.01em;font-weight:500;max-width:none}
  .st-display span{display:inline}
  .st-display__l2{padding-left:0}.st-display__l3{padding-left:0;margin:0}
  .st-display__dim{color:#fff}
  .st-display__l2::before{content:"\A";white-space:pre}
  .st-lead{margin-top:18px;font-size:15px;max-width:none}
  .st-lead--desk{display:none}.st-lead--mob{display:block}
  .st-stage{margin:28px 0 0;width:100%}
  .st-steplabel b{font-size:clamp(26px,8vw,40px)}
  .st-steplabel span{font-size:8px}
  .st-phone{padding:3px;border-radius:16px}
  .st-phone img{border-radius:13px}
  .st-tap{border-width:1.5px}
  .st-tap::after{width:5px;height:5px}
  .st-pill{font-size:8px;padding:5px 8px;gap:5px}
  .st-pill i{width:5px;height:5px}
  .st-hero__btns{flex-direction:column;align-items:stretch;margin-top:24px}
  .st-chipbtn{justify-content:center;padding:18px;border-radius:12px}
  .st-chipbtn__chip{display:none}

  .st-sec,.st-cta{padding:72px 16px}
  .st-head{flex-direction:column;gap:24px}
  .st-h2,.st-faq__side,.st-cta__side{width:100%;font-size:30px}
  .st-faq__side .st-h2,.st-cta__side .st-h2{font-size:30px}
  .st-body{width:100%;font-size:16px;gap:18px}
  .st-demos{grid-template-columns:1fr;margin-top:40px}
  .st-demo{padding:22px;gap:20px;border-radius:22px}
  .st-demo__count b{font-size:88px}
  .st-demo__count span{font-size:20px}
  .st-demo__screens{gap:8px}
  .st-demo__screens figure,.st-demo__screens img{width:auto}
  .st-demo__screens figure{flex:0 1 31%}
  .st-demo h3{font-size:22px;margin-top:8px}
  .st-demo__text{font-size:15px;margin-top:-8px}
  .st-demo__act{padding-top:8px}
  .st-demo__act .st-btn{width:100%}
  .st-pathlist{margin-top:40px}
  .st-pathlist::before{left:19px}
  .st-path-item{grid-template-columns:40px 1fr;column-gap:16px;padding:22px 0}
  .st-path-item__n{width:36px;height:36px;font-size:20px;grid-row:1/3}
  .st-path-item h3{font-size:19px;padding-top:6px}
  .st-path-item p{font-size:15px;padding-top:6px}
  .st-aside{margin-top:32px;font-size:14px;padding:18px}
  .st-steps{grid-template-columns:1fr;margin-top:40px;gap:28px}
  .st-steps li{grid-template-columns:auto 1fr;column-gap:16px;row-gap:6px;padding-top:18px}
  .st-steps__n{grid-row:1/3;font-size:56px}
  .st-steps h3{font-size:20px;margin-top:4px}
  .st-steps p{font-size:15px}
  .st-mono-note{margin-top:32px;font-size:11px}
  .st-prices{grid-template-columns:1fr;margin-top:40px}
  .st-price__sum{font-size:30px}
  .st-links{display:grid}
  .st .st-links a{justify-content:space-between;border-radius:12px}
  .st-faq__list{width:100%}
  .st-faq__item h3{font-size:16px}
  .st-faq__item summary{padding-top:20px}
  .st-faq__item:not([open]) summary{padding-bottom:20px}
  .st-faq__item p{font-size:15px;padding-bottom:20px}
  .st-faq__ask{display:none}
  .st-faq__side,.st-cta__side{display:contents}
  .st-faq__list{order:2}
  .st-faq .st-updated{order:3}
  .st-cta__text{font-size:16px}
  .st-cta__contacts{order:3;font-size:20px}
  .st-form{order:2}
  .st-form{padding:20px;border-radius:22px;width:100%;max-width:none;box-sizing:border-box}
  .st-form input{padding:17px}
}


/* ═════════ скрещивание с v2: панели на сером холсте, «Коротко», бегущие заголовки ═════════ */
.page-sites{--st-inset:12px;--st-px:68px}
.page-sites .topbar{padding-inline:calc(var(--st-inset) + 36px)}
.st{display:grid;gap:var(--st-inset);padding:var(--st-inset);background:#e6e6e8}
.st-sec,.st-hero,.st-cta{border-radius:28px;overflow:hidden;padding:112px var(--st-px);min-width:0}
.st-hero{padding:calc(76px + 50px) 20px 40px}
.st-hero::before{left:var(--st-px);right:var(--st-px);top:75px}
.st-cta{background:var(--st-blue)}

.st-sec--light{
  --st-bg:#fff;--st-card:#f5f5f5;--st-line:rgba(12,12,12,.12);--st-line2:rgba(12,12,12,.16);
  --st-ink:#0b0b0c;--st-text:rgba(12,12,12,.68);--st-mute:rgba(12,12,12,.55);--st-dim:rgba(12,12,12,.42);
  background:#fff;color:var(--st-ink)}
.st-sec--light .st-demo{
  --st-bg:#0b0b0c;--st-card:#141416;--st-line:#26262a;--st-line2:#2e2e33;
  --st-ink:#f4f4f2;--st-text:#c9c9cf;--st-mute:#a9a9b0;--st-dim:#6e6e76;color:var(--st-ink)}
.st-sec--light .st-body a{color:var(--st-blue)}
.st-sec--light .st-body a:hover{color:var(--st-ink)}
.st-btn--blue{color:#fff}
.st-sec--light .st-btn--line{border-color:rgba(12,12,12,.2);color:var(--st-ink)}
.st-sec--light .st-btn--line:hover{border-color:var(--st-ink)}
.st-sec--light .st-steps__n,.st-sec--light .st-path-item__n{color:var(--st-blue)}

/* подпись секции с уголком (как smm-label) */
.st-label{display:flex;align-items:center;gap:18px;height:20px}
.st-label span{font:400 12px/1 var(--st-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--st-mute)}
.st-label i{flex:1;height:1px;background:var(--st-line)}
.st-label b{flex:none;position:relative;width:22px;height:22px}
.st-label b::before{content:"";position:absolute;inset:14%;border-top:3px solid var(--st-blue);border-right:3px solid var(--st-blue)}
.st-mono{font:400 11px/1.3 var(--st-mono);letter-spacing:.04em;text-transform:uppercase}

/* «Коротко» */
.st-manifesto{margin-top:40px;max-width:1110px;font:600 64px/1.05 Inter,sans-serif;letter-spacing:-.05em;color:var(--st-ink)}
.st-short__lead{margin-top:28px;max-width:540px;font:400 17px/1.55 Inter,sans-serif;color:var(--st-text)}
.st-bento{display:grid;grid-template-columns:408fr 300fr 300fr 300fr;gap:12px;height:430px;margin-top:48px}
.st-bento>*,.st-bento__col>*{border-radius:20px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;min-width:0;position:relative;overflow:hidden}
.st-bento .st-mono{color:rgba(12,12,12,.6)}
.st-bento__txt{margin-top:8px;font:400 14px/1.4 Inter,sans-serif;color:rgba(12,12,12,.6)}
.st-bento__blue{background:var(--st-blue);color:#fff}
.st-bento__blue .st-mono,.st-bento__blue .st-bento__txt{color:rgba(255,255,255,.75)}
.st-bento__blue .st-bento__txt{font-size:15px;line-height:1.45;margin-top:14px}
.st-bento__top{display:flex;justify-content:space-between;align-items:center}
.st-bento__ico{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#fff;color:#0b0b0c}
.st-bento__ico svg{width:26px;height:26px}
.st-bento__big{font:500 128px/.86 Inter,sans-serif;letter-spacing:-.06em}
.st-bento__col{display:grid;grid-template-rows:1fr 1fr;gap:12px;padding:0!important}
.st-bento__dash{background:#f5f5f5;border:1px dashed rgba(12,12,12,.4)}
.st-bento__num{font:500 56px/.95 Inter,sans-serif;letter-spacing:-.06em;color:#0b0b0c}
.st-bento__ai{background:#f5f5f5}
.st-bars{display:flex;gap:12px;align-items:flex-end;height:110px}
.st-bars div{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;height:100%}
.st-bars i{display:block;border-radius:8px;background:rgba(12,12,12,.12)}
.st-bars div:last-child i{background:var(--st-blue)}
.st-bars .st-mono{font-size:9px}
.st-bento__tech{background:#0b0b0c;color:#fff;justify-content:flex-end!important}
.st-bento__tech img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;opacity:.55}
.st-bento__tech::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,11,12,0) 20%,rgba(27,109,245,.85))}
.st-bento__tech>div{position:relative;z-index:1;display:grid;gap:14px}
.st-bento__say{font:500 17px/1.35 Inter,sans-serif;letter-spacing:-.02em}
.st-bento__tech .st-mono{color:rgba(255,255,255,.75)}

/* бегущая строка */
.st-marquee{overflow:hidden;margin:-56px calc(var(--st-px) * -1) 40px;padding-inline:var(--st-px);
  -webkit-mask:linear-gradient(90deg,transparent,#000 var(--st-px),#000 calc(100% - var(--st-px)),transparent);
  mask:linear-gradient(90deg,transparent,#000 var(--st-px),#000 calc(100% - var(--st-px)),transparent)}
.st-marquee__track{display:flex;align-items:center;gap:.16em;width:max-content;color:var(--st-ink);
  font:600 300px/1 Inter,sans-serif;letter-spacing:-.07em;animation:st-run 30s linear infinite}
.st-marquee__track span{flex:none;padding-right:.02em}
.st-corner{position:relative;display:inline-block;flex:none;width:.633em;height:.633em;margin-inline:.1em}
.st-corner::before{content:"";position:absolute;inset:14%;border-top:.1em solid var(--st-blue);border-left:.1em solid var(--st-blue)}
@keyframes st-run{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.st-marquee__track{animation:none}}

@media (max-width:1180px){
  .st-manifesto{font-size:48px}
  .st-bento{grid-template-columns:1fr 1fr;height:auto}
  .st-bento>*{min-height:300px}
  .st-bento__col{min-height:0}
  .st-marquee__track{font-size:200px}
  .page-sites{--st-px:40px}
}
@media (max-width:760px){
  .page-sites{--st-inset:6px;--st-px:14px}
  .page-sites .topbar{padding-inline:20px}
  .st-sec,.st-hero,.st-cta{border-radius:22px}
  .st-sec,.st-cta{padding:64px var(--st-px)}
  .st-hero{padding:calc(66px + 24px) var(--st-px) 40px}
  .st-hero::before{top:65px}
  .st-manifesto{margin-top:28px;font-size:28px;letter-spacing:-.045em}
  .st-short__lead{font-size:15px}
  .st-bento{grid-template-columns:1fr;gap:10px;margin-top:28px}
  .st-bento>*{min-height:0;padding:18px}
  .st-bento__blue{gap:28px}
  .st-bento__big{font-size:72px}
  .st-bento__col{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:10px}
  .st-bento__col>*{padding:16px;gap:12px}
  .st-bento__num{font-size:34px}
  .st-bento__ai{gap:16px}
  .st-bars{height:70px}
  .st-bento__tech{min-height:240px!important}
  .st-marquee{margin-top:-24px;margin-bottom:20px}
  .st-marquee__track{font-size:120px}
}
.st-bento__tech img{opacity:.32}
.st-bento__tech::after{background:linear-gradient(180deg,rgba(11,11,12,.1) 0%,rgba(11,11,12,.55) 35%,rgba(27,109,245,.95) 100%)}
.st-sec--light .st-links a{color:var(--st-ink)}
.st-sec--light .st-links a:hover{color:var(--st-ink);border-color:var(--st-blue)}

/* ═════════ калькулятор вместо пакетов ═════════ */
.st-calc{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:16px;margin-top:64px;align-items:start}
.st-calc fieldset{border:0;margin:0;padding:0;display:grid;gap:10px}
.st-calc fieldset+fieldset{margin-top:36px}
.st-calc legend{padding:0;margin-bottom:14px;color:var(--st-mute)}
.st-opt{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:18px;align-items:start;
  padding:22px 24px;border-radius:18px;background:var(--st-card);border:1.5px solid transparent;cursor:pointer;transition:border-color .2s,background-color .2s}
.st-opt:hover{border-color:var(--st-line2)}
.st-opt input{position:absolute;opacity:0;pointer-events:none}
.st-opt__box{width:22px;height:22px;margin-top:2px;border:1.5px solid rgba(255,255,255,.35);border-radius:6px;display:grid;place-items:center;transition:background-color .2s,border-color .2s}
.st-opt input[type=radio]+.st-opt__box{border-radius:50%}
.st-opt input:checked+.st-opt__box{background:var(--st-blue);border-color:var(--st-blue)}
.st-opt input:checked+.st-opt__box::after{content:"";width:6px;height:11px;border:solid #fff;border-width:0 2px 2px 0;transform:translateY(-1px) rotate(45deg)}
.st-opt input[type=radio]:checked+.st-opt__box::after{width:8px;height:8px;border:0;border-radius:50%;background:#fff;transform:none}
.st-opt:has(input:checked){border-color:var(--st-blue);background:#16233d}
.st-opt input:focus-visible+.st-opt__box{outline:2px solid #fff;outline-offset:3px}
.st-opt__body{display:grid;gap:6px}
.st-opt__body b{font:600 20px/1.2 Inter,sans-serif;letter-spacing:-.01em;color:var(--st-ink)}
.st-opt__body span{font:400 15px/1.5 Inter,sans-serif;color:var(--st-text)}
.st-opt__price{font:600 20px/1.2 Inter,sans-serif;white-space:nowrap;text-align:right;color:var(--st-ink)}
.st-opt__price small{display:block;margin-top:4px;font:400 12px/1 var(--st-mono);color:var(--st-mute)}
.st-calc__sum{position:sticky;top:24px;display:grid;gap:18px;padding:28px;border-radius:24px;background:#f4f4f2;color:#0b0b0c}
.st-calc__sum .st-mono{color:rgba(12,12,12,.55)}
.st-calc__sum dl{margin:0;display:grid;gap:14px}
.st-calc__sum dl div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:14px;border-bottom:1px solid rgba(12,12,12,.12)}
.st-calc__sum dt{font:400 15px/1 Inter,sans-serif;color:rgba(12,12,12,.6)}
.st-calc__sum dd{margin:0;font:600 34px/1 Inter,sans-serif;letter-spacing:-.03em}
.st-calc__sum ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.st-calc__sum li{position:relative;padding-left:16px;font:400 14px/1.4 Inter,sans-serif;color:rgba(12,12,12,.75)}
.st-calc__sum li::before{content:"";position:absolute;left:0;top:.5em;width:6px;height:6px;border-radius:50%;background:var(--st-blue)}
.st-calc__note:empty{display:none}
.st-calc__note{font:400 14px/1.4 Inter,sans-serif;color:var(--st-blue)}
.st-calc__fine{font:400 13px/1.45 Inter,sans-serif;color:rgba(12,12,12,.5)}
.st-calc__go{width:100%}
@media (max-width:1180px){.st-calc{grid-template-columns:1fr}.st-calc__sum{position:static}}
@media (max-width:760px){
  .st-calc{margin-top:36px}
  .st-opt{grid-template-columns:22px minmax(0,1fr);gap:14px;padding:18px}
  .st-opt__price{grid-column:2;text-align:left}
  .st-opt__price small{display:inline;margin-left:6px}
  .st-opt__body b{font-size:18px}
  .st-opt__body span{font-size:14px}
  .st-calc__sum{padding:20px}
  .st-calc__sum dd{font-size:28px}
}

/* ═════════ правки по пометкам Agentation 05.11 ═════════ */
/* шапка и первый экран по одному краю с контентом */
.page-sites .topbar{padding-inline:calc(var(--st-inset) + var(--st-px))}
.st-hero{padding-inline:var(--st-px)}
.st-hero::before{left:var(--st-px);right:var(--st-px)}

/* 1. первый экран: телефоны выплывают снизу, подписи следом, линия рисуется последней */
.st-path path{stroke-dasharray:1;stroke-dashoffset:0}
@media (prefers-reduced-motion:no-preference){
  .st-phone{opacity:0;transform:translateY(90px);animation:st-up 1s cubic-bezier(.2,.8,.2,1) var(--d,0s) forwards}
  .st-steplabel{opacity:0;transform:translateY(16px);animation:st-up .7s ease-out var(--d,0s) forwards}
  .st-path path{stroke-dashoffset:1;animation:st-draw 1.2s cubic-bezier(.6,0,.2,1) 1.55s forwards}
  .st-tap{opacity:0;transform:scale(.4);animation:st-pop .45s cubic-bezier(.3,1.6,.5,1) var(--d,2s) forwards,st-tap 2.4s ease-out calc(var(--d,2s) + .5s) infinite}
  .st-pill{opacity:0;transform:translateY(8px);animation:st-up .5s ease-out 2.9s forwards}
  @keyframes st-up{to{opacity:1;transform:none}}
  @keyframes st-draw{to{stroke-dashoffset:0}}
  @keyframes st-pop{to{opacity:1;transform:none}}
}

/* 3. «Коротко»: плитки как заголовки — выходят по очереди, цифры отсчитываются, столбики растут */
@media (prefers-reduced-motion:no-preference){
  .st-bento>*,.st-bento__col>*{opacity:0;transform:translateY(40px);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.8,.2,1)}
  .st-bento.is-in>*,.st-bento.is-in .st-bento__col>*{opacity:1;transform:none}
  .st-bento.is-in>:nth-child(2) .st-bento__dash:first-child{transition-delay:.12s}
  .st-bento.is-in>:nth-child(2) .st-bento__dash:last-child{transition-delay:.24s}
  .st-bento.is-in>:nth-child(3){transition-delay:.36s}
  .st-bento.is-in>:nth-child(4){transition-delay:.48s}
  .st-bars i{transform:scaleY(0);transform-origin:bottom;transition:transform 1.1s cubic-bezier(.2,.8,.2,1) .6s}
  .st-bento.is-in .st-bars i{transform:none}
  .st-bento.is-in .st-bars div:last-child i{transition-delay:.85s}
  .st-bento__tech img{transform:scale(1.15);transition:transform 2.4s cubic-bezier(.2,.8,.2,1) .4s}
  .st-bento.is-in .st-bento__tech img{transform:none}
  .st-bento__ico svg{transition:transform .6s cubic-bezier(.3,1.6,.5,1) .5s;transform:translate(-8px,8px) scale(.6)}
  .st-bento.is-in .st-bento__ico svg{transform:none}
  .st-kz{display:inline-block;clip-path:inset(0 100% 0 0);transition:clip-path .8s steps(5) 1s}
  .st-bento.is-in .st-kz{clip-path:inset(0 0 0 0)}
}

/* 4. абзац под «Коротко» вдвое шире */
.st-short__lead{max-width:1080px}

/* 5. меняющееся слово */
.st-rot__word{all:unset;cursor:pointer;color:var(--st-blue);display:inline-block;position:relative}
.st-rot__word span{display:inline-block;transition:opacity .3s,transform .35s cubic-bezier(.2,.8,.2,1)}
.st-rot__word.is-out span{opacity:0;transform:translateY(.4em)}
.st-rot__word::after{content:"";position:absolute;left:0;right:0;bottom:-.06em;height:3px;border-radius:2px;background:currentColor;
  transform-origin:left;transform:scaleX(var(--t,0))}
.st-rot__word:focus-visible{outline:2px solid #fff;outline-offset:4px}
.st-rot__body{min-height:12.5em}
.st-rot__v{display:grid;gap:22px}
.st-rot__v.is-on{animation:st-fade .45s ease}
@keyframes st-fade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* 6. «Что входит» змейкой */
.st-snake{position:relative;margin-top:64px}
.st-snake .st-pathlist{margin:0;display:grid;grid-template-columns:repeat(3,1fr);column-gap:16px;row-gap:96px}
.st-snake .st-pathlist::before{display:none}
.st-snake .st-path-item{display:block;padding:0;border:0;position:relative;z-index:1}
.st-snake .st-path-item:nth-child(4){grid-column:3;grid-row:2}
.st-snake .st-path-item:nth-child(5){grid-column:2;grid-row:2}
.st-snake .st-path-item:nth-child(6){grid-column:1;grid-row:2}
.st-snake .st-path-item__n{margin-bottom:22px;justify-self:auto}
.st-snake .st-path-item h3{padding-top:0;font-size:24px}
.st-snake .st-path-item p{padding-top:8px;font-size:17px;max-width:300px}
.st-snake__line{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.st-snake__line path{fill:none;stroke:var(--st-blue);stroke-width:2;stroke-dasharray:1;stroke-dashoffset:0}
@media (prefers-reduced-motion:no-preference){
  .st-snake__line path{stroke-dashoffset:1;transition:stroke-dashoffset 2.2s cubic-bezier(.5,0,.2,1)}
  .st-snake.is-in .st-snake__line path{stroke-dashoffset:0}
}

/* 8. вопросы: швейцарская сетка 4×2 */
.st-faq__top{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;padding-bottom:40px;border-bottom:2px solid var(--st-ink)}
.st-faq__top .st-h2{width:auto;max-width:720px;font-size:56px}
.st-faq__meta{display:grid;justify-items:end;gap:16px}
.st-faq .st-faq__list{width:auto;display:grid;grid-template-columns:repeat(4,1fr);column-gap:28px}
.st-faq .st-faq__item,.st-faq .st-faq__item:last-child{border:0;border-bottom:1px solid var(--st-line);padding:24px 0 28px}
.st-faq .st-faq__item summary{display:grid;gap:14px;padding:0;cursor:default}
.st-faq .st-faq__item:not([open]) summary{padding-bottom:0}
.st-faq__n{font:400 12px/1 var(--st-mono);color:var(--st-blue)}
.st-faq .st-faq__item h3{font-size:18px;line-height:1.3}
.st-faq .st-faq__item p{padding:12px 0 0;font-size:15px;line-height:1.5}
.st-faq__x{display:none}

/* 9. заявка как «Города» на SMM, без города */
.st-city{background:var(--st-blue);color:#fff}
.st-city .st-label span{color:rgba(255,255,255,.7)}
.st-city .st-label i{background:rgba(255,255,255,.25)}
.st-city .st-label b::before{border-color:#fff}
.st-city__grid{display:flex;justify-content:space-between;gap:48px;margin-top:48px}
.st-city__left{width:620px;display:grid;gap:28px;align-content:start}
.st-city__h2{font:600 80px/.96 Inter,sans-serif;letter-spacing:-.07em;max-width:520px}
.st-city__lead{font:500 18px/1.45 Inter,sans-serif;letter-spacing:-.02em;color:#fff;max-width:560px}
.st-city__three{display:flex;align-items:center;gap:24px}
.st-city__three b{font:600 120px/.9 Inter,sans-serif;letter-spacing:-.06em}
.st-city__three .st-mono{font-size:12px;line-height:1.45}
.st-city__form{width:560px;flex:none;display:grid;gap:12px;padding:32px;border-radius:24px;background:#fff;color:#0b0b0c}
.st-city__form>.st-mono{color:rgba(12,12,12,.6)}
.st-city__title{font:600 26px/1.3 Inter,sans-serif;letter-spacing:-.04em;margin:0 0 8px}
.st-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.st-field{display:block}
.st-field input{width:100%;box-sizing:border-box;height:54px;padding:0 22px;border:1px solid rgba(12,12,12,.12);border-radius:100px;background:#f5f5f5;
  font:500 15px/1 Inter,sans-serif;color:#0b0b0c;outline:none;transition:border-color .2s}
.st-field input::placeholder{color:rgba(12,12,12,.4)}
.st-field input:focus{border-color:#0b0b0c}
.st-field.is-bad input{border-color:#e5484d}
.st-via{display:flex;gap:4px;margin:0;padding:4px;border:1px solid rgba(12,12,12,.12);border-radius:100px;background:#f5f5f5;min-width:0}
.st-via label{flex:1;cursor:pointer}
.st-via input{position:absolute;opacity:0;pointer-events:none}
.st-via span{display:block;padding:12px;border-radius:100px;text-align:center;font:600 14px/1 Inter,sans-serif;color:rgba(12,12,12,.6);transition:background .2s,color .2s}
.st-via input:checked+span{background:#0b0b0c;color:#fff}
.st-via input:focus-visible+span{outline:2px solid var(--st-blue);outline-offset:2px}
.st-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.st-cbtn{all:unset;box-sizing:border-box;margin-top:8px;display:flex;align-items:center;gap:16px;padding:5px 24px 5px 5px;border-radius:16px;
  background:#0b0b0c;color:#fff;font:600 15px/1.3 Inter,sans-serif;cursor:pointer;transition:background .3s}
.st-cbtn:hover{background:var(--st-blue)}
.st-cbtn:focus-visible{outline:2px solid var(--st-blue);outline-offset:3px}
.st-cbtn:disabled{opacity:.6;cursor:default}
.st-cbtn__chip{display:grid;place-items:center;width:44px;height:44px;border-radius:11px;background:#fff;color:#0b0b0c;transition:transform .3s}
.st-cbtn__chip svg{width:20px;height:20px}
.st-cbtn:hover .st-cbtn__chip{transform:translateX(3px)}
.st-city__note{font:400 13px/1.4 Inter,sans-serif;color:rgba(12,12,12,.6)}
.st-city__note a{text-decoration:underline}
.st-city__note.is-bad{color:#e5484d}
.st-city__done{display:grid;gap:12px;align-content:center;min-height:300px}
.st-city__done b{font:600 30px/1.2 Inter,sans-serif;letter-spacing:-.03em}

@media (max-width:1180px){
  .st-snake .st-pathlist{grid-template-columns:repeat(2,1fr)}
  .st-snake .st-path-item:nth-child(n){grid-column:auto;grid-row:auto}
  .st-snake__line{display:none}
  .st-faq .st-faq__list{grid-template-columns:repeat(2,1fr)}
  .st-city__grid{flex-direction:column}
  .st-city__left,.st-city__form{width:auto}
}
@media (max-width:760px){
  .st-hero{padding-inline:var(--st-px)}
  .page-sites .topbar{padding-inline:calc(var(--st-inset) + var(--st-px))}
  .st-snake{margin-top:36px}
  .st-snake .st-pathlist{grid-template-columns:1fr;row-gap:0}
  .st-snake .st-path-item{display:grid;grid-template-columns:40px 1fr;column-gap:16px;padding:18px 0;border-top:1px solid var(--st-line)}
  .st-snake .st-path-item__n{margin:0;grid-row:1/3}
  .st-snake .st-path-item h3{font-size:19px;padding-top:6px}
  .st-snake .st-path-item p{font-size:15px}
  .st-rot__body{min-height:15em}
  .st-faq__top{flex-direction:column;align-items:flex-start;gap:16px;padding-bottom:20px}
  .st-faq__top .st-h2{font-size:30px}
  .st-faq__meta{justify-items:start}
  .st-faq .st-faq__list{grid-template-columns:1fr}
  .st-faq .st-faq__item summary{grid-template-columns:28px 1fr 14px;align-items:start;cursor:pointer}
  .st-faq .st-faq__item h3{font-size:16px}
  .st-faq__x{display:block;position:relative;width:12px;height:12px;margin-top:4px}
  .st-faq__x::before,.st-faq__x::after{content:"";position:absolute;left:0;right:0;top:5px;height:2px;background:var(--st-ink)}
  .st-faq__x::after{transform:rotate(90deg)}
  .st-faq__item[open] .st-faq__x::after{transform:none}
  .st-faq .st-faq__item{padding:18px 0}
  .st-city__grid{margin-top:28px;gap:24px}
  .st-city__h2{font-size:44px}
  .st-city__lead{font-size:16px}
  .st-city__three b{font-size:72px}
  .st-city__three .st-mono{font-size:10px}
  .st-city__form{padding:20px;border-radius:20px;gap:10px}
  .st-city__title{font-size:19px}
}
.st-rot__v[hidden]{display:none}
.st-faq .st-faq__n{width:auto;height:auto}
.st-faq .st-faq__n::before,.st-faq .st-faq__n::after{content:none}
/* 10. двойной подвал как на всех страницах: тело страницы светлое, тёмный текст — только в панелях */
.page-sites{background:var(--paper,#fff);color:var(--ink,#0b0b0c)}
.page-sites .st{color:#f4f4f2}

/* ═════════ пометки 05.11, второй круг ═════════ */
/* пилюли в одну строку по ширине правого блока */
.st-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.st .st-links a{justify-content:space-between;min-width:0;white-space:nowrap}
.st-links span{overflow:hidden;text-overflow:ellipsis}

/* «Задать вопрос» по ширине блока с датой */
.st-faq__meta{justify-items:stretch}
.st-faq__ask{justify-self:stretch;width:100%;box-sizing:border-box}

/* вопросы: у каждого своя анимация появления */
@media (prefers-reduced-motion:no-preference){
  .st-faq__list .st-faq__item{opacity:0}
  .st-faq__list.is-in .st-faq__item{animation:.8s cubic-bezier(.2,.8,.2,1) both}
  .st-faq__list.is-in .st-faq__item:nth-child(1){animation-name:st-q-up;animation-delay:.0s}
  .st-faq__list.is-in .st-faq__item:nth-child(2){animation-name:st-q-left;animation-delay:.1s}
  .st-faq__list.is-in .st-faq__item:nth-child(3){animation-name:st-q-scale;animation-delay:.2s}
  .st-faq__list.is-in .st-faq__item:nth-child(4){animation-name:st-q-clip;animation-delay:.3s}
  .st-faq__list.is-in .st-faq__item:nth-child(5){animation-name:st-q-right;animation-delay:.4s}
  .st-faq__list.is-in .st-faq__item:nth-child(6){animation-name:st-q-blur;animation-delay:.5s}
  .st-faq__list.is-in .st-faq__item:nth-child(7){animation-name:st-q-tilt;animation-delay:.6s}
  .st-faq__list.is-in .st-faq__item:nth-child(8){animation-name:st-q-down;animation-delay:.7s}
  .st-faq__list.is-in .st-faq__n{animation:st-q-num .6s steps(2) both;animation-delay:inherit}
  @keyframes st-q-up{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}
  @keyframes st-q-down{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:none}}
  @keyframes st-q-left{from{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:none}}
  @keyframes st-q-right{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:none}}
  @keyframes st-q-scale{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}
  @keyframes st-q-clip{from{opacity:1;clip-path:inset(0 0 100% 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}
  @keyframes st-q-blur{from{opacity:0;filter:blur(10px)}to{opacity:1;filter:none}}
  @keyframes st-q-tilt{from{opacity:0;transform:perspective(600px) rotateX(35deg);transform-origin:top}to{opacity:1;transform:none}}
  @keyframes st-q-num{from{opacity:0}to{opacity:1}}
}

/* блок связи в подвале: форма как в «Заявке» */
.cta-section .st-cta-form .st-city__form{width:auto;max-width:560px}
.cta-section .st-cta-form{align-self:start}
@media (max-width:760px){.st-links{grid-template-columns:1fr}}
.st .st-links a{padding:13px 14px;gap:8px}.st-links b{font-size:14px}.st-links span{font-size:11px}

/* ═════════ вопросы как «Что мы забираем на себя» на SMM ═════════ */
.st-qa__head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-top:44px}
.st-qa__h2{font:600 80px/.96 Inter,sans-serif;letter-spacing:-.07em;color:#0b0b0c;max-width:760px}
.st-qa__h2 span{display:block;color:rgba(12,12,12,.4)}
.st-qa__side{width:420px;flex:none;display:grid;gap:16px}
.st-qa__side .st-short__lead{margin:0;font-size:16px}
.st-qa__side .st-faq__ask{width:100%;box-sizing:border-box}
.st-qa__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:44px}
.st-qa__item{position:relative;overflow:hidden;min-width:0;display:flex;flex-direction:column;gap:20px;padding:24px;border-radius:20px;background:#f5f5f5;color:#0b0b0c}
.st-qa__item:nth-child(even){background:#fff;box-shadow:inset 0 0 0 1px rgba(12,12,12,.08)}
.st-qa__item--dark,.st-qa__item--dark:nth-child(even){background:#0b0b0c;color:#fff;box-shadow:none}
.st-qa__top{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:26px}
.st-qa__top>.st-mono:first-child{font-size:12px;color:rgba(12,12,12,.4)}
.st-qa__chip{padding:6px 10px;border-radius:40px;background:#fff;font-size:10px;color:rgba(12,12,12,.6);white-space:nowrap}
.st-qa__item:nth-child(even) .st-qa__chip{background:#f5f5f5}
.st-qa__item--dark .st-qa__chip{background:rgba(255,255,255,.08);color:rgba(255,255,255,.6)}
.st-qa__item--dark .st-qa__top>.st-mono:first-child{color:rgba(255,255,255,.3)}
.st-qa__viz{position:relative;height:150px;flex:none;display:grid;align-items:center}
.st-qa__txt{margin-top:auto}
.st-qa__txt h3{font:600 20px/1.25 Inter,sans-serif;letter-spacing:-.03em}
.st-qa__txt p{margin-top:8px;font:400 14px/1.45 Inter,sans-serif;color:rgba(12,12,12,.6)}
.st-qa__item--dark .st-qa__txt p{color:rgba(255,255,255,.6)}

/* 01 цена */
.qv-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px}
.qv-price b{font:600 64px/1 Inter,sans-serif;letter-spacing:-.06em;color:var(--st-blue)}
.qv-price span{font:600 28px/1 Inter,sans-serif;letter-spacing:-.04em}
.qv-price i{flex-basis:100%;font-style:normal;font-size:10px;color:rgba(12,12,12,.5)}
/* 02 три дня */
.qv-days{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.qv-days span{display:grid;gap:8px}
.qv-days b{font-size:9px;font-weight:400;color:rgba(12,12,12,.45)}
.qv-days i{height:44px;border-radius:10px;background:#fff;position:relative;overflow:hidden}
.qv-days i::after{content:"";position:absolute;inset:0;background:var(--st-blue);transform:scaleX(var(--f,1));transform-origin:left}
.qv-days em{font:600 13px/1 Inter,sans-serif;font-style:normal}
/* 03 форма записи */
.qv-form{display:grid;gap:6px;position:relative}
.qv-field{padding:9px 12px;border-radius:40px;background:#f5f5f5;font:400 12px/1 Inter,sans-serif;color:rgba(12,12,12,.5)}
.qv-btn{padding:10px 12px;border-radius:40px;background:#0b0b0c;color:#fff;text-align:center;font:600 12px/1 Inter,sans-serif}
.qv-ok{position:absolute;inset:0;display:grid;place-items:center;border-radius:14px;background:var(--st-blue);color:#fff;font:600 14px/1.2 Inter,sans-serif;opacity:var(--o,0)}
/* 04 три шага брони */
.qv-steps{position:relative;display:grid;grid-template-columns:repeat(3,1fr);align-items:start}
.qv-steps svg{position:absolute;left:0;right:0;top:0;width:100%;height:40px;overflow:visible}
.qv-steps path{fill:none;stroke:var(--st-blue);stroke-width:2;stroke-dasharray:1;stroke-dashoffset:var(--dash,0)}
.qv-steps span{position:relative;display:grid;justify-items:center;gap:10px}
.qv-steps i{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#0b0b0c;color:#fff;font:400 18px/1 'Bebas Neue',sans-serif;font-style:normal}
.qv-steps span:last-child i{background:var(--st-blue)}
.qv-steps em{font-style:normal;font-size:9px;color:rgba(12,12,12,.55)}
/* 05 синхронизация с iiko */
.qv-sync{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}
.qv-sync>span{padding:14px 16px;border-radius:14px;background:#0b0b0c;color:#fff;font:600 15px/1 Inter,sans-serif}
.qv-sync>span:last-child{background:#f5f5f5;color:#0b0b0c;box-shadow:inset 0 0 0 1.5px var(--st-blue)}
.qv-sync__line{position:relative;height:2px;background:repeating-linear-gradient(90deg,rgba(12,12,12,.3) 0 6px,transparent 6px 10px)}
.qv-sync__line b{position:absolute;top:-4px;left:0;width:10px;height:10px;border-radius:50%;background:var(--st-blue)}
/* 06 домен */
.qv-url{display:grid;gap:10px}
.qv-url__bar{display:flex;align-items:center;gap:2px;padding:14px 16px;border-radius:40px;background:#f5f5f5;overflow:hidden;white-space:nowrap}
.qv-url__bar i{font-style:normal;font-size:12px;color:rgba(12,12,12,.4)}
.qv-url__bar b{font:600 15px/1 Inter,sans-serif;display:inline-block;overflow:hidden;max-width:var(--w,100%);border-right:2px solid var(--st-blue)}
.qv-url__sub{font-size:9px;color:rgba(12,12,12,.5)}
/* 07 RU / KZ */
.qv-lang{display:flex;gap:10px;justify-content:center}
.qv-lang__k{display:grid;place-items:center;width:78px;height:96px;border-radius:14px;background:rgba(255,255,255,.08);font:600 44px/1 Inter,sans-serif;letter-spacing:-.04em;color:rgba(255,255,255,.35)}
.qv-lang__k--b{background:var(--st-blue);color:#fff}
/* 08 источники */
.qv-src{display:grid;gap:10px}
.qv-src span{display:grid;grid-template-columns:72px 1fr;align-items:center;gap:10px}
.qv-src em{font-style:normal;font-size:9px;color:rgba(12,12,12,.55)}
.qv-src i{height:16px;border-radius:6px;background:var(--st-blue);width:var(--w);transform-origin:left;transform:scaleX(var(--s,1))}
.qv-src span:nth-child(2) i{background:#0b0b0c}
.qv-src span:nth-child(3) i{background:rgba(12,12,12,.25)}

@media (prefers-reduced-motion:no-preference){
  .st-qa__item{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .7s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--k) * 80ms)}
  .st-qa__grid.is-in .st-qa__item{opacity:1;transform:none}
  .qv-days i::after{--f:0;transition:transform .7s cubic-bezier(.6,0,.2,1);transform:scaleX(0)}
  .st-qa__grid.is-in .qv-days i::after{transform:scaleX(1)}
  .st-qa__grid.is-in .qv-days span:nth-child(1) i::after{transition-delay:.5s}
  .st-qa__grid.is-in .qv-days span:nth-child(2) i::after{transition-delay:1.1s}
  .st-qa__grid.is-in .qv-days span:nth-child(3) i::after{transition-delay:1.7s}
  .qv-ok{opacity:0;transform:scale(.9);transition:opacity .4s,transform .4s}
  .st-qa__grid.is-in .qv-ok{animation:qv-ok 4.5s ease 1s infinite}
  @keyframes qv-ok{0%,35%{opacity:0;transform:scale(.9)}45%,85%{opacity:1;transform:none}100%{opacity:0;transform:scale(.9)}}
  .st-qa__grid.is-in .qv-btn{animation:qv-press 4.5s ease 1s infinite}
  @keyframes qv-press{0%,30%{transform:none}35%{transform:scale(.94)}40%,100%{transform:none}}
  .qv-steps path{stroke-dashoffset:1;transition:stroke-dashoffset 1.4s cubic-bezier(.6,0,.2,1) .6s}
  .st-qa__grid.is-in .qv-steps path{stroke-dashoffset:0}
  .qv-steps i{transform:scale(.4);opacity:0;transition:transform .4s cubic-bezier(.3,1.6,.5,1),opacity .3s}
  .st-qa__grid.is-in .qv-steps i{transform:none;opacity:1}
  .st-qa__grid.is-in .qv-steps span:nth-of-type(1) i{transition-delay:.5s}
  .st-qa__grid.is-in .qv-steps span:nth-of-type(2) i{transition-delay:1.1s}
  .st-qa__grid.is-in .qv-steps span:nth-of-type(3) i{transition-delay:1.7s}
  .st-qa__grid.is-in .qv-sync__line b{animation:qv-run 1.8s cubic-bezier(.6,0,.4,1) .6s infinite alternate}
  @keyframes qv-run{to{left:calc(100% - 10px)}}
  .qv-url__bar b{max-width:0;transition:max-width 1.6s steps(11) .6s}
  .st-qa__grid.is-in .qv-url__bar b{max-width:200px;animation:qv-caret .8s step-end 2.2s infinite}
  @keyframes qv-caret{50%{border-color:transparent}}
  .st-qa__grid.is-in .qv-lang__k{animation:qv-swap 3.2s ease 1s infinite}
  .st-qa__grid.is-in .qv-lang__k--b{animation-name:qv-swap-b}
  @keyframes qv-swap{0%,45%{background:rgba(255,255,255,.08);color:rgba(255,255,255,.35)}50%,95%{background:var(--st-blue);color:#fff}100%{background:rgba(255,255,255,.08);color:rgba(255,255,255,.35)}}
  @keyframes qv-swap-b{0%,45%{background:var(--st-blue);color:#fff}50%,95%{background:rgba(255,255,255,.08);color:rgba(255,255,255,.35)}100%{background:var(--st-blue);color:#fff}}
  .qv-src i{transform:scaleX(0);transition:transform 1s cubic-bezier(.2,.8,.2,1)}
  .st-qa__grid.is-in .qv-src i{transform:none}
  .st-qa__grid.is-in .qv-src span:nth-child(1) i{transition-delay:.6s}
  .st-qa__grid.is-in .qv-src span:nth-child(2) i{transition-delay:.8s}
  .st-qa__grid.is-in .qv-src span:nth-child(3) i{transition-delay:1s}
}
@media (max-width:1180px){
  .st-qa__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .st-qa__head{flex-direction:column;align-items:flex-start}
  .st-qa__h2{font-size:64px}
}
@media (max-width:760px){
  .st-qa__h2{font-size:40px}
  .st-qa__side{width:100%}
  .st-qa__grid{grid-template-columns:1fr;gap:10px;margin-top:28px}
  .st-qa__item{padding:20px;gap:16px}
  .st-qa__viz{height:120px}
}
.qv-field{background:#fff;box-shadow:inset 0 0 0 1px rgba(12,12,12,.08)}

/* ── форма в подвале: без заливки, на линиях ── */
.cta-section .st-cta-form .st-city__form{background:transparent;color:#fff;padding:0;border-radius:0;gap:16px}
.cta-section .st-cta-form .st-city__form>.st-mono,
.cta-section .st-cta-form .st-city__note{color:rgba(255,255,255,.55)}
.cta-section .st-cta-form .st-field input{height:56px;padding:0;border:0;border-bottom:1px solid rgba(255,255,255,.28);border-radius:0;
  background:transparent;color:#fff}
.cta-section .st-cta-form .st-field input::placeholder{color:rgba(255,255,255,.45)}
.cta-section .st-cta-form .st-field input:focus{border-bottom-color:#fff}
.cta-section .st-cta-form .st-field.is-bad input{border-bottom-color:#ff6b6f}
.cta-section .st-cta-form .st-via{background:transparent;border-color:rgba(255,255,255,.28)}
.cta-section .st-cta-form .st-via span{color:rgba(255,255,255,.6)}
.cta-section .st-cta-form .st-via input:checked+span{background:#fff;color:#0b0b0c}
.cta-section .st-cta-form .st-cbtn{background:transparent;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)}
.cta-section .st-cta-form .st-cbtn:hover{background:var(--st-blue);box-shadow:none}
.cta-section .st-cta-form .st-city__note.is-bad{color:#ff8a8d}

/* плитка «документ для нейроредактора» — без фото и градиента (06.11) */
.st-bento__tech--doc{background:#0b0b0c;justify-content:space-between!important}
.st-bento__tech--doc::after{content:none}
.st-bento__doc{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:rgba(255,255,255,.08)}
.st-bento__doc svg{width:26px;height:26px;fill:none;stroke:#fff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}