@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--ink:#f2f6ff;--muted:#a9bad6;--navy:#0b1020;--line:#31435a;--blue:#31bcf3;--green:#b5f33c}
*{box-sizing:border-box}
body{margin:0;background:var(--navy);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;line-height:1.55}
a{color:inherit;text-decoration:none}
.shell{max-width:1110px;padding:0 28px;margin:auto}
header{background:#10192c;border-bottom:1px solid #31435a}
nav{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:16px!important;padding-bottom:16px!important}
.brand{display:flex;align-items:center;gap:12px;font:900 27px 'Barlow Condensed',Impact,sans-serif}
.brand img{width:56px;height:56px;object-fit:contain}
.return{font-size:13px;font-weight:800;color:var(--green);text-transform:uppercase;letter-spacing:.08em}
.hero{padding:75px 0 55px;background:radial-gradient(circle at 72% 15%,#243a60,#101b2e 55%,#0b1020 95%)}
.eyebrow{font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--green)}
h1{font:900 clamp(58px,9vw,104px)/.9 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;margin:18px 0}
h1 em{font-style:normal;color:var(--blue)}
.intro{max-width:740px;font-size:18px;color:#c6d7ee}
.content{padding:55px 0 100px}
.columns{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{border:1px solid #45607b;border-radius:12px;padding:27px;background:#14253e;min-height:230px}
.card h2{font:900 31px/1.05 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;margin:16px 0}
.card p,.story p{color:var(--muted)}
.tag{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--green);font-weight:800}
.story-grid{display:grid;grid-template-columns:260px 1fr;gap:40px;align-items:start}
.portrait{width:100%;border-radius:12px;border:2px solid #647ca1}
.story h2{font:900 30px 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;margin:25px 0 4px}
.story p{margin:0 0 18px}
.note{border-left:4px solid var(--green);padding:12px 18px;background:#172b42;margin-top:25px;color:#c6d7ee}
footer{padding:30px 0;border-top:1px solid #31435a;color:#99b0cb;font-size:12px}
@media(max-width:730px){.columns,.story-grid{grid-template-columns:1fr}.portrait{max-width:220px}.hero{padding:55px 0 35px}h1{font-size:60px}}