:root{
  --bg:#0a0a10; --bg2:#0e0e16; --surface:#14141f; --surface2:#1c1c2b; --border:#262638;
  --text:#f3f4f6; --muted:#9ca3af; --primary:#6366f1; --primary2:#818cf8; --violet:#7c3aed;
  --cyan:#22d3ee; --green:#22c55e; --red:#ef4444; --maxw:1160px; --r:16px;
  --font:"Inter",-apple-system,Segoe UI,Roboto,sans-serif; --display:"Space Grotesk",var(--font);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block}
b{font-weight:600}
section{position:relative;z-index:1}

/* custom cursor (desktop) */
.cursor-dot,.cursor-ring{position:fixed;top:0;left:0;border-radius:50%;pointer-events:none;z-index:9999;mix-blend-mode:difference;opacity:0;transition:opacity .3s}
.cursor-dot{width:7px;height:7px;background:#fff;transform:translate(-50%,-50%)}
.cursor-ring{width:34px;height:34px;border:1.5px solid #fff;transform:translate(-50%,-50%);transition:width .2s,height .2s,opacity .3s}
body.cursor-on .cursor-dot,body.cursor-on .cursor-ring{opacity:1}
.cursor-ring.hover{width:54px;height:54px}
/* click ripple + particles */
.click-ripple{position:fixed;width:14px;height:14px;border-radius:50%;border:2px solid var(--primary2);transform:translate(-50%,-50%);pointer-events:none;z-index:9998;animation:ripple .6s ease-out forwards}
@keyframes ripple{to{width:120px;height:120px;opacity:0}}
.spark{position:fixed;width:6px;height:6px;border-radius:50%;background:var(--primary2);transform:translate(-50%,-50%);pointer-events:none;z-index:9998}

/* aurora bg */
.aurora{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.blob{position:absolute;border-radius:50%;filter:blur(100px);opacity:.45;animation:float 20s ease-in-out infinite}
.b1{width:560px;height:560px;background:#4338ca;top:-140px;left:-120px}
.b2{width:480px;height:480px;background:#7c3aed;top:34%;right:-160px;animation-delay:-7s}
.b3{width:440px;height:440px;background:#0e7490;bottom:-140px;left:28%;animation-delay:-13s}
.grid-glow{position:absolute;inset:0;background-image:linear-gradient(rgba(99,102,241,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.06) 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(ellipse 70% 60% at 50% 0%,#000 30%,transparent 75%)}
@keyframes float{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(50px,-40px) scale(1.12)}}

/* nav */
.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:24px;
  padding:14px max(24px,calc((100% - var(--maxw))/2));backdrop-filter:blur(14px);
  background:rgba(10,10,16,.5);border-bottom:1px solid transparent;transition:.3s}
.nav.scrolled{background:rgba(10,10,16,.88);border-bottom-color:var(--border)}
.brand{display:flex;align-items:center;gap:10px;font-family:var(--display);font-weight:700;font-size:19px}
.brand img{border-radius:8px}
.brand-light{color:var(--muted);font-weight:500}
.nav-links{display:flex;gap:26px;margin-left:auto;font-size:15px}
.nav-links a{color:var(--muted);transition:.2s;position:relative}
.nav-links a::after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:2px;background:var(--primary);transition:width .25s}
.nav-links a:hover{color:var(--text)}
.nav-links a:hover::after{width:100%}
.nav-cta{display:flex;align-items:center;gap:12px}
.hamburger{display:none;background:none;border:none;color:var(--text);font-size:22px;cursor:pointer}

/* language */
.lang{position:relative}
.lang-btn{background:var(--surface2);border:1px solid var(--border);color:var(--text);font:inherit;font-size:13px;
  padding:8px 12px;border-radius:10px;cursor:pointer;display:flex;align-items:center;gap:6px}
.lang-btn .ti{font-style:normal}
.lang-menu{position:absolute;right:0;top:46px;background:var(--bg2);border:1px solid var(--border);border-radius:12px;
  padding:6px;min-width:150px;display:none;flex-direction:column;gap:2px;box-shadow:0 16px 40px rgba(0,0,0,.5);z-index:60}
.lang-menu.open{display:flex}
.lang-menu button{background:none;border:none;color:var(--muted);font:inherit;text-align:left;padding:9px 12px;border-radius:8px;cursor:pointer;font-size:14px}
.lang-menu button:hover,.lang-menu button.on{background:var(--surface2);color:var(--text)}

.mobile-menu{display:none;flex-direction:column;gap:6px;padding:12px 24px 20px;background:var(--bg2);border-bottom:1px solid var(--border);position:sticky;top:62px;z-index:49}
.mobile-menu.open{display:flex}
.mobile-menu a{padding:10px;color:var(--muted)}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15px;padding:11px 20px;border-radius:12px;border:1px solid transparent;cursor:pointer;transition:.2s;position:relative;overflow:hidden}
.btn .ti{font-style:normal}
.btn-primary{background:linear-gradient(135deg,var(--primary),var(--violet));color:#fff;box-shadow:0 6px 24px rgba(99,102,241,.35)}
.btn-primary::before{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-18deg);animation:shine 4s ease-in-out infinite}
@keyframes shine{0%,60%{left:-120%}100%{left:160%}}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 34px rgba(99,102,241,.55)}
.btn-ghost{background:var(--surface2);border-color:var(--border);color:var(--text)}
.btn-ghost:hover{border-color:var(--primary2)}
.btn-lg{padding:14px 26px;font-size:16px}

/* hero */
.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;max-width:var(--maxw);margin:0 auto;padding:72px 24px 70px}
.pill{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--primary2);background:rgba(99,102,241,.12);border:1px solid rgba(99,102,241,.3);padding:6px 14px;border-radius:99px}
.pill .dot{width:8px;height:8px;border-radius:50%;background:var(--green);animation:pulse 2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.6)}70%{box-shadow:0 0 0 10px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
.hero-anim{animation:heroUp .9s cubic-bezier(.2,.7,.2,1) backwards}
.hero-anim:nth-child(1){animation-delay:.05s}.hero-anim:nth-child(2){animation-delay:.17s}
.hero-anim:nth-child(3){animation-delay:.29s}.hero-anim:nth-child(4){animation-delay:.41s}.hero-anim:nth-child(5){animation-delay:.53s}
@keyframes heroUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
.hero h1{font-family:var(--display);font-size:clamp(38px,5.6vw,66px);line-height:1.03;margin:18px 0;letter-spacing:-.02em}
.hero h1 .line{display:inline-block}
.grad{background:linear-gradient(110deg,var(--primary2),var(--violet),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% auto;animation:shift 6s linear infinite}
@keyframes shift{to{background-position:200% center}}
.lead{font-size:18px;color:#c7c9d4;max-width:540px}
.hero-actions{display:flex;gap:14px;margin-top:28px;flex-wrap:wrap}
.hero-actions.center{justify-content:center}
.hero-stats{display:flex;gap:34px;margin-top:42px}
.hero-stats b{font-family:var(--display);font-size:27px;display:block;color:#fff}
.hero-stats span{font-size:13px;color:var(--muted)}

/* product mockup */
.hero-visual{position:relative;display:flex;justify-content:center;perspective:1000px}
.orbit{position:absolute;inset:-30px;z-index:0}
.coin{position:absolute;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-size:22px;font-weight:700;color:#fff;background:var(--surface2);border:1px solid var(--border);box-shadow:0 8px 20px rgba(0,0,0,.4);animation:bob 5s ease-in-out infinite}
.c-eth{top:-6%;left:6%;background:#3c3c5c}.c-btc{top:12%;right:-5%;background:#5a4321;animation-delay:-1s}
.c-sol{bottom:14%;left:-7%;background:#1c4a45;animation-delay:-2s}.c-usdt{bottom:-5%;right:9%;background:#10543f;animation-delay:-3s}
.c-xrp{top:46%;right:-9%;background:#2b3550;animation-delay:-1.5s}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
.device{position:relative;z-index:2;width:302px;background:var(--bg2);border:1px solid var(--border);border-radius:24px;padding:16px;box-shadow:0 30px 70px rgba(0,0,0,.55);transform-style:preserve-3d}
.device-top{display:flex;align-items:center;gap:8px;font-size:13px}
.device-top img{border-radius:6px}.dev-name{font-weight:600}
.dev-net{margin-left:auto;color:var(--muted);font-size:12px;background:var(--surface2);padding:4px 8px;border-radius:8px}
.device-balance{margin:16px 4px}
.bal-amt{font-family:var(--display);font-size:29px;font-weight:700}.bal-amt .cents{color:var(--muted);font-size:18px}
.bal-sub .up{color:var(--green)}
.av.au{background:linear-gradient(135deg,#16a34a,#10543f)}
.av.ae{background:linear-gradient(135deg,#6366f1,#3c3c5c)}
.av.ab{background:linear-gradient(135deg,#f59e0b,#92400e)}
.wl .av.au{background:linear-gradient(135deg,#16a34a,#10543f)}.wl .av.ae{background:linear-gradient(135deg,#6366f1,#3c3c5c)}
.bal-sub{color:var(--muted);font-size:12px;font-family:ui-monospace,monospace}
.device-list{display:flex;flex-direction:column;gap:8px}
.drow{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:10px 12px}
.drow .av{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;font-weight:700;font-size:12px;background:linear-gradient(135deg,var(--primary),var(--violet))}
.drow .nm{font-weight:500;font-size:14px}.drow .vl{margin-left:auto;font-family:ui-monospace,monospace;font-size:13px;color:#d1d5db}
.toast{position:absolute;left:50%;bottom:-26px;transform:translateX(-50%);width:290px;display:flex;align-items:center;gap:10px;background:#191926;border:1px solid var(--primary);border-radius:14px;padding:11px 13px;box-shadow:0 16px 40px rgba(99,102,241,.35);animation:toastIn 4.5s ease-in-out infinite}
.toast img{border-radius:7px}.toast-title{font-size:13px;font-weight:600}.toast-msg{font-size:11.5px;color:var(--muted)}
@keyframes toastIn{0%,12%{opacity:0;transform:translate(-50%,20px)}22%,78%{opacity:1;transform:translate(-50%,0)}92%,100%{opacity:0;transform:translate(-50%,12px)}}

/* ticker */
.ticker{display:flex;align-items:center;gap:14px;border-block:1px solid var(--border);background:rgba(14,14,22,.6);padding:0 0 0 max(24px,calc((100% - var(--maxw))/2));overflow:hidden}
.ticker-label{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--green);white-space:nowrap;padding:14px 0}
.live-dot{width:8px;height:8px;border-radius:50%;background:var(--green);animation:pulse 1.6s infinite}
.ticker-viewport{flex:1;overflow:hidden}
.ticker-track{display:flex;gap:34px;white-space:nowrap;width:max-content;animation:scrollx 38s linear infinite}
.ticker:hover .ticker-track{animation-play-state:paused}
@keyframes scrollx{to{transform:translateX(-50%)}}
.tk{display:flex;align-items:center;gap:8px;font-size:14px;padding:13px 0}
.tk .sym{font-weight:600}.tk .px{font-family:ui-monospace,monospace}
.tk .ch{font-size:12px;padding:2px 7px;border-radius:6px}
.tk .up{color:var(--green);background:rgba(34,197,94,.12)}.tk .dn{color:var(--red);background:rgba(239,68,68,.12)}

/* strip */
.strip{display:flex;flex-wrap:wrap;justify-content:center;gap:18px 40px;max-width:var(--maxw);margin:0 auto;padding:26px 24px;color:var(--muted);font-size:15px}
.strip div{display:flex;align-items:center;gap:8px}.strip .ti{font-style:normal}

/* sections */
.section{max-width:var(--maxw);margin:0 auto;padding:92px 24px}
.section.alt{max-width:none;background:var(--bg2);border-block:1px solid var(--border)}
.section.alt>*{max-width:var(--maxw);margin-inline:auto}
.section-head{text-align:center;max-width:700px;margin:0 auto 50px}
.eyebrow{color:var(--primary2);font-weight:600;font-size:14px;letter-spacing:.08em;text-transform:uppercase}
.section-head h2{font-family:var(--display);font-size:clamp(28px,3.8vw,42px);margin:10px 0;letter-spacing:-.02em}
.section-head p{color:var(--muted);font-size:17px}

/* showcase pinned */
.showcase{max-width:var(--maxw);margin:0 auto;padding:40px 24px 60px}
.showcase-inner{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.showcase-visual{position:sticky;top:18vh;height:64vh;display:flex;align-items:center;justify-content:center}
.phone{position:relative;width:300px;height:600px;background:#0c0c14;border:1px solid var(--border);border-radius:38px;padding:18px 16px;box-shadow:0 40px 90px rgba(0,0,0,.6);transform-style:preserve-3d}
.phone-notch{position:absolute;top:14px;left:50%;transform:translateX(-50%);width:90px;height:7px;border-radius:99px;background:#1c1c2b}
.screen{position:absolute;inset:18px 16px;opacity:0;transform:translateY(24px) scale(.98);transition:opacity .5s,transform .5s;display:flex;flex-direction:column;gap:10px;padding-top:18px}
.screen.active{opacity:1;transform:none}
.scr-head{display:flex;align-items:center;gap:8px;font-size:15px}.scr-head img{border-radius:6px}
.scr-count{margin-left:auto;font-size:11px;color:var(--muted)}
.scr-search{background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:9px 12px;font-size:13px;color:var(--muted)}
.wl{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:10px 12px}
.wl.on{border-color:var(--primary)}
.wl .av{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;font-weight:700;font-size:12px;background:linear-gradient(135deg,var(--primary),var(--violet));flex:none}
.wl .wn{font-weight:600;font-size:14px}.wl .wa{font-size:11px;color:var(--muted);font-family:ui-monospace,monospace}
.wl .wb{margin-left:auto;font-family:ui-monospace,monospace;font-size:13px;color:#d1d5db}
.atabs{display:flex;gap:6px}.atabs span{flex:1;text-align:center;font-size:12px;padding:7px;border-radius:8px;background:var(--surface);color:var(--muted)}.atabs .on{background:var(--surface2);color:var(--text)}
.bignotif{margin-top:30px;text-align:center;background:linear-gradient(160deg,#1a1a30,#0e0e16);border:1px solid var(--primary);border-radius:18px;padding:30px 20px;animation:bob 4s ease-in-out infinite}
.bn-ic{font-size:46px}.bn-title{font-weight:600;margin-top:10px}.bn-amt{font-family:var(--display);font-size:30px;color:var(--green);margin:6px 0}.bn-tap{font-size:12px;color:var(--muted)}
.showcase-steps{display:flex;flex-direction:column}
.beat{min-height:62vh;display:flex;flex-direction:column;justify-content:center;opacity:.32;transition:opacity .4s,transform .4s;transform:translateX(10px)}
.beat.active{opacity:1;transform:none}
.beat-num{font-family:var(--display);font-size:15px;color:var(--primary2);font-weight:700;letter-spacing:.1em}
.beat h3{font-family:var(--display);font-size:clamp(24px,3vw,34px);margin:12px 0 14px;letter-spacing:-.01em}
.beat p{color:var(--muted);font-size:17px;max-width:430px}

/* feature bento + spotlight */
.features-section{position:relative}
.bento{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;perspective:1400px;--mx:50%;--my:0%}
.bento-spot{position:absolute;inset:-40px;pointer-events:none;z-index:0;border-radius:30px;
  background:radial-gradient(420px circle at var(--mx) var(--my),rgba(99,102,241,.18),transparent 62%);
  opacity:0;transition:opacity .4s}
.bento:hover .bento-spot{opacity:1}
.fcard{position:relative;z-index:1;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:28px;overflow:hidden;
  transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .35s;transform-style:preserve-3d}
.fcard:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 26px 60px rgba(0,0,0,.5);border-color:transparent}
/* donen gradient border */
.fcard-border{position:absolute;inset:0;border-radius:18px;padding:1.5px;pointer-events:none;
  background:conic-gradient(from var(--a,0deg),transparent 0deg,var(--primary) 70deg,var(--cyan) 140deg,transparent 200deg,transparent 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;
  opacity:0;transition:opacity .35s;animation:spin 4s linear infinite}
.fcard:hover .fcard-border{opacity:1}
@supports (background:conic-gradient(from 0deg,red,red)){.fcard-border{animation:borderspin 4s linear infinite}}
@property --a{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes borderspin{to{--a:360deg}}
.ic-wrap{width:58px;height:58px;border-radius:16px;margin-bottom:18px;position:relative;display:grid;place-items:center;
  background:linear-gradient(135deg,rgba(99,102,241,.22),rgba(124,58,237,.18));border:1px solid rgba(129,140,248,.3)}
.fcard .ic{font-size:28px;animation:floaty 4s ease-in-out infinite}
.fcard:nth-child(odd) .ic{animation-delay:-2s}
@keyframes floaty{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(-4deg)}}
.fcard h3{font-family:var(--display);font-size:19px;margin-bottom:8px}.fcard p{color:var(--muted);font-size:15px;position:relative;z-index:1}
/* 3D scroll girisi */
.fcard.reveal{opacity:0;transform:translateY(46px) rotateX(14deg)}
.fcard.reveal.in{opacity:1;transform:none}

/* chains marquee */
.chain-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.chain-track{display:flex;gap:14px;width:max-content;animation:scrollx 30s linear infinite}
.chain-marquee:hover .chain-track{animation-play-state:paused}
.chip{display:flex;align-items:center;gap:10px;font-weight:500;font-size:16px;background:var(--surface);border:1px solid var(--border);border-radius:99px;padding:12px 22px;white-space:nowrap}
.chip span{font-size:20px}.chip.soon{opacity:.55}

/* split / security */
.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.split h2{font-family:var(--display);font-size:clamp(26px,3.6vw,40px);margin:10px 0 18px;letter-spacing:-.02em}
.checks{list-style:none;display:flex;flex-direction:column;gap:14px;margin-bottom:26px}
.checks li{position:relative;padding-left:32px;color:#c7c9d4}
.checks li::before{content:"✓";position:absolute;left:0;top:0;width:22px;height:22px;border-radius:7px;display:grid;place-items:center;font-size:13px;background:rgba(34,197,94,.15);color:var(--green);border:1px solid rgba(34,197,94,.3)}
.lock-visual{display:flex;justify-content:center;perspective:900px}
.vault{position:relative;width:280px;text-align:center;background:linear-gradient(160deg,#161628,#0e0e16);border:1px solid var(--border);border-radius:24px;padding:42px 24px;box-shadow:0 24px 60px rgba(0,0,0,.5);transform-style:preserve-3d}
.vault-ring{position:absolute;inset:-1px;border-radius:24px;background:conic-gradient(from 0deg,transparent,var(--primary),transparent 30%);animation:spin 5s linear infinite;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;opacity:.5}
@keyframes spin{to{transform:rotate(360deg)}}
.vault-ic{font-size:64px;animation:bob 4s ease-in-out infinite;position:relative}
.vault-line{margin-top:10px;font-family:ui-monospace,monospace;color:var(--muted);font-size:13px}
.vault-badge{margin-top:14px;display:inline-block;font-size:12px;color:var(--green);background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.3);padding:5px 12px;border-radius:99px}

/* markets */
.market-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.mcard{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px 20px;display:flex;align-items:center;gap:14px;transition:.2s}
.mcard:hover{border-color:var(--primary2);transform:translateY(-3px)}
.mcard .mco{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:18px;color:#fff;flex:none}
.mcard .mn{font-weight:600}.mcard .ms{font-size:12px;color:var(--muted)}
.mcard .mp{margin-left:auto;text-align:right}
.mcard .mpx{font-family:ui-monospace,monospace;font-weight:600}
.mcard .mch{font-size:12px}.mcard .up{color:var(--green)}.mcard .dn{color:var(--red)}

/* steps */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.step{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:28px;position:relative}
.step .num{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-family:var(--display);font-weight:700;font-size:20px;background:linear-gradient(135deg,var(--primary),var(--violet));margin-bottom:16px}
.step h3{font-family:var(--display);font-size:19px;margin-bottom:8px}.step p{color:var(--muted);font-size:15px}

/* cta */
.cta-section{text-align:center}
.cta-box{position:relative;background:linear-gradient(160deg,#181830,#0e0e16);border:1px solid var(--border);border-radius:28px;padding:56px 32px;max-width:720px;margin:0 auto;box-shadow:0 30px 70px rgba(0,0,0,.5);overflow:hidden}
.cta-box img{margin:0 auto 18px;border-radius:16px;position:relative}
.cta-box h2{font-family:var(--display);font-size:clamp(26px,3.4vw,38px);margin-bottom:12px;position:relative}
.cta-box p{color:var(--muted);font-size:17px;max-width:480px;margin:0 auto;position:relative}
.tiny{font-size:13px;margin-top:18px}

/* faq */
.faq{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.faq details{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:6px 20px;transition:.2s}
.faq details[open]{border-color:var(--primary)}
.faq summary{cursor:pointer;font-weight:600;font-size:16px;padding:14px 0;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--primary2);font-size:22px;transition:.2s;flex:none}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{color:var(--muted);padding:0 0 16px}

/* footer */
.footer{border-top:1px solid var(--border);background:var(--bg2);padding:56px 24px 28px}
.foot-grid{max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:32px}
.foot-brand .brand{margin-bottom:14px}
.foot-blurb{color:var(--muted);font-size:14px;max-width:300px;line-height:1.7}
.socials{display:flex;gap:10px;margin-top:18px}
.soc{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;color:var(--muted);
  background:var(--surface);border:1px solid var(--border);transition:.2s}
.soc:hover{color:#fff;border-color:var(--primary);transform:translateY(-2px)}
.foot-col{display:flex;flex-direction:column;gap:12px}
.foot-col h4{font-family:var(--display);font-size:14px;font-weight:600;color:var(--text);margin-bottom:2px;letter-spacing:.02em}
.foot-col a{color:var(--muted);font-size:14px;width:fit-content;transition:.2s}
.foot-col a:hover{color:var(--primary2)}
.foot-soon{display:inline-flex;align-items:center;gap:8px;color:var(--green);font-size:13px}
.foot-soon .dot{width:8px;height:8px;border-radius:50%;background:var(--green);animation:pulse 2s infinite}
.foot-disclaimer{max-width:var(--maxw);margin:40px auto 0;color:#6b7280;font-size:12.5px;line-height:1.7;border-top:1px solid var(--border);padding-top:22px}
.foot-bottom{max-width:var(--maxw);margin:16px auto 0;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:13px}
.muted{color:var(--muted)}

/* announcement bar */
.announce{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;
  padding:9px 18px;font-size:13.5px;color:#dfe1ec;text-align:center;
  background:linear-gradient(90deg,rgba(67,56,202,.35),rgba(124,58,237,.35));border-bottom:1px solid var(--border)}
.announce:hover .announce-arrow{transform:translateX(4px)}
.announce-badge{font-size:11px;font-weight:600;color:#fff;background:var(--primary);padding:3px 9px;border-radius:99px;text-transform:uppercase;letter-spacing:.04em}
.announce-arrow{transition:transform .2s;color:var(--primary2)}

/* nav link underline */
.nav-links a{position:relative}
.nav-links a::after{content:"";position:absolute;left:0;bottom:-4px;width:100%;height:2px;border-radius:2px;
  background:linear-gradient(90deg,var(--primary),var(--cyan));transform:scaleX(0);transform-origin:left;transition:transform .25s}
.nav-links a:hover::after{transform:scaleX(1)}

/* reveal */
.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}

/* responsive */
@media(max-width:900px){
  .nav-links{display:none}.nav-cta .btn-primary{display:none}.hamburger{display:block}
  .hero{grid-template-columns:1fr;text-align:center;padding-top:36px}
  .hero .pill,.hero-actions{justify-content:center}.lead{margin-inline:auto}.hero-stats{justify-content:center;gap:24px}
  .hero-visual{margin-top:36px}
  .showcase-inner{grid-template-columns:1fr;gap:0}
  .showcase-visual{position:relative;top:0;height:auto;margin-bottom:24px;order:-1}
  .phone{height:520px}
  .beat{min-height:auto;opacity:1;transform:none;text-align:center;padding:24px 0;align-items:center}
  .beat p{margin-inline:auto}
  .grid,.steps,.market-grid{grid-template-columns:1fr}
  .split{grid-template-columns:1fr;gap:32px}
  .foot-grid{grid-template-columns:1fr 1fr;gap:28px}
  .foot-brand{grid-column:1/-1}
  .foot-bottom{justify-content:center;text-align:center}
  .cursor-dot,.cursor-ring{display:none}
}
@media(max-width:520px){.market-grid{grid-template-columns:1fr}.hero-stats{gap:18px}.hero-stats b{font-size:22px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.screen{opacity:1}.screen:not(.active){display:none}}