@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Sans:wght@300;400;500;600;700&family=Space+Mono:wght@400;700&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#071c38;color:#fff;font-family:'DM Sans',sans-serif;line-height:1.7}a{color:inherit}nav{height:72px;padding:0 max(1.25rem,calc((100vw - 1200px)/2));display:flex;align-items:center;justify-content:space-between;background:rgba(7,28,56,.96);border-bottom:1px solid rgba(0,168,160,.2);position:sticky;top:0;z-index:20;backdrop-filter:blur(20px)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-family:'DM Serif Display',serif;font-size:18px}.brand svg{width:40px}.brand small{display:block;color:#00a8a0;font:9px 'Space Mono';letter-spacing:.2em}.navlinks{display:flex;align-items:center;gap:2rem}.navlinks a{text-decoration:none;font-size:13px;color:rgba(255,255,255,.68)}.navlinks a:hover,.navlinks [aria-current]{color:#fff}.navcta{background:#00a8a0;color:#071c38!important;padding:9px 18px;border-radius:3px;font-weight:700}.hero{padding:110px max(1.25rem,calc((100vw - 1200px)/2)) 80px;background:radial-gradient(circle at 80% 20%,rgba(0,168,160,.13),transparent 35%),#071c38}.eyebrow,.category{color:#00d4cb;font:700 10px 'Space Mono';letter-spacing:.16em;text-transform:uppercase}.hero h1{font:clamp(42px,6vw,72px)/1.04 'DM Serif Display',serif;max-width:900px;margin:18px 0}.hero p{color:rgba(255,255,255,.6);font-size:17px;max-width:700px}.grid{max-width:1200px;margin:auto;padding:70px 1.25rem 110px;display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.card{display:flex;flex-direction:column;text-decoration:none;padding:28px;border:1px solid rgba(0,168,160,.16);background:#0b2a52;min-height:320px;transition:.25s}.card:hover{transform:translateY(-5px);border-color:#00a8a0}.card h2{font:28px/1.15 'DM Serif Display',serif;margin:18px 0}.card p{font-size:14px;color:rgba(255,255,255,.55)}.meta{margin-top:auto;color:#7baee8;font:10px 'Space Mono';letter-spacing:.08em}.articlehero{padding:90px max(1.25rem,calc((100vw - 940px)/2)) 70px;background:radial-gradient(circle at 80% 20%,rgba(0,168,160,.14),transparent 42%)}.articlehero h1{font:clamp(40px,6vw,68px)/1.06 'DM Serif Display',serif;margin:18px 0}.articlemeta{color:#7baee8;font:11px 'Space Mono';letter-spacing:.08em}.article{max-width:840px;margin:auto;padding:70px 1.25rem 100px;color:rgba(255,255,255,.76);font-size:17px}.article h2{color:#fff;font:38px/1.15 'DM Serif Display',serif;margin:60px 0 18px}.article p{margin:0 0 22px}.article ul{padding-left:1.3rem;margin:0 0 26px}.article li{padding-left:.5rem;margin:12px 0}.article li::marker{color:#00a8a0}.tablewrap{overflow-x:auto;margin:30px 0 42px;border:1px solid rgba(0,168,160,.22)}table{width:100%;border-collapse:collapse;min-width:620px;font-size:14px}th,td{text-align:left;vertical-align:top;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08);border-right:1px solid rgba(255,255,255,.06)}th{background:#0b2a52;color:#00d4cb;font:700 10px/1.5 'Space Mono';letter-spacing:.08em;text-transform:uppercase}tr:last-child td{border-bottom:0}.callout{margin:55px 0 0;padding:34px;border-left:3px solid #00a8a0;background:#0b2a52}.callout h2{margin:0 0 12px;font-size:30px}.button{display:inline-block;margin-top:12px;background:#00a8a0;color:#071c38;text-decoration:none;padding:12px 20px;border-radius:3px;font-weight:700}footer{border-top:1px solid rgba(255,255,255,.06);background:#020d1c;padding:55px max(1.25rem,calc((100vw - 1200px)/2)) 28px;display:grid;grid-template-columns:2fr 1fr;gap:28px;color:rgba(255,255,255,.4)}footer strong{font:22px 'DM Serif Display'}footer strong span{color:#00a8a0}footer p{font-size:13px;max-width:360px}.footlinks{display:flex;gap:20px;justify-content:flex-end}.footlinks a{text-decoration:none;font-size:13px}footer small{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.06);padding-top:22px}@media(max-width:850px){.grid{grid-template-columns:1fr 1fr}.navlinks{gap:1rem}.navlinks a:not(.navcta):not([aria-current]){display:none}}@media(max-width:600px){.grid{grid-template-columns:1fr}.hero{padding-top:70px}.article{font-size:16px}.article h2{font-size:32px}.footlinks{justify-content:flex-start}footer{grid-template-columns:1fr}}
