.hex-landing{--font-sans:var(--font-space-grotesk,"Space Grotesk", system-ui, sans-serif);--font-mono:var(--font-jetbrains-mono,"JetBrains Mono", ui-monospace, monospace);--font-fantasy:"Cormorant Garamond", serif;--bg-0:#07090d;--bg-1:#0c0f15;--bg-2:#11151d;--bg-3:#161b25;--bg-4:#1d2330;--bg-5:#262d3d;--ink-0:#f1f4fa;--ink-1:#c8cfdd;--ink-2:#8b94a8;--ink-3:#5b6478;--ink-4:#3a4254;--line:#1b2230;--line-2:#242b3a;--line-bright:#2d3548;--parch-0:#e8d9b0;--parch-1:#d8c595;--parch-2:#b8a06a;--parch-ink:#2a2418;--parch-line:#6e5a35;--crew-green:#7dfca0;--crew-cyan:#5dd8ff;--crew-violet:#b08cff;--crew-magenta:#ff7dd1;--crew-amber:#ffc34d;--crew-coral:#ff8a5d;--accent:var(--crew-green);--accent-glow:color-mix(in oklab, var(--accent) 30%, transparent);--xp:#ffc34d;font-family:var(--font-sans);background:var(--bg-0);color:var(--ink-1);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-image:radial-gradient(1200px 700px at 50% -10%, #7dfca00a, transparent 70%), linear-gradient(var(--bg-0), var(--bg-0));font-size:15px;line-height:1.5}.hex-landing *{box-sizing:border-box}.hex-landing a{color:inherit;text-decoration:none}.hex-landing .mono{font-family:var(--font-mono);font-feature-settings:"tnum" 1, "ss01" 1}.hex-landing .tabular{font-variant-numeric:tabular-nums}.hex-landing .eyebrow{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);font-size:11px}.hex-landing ::selection{background:var(--accent);color:#07090d}.hex-landing .panel{background:var(--bg-1);border:1px solid var(--line);border-radius:6px}.hex-landing .panel-head{border-bottom:1px solid var(--line);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);justify-content:space-between;align-items:center;padding:10px 14px;font-size:11px;display:flex}.hex-landing .btn{font-family:var(--font-sans);letter-spacing:.01em;cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:4px;align-items:center;gap:8px;padding:11px 16px;font-size:14px;font-weight:500;transition:transform 80ms,background .12s,border-color .12s;display:inline-flex}.hex-landing .btn:active{transform:translateY(1px)}.hex-landing .btn-primary{background:var(--accent);color:#07090d;border-color:color-mix(in oklab, var(--accent) 70%, #000 30%);box-shadow:0 0 0 1px color-mix(in oklab, var(--accent) 25%, transparent), 0 10px 24px -12px var(--accent-glow)}.hex-landing .btn-primary:hover{background:color-mix(in oklab, var(--accent) 92%, #fff 8%)}.hex-landing .btn-ghost{background:var(--bg-2);color:var(--ink-0);border-color:var(--line-2)}.hex-landing .btn-ghost:hover{background:var(--bg-3);border-color:var(--line-bright)}.hex-landing .dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 0 var(--accent-glow);border-radius:50%;animation:2.2s ease-out infinite hex-pulse;display:inline-block}@keyframes hex-pulse{0%{box-shadow:0 0 0 0 var(--accent-glow)}70%{box-shadow:0 0 0 8px #0000}to{box-shadow:0 0 #0000}}.hex-landing section{border-top:1px solid var(--line);padding:88px 0}.hex-landing section:first-of-type{border-top:none}.hex-landing .container{max-width:1240px;margin:0 auto;padding:0 24px}.hex-landing h1,.hex-landing h2,.hex-landing h3,.hex-landing h4{font-family:var(--font-sans);color:var(--ink-0);letter-spacing:-.02em;text-wrap:balance;margin:0}.hex-landing h1{font-size:clamp(40px,5.6vw,72px);font-weight:600;line-height:1.02}.hex-landing h2{font-size:clamp(28px,3.4vw,42px);font-weight:600;line-height:1.1}.hex-landing h3{font-size:20px;font-weight:600}.hex-landing h4{font-size:14px;font-weight:600}.hex-landing p{text-wrap:pretty;margin:0}.hex-landing .nav-link{color:var(--ink-2);font-size:13px;transition:color .12s}.hex-landing .nav-link:hover{color:var(--ink-0)}.hex-landing .footer-links a:hover{color:var(--ink-1)}@media (max-width:960px){.hex-landing .nav-links{display:none}.hex-landing .hero-grid{grid-template-columns:1fr!important;gap:32px!important}.hex-landing .crews-grid,.hex-landing .leaders-grid,.hex-landing .mobile-grid,.hex-landing .footer-cta,.hex-landing .how-grid,.hex-landing .section-header{grid-template-columns:1fr!important}.hex-landing .games-row{grid-template-columns:1fr auto!important;gap:8px!important}.hex-landing .games-row>:nth-child(3),.hex-landing .games-row>:nth-child(4){grid-column:1/-1}.hex-landing section{padding:56px 0!important}.hex-landing h1{font-size:clamp(34px,8vw,52px)!important}}