@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Space+Grotesk:wght@400;500;600;700&display=swap");body,html{height:100%;margin:0}*{box-sizing:border-box}body{overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit}a,button{-webkit-tap-highlight-color:transparent}.site-footer-link,.site-nav-link{color:inherit;font-size:.875rem;font-weight:700;text-decoration:none;transition:color .16s ease}.site-footer-link:hover,.site-nav-link:hover{color:#d8ff57}.hero-copy>*{animation:heroEnter .62s cubic-bezier(.2,.75,.2,1) both}.hero-copy>:nth-child(2){animation-delay:70ms}.hero-copy>:nth-child(3){animation-delay:.13s}.hero-copy>:nth-child(4){animation-delay:.19s}.hero-copy>:nth-child(5){animation-delay:.25s}.product-demo{position:relative;width:100%;min-height:350px;isolation:isolate;animation:demoEnter .76s cubic-bezier(.2,.75,.2,1) .12s both}.demo-glow{position:absolute;inset:12% 8% 8% 10%;background:#d8ff57;border-radius:50%;opacity:.11;filter:blur(62px);z-index:-1}.demo-tv-shell{position:absolute;top:5%;left:0;width:94%}.demo-tv-screen{aspect-ratio:16/10.2;overflow:hidden;border:8px solid #22241d;border-radius:18px;background:#f2eee5;color:#12130f;box-shadow:0 32px 80px rgba(0,0,0,.44)}.demo-tv-topbar{padding:clamp(11px,2vw,20px);border-bottom:1px solid rgba(18,19,15,.16)}.demo-eyebrow,.demo-label,.demo-phone-room{font-size:clamp(.48rem,1.1vw,.68rem)!important;font-weight:800!important;letter-spacing:.15em!important;line-height:1.2!important}.demo-room-name{margin-top:4px!important;font-family:Space Grotesk,sans-serif!important;font-size:clamp(.72rem,1.6vw,1.05rem)!important;font-weight:750!important}.demo-room-code{padding:6px 8px;border:1px solid rgba(18,19,15,.22);border-radius:7px;font:800 clamp(.65rem,1.3vw,.9rem) /1 Space Grotesk,sans-serif;letter-spacing:.14em}.demo-score-layout{display:grid;grid-template-columns:1.2fr .8fr;grid-gap:clamp(10px,2vw,24px);gap:clamp(10px,2vw,24px);padding:clamp(12px,2.5vw,26px)}.demo-player-list{margin-top:8px;gap:5px}.demo-player{min-height:clamp(30px,5vw,46px);padding:0 clamp(8px,1.4vw,14px);border-bottom:1px solid rgba(18,19,15,.13)}.demo-player .MuiTypography-root{font-family:Space Grotesk,sans-serif;font-size:clamp(.65rem,1.45vw,1rem);font-weight:750}.demo-player-active{background:#d8ff57;border-bottom-color:transparent;border-radius:8px;animation:activeTurn 2.4s ease-in-out infinite}.demo-player-dot{width:clamp(5px,.8vw,8px);height:clamp(5px,.8vw,8px);border-radius:50%;background:#12130f}.demo-turn-panel{border-left:1px solid rgba(18,19,15,.16);padding-left:clamp(10px,2vw,22px)}.demo-turn-name{margin-top:7px!important;font-size:clamp(1.1rem,3vw,2.25rem)!important;font-weight:800!important}.demo-timer,.demo-turn-name{font-family:Space Grotesk,sans-serif!important;letter-spacing:-.05em!important}.demo-timer{margin-top:clamp(10px,2vw,22px)!important;font-size:clamp(1.3rem,3.6vw,2.8rem)!important;font-weight:600!important}.demo-timer-track{height:4px;margin-top:7px;overflow:hidden;border-radius:2px;background:rgba(18,19,15,.14)}.demo-timer-track>div{width:64%;height:100%;background:#12130f;animation:timerMove 6s linear infinite;transform-origin:left}.demo-tv-stand{width:24%;height:16px;margin:0 auto;background:#22241d;-webkit-clip-path:polygon(35% 0,65% 0,78% 100%,22% 100%);clip-path:polygon(35% 0,65% 0,78% 100%,22% 100%)}.demo-phone-shell{position:absolute;right:0;bottom:0;width:min(42%,220px);min-width:145px;padding:clamp(14px,2.4vw,22px) clamp(12px,2vw,18px);border:6px solid #25271f;border-radius:25px;background:#10110d;color:#f5f1e7;box-shadow:0 26px 60px rgba(0,0,0,.55);animation:phoneFloat 4.4s ease-in-out infinite}.demo-phone-speaker{width:32%;height:4px;margin:-6px auto 14px;border-radius:4px;background:#3b3d33}.demo-phone-room{color:#d8ff57}.demo-phone-title{margin-top:10px!important;font-family:Space Grotesk,sans-serif!important;font-size:clamp(1rem,2vw,1.4rem)!important;font-weight:800!important;letter-spacing:-.04em!important}.demo-phone-copy{margin-top:4px!important;color:#b9b9af;font-size:clamp(.58rem,1.2vw,.78rem)!important;line-height:1.35!important}.demo-score-actions{margin-top:14px}.demo-score-actions>div{flex:1 1;padding:7px 2px;border:1px solid #3c3e35;border-radius:7px;color:#f5f1e7;font:700 clamp(.58rem,1vw,.75rem) /1 DM Sans,sans-serif;text-align:center}.demo-end-turn{display:flex;justify-content:space-between;margin-top:9px;padding:9px 10px;border-radius:7px;background:#d8ff57;color:#0b0d08;font:800 clamp(.62rem,1.2vw,.8rem) /1 DM Sans,sans-serif}@keyframes heroEnter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes demoEnter{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes activeTurn{0%,to{box-shadow:0 0 0 0 rgba(216,255,87,0)}50%{box-shadow:0 0 0 4px rgba(216,255,87,.2)}}@keyframes timerMove{0%{transform:scaleX(1)}to{transform:scaleX(.25)}}@keyframes phoneFloat{0%,to{transform:translateY(0) rotate(1.5deg)}50%{transform:translateY(-7px) rotate(0deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (min-width:600px){.product-demo{min-height:440px}}@media (min-width:900px){.product-demo{min-height:520px}.demo-tv-shell{top:10%}}@media (max-width:390px){.product-demo{min-height:320px}.demo-phone-shell{min-width:132px}.demo-score-layout{grid-template-columns:1.25fr .75fr}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}