:root{color-scheme:dark;--bg:#091521;--surface:#102638;--line:#27445a;--mint:#9ae9d2;--txt:#edf7fb;--muted:#b4cad5}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--txt);font:16px/1.84 system-ui,-apple-system,"Malgun Gothic",sans-serif}a{color:var(--mint)}.wrap{max-width:940px;margin:auto;padding:26px 24px 90px}.header{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;border-bottom:1px solid var(--line);padding-bottom:20px}.brand{text-decoration:none;font-weight:800;color:var(--txt)}nav{display:flex;gap:17px;flex-wrap:wrap}nav a{text-decoration:none;font-size:.9rem}.eyebrow{text-transform:uppercase;letter-spacing:.15em;color:var(--mint);font-size:.72rem;font-weight:800;margin-top:42px}h1{font-size:clamp(2rem,4vw,3.15rem);letter-spacing:-.06em;line-height:1.28;margin:15px 0 18px}h2{font-size:1.25rem;letter-spacing:-.02em;margin:0 0 15px}.lead{font-size:1.12rem;color:var(--muted);max-width:780px}.meta{font-size:.78rem;color:#9ab4c5}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-top:29px}.card,.panel,article section{background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:24px}.card{text-decoration:none;color:var(--txt)}.card:hover{border-color:var(--mint)}.card small{display:block;color:var(--mint);font-size:.76rem}.card strong{display:block;font-size:1.12rem;line-height:1.45;margin:10px 0}.card span{color:var(--muted);font-size:.88rem}article section{margin-top:16px}article section p{margin:0;color:#d4e5ee}.callout{border-left:3px solid var(--mint);margin:30px 0;padding:13px 19px;background:#123044}.cta{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#183b4b;border:1px solid #357b6e;border-radius:16px;padding:20px;margin-top:29px;flex-wrap:wrap}.cta a,.button{background:var(--mint);color:#082023;text-decoration:none;font-weight:800;border-radius:9px;padding:10px 16px;display:inline-block}.foot{border-top:1px solid var(--line);color:var(--muted);font-size:.81rem;margin-top:42px;padding-top:20px}ul{padding-left:24px}.trio{margin-top:16px} @media(max-width:620px){.wrap{padding:16px 17px 85px}.header{gap:7px}.cards{grid-template-columns:1fr}.card,article section{padding:19px}h1{margin-top:14px}.cta{align-items:flex-start}}