:root{--bg:#0b1723;--bg2:#0a1420;--ink:#e9f2f8;--muted:#a9c2d5;--gold:#f6d98e}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg2);color:var(--ink);font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6}
a{color:#cfe6ff;text-decoration:none}a:hover{text-decoration:underline}
.container{width:min(1120px,92%);margin:0 auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(6,14,24,.9);backdrop-filter:blur(6px);border-bottom:1px solid rgba(255,255,255,.06)}
.nav{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.brand{display:flex;align-items:center;gap:14px;font-weight:800}
.brand img{height:58px;width:auto;display:block;filter:drop-shadow(0 2px 2px rgba(0,0,0,.45))}
.brand .name{font-size:18px;color:#fff;letter-spacing:.2px}
.menu{display:flex;gap:20px;flex-wrap:wrap}.menu a{color:#d9e8f7;opacity:.92}.menu a.active{opacity:1}
.hero{position:relative;min-height:66vh;display:grid;place-items:center;border-bottom:1px solid rgba(255,255,255,.06)}
.hero::before{content:"";position:absolute;inset:0;background:url('./assets/img/hero-flag.jpg') center/cover no-repeat;filter:brightness(.5) saturate(.9)}
.hero .overlay{position:relative;z-index:2;padding:76px 0;text-align:left}
.kicker{letter-spacing:.22em;text-transform:uppercase;color:#9ab6cd;font-weight:800;margin-bottom:10px;font-size:12px}
.hero h1{font-size:clamp(34px,5vw,56px);margin:0 0 10px;color:#fff;line-height:1.12}
.hero p.lead{color:#cddbeb;max-width:90ch;margin:0 0 8px;font-size:18px}
.hero blockquote{color:#d9e7f3;font-style:italic;margin:6px 0 16px;min-height:22px}
.actions{display:flex;gap:12px;flex-wrap:wrap}
.btn{padding:12px 16px;border-radius:12px;background:#173650;border:1px solid rgba(255,255,255,.16);color:#fff;font-weight:800}
.btn.secondary{background:transparent}
.section{padding:44px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.section h2{margin:0 0 12px;color:#fff;font-size:26px}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.card{background:linear-gradient(180deg,#0f2232,#0b1824);padding:18px;border:1px solid rgba(255,255,255,.06);border-radius:14px}
.card h3{margin:4px 0 8px;color:#fff}.card p{color:#cfe0f1}
.img{width:100%;height:210px;border-radius:12px;object-fit:cover;border:1px solid rgba(255,255,255,.07)}
.caption{font-size:13px;color:#9db7cd;margin-top:6px}
.map-wrap{background:url('./assets/img/parchment.svg') center/cover no-repeat;padding:18px;border:1px solid rgba(0,0,0,.18);border-radius:14px}
.mall-svg{width:100%;height:auto;background:linear-gradient(180deg, rgba(255,255,255,.35), rgba(255,255,255,.18));border-radius:12px}
.legend{display:flex;gap:18px;flex-wrap:wrap;margin-top:8px;font-size:14px;color:#d7e7f5}
.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:#143247;border:1px solid rgba(255,255,255,.12)}
.dot{width:10px;height:10px;border-radius:50%}.dot.dc{background:#f8d26a}.dot.pershing{background:#73c1ff}
.page{padding:42px 0}.page h1{margin:6px 0 10px}.kicker{color:#9ac5e6}
.prose p{color:#e9f2f8;max-width:80ch}.prose p+p{margin-top:12px}
.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left}
.table th{color:#cfe7ff}.table td{color:#c7d9eb}
.white-panel{background:#fff;color:#1d2730;border-radius:14px;padding:18px}
.white-panel h2,.white-panel h3{color:#0f2232}.white-panel p{color:#233142}
.white-panel .crests{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.white-panel .crests img{width:100%;border-radius:12px;border:1px solid #dde8f1}
.site-footer{padding:26px 0;color:#9db6c9}
@media(max-width:1100px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.grid{grid-template-columns:1fr}.brand img{height:54px}}