:root{--primary: #2563eb;--primary-dark:#1e40af;--bg:#ffffff;--text:#0f172a;--muted:#475569;--surface:#f8fafc;--ring: rgba(37, 99, 235, .35)}.dark{--bg:#0b1220;--text:#e2e8f0;--muted:#94a3b8;--surface:#0f172a;--ring: rgba(96, 165, 250, .35)}html,body{background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1120px,92%);margin:0 auto}.nav{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:saturate(180%) blur(8px);backdrop-filter:saturate(180%) blur(8px);background:color-mix(in oklab,var(--bg) 88%,transparent);border-bottom:1px solid color-mix(in oklab,var(--text) 15%,transparent)}.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:.9rem 0}.brand{display:flex;gap:.6rem;align-items:center;font-weight:700;letter-spacing:.2px}.brand-badge{width:32px;height:32px;border-radius:10px;background:var(--primary);display:grid;place-items:center;color:#fff;font-weight:800}.nav-links{display:flex;gap:1.2rem}.nav-actions{display:flex;gap:.6rem;align-items:center}.btn{padding:.65rem 1rem;border-radius:12px;border:1px solid color-mix(in oklab,var(--text) 12%,transparent);background:var(--surface);cursor:pointer;transition:transform .06s ease,box-shadow .12s ease}.btn.primary{background:var(--primary);color:#fff;border-color:transparent}.btn:hover{box-shadow:0 10px 18px -10px var(--ring);transform:translateY(-1px)}section{padding:72px 0}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center}.hero h1{font-size:clamp(2rem,2.5vw + 1rem,3.2rem);line-height:1.1;margin:0 0 1rem}.hero p{color:var(--muted);font-size:1.05rem}.hero .cta{display:flex;gap:.8rem;margin-top:1.2rem;flex-wrap:wrap}.hero-card{background:var(--surface);padding:1rem;border:1px solid color-mix(in oklab,var(--text) 12%,transparent);border-radius:16px}.hero-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.feature{background:var(--surface);padding:1rem;border-radius:16px;border:1px solid color-mix(in oklab,var(--text) 12%,transparent)}.feature h4{margin:.6rem 0 .2rem}.feature p{color:var(--muted);font-size:.975rem}.testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.t-card{background:var(--surface);padding:1rem;border-radius:16px;border:1px solid color-mix(in oklab,var(--text) 12%,transparent)}.t-card p{color:var(--muted)}.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.price-card{background:var(--surface);padding:1.2rem;border-radius:16px;border:1px solid color-mix(in oklab,var(--text) 12%,transparent);display:flex;flex-direction:column}.price{font-size:2rem;font-weight:800}.muted{color:var(--muted)}form{display:grid;gap:.8rem}input,textarea{padding:.75rem .9rem;border-radius:12px;border:1px solid color-mix(in oklab,var(--text) 16%,transparent);background:var(--bg);color:var(--text)}input:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--ring)}footer{padding:28px 0;border-top:1px solid color-mix(in oklab,var(--text) 15%,transparent)}@media (max-width: 960px){.hero{grid-template-columns:1fr}.features,.testimonials,.pricing{grid-template-columns:1fr 1fr}}@media (max-width: 640px){.nav-links{display:none}.features,.testimonials,.pricing{grid-template-columns:1fr}}