:root{--color-background:#0d1117;--color-surface:#161b22;--color-border:#262d38;--color-text:#e6edf3;--color-text-muted:#8d97a5;--color-accent:#4f8cff;--color-accent-strong:#6ea0ff;--color-available:#2ea043;--color-in-development:#d29922;--color-planned:#6e7681;--space-xs:.35rem;--space-sm:.75rem;--space-md:1.25rem;--space-lg:2.5rem;--space-xl:4rem;--radius:12px;--content-width:62rem;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6}*{box-sizing:border-box}body{background:var(--color-background);color:var(--color-text);margin:0}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-strong)}.site{flex-direction:column;min-height:100vh;display:flex}.site-header{justify-content:space-between;align-items:center;gap:var(--space-md);width:100%;max-width:var(--content-width);padding:var(--space-md);margin:0 auto;display:flex}.brand{align-items:baseline;gap:var(--space-sm);color:var(--color-text);display:flex}.brand-mark{letter-spacing:-.03em;font-size:1.6rem;font-weight:700}.brand-domain{color:var(--color-text-muted);font-size:.85rem}.site-nav{gap:var(--space-md);font-size:.95rem;display:flex}.site-main{width:100%;max-width:var(--content-width);padding:var(--space-md) var(--space-md) var(--space-xl);flex:1;margin:0 auto}.site-footer{border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:.85rem}.site-footer p{max-width:var(--content-width);padding:var(--space-md);margin:0 auto}.hero{padding:var(--space-lg) 0}.hero-eyebrow{margin:0 0 var(--space-xs);color:var(--color-accent);letter-spacing:.12em;text-transform:uppercase;font-size:.8rem;font-weight:600}.hero-title{margin:0 0 var(--space-sm);letter-spacing:-.02em;font-size:clamp(2rem,5vw,3rem);line-height:1.15}.hero-subtitle{max-width:38rem;color:var(--color-text-muted);margin:0;font-size:1.05rem}.app-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));display:grid}.card{align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);flex-direction:column;transition:border-color .15s,transform .15s;display:flex}.card:hover{border-color:var(--color-accent);transform:translateY(-2px)}.card-head{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.platform-icon{font-size:1.1rem}.card-platform{color:var(--color-text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.8rem}.card-title{margin:0;font-size:1.15rem}.card-tagline{color:var(--color-text-muted);flex:1;margin:0;font-size:.95rem}.badge{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:.15rem .55rem;font-size:.72rem;font-weight:600}.badge-available{background:color-mix(in srgb, var(--color-available) 20%, transparent);color:var(--color-available)}.badge-in-development{background:color-mix(in srgb, var(--color-in-development) 20%, transparent);color:var(--color-in-development)}.badge-planned{background:color-mix(in srgb, var(--color-planned) 25%, transparent);color:var(--color-text-muted)}.button{border-radius:8px;padding:.55rem 1.1rem;font-size:.95rem;font-weight:600;display:inline-block}.button-primary{background:var(--color-accent);color:#06101f}.button-primary:hover{background:var(--color-accent-strong);color:#06101f}.detail{max-width:44rem;padding:var(--space-lg) 0}.back-link{margin-bottom:var(--space-md);font-size:.9rem;display:inline-block}.detail-title{margin:var(--space-sm) 0 var(--space-xs);letter-spacing:-.02em;font-size:clamp(1.7rem,4vw,2.4rem)}.detail-tagline{margin:0 0 var(--space-md);color:var(--color-accent)}.detail-description{margin:0 0 var(--space-lg);color:var(--color-text-muted)}.detail-section-title{margin:0 0 var(--space-sm);font-size:1.05rem}.feature-list{margin:0 0 var(--space-lg);color:var(--color-text-muted);padding-left:1.2rem}.feature-list li{margin-bottom:var(--space-xs)}.detail-note{padding:var(--space-sm) var(--space-md);background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius);color:var(--color-text-muted);font-size:.9rem}