:root{
  --font: "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;
  --fs-hero: clamp(2rem, 4.4vw, 3.5rem);
  --fs-h2: clamp(1.45rem, 2.6vw, 2.2rem);
  --fs-h3: clamp(1.08rem, 1.5vw, 1.28rem);
  --lh: 1.65;
  --space-1:.5rem; --space-2:1rem; --space-3:1.5rem; --space-4:2.5rem; --space-5:4rem; --space-6:5.5rem;
  --radius: 18px; --radius-sm: 12px; --icon: 24px;
  --letter: -.01em;
  --ink:#0a1020; --bg:#070c18; --bg-2:#0b1430; --surface:#111c3d; --surface-2:#15234d;
  --line:rgba(120,150,220,.18); --text:#e7edff; --muted:#9db0d8; --muted-2:#7e90b8;
  --brand:#3b82f6; --brand-2:#2563eb; --cyan:#34d6f0; --violet:#8b7bff; --ok:#34d399;
  --trust:#f6b35c; --trust-2:#f59e42;
  --grad-brand: linear-gradient(135deg,#3b82f6,#34d6f0);
  --grad-violet: linear-gradient(135deg,#6366f1,#8b5cf6);
  --grad-trust: linear-gradient(135deg,#f6b35c,#f59e42);
  --shadow: 0 24px 60px -24px rgba(8,18,50,.7);
  --shadow-sm: 0 10px 30px -16px rgba(8,18,50,.6);
  --grid-line: rgba(94,130,210,.07);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);line-height:var(--lh);letter-spacing:var(--letter);-webkit-font-smoothing:antialiased;position:relative}
/* automation-canvas grid motif (theme, not random decor) */
body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
  background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);
  background-size:46px 46px;mask-image:radial-gradient(120% 90% at 50% 0,#000 30%,transparent 80%);-webkit-mask-image:radial-gradient(120% 90% at 50% 0,#000 30%,transparent 80%)}
.wrap{width:min(1180px,92vw);margin-inline:auto}
a{color:inherit;text-decoration:none}
img,svg{max-width:100%}
h1,h2,h3,h4{line-height:1.16;letter-spacing:-.02em;margin:0 0 .55em}
h2{font-size:var(--fs-h2)} h3{font-size:var(--fs-h3)}
p{margin:0 0 1em;color:var(--muted)}
.skip{position:absolute;left:-9999px}
.skip:focus{left:1rem;top:1rem;z-index:99;background:var(--surface);padding:.6rem 1rem;border-radius:8px}
section{padding:var(--space-6) 0;position:relative}
.eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);font-weight:600;margin-bottom:1rem}
.eyebrow::before{content:"";width:26px;height:2px;background:var(--grad-brand);border-radius:2px}
.lead{font-size:1.1rem;color:var(--muted);max-width:66ch}
.btn{display:inline-flex;align-items:center;gap:.55rem;padding:.9rem 1.5rem;border-radius:999px;font-weight:600;transition:transform .2s ease, box-shadow .2s ease;cursor:pointer;border:0;font-size:1rem;font-family:inherit}
.btn-primary{background:var(--grad-brand);color:#05122b;box-shadow:0 14px 36px -12px rgba(34,211,238,.5)}
.btn-primary:hover{transform:translateY(-2px)}
.btn-ghost{border:1px solid var(--line);color:var(--text);background:transparent}
.btn-ghost:hover{border-color:var(--brand)}

header.nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(14px);background:rgba(7,12,24,.74);border-bottom:1px solid var(--line)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:.8rem 0;gap:1rem}
.brand{display:flex;align-items:center;gap:.6rem;font-weight:700}
.brand .logo{width:34px;height:34px;border-radius:9px;background:var(--grad-brand);display:grid;place-items:center;color:#05122b;font-weight:800}
.nav-links{display:flex;gap:1.3rem;font-size:.92rem}
.nav-links a{color:var(--muted)} .nav-links a:hover{color:var(--text)}
@media(max-width:940px){.nav-links{display:none}}

.hero{padding-top:var(--space-5);overflow:hidden}
.hero::before{content:"";position:absolute;inset:-20% -10% auto -10%;height:680px;background:radial-gradient(60% 60% at 28% 18%,rgba(59,130,246,.28),transparent 70%),radial-gradient(40% 40% at 82% 8%,rgba(52,214,240,.18),transparent 70%);filter:blur(8px);z-index:-1}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:var(--space-4);align-items:center}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr}}
.hero h1{font-size:var(--fs-hero)}
.accent{background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-cta{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.5rem}
.hero-trust{display:flex;gap:1.5rem;margin-top:1.7rem;flex-wrap:wrap;color:var(--muted-2);font-size:.9rem}
.hero-trust b{color:var(--text)}

.hero-visual{position:relative;border-radius:var(--radius);background:linear-gradient(160deg,var(--surface),var(--bg-2));border:1px solid var(--line);box-shadow:var(--shadow);padding:1.2rem}
.hv-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem;font-size:.82rem;color:var(--muted-2)}
.hv-dot{width:9px;height:9px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 4px rgba(52,211,153,.15);animation:hvpulse 2.4s ease-in-out infinite}
@keyframes hvpulse{0%,100%{box-shadow:0 0 0 3px rgba(52,211,153,.18)}50%{box-shadow:0 0 0 7px rgba(52,211,153,.05)}}
/* hero automation flow: routing lines stream toward the answer node */
.hero-visual svg .flow{stroke-dasharray:6 10;animation:flowmove 1.8s linear infinite}
@keyframes flowmove{to{stroke-dashoffset:-32}}
.hero-visual svg .agent-node{transform-box:fill-box;transform-origin:center;animation:nodepulse 2.6s ease-in-out infinite}
@keyframes nodepulse{0%,100%{opacity:1}50%{opacity:.82}}
.hero-visual svg .spark{animation:sparkmove 3.2s ease-in-out infinite}
@keyframes sparkmove{0%{opacity:0;transform:translateX(0)}15%{opacity:1}85%{opacity:1}100%{opacity:0;transform:translateX(150px)}}

.kpi-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:var(--space-4)}
@media(max-width:760px){.kpi-strip{grid-template-columns:repeat(2,1fr)}}
.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:1.05rem 1.15rem}
.kpi .n{font-size:1.55rem;font-weight:800;background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;color:transparent}
.kpi .l{font-size:.85rem;color:var(--muted-2)}

.section-light{background:linear-gradient(180deg,var(--bg-2),var(--bg))}
.section-alt{background:radial-gradient(80% 120% at 100% 0,rgba(99,102,241,.10),transparent 60%),var(--bg)}
.sec-head{max-width:64ch;margin-bottom:var(--space-4)}

.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:1.05rem}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.45rem;position:relative;transition:transform .25s ease,border-color .25s ease;box-shadow:var(--shadow-sm)}
.card:hover{transform:translateY(-4px);border-color:rgba(59,130,246,.5)}
.card .ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:rgba(59,130,246,.14);margin-bottom:.9rem;font-size:1.3rem}
.ic svg, .icon svg{width:var(--icon);height:var(--icon);color:var(--cyan)}
.card h3{margin-bottom:.4rem}
.card ul{margin:.6rem 0 0;padding-left:1.1rem;color:var(--muted)} .card li{margin:.3rem 0}
.col-3{grid-column:span 3}.col-2{grid-column:span 2}.col-6{grid-column:span 6}
@media(max-width:880px){.bento{grid-template-columns:1fr}.col-3,.col-2,.col-6{grid-column:span 1}}

.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;counter-reset:step}
@media(max-width:880px){.timeline{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.timeline{grid-template-columns:1fr}}
.step{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:1.25rem;position:relative}
.step::before{counter-increment:step;content:counter(step,decimal-leading-zero);font-weight:800;font-size:.9rem;color:#05122b;background:var(--grad-brand);width:34px;height:34px;border-radius:9px;display:grid;place-items:center;margin-bottom:.7rem}

.chips{display:flex;flex-wrap:wrap;gap:.65rem}
.chip{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:.5rem 1.05rem;color:var(--muted);font-size:.9rem}

.cmp{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.cmp th,.cmp td{padding:.95rem 1.05rem;text-align:left;border-bottom:1px solid var(--line);font-size:.95rem}
.cmp th{background:var(--surface-2);color:var(--text);font-weight:600}
.cmp td.no{color:var(--muted-2)} .cmp td.yes{color:var(--ok);font-weight:600}

.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:1.15rem}
@media(max-width:900px){.pricing{grid-template-columns:1fr}}
.plan{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.6rem;display:flex;flex-direction:column}
.plan.feat{border-color:rgba(52,214,240,.55);box-shadow:0 24px 60px -28px rgba(34,211,238,.45);position:relative}
.plan.feat::after{content:"Чаще выбирают";position:absolute;top:-12px;right:18px;background:var(--grad-trust);color:#3a2406;font-size:.72rem;font-weight:700;padding:.25rem .7rem;border-radius:999px;box-shadow:0 8px 22px -8px rgba(246,179,92,.5)}
/* warm trust accent: support "Развитие" plan + proof */
.support-plan:nth-child(2){border-color:rgba(246,179,92,.45)}
.support-plan:nth-child(2) .p{color:var(--trust)}
#cases .card:last-child{border-top:2px solid var(--trust)}
.eyebrow.trust::before{background:var(--grad-trust)}
.plan .price{font-size:1.8rem;font-weight:800;margin:.35rem 0}
.plan .price span{font-size:.85rem;color:var(--muted-2);font-weight:500}
.plan .fit{font-size:.9rem;color:var(--cyan);margin:.2rem 0 .6rem}
.plan ul{list-style:none;padding:0;margin:.8rem 0 1.3rem;flex:1}
.plan li{padding:.42rem 0 .42rem 1.6rem;position:relative;color:var(--muted);border-bottom:1px dashed var(--line);font-size:.95rem}
.plan li::before{content:"✓";position:absolute;left:0;color:var(--cyan);font-weight:800}
.plan .limit{font-size:.84rem;color:var(--muted-2);margin:.2rem 0 1rem}
.support-band{margin-top:1.15rem;background:linear-gradient(135deg,var(--surface-2),var(--surface));border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}
@media(max-width:880px){.support-band{grid-template-columns:1fr}}
.support-band h3{margin-bottom:.3rem}
.support-plan{background:rgba(7,12,24,.4);border:1px solid var(--line);border-radius:var(--radius-sm);padding:1.1rem}
.support-plan .p{font-weight:800;color:var(--text);font-size:1.15rem}
.price-note{margin-top:1.1rem;font-size:.86rem;color:var(--muted-2)}

.faq details{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:1rem 1.25rem;margin-bottom:.7rem}
.faq summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--cyan);font-size:1.4rem;transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{margin-top:.75rem}

.cases{display:grid;grid-template-columns:repeat(3,1fr);gap:1.05rem}
@media(max-width:880px){.cases{grid-template-columns:1fr}}

.final-cta{background:linear-gradient(135deg,var(--surface-2),var(--bg-2));border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-4);text-align:center}
.final-cta .btn{margin-top:1rem}

footer{background:var(--ink);border-top:1px solid var(--line);padding:var(--space-5) 0 7rem}
.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem}
@media(max-width:760px){.foot-grid{grid-template-columns:1fr}}
.foot-links a,.foot-links strong{display:block;margin:.4rem 0}
.foot-links a{color:var(--muted);font-size:.92rem}
.foot-links a:hover{color:var(--text)}
.disclaimer{margin-top:2rem;padding-top:1.4rem;border-top:1px solid var(--line);color:var(--muted-2);font-size:.85rem}

.float-cta{position:fixed;right:20px;bottom:84px;z-index:55}
.float-cta a{box-shadow:0 18px 40px -12px rgba(34,211,238,.55)}

.cookie{position:fixed;left:0;right:0;bottom:0;z-index:58;background:rgba(11,20,48,.97);border-top:1px solid var(--line);padding:1rem;display:flex;gap:1rem;align-items:center;justify-content:center;flex-wrap:wrap;font-size:.9rem}
.cookie a{color:var(--cyan)}
.cookie .btn{padding:.55rem 1.2rem}
.cookie.hide{display:none}

.legal-page{padding:var(--space-5) 0}
.legal-page h1{font-size:clamp(1.8rem,3vw,2.6rem)}
.legal-page h2{font-size:1.3rem;margin-top:2rem}
.legal-page p,.legal-page li{color:var(--muted)}
.legal-page ul{padding-left:1.2rem}
.contact-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.6rem;margin-top:1.4rem}

.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .reveal{opacity:1;transform:none}
}

.cookie-notice {
  position: fixed;
  left: 16px;
  right: 16px;
  bottom: 16px;
  z-index: 80;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  max-width: 1120px;
  margin: 0 auto;
  padding: 14px 16px;
  border: 1px solid rgba(17, 24, 39, 0.14);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 18px 44px rgba(17, 24, 39, 0.16);
  color: #111827;
}
.cookie-notice.is-hidden { display: none; }
.cookie-notice p { margin: 0; font-size: 14px; line-height: 1.45; }
.cookie-notice a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.cookie-notice__button {
  flex: 0 0 auto;
  border: 0;
  border-radius: 6px;
  padding: 10px 14px;
  background: #111827;
  color: #fff;
  font-weight: 700;
  cursor: pointer;
}
@media (max-width: 640px) {
  .cookie-notice { left: 10px; right: 10px; bottom: 10px; flex-direction: column; align-items: flex-start; }
}