@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@300;500;700&family=Inter:wght@300;400;500&display=swap');
:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:#06131b;color:#dbe8e9}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 72% 18%,#173541 0,transparent 32%),linear-gradient(135deg,#07151d,#03090e)}
body:before{content:"";position:fixed;inset:0;opacity:.14;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:48px 48px}
main{width:min(1180px,92vw);margin:auto;padding:8vh 0 4vh}header{max-width:790px;margin-bottom:6vh}.eyebrow{font:500 11px Inter;letter-spacing:.25em;color:#6fc3c9}
h1{font:700 clamp(70px,12vw,154px)/.8 "Barlow Condensed",sans-serif;letter-spacing:-.035em;margin:.18em 0;color:#edf4f1}h1:after{content:"";display:inline-block;width:.13em;height:.13em;background:#e8843e;margin-left:.05em}
.lede{font-weight:300;font-size:clamp(16px,2vw,22px);line-height:1.6;color:#9eb2b7;max-width:700px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#27404a;border:1px solid #27404a}.cards article{position:relative;padding:34px 30px;background:rgba(6,19,27,.94);min-height:390px;transition:.25s}.cards article:hover{background:#0b202a;transform:translateY(-4px)}
.number{position:absolute;right:25px;top:25px;font:300 38px "Barlow Condensed";color:#314b54}h2{font:500 35px "Barlow Condensed";margin:0;color:var(--accent)}.version{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#718a91}
article p{color:#a8b9bd;line-height:1.6;font-size:14px;margin:28px 0}ul{list-style:none;padding:0;font-size:12px;line-height:2;color:#789096}li:before{content:"—";color:var(--accent);margin-right:8px}
a{position:absolute;bottom:30px;left:30px;right:30px;border-top:1px solid #28424a;padding-top:20px;color:#eaf1ee;text-decoration:none;font:500 14px Inter;display:flex;justify-content:space-between}a span{color:var(--accent)}
footer{display:flex;justify-content:space-between;margin-top:25px;color:#597078;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:800px){.cards{grid-template-columns:1fr}.cards article{min-height:330px}footer{gap:12px;flex-direction:column}}