
:root{
--navy-950:#050d24;--navy-900:#081538;--navy-800:#0c1e4d;--navy-700:#132a63;--navy-600:#1c3a80;
--blue-700:#0847a0;--blue-600:#0a58cb;--blue-500:#1f6fe0;--blue-400:#4a8ded;--blue-100:#e3edfc;--blue-50:#f2f7fd;
--slate-900:#1c2128;--slate-800:#2c323b;--slate-700:#3d4450;--slate-600:#4b5056;--slate-500:#6b7280;--slate-400:#8d94a1;--slate-300:#b4bac4;--slate-200:#d7dce3;--slate-100:#eceff3;--slate-50:#f6f8fa;
--white:#ffffff;
--color-accent:#0a58cb;--color-accent-hover:#0847a0;
--text-primary:#081538;--text-secondary:#4b5056;--text-link:#0a58cb;--text-link-hover:#0847a0;
--surface-subtle:#f6f8fa;--border-default:#d7dce3;--border-strong:#b4bac4;--border-inverse:rgba(255,255,255,0.16);
--font-sans:'Public Sans',-apple-system,'Segoe UI',sans-serif;--font-serif:'Source Serif 4',Georgia,serif;
--radius-lg:12px;--radius-md:8px;--radius-full:999px;
--shadow-md:0 4px 16px rgba(8,21,56,0.08);
}
*{box-sizing:border-box}
body{margin:0;background:#fff;font-family:var(--font-sans);color:var(--text-primary)}
a{color:var(--text-link);text-decoration:none}
a:hover{color:var(--text-link-hover)}
.page{width:1200px;background:#fff;overflow:hidden;height:1650px;display:flex;flex-direction:column}
.page>section{flex:1 0 auto;display:flex;flex-direction:column;justify-content:center}
.page>header,.page>footer{flex:0 0 auto}
.hdr{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:20px 48px;border-bottom:1px solid var(--border-default);background:#fff}
.nav{display:flex;align-items:center;gap:32px}
.nav a{font-size:.875rem;font-weight:600;color:var(--text-primary)}
.btn{display:inline-block;background:var(--color-accent);color:#fff;border-radius:var(--radius-md);padding:14px 28px;font-weight:700;font-size:1rem}
.btn-sm{padding:10px 16px;font-size:.875rem}
.btn-out{display:inline-block;background:transparent;color:var(--navy-900);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:13px 27px;font-weight:700;font-size:1rem}
.eyebrow{font-size:.8125rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent);margin-bottom:20px}
.wrap{max-width:1200px;margin:0 auto}
h1{font-size:4rem;font-weight:800;letter-spacing:-.02em;line-height:1.1;color:var(--navy-900);margin:0 0 24px}
h2{font-size:2rem;font-weight:700;color:var(--navy-900);margin:0 0 24px;line-height:1.3;letter-spacing:-.02em}
h3{font-size:1.0625rem;font-weight:700;color:var(--navy-900);margin:0 0 8px}
.lede{font-size:1.125rem;color:var(--text-secondary);line-height:1.65;max-width:640px;margin:0 auto 36px}
.hero{padding:96px 48px 80px;max-width:900px;margin:0 auto;text-align:center}
.card{background:#fff;border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:28px}
.card p{font-size:.875rem;color:var(--text-secondary);line-height:1.65;margin:0}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.photo{width:100%;object-fit:cover;border-radius:12px;display:block}
footer{padding:22px 48px;background:var(--navy-900);color:var(--slate-300)}
.page>footer{width:100vw;margin-left:calc(50% - 50vw)}
body{overflow-x:hidden}
.foot{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:24px}
.caption{font-size:.75rem;color:var(--slate-400)}


.wrap{max-width:1104px}
.hero{padding:80px 48px 64px;max-width:860px}
.grid2{gap:48px}
