*{box-sizing:border-box}body{margin:0;background:#0b1422;color:#dce7f3;font:16px/1.8 system-ui,sans-serif}main,nav,footer{max-width:1000px;margin:auto;padding:28px}nav{display:flex;justify-content:space-between;border-bottom:1px solid #253448}a{color:#72dbd5}nav a{text-decoration:none;margin-left:20px}.brand{font-weight:750;color:white;letter-spacing:1px}.hero{padding:50px 0}h1{color:white;font-size:clamp(36px,6vw,68px);line-height:1.2;letter-spacing:-2px;max-width:800px}h2{color:white}p{max-width:720px}.eyebrow{color:#72dbd5;font-weight:700}.button{display:inline-block;padding:12px 24px;margin:10px 12px 10px 0;background:#72dbd5;color:#081923;border-radius:8px;text-decoration:none;font-weight:700}.secondary{background:#213248;color:white}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.card{background:#142136;border:1px solid #2c3c52;border-radius:12px;padding:24px}.note{padding:20px;border-left:3px solid #72dbd5;background:#112236;margin:28px 0}code{overflow-wrap:anywhere;font-size:13px}footer{border-top:1px solid #253448;font-size:14px;color:#9bb0c6}li{margin:10px 0}