*{box-sizing:border-box}body{margin:0;background:#08101f;color:#dce9f6;font:16px/1.55 Arial,sans-serif}a{color:#5ee2ff;text-decoration:none}header{padding:20px max(22px,calc((100% - 1180px)/2));display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;background:#111b2e;border-bottom:1px solid #253858}.brand{font:900 27px/1 Arial;color:#fff;letter-spacing:.04em}.brand::first-letter{color:#58dcff}header p{margin:0;color:#91a6bd;font-size:12px;text-transform:uppercase;letter-spacing:.18em}nav{display:flex;gap:8px;flex-wrap:wrap}nav a{padding:9px 12px;color:#c8d6e5;text-transform:uppercase;font-size:12px;font-weight:800}nav a[aria-current=page],nav a:hover{color:#07101d;background:#58dcff}.hero{min-height:550px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:40px;padding:70px max(22px,calc((100% - 1120px)/2));background:radial-gradient(circle at 82% 30%,#103a5e 0,transparent 36%),linear-gradient(145deg,#101b31,#070d18)}.eyebrow,.heading p{color:#58dcff;text-transform:uppercase;letter-spacing:.2em;font-weight:800}.hero h1,.heading h1{margin:8px 0 15px;font:900 clamp(48px,8vw,96px)/.95 Arial}.hero>div>p:not(.eyebrow){max-width:620px;color:#afc0d2;font-size:20px}.cta{display:inline-block;margin-top:18px;padding:13px 20px;background:#58dcff;color:#07101d;font-weight:900;text-transform:uppercase}.pad{width:300px;height:190px;justify-self:center;border:18px solid #253b5c;border-radius:48px;transform:rotate(-10deg);box-shadow:0 0 70px #58dcff35;position:relative}.pad:before,.pad:after{content:"";position:absolute;background:#58dcff}.pad:before{left:45px;top:62px;width:52px;height:15px}.pad:after{left:63px;top:44px;width:15px;height:52px}.pad span:before,.pad span:after{content:"";position:absolute;right:50px;width:21px;height:21px;border:5px solid #ff4f8b;border-radius:50%}.pad span:before{top:42px}.pad span:after{bottom:42px}.cards,.list,.codegrid{width:min(1120px,calc(100% - 36px));margin:35px auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cards article,.list article,.codegrid article,.alphabet{padding:24px;background:#111b2e;border:1px solid #263955}.cards b{color:#ff5b98;text-transform:uppercase;font-size:12px}.cards h2,.list h2,.codegrid h2{color:#fff;font-size:21px}.heading{padding:55px max(22px,calc((100% - 1120px)/2));background:#111b2e}.heading h1{font-size:54px}.alphabet{width:min(900px,calc(100% - 36px));margin:35px auto}.alphabet h2{color:#58dcff}footer{display:grid;grid-template-columns:auto 1fr auto;gap:25px;align-items:center;padding:30px max(22px,calc((100% - 1120px)/2));background:#050914;color:#768da6}footer strong{color:#fff}footer nav a{padding:4px 6px}@media(max-width:760px){header{grid-template-columns:1fr}header nav{display:grid;grid-template-columns:1fr 1fr}.hero{grid-template-columns:1fr;padding:48px 20px}.hero h1{font-size:58px}.pad{width:230px;height:145px}.cards,.list,.codegrid{grid-template-columns:1fr}.heading h1{font-size:42px}footer{display:block}footer nav{margin-top:15px}}