body.page-id-371 .entry-content { margin: 0; max-width: none; }
body.page-id-371 #main-content { --hbi-ink:#0b3655;--hbi-soft:#46626b;--hbi-paper:#f8f6f0;--hbi-sand:#fffefa;--hbi-sage:#dcefed;--hbi-turquoise:#007c86;--hbi-coral:#f06a4b;--hbi-coral-soft:#ffede8;--hbi-line:#d9dbd3;--hbi-shadow:0 16px 34px rgba(11,53,85,.08); color:var(--hbi-ink); background:var(--hbi-paper); font:16px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
body.page-id-371 #main-content *,body.page-id-371 #main-content *::before,body.page-id-371 #main-content *::after { box-sizing:border-box; }
body.page-id-371 #main-content a { color:inherit; text-underline-offset:.18em; } body.page-id-371 #main-content a:hover { color:var(--hbi-turquoise); }
body.page-id-371 #main-content .wrap { width:min(1140px,calc(100% - 40px)); margin:0 auto; }
body.page-id-371 #main-content h1,body.page-id-371 #main-content h2,body.page-id-371 #main-content h3 { margin-top:0; font-family:Georgia,"Times New Roman",serif; line-height:1.08; }
body.page-id-371 #main-content h1 { margin-bottom:0; font-size:clamp(2.8rem,6vw,5.2rem); letter-spacing:-.055em; } body.page-id-371 #main-content h2 { margin-bottom:0; font-size:clamp(2rem,4vw,3.35rem); letter-spacing:-.045em; }
body.page-id-371 #main-content .eyebrow { margin:0 0 14px; color:var(--hbi-turquoise); font-size:.76rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; } body.page-id-371 #main-content .lead { max-width:650px; margin:24px 0 0; color:var(--hbi-soft); font-size:1.08rem; }
body.page-id-371 #main-content .hero { padding:76px 0 72px; background:var(--hbi-sand); } body.page-id-371 #main-content .hero-grid { display:grid; grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr); align-items:center; gap:65px; } body.page-id-371 #main-content .hero-actions { display:flex; flex-wrap:wrap; gap:13px; margin-top:31px; }
body.page-id-371 #main-content .button { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:12px 19px; border:2px solid var(--hbi-ink); box-shadow:inset 0 -5px 0 var(--hbi-turquoise); background:var(--hbi-ink); color:var(--hbi-sand); font-size:.92rem; font-weight:800; text-decoration:none; transition:transform .16s ease; } body.page-id-371 #main-content .button:hover { color:var(--hbi-sand); transform:translateY(-2px); } body.page-id-371 #main-content .button.secondary { background:var(--hbi-sand); color:var(--hbi-ink); } body.page-id-371 #main-content .button.secondary:hover { color:var(--hbi-ink); background:var(--hbi-sage); }
body.page-id-371 #main-content .route-card { position:relative; overflow:hidden; padding:31px; border:1px solid var(--hbi-line); background:var(--hbi-paper); box-shadow:var(--hbi-shadow); } body.page-id-371 #main-content .route-card::before { position:absolute; inset:0 auto 0 0; width:6px; background:var(--hbi-coral); content:""; } body.page-id-371 #main-content .route-card h2 { margin:7px 0 14px; font-size:1.8rem; } body.page-id-371 #main-content .route-card p { margin:0; color:var(--hbi-soft); font-size:.94rem; } body.page-id-371 #main-content .route-motif { display:block; width:100%; margin-top:22px; padding-top:18px; border-top:1px solid var(--hbi-line); }
body.page-id-371 #main-content .explainer { padding:78px 0; background:var(--hbi-sage); } body.page-id-371 #main-content .explainer-grid { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:80px; align-items:start; } body.page-id-371 #main-content .explainer-copy { position:sticky; top:20px; } body.page-id-371 #main-content .check-list { margin:0; padding:0; list-style:none; border-top:1px solid rgba(11,54,85,.24); } body.page-id-371 #main-content .check-list li { display:grid; grid-template-columns:28px 1fr; gap:15px; padding:19px 0; border-bottom:1px solid rgba(11,54,85,.24); color:var(--hbi-soft); } body.page-id-371 #main-content .check { display:grid; place-items:center; width:24px; height:24px; margin-top:2px; border-radius:50%; background:var(--hbi-sand); color:var(--hbi-turquoise); font-weight:900; } body.page-id-371 #main-content .check-list strong { display:block; color:var(--hbi-ink); }
body.page-id-371 #main-content .profiles { padding:92px 0; } body.page-id-371 #main-content .section-top { display:flex; align-items:end; justify-content:space-between; gap:30px; } body.page-id-371 #main-content .section-top p { max-width:385px; margin:0; color:var(--hbi-soft); } body.page-id-371 #main-content .profile-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:46px; }
body.page-id-371 #main-content .profile-card { position:relative; display:flex; min-height:285px; flex-direction:column; overflow:hidden; padding:28px 85px 27px 28px; border:1px solid var(--hbi-line); border-top:5px solid var(--hbi-turquoise); background:var(--hbi-sand); color:var(--hbi-ink); box-shadow:var(--hbi-shadow); text-decoration:none; transition:transform .18s ease,border-color .18s ease; } body.page-id-371 #main-content .profile-card:nth-child(2n) { border-top-color:var(--hbi-coral); } body.page-id-371 #main-content .profile-card:nth-child(3n) { border-top-color:var(--hbi-ink); } body.page-id-371 #main-content .profile-card:hover,body.page-id-371 #main-content .profile-card:focus-visible { color:var(--hbi-ink); border-color:var(--hbi-turquoise); outline:3px solid var(--hbi-coral); outline-offset:3px; transform:translateY(-4px); } body.page-id-371 #main-content .profile-type { color:var(--hbi-turquoise); font-size:.75rem; font-weight:850; letter-spacing:.1em; text-transform:uppercase; } body.page-id-371 #main-content .profile-card:nth-child(2n) .profile-type { color:var(--hbi-coral); } body.page-id-371 #main-content .profile-card:nth-child(3n) .profile-type { color:var(--hbi-ink); } body.page-id-371 #main-content .profile-card h3 { margin:13px 0 10px; font-size:1.62rem; } body.page-id-371 #main-content .profile-card p { margin:0; color:var(--hbi-soft); font-size:.94rem; } body.page-id-371 #main-content .card-arrow { margin-top:auto; padding-top:22px; color:var(--hbi-turquoise); font-size:.9rem; font-weight:850; } body.page-id-371 #main-content .card-symbol { position:absolute; right:18px; bottom:18px; display:grid; width:70px; height:70px; place-items:center; border-radius:50%; background:var(--hbi-sage); color:var(--hbi-turquoise); font:2rem Georgia,serif; } body.page-id-371 #main-content .profile-card:nth-child(2n) .card-symbol { background:var(--hbi-coral-soft); color:var(--hbi-coral); }
body.page-id-371 #main-content .notice { padding:70px 0; background:var(--hbi-ink); color:var(--hbi-sand); } body.page-id-371 #main-content .notice-inner { display:flex; align-items:end; justify-content:space-between; gap:36px; } body.page-id-371 #main-content .notice .eyebrow { color:#c8eff0; } body.page-id-371 #main-content .notice h2 { max-width:640px; } body.page-id-371 #main-content .notice p:not(.eyebrow) { max-width:670px; margin:20px 0 0; color:#d7e3eb; } body.page-id-371 #main-content .notice .button { border-color:var(--hbi-sand); background:var(--hbi-sand); color:var(--hbi-ink); }
@media (max-width:900px) { body.page-id-371 #main-content .hero-grid,body.page-id-371 #main-content .explainer-grid { grid-template-columns:1fr; gap:45px; } body.page-id-371 #main-content .explainer-copy { position:static; } body.page-id-371 #main-content .profile-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:620px) { body.page-id-371 #main-content .wrap { width:min(100% - 32px,1140px); } body.page-id-371 #main-content .hero { padding:56px 0 60px; } body.page-id-371 #main-content .section-top,body.page-id-371 #main-content .notice-inner { display:block; } body.page-id-371 #main-content .section-top p { margin-top:19px; } body.page-id-371 #main-content .profile-grid { grid-template-columns:1fr; } body.page-id-371 #main-content .profiles,body.page-id-371 #main-content .explainer { padding:68px 0; } body.page-id-371 #main-content .notice { padding:62px 0; } body.page-id-371 #main-content .notice .button { margin-top:26px; } }