:root{--bg: #ffffff;--text: #0f172a;--muted: #475569;--primary: #4f46e5;--border: #e2e8f0}:root.dark{--bg: #0b1020;--text: #e2e8f0;--muted: #94a3b8;--primary: #818cf8;--border: #1f2937}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji"}img{max-width:100%;display:block}a{color:var(--primary);text-decoration:none}.container{width:min(1100px,92%);margin:0 auto}.btn{display:inline-block;padding:.6rem 1rem;border:1px solid var(--border);border-radius:8px;color:var(--text);background:transparent}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}main{min-height:calc(100vh - 140px)}.site-header,.site-footer{border-bottom:1px solid var(--border)}.site-footer{border-bottom:0;border-top:1px solid var(--border)}.site-header{display:flex;align-items:center;justify-content:space-between;padding:14px 4%;position:sticky;top:0;-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px);background:color-mix(in oklab,var(--bg),transparent 15%)}.brand{font-weight:700;color:var(--text)}.site-nav a{margin-left:16px}.theme-toggle{margin-left:16px;background:transparent;border:1px solid var(--border);border-radius:8px;padding:6px 10px;cursor:pointer}.hero{padding:80px 0 40px;text-align:center;border-bottom:1px solid var(--border)}.hero h1{font-size:clamp(2rem,3.6vw,3rem);margin:0 0 12px}.hero .sub{color:var(--muted);margin-bottom:24px}.hero .actions .btn{margin:0 8px}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;padding:40px 0}.feature{border:1px solid var(--border);border-radius:12px;padding:16px}.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.plan{border:1px solid var(--border);border-radius:12px;padding:16px}.price{font-size:1.6rem;font-weight:700}.site-footer .container{display:flex;align-items:center;justify-content:space-between;padding:20px 4%}.page{padding:28px 0}.page h1{margin-top:0}@media (max-width: 640px){.site-header{position:static}.site-footer .container{flex-direction:column;gap:8px}}