:root{
  --bg:#05050c; --bg2:#0a0a17;
  --text:#ecedf7; --muted:#9a9db4; --dim:#6b6f88;
  --line:rgba(255,255,255,.08); --line2:rgba(255,255,255,.14);
  --glass:rgba(255,255,255,.035); --glass2:rgba(255,255,255,.06);
  --v:#8b5cf6; --v2:#a78bfa; --v3:#c4b5fd; --c:#22d3ee; --c2:#67e8f9;
  --red:#fb7185; --amber:#fbbf24; --green:#34d399;
  --grad:linear-gradient(135deg,#a78bfa 0%,#818cf8 45%,#22d3ee 100%);
  --r:20px; --r-sm:12px;
  --font:"Geist",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --serif:"Instrument Serif",ui-serif,Georgia,serif;
  --mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --ease:cubic-bezier(.2,.7,.2,1);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:84px}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;overflow-x:clip;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
img,svg{display:block}
::selection{background:rgba(139,92,246,.4)}
.ic{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
em{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:0;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.06em}

/* ---------- background ---------- */
.bg{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.bg-mesh{position:absolute;inset:-20%;
  background:
    radial-gradient(40% 35% at 20% 15%,rgba(139,92,246,.28),transparent 70%),
    radial-gradient(35% 30% at 85% 10%,rgba(34,211,238,.16),transparent 70%),
    radial-gradient(45% 40% at 70% 85%,rgba(99,102,241,.16),transparent 70%),
    radial-gradient(30% 30% at 10% 80%,rgba(34,211,238,.08),transparent 70%);
  animation:mesh 28s ease-in-out infinite alternate;will-change:transform}
@keyframes mesh{0%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(-3%,2%,0) rotate(4deg)}100%{transform:translate3d(3%,-2%,0) rotate(-3deg)}}
.bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 80% 55% at 50% 0%,#000 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 80% 55% at 50% 0%,#000 30%,transparent 75%)}
#stars{position:absolute;inset:0;width:100%;height:100%;opacity:.7}
.bg-noise{position:absolute;inset:0;opacity:.06;mix-blend-mode:overlay;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 type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* ---------- nav ---------- */
.nav{position:fixed;top:0;left:0;right:0;z-index:50;padding:14px 16px;transition:padding .3s var(--ease)}
.nav-inner{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:20px;height:60px;padding:0 10px 0 18px;border-radius:16px;border:1px solid transparent;transition:background .3s,border-color .3s,box-shadow .3s}
.nav.scrolled .nav-inner,.nav.open .nav-inner{background:rgba(10,10,22,.62);border-color:var(--line);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);box-shadow:0 10px 40px -10px rgba(0,0,0,.6)}
.brand{display:flex;align-items:center;gap:10px;font-weight:650;letter-spacing:-.02em;font-size:17px}
.brand-mark img{width:28px;height:28px;filter:drop-shadow(0 0 12px rgba(139,92,246,.5))}
.nav-links{display:flex;gap:4px;margin-left:18px}
.nav-links a{padding:8px 12px;border-radius:10px;color:var(--muted);font-size:14.5px;transition:color .2s,background .2s}
.nav-links a:hover{color:var(--text);background:rgba(255,255,255,.05)}
.nav-actions{margin-left:auto;display:flex;align-items:center;gap:10px}
.lang{position:relative;display:flex;padding:3px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid var(--line)}
.lang button{position:relative;z-index:1;appearance:none;border:0;background:none;color:var(--muted);font:600 12px/1 var(--font);letter-spacing:.06em;padding:8px 11px;border-radius:999px;cursor:pointer;transition:color .25s}
.lang button[aria-pressed=true]{color:#fff}
.lang-pill{position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);border-radius:999px;background:linear-gradient(135deg,rgba(139,92,246,.55),rgba(34,211,238,.35));box-shadow:inset 0 0 0 1px rgba(255,255,255,.15);transition:transform .35s var(--ease)}
.lang[data-active=ru] .lang-pill{transform:translateX(100%)}
.menu-btn{display:none;appearance:none;background:rgba(255,255,255,.05);border:1px solid var(--line);color:var(--text);width:40px;height:40px;border-radius:12px;align-items:center;justify-content:center;cursor:pointer}
.mobile-menu{display:none}

/* ---------- buttons ---------- */
.btn{--h:44px;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;height:var(--h);padding:0 18px;border-radius:12px;font:600 15px/1 var(--font);letter-spacing:-.01em;white-space:nowrap;transition:transform .25s var(--ease),box-shadow .25s,background .25s,border-color .25s;isolation:isolate;cursor:pointer}
.btn .ic{width:17px;height:17px;transition:transform .25s var(--ease)}
.btn:hover .ic:last-child{transform:translateX(2px)}
.btn-sm{--h:38px;padding:0 14px;font-size:14px;border-radius:11px}
.btn-lg{--h:52px;padding:0 24px;font-size:16px;border-radius:14px}
.btn-block{width:100%}
.btn-primary{color:#fff;background:linear-gradient(135deg,#7c3aed,#6366f1 50%,#0891b2);box-shadow:0 0 0 1px rgba(255,255,255,.12) inset,0 8px 30px -6px rgba(124,58,237,.6),0 0 60px -20px rgba(34,211,238,.6)}
.btn-primary::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.25),transparent 40%);opacity:.7;z-index:-1}
.btn-primary::after{content:"";position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);background-size:250% 100%;background-position:120% 0;transition:background-position .8s var(--ease);z-index:-1}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 0 1px rgba(255,255,255,.18) inset,0 14px 40px -8px rgba(124,58,237,.75),0 0 80px -20px rgba(34,211,238,.8)}
.btn-primary:hover::after{background-position:-20% 0}
.btn-ghost{color:var(--text);background:rgba(255,255,255,.045);border:1px solid var(--line2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.btn-ghost:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.24);transform:translateY(-2px)}
.btn:active{transform:translateY(0) scale(.98)}

/* ---------- hero ---------- */
.hero{position:relative;padding:150px 0 90px;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:40px;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:7px 14px 7px 12px;border-radius:999px;border:1px solid var(--line2);background:rgba(255,255,255,.04);font-size:13.5px;color:#d6d8ea;backdrop-filter:blur(8px);transition:border-color .25s,background .25s}
.eyebrow:hover{border-color:rgba(167,139,250,.5);background:rgba(139,92,246,.1)}
.eyebrow .ic{width:14px;height:14px;color:var(--v3)}
.dot-live{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 rgba(52,211,153,.6);animation:pulse 2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(52,211,153,.55)}70%{box-shadow:0 0 0 9px rgba(52,211,153,0)}100%{box-shadow:0 0 0 0 rgba(52,211,153,0)}}
h1{font-size:clamp(42px,6.4vw,80px);line-height:1.02;letter-spacing:-.045em;font-weight:650;margin:26px 0 22px;background:linear-gradient(180deg,#fff 30%,#b9bbd3);-webkit-background-clip:text;background-clip:text;color:transparent}
h1 em{font-size:1.06em;letter-spacing:-.02em}
.lead{font-size:clamp(16.5px,1.5vw,19px);color:var(--muted);max-width:560px;margin:0 0 34px;line-height:1.65}
.cta-row{display:flex;flex-wrap:wrap;gap:12px}
.cta-row.center{justify-content:center}
.chips{list-style:none;padding:0;margin:34px 0 0;display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--muted);font-size:14px}
.chips li{display:flex;align-items:center;gap:8px}
.chips .ic{width:16px;height:16px;color:var(--c2)}

/* radar */
.hero-visual{position:relative;display:flex;justify-content:center}
.radar{position:relative;width:min(480px,100%);aspect-ratio:1}
.radar-glow{position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.45),rgba(34,211,238,.12) 50%,transparent 70%);filter:blur(30px);animation:breathe 6s ease-in-out infinite}
@keyframes breathe{50%{transform:scale(1.08);opacity:.8}}
.radar-rings{position:absolute;inset:0;width:100%;height:100%;animation:spin 120s linear infinite}
.radar-sweep{position:absolute;inset:2.5%;border-radius:50%;background:conic-gradient(from 0deg,rgba(34,211,238,0) 0deg,rgba(34,211,238,0) 280deg,rgba(103,232,249,.08) 320deg,rgba(103,232,249,.38) 359deg,rgba(255,255,255,.0) 360deg);animation:spin 5s linear infinite;mask:radial-gradient(circle,#000 0 70%,transparent 71%);-webkit-mask:radial-gradient(circle,#000 0 70.5%,transparent 71%)}
.radar-sweep::after{content:"";position:absolute;left:50%;top:0;width:1.5px;height:50%;background:linear-gradient(to top,rgba(103,232,249,.9),transparent);transform:translateX(-50%) rotate(0deg);transform-origin:bottom}
@keyframes spin{to{transform:rotate(360deg)}}
.blip{position:absolute;width:9px;height:9px;margin:-4.5px;border-radius:50%;background:var(--red);box-shadow:0 0 14px 2px rgba(251,113,133,.7);opacity:0;animation:blip 5s linear infinite}
.blip::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:1px solid rgba(251,113,133,.6);animation:ring 5s linear infinite;animation-delay:inherit;opacity:0}
.b1{left:72%;top:26%;animation-delay:.6s}
.b2{left:80%;top:60%;animation-delay:1.6s}
.b3{left:40%;top:80%;animation-delay:2.9s}
.b4{left:22%;top:44%;animation-delay:3.8s}
.b5{left:36%;top:18%;animation-delay:4.6s}
@keyframes blip{0%{opacity:0;transform:scale(.4)}3%{opacity:1;transform:scale(1.2)}12%{opacity:1;transform:scale(1)}30%{opacity:0;transform:scale(.3)}100%{opacity:0}}
@keyframes ring{0%{opacity:0;transform:scale(.6)}4%{opacity:.9}28%{opacity:0;transform:scale(2.4)}100%{opacity:0}}
.core{position:absolute;left:50%;top:50%;width:26%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:28%;display:grid;place-items:center;background:linear-gradient(160deg,rgba(139,92,246,.35),rgba(15,15,35,.85) 60%);border:1px solid rgba(196,181,253,.35);box-shadow:0 0 0 8px rgba(139,92,246,.06),0 0 60px rgba(139,92,246,.55),inset 0 1px 0 rgba(255,255,255,.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:float 7s ease-in-out infinite}
.core-shield{width:52%;height:52%;fill:none;stroke:url(#gStroke);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 10px rgba(167,139,250,.8))}
@keyframes float{50%{transform:translate(-50%,calc(-50% - 6px))}}
.tag{position:absolute;display:flex;align-items:center;gap:8px;padding:8px 10px 8px 11px;border-radius:12px;font-size:13px;font-weight:500;white-space:nowrap;color:#e9e9f5;background:rgba(14,14,30,.66);border:1px solid var(--line2);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 10px 30px -10px rgba(0,0,0,.7);animation:bob 8s ease-in-out infinite}
.tag .ic{width:15px;height:15px;color:var(--red)}
.tag b{display:grid;place-items:center;width:18px;height:18px;border-radius:6px;font-size:13px;line-height:1;background:rgba(251,113,133,.16);color:var(--red)}
.tag.ok .ic{color:var(--green)} .tag.ok b{background:rgba(52,211,153,.16);color:var(--green)}
.t1{left:-6%;top:14%}
.t2{right:-8%;top:30%;animation-delay:-2s}
.t3{left:-2%;bottom:20%;animation-delay:-4s}
.t4{right:-2%;bottom:8%;animation-delay:-6s}
@keyframes bob{50%{transform:translateY(-8px)}}

/* ---------- sections ---------- */
.section{position:relative;padding:110px 0}
.sec-head{text-align:center;max-width:860px;margin:0 auto 56px}
.sec-head.left{text-align:left;margin:0}
.kicker{display:inline-flex;align-items:center;gap:8px;font:500 12.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--v3);padding:7px 12px;border-radius:999px;background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.25)}
h1,h2{text-wrap:balance}
.sec-head p{text-wrap:pretty}
h2{font-size:clamp(32px,4.4vw,54px);line-height:1.06;letter-spacing:-.04em;font-weight:620;margin:20px 0 16px;color:#f4f4fb}
h2 em{font-size:1.06em}
.sec-head p{color:var(--muted);font-size:clamp(16px,1.4vw,18px);margin:0}
h3{font-size:19px;letter-spacing:-.02em;font-weight:600;margin:0 0 8px;line-height:1.3}

/* problem */
.problems{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.pcard{padding:22px;border-radius:var(--r);background:var(--glass);border:1px solid var(--line);transition:border-color .3s,transform .3s var(--ease),background .3s}
.pcard:hover{transform:translateY(-4px);border-color:var(--line2);background:var(--glass2)}
.pcard p{margin:16px 0 0;color:#c9cbdc;font-size:15px;line-height:1.55}
.pi{display:grid;place-items:center;width:40px;height:40px;border-radius:12px}
.pi.red{color:var(--red);background:rgba(251,113,133,.1);box-shadow:inset 0 0 0 1px rgba(251,113,133,.25)}
.pi.amber{color:var(--amber);background:rgba(251,191,36,.08);box-shadow:inset 0 0 0 1px rgba(251,191,36,.22)}

/* bento */
.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.card{position:relative;overflow:hidden;padding:28px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid var(--line);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:border-color .35s,transform .35s var(--ease),box-shadow .35s;isolation:isolate}
.card::before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .35s;background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(139,92,246,.16),transparent 45%)}
.card::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;opacity:0;transition:opacity .35s;background:radial-gradient(300px circle at var(--mx,50%) var(--my,0%),rgba(167,139,250,.7),rgba(34,211,238,.3) 40%,transparent 70%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.card:hover{transform:translateY(-4px);box-shadow:0 30px 60px -30px rgba(0,0,0,.8)}
.card:hover::before,.card:hover::after{opacity:1}
.card p{margin:0;color:var(--muted);font-size:15.5px;line-height:1.6}
.card-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;margin-bottom:22px;color:var(--v3);background:linear-gradient(160deg,rgba(139,92,246,.28),rgba(139,92,246,.06));box-shadow:inset 0 0 0 1px rgba(167,139,250,.3),0 8px 24px -8px rgba(139,92,246,.5)}
.card-icon .ic{width:22px;height:22px}
.card-icon.cyan{color:var(--c2);background:linear-gradient(160deg,rgba(34,211,238,.24),rgba(34,211,238,.05));box-shadow:inset 0 0 0 1px rgba(103,232,249,.3),0 8px 24px -8px rgba(34,211,238,.45)}
.card-icon.red{color:var(--red);background:linear-gradient(160deg,rgba(251,113,133,.22),rgba(251,113,133,.04));box-shadow:inset 0 0 0 1px rgba(251,113,133,.3),0 8px 24px -8px rgba(251,113,133,.4)}
.card-icon.amber{color:var(--amber);background:linear-gradient(160deg,rgba(251,191,36,.2),rgba(251,191,36,.03));box-shadow:inset 0 0 0 1px rgba(251,191,36,.28)}
.c-docs{grid-column:span 4}
.c-truth{grid-column:span 2}
.c-scam{grid-column:span 3;grid-row:span 2}
.c-imp{grid-column:span 3}
.c-gate{grid-column:span 3}
.c-hand{grid-column:span 2}
.c-log{grid-column:span 2}
.c-stats{grid-column:span 2}
.c-lead{grid-column:span 3}
.c-noadv{grid-column:span 3}
.c-docs h3,.c-scam h3{font-size:23px}
.c-docs{background:radial-gradient(120% 120% at 100% 0%,rgba(139,92,246,.18),transparent 55%),linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02))}
.c-scam{background:radial-gradient(120% 90% at 0% 100%,rgba(251,113,133,.12),transparent 55%),linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02))}
.docs-viz{display:flex;align-items:center;gap:16px;margin-top:26px}
.doc-stack{display:flex;flex-direction:column;gap:8px}
.doc-stack span{display:flex;align-items:center;gap:8px;font:500 13px/1 var(--mono);color:#cfd1e6;padding:9px 12px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid var(--line)}
.doc-stack .ic{width:15px;height:15px;color:var(--v3)}
.flow-line{flex:1;height:2px;border-radius:2px;background:linear-gradient(90deg,rgba(167,139,250,.5),rgba(34,211,238,.5));position:relative;overflow:hidden;min-width:40px}
.flow-line i{position:absolute;top:-2px;left:-30%;width:30%;height:6px;border-radius:6px;background:linear-gradient(90deg,transparent,#fff,transparent);filter:blur(1px);animation:flow 2.4s var(--ease) infinite}
@keyframes flow{to{left:110%}}
.lang-stack{display:flex;gap:8px}
.lang-stack b{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;font:600 13px/1 var(--mono);color:#fff;background:linear-gradient(160deg,rgba(34,211,238,.22),rgba(139,92,246,.18));border:1px solid rgba(103,232,249,.3)}
.strike{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.strike span{font:500 13px/1 var(--mono);padding:9px 11px;border-radius:10px;background:rgba(251,113,133,.07);border:1px dashed rgba(251,113,133,.35);color:#f7a4b3}
.strike s{text-decoration-thickness:1.5px}
.scam-list{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:10px}
.scam-list li{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;background:rgba(0,0,0,.25);border:1px solid var(--line);color:#dcdeee;font-size:15px;transition:border-color .25s,background .25s}
.scam-list li:hover{border-color:rgba(251,113,133,.4);background:rgba(251,113,133,.06)}
.scam-list li .ic{color:var(--red);width:18px;height:18px}
.scam-list li::after{content:"";margin-left:auto;width:20px;height:20px;border-radius:6px;flex:none;background:rgba(251,113,133,.14) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fb7185' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E") center/12px no-repeat}
.lookalike{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;font:500 13.5px/1 var(--mono)}
.lookalike span{padding:9px 12px;border-radius:10px}
.lookalike .real{background:rgba(52,211,153,.08);border:1px solid rgba(52,211,153,.3);color:#86efac}
.lookalike .fake{background:rgba(251,113,133,.08);border:1px solid rgba(251,113,133,.35);color:#fda4af;text-decoration:line-through;text-decoration-thickness:1.5px}
.pills{display:flex;gap:8px;margin-top:20px}
.pill{font:600 13px/1 var(--font);padding:9px 14px;border-radius:10px;background:rgba(255,255,255,.06);border:1px solid var(--line2);color:#e6e7f3}
.p-red{color:#fda4af;border-color:rgba(251,113,133,.35);background:rgba(251,113,133,.08)}
.p-green{color:#86efac;border-color:rgba(52,211,153,.35);background:rgba(52,211,153,.08)}
.cmds{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px}
.cmds code{font:500 12.5px/1 var(--mono);padding:8px 10px;border-radius:9px;background:rgba(34,211,238,.07);border:1px solid rgba(103,232,249,.25);color:#a5f3fc}

/* timeline */
.timeline{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;position:relative}
.timeline::before{content:"";position:absolute;top:27px;left:16%;right:16%;height:1px;background:linear-gradient(90deg,transparent,rgba(167,139,250,.6),rgba(34,211,238,.6),transparent)}
.step{position:relative;text-align:center}
.step-num{position:relative;z-index:1;width:56px;height:56px;margin:0 auto 22px;border-radius:50%;display:grid;place-items:center;background:var(--bg2);border:1px solid rgba(167,139,250,.45);box-shadow:0 0 0 6px rgba(139,92,246,.08),0 0 30px rgba(139,92,246,.35)}
.step-num span{font:600 15px/1 var(--mono);background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.step-body{padding:28px 24px;border-radius:24px;background:var(--glass);border:1px solid var(--line);height:calc(100% - 78px);transition:border-color .3s,transform .3s var(--ease)}
.step:hover .step-body{transform:translateY(-4px);border-color:rgba(167,139,250,.35)}
.step-icon{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:12px;color:var(--c2);background:rgba(34,211,238,.08);border:1px solid rgba(103,232,249,.22);margin-bottom:16px}
.step p{margin:0;color:var(--muted);font-size:15.5px}

/* pricing */
.plans{display:grid;grid-template-columns:repeat(2,minmax(0,420px));justify-content:center;gap:22px}
.plan{position:relative;padding:34px 32px 32px;border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015));border:1px solid var(--line);display:flex;flex-direction:column;transition:transform .35s var(--ease)}
.plan:hover{transform:translateY(-4px)}
.plan.featured{background:radial-gradient(120% 70% at 50% 0%,rgba(139,92,246,.28),transparent 60%),linear-gradient(180deg,rgba(22,18,48,.9),rgba(10,10,24,.9));border-color:transparent;box-shadow:0 40px 80px -40px rgba(124,58,237,.7)}
.plan.featured::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--a,0deg),#a78bfa,#22d3ee,#6366f1,#a78bfa);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:rot 6s linear infinite;pointer-events:none}
@property --a{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes rot{to{--a:360deg}}
.plan-badge{position:absolute;top:-13px;left:32px;font:600 12px/1 var(--font);letter-spacing:.02em;padding:7px 12px;border-radius:999px;color:#fff;background:var(--grad);box-shadow:0 6px 20px -4px rgba(139,92,246,.7)}
.plan h3{font-size:22px}
.plan-desc{color:var(--muted);margin:0 0 26px;font-size:15px;min-height:48px}
.price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.amt{font-size:52px;font-weight:650;letter-spacing:-.045em;line-height:1}
.featured .amt{background:linear-gradient(180deg,#fff,#c4b5fd);-webkit-background-clip:text;background-clip:text;color:transparent}
.per{color:var(--muted);font-size:15px}
.price-sub{margin-top:10px;font:500 14px/1.4 var(--mono);color:var(--c2)}
.feat-list{list-style:none;padding:24px 0 0;margin:24px 0 28px;border-top:1px solid var(--line);display:grid;gap:13px;flex:1}
.feat-list li{display:flex;gap:11px;align-items:flex-start;font-size:15px;color:#d5d7e8}
.feat-list .ic{width:18px;height:18px;margin-top:2px;color:var(--green);padding:2px;border-radius:50%;background:rgba(52,211,153,.12);stroke-width:2.6}
.pay{display:flex;justify-content:center;align-items:center;gap:18px;flex-wrap:wrap;margin:34px auto 0;padding:14px 22px;width:fit-content;border-radius:999px;background:var(--glass);border:1px solid var(--line);color:var(--muted);font-size:14.5px}
.pay>span{display:flex;align-items:center;gap:9px}
.pay .ic{color:var(--v3)}
.pay .sep{width:1px;height:18px;background:var(--line2)}

/* principles */
.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.prin{display:flex;gap:16px;align-items:flex-start;padding:24px;border-radius:20px;background:linear-gradient(180deg,rgba(251,191,36,.045),rgba(255,255,255,.015));border:1px solid var(--line)}
.prin .ic{width:22px;height:22px;color:var(--amber);margin-top:2px}
.prin p{margin:0;color:#d5d7e8;font-size:15.5px}

/* faq */
.faq-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:start}
.faq-wrap .sec-head{position:sticky;top:110px}
.faq-wrap .sec-head p{margin-bottom:26px}
.faq{display:grid;gap:10px}
.qa{border-radius:16px;background:var(--glass);border:1px solid var(--line);transition:border-color .3s,background .3s}
.qa[open]{border-color:rgba(167,139,250,.35);background:rgba(139,92,246,.06)}
.qa summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;font-weight:550;font-size:16.5px;letter-spacing:-.01em}
.qa summary::-webkit-details-marker{display:none}
.qa summary i{position:relative;flex:none;width:28px;height:28px;border-radius:9px;background:rgba(255,255,255,.06);border:1px solid var(--line);transition:transform .35s var(--ease),background .3s}
.qa summary i::before,.qa summary i::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:1.6px;border-radius:2px;background:#d8d9ea;transform:translate(-50%,-50%)}
.qa summary i::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .35s var(--ease)}
.qa[open] summary i{transform:rotate(180deg);background:rgba(139,92,246,.25)}
.qa[open] summary i::after{transform:translate(-50%,-50%) rotate(0)}
.qa summary:hover i{background:rgba(255,255,255,.1)}
.ans{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s var(--ease)}
.qa[open] .ans{grid-template-rows:1fr}
.ans p{overflow:hidden;margin:0;padding:0 22px;color:var(--muted);font-size:15.5px}
.qa[open] .ans p{padding-bottom:20px}

/* final */
.final{padding-bottom:80px}
.final-card{position:relative;overflow:hidden;text-align:center;padding:80px 32px;border-radius:32px;background:linear-gradient(180deg,rgba(20,16,44,.85),rgba(8,8,20,.9));border:1px solid rgba(167,139,250,.25);isolation:isolate}
.final-glow{position:absolute;inset:0;z-index:-1;background:radial-gradient(50% 60% at 50% 0%,rgba(139,92,246,.45),transparent 70%),radial-gradient(40% 50% at 80% 100%,rgba(34,211,238,.25),transparent 70%)}
.final-card::after{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse at 50% 0%,#000,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 50% 0%,#000,transparent 70%)}
.final-mark{width:64px;height:64px;margin:0 auto 8px;filter:drop-shadow(0 0 24px rgba(139,92,246,.8))}
.final-card h1,h2{text-wrap:balance}
.sec-head p{text-wrap:pretty}
h2{font-size:clamp(34px,5vw,60px)}
.final-card>p{color:#c3c5da;max-width:540px;margin:0 auto 34px;font-size:17.5px}
.final-card .fine{margin:22px auto 0;color:var(--dim);font-size:13.5px}

/* footer */
.footer{border-top:1px solid var(--line);padding:30px 0 40px}
.foot{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;color:var(--dim);font-size:14px}
.foot-brand{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:600}
.foot-links{display:flex;gap:22px;flex-wrap:wrap;align-items:center}
.foot-links>*{display:flex;align-items:center;gap:6px}
.foot-links a:hover{color:var(--text)}
.foot-links .ic{width:15px;height:15px}

/* reveal */
.reveal{opacity:0;transform:translateY(22px);filter:blur(6px);transition:opacity .9s var(--ease),transform .9s var(--ease),filter .9s var(--ease)}
.reveal.in{opacity:1;transform:none;filter:none}
.d1{transition-delay:.08s}.d2{transition-delay:.16s}.d3{transition-delay:.24s}.d4{transition-delay:.32s}
.no-js .reveal{opacity:1;transform:none;filter:none}

/* ---------- responsive ---------- */
@media (max-width:1080px){
  .problems{grid-template-columns:repeat(6,1fr)}
  .pcard{grid-column:span 2}
  .pcard:nth-child(4),.pcard:nth-child(5){grid-column:span 3}
  .t1{left:0}.t2{right:0}.t3{left:0}.t4{right:0}
}
@media (max-width:920px){
  .nav-links,.nav-cta{display:none}
  .menu-btn{display:inline-flex}
  .mobile-menu{display:grid;max-width:1180px;margin:8px auto 0;padding:8px;border-radius:16px;background:rgba(10,10,22,.9);border:1px solid var(--line);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);gap:2px;opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .25s,transform .25s var(--ease)}
  .nav.open .mobile-menu{opacity:1;transform:none;pointer-events:auto}
  .mobile-menu a{padding:14px 14px;border-radius:10px;color:#d8d9ea;font-size:16px}
  .mobile-menu a:active{background:rgba(255,255,255,.06)}
  .hero{padding:120px 0 60px}
  .hero-grid{grid-template-columns:1fr;gap:56px}
  .hero-copy{text-align:center}
  .lead{margin-left:auto;margin-right:auto}
  .cta-row{justify-content:center}
  .chips{justify-content:center}
  .radar{width:min(420px,88%)}
  .bento{grid-template-columns:repeat(2,1fr)}
  .bento .card{grid-column:span 1;grid-row:auto}
  .c-docs,.c-scam{grid-column:span 2 !important}
  .timeline{grid-template-columns:1fr;gap:16px;max-width:560px;margin:0 auto}
  .timeline::before{top:28px;bottom:28px;left:27px;right:auto;width:1px;height:auto;background:linear-gradient(180deg,rgba(167,139,250,.6),rgba(34,211,238,.6))}
  .step{display:flex;gap:18px;text-align:left}
  .step-num{margin:0;flex:none}
  .step-body{height:auto;flex:1}
  .principles{grid-template-columns:1fr}
  .faq-wrap{grid-template-columns:1fr;gap:36px}
  .faq-wrap .sec-head{position:static;text-align:center}
  .plans{grid-template-columns:minmax(0,480px)}
}
@media (max-width:640px){
  .wrap{padding:0 18px}
  .nav{padding:10px}
  .nav-inner{height:56px;padding:0 8px 0 14px}
  .section{padding:76px 0}
  .sec-head{margin-bottom:38px}
  h1{font-size:clamp(38px,11vw,50px);margin:22px 0 18px}
  .btn-lg{--h:52px;width:100%}
  .cta-row{flex-direction:column}
  .chips{gap:10px 16px;font-size:13.5px}
  .problems{grid-template-columns:1fr}
  .pcard,.pcard:nth-child(4),.pcard:nth-child(5){grid-column:auto;display:flex;gap:14px;align-items:flex-start;padding:18px}
  .pcard p{margin:0;font-size:15px}
  .pi{flex:none}
  .bento{grid-template-columns:1fr;gap:12px}
  .bento .card,.c-docs,.c-scam{grid-column:auto !important}
  .card{padding:22px;border-radius:20px}
  .card-icon{margin-bottom:18px}
  .docs-viz{flex-direction:column;align-items:stretch;gap:12px}
  .doc-stack{flex-direction:row;flex-wrap:wrap}
  .flow-line{min-height:2px}
  .lang-stack b{flex:1}
  .tag{font-size:11.5px;padding:6px 8px;gap:6px}
  .tag .ic{width:13px;height:13px}
  .tag b{width:16px;height:16px;font-size:12px}
  .t1{left:-4%;top:8%}.t2{right:-4%;top:28%}.t3{left:-4%;bottom:22%}.t4{right:-4%;bottom:6%}
  .radar{width:92%}
  .plan{padding:30px 22px 24px;border-radius:24px}
  .amt{font-size:44px}
  .pay{border-radius:18px;flex-direction:column;gap:10px}
  .pay .sep{display:none}
  .final-card{padding:56px 20px;border-radius:26px}
  .qa summary{padding:18px;font-size:16px}
  .ans p{padding:0 18px}
  .foot{flex-direction:column;align-items:flex-start}
  .lang button{padding:8px 10px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none !important;transition:none !important}
  .reveal{opacity:1;transform:none;filter:none}
}

/* polish additions */
.section::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(900px,80%);height:1px;background:linear-gradient(90deg,transparent,rgba(167,139,250,.35),rgba(34,211,238,.3),transparent)}
.hero+.section::before{display:none}
.section::after{content:"";position:absolute;z-index:-1;pointer-events:none;width:900px;height:600px;max-width:100%;top:0;left:50%;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(139,92,246,.12),transparent);}
#features::after{top:200px;left:10%;background:radial-gradient(closest-side,rgba(139,92,246,.16),transparent)}
#how::after{top:120px;left:70%;background:radial-gradient(closest-side,rgba(34,211,238,.1),transparent)}
#pricing::after{top:160px;background:radial-gradient(closest-side,rgba(124,58,237,.22),transparent)}
#faq::after{top:200px;left:25%;background:radial-gradient(closest-side,rgba(99,102,241,.12),transparent)}
.final::before,.final::after{display:none}
.pill{display:inline-flex;align-items:center;gap:7px}
.pill .ic{width:14px;height:14px;color:var(--v3)}
.pill.mono{font-family:var(--mono);font-weight:500;color:#a5f3fc;border-color:rgba(103,232,249,.25);background:rgba(34,211,238,.07)}
.p-violet{color:#ddd6fe;border-color:rgba(167,139,250,.35);background:rgba(139,92,246,.1)}
.p-arrow{padding:9px 8px;background:none;border-color:transparent}
.p-arrow .ic{color:var(--dim)}
.pills{flex-wrap:wrap}
.strike.amber span{background:rgba(251,191,36,.06);border-color:rgba(251,191,36,.3);color:#fcd34d;font-family:var(--font);font-weight:500}
.handoff{display:flex;align-items:center;gap:6px;margin-top:22px}
.hn{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;flex:none;background:rgba(255,255,255,.05);border:1px solid var(--line2);color:var(--v3);font:600 16px/1 var(--mono)}
.hn.q{color:var(--amber);border-color:rgba(251,191,36,.3);background:rgba(251,191,36,.06)}
.hn.h{color:var(--green);border-color:rgba(52,211,153,.35);background:rgba(52,211,153,.08)}
.hn .ic{width:18px;height:18px}
.hl{flex:1;height:2px;min-width:18px;border-radius:2px;background:linear-gradient(90deg,rgba(167,139,250,.35),rgba(34,211,238,.35));position:relative;overflow:hidden}
.hl i{position:absolute;top:-2px;left:-40%;width:40%;height:6px;background:linear-gradient(90deg,transparent,#fff,transparent);filter:blur(1px);animation:flow 2.2s var(--ease) infinite}
.hl+.hn+.hl i{animation-delay:1.1s}
@media (max-width:640px){.section::after{width:100%;height:420px}}
main{overflow-x:clip}
@supports not (overflow:clip){main{overflow-x:hidden}}

.sprite{position:absolute}