:root { --ink:#101828; --muted:#475467; --line:#e4e7ec; --soft:#f8fafc; --blue:#2563eb; --white:#fff; --radius:22px; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:var(--white); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; line-height:1.65; }
a { color:inherit; }
img { display:block; max-width:100%; }
.site-nav { position:sticky; top:0; z-index:10; display:flex; justify-content:space-between; align-items:center; min-height:64px; padding:0 5vw; background:rgba(255,255,255,.95); border-bottom:1px solid var(--line); backdrop-filter:blur(12px); }
.brand { font-weight:850; text-decoration:none; letter-spacing:-.03em; }.brand span { color:var(--blue); }
.nav-links { display:flex; align-items:center; gap:22px; }.nav-links a { color:var(--muted); font-weight:650; text-decoration:none; }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:0 22px; border-radius:12px; background:var(--blue); color:#fff!important; font-weight:750; text-decoration:none; box-shadow:0 8px 18px rgba(37,99,235,.2); }
.button.secondary { background:#fff; color:var(--ink)!important; border:1px solid var(--line); box-shadow:none; }
.breadcrumbs { max-width:1160px; margin:auto; padding:28px 24px 0; color:#667085; font-size:.86rem; }.breadcrumbs a { text-decoration:none; }
.hero { max-width:1160px; margin:auto; padding:74px 24px 70px; }.hero.narrow { max-width:980px; }
.eyebrow { margin:0 0 14px; color:var(--blue); font-size:.78rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
h1 { max-width:900px; margin:0; font-size:clamp(2.7rem,6vw,5.4rem); line-height:1; letter-spacing:-.055em; }
.lede { max-width:780px; margin:24px 0 0; color:var(--muted); font-size:1.15rem; }.actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
.notice { max-width:1112px; margin:0 auto 60px; padding:20px 24px; border:1px solid #b2ddff; border-radius:16px; background:#eff8ff; color:#175cd3; }
.grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; max-width:1160px; margin:0 auto; padding:0 24px 90px; }
.card { overflow:hidden; border:1px solid var(--line); border-radius:var(--radius); background:#fff; box-shadow:0 12px 32px rgba(16,24,40,.07); }.card img { width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; }.card-body { padding:25px; }.card .tag { color:var(--blue); font-size:.76rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }.card h2 { margin:8px 0 8px; font-size:1.55rem; line-height:1.15; letter-spacing:-.025em; }.card p { margin:0 0 18px; color:var(--muted); }.card a { color:var(--blue); font-weight:750; text-decoration:none; }
.profile-visual { max-width:1112px; margin:0 auto 70px; padding:0 24px; }.profile-visual img { width:100%; height:auto; border:1px solid var(--line); border-radius:26px; box-shadow:0 24px 60px rgba(16,24,40,.12); }
.content { max-width:880px; margin:0 auto; padding:0 24px 90px; }.content section { padding:48px 0; border-top:1px solid var(--line); }.content h2 { margin:0 0 18px; font-size:clamp(1.9rem,4vw,3rem); line-height:1.1; letter-spacing:-.035em; }.content p { color:#344054; }.content li { margin:10px 0; color:#344054; }.facts { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:0 0 42px; }.fact { padding:18px; border-radius:15px; background:var(--soft); }.fact strong { display:block; font-size:.8rem; text-transform:uppercase; letter-spacing:.08em; }.fact span { color:var(--muted); }
.related { display:flex; flex-wrap:wrap; gap:10px; }.related a { padding:9px 13px; border:1px solid var(--line); border-radius:999px; text-decoration:none; font-size:.88rem; }
.final-cta { max-width:1060px; margin:0 auto 88px; padding:54px; border-radius:28px; background:linear-gradient(135deg,#172554,#1d4ed8); color:#fff; }.final-cta h2 { margin:0; max-width:750px; font-size:clamp(2rem,4vw,3.4rem); line-height:1.05; }.final-cta p { max-width:720px; color:#dbeafe; }
.site-footer { padding:34px 24px; border-top:1px solid var(--line); text-align:center; color:#667085; font-size:.85rem; }.site-footer a { margin:0 8px; text-decoration:none; }
@media(max-width:720px){.nav-links>a:not(.button){display:none}.hero{padding-top:54px}.grid,.facts{grid-template-columns:1fr}.grid{padding-inline:18px}.final-cta{margin-inline:16px;padding:36px 25px}}
