:root{--bg:#0b1021;--bg-soft:#111a36;--surface:#141f40;--text:#e8eefc;--muted:#a7b6de;--brand:#4f8bff;--brand-2:#6fe3ff;--border:#2a3968}*{box-sizing:border-box}html,body{color:var(--text);background:radial-gradient(circle at top right, #1d2e63 0%, var(--bg) 52%);margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{color:inherit;text-decoration:none}.container{width:min(1120px,100% - 2.5rem);margin:0 auto}.site-header{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:color-mix(in srgb, var(--bg) 80%, transparent);border-bottom:1px solid color-mix(in srgb, var(--border) 75%, transparent);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;min-height:72px;display:flex}.brand{align-items:center;gap:.6rem;font-weight:700;display:inline-flex}.brand-mark{background:linear-gradient(135deg, var(--brand), var(--brand-2));color:#0b1021;border-radius:.45rem;place-items:center;width:1.8rem;height:1.8rem;display:inline-grid}.main-nav{align-items:center;gap:1.1rem;font-size:.95rem;display:flex}.main-nav a{color:var(--muted)}.main-nav a:hover{color:var(--text)}.hero{padding:5rem 0 3rem}.hero-grid{grid-template-columns:1.45fr 1fr;align-items:start;gap:2rem;display:grid}.eyebrow{color:var(--brand-2);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.7rem;font-size:.75rem;font-weight:700}h1{margin:0;font-size:clamp(2rem,4vw,3.2rem);line-height:1.1}.lead{color:var(--muted);max-width:60ch;margin:1rem 0 1.5rem;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:.8rem;display:flex}.btn{cursor:pointer;background:linear-gradient(135deg, var(--brand), var(--brand-2));color:#0b1021;border:1px solid #0000;border-radius:.65rem;justify-content:center;align-items:center;padding:.75rem 1.05rem;font-weight:600;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-sm{padding:.5rem .85rem}.btn-ghost{color:var(--text);border-color:var(--border);background:0 0}.trust{color:var(--muted);margin-top:1rem;font-size:.95rem}.hero-card{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 60%, transparent);border-radius:1rem;margin:0;overflow:hidden}.hero-card img{object-fit:cover;width:100%;height:100%;display:block}.section{padding:2.2rem 0 3.6rem}.section-muted{background:color-mix(in srgb, var(--bg-soft) 74%, transparent);border-top:1px solid color-mix(in srgb, var(--border) 74%, transparent);border-bottom:1px solid color-mix(in srgb, var(--border) 74%, transparent)}h2{margin:0 0 1.1rem;font-size:clamp(1.45rem,2vw,2rem)}.grid{gap:1rem;display:grid}.cards-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cards-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 70%, transparent);border-radius:.85rem;padding:1rem 1rem .85rem}.card h3{margin:0 0 .5rem;font-size:1.06rem}.card p{color:var(--muted);margin:0 0 .8rem;line-height:1.6}.card ul{color:var(--muted);margin:0;padding-left:1.1rem}.card li+li{margin-top:.35rem}.resources-grid,.demo-grid{grid-template-columns:1.15fr 1fr;gap:1.25rem;display:grid}.demo-copy p{color:var(--muted);margin:0 0 .75rem;line-height:1.7}.demo-copy ul{color:var(--muted);margin:0;padding-left:1.1rem}.demo-copy li+li{margin-top:.35rem}.resource-list{gap:.85rem;margin-bottom:1.1rem;display:grid}.resource-item{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 62%, transparent);border-radius:.7rem;padding:.8rem .95rem}.resource-item h3{margin:0 0 .3rem}.resource-item p{color:var(--muted);margin:0}.callout{border:1px solid var(--border);background:linear-gradient(165deg, color-mix(in srgb, var(--surface) 80%, #1c2f66), var(--surface));border-radius:.85rem;padding:1rem}.callout img{border-radius:.6rem;width:100%;margin-bottom:.85rem;display:block}.callout h3{margin-top:0}.callout ul{color:var(--muted);margin:0;padding-left:1.1rem}.demo-form{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 70%, transparent);border-radius:.85rem;gap:.8rem;padding:1rem;display:grid}.demo-form label{gap:.35rem;font-size:.92rem;display:grid}.demo-form input,.demo-form select,.demo-form textarea{border:1px solid var(--border);width:100%;color:var(--text);font:inherit;background:#0f1630;border-radius:.5rem;padding:.65rem .7rem}.demo-form textarea{resize:vertical}.site-footer{border-top:1px solid color-mix(in srgb, var(--border) 74%, transparent);padding:1.1rem 0}.footer-inner{justify-content:space-between;align-items:center;gap:1rem;display:flex}.footer-links{color:var(--muted);gap:1rem;display:flex}@media (width<=980px){.hero-grid,.resources-grid,.demo-grid{grid-template-columns:1fr}.cards-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.main-nav a:not(.btn){display:none}.cards-2,.cards-3{grid-template-columns:1fr}.hero{padding-top:4rem}}