.splash-page{--splash-page-padding:clamp(20px,3vw,40px);--splash-viewport:100vh;--splash-bg-top:#2a313c;--splash-bg-bottom:#161a22;--splash-surface:rgba(15,22,32,0.82);--splash-surface-strong:rgba(13,20,30,0.95);--splash-outline:rgba(148,163,184,0.25);background:radial-gradient(960px 560px at 12% -18%,rgba(216,161,93,.18),transparent 68%),radial-gradient(820px 520px at 110% -10%,rgba(124,170,209,.22),transparent 60%),linear-gradient(180deg,var(--splash-bg-top) 0,var(--splash-bg-bottom) 100%);color:rgba(239,242,240,.92);font-family:var(--font-body);display:flex;flex-direction:column;align-items:center;min-height:var(--splash-viewport);width:100%;box-sizing:border-box;padding:var(--splash-page-padding);gap:clamp(24px,5vw,56px)}@supports (height:100svh){.splash-page{--splash-viewport:100svh}}@supports (height:100lvh){.splash-page{--splash-viewport:100lvh}}.splash-page em{font-style:italic;color:var(--color-accent)}.splash-main{width:min(1200px,100%);display:flex;flex-direction:column;gap:clamp(32px,6vw,72px);margin:0 auto;flex:1 0 auto;padding-top:calc(var(--nav-clearance) - 34px)}.splash-topline{font-family:var(--font-display);font-size:clamp(2.4rem,4.6vw,3.6rem);line-height:1.04;text-align:center;margin:clamp(4px,1vw,12px) clamp(8px,2vw,24px) 0;letter-spacing:-.01em;color:rgba(239,242,240,.96);max-width:26ch;white-space:nowrap}.splash-hero{display:flex;flex-direction:column;align-items:center;gap:clamp(14px,3.4vw,28px);padding-inline:clamp(10px,2.6vw,26px)}.splash-preview{width:min(1600px,75vw);padding:clamp(4px,1vw,10px);border-radius:22px;background:linear-gradient(180deg,rgba(13,19,28,.85),rgba(10,16,24,.72));box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 32px 88px rgba(6,9,14,.6)}.splash-preview-frame{border-radius:20px;border:1px solid rgba(43,54,72,.8);background:radial-gradient(80% 120% at 50% 20%,rgba(34,45,70,.55),rgba(17,23,34,.9));padding:clamp(6px,1.2vw,14px)}.splash-preview-screen{border-radius:18px;border:1px solid rgba(54,70,92,.9);background:radial-gradient(120% 140% at 50% 12%,rgba(64,95,140,.35),transparent 64%),radial-gradient(80% 120% at 50% 90%,rgba(20,28,40,.65),rgba(12,16,24,.92));min-height:clamp(220px,26vw,340px);max-height:clamp(260px,30vw,340px);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.splash-preview-screen--game{background:radial-gradient(100% 140% at 50% 15%,rgba(52,82,124,.32),transparent 65%),radial-gradient(80% 120% at 50% 90%,rgba(10,16,26,.75),rgba(7,10,16,.92))}.splash-preview-media{width:100%;height:100%;border-radius:14px;overflow:hidden;position:relative}.splash-preview-media,.splash-preview-media--game{display:flex;align-items:center;justify-content:center}.splash-preview-media--game{background:radial-gradient(85% 110% at 50% 15%,rgba(72,104,154,.28),transparent 70%),rgba(10,15,24,.9)}.splash-preview-media .marketing-showcase-stage{width:100%;height:100%;max-width:none;display:flex;align-items:center;justify-content:center;padding:clamp(6px,1vw,12px);box-sizing:border-box}.splash-preview-media .marketing-showcase-card{height:calc(100% - clamp(6px, .9vw, 12px));width:calc(100% - clamp(6px, .9vw, 12px));background:linear-gradient(180deg,rgba(15,22,32,.95),rgba(11,17,26,.82));border:1px solid rgba(58,76,104,.5);box-shadow:0 24px 68px rgba(6,9,14,.55)}.splash-preview-media .marketing-showcase-card:after{display:none}.splash-preview-media .marketing-preroll{height:100%;align-items:center;justify-content:center;padding:clamp(2px,.6vw,8px);box-sizing:border-box;width:100%}.splash-preview-media .marketing-preroll-slot{max-width:none}.splash-preview-game{width:calc(100% - clamp(6px, .9vw, 12px));height:calc(100% - clamp(6px, .9vw, 12px));border-radius:inherit;overflow:hidden;position:relative}.splash-preview-game canvas{border-radius:inherit;max-height:320px}.splash-cta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,5vw,56px);align-items:start;padding-top:clamp(8px,2vw,16px)}.splash-cta-headline h2{font-family:var(--font-display);font-size:clamp(1.9rem,3.8vw,2.8rem);line-height:1.05;margin:0;color:rgba(239,242,240,.96)}.splash-cta-body{display:flex;flex-direction:column;gap:var(--s-3);color:rgba(209,213,219,.82)}.splash-inline-form{display:flex;align-items:stretch;gap:var(--s-2);flex-wrap:nowrap}.splash-inline-field{position:relative;flex:1 1 auto}.splash-inline-field input[type=email]{width:100%;border-radius:999px;border:1px solid rgba(148,163,184,.45);padding:.9rem 1.25rem;font-size:1rem;background:rgba(13,21,32,.8);color:rgba(239,242,240,.95);transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease),background var(--t-fast) var(--ease)}.splash-inline-field input[type=email]::-moz-placeholder{color:rgba(148,163,184,.68)}.splash-inline-field input[type=email]::placeholder{color:rgba(148,163,184,.68)}.splash-inline-field input[type=email]:focus{outline:none;border-color:color-mix(in srgb,var(--color-accent) 45%,rgba(148,163,184,.45));box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 18%,transparent);background:rgba(16,26,40,.9)}.splash-inline-form .btn{padding-inline:clamp(1.6rem,3vw,2.6rem);font-size:1rem;border-radius:999px;min-height:52px;white-space:nowrap;background:var(--color-accent);color:var(--color-accent-ink);box-shadow:0 22px 46px rgba(216,161,93,.35)}.splash-form-honeypot{position:absolute;left:-10000px;top:auto;width:1px;height:1px;padding:0;border:0;opacity:0;pointer-events:none}.splash-form-feedback{min-height:1.2rem;font-size:.9rem;color:rgba(209,213,219,.72)}.splash-form-feedback.success{color:var(--color-accent)}.splash-form-feedback.error{color:#fca5a5}.splash-section-title{font-family:var(--font-display);font-size:clamp(1.8rem,3.2vw,2.4rem);margin:0;color:rgba(239,242,240,.94);text-align:center}.splash-section-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:clamp(18px,3vw,32px)}.splash-benefits .splash-card{border-radius:20px;padding:clamp(22px,4vw,32px);background:var(--splash-surface);border:1px solid rgba(96,108,136,.32);box-shadow:0 18px 50px rgba(8,12,20,.45);display:flex;flex-direction:column;gap:.85rem;color:rgba(239,242,240,.88)}.splash-benefits .splash-card h3{margin:0;font-size:1.15rem;font-weight:600;color:rgba(239,242,240,.98)}.splash-benefits .splash-card p{margin:0;font-size:.98rem;color:rgba(209,213,219,.76)}.splash-page .site-footer{align-self:stretch;width:calc(100% + 2 * var(--splash-page-padding));margin:clamp(40px,8vw,72px) 0 0;margin-left:calc(-1 * var(--splash-page-padding));margin-right:calc(-1 * var(--splash-page-padding));border-radius:0;border:none;background:inherit;box-shadow:none;padding-inline:0}.splash-page .site-footer__inner,.splash-page .site-footer__meta{margin:0 auto;width:min(1120px,calc(100% - clamp(32px, 6vw, 80px)));color:rgba(239,242,240,.82)}.splash-page .site-footer__links a{color:rgba(239,242,240,.78)}.splash-page .site-footer__links a:hover{color:rgba(239,242,240,1)}.splash-page .site-footer__discord{background:var(--color-accent);color:var(--color-accent-ink);box-shadow:0 24px 54px rgba(216,161,93,.35)}@media (max-width:900px){.splash-page{--splash-page-padding:clamp(20px,5vw,36px);padding:var(--splash-page-padding)}.splash-preview{border-radius:28px}.splash-cta{grid-template-columns:1fr}.splash-cta-headline{text-align:center}.splash-cta-headline h2{font-size:clamp(1.3rem,4.8vw,1.8rem)}}@media (max-width:600px){.splash-page .site-footer{padding-inline:0}.splash-main{gap:clamp(28px,9vw,48px);padding-top:calc(var(--nav-clearance) + clamp(12px, 4vw, 24px))}.splash-inline-form{flex-direction:column;align-items:stretch;justify-content:flex-start}.splash-inline-field{flex:1 1 auto;width:100%}.splash-inline-form .btn{width:100%;justify-content:center}.splash-topline{font-size:clamp(1.3rem,5vw,1.7rem);white-space:normal;max-width:100%;margin-top:clamp(12px,4vw,20px)}.splash-cta-headline h2{font-size:clamp(1.2rem,4.4vw,1.6rem)}.splash-cta-body{align-items:center;text-align:center}.splash-inline-form{justify-content:center}.splash-page .navbar{width:100%}}.splash-cta-subtext{margin:var(--s-2) 0 0 0;font-size:1.05rem;color:rgba(209,213,219,.78)}@media (min-width:901px){.splash-cta-subtext{text-align:left;max-width:40ch}}@media (max-width:900px){.splash-cta-subtext{display:block;margin-top:var(--s-3);text-align:center}}@media (max-width:600px){.splash-cta-subtext{font-size:.95rem;max-width:36ch;margin-left:auto;margin-right:auto}}