:root{--bg:#000;--s:#0b0b0b;--s2:#141414;--l:#262626;--t:#f5f5f5;--m:#9a9a9a;color-scheme:dark;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
*,*::before,*::after{box-sizing:inherit;margin:0}html{scroll-behavior:smooth;height:100%}
body{background:var(--bg);color:var(--t);font:400 16px/1.6 Inter,system-ui,sans-serif;font-variant-numeric:tabular-nums;overflow-x:hidden;min-height:100%}
a{color:inherit;text-decoration:none}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:var(--bg);z-index:60}
body::after{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(#ffffff07 1px,transparent 1px) 0 0/100% 56px,linear-gradient(90deg,#ffffff05 1px,transparent 1px) 0 0/56px 100%;animation:gm 14s linear infinite;z-index:0;mask-image:radial-gradient(70% 60% at 50% 20%,#000,transparent)}
@keyframes gm{to{background-position:0 56px,56px 0}}
header.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;display:flex;align-items:center;gap:18px;padding:12px 4vw;background:#000000dd;backdrop-filter:blur(14px);border-bottom:1px solid var(--l)}
.brand{display:flex;align-items:center;gap:14px;margin-right:auto}.lgc{position:relative;display:block;width:46px;height:46px;flex:none;border-radius:50%;overflow:hidden;background:#000;border:1px solid #2c2c2c;transition:transform .7s}.lgc::before{content:"";position:absolute;inset:0;background:url(/logo.png) 50% 40%/158% no-repeat;filter:contrast(1.45) brightness(.95)}.brand:hover .lgc{transform:rotate(360deg)}
.brand span{font-weight:600;font-size:13px;letter-spacing:.38em;text-transform:uppercase}
#nav{display:flex;gap:2px}#nav a{padding:9px 14px;border-radius:99px;color:var(--m);font-size:14px;font-weight:500;transition:.25s}#nav a:hover,#nav a.on{color:#fff;background:var(--s2)}
.act{display:flex;gap:10px;align-items:center}
.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 26px;border-radius:99px;border:1px solid #fff;background:#fff;color:#000;font:700 14px Inter,sans-serif;cursor:pointer;transition:.3s;white-space:nowrap}
.btn::after{content:"";position:absolute;top:0;left:-80%;width:50%;height:100%;background:linear-gradient(100deg,transparent,#ffffff90,transparent);transform:skewX(-20deg);transition:.7s}.btn:hover::after{left:140%}
.btn:hover{transform:translateY(-3px);box-shadow:0 12px 40px #ffffff30}.btn.g{background:transparent;border-color:#ffffff55;color:#fff}.btn.g::after{background:linear-gradient(100deg,transparent,#ffffff30,transparent)}.btn.sm{padding:9px 18px;font-size:13px}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #fff;outline-offset:3px}
.lang{position:relative}.lang>button{all:unset;cursor:pointer;padding:9px 14px;border:1px solid var(--l);border-radius:99px;font:600 13px Inter;color:var(--m)}.lang>button:focus-visible{outline:2px solid #fff}
.menu{position:absolute;right:0;top:46px;background:var(--s2);border:1px solid var(--l);border-radius:16px;padding:6px;display:none;min-width:140px;z-index:70}.menu.o{display:block;animation:ri .25s}.menu button{all:unset;display:block;width:100%;box-sizing:border-box;cursor:pointer;border-radius:10px;padding:9px 12px;font-size:14px}.menu button:hover,.menu button.on{background:#ffffff14}
.burger{display:none;all:unset;cursor:pointer;padding:8px;border:1px solid var(--l);border-radius:12px}.burger svg{width:22px;height:22px;display:block}
.sw{display:flex;justify-content:center;padding:18px 0 0;position:relative;z-index:1}.sw div{display:flex;padding:5px;border:1px solid var(--l);border-radius:99px;background:var(--s);position:relative}
.sw button{all:unset;cursor:pointer;padding:8px 28px;border-radius:99px;font:600 13px Inter;color:var(--m);position:relative;z-index:1;transition:color .3s}.sw button.on{color:#000}.sw button:focus-visible{outline:2px solid #fff}
.sw i{position:absolute;top:5px;bottom:5px;left:5px;width:calc(50% - 5px);background:#fff;border-radius:99px;transition:transform .4s cubic-bezier(.7,0,.2,1)}.sw.f i{transform:translateX(100%)}
main{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 5vw}section{padding:76px 0}
h1,h2{font-weight:780;letter-spacing:-.045em}h1{font-size:clamp(42px,6.6vw,82px);line-height:1}h2{font-size:clamp(28px,4vw,46px);line-height:1.08;margin-bottom:12px}h3{font-weight:700;font-size:19px;letter-spacing:-.02em;margin-bottom:6px}
.lead{color:var(--m);font-size:18px;max-width:62ch}.eye{font-weight:600;font-size:12px;letter-spacing:.24em;color:#cfcfcf;text-transform:uppercase;margin-bottom:14px;display:block}
.ctr{text-align:center}.ctr .lead{margin:0 auto}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;padding:56px 0 30px;position:relative}.hero .lead{margin:22px 0 28px}.row{display:flex;flex-wrap:wrap;gap:12px}
.hero::before{content:"";position:absolute;right:5%;top:10%;width:420px;height:420px;border-radius:50%;background:radial-gradient(#ffffff1c,transparent 65%);animation:orb 9s ease-in-out infinite;pointer-events:none}@keyframes orb{50%{transform:translate(-30px,30px) scale(1.15)}}
.stage{perspective:1400px;display:grid;place-items:center;min-height:620px;position:relative}
.phone{width:285px;height:580px;border-radius:50px;background:#050505;border:2px solid #3a3a3a;padding:10px;box-shadow:0 0 0 6px #111,0 50px 100px #000,0 0 90px #ffffff18;transform-style:preserve-3d;animation:fl 6.5s ease-in-out infinite;position:relative}
@keyframes fl{0%,100%{transform:rotateY(-20deg) rotateX(8deg) rotateZ(7deg) translateY(0)}50%{transform:rotateY(-20deg) rotateX(8deg) rotateZ(7deg) translateY(-26px)}}
.stage::after{content:"";position:absolute;bottom:20px;width:200px;height:26px;border-radius:50%;background:radial-gradient(#ffffff2a,transparent 70%);animation:sh 6.5s ease-in-out infinite}@keyframes sh{50%{transform:scale(.7);opacity:.5}}
.isl{position:absolute;top:18px;left:50%;width:84px;height:24px;margin-left:-42px;background:#000;border-radius:20px;z-index:3}
.scr{height:100%;border-radius:40px;background:#0c0c0c;overflow:hidden;display:flex;flex-direction:column}
.tgh{display:flex;align-items:center;gap:10px;padding:46px 14px 12px;background:#141414;border-bottom:1px solid var(--l)}.tgh .lgc{width:36px;height:36px}.tgh b{display:block;font-size:14px;line-height:1.2}.tgh small{color:var(--m);font-size:11px}.tgh>span{font-size:22px;color:var(--m)}
.msgs{padding:14px 12px;display:grid;gap:10px;align-content:start;flex:1;background:linear-gradient(#0c0c0c,#111)}
.m{background:#1b1b1b;border:1px solid #2a2a2a;border-radius:16px 16px 16px 4px;padding:10px 12px;font-size:12.5px;line-height:1.5;opacity:0;transform:translateY(14px) scale(.95);animation:pop .6s var(--d) forwards;max-width:94%}
.m b{display:block;font-size:13px;margin-bottom:2px}.m i{display:block;font-style:normal;color:#cfcfcf}.m time{display:block;text-align:right;font-size:10px;color:var(--m);margin-top:4px}.m .ex{float:right;font-size:9px;letter-spacing:.14em;color:#000;background:#fff;border-radius:99px;padding:1px 7px;font-weight:700}
.dots{display:flex;gap:4px;padding:12px 14px}.dots u{width:6px;height:6px;border-radius:50%;background:#888;animation:db 1s infinite}.dots u:nth-child(2){animation-delay:.15s}.dots u:nth-child(3){animation-delay:.3s}@keyframes db{50%{transform:translateY(-5px);opacity:.4}}
@keyframes pop{to{opacity:1;transform:none}}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.g4{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.card{background:linear-gradient(160deg,var(--s2),var(--s));border:1px solid var(--l);border-radius:24px;padding:26px;transition:.35s;display:flex;flex-direction:column}.card:hover{border-color:#ffffff66;transform:translateY(-6px);box-shadow:0 20px 50px #ffffff0d}.card p{color:var(--m);font-size:15px}
.ic{width:46px;height:46px;border-radius:14px;background:#ffffff0f;border:1px solid #ffffff2a;display:grid;place-items:center;margin-bottom:16px;transition:.4s}.card:hover .ic{background:#fff;transform:rotate(-8deg) scale(1.08)}.card:hover .ic svg{stroke:#000}.ic svg{width:24px;height:24px;stroke:#fff;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:.3s}
.step .n{font-weight:700;font-size:13px;letter-spacing:.18em;color:#cfcfcf;margin-bottom:10px}
.note{border:1px solid var(--l);border-left:3px solid #fff;border-radius:16px;background:var(--s);padding:18px 22px;color:var(--m);font-size:14px}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:center;margin-top:36px}.plans .card{padding:30px}.plans .card:nth-child(2){transform:scale(1.07);border-color:#ffffff88;background:linear-gradient(160deg,#1c1c1c,#0e0e0e);padding:40px 30px;z-index:2;box-shadow:0 30px 80px #ffffff14}.plans .card:nth-child(2):hover{transform:scale(1.07) translateY(-6px)}
.price{gap:12px}.amt{font-weight:800;font-size:46px;letter-spacing:-.05em}.per{color:#cfcfcf;font-weight:600;font-size:12px;letter-spacing:.2em;text-transform:uppercase}.price p{flex:1}.price .btn{margin-top:8px}
.plat{display:flex;gap:14px;flex-wrap:wrap}.plat span{flex:1;min-width:150px;text-align:center;padding:22px;border:1px solid var(--l);border-radius:18px;background:var(--s);font-weight:800;font-size:20px;letter-spacing:-.01em;color:#e0e0e0;transition:.3s}.plat span:hover{border-color:#fff;transform:translateY(-4px)}
.empty{border:1px dashed #ffffff30;border-radius:24px;padding:42px;text-align:center;color:var(--m);background:var(--s)}.empty b{display:block;color:#fff;font-size:18px;margin-bottom:6px}
details{border:1px solid var(--l);border-radius:20px;padding:18px 24px;background:var(--s);margin-bottom:12px;transition:.3s}details:hover{border-color:#ffffff55}summary{cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:12px}summary::after{content:"+";font-weight:500;font-size:22px;transition:.3s}details[open] summary::after{transform:rotate(45deg)}details p{color:var(--m);margin-top:10px}
.doc{max-width:780px}.doc p{color:var(--m);margin-bottom:10px}
.cta{text-align:center;border:1px solid #ffffff2e;border-radius:36px;padding:64px 24px;background:radial-gradient(70% 120% at 50% 0,#ffffff16,transparent),linear-gradient(#ffffff08 1px,transparent 1px) 0 0/100% 40px,var(--s);display:grid;gap:18px;justify-items:center}
.soon{display:grid;place-items:center;text-align:center;min-height:60vh;gap:16px}.soon h1{animation:pl 3s ease-in-out infinite}@keyframes pl{50%{opacity:.45}}
footer{position:relative;z-index:1;border-top:1px solid var(--l);padding:48px 5vw 28px;background:var(--s)}.fg{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:30px}footer h4{font-weight:700;font-size:12px;letter-spacing:.2em;color:#cfcfcf;margin-bottom:12px}footer a{display:block;color:var(--m);font-size:14px;padding:3px 0;transition:.2s}footer a:hover{color:#fff;transform:translateX(3px)}
.soc{display:flex;gap:10px;margin:14px 0}.soc a{width:42px;height:42px;border:1px solid var(--l);border-radius:50%;display:grid;place-items:center;padding:0}.soc a:hover{background:#fff;transform:translateY(-3px)}.soc svg{width:19px;height:19px;stroke:#fff;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.soc a:hover svg{stroke:#000}
.fine{max-width:1200px;margin:28px auto 0;color:#777;font-size:12px;border-top:1px solid var(--l);padding-top:18px}
.rv{opacity:0;transform:translateY(22px);animation:ri .9s cubic-bezier(.2,.7,.2,1) forwards}.rv:nth-child(2){animation-delay:.12s}.rv:nth-child(3){animation-delay:.24s}.rv:nth-child(4){animation-delay:.36s}@keyframes ri{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.rs{opacity:0;transform:translateY(34px);transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.2,1)}.rs.in{opacity:1;transform:none}.plans .card.rs.in:nth-child(2){transform:scale(1.07)}
@media(max-width:960px){.hero{grid-template-columns:1fr}.stage{min-height:600px}.fg{grid-template-columns:1fr 1fr}.burger{display:block}#nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:var(--s);padding:12px 4vw;border-bottom:1px solid var(--l)}#nav.o{display:flex}.act .free{display:none}.brand span{display:none}.plans{grid-template-columns:1fr}.plans .card:nth-child(2),.plans .card.rs.in:nth-child(2){transform:none}.plans .card:nth-child(2):hover{transform:translateY(-6px)}}
@media(max-width:560px){.row .btn{flex:1 1 100%}.fg{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.rv,.rs,.m{opacity:1;transform:none}.plans .card:nth-child(2){transform:scale(1.07)}}
.pg{padding:72px 0 8px}.crumb{display:flex;gap:10px;align-items:center;color:var(--m);font-size:13px;margin-bottom:18px}.crumb a:hover{color:#fff}.crumb b{color:#fff;font-weight:600}.pg h1{font-size:clamp(38px,6vw,70px);margin-bottom:14px}.pg .bar{display:block;height:3px;width:0;background:#fff;border-radius:3px;margin-top:26px;animation:bw 1s .3s cubic-bezier(.2,.7,.2,1) forwards}@keyframes bw{to{width:90px}}
.sk{border:1px solid var(--l);border-radius:24px;background:linear-gradient(90deg,#101010,#1d1d1d,#101010);background-size:220% 100%;animation:shm 2.2s linear infinite}@keyframes shm{to{background-position:-220% 0}}
.legal .card.lg{padding:26px 28px}.legal .card.lg h3{font-size:18px}.legal .card.lg:hover{transform:translateX(6px)}
.sps{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.sp{display:flex;align-items:center;gap:12px;padding:8px 18px 8px 8px;border:1px solid var(--l);border-radius:99px;background:var(--s2);transition:.3s;padding-right:18px!important}footer a.sp{padding:8px 18px 8px 8px}.sp:hover{border-color:#fff;transform:translateY(-3px);background:#1c1c1c}footer a.sp:hover{transform:translateY(-3px)}
.si{width:40px;height:40px;border-radius:50%;background:#fff;display:grid;place-items:center;flex:none;transition:.4s}.sp:hover .si{transform:rotate(-10deg) scale(1.08)}.si svg{width:20px;height:20px;fill:#000;stroke:none}.sp b{display:block;font-size:13px;line-height:1.25;color:#fff}.sp small{color:var(--m);font-size:12px}
.soc2{display:flex;gap:10px;margin:16px 0;flex-wrap:wrap}.soc2 a{width:44px;height:44px;border-radius:50%;border:1px solid #333;background:#101010;display:grid;place-items:center;padding:0;transition:.3s}.soc2 a:hover{background:#fff;border-color:#fff;transform:translateY(-4px) scale(1.06)}.soc2 svg{width:19px;height:19px;fill:#fff}.soc2 a:hover svg{fill:#000}
#pb{position:fixed;top:0;left:0;height:2px;width:0;background:#fff;z-index:100}
.fab{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));width:54px;height:54px;border-radius:50%;background:#fff;display:grid;place-items:center;z-index:55;box-shadow:0 10px 40px #000a;animation:pu 2.6s infinite;transition:transform .3s}.fab:hover{transform:scale(1.1)}.fab svg{width:24px;height:24px;fill:#000}@keyframes pu{0%{box-shadow:0 0 0 0 #ffffff55,0 10px 40px #000a}70%,100%{box-shadow:0 0 0 18px #ffffff00,0 10px 40px #000a}}
.ln{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}.ln a{padding:8px 16px;border:1px solid var(--l);border-radius:99px;font-size:13px;color:var(--m);transition:.25s}.ln a:hover,.ln a.on{background:#fff;color:#000;border-color:#fff}