/* Production overrides on top of the Claude Design export (nw.css stays untouched). */
html{background:var(--bg);scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}
.nw [hidden]{display:none !important}
#process,#what,#engagements,#team,#faq,#contact{scroll-margin-top:64px}

/* anti-spam honeypot */
.nw-hp{position:absolute !important;left:-9999px;width:1px;height:1px;opacity:0}

/* hero: the wave must never sit on top of the CTAs */
.nw-hero .nw-btn-ghost{background:var(--bg)}
.nw-hero-cta,.nw-trust{position:relative;z-index:1}

@container nwh (max-width:640px){
  /* the frame label was clipped at 390px */
  .hf-tl{max-width:calc(100% - 96px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}

/* price labels are words for now, not numbers */
.nw-price{font-size:22px}

/* hero trust block: who we are + where we've worked */
.nw-trust.nw-trust2{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px 18px;align-items:center;margin-top:40px}
.nw-trust2 .tr-row{display:contents}
.nw-trust2 .tr-k{font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--metal);white-space:nowrap}
.nw-trust2 .tr-row:first-child .tr-v{grid-column:1 / -1}
.nw-trust2 .tr-v{font-family:var(--mono);font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--text)}
.nw-trust2 .tr-v i{font-style:normal;color:var(--line3);margin:0 4px}
.nw-trust2 .tr-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.nw-trust2 .tr-chips li{font-family:var(--mono);font-size:12px;letter-spacing:.04em;color:var(--body);border:1px solid var(--line2);background:rgba(10,10,13,.7);padding:4px 9px;line-height:1.2;transition:border-color .2s,color .2s}
.nw-trust2 .tr-chips li:hover{border-color:var(--sig);color:var(--sig)}
@container nwh (max-width:640px){
  .nw-trust.nw-trust2{grid-template-columns:minmax(0,1fr);gap:6px}
  .nw-trust2 .tr-chips{margin-bottom:8px}
  .nw-trust2 .tr-v{font-size:12px}
}

/* hero trust: third row (time zones) */
.nw-trust2 .tr-v-sm{font-size:12px;letter-spacing:.1em;color:var(--body)}

/* ---------- language switcher: dropdown ---------- */
.nw-hright{gap:12px}
.nw-lang{position:relative;padding-left:14px;margin-left:2px;border-left:1px solid var(--line2);font-family:var(--mono)}
.nw-lang summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;height:36px;padding:0 10px;border:1px solid transparent;font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--text);user-select:none;transition:border-color .15s}
.nw-lang summary::-webkit-details-marker{display:none}
.nw-lang summary::marker{content:''}
.nw-lang summary::after{content:'';width:6px;height:6px;border-right:1.5px solid var(--metal);border-bottom:1.5px solid var(--metal);transform:translateY(-2px) rotate(45deg);transition:transform .2s}
.nw-lang summary:hover,.nw-lang[open] summary{border-color:var(--line3)}
.nw-lang[open] summary::after{transform:translateY(1px) rotate(-135deg)}
.nw-lang summary:focus-visible{outline:2px solid var(--sig);outline-offset:2px}
.nw-lang ul{position:absolute;right:0;top:calc(100% + 14px);z-index:80;min-width:200px;margin:0;padding:6px;list-style:none;background:var(--bg1);border:1px solid var(--line2);box-shadow:0 24px 60px rgba(0,0,0,.55)}
.nw-lang ul::before{content:'';position:absolute;right:16px;top:-6px;width:10px;height:10px;background:var(--bg1);border-left:1px solid var(--line2);border-top:1px solid var(--line2);transform:rotate(45deg)}
.nw-lang li{margin:0;padding:0}
.nw-lang a{display:flex;align-items:center;gap:14px;padding:10px 12px;color:var(--body);text-decoration:none;font-size:13px;letter-spacing:.02em}
.nw-lang a b{width:22px;font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--metal)}
.nw-lang a:hover{background:var(--bg2);color:var(--text)}
.nw-lang a[aria-current="page"],.nw-lang a[aria-current="page"] b{color:var(--sig)}
.nw-lang a[aria-current="page"]::after{content:'';margin-left:auto;width:6px;height:6px;border-radius:50%;background:var(--sig)}
@container nw (max-width:640px){
  .nw-hright{gap:8px}
  .nw-lang{padding-left:8px}
  .nw-lang summary{padding:0 6px;font-size:11px;gap:6px}
  .nw-lang ul{right:-8px}
}

/* ---------- 08 / Coverage: time-zone console ---------- */
.nw-cov-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:end}
.nw-cov-grid .nw-lead{margin:0}
.nw-tz{--lab:330px;--st:96px;margin-top:64px;border:1px solid var(--line2);background:var(--bg1);font-family:var(--mono)}
.nw-tz-top{display:flex;justify-content:space-between;gap:16px;padding:14px 20px;border-bottom:1px solid var(--line);font-size:11px;letter-spacing:.16em;color:var(--metal)}
.nw-tz-top .nw-rec{margin-right:8px}
.nw-tz-top b{color:var(--sig);font-weight:700;margin-left:8px}
.nw-tz-body{position:relative;padding:34px 20px 14px}
.nw-tz-track{position:absolute;top:0;bottom:0;left:calc(20px + var(--lab));right:calc(20px + var(--st));pointer-events:none}
.nw-tz-scale{position:absolute;inset:0}
.nw-tz-scale span{position:absolute;top:10px;transform:translateX(-50%);font-size:10px;color:var(--metal);letter-spacing:.06em}
.nw-tz-scale span:last-child{transform:translateX(-100%)}
.nw-tz-scale span:first-child{transform:none}
.nw-tz-track::before{content:'';position:absolute;left:0;right:0;top:28px;bottom:8px;background:repeating-linear-gradient(90deg,rgba(236,237,238,.07) 0 1px,transparent 1px 12.5%)}
.nw-tz-now{position:absolute;top:26px;bottom:8px;width:0;border-left:1.5px solid var(--mag);z-index:2}
.nw-tz-now::before{content:'NOW';position:absolute;bottom:-14px;left:-12px;font-size:9px;letter-spacing:.14em;color:var(--mag)}
.nw-tz-live{position:absolute;top:28px;bottom:8px;background:rgba(184,255,44,.06);border-left:1px solid rgba(184,255,44,.35);border-right:1px solid rgba(184,255,44,.35)}
.nw-tz-live em{position:absolute;bottom:-26px;left:50%;transform:translateX(-50%);white-space:nowrap;font-style:normal;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--sig)}
.nw-tz-rows{position:relative;z-index:1}
.nw-tz-row{display:grid;grid-template-columns:150px 110px 54px minmax(0,1fr) var(--st);column-gap:8px;align-items:center;height:40px;border-bottom:1px solid var(--line)}
.nw-tz-row:last-child{border-bottom:0}
.tz-city{font-family:var(--display);font-size:15px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tz-reg{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--metal);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tz-time{font-size:13px;color:var(--body);font-variant-numeric:tabular-nums}
.tz-bar{position:relative;height:8px;background:rgba(236,237,238,.05);margin-left:4px}
.tz-bar i{position:absolute;top:0;bottom:0;background:rgba(184,255,44,.28)}
.nw-tz-row.is-on .tz-bar i{background:var(--sig);box-shadow:0 0 calc(var(--glow)*8px) var(--sig)}
.tz-state{justify-self:end;font-size:10px;letter-spacing:.14em;color:var(--metal);white-space:nowrap}
.nw-tz-row.is-on .tz-state{color:var(--sig)}
.nw-tz-row.is-on .tz-state::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--sig);margin-right:8px;vertical-align:1px;box-shadow:0 0 calc(var(--glow)*6px) var(--sig)}
.nw-tz-foot{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:10px 18px;align-items:center;padding:30px 20px 16px;border-top:1px solid var(--line);font-size:12px}
.nw-tz-k{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--metal)}
.nw-tz-v{color:var(--text);letter-spacing:.04em}
.nw-tz-v i{font-style:normal;color:var(--line3);margin:0 6px}
@container nw (max-width:980px){
  .nw-cov-grid{grid-template-columns:minmax(0,1fr);gap:28px}
  .nw-tz{--lab:0px;--st:0px}
  .nw-tz-row{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"city time state" "bar bar bar";height:auto;row-gap:8px;padding:12px 0}
  .tz-city{grid-area:city}.tz-time{grid-area:time}.tz-state{grid-area:state}
  .tz-reg{display:none}
  .tz-bar{grid-area:bar;margin-left:0}
  .nw-tz-track{left:20px;right:20px}
  .nw-tz-now,.nw-tz-live{display:none}
  .nw-tz-foot{grid-template-columns:auto 1fr}
}

/* ---------- Cyrillic: Archivo has no Cyrillic → Unbounded (display) + Golos Text (body) ---------- */
html[lang="ru"]{--display:'Golos Text','Helvetica Neue',sans-serif}
html[lang="ru"] .nw-h1,html[lang="ru"] .nw-h2,html[lang="ru"] .nw-card h3,html[lang="ru"] .nw-plan h3,
html[lang="ru"] .nw-step h3,html[lang="ru"] .st-name,html[lang="ru"] .nw-success h3,html[lang="ru"] .nw-case h3{font-family:'Unbounded','Golos Text',sans-serif;font-stretch:normal}
html[lang="ru"] .nw-h1{font-weight:800;letter-spacing:-.03em;font-size:clamp(36px,5.9cqi,96px);line-height:1.02}
html[lang="ru"] .nw-h2{font-weight:700;letter-spacing:-.02em;font-size:clamp(30px,3.9cqi,58px);line-height:1.08}
html[lang="ru"] .nw-card h3,html[lang="ru"] .nw-plan h3,html[lang="ru"] .nw-step h3,html[lang="ru"] .st-name{font-weight:700;letter-spacing:-.01em}
html[lang="ru"] .nw-wordmark{font-family:'Archivo',sans-serif}

/* longer headlines (ES / PT / DE): a bit smaller and wider so the hero stays above the fold */
html[lang="es"] .nw-h1,html[lang="pt-BR"] .nw-h1,html[lang="de"] .nw-h1{font-size:clamp(38px,6.1cqi,98px);max-width:21ch}

/* keep hyphenated terms like "AI-агентом" on one line */
.nw-nb{white-space:nowrap}

/* contact form: readiness meter (replaces the dB fader scale) — one tick per field, filled ones at the bottom */
.nw-form{grid-template-columns:minmax(0,1fr) 150px}
.nw-bigfader{align-items:flex-start;padding:24px 0 24px 28px}
.nw-bigfader > span:first-child,.nw-bf-db{align-self:stretch;text-align:left}
.nw-bf-scale{display:block;left:18px;right:auto}
.nw-bf-slot{margin-top:18px}
.nw-bf-scale i{position:absolute;left:0;transform:translateY(50%);display:flex;align-items:center;gap:6px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--metal);transition:color .3s}
.nw-bf-scale i::before{content:'';width:8px;height:1px;background:var(--line3)}
.nw-bf-scale i.is-done{color:var(--sig)}
.nw-bf-scale i.is-done::after{content:'✓'}
.nw-bf-scale i:nth-child(1){bottom:33.333%}
.nw-bf-scale i:nth-child(2){bottom:66.666%}
.nw-bf-scale i:nth-child(3){bottom:100%}
@container nw (max-width:640px){
  .nw-form{grid-template-columns:minmax(0,1fr) 64px}
  .nw-bigfader{align-items:center;padding:24px 0}
  .nw-bigfader > span:first-child{display:none}
  .nw-bf-db{text-align:center}
  .nw-bf-scale{display:none}
}

/* «Продолжить в Telegram» в блоке успешной отправки формы */
.nw-success .nw-succ-tg:not([hidden]) { display: inline-flex; margin-top: 20px; }

/* VU-метр в «04 / Ответственность» — зацикленная сцена ДО → ЦЕЛЬ → ПОСЛЕ */
/* 9s loop: measure BEFORE → draw TARGET → swing to AFTER → hold → fade back */
@keyframes nw-vu-run{
  0%{transform:rotate(-44deg)}3.3%{transform:rotate(-39deg)}6.1%{transform:rotate(-46deg)}8.9%{transform:rotate(-40.5deg)}
  11.7%{transform:rotate(-45deg)}14.4%{transform:rotate(-41.5deg)}16.7%{transform:rotate(-44.5deg)}18.9%,25.6%{transform:rotate(-43deg)}
  35.6%{transform:rotate(40deg)}40%{transform:rotate(31deg)}43.9%{transform:rotate(35deg)}47.8%{transform:rotate(34deg)}
  58.9%{transform:rotate(34.6deg)}70%{transform:rotate(33.6deg)}81.1%{transform:rotate(34deg)}94.4%,100%{transform:rotate(-44deg)}}
@keyframes nw-vu-flick{0%,11%,100%{opacity:.85}2.2%,6.7%{opacity:.35}4.4%,8.9%{opacity:1}}
@keyframes nw-vu-glow{0%,35.5%,49%,100%{stroke-width:7;filter:none}40%{stroke-width:11;filter:drop-shadow(0 0 8px var(--sig))}}
@keyframes nw-vu-grow{0%,15.5%{transform:scaleY(0);opacity:1}22%,83%{transform:scaleY(1);opacity:1}90%{transform:scaleY(1);opacity:0}100%{transform:scaleY(0);opacity:0}}
@keyframes nw-vu-tag{0%,21.5%{opacity:0}22%,27%{opacity:1}24.5%{opacity:0}83%{opacity:1}90%,100%{opacity:0}}
@keyframes nw-vu-bar1{0%,2.2%{transform:scaleX(0);opacity:1}7.8%,83%{transform:scaleX(1);opacity:1}90%{transform:scaleX(1);opacity:0}100%{transform:scaleX(0);opacity:0}}
@keyframes nw-vu-bar2{0%,15.5%{transform:scaleX(0);opacity:1}21%,83%{transform:scaleX(1);opacity:1}90%{transform:scaleX(1);opacity:0}100%{transform:scaleX(0);opacity:0}}
@keyframes nw-vu-bar3{0%,35.5%{transform:scaleX(0);opacity:1}41%,83%{transform:scaleX(1);opacity:1}90%{transform:scaleX(1);opacity:0}100%{transform:scaleX(0);opacity:0}}
.nw-vu.is-in .vu-needle{transform:rotate(34deg);animation:nw-vu-run 9s ease-in-out .2s infinite both}
.nw-vu.is-in .vu-zone-bad{animation:nw-vu-flick 9s steps(1) .2s infinite both}
.nw-vu.is-in .vu-zone-good{animation:nw-vu-glow 9s ease-out .2s infinite both}
.vu-tgt{transform-box:fill-box;transform-origin:50% 0}
.nw-vu.is-in .vu-tgt{animation:nw-vu-grow 9s ease-out .2s infinite both}
.nw-vu.is-in .vu-tgt-t{animation:nw-vu-tag 9s linear .2s infinite both}
.vu-read span{position:relative}
.vu-read span::before{content:'';position:absolute;left:0;right:0;top:-1px;height:2px;background:var(--mag);transform:scaleX(0);transform-origin:0 50%}
.vu-read span:nth-child(2)::before{background:var(--text)}
.vu-read span:nth-child(3)::before{background:var(--sig)}
.nw-vu.is-in .vu-read span::before{animation:nw-vu-bar1 9s ease-out .2s infinite both}
.nw-vu.is-in .vu-read span:nth-child(2)::before{animation-name:nw-vu-bar2}
.nw-vu.is-in .vu-read span:nth-child(3)::before{animation-name:nw-vu-bar3}
@media (prefers-reduced-motion: reduce){
  .nw-vu.is-in *,.nw-vu.is-in .vu-read span::before{animation:none!important}
  .nw-vu.is-in .vu-read span::before{transform:scaleX(1)}
}