:root{
  --obsidian:#05070d;--night:#0a0e1a;--panel:#0e1424;--panel-2:#121a30;
  --line:rgba(255,255,255,.08);--line-2:rgba(255,255,255,.14);
  --ink:#eaf0ff;--ink-dim:#9aa6c4;--ink-faint:#5d6a8c;
  --emerald:#1dffae;--emerald-deep:#00c98a;--gold:#ffce4f;--magenta:#ff3db8;--cyan:#3ce7ff;--violet:#9b6bff;--red:#ff5d73;
  --r-lg:26px;--r-md:18px;--r-sm:12px;--shadow:0 30px 80px -30px rgba(0,0,0,.8);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}
body{font-family:'Manrope',system-ui,sans-serif;background:var(--obsidian);color:var(--ink);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,.display{font-family:'Unbounded',sans-serif;line-height:1.04;letter-spacing:-.02em}
.mono{font-family:'JetBrains Mono',monospace}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
::selection{background:var(--emerald);color:#021}
.emoji{width:1em;height:1em;display:inline-block;vertical-align:-.125em;margin:0 .02em;object-fit:contain}
.ico .emoji,.fi .emoji,.mi .emoji,.live .flag .emoji{width:1em;height:1em}

/* preloader */
#pre{position:fixed;inset:0;z-index:200;background:var(--obsidian);display:grid;place-items:center;transition:transform 1s cubic-bezier(.76,0,.24,1)}
#pre.done{transform:translateY(-100%)}
.pre-in{text-align:center}
.pre-reels{display:flex;gap:8px;justify-content:center;margin-bottom:22px}
.pre-reels span{font-family:'Unbounded';font-weight:900;font-size:44px;width:54px;height:62px;display:grid;place-items:center;border-radius:12px;background:#0b1120;border:1px solid var(--line-2)}
.pre-reels span:nth-child(1){color:var(--emerald)}.pre-reels span:nth-child(2){color:var(--gold)}.pre-reels span:nth-child(3){color:var(--magenta)}
.pre-bar{width:240px;height:3px;background:rgba(255,255,255,.1);border-radius:3px;margin:0 auto;overflow:hidden}
.pre-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--emerald),var(--gold));box-shadow:0 0 14px var(--emerald)}
.pre-num{font-family:'JetBrains Mono';font-size:12px;letter-spacing:.3em;color:var(--ink-faint);margin-top:14px}

.progress{position:fixed;top:0;left:0;height:3px;width:100%;transform-origin:0 50%;transform:scaleX(0);z-index:100;background:linear-gradient(90deg,var(--emerald),var(--cyan),var(--gold),var(--magenta))}
@supports (animation-timeline:scroll()){.progress{animation:grow linear both;animation-timeline:scroll(root)}@keyframes grow{to{transform:scaleX(1)}}}

/* atmosphere */
.bg-mesh{position:fixed;inset:-20%;z-index:-3;filter:blur(60px);opacity:.9}
.blob{position:absolute;border-radius:50%;mix-blend-mode:screen;animation:drift 24s ease-in-out infinite}
.blob.b1{width:48vw;height:48vw;left:-8vw;top:-8vw;background:radial-gradient(circle,rgba(29,255,174,.55),transparent 62%)}
.blob.b2{width:42vw;height:42vw;right:-6vw;top:6vw;background:radial-gradient(circle,rgba(255,61,184,.42),transparent 62%);animation-delay:-6s}
.blob.b3{width:46vw;height:46vw;left:18vw;bottom:-14vw;background:radial-gradient(circle,rgba(60,231,255,.40),transparent 62%);animation-delay:-12s}
.blob.b4{width:34vw;height:34vw;right:12vw;bottom:2vw;background:radial-gradient(circle,rgba(255,206,79,.38),transparent 62%);animation-delay:-18s}
@keyframes drift{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(4vw,-3vw) scale(1.12)}66%{transform:translate(-3vw,4vw) scale(.92)}}
.bg-grid{position:fixed;inset:0;z-index:-2;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:60px 60px;-webkit-mask-image:radial-gradient(ellipse 90% 70% at 50% 0%,#000 30%,transparent 78%);mask-image:radial-gradient(ellipse 90% 70% at 50% 0%,#000 30%,transparent 78%)}
.aurora{position:fixed;width:680px;height:680px;border-radius:50%;z-index:-1;pointer-events:none;left:0;top:0;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(29,255,174,.16),rgba(60,231,255,.08) 35%,transparent 60%);will-change:transform}
#particles{position:fixed;inset:0;z-index:-1;pointer-events:none}
.grain{position:fixed;inset:0;z-index:60;pointer-events:none;opacity:.05;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='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* cursor */
.cursor,.cursor-dot{position:fixed;top:0;left:0;z-index:90;pointer-events:none;border-radius:50%;transform:translate(-50%,-50%)}
.cursor{width:38px;height:38px;border:1px solid rgba(29,255,174,.7);transition:width .25s,height .25s,background .25s,border-color .25s}
.cursor-dot{width:5px;height:5px;background:var(--emerald);box-shadow:0 0 12px var(--emerald)}
.cursor.grow{width:64px;height:64px;background:rgba(29,255,174,.10);border-color:rgba(255,206,79,.8)}
@media (hover:none){.cursor,.cursor-dot{display:none}}

/* layout */
.wrap{width:min(1200px,92vw);margin-inline:auto}
.narrow{width:min(840px,92vw);margin-inline:auto}
section{position:relative;padding:clamp(64px,9vw,128px) 0}
.eyebrow{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:var(--emerald);display:inline-flex;align-items:center;gap:10px}
.eyebrow::before{content:"";width:26px;height:1px;background:linear-gradient(90deg,var(--emerald),transparent)}
.h-sec{font-size:clamp(30px,5vw,58px);font-weight:800;margin:18px 0 16px}
.sub{color:var(--ink-dim);font-size:clamp(15px,1.4vw,18px);max-width:62ch}
.grad{background:linear-gradient(100deg,var(--emerald),var(--cyan) 45%,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}
.grad-pink{background:linear-gradient(100deg,var(--magenta),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}
.center{text-align:center}.center .sub{margin-inline:auto}

/* nav + mega menu */
header.nav{position:fixed;top:0;left:0;right:0;z-index:50;transition:.4s}
.nav-in{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 0}
.nav.scrolled .nav-in{padding:11px 0}
.nav.scrolled{background:rgba(7,10,18,.78);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:11px;font-family:'Unbounded';font-weight:700;font-size:18px}
.brand .chip{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:15px;color:#021;background:conic-gradient(from 210deg,var(--emerald),var(--cyan),var(--gold),var(--magenta),var(--emerald));box-shadow:0 0 22px rgba(29,255,174,.6);animation:spin 9s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.menu{display:flex;gap:6px;align-items:center}
.menu>li{list-style:none;position:relative}
.menu>li>a,.menu>li>span{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--ink-dim);padding:10px 14px;border-radius:10px;cursor:pointer;transition:.25s}
.menu>li:hover>a,.menu>li:hover>span,.menu>li>a.active{color:var(--ink);background:rgba(255,255,255,.05)}
.menu .caret{font-size:9px;opacity:.7;transition:transform .25s}
.menu>li:hover .caret{transform:rotate(180deg)}
.mega{position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%) translateY(10px);min-width:560px;background:rgba(10,14,26,.96);backdrop-filter:blur(20px);border:1px solid var(--line-2);border-radius:20px;padding:20px;box-shadow:var(--shadow);display:grid;grid-template-columns:1fr 1fr;gap:10px 26px;opacity:0;visibility:hidden;transition:.28s}
.mega.solo{min-width:280px;grid-template-columns:1fr}
.menu>li:hover .mega{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.mega .col h6{font-family:'JetBrains Mono';font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint);margin:6px 0 8px;padding:0 10px}
.mega a{display:flex;gap:11px;align-items:flex-start;padding:9px 10px;border-radius:12px;transition:.2s}
.mega a:hover{background:rgba(29,255,174,.08)}
.mega a .mi{font-size:18px;line-height:1.2}
.mega a .mt{font-size:14px;font-weight:600;color:var(--ink)}
.mega a .md{font-size:12px;color:var(--ink-faint);display:block;margin-top:1px}
.btn{display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:14px;padding:12px 22px;border-radius:100px;border:1px solid var(--line-2);cursor:pointer;transition:transform .25s,box-shadow .25s,border-color .25s,color .25s,background .25s;background:transparent;color:var(--ink);position:relative;overflow:hidden;will-change:transform}
.btn.primary{background:linear-gradient(100deg,var(--emerald),var(--emerald-deep));color:#021;border-color:transparent;box-shadow:0 12px 34px -10px rgba(29,255,174,.7)}
.btn.primary:hover{box-shadow:0 20px 44px -10px rgba(29,255,174,.85)}
.btn.ghost:hover{border-color:var(--emerald);color:var(--emerald)}
.btn.sm{padding:10px 16px;font-size:13px}
.nav-toggle{display:none;background:none;border:1px solid var(--line-2);border-radius:10px;padding:9px 12px;cursor:pointer;color:var(--ink);font-size:16px}
.nav-cta{display:flex;align-items:center;gap:12px}

/* mobile drawer */
.drawer{position:fixed;inset:0;z-index:120;background:rgba(5,7,13,.98);backdrop-filter:blur(12px);padding:90px 7vw 40px;transform:translateX(100%);transition:transform .4s cubic-bezier(.76,0,.24,1);overflow-y:auto}
.drawer.open{transform:none}
.drawer .dgrp{border-bottom:1px solid var(--line);padding:14px 0}
.drawer .dgrp>b{font-family:'JetBrains Mono';font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--emerald);display:block;margin-bottom:10px}
.drawer .dgrp a{display:block;padding:9px 0;color:var(--ink-dim);font-size:16px}
.drawer .dclose{position:absolute;top:24px;right:7vw;font-size:26px;background:none;border:none;color:var(--ink);cursor:pointer}

/* hero (home) */
.hero{padding-top:clamp(140px,17vw,210px);overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:46px;align-items:center}
.hero h1{font-size:clamp(40px,6.6vw,86px);font-weight:900}
.hero h1 .line{display:block;opacity:0;transform:translateY(40px)}
.boot .hero h1 .line{animation:rise .9s cubic-bezier(.2,.8,.2,1) forwards}
.boot .hero h1 .line:nth-child(1){animation-delay:.15s}.boot .hero h1 .line:nth-child(2){animation-delay:.30s}.boot .hero h1 .line:nth-child(3){animation-delay:.45s}
@keyframes rise{to{opacity:1;transform:translateY(0)}}
.fade-up{opacity:0;transform:translateY(26px)}
.boot .fade-up{animation:rise .9s cubic-bezier(.2,.8,.2,1) forwards}
.d1{animation-delay:.6s}.d2{animation-delay:.75s}.d3{animation-delay:.9s}.d4{animation-delay:1.05s}
.hero .eyebrow{opacity:0}.boot .hero .eyebrow{animation:rise .8s ease forwards;animation-delay:.05s}
.hero-sub{margin:22px 0 30px;font-size:clamp(16px,1.5vw,19px);color:var(--ink-dim);max-width:54ch}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.trust{margin-top:26px;font-size:13px;color:var(--ink-faint);display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.trust b{color:var(--gold);font-weight:600}
.stat-chips{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.stat-chip{border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:14px;padding:12px 16px;backdrop-filter:blur(6px)}
.stat-chip .n{font-family:'Unbounded';font-weight:700;font-size:20px}
.stat-chip .l{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);font-family:'JetBrains Mono'}

/* slot */
.slot{position:relative;justify-self:end;width:min(420px,80vw);aspect-ratio:1/1.06;border-radius:30px;background:linear-gradient(160deg,#141b30,#0a0f1d);border:1px solid var(--line-2);box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.06);padding:26px;opacity:0;transform-style:preserve-3d;will-change:transform}
.boot .slot{animation:rise 1s ease forwards;animation-delay:.5s}
.slot::before{content:"";position:absolute;inset:0;border-radius:30px;padding:1px;background:linear-gradient(150deg,rgba(29,255,174,.6),transparent 40%,transparent 60%,rgba(255,61,184,.5));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.slot-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.slot-top .tag{font-family:'JetBrains Mono';font-size:11px;letter-spacing:.2em;color:var(--ink-faint)}
.led{width:9px;height:9px;border-radius:50%;background:var(--emerald);box-shadow:0 0 12px var(--emerald);animation:blink 1.4s ease-in-out infinite}
@keyframes blink{50%{opacity:.25}}
.reels{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;height:62%;background:#05070e;border-radius:18px;padding:12px;border:1px solid var(--line);overflow:hidden}
.reel{overflow:hidden;border-radius:12px;background:linear-gradient(#0b1120,#070b16);position:relative;box-shadow:inset 0 0 30px rgba(0,0,0,.7)}
.reel::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(#070b16,transparent 22%,transparent 78%,#070b16)}
.reel-track{display:flex;flex-direction:column;animation:roll 2.4s cubic-bezier(.1,.7,.2,1) infinite}
.reel:nth-child(2) .reel-track{animation-duration:2.9s}.reel:nth-child(3) .reel-track{animation-duration:3.4s}
.sym{height:33.33%;min-height:64px;display:grid;place-items:center;font-family:'Unbounded';font-weight:800;font-size:38px}
.sym.s-em{color:var(--emerald);text-shadow:0 0 18px rgba(29,255,174,.7)}
.sym.s-go{color:var(--gold);text-shadow:0 0 18px rgba(255,206,79,.7)}
.sym.s-mg{color:var(--magenta);text-shadow:0 0 18px rgba(255,61,184,.7)}
.sym.s-cy{color:var(--cyan);text-shadow:0 0 18px rgba(60,231,255,.7)}
@keyframes roll{0%{transform:translateY(0)}100%{transform:translateY(-66.66%)}}
.slot-line{position:absolute;left:26px;right:26px;top:calc(26px + 18px + 31%);height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);box-shadow:0 0 14px var(--gold);z-index:3}
.slot-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:18px}
.slot-bottom .pay{font-family:'JetBrains Mono';font-size:12px;color:var(--ink-dim)}
.slot-bottom .pay b{color:var(--emerald)}
.lever{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:18px;background:radial-gradient(circle at 35% 30%,#ffe9a8,var(--gold));color:#3a2b00;cursor:pointer;box-shadow:0 8px 22px -6px rgba(255,206,79,.8);transition:.2s;will-change:transform;border:none}
.lever:active{transform:scale(.92)}

/* marquee */
.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;overflow:hidden;background:linear-gradient(90deg,rgba(29,255,174,.05),rgba(255,61,184,.05))}
.marquee-track{display:flex;gap:42px;width:max-content;animation:scroll-x 30s linear infinite;align-items:center;will-change:transform}
.marquee:hover .marquee-track{animation-play-state:paused}
.marquee span{font-family:'Unbounded';font-weight:600;font-size:clamp(16px,1.8vw,24px);color:var(--ink-dim);display:flex;align-items:center;gap:42px;white-space:nowrap}
.marquee .dot{color:var(--emerald)}
@keyframes scroll-x{to{transform:translateX(-50%)}}

/* kinetic */
.kinetic{padding:clamp(60px,9vw,120px) 0;text-align:center}
.kintext{font-size:clamp(32px,7vw,92px);font-weight:900;display:flex;flex-wrap:wrap;gap:.25em;justify-content:center;align-items:baseline}
.rotator{height:1.06em;overflow:hidden;display:inline-block;vertical-align:top}
.rot-track{display:flex;flex-direction:column;animation:rotwords 13s infinite cubic-bezier(.7,0,.2,1)}
.rot-track b{display:block;height:1.06em;line-height:1.06em;font-weight:900}
.rot-track b:nth-child(1){color:var(--emerald)}.rot-track b:nth-child(2){color:var(--gold)}.rot-track b:nth-child(3){color:var(--magenta)}.rot-track b:nth-child(4){color:var(--cyan)}.rot-track b:nth-child(5){color:var(--violet)}.rot-track b:nth-child(6){color:var(--emerald)}.rot-track b:nth-child(7){color:var(--emerald)}
@keyframes rotwords{0%,11%{transform:translateY(0)}14%,25%{transform:translateY(-1.06em)}28%,39%{transform:translateY(-2.12em)}42%,53%{transform:translateY(-3.18em)}56%,67%{transform:translateY(-4.24em)}70%,81%{transform:translateY(-5.30em)}84%,97%{transform:translateY(-6.36em)}100%{transform:translateY(-6.36em)}}

/* reveal */
.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}
.reveal.in{opacity:1;transform:none}
.reveal.d1{transition-delay:.1s}.reveal.d2{transition-delay:.2s}.reveal.d3{transition-delay:.3s}.reveal.d4{transition-delay:.4s}.reveal.d5{transition-delay:.5s}

/* section head */
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:48px}

/* cards */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{position:relative;border:1px solid var(--line);border-radius:var(--r-lg);padding:30px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));overflow:hidden;transition:transform .35s,border-color .35s;transform-style:preserve-3d;will-change:transform}
.card::before{content:"";position:absolute;inset:0;opacity:0;transition:.4s;background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(29,255,174,.16),transparent 45%)}
.card:hover::before{opacity:1}
.card:hover{border-color:var(--line-2)}
.card .ico{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;font-size:26px;margin-bottom:20px;background:linear-gradient(150deg,rgba(29,255,174,.18),rgba(60,231,255,.1));border:1px solid var(--line-2)}
.card h3{font-size:21px;font-weight:700;margin-bottom:10px}
.card p{color:var(--ink-dim);font-size:14.5px}
.card .num{position:absolute;top:22px;right:26px;font-family:'JetBrains Mono';font-size:12px;color:var(--ink-faint)}
.card .more{margin-top:18px;font-size:13px;font-family:'JetBrains Mono';color:var(--emerald);display:inline-flex;gap:7px;align-items:center;transition:.3s}
.card:hover .more{gap:12px}
a.card{color:inherit}

/* bento */
.bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(150px,auto);gap:18px}
.tile{border:1px solid var(--line);border-radius:var(--r-md);padding:24px;background:rgba(255,255,255,.02);position:relative;overflow:hidden;transition:.35s}
.tile:hover{border-color:var(--line-2);background:rgba(255,255,255,.04)}
.tile h4{font-family:'Manrope';font-weight:700;font-size:17px;margin-bottom:8px}
.tile p{font-size:13.5px;color:var(--ink-dim)}
.tile .k{font-family:'JetBrains Mono';font-size:11px;color:var(--emerald);letter-spacing:.16em;text-transform:uppercase;margin-bottom:14px;display:block}
.tile.wide{grid-column:span 2}
.tile.tall{grid-row:span 2;background:linear-gradient(165deg,rgba(255,61,184,.12),rgba(155,107,255,.06))}
.tile.feature{grid-column:span 2;background:linear-gradient(150deg,rgba(29,255,174,.14),rgba(60,231,255,.06))}
.tile .big{font-family:'Unbounded';font-weight:800;font-size:clamp(34px,4vw,52px);line-height:1;margin-bottom:8px}

/* roulette */
.roulette{width:118px;height:118px;border-radius:50%;position:relative;margin-top:16px;filter:drop-shadow(0 10px 24px rgba(0,0,0,.5))}
.roulette .wheel{position:absolute;inset:0;border-radius:50%;border:5px solid var(--gold);background:repeating-conic-gradient(#161d33 0 20deg,#c0143c 20deg 40deg);animation:spin 6s linear infinite}
.roulette:hover .wheel{animation-duration:1.1s}
.roulette .hub{position:absolute;inset:34%;border-radius:50%;background:radial-gradient(circle at 40% 35%,#ffe9a8,var(--gold));box-shadow:0 0 14px rgba(255,206,79,.6)}
.roulette .ball{position:absolute;top:6px;left:50%;width:9px;height:9px;border-radius:50%;background:#fff;transform:translateX(-50%);box-shadow:0 0 10px #fff}

/* stats */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}
.stat{border:1px solid var(--line);border-radius:var(--r-md);padding:34px 18px;background:rgba(255,255,255,.02)}
.stat .v{font-family:'Unbounded';font-weight:800;font-size:clamp(34px,5vw,58px);line-height:1}
.stat .l{margin-top:10px;font-size:13px;color:var(--ink-dim)}

/* sticky stack */
.stack{position:relative;margin-top:40px}
.stk{position:sticky;border:1px solid var(--line-2);border-radius:var(--r-lg);padding:clamp(26px,4vw,44px);background:linear-gradient(150deg,var(--panel),var(--night));box-shadow:var(--shadow);margin-bottom:26px;display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:start}
.stk .s-n{font-family:'Unbounded';font-weight:900;font-size:clamp(40px,7vw,84px);line-height:.9;color:transparent;-webkit-text-stroke:1.5px var(--emerald)}
.stk h3{font-size:clamp(20px,2.6vw,30px);font-weight:800;margin-bottom:10px}
.stk p{color:var(--ink-dim);max-width:60ch}
.stk .tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.stk .tags span{font-family:'JetBrains Mono';font-size:12px;color:var(--ink-dim);border:1px solid var(--line);border-radius:100px;padding:6px 13px}

/* why */
.why-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:46px;align-items:start}
.why-left{position:sticky;top:120px}
.feat-list{display:flex;flex-direction:column;gap:14px}
.feat{border:1px solid var(--line);border-radius:var(--r-md);padding:24px;background:rgba(255,255,255,.02);transition:.35s}
.feat:hover{border-color:var(--emerald);transform:translateX(6px)}
.feat h4{font-family:'Manrope';font-weight:700;font-size:18px;margin-bottom:6px;display:flex;align-items:center;gap:10px}
.feat .e{font-size:22px}
.feat p{font-size:14.5px;color:var(--ink-dim)}

/* badges */
.badges{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.badge{border:1px solid var(--line-2);border-radius:100px;padding:11px 20px;font-family:'JetBrains Mono';font-size:13px;color:var(--ink-dim);display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.02);transition:.3s}
.badge:hover{border-color:var(--gold);color:var(--gold)}
.badge .d{width:7px;height:7px;border-radius:50%;background:var(--emerald);box-shadow:0 0 10px var(--emerald)}

/* logo strip (trust) */
.logos{display:flex;flex-wrap:wrap;gap:14px 38px;align-items:center;justify-content:center;opacity:.9}
.logos .lg{font-family:'Unbounded';font-weight:700;font-size:clamp(15px,1.7vw,20px);color:var(--ink-faint);display:flex;align-items:center;gap:9px;transition:.3s}
.logos .lg:hover{color:var(--ink)}
.logos .lg .o{color:var(--emerald)}

/* CTA */
.cta{position:relative;border-radius:34px;overflow:hidden;border:1px solid var(--line-2);background:linear-gradient(150deg,rgba(29,255,174,.10),rgba(255,61,184,.08));padding:clamp(34px,5vw,64px)}
.cta-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.cta h2{font-size:clamp(28px,4vw,46px);font-weight:800;margin-bottom:16px}
form{display:grid;gap:14px}
.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field label{display:block;font-family:'JetBrains Mono';font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:7px}
.field input,.field select,.field textarea{width:100%;background:rgba(5,7,13,.7);border:1px solid var(--line-2);border-radius:12px;padding:13px 15px;color:var(--ink);font-family:'Manrope';font-size:15px;transition:.25s}
.field textarea{resize:vertical;min-height:96px}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--emerald);box-shadow:0 0 0 3px rgba(29,255,174,.16)}
.form-note{font-size:12px;color:var(--ink-faint);display:flex;gap:8px;align-items:center}
.ok{display:none;border:1px solid var(--emerald);background:rgba(29,255,174,.08);border-radius:14px;padding:18px;color:var(--emerald);font-weight:600}
.ok.show{display:block;animation:rise .5s ease}

/* live ticker */
.live{position:fixed;left:20px;bottom:20px;z-index:70;width:288px;border:1px solid var(--line-2);border-radius:16px;background:rgba(10,14,26,.82);backdrop-filter:blur(16px);padding:14px 16px;box-shadow:var(--shadow);transform:translateY(180%);transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.live.show{transform:none}
.live .hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.live .hd .t{font-family:'JetBrains Mono';font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);display:flex;align-items:center;gap:7px}
.live .pulse{width:8px;height:8px;border-radius:50%;background:var(--emerald);box-shadow:0 0 10px var(--emerald);animation:blink 1.2s infinite}
.live .x{cursor:pointer;color:var(--ink-faint);font-size:16px;line-height:1;background:none;border:none}
.live .row2{display:flex;align-items:center;gap:11px;min-height:40px}
.live .flag{font-size:24px}
.live .info{font-size:13px;line-height:1.35}
.live .info b{color:var(--ink)}
.live .info .win{color:var(--emerald);font-family:'JetBrains Mono';font-weight:700}
.live .info small{color:var(--ink-faint)}
.live .feed{transition:opacity .35s,transform .35s}
.live .feed.swap{opacity:0;transform:translateY(8px)}
@media (max-width:600px){.live{display:none}}

/* ===== inner page components ===== */
.crumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-family:'JetBrains Mono';font-size:12px;color:var(--ink-faint);margin-bottom:20px}
.crumbs a{color:var(--ink-dim)}.crumbs a:hover{color:var(--emerald)}
.crumbs span{opacity:.5}
.page-hero{padding-top:clamp(130px,15vw,180px);padding-bottom:clamp(30px,5vw,56px)}
.page-hero h1{font-size:clamp(34px,5.6vw,72px);font-weight:900;max-width:18ch}
.page-hero .dek{margin-top:20px;font-size:clamp(16px,1.5vw,20px);color:var(--ink-dim);max-width:60ch}
.page-hero .hero-cta{margin-top:30px}
.page-hero .mini-stats{display:flex;gap:30px;flex-wrap:wrap;margin-top:34px}
.page-hero .mini-stats div{font-size:13px;color:var(--ink-faint)}
.page-hero .mini-stats b{display:block;font-family:'Unbounded';font-weight:800;font-size:26px;color:var(--ink);margin-bottom:2px}

/* snippet callout (featured snippet bait) */
.snippet{border:1px solid var(--line-2);border-left:3px solid var(--emerald);border-radius:14px;background:linear-gradient(120deg,rgba(29,255,174,.07),rgba(255,255,255,.01));padding:24px 26px;margin:8px 0 6px}
.snippet .q{font-family:'JetBrains Mono';font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--emerald);margin-bottom:9px}
.snippet p{font-size:17px;color:var(--ink);line-height:1.6}

/* prose */
.prose{max-width:72ch}
.prose>*+*{margin-top:18px}
.prose h2{font-size:clamp(24px,3.2vw,38px);font-weight:800;margin-top:14px}
.prose h3{font-size:clamp(19px,2.2vw,25px);font-weight:700;font-family:'Unbounded';margin-top:10px}
.prose p,.prose li{color:var(--ink-dim);font-size:16.5px}
.prose strong{color:var(--ink)}
.prose ul,.prose ol{padding-left:22px;display:grid;gap:9px}
.prose li::marker{color:var(--emerald)}
.prose a{color:var(--emerald);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(29,255,174,.4)}
.prose a:hover{text-decoration-color:var(--emerald)}

/* feature grid generic */
.fgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.fcard{border:1px solid var(--line);border-radius:var(--r-md);padding:26px;background:rgba(255,255,255,.02);transition:.3s}
.fcard:hover{border-color:var(--line-2);transform:translateY(-4px)}
.fcard .fi{font-size:26px;margin-bottom:14px;display:block}
.fcard h4{font-family:'Manrope';font-weight:700;font-size:17px;margin-bottom:7px}
.fcard p{font-size:14px;color:var(--ink-dim)}

/* spec / comparison table */
.tbl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-md)}
table.tbl{width:100%;border-collapse:collapse;min-width:520px}
table.tbl th,table.tbl td{text-align:left;padding:15px 18px;font-size:14.5px;border-bottom:1px solid var(--line)}
table.tbl thead th{font-family:'JetBrains Mono';font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--emerald);background:rgba(29,255,174,.05)}
table.tbl td{color:var(--ink-dim)}
table.tbl tr:last-child td{border-bottom:none}
table.tbl td:first-child{color:var(--ink);font-weight:600}
table.tbl .yes{color:var(--emerald);font-weight:700}
table.tbl .no{color:var(--ink-faint)}

/* FAQ accordion */
.faq{display:grid;gap:12px;max-width:820px}
.faq details{border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.02);overflow:hidden;transition:.3s}
.faq details[open]{border-color:var(--line-2);background:rgba(255,255,255,.035)}
.faq summary{list-style:none;cursor:pointer;padding:20px 24px;font-weight:700;font-size:16.5px;display:flex;justify-content:space-between;gap:16px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary .pm{color:var(--emerald);font-size:22px;transition:transform .3s;flex:none}
.faq details[open] summary .pm{transform:rotate(45deg)}
.faq .ans{padding:0 24px 22px;color:var(--ink-dim);font-size:15.5px;max-width:80ch}

/* portfolio */
.pf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.pf{position:relative;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));transition:.35s}
.pf:hover{border-color:var(--line-2);transform:translateY(-6px)}
.pf .shot{height:170px;position:relative;overflow:hidden;display:grid;place-items:center}
.pf .shot.g1{background:radial-gradient(120% 120% at 20% 10%,rgba(29,255,174,.35),transparent 55%),linear-gradient(160deg,#0c1426,#0a0f1d)}
.pf .shot.g2{background:radial-gradient(120% 120% at 80% 10%,rgba(255,61,184,.35),transparent 55%),linear-gradient(160deg,#120c1f,#0a0f1d)}
.pf .shot.g3{background:radial-gradient(120% 120% at 50% 10%,rgba(60,231,255,.32),transparent 55%),linear-gradient(160deg,#0a1422,#0a0f1d)}
.pf .shot.g4{background:radial-gradient(120% 120% at 20% 90%,rgba(255,206,79,.30),transparent 55%),linear-gradient(160deg,#161126,#0a0f1d)}
.pf .shot .em{font-size:54px;filter:drop-shadow(0 8px 20px rgba(0,0,0,.5))}
.pf .shot .tagk{position:absolute;top:14px;left:14px;font-family:'JetBrains Mono';font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);background:rgba(0,0,0,.4);border:1px solid var(--line-2);padding:5px 10px;border-radius:100px}
.pf .body{padding:22px 24px}
.pf .body h4{font-size:18px;font-weight:700;margin-bottom:8px}
.pf .body p{font-size:14px;color:var(--ink-dim)}
.pf .kpis{display:flex;gap:18px;margin-top:16px;flex-wrap:wrap}
.pf .kpis div{font-size:12px;color:var(--ink-faint)}
.pf .kpis b{display:block;font-family:'Unbounded';font-weight:800;font-size:20px;color:var(--emerald)}

/* testimonials */
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.quote{border:1px solid var(--line);border-radius:var(--r-lg);padding:28px;background:rgba(255,255,255,.02);transition:.3s}
.quote:hover{border-color:var(--line-2)}
.quote .stars{color:var(--gold);letter-spacing:3px;margin-bottom:14px}
.quote p{font-size:15.5px;color:var(--ink);line-height:1.65}
.quote .by{display:flex;align-items:center;gap:12px;margin-top:18px}
.quote .av{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-family:'Unbounded';font-weight:800;color:#021;background:linear-gradient(150deg,var(--emerald),var(--cyan))}
.quote .by .nm{font-weight:700;font-size:14px}
.quote .by .ro{font-size:12px;color:var(--ink-faint)}

/* related links */
.related{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.related a{border:1px solid var(--line);border-radius:var(--r-md);padding:22px;background:rgba(255,255,255,.02);transition:.3s;display:flex;flex-direction:column;gap:8px}
.related a:hover{border-color:var(--emerald);transform:translateY(-4px)}
.related a .rt{font-weight:700;font-size:16px;display:flex;justify-content:space-between;align-items:center}
.related a .rd{font-size:13px;color:var(--ink-faint)}
.related a .arr{color:var(--emerald)}

/* pills row */
.pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.pills a,.pills span{font-family:'JetBrains Mono';font-size:13px;border:1px solid var(--line-2);border-radius:100px;padding:8px 15px;color:var(--ink-dim);transition:.25s}
.pills a:hover{border-color:var(--emerald);color:var(--emerald)}

/* footer */
footer{border-top:1px solid var(--line);padding:64px 0 36px;margin-top:30px;position:relative}
.foot-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr 1fr;gap:30px}
.foot-grid h5{font-family:'JetBrains Mono';font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:18px}
.foot-grid a{display:block;color:var(--ink-dim);font-size:14px;margin-bottom:11px;transition:.25s}
.foot-grid a:hover{color:var(--emerald);transform:translateX(4px)}
.foot-bottom{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin-top:48px;padding-top:24px;border-top:1px solid var(--line);font-size:13px;color:var(--ink-faint)}
.foot-legal{display:flex;gap:18px;flex-wrap:wrap}
.foot-legal a:hover{color:var(--emerald)}
.eighteen{width:30px;height:30px;border-radius:50%;border:2px solid var(--red);color:var(--red);display:grid;place-items:center;font-weight:800;font-size:12px;font-family:'Unbounded'}

@media (max-width:980px){
  .hero-grid,.why-grid,.cta-grid{grid-template-columns:1fr}
  .why-left{position:static}
  .slot{justify-self:center;margin-top:20px}
  .cards,.fgrid,.pf-grid,.quotes,.related{grid-template-columns:repeat(2,1fr)}
  .bento{grid-template-columns:repeat(2,1fr)}
  .stats{grid-template-columns:repeat(2,1fr)}
  .foot-grid{grid-template-columns:1fr 1fr 1fr}
  .menu,.nav-cta .btn:not(.toggle){display:none}
  .nav-toggle{display:inline-flex}
  .stk{grid-template-columns:1fr;gap:14px}
}
@media (max-width:600px){
  .cards,.fgrid,.pf-grid,.quotes,.related,.row,.bento{grid-template-columns:1fr}
  .tile.wide,.tile.feature,.tile.tall{grid-column:span 1;grid-row:auto}
  .foot-grid{grid-template-columns:1fr 1fr}
}
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.001s!important;animation-iteration-count:1!important;transition-duration:.2s!important}
  .blob,.reel-track,.marquee-track,.rot-track,.roulette .wheel{animation:none}
  .reveal{opacity:1;transform:none}.hero h1 .line,.fade-up{opacity:1;transform:none}
  #pre{display:none}
}


/* === WhatsApp widget (added 2026-07) === */
.wa-float{position:fixed;right:22px;bottom:22px;z-index:95;width:60px;height:60px;border-radius:50%;background:#25D366;display:grid;place-items:center;box-shadow:0 10px 30px rgba(37,211,102,.45),0 3px 10px rgba(0,0,0,.35);animation:wa-pulse 2.6s ease-out infinite;transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.wa-float:hover{transform:scale(1.09)}
.wa-float svg{width:34px;height:34px;fill:#fff}
@keyframes wa-pulse{0%{box-shadow:0 10px 30px rgba(37,211,102,.45),0 0 0 0 rgba(37,211,102,.55)}70%{box-shadow:0 10px 30px rgba(37,211,102,.45),0 0 0 18px rgba(37,211,102,0)}100%{box-shadow:0 10px 30px rgba(37,211,102,.45),0 0 0 0 rgba(37,211,102,0)}}
@media (max-width:600px){.wa-float{width:54px;height:54px;right:16px;bottom:16px}.wa-float svg{width:30px;height:30px}}
.wa-inline{margin:36px 0;display:flex;justify-content:center}
.wa-inline a{display:inline-flex;align-items:center;gap:12px;background:#25D366;color:#fff;font-family:'Manrope',system-ui,sans-serif;font-weight:700;font-size:16px;line-height:1;padding:15px 28px;border-radius:14px;text-decoration:none;box-shadow:0 6px 20px rgba(37,211,102,.35);transition:transform .2s,box-shadow .2s}
.wa-inline a:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(37,211,102,.5)}
.wa-inline svg{width:24px;height:24px;fill:#fff;flex:0 0 auto}