@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#111019;--panel:#1c1a28;--line:#34303f;--muted:#b0aabd;--lime:#d8f879;--purple:#aa83ff;--pink:#fc91b2}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f7f5fc;font:16px/1.6 'DM Sans',sans-serif}button,input,select,textarea{font:inherit}button,a,input{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}header,footer{max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:28px 40px;gap:24px}header{border-bottom:1px solid var(--line)}.brand{font:700 28px 'Space Grotesk',sans-serif;letter-spacing:-1.4px}.brand span{color:var(--purple)}.brand i{font-style:normal;color:var(--lime);padding-left:8px}nav{display:flex;align-items:center;gap:30px;font-size:14px}.prototype{border:1px solid var(--line);border-radius:30px;padding:4px 10px;color:var(--muted);font-size:12px}main{max-width:1200px;margin:auto;padding:52px 28px 70px;min-height:75vh}h1,h2,h3{font-family:'Space Grotesk',sans-serif;line-height:1.12;letter-spacing:-1.7px;margin:0 0 20px}h1{font-size:clamp(40px,5vw,66px)}h2{font-size:36px}h3{font-size:22px;letter-spacing:-.5px}p{margin:0 0 20px}.muted{color:var(--muted)}.eyebrow{display:block;color:var(--lime);font-size:12px;letter-spacing:2px;font-weight:700;margin-bottom:22px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;align-items:center;padding:18px 0 55px}.hero h1 em{color:var(--purple);font-style:normal}.hero p{max-width:420px;color:var(--muted);font-size:18px}.primary,.secondary,.ghost{border:0;border-radius:12px;padding:15px 23px;font-weight:700;display:inline-flex;justify-content:center;align-items:center;gap:10px}.primary{background:var(--lime);color:#222615;box-shadow:0 5px 0 #a6c24e}.primary:hover{background:#e4ff9e;transform:translateY(-1px)}.secondary{background:#2b273b;color:#fff;border:1px solid #474053}.ghost{background:transparent;color:var(--muted);padding-left:0}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.small{font-size:14px}.hero .note{font-size:13px;margin:18px 0}.stage{position:relative;background:#201b34;border:1px solid #544272;border-radius:28px;padding:30px;transform:rotate(2deg);box-shadow:18px 18px 0 #191622}.stage-top{display:flex;justify-content:space-between;align-items:center;color:#c4b7df;font-size:13px}.pill{padding:5px 12px;background:#332946;border-radius:100px;color:#d7c2ff;font-size:12px}.stage h3{font-size:27px;text-align:center;margin:36px 0 25px;line-height:1.3}.answers{display:grid;grid-template-columns:1fr 1fr;gap:12px}.answer{background:#392853;border:1px solid #755497;border-radius:12px;padding:18px;font-weight:600}.answer:nth-child(2){background:#243e58;border-color:#496a86}.answer:nth-child(3){background:#56472a;border-color:#8c794e}.answer:nth-child(4){background:#542d43;border-color:#92566d}.answer b{padding-right:12px}.stage-bottom{margin:25px 0 0;display:flex;justify-content:space-between;color:#bdb1d0;font-size:13px}.spark{position:absolute;right:-18px;top:-33px;font-size:70px;color:var(--pink);transform:rotate(-12deg)}.how{border-top:1px solid var(--line);padding:32px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.how article{display:flex;gap:18px}.number{color:var(--purple);font:600 25px 'Space Grotesk';width:30px}.how h3{font-size:18px;margin:0 0 8px}.how p{color:var(--muted);font-size:14px;margin:0}.plans{margin-top:22px;background:#181620;border:1px solid var(--line);border-radius:20px;padding:25px 30px;display:grid;grid-template-columns:1fr 1fr;gap:40px}.plans article+article{border-left:1px solid var(--line);padding-left:40px}.plans h3{font-size:20px;margin-bottom:12px}.plans p{color:var(--muted);font-size:14px;margin:0}.plans .price{color:var(--pink);float:right;font-weight:500}.text-link{color:var(--purple);background:none;border:none;padding:0;text-decoration:underline;font-size:14px;margin-top:12px}footer{border-top:1px solid var(--line);color:var(--muted);font-size:12px}footer .brand{font-size:20px}.flow{max-width:860px;margin:auto}.steps{display:flex;gap:20px;margin:0 0 45px;color:var(--muted);font-size:14px}.steps span{flex:1;border-top:3px solid var(--line);padding-top:12px}.steps .active{border-color:var(--lime);color:var(--lime)}.heading-row{display:flex;justify-content:space-between;align-items:center;gap:20px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:25px 0}.card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:24px;text-align:left;color:inherit;position:relative;min-height:170px}.card:hover{border-color:var(--purple)}.card.selected{border:2px solid var(--lime);padding:23px;background:#242a20}.card .icon{font-size:30px;display:block;margin-bottom:16px}.card strong{font-family:'Space Grotesk';font-size:20px;display:block}.card small{display:block;color:var(--muted);font-size:13px;margin-top:6px}.card .tag{position:absolute;top:18px;right:15px;color:var(--pink);font-size:11px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:30px;margin:25px 0}.count-options{display:flex;gap:12px;margin:25px 0}.count-options button{flex:1}.count-options .chosen{background:var(--purple);color:#141019}.flow-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:30px}.summary{display:flex;gap:30px;flex-wrap:wrap;margin:25px 0}.summary strong{display:block;font-size:24px}.summary small{color:var(--muted)}label{display:block;margin:16px 0 6px;font-size:14px}input,textarea,select{width:100%;background:#121019;border:1px solid #4d465c;border-radius:10px;padding:13px 16px;color:white}textarea{min-height:90px;resize:vertical}input:focus,textarea:focus,select:focus{outline:2px solid var(--purple);outline-offset:2px}button:focus-visible,a:focus-visible{outline:2px solid white;outline-offset:4px}.custom-answers{display:grid;grid-template-columns:1fr 1fr;gap:12px}.custom-answers label{margin:0}.saved{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);gap:15px}.saved button{background:none;border:0;color:var(--pink)}.error{color:#ffacc3;margin-top:12px;font-size:14px}.lobby{display:grid;grid-template-columns:1fr 1fr;gap:30px}.code{font:700 clamp(40px,6vw,68px) 'Space Grotesk';letter-spacing:8px;color:var(--lime);margin:18px 0}.qr-placeholder{height:150px;width:150px;background:#fff;color:#221d2d;border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:15px;margin:25px auto}.qr-placeholder strong{font-size:30px}.qr-placeholder small{font-size:12px}.invite{text-align:center}.players{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.player{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;padding:12px}.avatar{width:40px;height:40px;border-radius:50%;background:#544078;display:grid;place-items:center;color:#f3e9ff;font-weight:700}.player small{color:var(--lime);font-size:12px}.empty{padding:35px 10px;text-align:center;color:var(--muted)}.join{max-width:430px;margin:auto;text-align:center}.join label{text-align:left}.join h1{font-size:40px}.join input{text-align:center;font-size:22px}.join .primary{width:100%}.join-icon{font-size:48px;margin:10px 0 25px}.join .answers button{font-size:30px;min-height:120px;color:white;cursor:pointer}.join .answers button:disabled{opacity:.5}.success{color:var(--lime)}details{margin:20px 0;color:var(--muted)}summary{cursor:pointer}.status-banner{font-size:13px;color:var(--muted);border-top:1px solid var(--line);margin-top:25px;padding-top:15px}dialog{background:#211c2e;color:white;border:1px solid #665376;border-radius:22px;max-width:540px;width:calc(100% - 32px);padding:35px}dialog::backdrop{background:#08060bc9;backdrop-filter:blur(5px)}dialog h2{font-size:30px}dialog em{color:var(--pink);font-style:normal;white-space:nowrap}.close{float:right;background:none;border:0;color:white;font-size:25px}.wide{width:100%}@media(max-width:760px){header,footer{padding:20px}.brand{font-size:24px}nav{gap:12px}nav a{font-size:12px}.prototype{display:none}main{padding:32px 20px 45px}.hero{grid-template-columns:1fr;gap:30px;padding-bottom:40px}.hero h1{font-size:48px}.stage{margin:15px 10px;padding:22px}.hero .actions{display:grid}.how{grid-template-columns:1fr;gap:25px}.plans{grid-template-columns:1fr;gap:25px;padding:24px}.plans article+article{border-left:0;border-top:1px solid var(--line);padding:24px 0 0}.grid{grid-template-columns:1fr 1fr}.card{padding:18px;min-height:155px}.card.selected{padding:17px}.card strong{font-size:18px}.card .tag{font-size:10px;top:12px}.steps{gap:10px;font-size:12px;margin-bottom:30px}.panel{padding:22px}.lobby{grid-template-columns:1fr}.lobby h1{font-size:40px}.custom-answers{grid-template-columns:1fr}.heading-row{align-items:flex-start}.flow h1{font-size:36px}.flow-bottom{gap:12px}.flow-bottom .primary{padding:15px 18px}footer{flex-wrap:wrap}footer span:last-child{display:none}.players{grid-template-columns:1fr 1fr}.summary{gap:25px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:760px){.spark{right:0;font-size:55px}.stage{min-width:0}.answers{min-width:0}}
:root{--bg:#05091b;--panel:#12152a;--line:#2d3049;--lime:#ffc52d;--purple:#b18aff;--pink:#ff6c9c}header .brand img,footer .brand img{display:block;object-fit:contain}header{padding-top:12px;padding-bottom:12px}.is-home header{justify-content:flex-end;border-bottom:0}.is-home header>.brand{display:none}.is-home main{padding-top:0}.home-start{text-align:center;max-width:720px;margin:0 auto;padding:0 0 48px}.home-logo{display:block;width:min(100%,560px);height:auto;margin:0 auto 0}.home-start h1{font-size:clamp(25px,3vw,34px);letter-spacing:-1px;margin:0 0 10px}.home-start>p{margin-bottom:20px}.home-actions{display:flex;flex-direction:column;gap:16px;max-width:370px;margin:24px auto 22px}.home-actions .primary{font-size:21px;min-height:66px;border-radius:15px;background:#ffc52d;box-shadow:0 5px 0 #ce8511}.home-actions .primary:hover{background:#ffda66}.home-actions .secondary{background:transparent;border-color:#45435b;font-weight:500}.home-note{font-size:13px;color:var(--muted)}.is-home .how{max-width:960px;margin:auto}.is-home .plans{max-width:960px;margin:22px auto 0}.primary{box-shadow:0 5px 0 #ce8511}.primary:hover{background:#ffda66}@media(max-width:760px){.is-home header{padding:16px 20px 0;min-height:40px}.is-home header nav a{display:none}.is-home header .prototype{display:inline-block}.home-logo{width:100%;margin:0 auto}.home-start{padding-bottom:28px}.home-actions{margin:22px auto}.home-actions .primary{min-height:62px}.home-note{max-width:280px;margin:0 auto!important;line-height:1.8}header{gap:12px}header .brand img{width:130px;height:65px}.home-start h1{font-size:26px}}