:root{--ink: #1a0b3b;--paper: #f7f2ff;--paper-2: #e6dbff;--muted: #5d4e86;--buddy: #ff5a4f;--bus: #ffc91f;--mint: #27e3a4;--sky: #3f6bff;--bubble: #ff7ad1;--room: #1a0b3b;--display: "Bagel Fat One", "Arial Black", sans-serif;--body: "Gabarito Variable", "Avenir Next", "Segoe UI", sans-serif;--lift: 0 4px 0 var(--ink);color-scheme:dark;font-family:var(--body);font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--room);background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:6px 6px;color:var(--paper);line-height:1.55;font-size:17px}a{color:var(--mint)}:focus-visible{outline:3px solid var(--sky);outline-offset:2px}.top,main{max-width:760px;margin:0 auto;padding:0 16px}.top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:18px}.brand{font-family:var(--display);color:var(--bus);text-decoration:none;font-size:20px}.brand span{color:var(--bubble)}.top-play{color:var(--paper);font-weight:700;font-size:15px}.hero{padding:40px 0 24px}h1,h2,.cta h2{font-family:var(--display);font-weight:400;line-height:1.1;margin:0}h1{color:var(--bus);font-size:clamp(38px,9vw,64px)}.lede{margin:14px 0 0;font-size:19px;color:var(--paper-2);max-width:60ch}.card{background:var(--paper);color:var(--ink);border:3px solid var(--ink);border-radius:22px;box-shadow:0 8px #0b0420;padding:24px}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.08em;font-size:13px;font-weight:800;color:var(--muted)}.card h2{font-size:clamp(26px,5.4vw,36px);margin:6px 0 10px;color:var(--ink)}.lines{margin:0;color:var(--muted)}.card h3{margin:20px 0 8px;font-size:15px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.features{list-style:none;margin:0;padding:0;display:grid;gap:8px}.features li{background:var(--paper-2);border-radius:12px;padding:8px 12px}.features strong{margin-right:6px}.fit{margin-top:20px}.fit-head{display:flex;justify-content:space-between;align-items:baseline;font-weight:800}.fit-head strong{font-variant-numeric:tabular-nums}.meter{height:14px;border:2px solid var(--ink);border-radius:99px;background:#fff;overflow:hidden;margin:6px 0}.meter div{height:100%;background:linear-gradient(90deg,var(--buddy),var(--bus),var(--mint));background-size:100% 100%;transition:width .35s ease}.fit p{margin:0;color:var(--muted)}.buddy{display:flex;gap:10px;align-items:center;margin:20px 0 0;padding:10px 14px;border-radius:14px;background:#fff0ee}.buddy-face{flex:none;width:34px;height:34px;border-radius:50%;background:var(--buddy);border:3px solid var(--bus);box-shadow:inset 7px -6px 0 -4px #00000014}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border:3px solid var(--ink);border-radius:14px;box-shadow:var(--lift);background:#fff;color:var(--ink);font:inherit;font-weight:800;text-decoration:none;cursor:pointer}.btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}.btn.primary{background:var(--buddy);color:#fff}.btn.mint{background:var(--mint)}.prose{padding:40px 0 8px}.prose h2{color:var(--mint);font-size:28px;margin:30px 0 10px}.prose p{margin:0 0 12px;color:var(--paper-2)}.parts{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}.parts h3{margin:0 0 4px;color:var(--bus);font-size:16px}.parts p{font-size:15px}.cta{text-align:center;margin:40px 0 56px;padding:32px 20px;border-radius:22px;background:#ffffff0f}.cta h2{color:var(--bus);font-size:clamp(26px,5vw,34px)}.cta p{color:var(--paper-2);margin:10px 0 18px}@media(max-width:480px){.card{padding:18px}.actions .btn{flex:1 1 100%}}
