:root{--bg:#07070f;--bg2:#0d0d1c;--ink:#eef0ff;--mut:#9aa0bd;--line:rgba(255,255,255,.09);--glass:rgba(255,255,255,.045);--v:#8b5cf6;--c:#22d3ee;--l:#a3e635;--grad:linear-gradient(110deg,#a78bfa,#22d3ee 55%,#a3e635);--r:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--ink);background:var(--bg);line-height:1.65;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;background:radial-gradient(800px 500px at 85% -10%,rgba(139,92,246,.18),transparent 60%),radial-gradient(700px 500px at -10% 30%,rgba(34,211,238,.10),transparent 60%);pointer-events:none;z-index:-1}
h1,h2,h3,.logo{font-family:"Space Grotesk",Inter,sans-serif;letter-spacing:-.02em}
a{color:var(--c)}.wrap{max-width:1180px;margin:0 auto;padding:0 22px}
.gt{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
header.site{position:sticky;top:0;background:rgba(7,7,15,.7);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);z-index:20}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;height:68px}
.logo{font-weight:700;font-size:1.25rem;text-decoration:none;color:var(--ink);display:flex;align-items:center;gap:10px}.logo span{background:var(--grad);-webkit-background-clip:text;color:transparent}
.logo i{width:26px;height:26px;border-radius:8px;background:var(--grad);box-shadow:0 0 18px rgba(139,92,246,.6)}
nav.main a{margin-left:24px;text-decoration:none;color:var(--mut);font-weight:500;font-size:.95rem;transition:color .2s}nav.main a:hover{color:var(--ink)}
.menu-btn{display:none;background:none;color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:6px 11px;font-size:1.1rem}
@media(max-width:820px){.menu-btn{display:block}nav.main{display:none;position:absolute;top:68px;left:0;right:0;background:#0b0b18;border-bottom:1px solid var(--line);padding:10px 22px}nav.main.open{display:block}nav.main a{display:block;margin:12px 0}}
.btn{display:inline-block;padding:13px 24px;border-radius:12px;background:var(--grad);color:#07070f;text-decoration:none;font-weight:700;border:0;cursor:pointer;font-size:1rem;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 30px -8px rgba(139,92,246,.7)}
.btn:hover{transform:translateY(-2px);box-shadow:0 12px 40px -6px rgba(34,211,238,.7)}
.btn.ghost{background:var(--glass);color:var(--ink);border:1px solid rgba(255,255,255,.2);box-shadow:none;backdrop-filter:blur(8px)}.btn.ghost:hover{border-color:var(--c)}.btn.sm{padding:9px 15px;font-size:.9rem}
.hero{position:relative;padding:110px 0 90px;overflow:hidden;border-bottom:1px solid var(--line)}
.hero canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.7}
.hero .wrap{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:center}
.hero.small .wrap{grid-template-columns:1fr}.hero.small{padding:72px 0 56px}
.hero h1{font-size:clamp(2.4rem,6vw,4.6rem);line-height:1.02;margin:0 0 20px;font-weight:700}
.hero p{font-size:1.18rem;color:var(--mut);max-width:620px}.hero .ctas,.ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.hero-art{width:100%;max-width:480px;justify-self:end;animation:spin 80s linear infinite;filter:drop-shadow(0 0 40px rgba(139,92,246,.35))}
@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:820px){.hero .wrap{grid-template-columns:1fr}.hero-art{max-width:300px;justify-self:center;opacity:.8}}
.eyebrow{display:inline-flex;gap:8px;align-items:center;font-size:.8rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--c);border:1px solid rgba(34,211,238,.35);border-radius:999px;padding:5px 12px;margin-bottom:18px;background:rgba(34,211,238,.06)}
.eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--l);box-shadow:0 0 10px var(--l)}
.marquee{border-bottom:1px solid var(--line);overflow:hidden;padding:16px 0;background:rgba(255,255,255,.02)}
.marquee .track{display:flex;gap:44px;width:max-content;animation:mq 38s linear infinite;font-family:"Space Grotesk";font-size:1.05rem;color:var(--mut);white-space:nowrap}
.marquee .track span::after{content:"✦";margin-left:44px;color:var(--v)}@keyframes mq{to{transform:translateX(-50%)}}
section{padding:84px 0;position:relative}section.alt{background:linear-gradient(180deg,var(--bg2),var(--bg))}
section.waves{background:url(../img/waves.svg) center/cover no-repeat,var(--bg2)}
h2{font-size:clamp(1.8rem,3.4vw,2.6rem);margin:0 0 10px;line-height:1.1}h1{line-height:1.1}.lead{color:var(--mut);margin:0 0 34px;font-size:1.08rem}
.grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.cat,.card,.filters,.glass{background:var(--glass);border:1px solid var(--line);border-radius:var(--r);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.cat{padding:26px;display:flex;flex-direction:column;transition:transform .25s,border-color .25s,box-shadow .25s}.cat:hover,.card:hover{transform:translateY(-5px);border-color:rgba(139,92,246,.55);box-shadow:0 18px 50px -18px rgba(139,92,246,.6),0 0 0 1px rgba(34,211,238,.15) inset}
.cat h3{margin:0 0 8px;font-size:1.15rem}.cat p{color:var(--mut);margin:0 0 16px;flex:1;font-size:.95rem}.cat.ph{border-style:dashed}
.ico{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;margin-bottom:16px;background:linear-gradient(135deg,rgba(139,92,246,.3),rgba(34,211,238,.15));border:1px solid rgba(255,255,255,.12)}
.ico svg{width:24px;height:24px;stroke:var(--c);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cat:hover .ico svg{animation:pulse 1.2s ease-in-out infinite}.ico svg .an{animation:dash 3s linear infinite;stroke-dasharray:4 4}@keyframes dash{to{stroke-dashoffset:-16}}@keyframes pulse{50%{transform:scale(1.15)}}
.ph-t{background:rgba(245,159,0,.13);color:#fbbf24;padding:0 5px;border-radius:5px;font-size:.95em;border:1px dashed rgba(251,191,36,.35)}
.label{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:rgba(251,191,36,.12);color:#fbbf24;padding:4px 10px;border-radius:999px;border:1px solid rgba(251,191,36,.3)}
.badge{display:inline-block;font-size:.74rem;font-weight:700;padding:3px 10px;border-radius:999px;background:linear-gradient(90deg,#f59e0b,#f97316);color:#111;box-shadow:0 0 16px rgba(249,115,22,.45)}
.example{display:inline-block;font-size:.68rem;font-weight:700;padding:2px 8px;border-radius:999px;background:rgba(244,63,94,.14);color:#fb7185;border:1px solid rgba(244,63,94,.35);text-transform:uppercase;letter-spacing:.05em}
.card{padding:22px;display:flex;flex-direction:column;gap:10px;transition:transform .25s,border-color .25s,box-shadow .25s}
.card .top{display:flex;gap:13px;align-items:center}.tile{width:50px;height:50px;border-radius:14px;background:var(--grad);color:#07070f;display:grid;place-items:center;font-weight:800;flex:none;font-family:"Space Grotesk"}
.card h3{margin:0;font-size:1.1rem}.tags{font-size:.82rem;color:#c4b5fd}.card p{margin:0;color:var(--mut);font-size:.93rem}.meta{font-size:.83rem;color:var(--mut)}.meta b{color:var(--ink);font-weight:600}
.card .foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:8px;border-top:1px solid var(--line)}.card .foot a{text-decoration:none;font-weight:600}
.notice{background:rgba(251,191,36,.07);border:1px solid rgba(251,191,36,.25);border-radius:12px;padding:13px 17px;font-size:.92rem;margin:16px 0;color:#fde68a}.notice a{color:#fbbf24}
.dir{display:grid;grid-template-columns:270px 1fr;gap:30px}@media(max-width:820px){.dir{grid-template-columns:1fr}}
.filters{padding:20px;align-self:start;position:sticky;top:88px}.filters h3{margin:0 0 12px}@media(max-width:820px){.filters{position:static}}
.filters fieldset{border:0;padding:0;margin:0 0 18px}.filters legend{font-weight:700;font-size:.8rem;margin-bottom:8px;text-transform:uppercase;letter-spacing:.08em;color:var(--c)}.filters label{display:block;font-size:.9rem;cursor:pointer;padding:2px 0;color:#d6d9ee}
input[type=checkbox]{accent-color:var(--v)}
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}
select,input[type=text],input[type=email],input[type=url],input[type=file],textarea{width:100%;padding:11px 13px;border:1px solid rgba(255,255,255,.14);border-radius:10px;font:inherit;background:rgba(255,255,255,.04);color:var(--ink)}
select option{background:#111}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--v);box-shadow:0 0 0 3px rgba(139,92,246,.25)}.toolbar select{width:auto}
form.f{display:grid;gap:15px;max-width:660px}form.f label{font-weight:600;font-size:.92rem}form.f .help{font-weight:400;color:var(--mut);font-size:.82rem;display:block}
.checks label{font-weight:400!important;display:inline-block;margin-right:16px}.ok{display:none;background:rgba(163,230,53,.1);border:1px solid rgba(163,230,53,.4);padding:13px 17px;border-radius:12px;color:#d9f99d}
.inline-form{display:flex;gap:10px;max-width:500px;flex-wrap:wrap}.inline-form input{flex:1;min-width:200px}
table{width:100%;border-collapse:collapse;font-size:.93rem}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--c);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}
.tbl{overflow-x:auto;background:var(--glass);border:1px solid var(--line);border-radius:var(--r)}.vbadge{font-size:.74rem;padding:2px 9px;border-radius:999px;border:1.5px solid var(--c);color:var(--c)}.vbadge.v{background:var(--c);color:#07070f}
.prose{max-width:780px}.prose li{margin:6px 0}.faq details{border:1px solid var(--line);background:var(--glass);border-radius:14px;padding:16px 20px;margin-bottom:12px;transition:border-color .2s}.faq details[open]{border-color:rgba(139,92,246,.5)}.faq summary{font-weight:600;cursor:pointer;font-family:"Space Grotesk";font-size:1.05rem}
.warn{background:rgba(244,63,94,.12);color:#fda4af;padding:13px 17px;border-radius:12px;font-weight:700;border:1px solid rgba(244,63,94,.35)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.split img{width:100%;max-width:480px}@media(max-width:820px){.split{grid-template-columns:1fr}}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s ease}.reveal.in{opacity:1;transform:none}
footer.site{background:#05050b;color:var(--mut);padding:56px 0 26px;font-size:.92rem;border-top:1px solid var(--line);position:relative}
footer.site::before{content:"";position:absolute;top:-1px;left:0;right:0;height:1px;background:var(--grad);opacity:.6}
footer.site a{color:#d6d9ee;text-decoration:none}footer.site a:hover{color:var(--c)}
.fcols{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:26px}.fcols h4{color:var(--ink);margin:0 0 12px;font-family:"Space Grotesk"}.fcols ul{list-style:none;padding:0;margin:0}.fcols li{margin:7px 0}
.fbottom{border-top:1px solid var(--line);margin-top:30px;padding-top:20px;display:grid;gap:8px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.hero canvas{display:none}}
.cc{position:fixed;left:16px;right:16px;bottom:16px;max-width:560px;margin:0 auto;z-index:100;background:rgba(13,13,28,.96);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;box-shadow:0 20px 60px -10px rgba(0,0,0,.7),0 0 0 1px rgba(139,92,246,.25);backdrop-filter:blur(14px);color:var(--ink);font-size:.92rem}
.cc[hidden]{display:none}.cc p{margin:0 0 12px;color:#d6d9ee}.cc-b{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.cc button:focus-visible{outline:2px solid var(--c);outline-offset:2px}
.linkbtn{background:none;border:0;padding:0;font:inherit;color:inherit;text-decoration:underline;cursor:pointer}


.promo-sec{padding:64px 0}.promo-vid{padding:10px;max-width:960px;margin:0 auto;box-shadow:0 20px 60px -20px rgba(139,92,246,.45)}.promo-vid video{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:12px;background:#07070f}.promo-sec h2,.promo-sec .lead{text-align:center}.promo-sec .lead{max-width:640px;margin-left:auto;margin-right:auto}

.tile.logo{background:#fff;padding:7px;box-sizing:border-box;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.12)}.tile.logo img{width:100%;height:100%;object-fit:contain;display:block}
.logo-wall{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.lw{display:flex;align-items:center;gap:11px;padding:12px 14px;background:var(--glass);border:1px solid var(--line);border-radius:var(--r);text-decoration:none;color:var(--ink);font-weight:600;font-size:.92rem;transition:transform .2s,border-color .2s}.lw:hover{transform:translateY(-3px);border-color:rgba(139,92,246,.55)}.lw .tile{width:44px;height:44px;border-radius:12px}

.post-vid{margin:18px auto 6px;max-width:340px}.post-vid video{display:block;width:100%;height:auto;aspect-ratio:9/16;border-radius:14px;background:#07070f;box-shadow:0 20px 60px -20px rgba(139,92,246,.45)}.post-vid figcaption{font-size:.85rem;opacity:.75;text-align:center;margin-top:8px}