.fdnl-hero { padding: 72px 0 88px; border-radius: 0 0 28px 28px; color: var(--white); background: radial-gradient(circle at 85% 10%, #286887 0, transparent 32%), linear-gradient(125deg, #0d2940, #164765); }
.fdnl-hero > div, .fdnl-section > .fdnl-heading, .fdnl-section > .fdnl-grid, .fdnl-section > .fdnl-city-grid, .fdnl-section > .fdnl-source-note, .fdnl-section > .fdnl-agency-grid, .fdnl-section > .fdnl-link-grid, .fdnl-section > .fdnl-empty, .fdnl-section > p { width: min(var(--content-max), calc(100% - (var(--gutter) * 2))); margin-inline: auto; }
.fdnl-hero h1 { max-width: 900px; margin: .2rem 0 1rem; font: 700 clamp(2.8rem, 5vw, 4.7rem) / .99 var(--serif); letter-spacing: -.045em; text-wrap: balance; }
.fdnl-kicker { display: inline-block; margin: 0 0 1rem; color: #ffc1b4; font-size: .72rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.fdnl-hero p:not(.fdnl-kicker) { max-width: 740px; margin: 0; color: rgba(255, 255, 255, .78); font-size: 1.08rem; }
.fdnl-section { padding: 104px 0; background: var(--white); }
.fdnl-section:nth-of-type(even) { background: #f2f6f7; }
.fdnl-section-muted { background: var(--ivory) !important; }
.fdnl-heading { margin-bottom: 3rem; }
.fdnl-heading h2, .fdnl-two-columns h2 { margin: .15rem 0; color: var(--navy); font: 700 clamp(2.2rem, 4.5vw, 3.8rem) / 1.08 var(--serif); letter-spacing: -.035em; text-wrap: balance; }
.fdnl-heading .fdnl-kicker, .fdnl-two-columns .fdnl-kicker { color: var(--coral); }
.fdnl-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.fdnl-card { position: relative; display: flex; min-height: 200px; flex-direction: column; justify-content: flex-end; overflow: hidden; padding: 2rem; border: 1px solid var(--line); border-radius: 18px; background: var(--white); transition: transform .2s ease, box-shadow .2s ease; }
.fdnl-card::before { position: absolute; top: -54px; right: -42px; width: 160px; height: 160px; border-radius: 50%; background: #edf5f8; content: ''; }
.fdnl-card:hover { transform: translateY(-4px); box-shadow: var(--shadow); }
.fdnl-card span { position: relative; margin-bottom: auto; color: var(--coral); font: 700 1.15rem var(--serif); }
.fdnl-card strong { position: relative; color: var(--navy); font: 700 1.45rem / 1.15 var(--serif); }
.fdnl-card small { position: relative; margin-top: .55rem; color: var(--muted); font-weight: 700; }
.fdnl-city-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.fdnl-city-grid > a, .fdnl-link-grid > a { display: grid; gap: .25rem; padding: 1.1rem; border: 1px solid var(--line); border-radius: 12px; background: var(--white); color: var(--navy); transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.fdnl-city-grid > a:hover, .fdnl-link-grid > a:hover { transform: translateY(-3px); border-color: var(--sky); box-shadow: var(--shadow); }
.fdnl-city-grid strong, .fdnl-link-grid strong { font: 700 1.2rem var(--serif); }
.fdnl-city-grid small, .fdnl-link-grid small { color: var(--muted); font-size: .87rem; }
.fdnl-two-columns { display: grid; width: min(var(--content-max), calc(100% - (var(--gutter) * 2))); margin-inline: auto; grid-template-columns: minmax(0, 1fr) 370px; gap: 7%; align-items: start; }
.fdnl-two-columns > article > p:not(.fdnl-kicker), .fdnl-section > p { color: var(--muted); }
.fdnl-facts { padding: 2rem; border-radius: 18px; color: var(--white); background: linear-gradient(145deg, var(--navy), #18496a); }
.fdnl-facts h2 { margin: 0 0 1.25rem; color: var(--white); font-size: 1.6rem; }
.fdnl-facts dl { display: grid; gap: .9rem; margin: 0; }
.fdnl-facts div { display: grid; gap: .18rem; padding-bottom: .9rem; border-bottom: 1px solid rgba(255, 255, 255, .16); }
.fdnl-facts div:last-child { padding-bottom: 0; border-bottom: 0; }
.fdnl-facts dt { color: #b9d9e7; font-size: .76rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.fdnl-facts dd { margin: 0; font: 700 1.1rem var(--serif); }
.fdnl-button { display: inline-flex; margin-top: 1.5rem; padding: .88rem 1.1rem; border-radius: 8px; background: var(--coral); color: var(--white); font-weight: 800; transition: transform .2s ease, background .2s ease; }
.fdnl-button:hover { transform: translateY(-2px); background: #cf513f; color: var(--white); }
.fdnl-visual { position: relative; z-index: 2; width: min(var(--content-max), calc(100% - (var(--gutter) * 2))); height: 320px; margin: -42px auto 0; overflow: hidden; border: 6px solid var(--white); border-radius: 16px; box-shadow: var(--shadow); }
.fdnl-visual img { width: 100%; height: 100%; object-fit: cover; }
.fdnl-directory-results { padding-top: 104px; }
.fdnl-source-note { margin-bottom: 1.5rem; padding: 1.25rem 1.4rem; border-left: 4px solid var(--sky); border-radius: 0 12px 12px 0; background: #edf5f8; color: var(--muted); }
.fdnl-source-note strong { color: var(--navy); }
.fdnl-agency-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 13px; }
.fdnl-agency-card { padding: 1.5rem; border: 1px solid var(--line); border-radius: 14px; background: var(--white); }
.fdnl-agency-card h3 { margin: 0 0 .7rem; color: var(--navy); font: 700 1.35rem / 1.15 var(--serif); }
.fdnl-agency-card p { margin: .35rem 0; color: var(--muted); }
.fdnl-agency-card a:not(.fdnl-button) { color: var(--coral); font-weight: 800; }
.fdnl-agency-card .fdnl-button { margin-top: 1rem; }
.fdnl-link-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 2rem; }
.fdnl-empty { color: var(--muted); }
@media (max-width: 960px) { .fdnl-grid { grid-template-columns: repeat(2, 1fr); } .fdnl-two-columns { grid-template-columns: 1fr; gap: 2rem; } .fdnl-link-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 660px) { .fdnl-hero { padding: 56px 0 72px; border-radius: 0 0 20px 20px; } .fdnl-section { padding: 74px 0; } .fdnl-grid, .fdnl-city-grid, .fdnl-agency-grid, .fdnl-link-grid { grid-template-columns: 1fr; } .fdnl-card { min-height: 170px; padding: 1.5rem; } .fdnl-visual { height: 230px; margin-top: -30px; border-width: 4px; } }