*,:after,:before{box-sizing:border-box}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#1a1a2e;background:#fafafa}a{color:inherit}img{max-width:100%}.container{max-width:1080px;margin:0 auto;padding:0 24px}.btn{display:inline-block;padding:14px 32px;border-radius:10px;font-weight:700;text-decoration:none;background:var(--accent,#4f46e5);color:#fff;transition:opacity .15s ease}.btn:hover{opacity:.85}.btn--outline{background:transparent;color:var(--accent,#4f46e5);border:2px solid var(--accent,#4f46e5)}.landing{min-height:100vh;background:var(--bg);color:var(--fg)}.theme-indigo{--bg:#f5f6ff;--fg:#1a1a2e;--accent:#4f46e5;--card:#ffffff;--muted:#5b5b73}.theme-night{--bg:#10101c;--fg:#f1f1f7;--accent:#f59e0b;--card:#1c1c2e;--muted:#a3a3b8}.theme-forest{--bg:#f3faf5;--fg:#14261a;--accent:#059669;--card:#ffffff;--muted:#4d6355}.theme-crimson{--bg:#fff5f5;--fg:#2b1215;--accent:#dc2626;--card:#ffffff;--muted:#6f4b50}.theme-ocean{--bg:#f0faff;--fg:#0c2233;--accent:#0284c7;--card:#ffffff;--muted:#46617a}.theme-plum{--bg:#faf5ff;--fg:#2a1533;--accent:#9333ea;--card:#ffffff;--muted:#6b4d7a}.hero{padding:96px 0 72px;text-align:center}.hero--split{text-align:left}.hero--split .container{display:grid;grid-template-columns:1.2fr .8fr;grid-gap:48px;gap:48px;align-items:center}.hero--compact{padding:72px 0 56px;text-align:left}.hero--compact p{margin:0 0 32px}.hero h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.15;margin:0 0 20px}.hero p{font-size:1.15rem;color:var(--muted);max-width:640px;margin:0 auto 32px}.hero--split p{margin:0 0 32px}.hero__art{aspect-ratio:4/3;border-radius:20px;background:linear-gradient(135deg,var(--accent),transparent);opacity:.35}.eyebrow{display:inline-block;padding:6px 14px;border-radius:999px;background:var(--accent);color:#fff;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:24px}.section{padding:72px 0}.section h2{font-size:clamp(1.6rem,3.5vw,2.4rem);margin:0 0 40px;text-align:center}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:24px;gap:24px}.feature-grid--two{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.feature-card{background:var(--card);border-radius:16px;padding:28px;box-shadow:0 4px 20px rgb(0 0 0/6%)}.feature-card h3{margin:0 0 10px;font-size:1.1rem}.feature-card p{margin:0;color:var(--muted);font-size:.95rem}.quote{background:var(--card);border-left:6px solid var(--accent);border-radius:12px;padding:32px;max-width:720px;margin:0 auto;font-size:1.1rem;font-style:italic;color:var(--muted)}.quote footer{margin-top:16px;font-style:normal;font-weight:700;color:var(--fg)}.cta{padding:80px 0;text-align:center}.cta .btn{margin-top:8px}.landing-footer{padding:32px 0;text-align:center;color:var(--muted);font-size:.85rem}.version-badge{position:fixed;right:20px;bottom:20px;z-index:50;display:flex;flex-direction:column;gap:6px;background:#1a1a2e;color:#fff;border-radius:12px;padding:12px 18px;font-size:.85rem;box-shadow:0 8px 24px rgb(0 0 0/25%)}.version-badge__links{display:flex;gap:14px}.version-badge__links strong{opacity:.55}.version-badge a{color:#8ab4ff;font-weight:700}.home{padding:80px 0}.home h1{font-size:clamp(2rem,4vw,3rem);margin:0 0 16px}.home>.container>p{color:#5b5b73;max-width:720px}.home-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:24px;gap:24px;margin-top:48px}.home-card{background:#fff;border:1px solid #e6e6f0;border-radius:16px;padding:28px}.home-card h2{margin:0 0 8px;font-size:1.3rem}.home-card p{color:#5b5b73;font-size:.95rem}.home-card__links{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.version-table{width:100%;border-collapse:collapse;font-size:.9rem;margin-top:8px}.version-table th{text-align:left;color:#8a8aa3;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;padding:6px 10px 6px 0}.version-table td{padding:8px 10px 8px 0;border-top:1px solid #ececf4}.version-table a{color:#4f46e5;font-weight:700}.status{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.75rem;font-weight:700}.status--active{background:#dcfce7;color:#15803d}.status--off{background:#f1f1f6;color:#8a8aa3}.how{margin-top:64px;background:#fff;border:1px solid #e6e6f0;border-radius:16px;padding:32px}.how h2{margin-top:0}.how ol{color:#3c3c52;padding-left:22px}.how li{margin-bottom:10px}.how code{background:#f0f0f8;border-radius:6px;padding:2px 6px;font-size:.9em}@media (max-width:720px){.hero--split .container{grid-template-columns:1fr}}