:root {
  --bg: #090a11;
  --bg-2: #100d1a;
  --panel: #151222;
  --ink: #fff8e8;
  --muted: #c4bdd2;
  --pink: #f4489d;
  --yellow: #ffd21f;
  --cyan: #13d4d3;
  --purple: #8a43d4;
  --blue: #4a8cd8;
  --black: #12121a;
  --line: rgba(255,248,232,.15);
  --line-bright: rgba(255,248,232,.30);
  --shadow: 0 18px 50px rgba(0,0,0,.48);
  --display: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  --marker: "Arial Black", Impact, sans-serif;
  --body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --shell: 1180px;
  --header: 68px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--bg); }
body { margin:0; min-width:320px; overflow-x:hidden; color:var(--ink); font-family:var(--body); font-size:16px; line-height:1.5; background: radial-gradient(circle at 86% 4%, rgba(19,212,211,.10), transparent 18rem), radial-gradient(circle at 4% 10%, rgba(138,67,212,.16), transparent 22rem), var(--bg); }
body.modal-open { overflow:hidden; }
body::before { content:""; position:fixed; inset:0; z-index:-2; pointer-events:none; opacity:.55; background:linear-gradient(transparent 50%, rgba(255,255,255,.012) 50%); background-size:100% 4px; }
img { display:block; max-width:100%; }
a { color:inherit; text-decoration:none; }
button,input,select { font:inherit; }
button { -webkit-tap-highlight-color: transparent; }
button,summary { cursor:pointer; }

.visually-hidden { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.skip-link { position:fixed; left:1rem; top:-4rem; z-index:999; padding:.8rem 1rem; border-radius:.75rem; background:var(--yellow); color:var(--black); font-weight:900; }
.skip-link:focus { top:1rem; }
.grain { position:fixed; inset:0; z-index:100; pointer-events:none; opacity:.045; mix-blend-mode:screen; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E"); }
.doodle-field { position:fixed; inset:0; z-index:-1; overflow:hidden; pointer-events:none; }
.doodle { position:absolute; opacity:.25; font-family:var(--marker); font-size:2rem; }
.doodle--1 { top:24%; left:2%; color:var(--pink); transform:rotate(-15deg); }
.doodle--2 { top:42%; right:3%; color:var(--cyan); transform:rotate(14deg); }
.doodle--3 { bottom:16%; left:3%; color:var(--pink); transform:rotate(12deg); }
.doodle--4 { bottom:33%; right:1.5%; color:var(--yellow); transform:rotate(-15deg); }

.section-shell { width:min(100%, var(--shell)); margin-inline:auto; padding-inline:1rem; }
.section { padding-top:4.7rem; padding-bottom:4.7rem; }
.section-heading { max-width:740px; }
.section-heading--center { margin-inline:auto; text-align:center; }
.section-heading > p:not(.label), .intro .section-heading > p { color:var(--muted); }
.label { display:inline-block; position:relative; margin:0 0 .8rem; font-family:var(--marker); font-size:.82rem; letter-spacing:.05em; text-transform:uppercase; line-height:1.05; }
.label::after { content:""; display:block; height:.33rem; width:72%; margin:.18rem auto 0; background:currentColor; transform:rotate(-2deg); }
.label--pink { color:var(--pink); }
.label--yellow { color:var(--yellow); }
.label--cyan { color:var(--cyan); }
h1,h2,h3,p { margin-top:0; }
h1,h2,h3 { letter-spacing:.005em; }
h1,h2 { font-family:var(--display); font-weight:900; line-height:.82; text-transform:uppercase; }
h1 { margin-bottom:1.1rem; font-size:clamp(4.3rem, 18vw, 8.9rem); }
h2 { margin-bottom:1rem; font-size:clamp(3.2rem, 12vw, 6.4rem); }
h3 { margin-bottom:.5rem; font-family:var(--display); font-size:2rem; line-height:.92; text-transform:uppercase; }
h1 em,h2 em { color:var(--pink); font-style:normal; }
p { margin-bottom:1rem; }

.button { display:inline-flex; min-height:50px; align-items:center; justify-content:center; gap:.65rem; padding:.85rem 1rem; border:1px solid transparent; border-radius:.76rem; background:transparent; color:var(--ink); font-weight:900; font-size:.92rem; line-height:1.1; text-align:center; cursor:pointer; transition:transform .18s ease, box-shadow .18s ease, filter .18s ease; }
.button:hover { transform:translateY(-2px); }
.button:active { transform:translateY(1px); }
.button--yellow { background:var(--yellow); color:#17131a; box-shadow:0 5px 0 #9c7000; }
.button--yellow:hover { box-shadow:0 8px 0 #9c7000; }
.button--outline { border-color:rgba(244,72,157,.9); background:rgba(255,255,255,.025); }
.button--outline:hover { background:rgba(244,72,157,.12); }
.button--compact { min-height:42px; padding:.65rem .8rem; font-size:.79rem; }
.button--full { width:100%; }
.small-action { min-height:42px; padding:.65rem .8rem; border:1px solid rgba(255,248,232,.28); border-radius:.65rem; background:rgba(0,0,0,.2); color:var(--ink); font-size:.78rem; font-weight:900; }
.small-action:hover { border-color:var(--yellow); color:var(--yellow); }
:focus-visible { outline:3px solid rgba(19,212,211,.85); outline-offset:3px; }

.topbar { position:sticky; top:0; z-index:50; display:flex; min-height:var(--header); align-items:center; justify-content:space-between; padding:.7rem 1rem; border-bottom:1px solid transparent; background:linear-gradient(180deg, rgba(9,10,17,.96), rgba(9,10,17,.78)); backdrop-filter:blur(13px); transition:border-color .2s ease, background .2s ease; }
.topbar.is-scrolled { border-bottom-color:var(--line); background:rgba(9,10,17,.92); }
.brand { width:144px; }
.brand img { width:100%; }
.menu-button { display:grid; width:44px; height:44px; place-content:center; gap:5px; padding:.65rem; border:1px solid var(--line); border-radius:.72rem; background:rgba(255,255,255,.04); color:var(--ink); }
.menu-button span:not(.visually-hidden) { display:block; width:21px; height:2px; background:currentColor; transition:transform .22s ease, opacity .18s ease; }
.menu-button.is-open span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
.menu-button.is-open span:nth-child(2) { opacity:0; }
.menu-button.is-open span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }
.site-nav { position:absolute; top:100%; left:0; right:0; display:none; gap:.05rem; padding:1rem; border-bottom:1px solid var(--line); background:#12101d; }
.site-nav.is-open { display:grid; }
.site-nav a { padding:.76rem .1rem; border-bottom:1px solid rgba(255,248,232,.07); font-size:.9rem; font-weight:800; }
.site-nav a:hover { color:var(--yellow); }
.site-nav .button { margin-top:.5rem; }

.hero { display:grid; gap:2rem; min-height:calc(100svh - var(--header)); padding-top:3.2rem; padding-bottom:3rem; }
.hero-copy { position:relative; z-index:2; }
.hero-copy__lead { max-width:560px; color:var(--muted); font-size:1.03rem; }
.hero-copy__lead strong { color:var(--yellow); }
.hero-copy__actions { display:grid; gap:.75rem; margin:1.5rem 0 1.35rem; }
.access-note { display:flex; align-items:center; gap:.65rem; color:var(--muted); font-size:.77rem; }
.access-note p { margin:0; }
.access-note b { color:var(--ink); }
.access-note__pulse { width:12px; height:12px; flex:0 0 12px; border-radius:50%; background:var(--cyan); box-shadow:0 0 0 0 rgba(19,212,211,.54); animation:pulse 2.2s infinite; }
.hero-art { position:relative; min-height:430px; isolation:isolate; }
.paint { position:absolute; z-index:-1; width:260px; aspect-ratio:1; clip-path:polygon(50% 0,60% 23%,83% 5%,74% 33%,100% 25%,80% 47%,100% 62%,72% 59%,90% 91%,60% 70%,51% 100%,40% 70%,18% 94%,27% 64%,0 78%,20% 53%,0 35%,29% 37%,10% 12%,41% 28%); filter:blur(.2px); }
.paint--pink { left:-4%; top:4%; background:linear-gradient(120deg, var(--pink), transparent 74%); transform:rotate(13deg); }
.paint--cyan { right:-7%; top:20%; background:linear-gradient(290deg, var(--cyan), transparent 74%); transform:rotate(-17deg); opacity:.77; }
.mascot--hero { position:absolute; z-index:2; bottom:-.3rem; left:-6%; width:min(66%, 285px); filter:drop-shadow(0 16px 18px rgba(0,0,0,.5)); animation:float 4.8s ease-in-out infinite; }
.dex-phone { position:absolute; right:3%; top:.35rem; z-index:1; width:204px; height:414px; overflow:hidden; border:7px solid #2b2936; border-radius:28px; background:#101019; box-shadow:0 24px 50px rgba(0,0,0,.58), 0 0 0 2px #4c4959 inset; transform:rotate(5deg); transform-origin:bottom center; transition:transform .25s ease; }
.dex-phone__notch { position:absolute; z-index:2; top:4px; left:50%; width:42%; height:18px; border-radius:0 0 12px 12px; background:#101019; transform:translateX(-50%); }
.dex-phone__screen { display:flex; height:100%; flex-direction:column; padding:2rem .65rem .62rem; background:radial-gradient(circle at 93% 0%, rgba(244,72,157,.3), transparent 28%), linear-gradient(155deg,#180f2a,#06070c); }
.dex-phone__header { display:flex; align-items:center; justify-content:space-between; font-family:var(--marker); font-size:1rem; }
.dex-phone__header b { color:var(--yellow); }
.dex-phone__pills { display:flex; gap:.3rem; overflow:hidden; margin:.6rem 0 .5rem; color:#a7a0b3; font-size:.54rem; font-weight:900; white-space:nowrap; }
.dex-phone__pills span { padding:.22rem .38rem; border-radius:99px; }
.dex-phone__pills .is-active { background:var(--yellow); color:var(--black); }
.phone-grid { display:grid; flex:1; grid-template-columns:repeat(2,1fr); gap:.38rem; }
.phone-card { position:relative; display:flex; min-height:77px; flex-direction:column; justify-content:flex-end; overflow:hidden; padding:.38rem; border:1px solid rgba(255,248,232,.25); border-radius:8px; font-family:var(--display); font-size:.95rem; line-height:.78; text-shadow:0 2px 1px rgba(0,0,0,.5); }
.phone-card::after { content:""; position:absolute; inset:auto -20% -28% auto; width:70%; aspect-ratio:1; border-radius:50%; background:rgba(255,255,255,.14); filter:blur(3px); }
.phone-card span { position:relative; z-index:1; margin-bottom:.22rem; color:rgba(255,255,255,.75); font-family:var(--body); font-size:.45rem; font-weight:900; letter-spacing:.08em; }
.phone-card b { position:relative; z-index:1; }
.phone-card i { position:absolute; top:.4rem; right:.4rem; z-index:1; color:var(--yellow); font-style:normal; font-size:1rem; }
.phone-card--pink { background:linear-gradient(145deg,#d7257c,#33102b); }.phone-card--cyan { background:linear-gradient(145deg,#159da7,#122238); }.phone-card--purple { background:linear-gradient(145deg,#7040ba,#251447); }.phone-card--yellow { background:linear-gradient(145deg,#b98605,#271908); }.phone-card--blue { background:linear-gradient(145deg,#275fc4,#131735); }.phone-card--dark { background:linear-gradient(145deg,#3b3157,#16141e); }
.phone-nav { display:flex; align-items:center; justify-content:space-around; margin-top:.45rem; padding-top:.35rem; border-top:1px solid rgba(255,248,232,.1); color:#a29ba7; font-size:.78rem; }
.phone-nav .is-active { color:var(--pink); }
.sticker { position:absolute; z-index:4; filter:drop-shadow(0 7px 5px rgba(0,0,0,.45)); }
.sticker--crown { width:46px; top:-.8rem; right:43%; animation:wiggle 3.4s ease-in-out infinite; }
.sticker--heart { width:39px; top:28%; right:1%; animation:bob 3.2s ease-in-out infinite; }.sticker--bolt { width:31px; bottom:15%; left:6%; animation:bob 2.8s ease-in-out infinite reverse; }.sticker--star { width:44px; top:15%; left:2%; animation:spin-soft 8s linear infinite; }
.speech { position:absolute; z-index:5; right:2%; bottom:4%; padding:.52rem .67rem; border:2px solid var(--pink); border-radius:.5rem .5rem .5rem 0; background:#181222; color:var(--ink); font-family:var(--marker); font-size:.76rem; line-height:1; transform:rotate(-4deg); box-shadow:var(--shadow); }
.speech strong { color:var(--pink); }

.ribbon { overflow:hidden; border-top:1px solid rgba(244,72,157,.48); border-bottom:1px solid rgba(244,72,157,.48); background:linear-gradient(90deg, rgba(244,72,157,.23), rgba(138,67,212,.18), rgba(19,212,211,.18)); transform:rotate(-1deg) scale(1.02); }
.ribbon__track { display:flex; width:max-content; gap:1.2rem; padding:.78rem 0; color:var(--ink); font-family:var(--marker); font-size:.9rem; white-space:nowrap; animation:marquee 24s linear infinite; }
.ribbon__track b { color:var(--yellow); }

.intro { padding-bottom:4.8rem; }
.flow-grid { display:grid; gap:.8rem; margin-top:2rem; }
.flow-card { position:relative; min-height:218px; overflow:hidden; padding:1.05rem; border:1px solid var(--line); border-radius:1rem; background:linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.015)); box-shadow:var(--shadow); }
.flow-card::after { content:""; position:absolute; width:130px; height:130px; right:-40px; bottom:-46px; border-radius:50%; background:radial-gradient(circle,rgba(244,72,157,.23),transparent 68%); }
.flow-card:nth-child(2)::after { background:radial-gradient(circle,rgba(19,212,211,.20),transparent 68%); }.flow-card:nth-child(3)::after { background:radial-gradient(circle,rgba(138,67,212,.28),transparent 68%); }.flow-card:nth-child(4)::after { background:radial-gradient(circle,rgba(255,210,31,.20),transparent 68%); }
.flow-card__number { position:absolute; right:1rem; top:.72rem; color:rgba(255,248,232,.25); font-family:var(--display); font-size:2.2rem; }
.flow-card img { width:60px; margin:.4rem 0 .5rem; }.flow-card h3 { font-size:2rem; }.flow-card p { position:relative; z-index:1; color:var(--muted); font-size:.88rem; }.flow-card small { position:relative; z-index:1; color:var(--yellow); font-size:.72rem; font-weight:900; }

.dex-zone { position:relative; overflow:hidden; padding:4.6rem 0; border-top:1px solid rgba(138,67,212,.35); border-bottom:1px solid rgba(138,67,212,.35); background:radial-gradient(circle at 20% 45%, rgba(244,72,157,.13), transparent 22rem), radial-gradient(circle at 80% 25%, rgba(19,212,211,.12), transparent 20rem), #0d0b16; }
.dex-zone::before { content:""; position:absolute; right:-16%; bottom:-34%; width:550px; height:550px; border:1px solid rgba(19,212,211,.15); border-radius:50%; box-shadow:0 0 0 42px rgba(19,212,211,.025),0 0 0 84px rgba(244,72,157,.02); }
.dex-layout { display:grid; gap:1.5rem; }
.mascot-callout { display:flex; align-items:flex-end; gap:.2rem; margin-bottom:1rem; }.mascot-callout img { width:90px; transform:rotate(-5deg); }.mascot-callout span { margin-bottom:1.1rem; padding:.5rem .65rem; border:2px solid var(--yellow); border-radius:.55rem .55rem .55rem 0; background:#17121e; color:var(--yellow); font-family:var(--marker); font-size:.7rem; line-height:1.15; transform:rotate(2deg); }
.dex-copy p:not(.label) { color:var(--muted); }
.sign-wall { display:grid; grid-template-columns:repeat(2,1fr); gap:.65rem; max-width:590px; margin-inline:auto; }
.signcard { position:relative; display:flex; min-height:142px; flex-direction:column; justify-content:flex-end; overflow:hidden; padding:.75rem; border:1px solid rgba(255,248,232,.37); border-radius:.9rem; font-family:var(--display); line-height:.8; box-shadow:0 12px 24px rgba(0,0,0,.3); transition:transform .2s ease; }
.signcard:hover { transform:translateY(-4px) rotate(-1deg); }.signcard::before { content:""; position:absolute; top:10%; right:-18%; width:90%; aspect-ratio:1; border:1px solid rgba(255,248,232,.26); border-radius:50%; box-shadow:0 0 0 18px rgba(255,248,232,.035),0 0 0 37px rgba(255,248,232,.025); }.signcard span,.signcard b,.signcard i { position:relative; z-index:1; }.signcard span { margin-bottom:.35rem; color:rgba(255,248,232,.86); font-family:var(--body); font-size:.58rem; font-weight:900; letter-spacing:.07em; }.signcard b { font-size:1.55rem; }.signcard i { position:absolute; right:.6rem; top:.6rem; color:var(--yellow); font-style:normal; font-size:1.45rem; }.signcard--pink{background:linear-gradient(145deg,#d6267d,#281022)}.signcard--cyan{background:linear-gradient(145deg,#109fa7,#102439)}.signcard--purple{background:linear-gradient(145deg,#7c47c9,#251245)}.signcard--yellow{background:linear-gradient(145deg,#bc900f,#22170a)}.signcard--blue{background:linear-gradient(145deg,#2b6bcd,#151936)}.signcard--dark{background:linear-gradient(145deg,#3d315d,#111019)}
.dex-list { display:grid; gap:.8rem; }.dex-list article { display:flex; gap:.75rem; align-items:flex-start; }.chip { display:grid; width:44px; height:44px; flex:0 0 44px; place-items:center; border-radius:.75rem; color:var(--black); font-weight:900; font-size:1.35rem; }.chip--cyan{background:var(--cyan)}.chip--pink{background:var(--pink)}.chip--yellow{background:var(--yellow)}.chip--purple{background:var(--purple);color:var(--ink)}.dex-list h3 { margin:0 0 .2rem; font-family:var(--marker); font-size:.9rem; }.dex-list p { margin:0; color:var(--muted); font-size:.79rem; }

.how { padding-top:5rem; }.steps { display:grid; gap:1rem; padding:0; margin:2rem 0 0; list-style:none; counter-reset:step; }.steps li { position:relative; min-height:266px; overflow:hidden; padding:1rem; border-top:1px solid var(--line-bright); border-bottom:1px solid rgba(255,248,232,.05); }.steps li::after { content:""; position:absolute; top:65px; right:-30px; width:150px; height:150px; border-radius:50%; background:radial-gradient(circle,rgba(138,67,212,.23),transparent 65%); }.steps li > span { position:absolute; z-index:2; top:.5rem; left:.6rem; color:var(--pink); font-family:var(--display); font-size:3rem; }.steps__art { position:relative; z-index:1; height:145px; }.steps__art img { height:100%; width:auto; margin:auto; filter:drop-shadow(0 12px 9px rgba(0,0,0,.35)); }.steps__art--icon { display:grid; place-items:center; }.steps__art--icon img { width:105px; height:auto; }.steps h3 { font-size:1.85rem; }.steps p { color:var(--muted); font-size:.83rem; }

.reasons { padding-top:2rem; }.reasons-grid { display:grid; gap:.8rem; margin-top:2rem; }.reason-card { position:relative; min-height:225px; overflow:hidden; padding:1.1rem; border:1px solid var(--line); border-radius:1rem; background:linear-gradient(150deg,rgba(255,255,255,.05),rgba(255,255,255,.015)); }.reason-card img { position:absolute; right:-4%; bottom:-16%; width:54%; opacity:.95; filter:drop-shadow(0 10px 10px rgba(0,0,0,.36)); }.reason-card h3,.reason-card p { position:relative; z-index:1; max-width:65%; }.reason-card h3 { margin-top:.3rem; font-size:1.75rem; }.reason-card p { color:var(--muted); font-size:.79rem; }.reason-card--pink { border-color:rgba(244,72,157,.55); }.reason-card--yellow { border-color:rgba(255,210,31,.55); }.reason-card--cyan { border-color:rgba(19,212,211,.55); }.reason-card--purple { border-color:rgba(138,67,212,.65); }

.event-zone { position:relative; overflow:hidden; padding:4.8rem 0; margin-top:1.5rem; background:linear-gradient(180deg,#0b0a12, #13091a); border-top:1px solid rgba(244,72,157,.32); border-bottom:1px solid rgba(19,212,211,.25); }.event-zone__glow { position:absolute; inset:0; opacity:.76; background:radial-gradient(ellipse at 50% 80%, rgba(244,72,157,.33),transparent 22%), radial-gradient(ellipse at 50% 94%, rgba(19,212,211,.17),transparent 34%), repeating-linear-gradient(102deg,transparent 0 42px,rgba(255,248,232,.025) 44px 46px, transparent 48px 75px); mask-image:linear-gradient(to top,black 0 45%,transparent 100%); }.event-layout { position:relative; display:grid; gap:1.5rem; }.event-copy p:not(.label) { color:var(--muted); }.event-tags { display:flex; flex-wrap:wrap; gap:.45rem; }.event-tags span { padding:.4rem .6rem; border:1px solid rgba(255,248,232,.22); border-radius:99px; background:rgba(255,255,255,.035); color:var(--ink); font-size:.73rem; font-weight:800; }.event-tags span:nth-child(1){border-color:var(--pink)}.event-tags span:nth-child(2){border-color:var(--yellow)}.event-tags span:nth-child(3){border-color:var(--purple)}.event-tags span:nth-child(4){border-color:var(--cyan)}
.event-demo { display:grid; gap:.8rem; }.event-ticket,.event-card { min-height:212px; position:relative; overflow:hidden; padding:1rem; border:1px solid rgba(255,248,232,.3); border-radius:1rem; box-shadow:var(--shadow); }.event-ticket { background:linear-gradient(145deg,#251041,#b22571); }.event-ticket::before { content:""; position:absolute; inset:auto -23% -50% auto; width:250px; aspect-ratio:1; border-radius:50%; border:1px solid rgba(255,248,232,.25); box-shadow:0 0 0 18px rgba(255,248,232,.04),0 0 0 37px rgba(255,248,232,.025); }.event-ticket small,.event-ticket h3,.event-ticket p,.event-ticket button { position:relative; z-index:1; }.event-ticket small,.event-card small { color:var(--yellow); font-size:.65rem; font-weight:900; letter-spacing:.06em; }.event-ticket h3,.event-card h3 { margin:.9rem 0 .55rem; font-size:2.3rem; }.event-ticket p,.event-card p { max-width:72%; color:rgba(255,248,232,.86); font-size:.83rem; }.event-ticket__crown { position:absolute; right:1rem; top:.65rem; color:var(--yellow); font-size:3rem; transform:rotate(16deg); }.event-card { background:linear-gradient(145deg,#0d3741,#10263d); }.event-card strong { position:absolute; right:.7rem; bottom:.3rem; color:var(--pink); font-size:4rem; }

.universe { padding-top:4.8rem; }.team-grid { display:grid; gap:.8rem; margin-top:2rem; }.team-card { display:grid; grid-template-columns:118px 1fr; align-items:end; gap:.3rem; min-height:165px; padding:.85rem; border:1px solid var(--line); border-radius:1rem; background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.012)); }.team-card img { width:118px; filter:drop-shadow(0 10px 9px rgba(0,0,0,.37)); transition:transform .25s ease; }.team-card:hover img { transform:translateY(-7px) rotate(-4deg); }.team-card span { color:var(--yellow); font-size:.67rem; font-weight:900; letter-spacing:.08em; }.team-card h3 { margin:.35rem 0; font-size:2.3rem; }.team-card p { margin:0; color:var(--muted); font-size:.76rem; }.team-card--dexie { border-color:rgba(244,72,157,.55); }.team-card--pix { border-color:rgba(255,210,31,.55); }.team-card--beaty { border-color:rgba(19,212,211,.55); }.team-card--passy { border-color:rgba(138,67,212,.64); }

.beta-banner { position:relative; display:grid; gap:1.25rem; overflow:hidden; margin-top:1.8rem; margin-bottom:2rem; padding:1.2rem; border:1px solid rgba(244,72,157,.7); border-radius:1rem; background:radial-gradient(circle at 85% 30%,rgba(244,72,157,.25),transparent 14rem),linear-gradient(145deg,#261043,#121020); box-shadow:var(--shadow); }.beta-banner::before { content:""; position:absolute; inset:auto -10% -95% auto; width:340px; aspect-ratio:1; border:2px solid rgba(19,212,211,.16); border-radius:50%; box-shadow:0 0 0 35px rgba(19,212,211,.03),0 0 0 70px rgba(244,72,157,.03); }.beta-banner__copy,.beta-banner__action { position:relative; z-index:1; }.beta-banner h2 { font-size:clamp(3rem,11vw,5.6rem); }.beta-banner__copy p:not(.label) { color:var(--muted); }.beta-banner__action { display:grid; gap:.6rem; }.beta-banner__action small { color:rgba(255,248,232,.72); font-size:.7rem; }.beta-banner__mascot { position:absolute; right:-8%; bottom:-27%; width:190px; opacity:.87; filter:drop-shadow(0 16px 9px rgba(0,0,0,.35)); }

.faq { padding-top:2rem; padding-bottom:5rem; }.faq-list { display:grid; gap:.7rem; margin-top:1.5rem; }.faq details { border:1px solid var(--line); border-radius:.85rem; background:rgba(255,255,255,.025); }.faq summary { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1rem; font-size:.88rem; font-weight:900; list-style:none; }.faq summary::-webkit-details-marker { display:none; }.faq summary span { flex:0 0 auto; color:var(--pink); font-size:1.4rem; }.faq details[open] summary span { transform:rotate(45deg); }.faq details p { padding:0 1rem 1rem; margin:0; color:var(--muted); font-size:.84rem; }

.footer { padding-top:3rem; border-top:1px solid var(--line); background:#090910; }.footer__grid { display:grid; gap:1.55rem; padding-bottom:1.8rem; }.footer__logo { width:170px; margin-bottom:.6rem; }.footer p { color:var(--muted); font-size:.78rem; }.footer__grid > div { display:grid; align-content:start; gap:.35rem; }.footer b { margin-bottom:.25rem; color:var(--yellow); font-size:.78rem; text-transform:uppercase; letter-spacing:.08em; }.footer a,.footer-link { display:block; width:max-content; padding:0; border:0; background:none; color:var(--muted); font-size:.78rem; text-align:left; }.footer a:hover,.footer-link:hover { color:var(--pink); }.footer__bottom { display:flex; justify-content:space-between; gap:1rem; padding-top:1rem; padding-bottom:1.1rem; border-top:1px solid rgba(255,248,232,.1); color:rgba(255,248,232,.52); font-size:.66rem; }

.beta-modal { width:min(100% - 1rem, 680px); max-height:min(92svh,760px); overflow:auto; padding:0; border:1px solid rgba(244,72,157,.75); border-radius:1rem; background:#120e1c; color:var(--ink); box-shadow:0 30px 90px rgba(0,0,0,.73); }.beta-modal::backdrop { background:rgba(3,3,7,.78); backdrop-filter:blur(4px); }.beta-modal__inside { position:relative; padding:1.15rem; }.modal-close { position:absolute; z-index:3; top:.75rem; right:.75rem; display:grid; width:38px; height:38px; place-items:center; border:1px solid var(--line); border-radius:.65rem; background:rgba(0,0,0,.22); color:var(--ink); font-size:1.6rem; line-height:1; }.beta-modal__intro { display:grid; grid-template-columns:100px 1fr; align-items:center; gap:.6rem; padding-right:2.4rem; margin-bottom:1rem; }.beta-modal__intro img { width:100px; }.beta-modal__intro h2 { margin-bottom:.55rem; font-size:clamp(2.6rem,10vw,4.1rem); }.beta-modal__intro p:not(.label) { margin:0; color:var(--muted); font-size:.8rem; }.form-grid { display:grid; gap:.75rem; }.beta-modal label { display:grid; gap:.38rem; margin:.75rem 0; font-size:.78rem; font-weight:900; }.beta-modal input:not([type=checkbox]),.beta-modal select { width:100%; min-height:47px; padding:.72rem .8rem; border:1px solid rgba(255,248,232,.22); border-radius:.68rem; outline:none; background:#0d0d14; color:var(--ink); }.beta-modal select { appearance:auto; }.beta-modal input::placeholder { color:#847d93; }.beta-modal input:focus,.beta-modal select:focus { border-color:var(--cyan); box-shadow:0 0 0 3px rgba(19,212,211,.13); }.consent { grid-template-columns:20px 1fr; align-items:start; gap:.55rem !important; color:var(--muted); font-weight:500 !important; line-height:1.35; }.consent input { width:17px; height:17px; margin:1px 0 0; accent-color:var(--pink); }.consent a { color:var(--cyan); text-decoration:underline; }.form-feedback { min-height:1.2rem; margin:.2rem 0; color:var(--pink); font-size:.78rem; font-weight:800; }.form-feedback.is-error { color:#ff9090; }.form-note { margin:.8rem 0 0; color:#a8a0b1; font-size:.68rem; text-align:center; }.hp { position:absolute !important; left:-9999px !important; width:1px !important; height:1px !important; opacity:0 !important; }.beta-success { padding:1rem .2rem .2rem; text-align:center; }.beta-success img { width:160px; margin:0 auto .3rem; }.beta-success h2 { font-size:clamp(3rem,11vw,4.5rem); }.beta-success p:not(.label) { color:var(--muted); }.beta-success strong { display:inline-block; color:var(--yellow); font-family:var(--marker); }.beta-success .button { margin-top:.5rem; }

.js-reveal { opacity:0; transform:translateY(20px); transition:opacity .65s ease, transform .65s ease; }.js-reveal.is-visible { opacity:1; transform:translateY(0); }.js-reveal--delay { transition-delay:.12s; }.js-reveal--delay-1 { transition-delay:.09s; }.js-reveal--delay-2 { transition-delay:.17s; }.js-reveal--delay-3 { transition-delay:.25s; }
@keyframes pulse { 0%,100% { box-shadow:0 0 0 0 rgba(19,212,211,.48); } 50% { box-shadow:0 0 0 8px rgba(19,212,211,0); } }
@keyframes float { 0%,100% { transform:translateY(0) rotate(-2deg); } 50% { transform:translateY(-11px) rotate(2deg); } }
@keyframes bob { 0%,100% { transform:translateY(0) rotate(0); } 50% { transform:translateY(-9px) rotate(10deg); } }
@keyframes wiggle { 0%,100% { transform:rotate(-4deg); } 50% { transform:rotate(7deg); } }
@keyframes spin-soft { to { transform:rotate(360deg); } }
@keyframes marquee { to { transform:translateX(-50%); } }

@media (min-width: 560px) {
  .hero-copy__actions { display:flex; flex-wrap:wrap; }.hero-copy__actions .button { min-width:215px; }
  .flow-grid { grid-template-columns:repeat(2,1fr); }.reasons-grid { grid-template-columns:repeat(2,1fr); }.event-demo { grid-template-columns:1.15fr .85fr; }.team-grid { grid-template-columns:repeat(2,1fr); }.form-grid { grid-template-columns:repeat(2,1fr); }
  .footer__grid { grid-template-columns:1.5fr 1fr 1fr; }.footer__grid > div:last-child { grid-column:1/-1; }
}
@media (min-width: 780px) {
  .section-shell { padding-inline:1.6rem; }.topbar { padding-inline:max(1.6rem, calc((100vw - var(--shell))/2 + 1.6rem)); }.menu-button { display:none; }.site-nav { position:static; display:flex; align-items:center; gap:1.35rem; padding:0; border:0; background:transparent; }.site-nav a { padding:0; border:0; font-size:.76rem; }.site-nav .button { margin:0; }
  .hero { grid-template-columns:1.03fr .97fr; align-items:center; gap:1.5rem; padding-top:3.3rem; padding-bottom:4.4rem; }.hero-art { min-height:510px; }.dex-phone { width:243px; height:493px; right:7%; }.mascot--hero { width:min(68%,340px); left:-2%; }.speech { right:0; bottom:9%; }.paint { width:350px; }.sticker--heart { right:5%; }.sticker--bolt { left:6%; bottom:19%; }
  .flow-grid { grid-template-columns:repeat(4,1fr); }.flow-card { min-height:238px; }.dex-layout { grid-template-columns:.85fr 1.2fr .88fr; align-items:center; gap:1.7rem; }.sign-wall { margin:0; }.dex-list { gap:1.1rem; }
  .steps { grid-template-columns:repeat(4,1fr); gap:0; }.steps li { min-height:330px; padding:1rem; border-top:0; border-bottom:0; border-left:1px solid var(--line); }.steps li:first-child { border-left:0; }.steps li:not(:last-child)::before { content:"→"; position:absolute; z-index:5; top:44%; right:-.75rem; display:grid; width:1.5rem; height:1.5rem; place-items:center; border-radius:50%; background:var(--yellow); color:var(--black); font-weight:900; }.steps__art { height:175px; }.reasons-grid { grid-template-columns:repeat(4,1fr); }.reason-card { min-height:275px; }.reason-card h3,.reason-card p { max-width:100%; }.reason-card img { width:68%; right:-10%; }.event-layout { grid-template-columns:1fr 1fr; align-items:center; }.event-demo { min-height:315px; }.universe .section-heading { max-width:780px; }.team-grid { grid-template-columns:repeat(4,1fr); }.team-card { display:block; min-height:338px; padding:.9rem; }.team-card img { width:100%; max-height:188px; object-fit:contain; margin:0 auto .25rem; }.team-card h3 { font-size:2.5rem; }.beta-banner { grid-template-columns:1fr .85fr; align-items:center; padding:1.6rem; }.beta-banner__action { justify-self:start; }.beta-banner__mascot { width:260px; right:-1%; bottom:-50%; }.faq { display:grid; grid-template-columns:.72fr 1.28fr; gap:2rem; align-items:start; }.faq .section-heading { position:sticky; top:7rem; }.footer__grid { grid-template-columns:1.45fr .8fr .9fr .95fr; }.footer__grid > div:last-child { grid-column:auto; }
}
@media (min-width: 1040px) { .hero { min-height:calc(100svh - var(--header)); }.hero-art { min-height:550px; }.dex-phone { width:268px; height:545px; right:8%; }.mascot--hero { width:355px; }.hero-copy__lead { font-size:1.08rem; }.event-ticket,.event-card { min-height:260px; }.signcard { min-height:165px; } }
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important; transition-duration:.01ms !important; } }