@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--ink:#f5f3ed;--muted:#a7aaa5;--line:rgba(255,255,255,.11);--surface:rgba(16,18,18,.72);--ember:#ef8d58;--moss:#8fc66e}
*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;min-height:100vh;overflow-x:hidden;color:var(--ink);background:#080a0a;font:15px/1.6 "DM Sans",sans-serif}
.atmosphere{position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 73% 12%,rgba(60,106,73,.28),transparent 34rem),radial-gradient(circle at 12% 70%,rgba(151,70,40,.18),transparent 32rem),linear-gradient(155deg,#070909 20%,#101413 60%,#080a0a)}
.atmosphere:after{content:"";position:absolute;inset:0;opacity:.25;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,#000,transparent 90%)}
.site-header,main,footer{width:min(1380px,calc(100% - 52px));margin:auto}.site-header{display:flex;align-items:center;justify-content:space-between;padding:30px 0}.brand{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none}.brand img{width:46px;height:46px}.brand strong,.brand small{display:block}.brand strong{font:700 19px "Space Grotesk"}.brand small{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.13em}.private-label{display:flex;gap:9px;align-items:center;padding:8px 12px;border:1px solid var(--line);border-radius:999px;color:#d4d6d0;background:rgba(255,255,255,.035);font-size:12px}.private-label i{width:7px;height:7px;border-radius:50%;background:#9bd678;box-shadow:0 0 0 5px rgba(155,214,120,.09)}
.intro{padding:9vh 0 12vh}.eyebrow{margin:0 0 16px;color:#b5c9b4;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.19em}.intro h1{max-width:950px;margin:0;font:600 clamp(52px,8.5vw,120px)/.88 "Space Grotesk";letter-spacing:-.065em}.lead{max-width:720px;margin:35px 0 0;color:#c4c7c1;font-size:clamp(17px,2vw,22px)}.intro-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:32px}.intro-meta span{padding:8px 11px;border:1px solid var(--line);border-radius:8px;color:var(--muted);background:rgba(255,255,255,.025);font-size:12px}
.panel-section{padding:0 0 10vh}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:24px}.section-heading h2{margin:0;font:600 clamp(30px,4vw,48px) "Space Grotesk";letter-spacing:-.04em}.section-heading>p{max-width:490px;margin:0;color:var(--muted)}.panel-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:17px}.panel-card{--accent:#bbb;position:relative;isolation:isolate;grid-column:span 5;min-height:430px;overflow:hidden;padding:28px;border:1px solid var(--line);border-radius:24px;color:inherit;background:linear-gradient(145deg,rgba(27,31,29,.93),rgba(12,14,14,.91));box-shadow:0 28px 80px rgba(0,0,0,.28);text-decoration:none;animation:rise .6s var(--delay,0ms) both;transition:transform .25s ease,border-color .25s ease}
.panel-card:before{content:"";position:absolute;z-index:-1;inset:0;opacity:0;background:radial-gradient(380px circle at var(--x,50%) var(--y,50%),color-mix(in srgb,var(--accent) 25%,transparent),transparent 70%);transition:opacity .25s}.panel-card[href]:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--accent) 48%,transparent)}.panel-card[href]:hover:before{opacity:1}.panel-card.ember{--accent:var(--ember)}.panel-card.moss{--accent:var(--moss)}.panel-card.future{grid-column:span 2;min-width:0;background:rgba(255,255,255,.025)}
.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:58px}.game-icon,.future-icon{display:grid;width:68px;height:68px;place-items:center;border-radius:17px;color:var(--accent);background:color-mix(in srgb,var(--accent) 15%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 20%,transparent)}.game-icon svg{width:42px;height:42px}.future-icon{color:#bbb;background:rgba(255,255,255,.05);font:300 38px "Space Grotesk"}.arrow{display:grid;width:42px;height:42px;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:19px;transition:transform .25s}.panel-card:hover .arrow{transform:translate(3px,-3px)}.card-label{margin:0 0 4px;color:var(--accent);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.13em}.panel-card h3{margin:0;font:600 clamp(30px,3.4vw,48px) "Space Grotesk";letter-spacing:-.045em}.card-copy{max-width:530px;margin:15px 0 28px;color:var(--muted)}.feature-row{display:flex;gap:7px;flex-wrap:wrap}.feature-row span{padding:6px 8px;border:1px solid var(--line);border-radius:7px;color:#c4c7c0;font-size:11px}
footer{display:flex;justify-content:space-between;gap:20px;padding:24px 0 35px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}footer span:first-child{color:var(--ink);font-weight:700}
@keyframes rise{from{opacity:0;transform:translateY(18px)}}@media(max-width:1050px){.panel-card{grid-column:span 6}.panel-card.future{grid-column:1/-1;min-height:250px}}@media(max-width:700px){.site-header,main,footer{width:min(100% - 28px,1380px)}.private-label{display:none}.intro{padding:8vh 0 10vh}.section-heading{align-items:flex-start;flex-direction:column}.panel-card,.panel-card.future{grid-column:1/-1;min-height:370px}.panel-card.future{min-height:250px}footer{flex-direction:column}}