:root{--color-bg: #060610;--color-surface-1: rgba(255, 255, 255, .03);--color-surface-2: rgba(255, 255, 255, .06);--color-border: rgba(255, 255, 255, .08);--color-border-high: rgba(255, 255, 255, .15);--color-accent: #22d3ee;--color-accent-600: #0891b2;--color-text-primary: #f0f4f8;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--font-heading: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "IBM Plex Mono", "Courier New", monospace;--text-hero: clamp(1.75rem, 8vw, 4.5rem);--text-2xl: clamp(1.5rem, 3vw, 1.75rem);--text-xl: clamp(1.25rem, 2.5vw, 1.5rem);--text-lg: clamp(1.05rem, 2vw, 1.25rem);--text-base: clamp(1rem, 1.5vw, 1.125rem);--text-sm: clamp(.875rem, 1.2vw, 1rem);--text-xs: clamp(.8rem, 1vw, .875rem);--radius-card: 20px;--max-width: 1280px;--space-section: clamp(4rem, 8vw, 7rem)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-snap-type:y proximity}body{margin:0;min-width:320px;overflow-x:clip;font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;color:var(--color-text-primary);background:var(--color-bg);position:relative}img{display:block;max-width:100%;height:auto}a{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--font-heading);line-height:1.1;letter-spacing:-.03em}p{color:var(--color-text-secondary)}main{display:block}.skip-link{position:absolute;left:1rem;top:-4rem;z-index:100;padding:.75rem 1rem;border-radius:8px;background:var(--color-accent);color:var(--color-bg)}.skip-link:focus{top:1rem}.container{width:min(calc(100% - 2rem),var(--max-width));margin:0 auto}.section{padding:var(--space-section) 0}.section-heading{margin-bottom:2.5rem;text-align:center}.section-heading h2{font-size:clamp(1.75rem,5vw,3rem);margin-bottom:.75rem;letter-spacing:-.04em}.section-copy{max-width:40rem;margin:0 auto 1.5rem;text-align:center;font-size:var(--text-lg);line-height:1.7}.eyebrow{margin-bottom:.5rem;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--color-accent)}.button-primary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.75rem 2.25rem;border:none;border-radius:999px;background:linear-gradient(135deg,#22d3ee,#06b6d4);color:#060610;font-family:var(--font-heading);font-weight:700;font-size:var(--text-base);text-decoration:none;cursor:pointer;box-shadow:0 0 24px #22d3ee40,inset 0 1px #ffffff26;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.button-primary:hover{transform:translateY(-2px);box-shadow:0 6px 32px #22d3ee73;filter:brightness(1.1)}.button-primary:active{transform:translateY(1px);box-shadow:0 0 8px #22d3ee4d}.button-primary.button-sm{min-height:40px;padding:.5rem 1.5rem;font-size:var(--text-sm)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.animate-float{animation:float 5s ease-in-out infinite}.animate-fade-up{opacity:0;animation:fadeUp .7s cubic-bezier(.16,1,.3,1) forwards}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.typewriter-cursor{display:inline-block;width:.5ch;height:.85em;background-color:var(--color-accent);vertical-align:baseline;margin-left:2px;animation:blink 1s step-end infinite}.hero{position:relative;overflow:hidden}.hero.section{min-height:100dvh;min-height:100vh;padding:2rem 1rem;scroll-snap-align:start;display:flex;flex-direction:column;justify-content:center;align-items:center}.hero__inner{max-width:48rem;text-align:center;position:relative;z-index:2}.hero__logo-glow-container{width:fit-content;margin:0 auto .75rem;filter:drop-shadow(0 0 35px rgba(34,211,238,.35))}.hero__logo-hexagon{--hex-size: clamp(180px, 55vw, 280px);width:var(--hex-size);height:var(--hex-size);margin:0 auto .5rem;background:var(--color-accent);clip-path:url(#hex-mask);display:grid;place-items:center;transition:transform .4s cubic-bezier(.16,1,.3,1);will-change:transform}.hero__logo-hexagon:hover{transform:scale(1.04) rotate(-2deg)}@media (min-width: 768px){.hero__logo-hexagon{--hex-size: 280px}}@media (min-width: 1200px){.hero__logo-hexagon{--hex-size: 320px}}.hero__logo{width:94%;height:94%;background:var(--color-bg);clip-path:url(#hex-mask);object-fit:contain;padding:10%;display:block}.hero__title{margin-bottom:.75rem;font-size:var(--text-hero);line-height:1.15;position:relative;z-index:10;text-align:center}.hero__title-ghost{visibility:hidden;user-select:none;pointer-events:none;display:block}.hero__title-active{position:absolute;top:0;left:0;right:0;width:100%;text-align:center;background:linear-gradient(135deg,#ffffff 30%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.hero__lede{max-width:36rem;margin:0 auto 1.25rem;font-size:var(--text-lg);line-height:1.6}.hero__actions{margin-bottom:1.25rem}.hero__badges{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;padding:0;margin:0;list-style:none}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .75rem;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#ffffff0a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--color-text-secondary);font-size:var(--text-xs);line-height:1}.badge svg{width:14px;height:14px;opacity:.6}.games-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.games-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1100px){.games-grid{grid-template-columns:repeat(3,1fr)}}.game-card{position:relative;background:#ffffff08;border-radius:var(--radius-card);border:1px solid rgba(255,255,255,.08);border-top:3px solid var(--game-accent, var(--color-accent));box-shadow:0 8px 24px #0000004d;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease,border-color .4s ease;overflow:hidden;display:flex;flex-direction:column}.game-card:hover{transform:translateY(-6px);border-color:var(--game-accent, var(--color-accent));box-shadow:0 16px 40px #0006,0 0 12px color-mix(in srgb,var(--game-accent) 20%,transparent)}.game-card__visual{height:200px;position:relative;overflow:hidden}.game-card__visual-label{position:absolute;bottom:0;left:0;right:0;padding:2.5rem 1rem .75rem;background:linear-gradient(to top,rgba(6,6,16,.95),transparent);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:#ffffffe6;z-index:2}.game-card__content{padding:1.25rem 1.5rem 1.5rem;flex-grow:1;display:flex;flex-direction:column}.game-card__meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.game-card__genre{margin:0;font-size:var(--text-xs);color:var(--game-accent, var(--color-accent));font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em}.game-card h3{font-size:var(--text-xl);margin-bottom:.4rem;font-weight:700;letter-spacing:-.02em}.game-card__description{font-size:var(--text-sm);line-height:1.6;color:var(--color-text-secondary);margin-bottom:1.25rem}.game-card__footer{margin-top:auto}.game-card .button-primary{background:var(--game-accent, var(--color-accent));box-shadow:0 0 12px color-mix(in srgb,var(--game-accent) 35%,transparent)}.game-card .button-primary:hover{box-shadow:0 4px 20px color-mix(in srgb,var(--game-accent) 50%,transparent)}.status-pill{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:999px;font-family:var(--font-mono);font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.status-pill--live{background:#68da7b1f;color:#a3ebb0}.status-pill--beta{background:#c5a05924;color:#f0cf8e}.feature-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}@media (min-width: 640px){.feature-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.feature-grid{grid-template-columns:repeat(4,1fr)}}.feature-card{position:relative;background:#ffffff08;border-radius:var(--radius-card);border:1px solid rgba(255,255,255,.06);box-shadow:0 4px 16px #00000026;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease,border-color .4s ease;overflow:hidden;padding:1.75rem 1.25rem;text-align:center;display:flex;flex-direction:column;align-items:center}.feature-card:hover{transform:translateY(-4px);border-color:#22d3ee33;box-shadow:0 12px 32px #0000004d}.feature-card__icon{display:inline-flex;margin-bottom:1rem;font-size:2rem;color:var(--color-accent)}.feature-card h3{margin-bottom:.5rem;font-size:var(--text-lg);font-weight:700}.feature-card p{font-size:var(--text-sm);line-height:1.5}.site-footer{padding:3rem 0 2rem;background:#0000004d;border-top:1px solid var(--color-border);position:relative;z-index:2}.site-footer__inner{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem}@media (min-width: 768px){.site-footer__inner{grid-template-columns:2fr 1fr;gap:3rem}}.site-footer__title{margin-bottom:.5rem;color:var(--color-accent);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:700}.site-footer__nav{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;padding:0;margin:0;list-style:none}.site-footer__nav a{text-decoration:none;color:var(--color-text-secondary);font-size:var(--text-sm);transition:color .2s ease}.site-footer__nav a:hover{color:var(--color-accent)}.site-footer__bottom{display:flex;flex-direction:column;align-items:center;gap:1rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}@media (min-width: 768px){.site-footer__bottom{flex-direction:row;justify-content:space-between}}.site-footer__copy{color:var(--color-text-muted);margin:0;font-size:var(--text-sm)}.made-in-canada{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .85rem;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:999px;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-primary);transition:transform .2s ease;user-select:none}.made-in-canada:hover{transform:translateY(-2px)}.canada-emoji{font-size:1.1rem;line-height:1}*:focus-visible{outline:3px solid var(--color-accent)!important;outline-offset:4px!important}.space-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;animation:twinkle var(--dur, 3s) ease-in-out var(--delay, 0s) infinite}.star--bright{width:3px;height:3px;box-shadow:0 0 4px 1px #fff6}@keyframes twinkle{0%,to{opacity:var(--min-o, .2)}50%{opacity:var(--max-o, .9)}}.planet{position:absolute;border-radius:50%;opacity:.15}.planet--1{width:120px;height:120px;background:radial-gradient(circle at 35% 35%,#6366f1,#312e81);top:15%;right:8%;box-shadow:0 0 40px 10px #6366f11a}.planet--2{width:80px;height:80px;background:radial-gradient(circle at 40% 30%,#f59e0b,#92400e);top:60%;left:5%;box-shadow:0 0 30px 8px #f59e0b14}.planet--3{width:200px;height:200px;background:radial-gradient(circle at 30% 25%,#0ea5e9,#0c4a6e);bottom:10%;right:15%;box-shadow:0 0 60px 15px #0ea5e90f;opacity:.08}.planet--1:after{content:"";position:absolute;top:50%;left:50%;width:180px;height:40px;border:1.5px solid rgba(99,102,241,.25);border-radius:50%;transform:translate(-50%,-50%) rotateX(70deg) rotate(-15deg)}.ship{position:absolute;display:flex;align-items:center;opacity:0;pointer-events:none}.ship--right{animation:fly-right var(--fly-dur, 18s) linear var(--fly-delay, 0s) infinite}.ship--left{animation:fly-left var(--fly-dur, 18s) linear var(--fly-delay, 0s) infinite}.ship svg{width:var(--ship-size, 16px);height:var(--ship-size, 16px);flex-shrink:0;overflow:visible}.ship__trail{display:block;width:calc(var(--ship-size, 16px) * 2.5);height:2px;margin-right:-4px;background:linear-gradient(90deg,transparent,currentColor);opacity:.4;border-radius:2px}@keyframes fly-right{0%{transform:translate(-100px) rotate(-10deg);opacity:0}3%{opacity:.8}92%{opacity:.8}to{transform:translate(calc(100vw + 100px),var(--fly-drift, -80px)) rotate(-10deg);opacity:0}}@keyframes fly-left{0%{transform:translate(calc(100vw + 100px)) scaleX(-1) rotate(-10deg);opacity:0}3%{opacity:.8}92%{opacity:.8}to{transform:translate(-100px,var(--fly-drift, -80px)) scaleX(-1) rotate(-10deg);opacity:0}}.shooting-star{position:absolute;width:80px;height:1.5px;background:linear-gradient(90deg,rgba(255,255,255,.9),transparent);border-radius:2px;opacity:0;transform:rotate(35deg);animation:shoot var(--shoot-dur, .7s) linear var(--shoot-delay, 6s) infinite}@keyframes shoot{0%{transform:rotate(35deg) translate(0);opacity:0}8%{opacity:1}to{transform:rotate(35deg) translate(400px);opacity:0}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}