
:root{--deep:#102f3b;--gold:#9a7b44;--ink:#13202a;--muted:#60707a;--paper:#f5f7f8;--line:#dce4e8;--white:#fff;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);line-height:1.6}
a{color:inherit}.container{width:min(var(--max),calc(100% - 36px));margin:auto}.top{background:var(--deep);color:#dce7ea;padding:8px 0;font-size:13px}
.top .container,.nav,.section-head,.contact{display:flex;justify-content:space-between;gap:24px;align-items:center}
header{position:sticky;top:0;z-index:20;background:rgba(245,247,248,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav{min-height:76px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.mark{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--deep);color:#fff;font-weight:800}
.brand strong{letter-spacing:.16em;font-size:14px}.brand small{display:block;color:var(--muted)}.links{display:flex;gap:17px;align-items:center}.links a{text-decoration:none;font-size:14px}
.btn{display:inline-flex;padding:12px 18px;border-radius:999px;background:var(--deep);color:#fff;text-decoration:none;font-weight:700}.btn.gold{background:var(--gold)}.btn.outline{background:transparent;color:var(--deep);border:1px solid var(--deep)}
.menu{display:none;background:none;border:0;font-size:24px}.hero,.pagehero{background:radial-gradient(circle at 85% 20%,rgba(54,95,107,.18),transparent 34%),linear-gradient(#fbfcfd,#eef3f5)}
.hero{padding:88px 0 64px}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:52px;align-items:center}.pagehero{padding:66px 0 48px}
.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--gold);font-size:12px;font-weight:800}h1{font-size:clamp(44px,7vw,82px);line-height:.96;letter-spacing:-.055em;margin:10px 0 20px}h2{font-size:clamp(30px,4vw,46px);line-height:1.05;letter-spacing:-.035em;margin:8px 0 15px}h3{margin:4px 0 8px}.lede{font-size:19px;color:#43535d;max-width:760px}
.hero-card{background:var(--deep);color:#fff;border-radius:26px;padding:28px;box-shadow:0 18px 50px rgba(16,47,59,.14)}.metric{padding:16px 0;border-bottom:1px solid rgba(255,255,255,.14)}.metric:last-child{border:0}.metric span{display:block;color:#bfd0d5;font-size:14px}
.section{padding:72px 0}.white{background:#fff}.section-head{align-items:end}.section-head p{max-width:650px;color:var(--muted)}.grid{display:grid;gap:20px}.four{grid-template-columns:repeat(4,1fr)}.three{grid-template-columns:repeat(3,1fr)}.two{grid-template-columns:repeat(2,1fr)}
.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 6px 22px rgba(13,23,32,.04)}.card.dark{background:var(--deep);color:#fff}.card p{color:var(--muted)}.card.dark p{color:#c7d5da}.status{color:var(--gold);font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.more{display:inline-block;margin-top:14px;font-weight:800;text-decoration:none}
.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:46px;align-items:start}.clean{list-style:none;padding:0;margin:0}.clean li{padding:10px 0;border-bottom:1px solid var(--line)}.clean li:last-child{border:0}
.pills{display:flex;gap:8px;flex-wrap:wrap}.pill{background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 10px;font-size:13px}.notice{padding:16px 18px;background:#fffaf0;border:1px solid #ead9b6;border-radius:14px;color:#6e592d}
.contact{background:var(--deep);color:#fff;border-radius:26px;padding:30px}.contact p{color:#c7d5da}.footer{background:#0a2028;color:#d7e1e4;padding:46px 0 24px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:28px}.footer a{text-decoration:none}.footer small{display:block;margin-top:28px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);color:#9fb2b9}
@media(max-width:900px){.links{display:none;position:absolute;top:76px;left:18px;right:18px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;flex-direction:column;align-items:stretch}.links.open{display:flex}.menu{display:block}.hero-grid,.split,.four,.three{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.hero-grid,.split,.four,.three,.two{grid-template-columns:1fr}.top .container,.section-head,.contact{align-items:flex-start;flex-direction:column}.hero{padding-top:56px}.section{padding:54px 0}.footer-grid{grid-template-columns:1fr}}
