:root{--bg:#ffffff;--text:#171717;--secondary:#666666;--accent:#22c55e;--border:#e5e5e5;--card-bg:#f9f9f9}[data-theme=dark]{--bg:#09090b;--text:#fafafa;--secondary:#a1a1aa;--accent:#22c55e;--border:#27272a;--card-bg:#18181b}body{font-family:-apple-system,system-ui,segoe ui,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;margin:0;color:var(--text);background:var(--bg);transition:background-color .2s ease,color .2s ease;-webkit-font-smoothing:antialiased}header{padding:16px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg);z-index:100}.logo a{text-decoration:none;color:var(--text);font-weight:700;font-size:1.25rem}.container{max-width:1200px;margin:0 auto;padding:0 32px}.hero{text-align:center;padding:100px 0}h1{font-size:64px;font-weight:800;line-height:1.1;margin-bottom:24px;letter-spacing:-.04em}.subtitle{font-size:20px;color:var(--secondary);max-width:800px;margin:0 auto 40px;line-height:1.6}.btn{background:var(--accent);color:#000;padding:14px 32px;border-radius:9999px;text-decoration:none;font-weight:600;display:inline-block;transition:transform .2s}.btn:hover{transform:scale(1.05)}.features{padding:80px 0}.section-header h2{font-size:48px;font-weight:800;margin-bottom:16px;text-align:center}.section-header p{text-align:center;max-width:800px;margin-left:auto;margin-right:auto;color:var(--secondary)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:48px}.card{padding:32px;border:1px solid var(--border);border-radius:16px;background:var(--card-bg)}.card h3{font-size:22px;margin:0 0 12px;color:var(--accent)}.card p{color:var(--secondary)}.cta-section{background:var(--card-bg);border:1px solid var(--border);padding:80px 40px;border-radius:32px;text-align:center;margin:64px 0}.theme-toggle{background:var(--card-bg);border:1px solid var(--border);color:var(--text);padding:8px 16px;border-radius:8px;cursor:pointer;font-weight:500}footer{text-align:center;padding:64px 0;color:var(--secondary);font-size:14px;border-top:1px solid var(--border)}@media(max-width:768px){h1{font-size:40px}.container{padding:0 20px}}