:root{--bg:#0d0b09;--bg-raised:#171310;--bg-card:#1d1814;--text:#f2ede6;--text-dim:#a89e92;--ember:#e5483f;--ember-soft:#f07a63;--ember-glow:#e5483f29;--border:#2e2620;--max-width:72rem}*,:before,:after{box-sizing:border-box;margin:0}html{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}body{flex-direction:column;min-height:100dvh;display:flex}main{width:100%;max-width:var(--max-width);flex:1;margin:0 auto;padding:0 1.5rem 4rem}a{color:var(--ember-soft);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}.site-nav{max-width:var(--max-width);justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;padding:1.25rem 1.5rem;display:flex}.site-nav .brand img{width:auto;height:2.4rem;display:block}.site-nav .brand:hover img{opacity:.85}.site-nav ul{gap:1.75rem;padding:0;list-style:none;display:flex}.site-nav ul a{color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;font-size:.95rem;font-weight:500}.site-nav ul a:hover,.site-nav ul a[aria-current=page]{color:var(--ember-soft);text-decoration:none}.hero{text-align:center;padding:6rem 0 4rem}.hero-logo{width:min(30rem,82%);height:auto;margin:0 auto 2.25rem}.hero h1{letter-spacing:-.02em;text-wrap:balance;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1.05}.hero h1 em{color:var(--ember);font-style:normal}.hero p{max-width:34rem;color:var(--text-dim);text-wrap:balance;margin:1.5rem auto 0;font-size:1.15rem}.hero .cta-row{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2.5rem;display:flex}.btn{letter-spacing:.02em;border:1px solid #0000;border-radius:.5rem;padding:.8rem 1.75rem;font-size:.95rem;font-weight:600;transition:background-color .15s,border-color .15s;display:inline-block}.btn:hover{text-decoration:none}.btn-primary{background:var(--ember);color:#140b06}.btn-primary:hover{background:var(--ember-soft)}.btn-ghost{border-color:var(--border);color:var(--text)}.btn-ghost:hover{border-color:var(--ember);color:var(--ember-soft)}.section{padding:3.5rem 0}.section>.section-label{letter-spacing:.3em;text-transform:uppercase;color:var(--ember);margin-bottom:.75rem;font-size:.8rem}.section>h2{letter-spacing:-.01em;margin-bottom:1rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:750}.section>p{color:var(--text-dim);max-width:42rem}.app-grid{grid-template-columns:repeat(auto-fit,minmax(min(20rem,100%),1fr));gap:1.5rem;margin-top:2.5rem;display:grid}.app-card{background:var(--bg-card);border:1px solid var(--border);color:var(--text);border-radius:.9rem;flex-direction:column;gap:.75rem;padding:2rem;transition:border-color .15s,transform .15s;display:flex}a.app-card:hover{border-color:var(--ember);text-decoration:none;transform:translateY(-2px)}.app-card .app-icon{background:var(--ember-glow);border-radius:.8rem;place-items:center;width:3.5rem;height:3.5rem;font-size:1.6rem;display:grid}.app-card h3{font-size:1.3rem;font-weight:700}.app-card p{color:var(--text-dim);flex:1;font-size:.98rem}.app-card .card-link{color:var(--ember-soft);font-size:.9rem;font-weight:600}.app-card.soon{opacity:.55;border-style:dashed}.page-head{padding:4rem 0 2.5rem}.page-head h1{letter-spacing:-.02em;font-size:clamp(2.25rem,5vw,3.5rem);font-weight:800}.page-head p{color:var(--text-dim);max-width:40rem;margin-top:1rem;font-size:1.15rem}.prose{max-width:44rem}.prose p+p,.prose ul+p,.prose p+ul{margin-top:1.1rem}.prose ul{color:var(--text-dim);padding-left:1.4rem}.prose ul li+li{margin-top:.4rem}.prose h2{margin-top:2.5rem;margin-bottom:.75rem;font-size:1.4rem}.prose .store-badges{flex-wrap:wrap;gap:1rem;margin-top:1.5rem;display:flex}.placeholder-note{border:1px dashed var(--border);color:var(--text-dim);border-radius:.6rem;margin-top:3rem;padding:1rem 1.25rem;font-size:.85rem}.site-footer{border-top:1px solid var(--border);margin-top:auto}.site-footer .inner{max-width:var(--max-width);color:var(--text-dim);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;padding:2rem 1.5rem;font-size:.9rem;display:flex}.site-footer a{color:var(--text-dim)}.site-footer a:hover{color:var(--ember-soft)}.site-footer .footer-links{gap:1.5rem;display:flex}@media (width<=40rem){.site-nav{flex-direction:column;gap:.75rem}.hero{padding:3.5rem 0 3rem}}