:root{color-scheme:dark;--purple:#a176ff;--cream:#fffbed;--mint:#b6ffce;--ink:#120921;--muted:#b4a6c7;font-family:Arial,Helvetica,sans-serif;background:#16092b;color:var(--cream);scroll-behavior:smooth;scroll-padding-top:100px}*{box-sizing:border-box}body{margin:0;overflow-x:hidden;background:radial-gradient(ellipse at 80% 12%,#44216c77,transparent 36%),radial-gradient(ellipse at 0 44%,#44216c55,transparent 30%)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--mint);outline-offset:6px}h1,h2,h3,p{margin:0}h1,h2{font-family:Impact,'Arial Black',sans-serif;font-weight:900;letter-spacing:-.035em;line-height:1.02}em{font-style:normal;color:var(--purple)}[hidden]{display:none!important}.skip{position:absolute;top:-90px}.skip:focus{top:90px;z-index:20;background:var(--ink);padding:15px}.nav{position:fixed;left:50%;top:18px;transform:translateX(-50%);z-index:10;display:flex;align-items:center;padding:6px;background:var(--cream);border-radius:8px;color:var(--ink);box-shadow:0 12px 35px #0003;gap:6px;white-space:nowrap}.nav>a{padding:14px 18px;font-size:13px;font-weight:700}.nav .brand{font-size:23px;font-weight:900;letter-spacing:-1px;background:#e9dcfa;color:#6c36c8;margin-right:18px;border-radius:4px;padding:9px 13px}.brand-icon{padding-right:9px}.brand-dot{color:#9e69ee}.nav .nav-action{background:#7735df;color:white;border-radius:4px}.hero{max-width:1440px;min-height:850px;margin:auto;padding:180px 6% 100px;display:grid;grid-template-columns:1fr 1.1fr;gap:6%;align-items:center}.eyebrow{font-family:monospace;font-size:11px;font-weight:bold;letter-spacing:1.7px;line-height:1.7;color:var(--purple)}.pixel{display:inline-block;width:7px;height:7px;background:currentColor;margin-right:8px}.hero h1{font-size:clamp(48px,5.7vw,88px);margin:23px 0 26px}.reaction-word{text-decoration:underline;text-decoration-style:dashed;text-decoration-thickness:3px;text-underline-offset:9px}.intro{max-width:380px;font-size:16px;line-height:1.7;color:#c1b6cf}.intro strong{color:var(--cream);font-weight:500}.button{border:0;display:inline-flex;align-items:center;justify-content:center;gap:15px;font-size:13px;font-weight:800;padding:18px 24px;border-radius:3px;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:5px 5px 0 #ffffff20}.primary{background:var(--cream);color:var(--ink);margin-top:30px}.primary span{font-size:12px;color:#7339ce}.quiet-link{display:block;margin-top:20px;font-size:11px;color:var(--muted)}.demo-stage{position:relative;scroll-margin-top:130px}.demo-stage:before,.demo-stage:after{content:'';position:absolute;width:18px;height:18px;border:2px solid var(--purple);pointer-events:none}.demo-stage:before{top:-12px;left:-12px;border-right:0;border-bottom:0}.demo-stage:after{right:-12px;bottom:20px;border-top:0;border-left:0}.stage-label{background:var(--purple);color:#1b0b30;font:9px monospace;letter-spacing:.5px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;border-radius:4px 4px 0 0}.stage-label .pixel{margin-right:5px}.stage-label>span:last-child{margin-left:auto;opacity:.65}.demo-window{position:relative;background:#100e17;border:1px solid #735397;border-top:0;border-radius:0 0 6px 6px;overflow:hidden;min-height:480px}.window-top{padding:13px 16px;display:flex;justify-content:space-between;font:9px monospace;color:#b8afc3;border-bottom:1px solid #ffffff10}.window-top i{display:inline-block;width:5px;height:5px;background:#ff665c;margin-right:6px}.demo-mode{opacity:.55}.game-scene{height:240px;background:linear-gradient(150deg,#2d2843,#0d1d24);position:relative;overflow:hidden;text-align:center}.scene-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:24px 24px;transform:perspective(300px) rotateX(25deg) scale(1.3)}.scene-label{position:relative;display:block;padding-top:20px;font:10px monospace;letter-spacing:3px;color:#bdb2cc}.characters{position:relative;display:flex;justify-content:center;align-items:center;gap:25px;margin:15px auto}.character{display:grid;gap:3px;position:relative;min-width:85px;font:11px monospace;letter-spacing:2px}.sprite{display:grid;place-items:center;height:95px;font-size:84px;line-height:1;color:#b593e2;text-shadow:4px 5px #06050a}.nova .sprite{color:var(--mint)}.selected{border:1px solid #b6ffce66;background:#b6ffce0a;padding:0 15px 8px}.character small{position:absolute;bottom:-18px;left:0;right:0;color:var(--mint);font-size:8px;letter-spacing:1px}.vs{font:italic 14px Georgia;color:#a494b9}.scene-bottom{position:absolute;bottom:12px;left:16px;right:16px;display:flex;justify-content:space-between;font:8px monospace;color:#8c8595}.chat-simulation{height:154px;padding:14px 17px;font-size:11px;line-height:1.7;overflow:hidden}.chat-simulation p{padding:3px 0;animation:arrive .35s ease}.chat-simulation b{color:#c0a1ff;margin-right:6px}.chat-simulation p:nth-child(2n) b{color:var(--mint)}.demo-footer{display:flex;justify-content:space-between;padding:12px 16px;border-top:1px solid #ffffff15;font:9px monospace;color:#9c8dab}.demo-footer button{background:none;border:0;color:var(--cream);font:inherit}.demo-caption{font:9px monospace;color:#9987ac;margin-top:14px;text-align:right}.demo-invitation,.demo-room{position:absolute;bottom:49px;right:16px;left:65px;padding:20px;background:#211332f5;border:1px solid #c4a6ef;border-radius:6px;box-shadow:0 20px 60px #0009;animation:arrive .4s ease}.invite-heading{display:flex;align-items:center;gap:7px;font:8px monospace;letter-spacing:1px;color:var(--mint)}.invite-heading small{margin-left:auto;color:#a99bb9;font-size:7px}.green-dot{width:5px;height:5px;background:var(--mint)}.demo-invitation h3{font-size:23px;margin:15px 0 7px;letter-spacing:-.6px}.demo-invitation p{font-size:11px;color:#baadca;line-height:1.5}.avatar-row{display:flex;align-items:center;margin:14px 0;gap:0}.avatar-row>span{width:25px;height:25px;border:2px solid #211332;display:grid;place-items:center;background:#8951c7;font-size:9px;border-radius:50%;margin-left:-4px}.avatar-row>span:nth-child(2){background:#387d61}.avatar-row>span:nth-child(3){background:#ac644c}.avatar-row small{margin-left:8px;font-size:9px;color:#beafce}.mint{background:var(--mint);color:var(--ink);width:100%;font-size:11px;padding:13px}.demo-room p{font-size:12px;line-height:1.6;margin:17px 0}.demo-room b{display:block;font-size:10px;color:var(--purple)}.demo-room .invite-heading button{margin-left:auto;background:none;border:0;color:white}.demo-you{text-align:right}.ticker{overflow:hidden;border-block:1px solid #8c65b838;padding:19px 0;background:#25123c;font:11px monospace;letter-spacing:2px;color:#c4a1ff}.ticker>div{width:max-content;animation:marquee 35s linear infinite}.ticker span{padding:0 40px;color:var(--mint)}.section{max-width:1300px;margin:auto;padding:110px 6%}.section h2{font-size:clamp(42px,5vw,70px)}.how{display:grid;grid-template-columns:.95fr 1.05fr;gap:12%}.section-intro{align-self:start;position:sticky;top:130px}.section-intro h2{margin:25px 0}.section-intro>p:last-child{font-size:15px;line-height:1.8;color:var(--muted)}.steps{display:grid;gap:20px}.step{position:relative;padding:30px;background:#26163b;border:1px solid #7e5d9c55;border-radius:7px}.step-number{position:absolute;right:24px;top:24px;color:#8a6ba9;font:12px monospace}.step-symbol{color:var(--purple);font-size:32px;margin-bottom:20px}.step h3{font-size:24px;letter-spacing:-.8px;margin-bottom:12px}.step>p{font-size:14px;color:#b7a8c7;line-height:1.7}.mini-chat{padding:17px;background:#140b21;margin-top:23px;font-size:12px;line-height:1.7;border-left:2px solid var(--purple)}.mini-chat b{color:var(--mint);margin-right:6px}.match-line{margin-top:23px;display:flex;align-items:center;flex-wrap:wrap}.match-line span{border:1px solid #b6ffce77;background:#b6ffce15;color:var(--mint);padding:11px;font:12px monospace}.match-line i{width:25px;border-top:1px dashed #b6ffce77}.match-line small{width:100%;margin-top:12px;font:8px monospace;color:var(--mint);letter-spacing:2px}.step-link{display:inline-block;margin-top:25px;font:12px monospace;color:var(--mint)}.section-title{display:flex;align-items:end;justify-content:space-between;gap:30px}.section-title h2{margin-top:20px}.section-title>p{font-size:13px;line-height:1.8;color:var(--muted)}.moment-tabs{display:flex;gap:7px;margin-top:45px;flex-wrap:wrap}.moment-tabs button{padding:12px 18px;background:transparent;border:1px solid #7c5c9b66;border-radius:3px;color:#bdacd0;font-size:12px}.moment-tabs [aria-selected=true]{background:var(--cream);border-color:var(--cream);color:var(--ink)}.moment-card{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;min-height:350px;border:1px solid #8258a955;background:#251238;border-radius:7px;overflow:hidden}.moment-art{display:grid;place-items:center;font:900 150px Impact,sans-serif;letter-spacing:-15px;color:var(--mint);text-shadow:8px 8px #53916d;background:repeating-linear-gradient(0deg,transparent,transparent 29px,#b6ffce08 30px),repeating-linear-gradient(90deg,transparent,transparent 29px,#b6ffce08 30px),#182720}.moment-copy{padding:45px;align-self:center}.moment-copy h3{font-size:36px;line-height:1.1;letter-spacing:-1.5px;margin:18px 0}.moment-copy>p{color:var(--muted);line-height:1.7;font-size:14px}.room-stamp{display:inline-block;margin-top:23px;font:10px monospace;letter-spacing:1px;color:var(--mint)}.consent{display:grid;grid-template-columns:.7fr 1.3fr;gap:10%;align-items:center}.consent-star{font-size:230px;line-height:1;text-align:center;color:var(--purple)}.consent h2{margin:22px 0}.consent p:not(.eyebrow){font-size:14px;line-height:1.8;color:var(--muted);max-width:470px}.consent-tags{display:flex;flex-wrap:wrap;gap:18px;margin-top:24px;font:10px monospace;color:var(--mint)}.faq{max-width:960px;padding-top:40px}.faq h2{margin:18px 0 35px}.faq details{border-top:1px solid #8765a744;padding:23px 0}.faq summary{cursor:pointer;list-style:none;font-size:17px;display:flex;justify-content:space-between;gap:20px}.faq summary span{color:var(--purple)}.faq details p{max-width:640px;color:var(--muted);font-size:14px;line-height:1.8;margin-top:17px}.faq details>a{display:inline-block;margin-top:12px;color:var(--mint);font-size:13px}footer{position:relative;overflow:hidden;padding:90px 6% 0;background:#211033;border-top:1px solid #8662a44d}footer h2{font-size:clamp(50px,8vw,110px);margin-top:22px}.footer-bottom{display:flex;gap:30px;justify-content:space-between;padding:70px 0 35px;font:9px monospace;line-height:1.7;color:#ae99c2;border-bottom:1px solid #8662a44d}.footer-word{font:900 clamp(90px,23vw,360px)/1 Impact,'Arial Black',sans-serif;letter-spacing:-.055em;color:#a176ff;padding-top:20px;white-space:nowrap;margin-bottom:-.14em}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes marquee{to{transform:translateX(-50%)}}@media(min-width:1600px){.hero{min-height:950px}}@media(max-width:900px){.hero{padding-top:140px;gap:40px;grid-template-columns:1fr;max-width:700px}.hero h1{font-size:70px}.intro{max-width:440px}.demo-stage{margin-top:20px}.how{grid-template-columns:1fr;gap:45px}.section-intro{position:static}.section-title{display:block}.section-title>p{margin-top:22px}.consent{grid-template-columns:1fr}.consent-star{font-size:130px;text-align:left;margin-bottom:25px}.footer-bottom{flex-wrap:wrap}}@media(max-width:560px){.nav{width:calc(100% - 24px);justify-content:space-between;top:12px}.nav .brand{margin:0;font-size:20px}.nav>a{padding:12px;font-size:11px}.nav>a:nth-child(2),.nav>a:nth-child(3){display:none}.hero{padding:130px 7% 60px}.hero h1{font-size:56px}.eyebrow{font-size:9px}.intro{font-size:14px}.stage-label{font-size:7px}.demo-invitation,.demo-room{left:18px}.demo-invitation h3{font-size:22px}.section{padding:70px 7%}.section h2{font-size:48px}.moment-card{grid-template-columns:1fr}.moment-art{font-size:110px;min-height:210px}.moment-copy{padding:28px}.moment-copy h3{font-size:30px}.moment-tabs button{padding:10px 12px;font-size:10px}.step{padding:25px}.footer-bottom{padding-top:50px;font-size:8px}.demo-caption{font-size:8px}.stage-label>span:last-child{display:none}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}