:root{--bg: #ffffff;--bg-alt: #f4f6fb;--text: #14182b;--muted: #5b6178;--border: #e2e5ef;--accent: #4f46e5;--accent-text: #ffffff;--accent-soft: #eef0ff;color-scheme:light dark}@media (prefers-color-scheme: dark){:root{--bg: #0f1220;--bg-alt: #161a2c;--text: #e9ebf5;--muted: #a0a6bf;--border: #2a2f47;--accent: #818cf8;--accent-text: #0f1220;--accent-soft: #1f2340}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{line-height:1.2;margin:0 0 .5rem}h1{font-size:clamp(2rem,5vw,3.25rem)}h2{font-size:clamp(1.5rem,3vw,2rem)}.wrap{max-width:1040px;margin:0 auto;padding:0 16px}.muted{color:var(--muted)}.nav{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:60px}.logo{display:flex;align-items:center;gap:8px;font-weight:700;font-size:1.15rem;color:var(--text)}.logo:hover{text-decoration:none}.logo-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--accent);color:var(--accent-text);font-weight:800}.nav-links{display:flex;align-items:center;gap:20px}.nav-links a:not(.btn){color:var(--muted)}.btn{display:inline-block;padding:12px 22px;border-radius:10px;background:var(--accent);color:var(--accent-text);font-weight:600;border:1px solid var(--accent)}.btn:hover{text-decoration:none;filter:brightness(1.08)}.btn-small{padding:7px 14px;font-size:.9rem}.btn-ghost{background:transparent;color:var(--accent)}.hero{padding:96px 0 72px;text-align:center}.eyebrow{color:var(--accent);font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:.85rem}.lead{max-width:620px;margin:0 auto 32px;font-size:1.15rem;color:var(--muted)}.hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.section{padding:72px 0}.section-alt{background:var(--bg-alt)}.feature-grid{display:grid;gap:14px;margin-top:28px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.feature-card{display:flex;flex-direction:column;gap:6px;text-align:left;padding:18px;border-radius:14px;cursor:pointer;background:var(--bg);color:var(--text);font:inherit;border:1px solid var(--border);transition:border-color .15s,transform .15s}.feature-card:hover{transform:translateY(-2px);border-color:var(--accent)}.feature-card.active{border-color:var(--accent);background:var(--accent-soft)}.feature-icon{font-size:1.6rem}.feature-title{font-weight:700}.feature-summary{color:var(--muted);font-size:.93rem}.feature-detail{margin-top:20px;padding:24px;border-radius:14px;background:var(--bg-alt);border:1px solid var(--border)}.feature-detail ul{margin:0;padding-left:20px}.feature-detail li{margin:4px 0}.platforms{display:grid;gap:16px;margin-top:24px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.platform{padding:24px;border-radius:14px;background:var(--bg);border:1px solid var(--border)}.platform p{margin:0}.cta{text-align:center}.cta .btn{margin-top:12px}.footer{border-top:1px solid var(--border);padding:24px 0;font-size:.9rem;color:var(--muted)}.footer-inner{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}@media (max-width: 520px){.nav-links a:not(.btn){display:none}.hero{padding:64px 0 48px}}
