@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Space+Grotesk:wght@400;500;700&display=swap');
:root{--ink:#25183a;--paper:#fff3d9;--pink:#ff66a8;--lime:#ddfa69;--purple:#7548d9}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 'Space Grotesk',sans-serif}a{color:inherit}nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 5%;border-bottom:2px solid var(--ink);flex-wrap:wrap}.brand{font-weight:900;text-decoration:none;letter-spacing:-1px;font-size:25px}.links{display:flex;gap:23px;align-items:center}.links a{font-weight:700;text-decoration:none}h1,h2,h3,.display{font-family:'Archivo Black',sans-serif;line-height:1.02;letter-spacing:-.05em}h1{font-size:clamp(62px,10vw,145px);margin:20px 0}h2{font-size:clamp(38px,5vw,70px)}.button{display:inline-block;padding:15px 25px;border:2px solid var(--ink);border-radius:50px;background:var(--lime);box-shadow:5px 5px 0 var(--ink);font-weight:900;text-decoration:none;color:var(--ink);cursor:pointer;font:inherit;font-weight:700}.button:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--ink)}.hero{padding:65px 6% 80px;display:grid;grid-template-columns:1.35fr 1fr;gap:50px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:13px;font-weight:700}.hero p{max-width:520px;font-size:20px}.pink{color:#c12671}.art{position:relative;min-height:440px;display:grid;place-items:center}.orbit{position:absolute;inset:30px 0;border:2px solid var(--ink);border-radius:50%;transform:rotate(-25deg)}.orbit.two{transform:rotate(25deg);inset:0 40px}.tap-card{width:290px;height:185px;background:var(--purple);color:var(--paper);border:3px solid var(--ink);border-radius:22px;padding:25px;box-shadow:12px 12px 0 var(--ink);transform:rotate(-12deg);animation:bob 5s ease-in-out infinite;z-index:1;display:flex;flex-direction:column;justify-content:space-between}.tap-card strong{font-size:35px;line-height:1;letter-spacing:-2px}.sticker{position:absolute;right:0;top:0;background:var(--lime);border:2px solid var(--ink);border-radius:50%;width:125px;height:125px;display:grid;place-content:center;line-height:1.1;text-align:center;font-weight:900;transform:rotate(14deg);z-index:2}.star{position:absolute;bottom:0;left:0;font-size:100px;color:#d22778;animation:spin 25s linear infinite}.ticker{overflow:hidden;border-block:2px solid var(--ink);background:var(--pink);padding:15px 0}.ticker-track{display:flex;width:max-content;animation:slide 27s linear infinite;font-family:'Archivo Black';font-size:25px;gap:35px}.ticker-track span{white-space:nowrap}.intro{padding:70px 6%;display:grid;grid-template-columns:1fr 1fr;gap:50px}.intro h2{margin:0}.intro p{margin:0 0 24px;font-size:20px}.bottom{background:var(--purple);color:var(--paper);padding:55px 6%;display:flex;gap:30px;align-items:center;justify-content:space-between}.bottom h2{margin:0;max-width:650px}footer{padding:25px 6%;font-size:13px;border-top:2px solid var(--ink)}.wrap{max-width:1150px;margin:auto;padding:45px 25px}.review-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:35px;align-items:start}.panel{background:#fffaf0;border:2px solid var(--ink);border-radius:22px;padding:28px;box-shadow:7px 7px 0 var(--ink)}label{display:block;font-weight:700;margin:14px 0 7px}input,select,textarea{width:100%;padding:13px;border:2px solid var(--ink);border-radius:10px;font:inherit;background:white;color:var(--ink)}textarea{min-height:140px}button{margin-top:18px}.review{padding:22px 0;border-bottom:2px solid #25183a22;overflow-wrap:anywhere}.review strong{font-size:21px}.stars{color:#ba2468;font-size:24px;letter-spacing:3px}.status{padding:12px 0;font-size:14px}.controls{position:fixed;bottom:14px;right:14px;z-index:20;font-size:12px;padding:8px 13px;box-shadow:2px 2px 0 var(--ink)}:focus-visible{outline:4px solid #c12671;outline-offset:5px}body.paused *,body.paused *:before{animation-play-state:paused!important}@keyframes slide{to{transform:translateX(-50%)}}@keyframes bob{50%{transform:translateY(-17px) rotate(-7deg)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:780px){.hero,.intro,.review-grid{grid-template-columns:1fr}.hero{padding-top:40px;gap:20px}.art{min-height:350px;max-width:450px;width:100%;margin:auto}.bottom{align-items:start;flex-direction:column}.links{gap:14px;font-size:14px}.intro{gap:25px}.tap-card{width:250px}.sticker{width:105px;height:105px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}
