
@font-face{font-family:Unb;src:url(/fonts/unbounded-400-l.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+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Unb;src:url(/fonts/unbounded-700-l.woff2) format("woff2");font-weight:700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Unb;src:url(/fonts/unbounded-400-lat.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0100-02AF,U+0218-021B,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Unb;src:url(/fonts/unbounded-700-lat.woff2) format("woff2");font-weight:700;font-display:swap;unicode-range:U+0100-02AF,U+0218-021B,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Unb;src:url(/fonts/unbounded-400-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:Unb;src:url(/fonts/unbounded-700-cyr.woff2) format("woff2");font-weight:700;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Man;src:url(/fonts/manrope-400-l.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+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Man;src:url(/fonts/manrope-700-l.woff2) format("woff2");font-weight:700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Man;src:url(/fonts/manrope-400-lat.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0100-02AF,U+0218-021B,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Man;src:url(/fonts/manrope-700-lat.woff2) format("woff2");font-weight:700;font-display:swap;unicode-range:U+0100-02AF,U+0218-021B,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Man;src:url(/fonts/manrope-400-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:Man;src:url(/fonts/manrope-700-cyr.woff2) format("woff2");font-weight:700;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
:root{--bg:#0A0A0B;--bg2:#121215;--card:#16161A;--line:#26262C;--tx:#F3EFE8;--mut:#8E8A85;--acc:#5B8CFF;--acc2:#9DF2FF;--lime:#D4FF4F;--pad:clamp(22px,5vw,64px)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--tx);font:400 17px/1.65 Man,system-ui,sans-serif;overflow-x:hidden}
a{color:inherit}img,svg{display:block;max-width:100%}
h1,h2,h3,.logo span,.price,.stat strong,.foot-big,.num,.day{font-family:Unb,Man,sans-serif;font-weight:700;letter-spacing:-.02em;line-height:1.08}
h1{font-size:clamp(2.3rem,7vw,5.6rem)}h2{font-size:clamp(1.8rem,4.4vw,3.4rem);margin-bottom:.6em}h3{font-size:1.15rem;margin-bottom:.5em}
.wrap{width:100%;max-width:1240px;margin:0 auto;padding:0 var(--pad)}.narrow{max-width:820px}
.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:16px;z-index:99;background:var(--acc);padding:8px 14px}
:focus-visible{outline:2px solid var(--acc2);outline-offset:3px;border-radius:4px}
.progress{position:fixed;top:0;left:0;height:2px;width:0;background:linear-gradient(90deg,var(--acc),var(--acc2));z-index:60}
.grain{position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(14px);background:rgba(10,10,11,.72);border-bottom:1px solid var(--line)}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:72px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none}.logo-mark{width:30px;height:30px;color:var(--tx)}.logo span{font-size:1.05rem;letter-spacing:.14em}
.menu{display:flex;align-items:center;gap:26px}.menu>a{text-decoration:none;font-size:.95rem;color:var(--mut);transition:color .2s}.menu>a:hover,.menu>a[aria-current]{color:var(--tx)}
.menu>a[aria-current]{box-shadow:0 2px 0 var(--acc)}.menu>a.btn{color:#fff}
.langs{display:flex;gap:4px;border:1px solid var(--line);border-radius:99px;padding:3px}.langs a{font-size:.75rem;text-decoration:none;padding:4px 9px;border-radius:99px;color:var(--mut)}.langs a.on{background:var(--tx);color:var(--bg)}
.burger{display:none;background:none;border:0;width:44px;height:44px;cursor:pointer}.burger span{display:block;width:24px;height:2px;background:var(--tx);margin:6px auto;transition:.3s}
.btn{display:inline-flex;align-items:center;gap:10px;background:var(--acc);color:#fff;text-decoration:none;font-weight:700;padding:16px 26px;border-radius:99px;border:1px solid var(--acc);cursor:pointer;font-size:1rem;transition:transform .25s cubic-bezier(.2,.8,.2,1),background .25s,box-shadow .25s;font-family:inherit}
.btn svg{width:18px;height:18px;transition:transform .25s}.btn:hover{box-shadow:0 10px 40px -10px var(--acc)}.btn:hover svg{transform:translateX(4px)}
.btn-o{background:transparent;color:var(--tx);border-color:var(--line)}.btn-o:hover{border-color:var(--tx);box-shadow:none}.btn-s{padding:10px 18px;font-size:.9rem}
.kicker{font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;color:var(--acc2);margin-bottom:22px;display:block}
.lead{font-size:clamp(1.05rem,1.6vw,1.3rem);color:var(--mut);max-width:640px;margin-top:26px}
.hero{position:relative;padding:clamp(70px,12vw,150px) 0 70px;overflow:hidden}
.orb{position:absolute;width:70vw;max-width:900px;aspect-ratio:1;right:-20vw;top:-25%;background:radial-gradient(circle at 30% 30%,var(--acc) 0,rgba(91,140,255,.35) 30%,transparent 65%);filter:blur(40px);opacity:.55;animation:float 14s ease-in-out infinite;pointer-events:none}
@keyframes float{50%{transform:translate(-6%,8%) scale(1.08)}}
.gridlines{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse at 50% 30%,#000 10%,transparent 70%);opacity:.35;pointer-events:none}
.hero .wrap{position:relative}.hero-t .ln{display:block}.hero-t .sm{font-size:.38em;color:var(--mut);margin-top:.7em;font-weight:400;letter-spacing:0}
.acc-t{background:linear-gradient(100deg,var(--acc) 10%,var(--acc2) 60%,var(--lime));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:20px;overflow:hidden;margin-top:70px}
.stat{background:var(--bg);padding:26px 22px}.stat strong{font-size:clamp(1.6rem,3vw,2.4rem);display:block;color:var(--tx)}.stat span{color:var(--mut);font-size:.9rem}
.marquee{border-block:1px solid var(--line);overflow:hidden;padding:22px 0;background:var(--bg2)}
.mq-track{display:flex;gap:28px;width:max-content;animation:mq 40s linear infinite;font-family:Unb;font-size:clamp(1.1rem,2.4vw,1.8rem);white-space:nowrap}.mq-track em{color:var(--acc);font-style:normal}
@keyframes mq{to{transform:translateX(-50%)}}
.sec{padding:clamp(70px,10vw,130px) 0}.alt{background:var(--bg2);border-block:1px solid var(--line)}
.sec-h{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:end;margin-bottom:50px}.sec-h p{color:var(--mut)}
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.svc{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:34px 28px;position:relative;overflow:hidden;transition:border-color .3s,transform .3s}
.svc::before{content:"";position:absolute;inset:0;background:radial-gradient(400px circle at var(--mx,50%) var(--my,0%),rgba(91,140,255,.16),transparent 45%);opacity:0;transition:opacity .3s}
.svc:hover{border-color:#3a3f55}.svc:hover::before{opacity:1}.svc>*{position:relative}
.num{color:var(--acc);font-size:.85rem;display:block;margin-bottom:40px}.svc p{color:var(--mut);font-size:.97rem}
.tags{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.tags li{font-size:.78rem;border:1px solid var(--line);padding:5px 11px;border-radius:99px;color:var(--tx)}
.more{margin-top:34px}.more a{display:inline-flex;gap:8px;align-items:center;text-decoration:none;font-weight:700;color:var(--acc2)}.more svg{width:18px}
.steps{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:16px;counter-reset:s}
.step{border-top:2px solid var(--line);padding-top:24px;position:relative}.step::before{content:"";position:absolute;top:-2px;left:0;width:0;height:2px;background:var(--acc);transition:width 1.2s .2s}.step.in::before{width:100%}
.day{font-size:.78rem;color:var(--acc2);display:block;margin-bottom:14px;letter-spacing:.06em}.step p{color:var(--mut);font-size:.93rem}
.timeline .steps{grid-template-columns:1fr;gap:0;max-width:820px;margin:0 auto;border-left:1px solid var(--line);padding-left:36px}
.timeline .step{border:0;padding:0 0 56px;position:relative}.timeline .step::before{left:-43px;top:6px;width:13px;height:13px;border-radius:50%;background:var(--bg);border:2px solid var(--acc)}.timeline .step.in::before{width:13px;background:var(--acc);box-shadow:0 0 20px var(--acc)}
.timeline .step h3{font-size:clamp(1.3rem,2.6vw,2rem)}
.why{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.w{padding:30px 26px;border:1px solid var(--line);border-radius:22px;background:var(--card)}.w p{color:var(--mut)}.w .day{font-size:1.4rem;color:var(--acc)}
.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:stretch}
.plan{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:34px 26px;display:flex;flex-direction:column;gap:14px;position:relative}
.plan.pop{border-color:var(--acc);background:linear-gradient(180deg,rgba(91,140,255,.14),var(--card) 60%);transform:translateY(-10px)}
.plan .price{font-size:2rem}.plan .price small{font-size:.8rem;color:var(--mut);font-family:Man;font-weight:400}.plan>p{color:var(--mut);font-size:.94rem}
.plan ul{list-style:none;flex:1}.plan li{padding:9px 0;border-bottom:1px solid var(--line);font-size:.93rem}.plan li::before{content:"✦ ";color:var(--acc)}.plan .btn{justify-content:center}
.badge{position:absolute;top:18px;right:18px;background:var(--lime);color:#111;font-size:.72rem;font-weight:700;padding:5px 11px;border-radius:99px;text-transform:uppercase;letter-spacing:.06em}
.note{color:var(--mut);margin-top:26px;font-size:.93rem;text-align:center}
.cases{display:grid;gap:26px}
.case{display:grid;grid-template-columns:1.3fr 1fr;gap:0;border:1px solid var(--line);border-radius:28px;overflow:hidden;background:var(--card)}
.case-vis{min-height:340px;display:grid;place-items:center;padding:40px;position:relative;overflow:hidden}
.c1{background:radial-gradient(circle at 20% 20%,#9DF2FF 0,transparent 45%),linear-gradient(135deg,#0d3b66,#5B8CFF)}
.c2{background:radial-gradient(circle at 80% 30%,#ffb38a 0,transparent 40%),linear-gradient(135deg,#3b0d24,#8a2b4f)}
.c3{background:radial-gradient(circle at 30% 80%,#D4FF4F 0,transparent 40%),linear-gradient(135deg,#0f2b1f,#1f5f4a)}
.mock{width:min(100%,420px);aspect-ratio:16/10;background:rgba(10,10,11,.82);border-radius:14px;box-shadow:0 30px 60px -20px rgba(0,0,0,.6);padding:16px;display:flex;flex-direction:column;gap:10px;transform:perspective(900px) rotateY(-10deg) rotateX(6deg);transition:transform .6s}
.case:hover .mock{transform:perspective(900px) rotateY(0) rotateX(0)}
.mock i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#444;margin-right:4px}.mock i{float:left}
.mock b{font-family:Unb;font-size:clamp(1rem,2.4vw,1.5rem);margin-top:18px}.mock span{height:8px;background:#2a2a30;border-radius:4px;width:80%}.mock .s{width:30%;height:22px;background:var(--acc);border-radius:99px;margin-top:auto}
.case-txt{padding:40px 34px;position:relative}.case-txt .badge{position:static;display:inline-block;margin-bottom:18px}.b2{background:transparent!important;color:var(--acc2)!important;border:1px solid var(--line)}
.case-txt h3{font-size:1.6rem}.meta{color:var(--tx)}.stack{color:var(--mut);font-size:.9rem;margin-top:6px}
.metrics{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:30px}.metrics strong{font-family:Unb;font-size:1.6rem;display:block;color:var(--acc2)}.metrics span{color:var(--mut);font-size:.85rem}
.phead{padding:clamp(70px,11vw,140px) 0 30px;background:radial-gradient(ellipse at 90% 0%,rgba(91,140,255,.22),transparent 55%)}
.inc{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.inc li{padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:var(--card)}.inc li::before{content:"✓ ";color:var(--lime);font-weight:700}
details{border-bottom:1px solid var(--line);padding:22px 0}summary{cursor:pointer;font-weight:700;font-size:1.1rem;list-style:none;display:flex;justify-content:space-between;gap:20px}summary::after{content:"+";color:var(--acc);font-size:1.4rem;line-height:1;transition:transform .3s}details[open] summary::after{transform:rotate(45deg)}details p{color:var(--mut);margin-top:12px}
.prose{font-size:clamp(1.1rem,1.8vw,1.35rem);color:#cfcac2;margin-bottom:1.4em}
.ctaband{padding:clamp(80px,12vw,150px) 0;text-align:center;background:radial-gradient(ellipse at 50% 120%,rgba(91,140,255,.35),transparent 60%)}.ctaband p{color:var(--mut);margin:0 auto 34px;max-width:540px}.big{font-size:clamp(2rem,6vw,4.6rem)}
.cgrid{display:grid;grid-template-columns:1.4fr 1fr;gap:40px}
.form{display:grid;grid-template-columns:1fr 1fr;gap:18px;background:var(--card);border:1px solid var(--line);border-radius:26px;padding:clamp(24px,4vw,40px)}
.form label{display:flex;flex-direction:column;gap:8px;font-size:.85rem;color:var(--mut)}.full{grid-column:1/-1}
.form input,.form select,.form textarea{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:14px;color:var(--tx);font:inherit;font-size:1rem}.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--acc);outline:none}
.hp{display:none}.fmsg{color:var(--lime)}.form .btn{justify-content:center}
.cinfo{display:flex;flex-direction:column;gap:30px}.cinfo .kicker{margin-bottom:6px}.cbig{font-family:Unb;font-size:clamp(1.1rem,2.2vw,1.5rem);text-decoration:none;word-break:break-all}.cinfo p,.cinfo small{color:var(--mut)}
.foot{border-top:1px solid var(--line);padding:60px 0 30px;overflow:hidden}.foot-big{font-size:clamp(3.5rem,17vw,15rem);color:transparent;-webkit-text-stroke:1px var(--line);line-height:.9;margin-bottom:40px;white-space:nowrap}
.foot-grid{display:grid;grid-template-columns:1.3fr 1fr 1.2fr;gap:30px}.foot p{color:var(--mut);font-size:.93rem;margin-top:10px}.foot-links{display:grid;grid-template-columns:1fr 1fr;gap:8px}.foot-links a{text-decoration:none;color:var(--mut)}.foot-links a:hover{color:var(--tx)}
.ph small{opacity:.7}.copy{border-top:1px solid var(--line);margin-top:40px;padding-top:20px;font-size:.8rem!important}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1)}.reveal.in{opacity:1;transform:none}
.no-js .reveal{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
@media (max-width:1080px){.plans{grid-template-columns:1fr 1fr}.plan.pop{transform:none}.steps{grid-template-columns:1fr 1fr}.svc-grid{grid-template-columns:1fr 1fr}}
@media (max-width:900px){.burger{display:block}.menu{position:fixed;inset:72px 0 auto 0;height:calc(100dvh - 72px);background:var(--bg);flex-direction:column;align-items:flex-start;padding:30px var(--pad);gap:20px;transform:translateX(100%);transition:transform .4s}.menu>a{font-size:1.4rem;font-family:Unb;color:var(--tx)}
.nav.open .menu{transform:none}.nav.open .burger span:first-child{transform:translateY(4px) rotate(45deg)}.nav.open .burger span:last-child{transform:translateY(-4px) rotate(-45deg)}
.sec-h,.case,.cgrid,.foot-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.case-vis{min-height:240px}}
@media (max-width:600px){body{font-size:16px}.svc-grid,.plans,.steps,.form{grid-template-columns:1fr}.hero-cta .btn{width:100%;justify-content:center}.case-txt{padding:30px 24px}}
