@font-face{font-family:Unbounded;font-weight:700;font-display:swap;src:url(/assets/fonts/unbounded-cyrillic-700-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Unbounded;font-weight:900;font-display:swap;src:url(/assets/fonts/unbounded-cyrillic-900-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Unbounded;font-weight:700;font-display:swap;src:url(/assets/fonts/unbounded-latin-700-normal.woff2) format('woff2');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:Unbounded;font-weight:900;font-display:swap;src:url(/assets/fonts/unbounded-latin-900-normal.woff2) format('woff2');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:Onest;font-weight:400;font-display:swap;src:url(/assets/fonts/onest-cyrillic-400-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Onest;font-weight:700;font-display:swap;src:url(/assets/fonts/onest-cyrillic-700-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Onest;font-weight:400;font-display:swap;src:url(/assets/fonts/onest-latin-400-normal.woff2) format('woff2');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:Onest;font-weight:700;font-display:swap;src:url(/assets/fonts/onest-latin-700-normal.woff2) format('woff2');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}
:root{--bg:#07080C;--ink:#F4F5F9;--mut:#A9AFC2;--ln:rgba(255,255,255,.12);--gl:rgba(255,255,255,.05);--acc:#8E7CFF;--r:clamp(18px,2.4vw,24px);--gut:clamp(16px,4vw,28px);--d:'Unbounded',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;--b:'Onest',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;color-scheme:dark}
*,*::before,*::after{box-sizing:border-box}
*{margin:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:clip}
body{font:400 16px/1.55 var(--b);background:var(--bg);color:var(--ink);overflow-x:clip;position:relative;min-height:100vh;min-height:100dvh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(60vw 50vw at 12% -5%,rgba(88,64,255,.38),transparent 65%),radial-gradient(50vw 45vw at 95% 25%,rgba(255,138,76,.18),transparent 65%),radial-gradient(55vw 40vw at 40% 105%,rgba(40,150,255,.2),transparent 65%),var(--bg)}
img{max-width:100%;height:auto}
button{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid #fff;outline-offset:3px;border-radius:10px}
[hidden]{display:none!important}
.wrap{width:100%;max-width:1160px;margin-inline:auto;padding-left:max(var(--gut),env(safe-area-inset-left,0px));padding-right:max(var(--gut),env(safe-area-inset-right,0px))}
.narrow{max-width:860px}
h1,h2,h3{font-family:var(--d);line-height:1.1;letter-spacing:-.03em;overflow-wrap:break-word;hyphens:auto;text-wrap:balance}
h2{font-size:clamp(24px,4.6vw,48px);font-weight:900;max-width:20ch}
.sec{padding-block:clamp(48px,8vw,84px)}
.alt{background:rgba(255,255,255,.03);border-block:1px solid var(--ln)}
.lead{font-size:clamp(16px,1.4vw + 11px,19px);max-width:54ch;color:var(--mut);margin-top:14px}
.center{text-align:center;margin-top:clamp(28px,5vw,40px)}
.btn{display:inline-flex;align-items:center;justify-content:center;max-width:100%;border:0;cursor:pointer;font:700 clamp(15px,2.2vw,17px)/1.2 var(--d);text-align:center;background:#fff;color:#07080C;padding:clamp(16px,2.2vw,20px) clamp(22px,4vw,32px);border-radius:99px;box-shadow:0 0 0 1px rgba(255,255,255,.4),0 14px 44px -8px rgba(120,100,255,.6);transition:transform .2s,box-shadow .2s;text-decoration:none}
.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}
.btn.big{font-size:clamp(15px,2.6vw,21px);padding:clamp(18px,3vw,24px) clamp(26px,5vw,40px)}
.pulse{animation:pl 2.4s infinite}
@keyframes pl{50%{box-shadow:0 0 0 1px #fff,0 0 0 14px rgba(142,124,255,0)}}
@media(hover:hover){.btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 0 0 1px #fff,0 18px 54px -6px rgba(140,120,255,.85)}}
.top{background:rgba(255,255,255,.06);border-bottom:1px solid var(--ln);padding:calc(9px + env(safe-area-inset-top,0px)) var(--gut) 9px;text-align:center;font-size:13px;line-height:1.3;text-wrap:balance}
.hero{padding:clamp(28px,6vw,52px) 0 clamp(48px,8vw,90px);overflow:clip}
.hero .wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(28px,4vw,40px);align-items:center}
.hero .wrap>*{min-width:0}
.logo{font:900 20px var(--d);display:flex;gap:10px;align-items:center;margin-bottom:clamp(20px,4vw,34px)}
.logo i{width:26px;height:26px;flex:none;border-radius:8px;background:#fff;position:relative}
.logo i:after{content:"";position:absolute;inset:8px 6px;background:#07080C;border-radius:2px}
.hero h1{font-size:clamp(24px,3.9vw,50px);font-weight:900;line-height:1.06}
.hero em{font-style:normal;color:var(--acc)}
.hero .lead{color:var(--ink);opacity:.9;margin-bottom:clamp(20px,3vw,26px)}
.fine{font-size:13px;color:var(--mut);margin-top:14px;max-width:48ch}
.fine.center{margin:14px auto 0}
.perks{display:flex;gap:8px 20px;flex-wrap:wrap;margin-top:20px;list-style:none;padding:0;font-size:15px}
.perks li:before{content:"✓ ";color:var(--acc);font-weight:700}
.fan{position:relative;width:100%;max-width:560px;margin-inline:auto;aspect-ratio:1/1.08}
.fan .slide{position:absolute;width:76%;left:12%;height:auto;aspect-ratio:16/9;border:1px solid var(--ln);border-radius:clamp(8px,1.4vw,14px);box-shadow:0 24px 60px -16px #000}
.fan .slide:nth-of-type(1){top:4%;transform:rotate(-8deg) translateX(-8%)}
.fan .slide:nth-of-type(2){top:31%;transform:rotate(4deg) translateX(10%);z-index:2}
.fan .slide:nth-of-type(3){top:58%;transform:rotate(-3deg) translateX(-6%);z-index:3}
.sticker{position:absolute;right:0;top:0;z-index:5;width:clamp(92px,19vw,126px);aspect-ratio:1;border-radius:50%;background:var(--acc);color:#07080C;display:grid;place-content:center;text-align:center;font:900 clamp(24px,5vw,34px)/1 var(--d);transform:rotate(12deg)}
.sticker small{font:700 clamp(10px,1.6vw,11px)/1.15 var(--b);margin-top:4px;max-width:9ch;text-wrap:balance}
.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:clamp(24px,4vw,34px)}
.sc{text-align:left;font:400 15px/1.4 var(--b);background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.025));border:1px solid var(--ln);border-radius:var(--r);padding:clamp(16px,2vw,20px);cursor:pointer;color:var(--mut);transition:border-color .2s,transform .2s;min-width:0}
.sc b{display:block;font:700 15px/1.2 var(--d);color:var(--ink);margin-bottom:8px;overflow-wrap:break-word;hyphens:auto}
@media(hover:hover){.sc:hover{border-color:rgba(255,255,255,.4);transform:translateY(-3px)}}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,3vw,22px);margin-top:clamp(24px,4vw,36px)}
.step{border-top:2px solid var(--acc);padding-top:18px;min-width:0}
.step i{display:block;font:900 clamp(40px,6vw,52px)/1 var(--d);color:transparent;-webkit-text-stroke:1.5px var(--acc);font-style:normal}
.step h3{font-size:clamp(17px,2vw,19px);margin:8px 0}
.step p{color:var(--mut)}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,2vw,16px);margin-top:clamp(24px,4vw,34px)}
.grid .slide{display:block;padding:0;border:1px solid var(--ln);border-radius:12px;overflow:hidden;cursor:zoom-in;background:#111;transition:transform .2s;min-width:0}
@media(hover:hover){.grid .slide:hover{transform:scale(1.03)}}
.grid img{display:block;width:100%;height:auto;aspect-ratio:16/9}
.cmp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2.4vw,20px);margin-top:clamp(24px,4vw,36px)}
.card{border-radius:var(--r);padding:clamp(12px,2vw,16px) clamp(12px,2vw,16px) clamp(18px,2.6vw,24px);background:var(--gl);border:1px solid var(--ln);min-width:0}
.card img{width:100%;height:auto;border-radius:12px;display:block;margin-bottom:14px}
.card h3{font-size:clamp(18px,2vw,20px);margin-bottom:6px}
.card p{color:var(--mut)}
.vir{overflow:clip}
.reels{display:flex;gap:clamp(12px,2vw,20px);overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;padding:clamp(24px,4vw,40px) var(--gut) 22px;margin-inline:calc(var(--gut) * -1);scroll-padding-inline:var(--gut);scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent}
.phone{flex:0 0 clamp(150px,44vw,230px);aspect-ratio:9/16;border-radius:clamp(22px,4vw,30px);border:clamp(4px,1vw,6px) solid #1c1e28;position:relative;overflow:hidden;scroll-snap-align:start;box-shadow:0 20px 50px -12px #000,0 0 0 1px var(--ln);background:#1c1e28}
.phone img{width:100%;height:100%;object-fit:cover;display:block}
.pl{position:absolute;right:12px;bottom:14px;color:#fff;font-style:normal;text-shadow:0 1px 4px #0008}
.lim ul{margin-top:24px;padding-left:22px;max-width:62ch;font-size:clamp(16px,1.4vw + 11px,19px);color:var(--mut)}
.lim li{margin-bottom:10px}
details{border:1px solid var(--ln);background:var(--gl);border-radius:20px;margin-top:10px;padding:0 clamp(16px,3vw,24px)}
summary{font:700 clamp(15px,2vw,17px)/1.25 var(--d);cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center;min-height:62px;padding-block:12px;overflow-wrap:anywhere}
summary::-webkit-details-marker{display:none}
summary:after{content:"+";flex:none;font:400 28px/1 var(--b);color:var(--mut)}
details[open] summary:after{content:"–"}
details p{padding-bottom:22px;max-width:62ch;color:var(--mut)}
.final{text-align:center;padding:clamp(64px,11vw,110px) 0 clamp(70px,12vw,120px)}
.final h2{margin:0 auto 16px;max-width:14ch}
.final p{margin-bottom:30px;font-size:clamp(16px,1.4vw + 11px,19px);color:var(--mut)}
.final .fine{margin:16px auto 0}
.seo p{margin-top:16px;color:#C3C8D6}
footer.wrap{padding-top:30px;padding-bottom:calc(30px + env(safe-area-inset-bottom,0px));font-size:13px;color:var(--mut);text-align:center;border-top:1px solid var(--ln)}
footer p{margin:8px auto 0;max-width:70ch}
.link{background:none;border:0;font:inherit;color:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:10px 6px;min-height:44px}
.sticky{position:fixed;left:0;right:0;bottom:0;z-index:60;padding:22px max(14px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(14px,env(safe-area-inset-left,0px));background:linear-gradient(transparent,var(--bg) 42%);display:none;text-align:center;visibility:hidden;transform:translateY(110%);transition:transform .25s,visibility .25s}
.sticky.show{visibility:visible;transform:none}
.sticky .btn{width:100%}
.modal{position:fixed;inset:0;z-index:100;background:rgba(3,4,8,.82);display:none;place-items:center;padding:clamp(10px,3vw,16px);overscroll-behavior:contain}
.modal.on{display:grid}
.mc{position:relative;background:#12141c;border:1px solid var(--ln);border-radius:var(--r);padding:clamp(20px,4vw,28px);max-width:480px;width:100%;max-height:92vh;max-height:92dvh;overflow:auto;overscroll-behavior:contain}
.mc h3{font-size:clamp(18px,3vw,21px);margin-bottom:16px;padding-right:32px}
.mc p{color:var(--mut)}
.x{position:absolute;right:6px;top:4px;width:44px;height:44px;border:0;background:none;font-size:30px;line-height:1;cursor:pointer;color:var(--ink)}
.o{display:block;width:100%;text-align:left;font:700 17px/1.3 var(--b);border:1px solid var(--ln);background:var(--gl);color:var(--ink);padding:14px 18px;border-radius:14px;margin-bottom:10px;cursor:pointer;min-height:52px}
.o[aria-checked=true]{background:#fff;color:#07080C}
.mc .btn{width:100%;margin-top:8px}
.mc-doc{max-width:640px}
.doc{font-size:15px;line-height:1.55;color:var(--mut)}
.doc h4{font:700 15px/1.25 var(--d);color:var(--ink);margin:20px 0 8px;letter-spacing:-.02em}
.doc ul{padding-left:20px}.doc li{margin-bottom:6px}.doc p+p{margin-top:8px}
.doc a{color:var(--ink)}.doc code{font-size:.92em;color:var(--ink);background:var(--gl);padding:1px 6px;border-radius:6px}
.doc .btn{margin-top:22px}
.lb{position:fixed;inset:0;z-index:120;background:rgba(3,4,8,.92);display:grid;place-items:center;padding:clamp(10px,3vw,20px);cursor:zoom-out}
.lb img{max-width:min(1100px,100%);max-height:100%;border-radius:12px}
.nf{min-height:100vh;min-height:100dvh;display:grid;place-content:center;gap:16px;text-align:center;justify-items:center}
.nf .sub{color:var(--mut)}
@media(min-width:1081px){body{font-size:17px}}
@media(max-width:900px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){
.hero .wrap{grid-template-columns:minmax(0,1fr)}
.fan{max-width:480px}
.sticky{display:block}
footer.wrap{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}}
@media(max-width:760px){.steps,.cmp{grid-template-columns:minmax(0,1fr)}.cmp{max-width:520px;margin-inline:auto}}
@media(max-width:640px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid .slide:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:calc(50% - 5px)}}
@media(max-width:520px){.hero .btn,.final .btn,.center .btn{width:100%}}
@media(max-width:480px){.cards{grid-template-columns:minmax(0,1fr)}.sc{padding:14px 16px}}
@media(max-width:340px){.perks{font-size:14px}.sticker{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
