:root{--color-void: #0b0405;--color-nebula: #1c0709;--color-nebula-2: #2a0b0e;--color-grape: #3d0f13;--color-accent: #dc2626;--color-accent-soft: #fca5a5;--color-flash: #fff;--color-muted: #c7c7d2;--color-muted-dim: #9595a2;--font-sans: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-mono: "Roboto Mono", ui-monospace, monospace;--radius-tile: 18px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;border:0 solid}html{color-scheme:dark;scrollbar-color:var(--color-grape) transparent;-webkit-tap-highlight-color:transparent}img,svg,video{display:block;max-width:100%}a{color:inherit;text-decoration:none}h1,h2,h3{font-size:inherit;font-weight:inherit}body{min-height:100dvh;background:var(--color-void);color:var(--color-flash);font-family:var(--font-sans);font-feature-settings:"ss01";-webkit-font-smoothing:antialiased}::selection{background:color-mix(in srgb,var(--color-accent) 40%,transparent)}:focus-visible{outline:2px solid var(--color-accent-soft);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.layer-grid{background-image:linear-gradient(to right,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.05) 1px,transparent 1px),radial-gradient(120% 100% at 50% 45%,#6d0d13,#3d0709 45%,#1a0203);background-size:7rem 7rem,7rem 7rem,cover}.layer-veil{background:linear-gradient(to bottom,color-mix(in srgb,#2b0407 22%,transparent),color-mix(in srgb,#120204 48%,transparent))}.layer-grain{opacity:.05;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.shell{position:relative;z-index:10;max-width:72rem;margin-inline:auto;padding-inline:1.5rem;display:flex;flex-direction:column;min-height:100dvh}main{flex:1;display:flex;flex-direction:column;justify-content:center;padding-block:4rem;gap:1rem}.hero{display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding-bottom:2.5rem;animation:bolt-strike 1.1s cubic-bezier(.2,.8,.2,1) both}.hero img{height:clamp(8rem,18vw,13rem);width:auto;border-radius:var(--radius-tile);border:1px solid color-mix(in srgb,var(--color-accent) 22%,transparent);box-shadow:inset 0 1px #ffffff14,0 24px 70px -28px color-mix(in srgb,var(--color-accent) 55%,transparent)}.hero p{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.28em;text-transform:uppercase;color:var(--color-muted)}.grid-flagship{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:1rem;animation:rise .7s cubic-bezier(.2,.8,.2,1) both;animation-delay:.34s}.grid-soon{display:grid;gap:1rem;margin-top:1rem;animation:rise .7s cubic-bezier(.2,.8,.2,1) both;animation-delay:.44s}.tile{position:relative;display:flex;flex-direction:column;overflow:hidden;padding:clamp(1.75rem,3vw,2.25rem);border-radius:var(--radius-tile);border:1px solid color-mix(in srgb,var(--color-accent) 16%,transparent);background:linear-gradient(160deg,var(--color-nebula-2) 92%,var(--color-nebula) 88%);box-shadow:inset 0 1px #ffffff14;transition:transform .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.tile-flagship{min-height:clamp(15rem,30vw,17rem)}.tile-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.6}.tile-veil{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,var(--color-void) 16%,color-mix(in srgb,var(--color-void) 70%,transparent) 52%,transparent)}.tile-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(125% 120% at var(--mx, 100%) var(--my, 0%),color-mix(in srgb,var(--acc) 24%,transparent),transparent 55%)}.tile-badge{position:absolute;top:1rem;right:1rem;z-index:20;width:2.25rem;height:2.25rem;display:grid;place-items:center;border-radius:.5rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:color-mix(in srgb,var(--color-void) 40%,transparent);border:1px solid rgba(255,255,255,.1);font-family:var(--font-mono);font-size:.6875rem;color:var(--color-muted)}.tile-content{position:relative;z-index:10;margin-top:auto;display:flex;flex-direction:column;gap:.75rem}.tile-content h2{font-weight:700;text-transform:uppercase;letter-spacing:-.025em;line-height:.95;font-size:clamp(1.75rem,3.4vw,2.5rem)}.tile-foot{display:flex;align-items:center;justify-content:space-between;gap:1rem}.tile-foot p{font-size:1rem;color:var(--color-muted);text-wrap:pretty;min-height:3rem}.tile-foot svg{flex:none;color:color-mix(in srgb,var(--acc) 60%,var(--color-flash));transition:transform .3s cubic-bezier(.4,0,.2,1)}@media (hover: hover){a.tile:hover{transform:translateY(-.25rem);border-color:color-mix(in srgb,var(--acc) 50%,transparent);box-shadow:inset 0 1px #ffffff14,0 24px 60px -24px color-mix(in srgb,var(--acc) 55%,transparent)}a.tile:hover .tile-foot svg{transform:translate(.25rem)}}.tile-disabled{min-height:5rem;padding:1.25rem 1.5rem;opacity:.6;cursor:not-allowed}.tile-disabled .tile-content{margin:auto 0;flex-direction:row;align-items:center;justify-content:center;gap:1rem}.tile-disabled h2{font-size:1.5rem;line-height:1}.soon{display:flex;align-items:baseline;gap:.2rem;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:var(--color-muted-dim)}.soon span{display:flex;gap:.12rem;letter-spacing:0}.soon span i{font-style:normal;animation:dot-pulse 1.4s ease-in-out infinite}.soon span i:nth-child(2){animation-delay:.2s}.soon span i:nth-child(3){animation-delay:.4s}footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-block:1.75rem;border-top:1px solid color-mix(in srgb,var(--color-accent) 10%,transparent);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:var(--color-muted-dim)}footer nav{display:flex;gap:1.25rem}footer a{transition:color .15s}footer a:hover{color:var(--color-flash)}@keyframes bolt-strike{0%{opacity:0;transform:translateY(-16px) scale(.86) rotate(-2deg)}14%{opacity:1}22%{transform:translateY(0) scale(1.04)}to{transform:none}}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes dot-pulse{0%,80%,to{opacity:.15}40%{opacity:1}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-delay:.001ms!important;transition-duration:.001ms!important}}