.schockout-landing{--landing-ink:#191b16;--landing-paper:#f4f0e6;--landing-orange:#ff5b30;background:var(--landing-ink);color:var(--landing-paper);font-family:var(--font-sans),sans-serif;overflow:hidden}.schockout-landing *{box-sizing:border-box}.schockout-landing button,.schockout-landing a{-webkit-tap-highlight-color:transparent}.schockout-landing :focus-visible{outline-offset:6px;outline:3px solid #ff977a}.schockout-landing a{text-decoration:none}.schockout-landing button{font:inherit;cursor:pointer}.schockout-landing button:disabled{cursor:wait}.schockout-landing em{color:var(--landing-orange);font-style:normal}body:has(.schockout-landing)>.global-user-menu{display:none}.landing-preview-note{color:#f4f0e6;letter-spacing:.05em;background:#2b2e25;flex-wrap:wrap;justify-content:center;gap:12px;padding:10px 20px;font-size:12px;display:flex}.landing-preview-note span{color:#c5c7bd}.landing-preview-note a{color:#ff9978;text-decoration:underline}.schockout-landing .landing-header>a:first-child{position:relative}.schockout-landing .landing-header .slogan-brand{display:contents}.schockout-landing .landing-header .slogan-brand-line{white-space:nowrap;font-family:var(--font-display),sans-serif;letter-spacing:.015em;text-transform:uppercase;color:#bdc2ae;font-size:8.5px;line-height:1.25;position:absolute;top:calc(100% + 2px);left:0}.schockout-landing .landing-header .slogan-brand-line b{font:inherit;color:var(--landing-orange)}.landing-header{z-index:5;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:24px;max-width:1600px;margin:auto;padding:28px 5vw;display:flex;position:relative}.landing-header .schockout-logo{color:var(--landing-paper);font-size:25px}.landing-header nav{align-items:center;gap:34px;font-size:15px;font-weight:650;display:flex}.landing-header nav>a:hover{color:var(--landing-orange)}.landing-header .landing-login{border:1px solid #727568;border-radius:5px;padding:12px 19px}.landing-login span{color:var(--landing-orange);margin-left:20px}.landing-hero{grid-template-columns:1.04fr 1fr;align-items:center;gap:20px;max-width:1600px;min-height:740px;margin:auto;padding:65px 5vw 72px;display:grid;position:relative}.landing-hero-copy{z-index:2;position:relative}.landing-kicker{color:#c1c3b6;letter-spacing:.12em;flex-wrap:wrap;gap:13px;margin-bottom:30px;font-size:12px;font-weight:700;display:flex}.landing-kicker span+span{color:#ff8965}.landing-hero h1{font-family:var(--font-display),sans-serif;letter-spacing:-.064em;white-space:nowrap;margin:0 0 30px;font-size:clamp(44px,5.6vw,86px);line-height:1.04}.landing-hero h1>span{color:#f4f0e6}.landing-hero-copy>p{color:#bdc0b1;max-width:500px;margin:0;font-size:17px;line-height:1.8}.landing-hero-actions{flex-wrap:wrap;align-items:center;gap:23px;margin:34px 0 47px;display:flex}.landing-cta{background:var(--landing-orange);color:#171914;border:1px solid var(--landing-orange);border-radius:5px;justify-content:space-between;align-items:center;gap:34px;padding:18px 24px;font-size:16px;font-weight:850;transition:transform .2s,background .2s;display:inline-flex}.landing-cta:hover{background:#ff7957;transform:translateY(-3px)}.landing-cta>span{font-size:22px}.landing-secondary{color:#e2e3d7;font-size:14px;font-weight:600}.landing-secondary>span{color:var(--landing-orange);margin-left:12px}.landing-hero-caption{letter-spacing:.11em;color:#a9ad9c;border-top:1px solid #ffffff20;gap:20px;max-width:350px;padding-top:19px;font-size:12px;display:flex}.landing-hero-caption>span+span{color:#e4e5d9}.landing-stage{isolation:isolate;background:radial-gradient(at 55% 56%,#ff5b301b,#0000 64%);align-self:stretch;min-height:590px;position:relative}.landing-stage-meta{z-index:3;letter-spacing:.12em;color:#c6c7b9;justify-content:space-between;font-size:12px;display:flex;position:absolute;top:9%;left:7%;right:4%}.landing-stage-meta>span+span{color:#ff8965}.landing-big-one{z-index:-1;font-family:var(--font-display);letter-spacing:-.09em;color:#0000;-webkit-text-stroke:1px #d2cdb820;-webkit-user-select:none;user-select:none;font-size:clamp(180px,27vw,400px);line-height:1;position:absolute;top:10%;left:9%;transform:rotate(-9deg)}.landing-dice-canvas{position:absolute;inset:0 0 45px}.landing-dice-canvas canvas{width:100%;height:100%;display:block}.landing-dice-poster{object-fit:contain;width:100%;height:85%;position:absolute;top:0;left:0}.landing-result{z-index:2;pointer-events:none;flex-direction:column;justify-content:end;align-items:center;min-height:68px;display:flex;position:absolute;bottom:122px;left:0;right:0}.landing-result>span{color:#c3c5b8;letter-spacing:.1em;text-align:center;font-size:11px}.landing-result strong{font-family:var(--font-display);letter-spacing:-.065em;color:#f4f0e6;font-size:clamp(38px,4.4vw,67px);line-height:1.2;animation:.55s cubic-bezier(.16,1,.3,1) schock-stamp}.landing-result strong span{color:var(--landing-orange)}.has-schock .landing-stage{background:radial-gradient(at 55% 56%,#ff5b3036,#0000 66%)}.landing-stage-controls{z-index:3;justify-content:center;gap:10px;display:flex;position:absolute;bottom:51px;left:8%;right:4%}.landing-stage-controls>button{color:#f4f0e6;background:#272a22;border:1px solid #717362;border-radius:5px;justify-content:space-between;align-items:center;gap:15px;min-height:49px;padding:12px 17px;font-size:14px;font-weight:700;display:flex}.landing-stage-controls>button:first-child{flex:1;max-width:330px}.landing-stage-controls>button:hover{border-color:#ff8862}.landing-stage-controls>button:disabled{color:#a5a795}.landing-stage-controls>button>span{color:#ff8862;font-size:22px}.landing-stage-controls>.landing-motion{justify-content:center;min-width:49px}.landing-stage>small{color:#a7ab97;text-align:center;font-size:12px;position:absolute;bottom:20px;left:0;right:0}.landing-ticker{background:var(--landing-orange);z-index:3;border-block:1px solid #ffab91;padding:19px 0;position:relative;overflow:hidden;transform:rotate(-2deg)scale(1.02)}.landing-ticker>div{gap:25px;width:max-content;animation:38s linear infinite landing-marquee;display:flex}.landing-ticker span{font-family:var(--font-display);color:#1c1d17;white-space:nowrap;letter-spacing:-.05em;font-size:26px}.landing-ticker b{color:var(--landing-paper);font-weight:inherit}.landing-ticker i{margin-inline:18px;font-style:normal}.landing-experience{background:var(--landing-paper);color:var(--landing-ink);padding:110px 7vw 86px}.landing-experience>header{max-width:1290px;margin:auto;position:relative}.landing-section-label{letter-spacing:.13em;color:#6e7164;font-size:12px;font-weight:800}.landing-experience h2{font-family:var(--font-display);letter-spacing:-.065em;margin:18px 0 22px;font-size:clamp(44px,5.5vw,74px);line-height:1.15}.landing-experience header>p{color:#676b5c;margin:0;font-size:17px;line-height:1.7}.landing-modes{border-bottom:1px solid #cacabc;gap:0;max-width:1290px;margin:45px auto 0;display:flex}.landing-modes button{text-align:left;color:#717565;background:0 0;border:0;border-bottom:3px solid #0000;flex:1;align-items:center;gap:18px;padding:21px 12px;font-size:20px;font-weight:800;display:flex}.landing-modes button[aria-selected=true]{color:#191b16;border-bottom-color:var(--landing-orange)}.landing-modes button>span{color:#7a7e6d;font-size:12px}.landing-modes button>i{margin-left:auto;font-size:25px;font-style:normal}.landing-modes button[aria-selected=true]>i{color:var(--landing-orange)}.landing-mode-panel{grid-template-columns:1fr 1.6fr;align-items:center;gap:8%;max-width:1290px;margin:0 auto;padding:44px 0 10px;display:grid}.landing-mode-number{font-family:var(--font-display);color:#dcdcd0;letter-spacing:-.09em;font-size:clamp(100px,15vw,200px);line-height:1}.landing-mode-number span{font-family:var(--font-sans);color:#737866;letter-spacing:.12em;padding:15px 0 0 12px;font-size:12px;display:block}.landing-mode-panel h3{font-family:var(--font-display);letter-spacing:-.04em;margin:0 0 20px;font-size:clamp(26px,3vw,37px);line-height:1.2}.landing-mode-panel p{color:#5b6051;max-width:640px;font-size:17px;line-height:1.8}.landing-mode-panel ul{flex-wrap:wrap;gap:10px;margin:23px 0 30px;padding:0;list-style:none;display:flex}.landing-mode-panel li{color:#4d5342;border:1px solid #c5c7b8;border-radius:3px;padding:8px 13px;font-size:13px}.landing-mode-panel a{border-bottom:2px solid var(--landing-orange);gap:25px;padding:0 0 8px;font-size:16px;font-weight:800;display:inline-flex}.landing-mode-panel a>span{color:#c53919}.landing-closing{text-align:center;background:radial-gradient(ellipse at 50% 120%,#ff5b3025,transparent 60%),var(--landing-ink);padding:75px 5vw 84px}.landing-closing>span{color:#adb29d;letter-spacing:.15em;font-size:12px}.landing-closing h2{font-family:var(--font-display);letter-spacing:-.075em;margin:20px 0 33px;font-size:clamp(48px,8vw,100px);line-height:1.1}.landing-footer{color:#bec3ae;border-top:1px solid #ffffff1c;flex-wrap:wrap;align-items:center;gap:25px;padding:30px 5vw;display:flex}.landing-footer .schockout-logo{color:var(--landing-paper);font-size:20px}.landing-footer>span{font-size:13px}.landing-footer>div{gap:22px;margin-left:auto;font-size:14px;display:flex}.landing-footer a:hover{color:var(--landing-orange)}@keyframes landing-marquee{to{transform:translate(-25%)}}@keyframes schock-stamp{0%{opacity:0;transform:scale(1.35)rotate(-5deg)}to{opacity:1;transform:scale(1)rotate(0)}}.motion-paused .landing-ticker>div,.motion-paused .landing-result strong{animation:none}@media (min-width:1500px){.landing-hero{min-height:820px}.landing-stage{min-height:630px}}@media (max-width:1050px){.landing-header{padding-inline:4vw}.landing-header nav{gap:20px}.landing-hero{gap:0;min-height:650px;padding:40px 4vw 65px}.landing-hero h1{font-size:5.9vw}.landing-stage{min-height:560px}.landing-hero-copy>p{font-size:16px}.landing-hero-actions{gap:19px}.landing-cta{padding:16px 19px}.landing-desktop-break{display:none}.landing-hero-caption{gap:12px;font-size:11px}}@media (max-width:760px){.landing-preview-note{gap:5px 12px;padding:8px 15px;font-size:10px}.landing-preview-note span{display:none}.landing-header{padding:20px}.landing-header .schockout-logo{font-size:21px}.landing-header nav>a:not(:last-child){display:none}.landing-header .landing-login{padding:10px 12px;font-size:13px}.landing-login span{margin-left:10px}.landing-hero{grid-template-columns:1fr;padding:38px 22px 36px}.landing-kicker{gap:8px;margin-bottom:22px;font-size:10px}.landing-hero h1{margin-bottom:22px;font-size:clamp(37px,9.9vw,70px);line-height:1.02}.landing-hero-copy>p{max-width:440px;font-size:16px;line-height:1.65}.landing-hero-actions{gap:17px;margin:25px 0 0}.landing-cta{gap:24px;padding:14px 18px;font-size:14px}.landing-secondary{font-size:13px}.landing-hero-caption{display:none}.landing-stage{min-height:445px;margin:12px -14px -15px}.landing-stage-meta{font-size:10px;top:8%;left:5%;right:5%}.landing-big-one{font-size:70vw;top:13%;left:16%}.landing-dice-canvas{inset:10px -5% 35px}.landing-dice-poster{height:80%}.landing-result{min-height:50px;bottom:103px}.landing-result>span{font-size:10px}.landing-result strong{font-size:45px}.landing-stage-controls{bottom:42px;left:5%;right:5%}.landing-stage-controls>button{min-height:46px;font-size:13px}.landing-stage>small{font-size:11px;bottom:13px}.landing-ticker{padding:15px 0}.landing-ticker span{font-size:22px}.landing-experience{padding:65px 22px 48px}.landing-section-label{font-size:10px}.landing-experience h2{font-size:44px}.landing-experience header>p{font-size:16px}.landing-modes{margin-top:27px}.landing-modes button{flex-wrap:wrap;gap:7px;padding:18px 5px;font-size:14px}.landing-modes button>span{font-size:10px}.landing-modes button>i{display:none}.landing-mode-panel{grid-template-columns:1fr;gap:0;min-height:420px;padding-top:23px}.landing-mode-number{display:none}.landing-mode-panel h3{margin-bottom:14px;font-size:28px}.landing-mode-panel p{margin:0;font-size:16px}.landing-mode-panel li{font-size:12px}.landing-mode-panel ul{gap:7px;margin:21px 0 24px}.landing-closing{padding:51px 20px 57px}.landing-closing h2{font-size:54px}.landing-footer{align-items:flex-start;gap:18px;padding:27px 22px}.landing-footer>span{order:3;width:100%;font-size:12px}.landing-footer>div{gap:14px;font-size:12px}.landing-footer .schockout-logo{font-size:17px}}@media (prefers-reduced-motion:reduce){.schockout-landing *,.schockout-landing :before,.schockout-landing :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}