@charset "utf-8";

.how-page { margin:0;background:#e7e7e7;color:#1f2937;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; }
.how-main { box-sizing:border-box;width:min(1080px,100%);margin:0 auto;padding:38px 32px 42px;background:#fff;box-shadow:0 8px 22px rgba(0,0,0,.18); }
.how-main * { box-sizing:border-box; }
.how-intro { position:static!important;display:block!important;width:auto!important;height:auto!important;min-height:0!important;max-width:820px;margin:0 auto 32px;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;text-align:center; }
.how-eyebrow,.how-section-heading>p { margin:0 0 7px;color:#0756c9;font-size:12px;font-weight:850;letter-spacing:.09em; }
.how-intro h1 { margin:0 0 12px;padding:0;color:#063d96;font-size:clamp(30px,4vw,43px);font-weight:780;letter-spacing:-.025em;line-height:1.08;text-align:center; }
.how-intro>p:last-of-type { max-width:710px;margin:0 auto;color:#667085;font-size:16px;line-height:1.55; }
.how-intro-actions { display:flex;justify-content:center;gap:12px;margin-top:21px; }
.how-button { display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 22px;border:2px solid #0756c9;border-radius:8px;font-size:13px;font-weight:850;line-height:1.2;text-align:center;text-decoration:none; }
.how-button-primary { background:linear-gradient(#1474f0,#0756c9);box-shadow:0 4px 10px rgba(7,86,201,.2);color:#fff; }.how-button-primary:hover,.how-button-primary:focus { background:#063d96;color:#fff; }
.how-button-secondary { background:#fff;color:#0756c9; }.how-button-secondary:hover,.how-button-secondary:focus { background:#edf5ff;color:#063d96; }

.how-process { padding:25px 24px 27px;border:1px solid #cbdced;border-radius:14px;background:linear-gradient(135deg,#f7faff,#eaf3ff);box-shadow:0 6px 18px rgba(28,55,90,.09); }
.how-section-heading { margin-bottom:18px;text-align:center; }.how-section-heading>p { margin-bottom:4px; }.how-section-heading h2 { margin:0;padding:0;color:#063d96;font-size:26px;font-weight:780;text-align:center; }
.how-steps { position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none; }
.how-steps::before { content:"";position:absolute;top:24px;left:12%;right:12%;height:3px;background:#b8d4f4; }
.how-steps li { position:relative;z-index:1;min-width:0;padding:0 8px;text-align:center; }
.how-step-number { display:flex;align-items:center;justify-content:center;width:50px;height:50px;margin:0 auto 12px;border:4px solid #dcecff;border-radius:50%;background:#0756c9;box-shadow:0 3px 8px rgba(7,86,201,.2);color:#fff;font-size:20px;font-weight:850; }
.how-steps h3 { margin:0 0 7px;color:#063d96;font-size:16px;font-weight:780; }.how-steps p { margin:0;color:#526174;font-size:13px;line-height:1.48; }

.how-highlights { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:22px;border:1px solid #e0c700;border-radius:11px;background:#ffe000;overflow:hidden; }
.how-highlights article { display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:86px;padding:12px 10px;border-right:1px solid rgba(6,61,150,.2);text-align:center; }.how-highlights article:last-child { border-right:0; }.how-highlights strong { color:#063d96;font-size:24px;font-weight:850;line-height:1; }.how-highlights span { margin-top:6px;color:#26374d;font-size:11px;font-weight:700;line-height:1.3; }

.how-arrival { display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:30px;align-items:center;margin-top:25px;padding:25px 27px;border:1px solid #dce3ec;border-radius:13px;background:#fff;box-shadow:0 5px 16px rgba(28,55,90,.08); }
.how-arrival h2 { margin:0 0 9px;padding:0;color:#063d96;font-size:23px;font-weight:770;line-height:1.2;text-align:left; }.how-arrival-copy>p:last-child { margin:0;color:#526174;font-size:14px;line-height:1.58; }
.how-location-link { display:grid;grid-template-columns:42px 1fr;align-items:center;padding:17px;border-radius:9px;background:#0756c9;color:#fff;text-decoration:none; }.how-location-link>span { grid-row:1/3;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#ffe000;color:#063d96;font-size:20px;font-weight:900; }.how-location-link strong { font-size:14px; }.how-location-link small { margin-top:3px;color:#d8e9ff;font-size:10px;line-height:1.3; }.how-location-link:hover,.how-location-link:focus { background:#063d96;color:#fff; }

.how-faq { margin-top:34px; }.how-faq-list { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;align-items:start; }
.how-faq details { border:1px solid #d6e0eb;border-radius:9px;background:#fff;box-shadow:0 3px 9px rgba(28,55,90,.06);overflow:hidden; }
.how-faq summary { position:relative;display:flex;align-items:center;min-height:58px;padding:11px 45px 11px 13px;color:#26374d;font-size:13px;font-weight:750;line-height:1.35;cursor:pointer;list-style:none; }.how-faq summary::-webkit-details-marker { display:none; }.how-faq summary>span { flex:0 0 31px;margin-right:9px;color:#0756c9;font-size:11px;font-weight:850;letter-spacing:.04em; }.how-faq summary::after { content:"+";position:absolute;right:14px;top:50%;display:flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:50%;background:#eaf3ff;color:#0756c9;font-size:20px;font-weight:500;transform:translateY(-50%); }.how-faq details[open] summary { background:#0756c9;color:#fff; }.how-faq details[open] summary>span { color:#ffe000; }.how-faq details[open] summary::after { content:"−";background:#ffe000;color:#063d96; }
.how-faq details>div { padding:14px 17px 16px;border-top:1px solid #d6e0eb;background:#f8fbff;color:#475467;font-size:13px;line-height:1.58; }.how-faq details>div a { color:#0756c9;font-weight:750; }

.how-final-cta { display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:30px;padding:24px 27px;border-radius:12px;background:linear-gradient(135deg,#075b91,#063d6e);box-shadow:0 6px 17px rgba(0,53,93,.2);color:#fff; }.how-final-cta h2 { margin:0 0 5px;padding:0;color:#fff;font-size:21px;font-weight:780;text-align:left; }.how-final-cta p { margin:0;color:#d9e9f5;font-size:13px;line-height:1.45; }.how-button-yellow { flex:0 0 auto;border-color:#ffe000;background:#ffe000;color:#063d96; }.how-button-yellow:hover,.how-button-yellow:focus { border-color:#fff08b;background:#fff08b;color:#063d96; }

@media (max-width:760px) {
 .how-main { padding:27px 11px 25px;box-shadow:none; }.how-intro { margin-bottom:23px;padding:0 7px!important; }.how-intro h1 { font-size:29px; }.how-intro>p:last-of-type { font-size:14px; }.how-intro-actions { gap:8px;margin-top:17px; }.how-button { min-height:44px;padding:8px 13px;font-size:12px; }
 .how-process { padding:20px 13px 21px;border-radius:11px; }.how-section-heading { margin-bottom:15px; }.how-section-heading h2 { font-size:22px; }.how-steps { grid-template-columns:1fr;gap:0; }.how-steps::before { top:20px;bottom:23px;left:20px;width:3px;height:auto; }.how-steps li { display:grid;grid-template-columns:42px 1fr;gap:11px;min-height:86px;padding:0;text-align:left; }.how-step-number { width:42px;height:42px;margin:0;border-width:3px;font-size:17px; }.how-steps h3 { margin-top:2px;font-size:15px; }.how-steps p { font-size:12.5px; }
 .how-highlights { grid-template-columns:repeat(2,minmax(0,1fr)); }.how-highlights article { min-height:78px;border-bottom:1px solid rgba(6,61,150,.2); }.how-highlights article:nth-child(2) { border-right:0; }.how-highlights article:nth-child(n+3) { border-bottom:0; }.how-highlights strong { font-size:21px; }
 .how-arrival { grid-template-columns:1fr;gap:17px;padding:20px 16px; }.how-arrival h2 { font-size:20px; }.how-location-link { padding:14px; }
 .how-faq { margin-top:27px; }.how-faq-list { grid-template-columns:1fr;gap:8px; }.how-faq summary { min-height:55px;padding:10px 43px 10px 11px;font-size:12.5px; }.how-faq details>div { padding:13px 14px 15px;font-size:12.5px; }
 .how-final-cta { display:block;padding:21px 17px;text-align:center; }.how-final-cta h2 { font-size:19px;text-align:center; }.how-final-cta .how-button { width:100%;margin-top:15px; }
}

@media (max-width:370px) { .how-intro-actions { flex-direction:column; }.how-intro-actions .how-button { width:100%; }.how-faq summary>span { flex-basis:27px;margin-right:6px; } }