:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#fff;--text:#1a1a1a;--muted:#666;--accent:#2563eb;--accent-faint:#2563eb0d;--panel:#f8fafc;--border:#e2e8f0;--radius:8px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0f172a;--text:#f1f5f9;--muted:#94a3b8;--accent:#38bdf8;--accent-faint:#38bdf81a;--panel:#1e293b;--border:#334155}}*{box-sizing:border-box}body{background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6}.hero{border-bottom:1px solid var(--border);padding:6rem 1.5rem 4rem}.hero-content{text-align:center;max-width:800px;margin:0 auto}.eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin:0 0 1rem;font-size:.75rem;font-weight:600}h1,h2,h3{color:var(--text);margin-bottom:1rem;font-weight:700}.hero h1{letter-spacing:-.02em;font-size:clamp(2.25rem,5vw,3.5rem)}.hero p{color:var(--muted);font-size:1.25rem}.section{max-width:1000px;margin:0 auto;padding:4rem 1.5rem}.section-heading{text-align:center;margin-bottom:3rem}.app-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;display:grid}.app-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;padding:2.5rem;transition:all .2s;display:flex}.app-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.app-card .tag{background:var(--accent-faint);color:var(--accent);text-transform:uppercase;border-radius:999px;align-self:flex-start;margin-bottom:1.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-block}.app-card h3{margin-top:0;margin-bottom:.5rem;font-size:1.5rem}.app-card p{color:var(--muted);flex-grow:1;margin-bottom:2rem}.button{border-radius:var(--radius);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.button.primary{background:var(--accent);color:#fff}.button.primary:hover{opacity:.9}.footer{text-align:center;color:var(--muted);border-top:1px solid var(--border);padding:4rem 1.5rem;font-size:.875rem}@media (width<=640px){.hero{padding:4rem 1.25rem 3rem}.app-card{padding:1.5rem}}