:root{
  --bg:#f4f2ec;--paper:#fbfaf6;--ink:#16181a;--ink-2:#3a3d40;--muted:#62655f;
  --line:#dcd8cc;--line-dark:#2c2f32;--accent:#ff5b14;--accent-ink:#c2410c;--ok:#1f7a4d;
  --dark:#141618;--dark-2:#1d2023;--on-dark:#ecebe6;--on-dark-muted:#9a9c9a;
  --f-head:'Geologica',system-ui,sans-serif;--f-body:'Golos Text',system-ui,sans-serif;--f-mono:'JetBrains Mono',ui-monospace,monospace;
  --r:10px;--wrap:1120px;
}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--ink);font:400 17px/1.55 var(--f-body);-webkit-font-smoothing:antialiased}
img,svg{display:block;max-width:100%}
a{color:inherit}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:4px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
.mono{font-family:var(--f-mono);font-size:13px;letter-spacing:.02em}
.eyebrow{font-family:var(--f-mono);font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-ink);display:inline-flex;gap:10px;align-items:center}
.eyebrow::before{content:"";width:18px;height:2px;background:currentColor}
h1,h2,h3{font-family:var(--f-head);letter-spacing:-.02em;line-height:1.08}
h1{font-size:clamp(38px,4.6vw,60px);font-weight:800}
h2{font-size:clamp(30px,3.6vw,44px);font-weight:700;margin:14px 0 18px;max-width:22ch}
h3{font-size:21px;font-weight:700;letter-spacing:-.01em;line-height:1.2}
.lead{font-size:19px;color:var(--ink-2);max-width:60ch}
section{padding:96px 0}
.band-dark{background:var(--dark);color:var(--on-dark)}
.band-dark .lead,.band-dark p{color:var(--on-dark-muted)}
.band-dark .eyebrow{color:var(--accent)}
.band-paper{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:10px;font:600 16px/1 var(--f-body);padding:16px 22px;border-radius:999px;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:transform .15s ease,background-color .15s ease,border-color .15s ease}
.btn-primary{background:var(--accent);color:#1a0d05}
.btn-primary:hover{background:#ff7a3d}
.btn-ghost{border-color:currentColor;background:transparent;color:inherit}
.btn-ghost:hover{background:rgba(127,127,127,.12)}
.btn:active{transform:translateY(1px)}
.btn .arr{font-family:var(--f-mono)}

/* header */
.top{position:sticky;top:0;z-index:20;background:rgba(244,242,236,.92);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;gap:24px;height:64px}
.logo{display:flex;align-items:center;gap:10px;font:800 21px/1 var(--f-head);text-decoration:none;letter-spacing:-.03em}
.logo-mark{width:26px;height:26px;border-radius:7px;background:var(--ink);position:relative}
.logo-mark::after{content:"";position:absolute;left:6px;right:6px;bottom:6px;height:5px;border-radius:2px;background:var(--accent)}
.nav{display:flex;gap:22px;margin-left:auto;font-size:15px}
.nav a{text-decoration:none;color:var(--ink-2)}
.nav a:hover{color:var(--ink)}
.lang{display:flex;border:1px solid var(--line);border-radius:999px;overflow:hidden}
.lang button{font:600 13px/1 var(--f-mono);padding:8px 11px;border:0;background:transparent;cursor:pointer;color:var(--muted)}
.lang button[aria-pressed=true]{background:var(--ink);color:var(--bg)}
.top .btn{padding:11px 16px;font-size:14px}

/* hero */
.hero{padding:72px 0 88px}
.hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.hero h1 em{font-style:normal;background:linear-gradient(transparent 62%,rgba(255,91,20,.35) 0)}
.hero .lead{margin:22px 0 30px}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.hero-note{margin-top:18px;color:var(--muted);font-size:14px}
.facts{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:28px;margin-top:40px;padding-top:24px;border-top:1px solid var(--line);flex-wrap:wrap}
.facts div{min-width:120px}
.facts b{display:block;font:800 30px/1 var(--f-head);letter-spacing:-.03em}
.facts span{display:block;margin-top:6px;font-size:13px;line-height:1.4;color:var(--muted);max-width:22ch}

/* mockups */
.mock{background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:0 1px 0 var(--line),0 24px 48px -28px rgba(22,24,26,.35);overflow:hidden}
.mock-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line);font-family:var(--f-mono);font-size:12px;color:var(--muted)}
.mock-label{font-family:var(--f-mono);font-size:11px;color:var(--muted);margin-top:10px;text-align:right}
.chat{padding:16px;display:flex;flex-direction:column;gap:9px;font-size:14.5px}
.msg{max-width:84%;padding:9px 13px;border-radius:14px;line-height:1.4}
.msg.ai{background:#ecebe5;border-bottom-left-radius:4px}
.msg.me{background:var(--ink);color:var(--bg);align-self:flex-end;border-bottom-right-radius:4px}
.msg small{display:block;font-family:var(--f-mono);font-size:10.5px;opacity:.6;margin-bottom:3px}
.shift{border-top:1px dashed var(--line);padding:14px 16px;display:grid;grid-template-columns:1fr auto;gap:6px 12px;font-size:14px}
.shift b{font-family:var(--f-head)}
.pill{font-family:var(--f-mono);font-size:11.5px;padding:4px 8px;border-radius:999px;background:#e5f2ea;color:var(--ok);white-space:nowrap;align-self:start}
.bar{grid-column:1/-1;height:8px;border-radius:4px;background:#e6e3da;overflow:hidden;display:flex}
.bar i{display:block;height:100%;background:var(--ink)}
.bar i+i{background:var(--accent)}
.shift .mono{color:var(--muted);grid-column:1/-1}

/* problem cards */
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:26px}
.card .k{font-family:var(--f-mono);font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.card .num{font:800 46px/1 var(--f-head);letter-spacing:-.04em;margin:14px 0 10px}
.card p{color:var(--ink-2);font-size:15.5px}
.card .src{display:block;margin-top:12px;font-size:12px;color:var(--muted)}

/* steps */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:44px;border-top:2px solid var(--ink)}
.step{padding:26px 24px 0 0}
.step+.step{padding-left:24px;border-left:1px solid var(--line)}
.step .mono{color:var(--accent-ink)}
.step h3{margin:10px 0}
.step p{color:var(--ink-2);font-size:15.5px}

/* funnel */
.funnel{margin-top:44px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.wave{display:flex;flex-direction:column;gap:10px}
.wave-row{display:grid;grid-template-columns:130px 1fr 64px;gap:14px;align-items:center;font-size:14.5px}
.wave-row .track{height:30px;background:#e6e3da;border-radius:6px;overflow:hidden}
.wave-row .fill{height:100%;background:var(--ink);border-radius:6px;transform-origin:left;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.wave-row:last-child .fill{background:var(--accent)}
.wave-row b{font-family:var(--f-mono);font-size:13px;text-align:right}
.reveal-pending .wave-row .fill{transform:scaleX(0)}
.included{columns:2;column-gap:32px;padding:0;list-style:none}
.included li{break-inside:avoid;padding:12px 0 12px 26px;border-bottom:1px solid var(--line);position:relative;font-size:15.5px}
.included li::before{content:"";position:absolute;left:0;top:20px;width:12px;height:2px;background:var(--accent)}

/* agents band */
.agents .wrap{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.code{background:var(--dark-2);border:1px solid var(--line-dark);border-radius:12px;overflow:hidden}
.code .mock-bar{border-color:var(--line-dark);color:var(--on-dark-muted)}
.code pre{padding:16px 18px;font:400 13px/1.65 var(--f-mono);color:#d8d6cf;white-space:pre;overflow-x:auto}
.code .c{color:#959996}.code .s{color:#f2a777}.code .k2{color:#9fc7a8}
.copy{font:600 12px/1 var(--f-mono);background:var(--accent);color:#1a0d05;border:0;padding:8px 11px;border-radius:6px;cursor:pointer}
.uses{list-style:none;padding:0;margin:26px 0;display:grid;gap:10px}
.uses li{border:1px solid var(--line-dark);border-radius:10px;padding:13px 15px;font-size:15px;color:var(--on-dark)}
.uses li .who{display:block;font-family:var(--f-mono);font-size:11.5px;color:var(--on-dark-muted);margin-bottom:4px}
.status{display:inline-flex;gap:8px;align-items:center;font-family:var(--f-mono);font-size:12px;color:var(--on-dark-muted);margin-top:14px}
.status i{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:pulse 2.4s ease-in-out 3}
@keyframes pulse{50%{opacity:.25}}

/* forms */
form.wl{display:grid;gap:10px;margin-top:22px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
label.f{display:grid;gap:6px;font-size:13px;color:var(--muted)}
.band-dark label.f{color:var(--on-dark-muted)}
input,select,textarea{font:400 16px/1.3 var(--f-body);padding:13px 14px;border-radius:8px;border:1px solid var(--line);background:#fff;color:var(--ink);width:100%}
.band-dark input,.band-dark select,.band-dark textarea{background:var(--dark-2);border-color:var(--line-dark);color:var(--on-dark)}
textarea{min-height:76px;resize:vertical}
.hp{position:absolute;left:-9999px}
.skip{position:absolute;left:-9999px;top:8px;z-index:50;background:var(--ink);color:var(--bg);padding:10px 14px;border-radius:8px}
.skip:focus{left:8px}
.consent{font-size:12.5px;color:var(--muted);line-height:1.45}
.band-dark .consent{color:var(--on-dark-muted)}
.form-msg{font-size:14px;min-height:20px}
.form-msg.ok{color:var(--ok)}.band-dark .form-msg.ok{color:#8fd3a8}
.form-msg.err{color:#d23c1f}

/* compare */
.tbl-wrap{overflow-x:auto;margin-top:36px;border:1px solid var(--line);border-radius:var(--r);background:var(--paper)}
table{border-collapse:collapse;width:100%;min-width:760px;font-size:14.5px}
th,td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
thead th{font:600 13px/1.3 var(--f-mono);color:var(--muted);text-transform:uppercase;letter-spacing:.04em;background:#f1efe8}
tbody th{font-weight:600;width:22%}
td.us{background:#fff3ec;font-weight:600}
thead th.us{background:var(--ink);color:var(--bg)}
tr:last-child th,tr:last-child td{border-bottom:0}
.fine{font-size:12.5px;color:var(--muted);margin-top:12px}

/* proof */
.proof{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:40px;border-top:2px solid var(--ink)}
.proof div{padding:24px 20px 0 0}
.proof div+div{padding-left:20px;border-left:1px solid var(--line)}
.proof b{display:block;font:800 40px/1 var(--f-head);letter-spacing:-.03em}
.proof span{display:block;margin-top:10px;font-size:14.5px;color:var(--ink-2)}

/* pricing */
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;align-items:stretch}
.plan{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:28px;display:flex;flex-direction:column}
.plan.hot{border:2px solid var(--ink);position:relative}
.plan.hot::before{content:attr(data-badge);position:absolute;top:-12px;left:24px;background:var(--accent);color:#1a0d05;font:600 11.5px/1 var(--f-mono);padding:6px 9px;border-radius:999px;text-transform:uppercase;letter-spacing:.05em}
.plan .k{font-family:var(--f-mono);font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.price{font:800 44px/1 var(--f-head);letter-spacing:-.04em;margin:16px 0 4px}
.price small{font:500 15px/1 var(--f-body);color:var(--muted);letter-spacing:0}
.plan p.d{color:var(--ink-2);font-size:15px;margin:8px 0 18px}
.plan ul{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:9px;font-size:14.5px}
.plan li{padding-left:20px;position:relative}
.plan li::before{content:"";position:absolute;left:0;top:10px;width:10px;height:2px;background:var(--accent)}
.plan .btn{margin-top:auto;justify-content:center}
.guarantee{margin-top:22px;padding:18px 20px;border:1px dashed var(--ink);border-radius:var(--r);font-size:15px;display:flex;gap:14px;align-items:flex-start}
.guarantee b{font-family:var(--f-head)}

/* compliance */
.law{display:grid;grid-template-columns:repeat(2,1fr);gap:0 40px;margin-top:36px}
.law div{padding:20px 0;border-bottom:1px solid var(--line)}
.law h3{font-size:18px;margin-bottom:6px}
.law p{font-size:15px;color:var(--ink-2)}

/* faq */
.faq{margin-top:32px;border-top:2px solid var(--ink)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;padding:20px 40px 20px 0;font:600 18px/1.35 var(--f-head);position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:4px;top:16px;font:400 26px/1 var(--f-mono);color:var(--accent-ink)}
.faq details[open] summary::after{content:"–"}
.faq details p{padding:0 0 20px;color:var(--ink-2);max-width:75ch}

/* final */
.final{text-align:left}
.final .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:end}
.final h2{max-width:16ch}

footer{padding:48px 0 40px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}
footer .wrap{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:32px}
footer h3.fh{font:600 12px/1 var(--f-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink);margin-bottom:12px}
footer a{text-decoration:none}footer .logo{color:var(--ink)}footer a:hover{color:var(--ink)}
footer ul{list-style:none;padding:0;display:grid;gap:7px}
.legal{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;font-size:12.5px;line-height:1.6}

/* reveal */
.rv{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}
.rv.in{opacity:1;transform:none}

@media (max-width:960px){
  .hero .wrap,.agents .wrap,.funnel,.final .wrap{grid-template-columns:1fr}
  .trio,.plans{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr}
  .step,.step+.step{padding:22px 0;border-left:0;border-bottom:1px solid var(--line)}
  .proof{grid-template-columns:1fr 1fr}
  .proof div,.proof div+div{padding:20px 12px 20px 0;border-left:0}
  .law{grid-template-columns:1fr}
  .included{columns:1}
  .nav{display:none}
  footer .wrap{grid-template-columns:1fr}
  section{padding:72px 0}
}
@media (max-width:520px){
  .row2{grid-template-columns:1fr}
  .top .btn{display:none}
  .lang{margin-left:auto}
  .wave-row{grid-template-columns:96px 1fr 48px;font-size:13px}
  .facts{gap:18px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .rv{opacity:1;transform:none;transition:none}
  .wave-row .fill{transition:none}
  .reveal-pending .wave-row .fill{transform:none}
  .status i{animation:none}
}
.uses li p{color:var(--on-dark);font-size:15px}

.agents .sticky{position:sticky;top:96px}
@media (max-width:960px){.agents .sticky{position:static}}
@media (max-width:520px){.facts{grid-template-columns:1fr 1fr}}
html[lang=ru] h1{font-size:clamp(34px,4vw,52px)}
@media (max-width:520px){.code pre{font-size:11.5px}}
.agents .wrap>*,.hero .wrap>*,.funnel>*,.final .wrap>*{min-width:0}
@media (max-width:520px){.guarantee{flex-direction:column;gap:6px}}