:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#060b20;color:#eff3ff}*{box-sizing:border-box}body{margin:0}nav,main,footer{max-width:1100px;margin:auto;padding:24px}nav{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}a{color:#8de8ff;text-underline-offset:5px}nav a{margin-right:16px}h1{font-size:clamp(40px,6vw,72px);line-height:1.05;letter-spacing:-.04em}h2{margin-top:36px}p,li{line-height:1.75;color:#c7d0e8}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;padding:48px 0}.hero img{width:100%;border-radius:28px}.eyebrow{color:#8de8ff;text-transform:uppercase;letter-spacing:.15em;font-size:12px}.content{max-width:750px;min-height:65vh}.examples{border-top:1px solid #2c3552;padding-top:20px}footer{border-top:1px solid #2c3552;font-size:14px;margin-top:48px}@media(max-width:700px){.hero{grid-template-columns:1fr}.hero img{max-width:420px}}