:root{--navy: #002855;--navy-deep: #001a36;--gold: #c4a35a;--paper: #f4f1ea;--ink: #0e1a2b;--muted: #5b6b7c}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--paper)}code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.92em;background:#00285514;padding:.1em .35em;border-radius:4px}.page{min-height:100vh;display:flex;flex-direction:column}.nav{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 2rem;background:var(--navy);color:#fff}.brand{display:flex;align-items:center;gap:.6rem;font-weight:700;letter-spacing:.08em}.brand-mark{width:2rem;height:2rem;display:grid;place-items:center;background:var(--gold);color:var(--navy);border-radius:4px}.brand-product{color:var(--gold);font-weight:600}.nav-link{color:#fff;text-decoration:none;font-size:.9rem;opacity:.85}.nav-link:hover{opacity:1}.hero{flex:1;max-width:720px;padding:4.5rem 2rem 3rem}.eyebrow{color:var(--gold);font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:.75rem;margin-bottom:.85rem}h1{font-size:clamp(2rem,5vw,3.25rem);line-height:1.1;color:var(--navy);margin-bottom:1rem}.lede{color:var(--muted);font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.stack{list-style:none;display:grid;gap:.65rem}.stack li{padding:.75rem 1rem;background:#fff;border-left:4px solid var(--navy);box-shadow:0 1px #0028550f}.footer{display:flex;justify-content:space-between;padding:1rem 2rem;background:var(--navy-deep);color:#c9d3de;font-size:.85rem}@media(max-width:640px){.nav,.footer{padding-inline:1.25rem}.hero{padding:2.5rem 1.25rem}}