:root { --background:#f7f9fb; --surface:#ffffff; --surface-muted:#eceef0; --primary:#005386; --primary-hover:#006cac; --secondary:#79ccdc; --text:#191c1e; --muted:#404750; --border:#c0c7d2; --navy:#003c61; --shadow:0 24px 70px rgba(0,32,55,.10); }
* { box-sizing:border-box; }
body { display:flex; flex-direction:column; margin:0; min-height:100vh; background:radial-gradient(circle at top right, rgba(121,204,220,.24), transparent 34rem), radial-gradient(circle at 8% 18%, rgba(0,83,134,.10), transparent 28rem), linear-gradient(180deg,var(--background) 0%,#fff 100%); color:var(--text); font-family:Inter,sans-serif; line-height:1.6; padding-top:72px; }
a { color:inherit; text-decoration:none; }
a:hover { color:var(--primary); }
.container { width:min(100% - 32px,1200px); margin:0 auto; }
.top-nav { position:fixed; top:0; left:0; right:0; z-index:50; height:72px; background:rgba(255,255,255,.94); box-shadow:0 1px 14px rgba(15,23,42,.08); backdrop-filter:blur(12px); }
.nav-inner { height:100%; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.logo { display:inline-flex; align-items:center; flex-shrink:0; }
.logo img { display:block; height:32px; width:auto; }
.nav-links { display:flex; align-items:center; gap:24px; margin:0; padding:0; list-style:none; color:var(--muted); font-size:14px; font-weight:600; }
.button { display:inline-flex; min-height:50px; align-items:center; justify-content:center; gap:10px; border-radius:8px; background:var(--primary); color:#fff; font-size:15px; font-weight:800; padding:0 22px; white-space:nowrap; transition:background .2s ease, transform .2s ease, border-color .2s ease, box-shadow .2s ease; border:2px solid var(--primary); cursor:pointer; box-shadow:0 12px 30px rgba(0,83,134,.18); }
.button:hover { background:var(--primary-hover); border-color:var(--primary-hover); color:#fff; transform:translateY(-1px); box-shadow:0 18px 40px rgba(0,83,134,.24); }
.button.secondary { background:#fff; color:var(--primary); box-shadow:none; }
.button.secondary:hover { background:#e6f2fb; color:var(--primary); border-color:var(--primary); }
.button .material-symbols-outlined { font-size:20px; }
main { flex:1; }
.hero { padding:56px 0 64px; }
.hero-grid { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr); gap:34px; align-items:center; }
.eyebrow { display:inline-flex; align-items:center; gap:8px; margin:0 0 16px; border-radius:999px; background:#cfe5ff; color:#001d34; font-size:12px; font-weight:900; letter-spacing:.06em; padding:7px 13px; text-transform:uppercase; }
h1, h2, h3 { font-family:'Work Sans',Inter,sans-serif; color:var(--text); }
h1 { margin:0 0 16px; font-size:clamp(38px,6.2vw,68px); line-height:1.04; letter-spacing:-.04em; }
.lead { margin:0; max-width:48rem; color:var(--muted); font-size:20px; line-height:1.55; }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }
.card { overflow:hidden; border:1px solid rgba(192,199,210,.72); border-radius:28px; background:rgba(255,255,255,.88); box-shadow:var(--shadow); backdrop-filter:blur(12px); }
.card-head { padding:28px; background:linear-gradient(145deg,var(--primary),var(--navy)); color:#fff; }
.card-head h2 { margin:0 0 6px; color:#fff; font-size:28px; line-height:1.15; }
.card-head p { margin:0; color:rgba(255,255,255,.82); }
.detail-list { display:grid; gap:0; padding:6px 28px 26px; }
.detail-row { display:grid; grid-template-columns:30px 1fr; gap:14px; padding:18px 0; border-bottom:1px solid rgba(192,199,210,.55); }
.detail-row:last-child { border-bottom:0; }
.detail-row .material-symbols-outlined { color:var(--primary); font-size:24px; margin-top:2px; }
.detail-label { display:block; color:var(--muted); font-size:12px; font-weight:900; letter-spacing:.06em; text-transform:uppercase; margin-bottom:4px; }
.detail-value { display:block; color:var(--text); font-size:18px; font-weight:800; line-height:1.35; word-break:break-word; }
.section { padding:70px 0; }
.section-muted { background:var(--surface-muted); }
.section-header { max-width:780px; margin:0 0 34px; }
.section h2 { margin:0 0 14px; font-size:clamp(30px,4vw,44px); line-height:1.12; letter-spacing:-.025em; }
.section p { color:var(--muted); font-size:18px; margin:0; }
.grid-3 { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.info-card { min-height:180px; display:flex; flex-direction:column; gap:14px; padding:24px; border:1px solid rgba(192,199,210,.66); border-radius:22px; background:rgba(255,255,255,.88); box-shadow:0 16px 44px rgba(0,32,55,.06); }
.info-card .icon { width:50px; height:50px; display:inline-flex; align-items:center; justify-content:center; border-radius:16px; background:#cfe5ff; color:var(--primary); }
.info-card h3 { margin:0; font-size:21px; line-height:1.25; }
.info-card p { font-size:16px; }
.partner-box { display:grid; grid-template-columns:1fr auto; gap:24px; align-items:center; border:1px solid rgba(0,83,134,.22); border-radius:24px; background:#fff; box-shadow:0 16px 44px rgba(0,32,55,.07); padding:28px; }
.partner-box p { margin:0; color:var(--muted); font-size:18px; }
.region-links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:24px; }
.region-link { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:58px; border:1px solid rgba(192,199,210,.72); border-radius:16px; background:#fff; color:var(--primary); font-weight:900; padding:14px 16px; }
.region-link:hover { border-color:var(--primary); background:#e6f2fb; }
.cta { padding:72px 0 84px; }
.cta-panel { display:grid; grid-template-columns:1fr auto; gap:28px; align-items:center; overflow:hidden; border-radius:30px; background:linear-gradient(145deg,var(--primary),var(--navy)); color:#fff; padding:34px; box-shadow:var(--shadow); }
.cta-panel h2 { margin:0 0 12px; color:#fff; font-size:clamp(28px,4vw,42px); line-height:1.12; letter-spacing:-.02em; }
.cta-panel p { margin:0; max-width:720px; color:rgba(255,255,255,.82); font-size:18px; }
.cta-actions { display:flex; flex-wrap:wrap; gap:12px; justify-content:flex-end; }
.cta-panel .button { background:#fff; border-color:#fff; color:var(--primary); box-shadow:none; }
.cta-panel .button:hover { background:#e6f2fb; color:var(--primary); }
.cta-panel .button.secondary { background:transparent; color:#fff; border-color:rgba(255,255,255,.78); }
.cta-panel .button.secondary:hover { background:rgba(255,255,255,.12); color:#fff; border-color:#fff; }
.site-footer { width:100%; border-top:1px solid var(--border); background:var(--surface-muted); color:var(--muted); font-size:14px; line-height:20px; }
.footer-inner { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; padding:48px 0; }
.footer-brand { margin:0 0 12px; color:var(--text); font-family:'Work Sans',Inter,sans-serif; font-size:24px; font-weight:700; }
.footer-inner p { margin:0; }
.footer-links { display:flex; flex-wrap:wrap; gap:8px 24px; margin:0; padding:0; list-style:none; font-weight:600; }
@media (max-width:980px) {
    .nav-links,.top-nav .button { display:none; }
    .hero { padding:34px 0 46px; }
    .hero-grid,.partner-box,.cta-panel { grid-template-columns:1fr; }
    .grid-3,.region-links { grid-template-columns:1fr; }
    .cta-actions { justify-content:flex-start; }
}
@media (max-width:640px) {
    body { padding-top:68px; }
    .top-nav { height:68px; }
    .container { width:min(100% - 28px,1200px); }
    .logo img { height:30px; }
    h1 { font-size:38px; }
    .lead { font-size:18px; }
    .hero-actions,.cta-actions { flex-direction:column; }
    .button { width:100%; min-height:54px; font-size:16px; }
    .card,.cta-panel { border-radius:22px; }
    .card-head,.detail-list,.partner-box,.cta-panel { padding:24px; }
    .section { padding:54px 0; }
    .footer-inner { flex-direction:column; }
}