:root{--bg: #090705;--panel: rgba(13, 11, 9, .84);--panel-soft: rgba(24, 18, 14, .72);--line: rgba(238, 211, 177, .14);--line-strong: rgba(238, 211, 177, .3);--text: #f4efe6;--text-muted: #d2c7b9;--accent: #b42828;--accent-bright: #d85b3b;--gold: #d8b07a;--shadow: 0 32px 90px rgba(0, 0, 0, .45)}*{box-sizing:border-box;margin:0;padding:0}html{min-height:100%;width:100%;scroll-behavior:smooth}body{min-height:100vh;min-height:100dvh;color:var(--text);background:var(--bg);font-family:Inter,sans-serif;overflow-x:hidden;position:relative}a{color:inherit}img{display:block;max-width:100%}.background,.background-noise{position:fixed;inset:0;pointer-events:none}.background{background:linear-gradient(180deg,#05050524,#050505d1),radial-gradient(circle at top left,rgba(180,40,40,.25),transparent 34%),radial-gradient(circle at 80% 20%,rgba(216,91,59,.14),transparent 26%),url(/background.jpeg) center center / cover no-repeat;transform:scale(1.04);z-index:-2}.background-noise{background-image:linear-gradient(#ffffff05,#ffffff05),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.22'/%3E%3C/svg%3E");opacity:.1;mix-blend-mode:soft-light;z-index:-1}.page-shell{width:min(1180px,calc(100% - 32px));margin:18px auto 0;padding-bottom:56px}.content-block{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(320px,.96fr);gap:34px;align-items:center;padding:36px;border:1px solid var(--line);border-radius:32px;background:linear-gradient(180deg,#140f0ce6,#0c0a08d1),var(--panel);box-shadow:var(--shadow);position:relative;overflow:hidden}.content-block:before,.content-block:after{content:"";position:absolute;inset:auto;border-radius:50%;pointer-events:none}.content-block:before{width:320px;height:320px;top:-120px;right:-80px;background:radial-gradient(circle,rgba(180,40,40,.22),transparent 70%)}.content-block:after{width:240px;height:240px;left:-90px;bottom:-120px;background:radial-gradient(circle,rgba(216,176,122,.14),transparent 68%)}.content-left,.content-right{position:relative;z-index:1}.eyebrow{font-size:.78rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:18px}.logo{width:min(520px,100%);margin-bottom:24px;filter:drop-shadow(0 14px 28px rgba(0,0,0,.45))}.tagline{font-family:Cinzel Decorative,serif;font-size:clamp(2rem,5vw,3.8rem);line-height:1.06;letter-spacing:.02em;max-width:12ch;margin-bottom:18px}.description{font-size:1.04rem;line-height:1.75;color:var(--text-muted);max-width:60ch}.buttons-container{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.play-button{min-width:220px;padding:16px 24px;border-radius:14px;text-decoration:none;text-align:center;font-weight:800;letter-spacing:.08em;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center;gap:12px;transition:transform .25s ease,box-shadow .25s ease,background .25s ease,color .25s ease,border-color .25s ease}.play-button:hover{transform:translateY(-2px)}.play-button.primary{color:#0a0a0a;background:#fff;box-shadow:0 18px 32px #00000038;border:1px solid rgba(255,255,255,.72)}.play-button.secondary{border:1px solid var(--line-strong);background:#ffffff08;color:var(--text)}.play-button.secondary:hover{border-color:#ffffff52;background:#ffffff14}.play-button.startale .button-logo{width:48px;height:48px;object-fit:contain;flex:0 0 auto}.partner-strip{margin-top:28px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:16px 20px}.partner-strip-left{display:flex;align-items:center;flex-wrap:wrap;gap:16px 20px}.partner-label{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:#f4efe6b8}.partner-logos{display:flex;flex-wrap:wrap;align-items:center;gap:18px 22px}.partner-logo-link{text-decoration:none}.partner-logo{height:24px;width:auto;object-fit:contain;opacity:.88;transition:opacity .25s ease,transform .25s ease}.partner-logo.startale{height:21px}.partner-logo:hover{opacity:1;transform:translateY(-1px)}.hero-screenshot{width:100%;aspect-ratio:1996 / 1241;object-fit:cover;border-radius:28px;border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 56px #0000005c}.feature-grid{margin-top:28px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature-card{overflow:hidden;border-radius:24px;border:1px solid var(--line);background:linear-gradient(180deg,#120e0be6,#0a0807d6),var(--panel);box-shadow:0 24px 52px #00000040}.feature-image{width:100%;aspect-ratio:16 / 10;object-fit:cover;border-bottom:1px solid rgba(255,255,255,.08)}.feature-copy{padding:22px 22px 24px}.feature-kicker{margin-bottom:10px;color:var(--gold);text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:800}.feature-copy h2{font-family:Cinzel Decorative,serif;font-size:1.38rem;line-height:1.2;margin-bottom:12px}.feature-copy p:last-child{color:var(--text-muted);font-size:.96rem;line-height:1.7}.footer{padding:0 24px 36px;text-align:center;color:#f4efe69e;font-size:.88rem}@media(max-width:1080px){.content-block{grid-template-columns:1fr}.tagline{max-width:16ch}.feature-grid{grid-template-columns:1fr}}@media(max-width:720px){.page-shell{width:min(100%,calc(100% - 20px))}.content-block{padding:22px;gap:24px;border-radius:24px}.tagline{font-size:clamp(1.8rem,12vw,2.8rem)}.description{font-size:.98rem}.buttons-container,.play-button{width:100%}.play-button{min-width:0}.partner-strip{align-items:flex-start}.hero-screenshot{border-radius:22px}}@media(prefers-reduced-motion:no-preference){.content-block,.feature-card,.hero-screenshot{animation:rise-in .75s ease both}.feature-card:nth-child(2){animation-delay:.08s}.feature-card:nth-child(3){animation-delay:.16s}@keyframes rise-in{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}}