/* Idea Creatorz — clean edition */
*{margin:0;padding:0;box-sizing:border-box}
:root{
  --bg:#07080d; --panel:rgba(15,17,26,.72); --ink:#f4f2ea; --muted:rgba(244,242,234,.62);
  --line:rgba(244,242,234,.1); --accent:#d8f34e; --accent-ink:#141505;
  --vio:#8b5cf6; --radius:20px; --max:1180px; --orbL:55%;
}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:'Inter',sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased;transition:background-color .5s ease,color .5s ease}
h1,h2,h3{font-family:'Sora',sans-serif;letter-spacing:-.02em}
h2{font-size:clamp(1.9rem,4vw,3rem);line-height:1.12} h2 em{color:var(--accent);font-style:normal}
.center{text-align:center}
.muted{color:var(--muted)}
/* floating challenge widget */
#challenge{position:fixed;right:22px;bottom:22px;z-index:50;display:flex;flex-direction:column;align-items:flex-end;gap:12px}
#chBtn{display:flex;align-items:center;gap:12px;background:#101208;border:1px solid var(--accent);color:var(--ink);border-radius:100px;padding:10px 22px 10px 12px;cursor:pointer;font-family:'Sora';box-shadow:0 12px 40px rgba(216,243,78,.25);position:relative;transition:transform .2s}
#chBtn:hover{transform:translateY(-3px)}
#chBtn .trophy{font-size:1.7rem;background:var(--accent);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center}
#chBtn .txt{text-align:left}
#chBtn b{display:block;font-size:.8rem;letter-spacing:.14em;color:var(--accent)}
#chBtn small{font-size:.66rem;color:var(--muted);font-family:'Inter'}
#chBtn .ping{position:absolute;top:-2px;right:-2px;width:12px;height:12px;border-radius:50%;background:var(--pink);animation:pl 1.6s infinite}
#chPanel{display:none;width:290px;background:#0e0f17;border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:0 30px 80px rgba(0,0,0,.6)}
#challenge.open #chPanel{display:block}
.cp-title{font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
#chPanel button[data-game]{width:100%;display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.04);border:1px solid var(--line);color:var(--ink);border-radius:14px;padding:12px 14px;cursor:pointer;font-family:'Sora';font-size:.85rem;margin-bottom:10px;transition:border-color .25s,transform .2s;text-align:left}
#chPanel button[data-game]:hover{border-color:var(--accent);transform:translateX(-3px)}
#chPanel button[data-game] span:first-child{font-size:1.6rem}
#chPanel button[data-game] small{display:block;font-size:.66rem;color:var(--muted);font-family:'Inter';margin-top:2px}
#chPanel button[data-game] em{margin-left:auto;color:var(--accent);font-style:normal}
.cp-best{font-size:.72rem;color:var(--muted);text-align:center;margin-top:6px}
.cp-best b{color:var(--accent)}
/* challenge stays hot pink forever — pops on every section hue */
#chBtn{border-color:#ff5ca8;box-shadow:0 12px 44px rgba(255,92,168,.45)}
#chBtn .trophy{background:#ff5ca8}
#chBtn b{color:#ff5ca8}
#chPanel button[data-game]:hover{border-color:#ff5ca8}
#chPanel button[data-game] em{color:#ff5ca8}
.cp-best b{color:#ff5ca8}
#gameModal{position:fixed;inset:0;z-index:90;background:rgba(4,5,9,.82);display:none;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(6px)}
#gameModal.open{display:flex}
.gcard{width:min(620px,94vw);background:#0e0f17;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,.6)}
.ghead{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line);font-family:'Sora'}
.ghead b{font-size:.95rem}
#gameHud{margin-left:auto;font-size:.92rem;color:var(--accent);font-weight:800;letter-spacing:.04em}
#gameClose{background:rgba(255,255,255,.06);border:1px solid var(--line);color:var(--ink);width:34px;height:34px;border-radius:50%;cursor:pointer;font-size:.85rem}
#gameBody{padding:20px;min-height:300px;position:relative}
.pvbanner{position:absolute;inset:20px;display:flex;align-items:center;justify-content:center;font-family:'Sora';font-weight:800;font-size:1.25rem;color:var(--accent);background:rgba(7,8,13,.6);border:1px dashed var(--accent);border-radius:14px;z-index:2;pointer-events:none;text-align:center;padding:0 20px}
#bugCanvas{width:100%;height:380px;display:block;background:#070912;border:1px solid rgba(216,243,78,.35);border-radius:14px;cursor:crosshair;touch-action:none;box-shadow:inset 0 0 60px rgba(139,92,246,.12)}
#muteBtn{background:rgba(255,255,255,.06);border:1px solid var(--line);color:var(--ink);width:34px;height:34px;border-radius:50%;cursor:pointer;font-size:.85rem}
#muteBtn.off{opacity:.4}
.gmsg{text-align:center;padding:36px 10px}
.gmsg h3{font-size:1.6rem;margin-bottom:10px;font-weight:800}
.gmsg p{color:var(--ink);margin-bottom:18px;font-weight:600}
.memgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.memcard{aspect-ratio:3/3.4;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;cursor:pointer;font-family:'Sora';transition:transform .25s,background .25s;user-select:none}
.memcard .ico2{font-size:1.6rem}
.memcard .nm{font-size:.68rem;letter-spacing:.04em;color:var(--ink);font-weight:700}
.memcard .q{font-size:1.6rem;color:var(--accent);font-weight:800}
.memcard.open{background:rgba(216,243,78,.1);border-color:var(--accent)}
.memcard.done{background:rgba(139,92,246,.16);border-color:var(--vio);cursor:default}
.memcard.hide .ico2,.memcard.hide .nm{display:none}
.memcard:not(.hide) .q{display:none}
/* clean particle page background */
body::before{content:'';position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:radial-gradient(rgba(244,242,234,.16) 1px,transparent 1.4px);
  background-size:34px 34px;opacity:.5}
body::after{content:'';position:fixed;z-index:0;pointer-events:none;width:52vw;height:52vw;left:-14vw;top:-14vw;
  background:radial-gradient(circle,rgba(139,92,246,.13),transparent 65%);animation:drift 16s ease-in-out infinite alternate}
@keyframes drift{to{transform:translate(6vw,4vh)}}
#bgword{display:none}
.dim{position:fixed;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(7,8,13,.84),rgba(7,8,13,.68) 40%,rgba(7,8,13,.88))}
.vignette{position:fixed;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.5) 100%)}
#progress{position:fixed;top:0;left:0;height:3px;width:0;background:var(--accent);z-index:60}
#cursor{position:fixed;z-index:70;width:14px;height:14px;border-radius:50%;background:var(--accent);pointer-events:none;transform:translate(-50%,-50%);transition:width .2s,height .2s,opacity .2s;mix-blend-mode:difference}
#cursor.big{width:52px;height:52px;opacity:.85}
/* nav */
nav{position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:20;width:min(var(--max),calc(100vw - 24px));display:flex;align-items:center;justify-content:space-between;padding:10px 12px 10px 20px;background:rgba(10,11,17,.72);border:1px solid var(--line);border-radius:100px;backdrop-filter:blur(16px);white-space:nowrap}
.brand{font-family:'Sora';font-weight:800;letter-spacing:.1em;font-size:.85rem;color:var(--ink);text-decoration:none}
.brand span{color:var(--accent)}
.iconbtn{background:transparent;border:1px solid var(--line);color:var(--ink);width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.iconbtn:hover{border-color:var(--accent)}
nav{gap:14px}
.links{display:flex;gap:28px;align-items:center}
.actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.links a{color:var(--muted);text-decoration:none;font-size:.82rem;font-weight:500}
.links a:hover{color:var(--ink)}
/* buttons */
.btn{display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.04em;padding:14px 28px;border-radius:100px;border:1px solid var(--line);color:var(--ink);background:transparent;cursor:pointer;font-family:inherit;text-decoration:none;transition:transform .2s}
.btn.solid{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.btn.solid:hover{transform:translateY(-2px)}
.btn.ghost:hover{border-color:var(--accent);color:var(--accent)}
.btn.small{padding:10px 20px;font-size:.76rem}
.btn.full{width:100%;text-align:center;margin-top:18px}
/* layout */
main{position:relative;z-index:4}
.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:130px 6vw 40px;max-width:var(--max);margin:0 auto;width:100%;position:relative}
#play{position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);pointer-events:none;opacity:.5}
.orb{position:fixed;border-radius:50%;filter:blur(70px);z-index:0;pointer-events:none;opacity:.62;transition:background 1.4s ease}
#orb1{width:64vw;height:64vw;left:-18vw;top:-16vw;background:radial-gradient(circle,hsl(var(--h1,265),85%,var(--orbL,55%)),transparent 65%)}
#orb2{width:52vw;height:52vw;right:-16vw;top:34vh;background:radial-gradient(circle,hsl(var(--h2,90),85%,var(--orbL,50%)),transparent 65%)}
/* accent theming follows the orbs — smooth everywhere */
.btn.solid,.eyebrow,h2 em,.brand span,.links .cta,.role #typer,.caret,.stat b,.tilt b,.card a,.contact-lines a,.best b,#gameHud,.bar label b,.aitem button span,.hero-stats b,.memcard .q{transition:background-color .7s ease,color .7s ease,border-color .7s ease,transform .2s ease}
.hero-inner{position:relative;z-index:1}
.scroll-hint{position:relative;z-index:1}
.hero-inner{display:grid;grid-template-columns:1.25fr .9fr;gap:48px;align-items:center}
.badge{display:inline-flex;align-items:center;gap:9px;font-size:.74rem;color:var(--muted);border:1px solid var(--line);border-radius:100px;padding:8px 16px;margin-bottom:22px;background:rgba(255,255,255,.03)}
.pulse{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:pl 1.8s infinite}
@keyframes pl{50%{opacity:.3;transform:scale(.8)}}
.hero h1{font-size:clamp(2.6rem,6.5vw,4.8rem);font-weight:800;line-height:1.02}
.role{margin-top:14px;font-size:clamp(1rem,2vw,1.3rem);color:var(--muted)}
.role #typer{color:var(--accent);font-weight:600}
.caret{color:var(--accent);animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.sub{margin-top:16px;color:var(--muted);line-height:1.7;max-width:52ch}
.hero-cta{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}
.hero-stats{display:flex;gap:34px;margin-top:36px}
.hero-stats b{display:block;font-family:'Sora';font-size:1.7rem;color:var(--accent)}
.hero-stats span{font-size:.72rem;color:var(--muted);letter-spacing:.04em}
.hero-card{background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:34px;text-align:center;backdrop-filter:blur(18px)}
.avatar{width:92px;height:92px;border-radius:50%;margin:0 auto 16px;background:linear-gradient(135deg,var(--accent),var(--vio));display:flex;align-items:center;justify-content:center;font-family:'Sora';font-weight:800;font-size:1.8rem;color:#101208}
.hero-card h3{font-size:1.25rem}
.hero-card .muted{font-size:.82rem;margin-top:4px}
.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px;justify-content:center}
.tags span{font-size:.68rem;color:var(--muted);border:1px solid var(--line);border-radius:100px;padding:5px 12px;background:rgba(255,255,255,.03)}
.hint{font-size:.72rem;color:var(--muted);margin-top:16px;line-height:1.6}
.scroll-hint{text-align:center;margin-top:56px;font-size:.68rem;letter-spacing:.35em;color:var(--muted)}
/* marquee */
.marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;background:rgba(255,255,255,.02);position:relative;z-index:4}
.marquee::before{content:'';position:absolute;top:-1px;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),var(--vio),transparent)}
.mtrack{display:flex;gap:44px;width:max-content;animation:mq 26s linear infinite}
.marquee:hover .mtrack{animation-play-state:paused}
.mtrack span{font-family:'Sora';font-weight:600;font-size:.9rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);white-space:nowrap}
.mtrack span:nth-child(even){color:transparent;-webkit-text-stroke:1px var(--muted)}
.mtrack span::after{content:'✦';margin-left:44px;color:var(--accent);-webkit-text-stroke:0}
@keyframes mq{to{transform:translateX(-50%)}}
/* illustrated flow separator — borderless, full width */
.flowdiv{margin:10px 0 0;padding:26px 3vw 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent;position:relative;z-index:4}
.flowdiv svg{width:100%;max-width:1400px;height:auto;display:block;margin:0 auto}
.fl-flow{stroke:var(--accent);stroke-width:2;stroke-dasharray:9 8;animation:flflow 1s linear infinite}
@keyframes flflow{to{stroke-dashoffset:-34}}
.fl-dot{fill:var(--accent)}
/* terminal typing separator */
.termdiv{display:flex;justify-content:center;padding:6px 6vw 0;position:relative;z-index:4}
.termbar{display:flex;align-items:center;gap:12px;background:#0b0c13;border:1px solid var(--line);border-radius:100px;padding:13px 26px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.82rem;box-shadow:0 18px 50px rgba(0,0,0,.45);max-width:100%;overflow:hidden;white-space:nowrap}
.tdots{display:flex;gap:6px}
.tdots i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.16)}
.tdots i:first-child{background:#ff5ca8}.tdots i:nth-child(2){background:#d8f34e}.tdots i:last-child{background:#5cc8ff}
#termLine{color:var(--ink);font-weight:600}
#termLine .out{color:var(--accent)}
.fn1{fill:rgba(139,92,246,.1);stroke:#8b5cf6;stroke-width:2.5}
.fn2{fill:rgba(92,200,255,.08);stroke:#5cc8ff;stroke-width:2.5}
.fn3{fill:rgba(92,200,255,.08);stroke:#5cc8ff;stroke-width:2.5}
.fn4{fill:rgba(216,243,78,.08);stroke:var(--accent);stroke-width:2.5}
.fico{font-size:22px;text-anchor:middle}
.flbl{font-family:'Sora';font-size:11px;font-weight:700;letter-spacing:.22em;text-anchor:middle;fill:var(--ink)}
.fsub{font-family:'Inter';font-size:10px;text-anchor:middle;fill:var(--muted)}
.fstep{font-family:'Sora';font-size:10px;font-weight:700;letter-spacing:.2em;text-anchor:middle;fill:var(--muted)}
/* sections */
.section{max-width:var(--max);margin:0 auto;padding:110px 6vw 30px}
.section.slim{padding-top:70px}
.eyebrow{font-size:.7rem;letter-spacing:.32em;text-transform:uppercase;color:var(--accent);margin-bottom:16px;font-weight:600}
.body{color:var(--muted);line-height:1.75;margin-top:14px;max-width:60ch}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
#services{position:relative}
.svc-wrap{margin-top:32px}
#matrix{position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);opacity:.65;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 220px);mask-image:linear-gradient(180deg,transparent 0,#000 220px)}
#services>*:not(#matrix){position:relative;z-index:1}
.opsfeed{display:flex;align-items:center;gap:10px;margin-top:20px;background:rgba(10,11,17,.72);border:1px solid var(--line);border-radius:12px;padding:12px 18px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.78rem;max-width:660px;backdrop-filter:blur(8px)}
.opsfeed .tag{font-size:.6rem;letter-spacing:.24em;color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:3px 8px;white-space:nowrap}
#opsLine{color:var(--accent);font-weight:700;transition:opacity .35s}
#opsLine.fade{opacity:0}
/* (battle styles retired — previews live in the side dock) */
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:30px;backdrop-filter:blur(14px);transition:transform .18s ease-out,border-color .3s}
.card:hover{border-color:rgba(216,243,78,.5)}
.card h3{font-size:1.1rem;margin:16px 0 8px}
.card p{font-size:.88rem;color:var(--muted);line-height:1.65}
.card .tags{justify-content:flex-start;margin-top:16px}
.ico{width:40px;height:40px;stroke:var(--accent);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
/* stack */
/* stack backdrop — full-section blueprint grid */
#stack{position:relative;overflow:hidden}
#stack::before{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(139,92,246,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,.15) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(ellipse 95% 95% at 50% 50%,#000 55%,transparent 100%);mask-image:radial-gradient(ellipse 95% 95% at 50% 50%,#000 55%,transparent 100%)}
#stack>*{position:relative;z-index:1}
.split{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:start}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}
.chips span{font-size:.72rem;border:1px solid var(--line);color:var(--muted);border-radius:100px;padding:7px 14px}
.bars{display:grid;grid-template-columns:1fr 1fr;gap:16px 22px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:28px;align-content:start}
.bar label{display:flex;justify-content:space-between;font-size:.8rem;margin-bottom:8px}
.bar label b{color:var(--accent)}
.track{height:8px;background:rgba(255,255,255,.07);border-radius:10px;overflow:hidden}
.track span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--vio),var(--accent));border-radius:10px;transition:width 1.1s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}
.track span::after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.5) 50%,transparent 80%);transform:translateX(-100%);animation:shim 3s ease-in-out infinite}
.bar:nth-child(2n) .track span::after{animation-delay:.7s}
.bar:nth-child(3n) .track span::after{animation-delay:1.3s}
@keyframes shim{55%,100%{transform:translateX(100%)}}
.bar small{color:var(--muted);font-size:.72rem;display:block;margin-top:6px;line-height:1.5}
/* timeline */
.timeline{margin:48px auto 0;max-width:640px;position:relative;padding-left:34px;--p:0}
.timeline::before{content:'';position:absolute;left:8px;top:14px;bottom:14px;width:2px;border-radius:2px;background:rgba(255,255,255,.08)}
.timeline::after{content:'';position:absolute;left:8px;top:14px;width:2px;border-radius:2px;background:linear-gradient(180deg,var(--accent),var(--vio));height:calc((100% - 28px) * var(--p) / 100);box-shadow:0 0 12px rgba(216,243,78,.5)}
.tstep{position:sticky;top:calc(92px + var(--i) * 20px);background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:26px 28px;display:grid;grid-template-columns:76px 1fr;gap:18px;margin-bottom:18px;backdrop-filter:blur(14px);box-shadow:0 24px 60px rgba(0,0,0,.4);transition:border-color .4s}
.tstep.active{border-color:var(--accent)}
.tnum{font-family:'Sora';font-weight:800;font-size:2rem;line-height:1;color:transparent;-webkit-text-stroke:1.2px var(--accent)}
.tstep h3{font-size:1.05rem;margin-bottom:6px}
.tstep p{color:var(--muted);font-size:.88rem;line-height:1.65}
/* stats */
.stats{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.stat{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:26px 40px;text-align:center;min-width:180px}
.stat b{font-family:'Sora';font-size:2.1rem;color:var(--accent);display:block}
.stat span{font-size:.72rem;color:var(--muted)}
.fine{font-size:.74rem;color:var(--muted);margin-top:16px}
/* accordion */
/* assurance strip between metrics and faq */
.assure{display:flex;justify-content:center;gap:12px 34px;flex-wrap:wrap;margin:0 0 54px;padding:18px 6vw;border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;z-index:4}
.assure span{font-size:.78rem;color:var(--muted);display:flex;align-items:center;gap:8px}
.assure span::before{content:'✓';color:var(--accent);font-weight:800}
/* faq editorial split + numbered accordion */
.faq-wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:start}
.faq-head{position:sticky;top:110px}
.faq-head a{color:var(--accent);text-decoration:none}
.accordion{display:flex;flex-direction:column;gap:12px;counter-reset:q}
.aitem button::before{counter-increment:q;content:'0' counter(q);font-size:.72rem;color:var(--muted);letter-spacing:.14em;margin-right:16px}
.aitem.open{border-color:var(--accent)}
.aitem.open button::before{color:var(--accent)}
/* handoff divider between faq and contact */
.handoff{display:flex;align-items:center;gap:22px;max-width:var(--max);margin:0 auto;padding:10px 6vw;position:relative;z-index:4}
.handoff span{flex:1;height:1px;background:var(--line)}
.handoff p{font-family:ui-monospace,SFMono-Regular,monospace;font-size:.78rem;letter-spacing:.28em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.handoff p b{display:inline-block;color:var(--accent);animation:hop 1.6s ease-in-out infinite}
@keyframes hop{50%{transform:translateY(6px)}}
/* whatsapp — contact button + floating bubble */
.btn.wa{background:#25D366;border-color:#25D366;color:#052e16;font-weight:700;margin-top:16px}
.btn.wa:hover{transform:translateY(-2px)}
#waFloat{position:fixed;left:22px;bottom:22px;z-index:50;width:50px;height:50px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 32px rgba(37,211,102,.45);transition:transform .2s ease;cursor:pointer}
#waFloat:hover{transform:scale(1.14)}
#waFloat svg{width:24px;height:24px}
@media(max-width:640px){#waFloat{left:12px;bottom:12px}}
@media(max-width:960px){.faq-wrap{grid-template-columns:1fr}.faq-head{position:static}}
.aitem{background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.aitem button{width:100%;background:none;border:none;color:var(--ink);font-family:'Sora';font-size:.95rem;font-weight:600;display:flex;justify-content:space-between;align-items:center;padding:20px 24px;cursor:pointer;text-align:left}
.aitem button span{color:var(--accent);font-size:1.3rem;transition:transform .3s}
.aitem.open button span{transform:rotate(45deg)}
.abody{max-height:0;overflow:hidden;transition:max-height .4s ease}
.abody p{padding:0 24px 22px;color:var(--muted);font-size:.88rem;line-height:1.7}
/* contact */
.contact-card{max-width:920px;margin:0 auto;background:var(--panel);border:1px solid var(--line);border-radius:28px;padding:56px;display:grid;grid-template-columns:1fr 1fr;gap:48px;backdrop-filter:blur(18px)}
.contact-lines{margin-top:18px;display:flex;flex-direction:column;gap:8px;font-size:.9rem}
.contact-lines a{color:var(--accent);text-decoration:none}
form{display:flex;flex-direction:column;gap:12px}
form input{background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:14px;padding:15px 18px;color:var(--ink);font-family:inherit;font-size:.9rem;outline:none}
form input:focus{border-color:var(--accent)}
/* footer */
.site-footer{margin-top:60px;border-top:1px solid var(--line);padding:40px 0 10px;position:relative;z-index:4}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:28px;max-width:var(--max);margin:0 auto;padding:0 6vw}
.foot-grid h5{font-size:.68rem;letter-spacing:.24em;color:var(--muted);margin-bottom:14px;text-transform:uppercase}
.foot-grid a{display:block;color:var(--muted);text-decoration:none;font-size:.85rem;margin-bottom:10px}
.foot-grid a:hover{color:var(--accent)}
.foot-brand{font-family:'Sora';font-weight:800;letter-spacing:.1em;margin-bottom:10px}
.foot-brand span{color:var(--accent)}
.foot-bottom{text-align:center;margin-top:30px;padding-top:18px;border-top:1px solid var(--line);font-size:.72rem;color:var(--muted)}
footer{text-align:center;margin:48px 0 26px;font-size:.72rem;color:var(--muted);letter-spacing:.06em}
@media(max-width:640px){.foot-grid{grid-template-columns:1fr}}
/* reveal */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}
.reveal.in{opacity:1;transform:none}
@media(max-width:960px){
  .hero-inner{grid-template-columns:1fr}
  .grid3{grid-template-columns:1fr 1fr}
  .split{grid-template-columns:1fr}
  .contact-card{grid-template-columns:1fr;padding:36px}
  #challenge{right:12px;bottom:12px}
}
@media(max-width:900px){
  .links{display:none}
  .brand{font-size:.75rem;letter-spacing:.08em}
  .btn.small{padding:9px 15px;font-size:.7rem}
}
@media(max-width:600px){.bars{grid-template-columns:1fr}}
@media(max-width:640px){
  .links{display:none}
  .grid3{grid-template-columns:1fr}
  body{cursor:auto}#cursor{display:none}
  .section{padding:80px 6vw 20px}
}
/* ---------- day theme ---------- */
body.light{--bg:#f3f0e6;--ink:#191712;--muted:rgba(25,23,18,.62);--line:rgba(25,23,18,.13);--panel:rgba(255,255,255,.7);--orbL:44%;color-scheme:light}
body.light nav{background:rgba(255,255,255,.78)}
body.light .dim{background:rgba(243,240,230,.14)}
body.light .vignette{opacity:.35}
body.light::before{background-image:radial-gradient(rgba(25,23,18,.13) 1px,transparent 1.4px)}
body.light .orb{display:none}
body.light #play{opacity:.9}
body.light #matrix{opacity:.55}
body.light form input{background:rgba(25,23,18,.05);color:var(--ink)}
body.light .gcard{background:#fbfaf6}
body.light #chBtn{background:#fbfaf6}
body.light #chPanel{background:#fbfaf6}
body.light .termbar{background:#fbfaf6}
body.light .opsfeed{background:rgba(255,255,255,.7)}
body.light .track{background:rgba(25,23,18,.09)}
body.light .memcard{background:rgba(25,23,18,.04)}
body.light #gameModal{background:rgba(20,18,12,.72)}