/* Welcome Home Bridge — original interactive experience layer, isolated from approved brand header/footer. */
.whbx-hero{background:linear-gradient(130deg,#f8f7f2 35%,#e9f4f2 100%);border-bottom:1px solid var(--line)}
.whbx-hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:clamp(28px,5vw,76px);align-items:center;padding:clamp(62px,8vw,110px) 0}
.whbx-hero h1,.whbx-section h2,.whbx-bottom h2{font:800 clamp(34px,4.5vw,65px)/1.15 Manrope,var(--font);letter-spacing:-.052em;color:var(--navy);margin:14px 0 24px}
.whbx-lead,.whbx-intro{font-size:clamp(16px,1.65vw,19px);line-height:1.8;color:#405b67;max-width:750px}
.whbx-actions{display:flex;align-items:center;gap:21px;flex-wrap:wrap;margin:28px 0}
.whbx-text-link{color:var(--teal-dark);font-size:14px;font-weight:800;text-underline-offset:4px}
.whbx-hero-visual{background:#102f57;color:#fff;border-radius:22px;padding:clamp(22px,3vw,38px);box-shadow:0 24px 55px rgba(16,47,87,.17);min-width:0}
.whbx-glass-label{font-size:11px;letter-spacing:.12em;color:#b6eadc;font-weight:800;margin-bottom:24px}
.whbx-visual-line{display:flex;gap:15px;align-items:center;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.16)}
.whbx-visual-line>span{border:1px solid #72c7be;color:#b9ebe5;font-size:12px;font-weight:800;border-radius:9px;padding:11px}
.whbx-visual-line>div{min-width:0;flex:1}.whbx-visual-line strong,.whbx-visual-line small{display:block}
.whbx-visual-line strong{font-size:16px}.whbx-visual-line small{color:#c5dce5;line-height:1.5;margin-top:6px}
.whbx-visual-line>b{color:#9edbb4;font-size:19px}.whbx-visual-note{color:#c5dce5;font-size:12px;line-height:1.6;margin:20px 0 0}
.whbx-section{padding:clamp(58px,7vw,105px) 0}.whbx-alt{background:#ecf4f0;border-top:1px solid #dbe8e2;border-bottom:1px solid #dbe8e2}
.whbx-section h2{font-size:clamp(30px,3.5vw,48px);margin:12px 0 14px;max-width:860px}
.whbx-section-head{display:flex;justify-content:space-between;gap:24px;align-items:end}.whbx-section-head p,.whbx-section> .container > p{max-width:780px;color:#4b6270;line-height:1.75}
.whbx-tools{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:flex-end;margin-bottom:9px}
.whbx-language{display:flex;background:#e2eee9;border:1px solid #bfdbd2;border-radius:12px;padding:4px}
.whbx-language button,.whbx-listen{font:700 12px var(--font);border:0;border-radius:8px;padding:11px 12px;background:transparent;color:var(--navy);cursor:pointer;min-height:42px}
.whbx-language button[aria-pressed=true]{background:#fff;box-shadow:0 2px 8px #1539501a}.whbx-listen{border:1px solid #bdd4cb;background:#fff}
.whbx-role-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 0}
.whbx-role-tabs button{border:1px solid #b8cfc8;background:#fffefa;color:var(--navy);padding:14px 20px;border-radius:12px 12px 0 0;cursor:pointer;font:800 14px var(--font)}
.whbx-role-tabs button[aria-selected=true]{background:#102f57;color:#fff;border-color:#102f57}
.whbx-role-panel{display:grid;grid-template-columns:1fr 1fr;gap:clamp(22px,4vw,55px);background:#fffefa;border:1px solid #cbded7;border-radius:0 18px 18px 18px;padding:clamp(24px,4vw,44px)}
.whbx-role-panel h3{font:800 clamp(23px,2.7vw,36px)/1.24 Manrope,var(--font);color:var(--navy);letter-spacing:-.035em;margin:18px 0}
.whbx-role-panel p{color:#4b6270;line-height:1.8}.whbx-eyebrow{font-size:11px;font-weight:800;letter-spacing:.09em;color:var(--teal-dark)}
.whbx-role-mock{background:#f0f7f4;border:1px solid #d0e3db;border-radius:16px;padding:clamp(14px,2.1vw,24px);min-width:0}
.whbx-mock-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#52717a;font-size:10px;font-weight:800;letter-spacing:.04em;margin:0 0 11px}
.whbx-mock-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid #cdded7}.whbx-mock-row>div{min-width:0;flex:1}
.whbx-mock-glyph{border-radius:9px;padding:9px;color:#fff;background:var(--blue);font-weight:800;font-size:11px}
.whbx-mock-row strong{display:block;color:var(--navy);font-size:13px;line-height:1.4}.whbx-mock-row small{display:block;color:#576c72;margin-top:5px}
.whbx-mock-state{font-size:10px;font-weight:800;color:#286e70;max-width:85px;text-align:right;overflow-wrap:break-word}
.whbx-timeline-layout,.whbx-guide-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(24px,6vw,84px);align-items:center}
.whbx-timeline-layout>div>p,.whbx-guide-layout>div>p{color:#4a626e;line-height:1.8}
.whbx-timeline-controls{margin-top:35px}.whbx-timeline-controls label{display:block;color:var(--navy);font-weight:800;margin-bottom:12px}
#whbx-stage{width:100%;accent-color:#0b527b;cursor:pointer;min-height:34px}
.whbx-range-labels{display:flex;justify-content:space-between;gap:10px;color:#526971;font-size:12px;font-weight:700}
.whbx-disclaimer{font-size:12px!important;line-height:1.65!important;color:#456975!important;margin-top:22px}
.whbx-milestone{background:#fffefa;border:1px solid #c9dfd5;border-radius:20px;padding:clamp(23px,4vw,44px);box-shadow:0 15px 40px rgba(16,47,87,.07)}
.whbx-milestone-meta{display:flex;gap:12px;justify-content:space-between;font-weight:800;font-size:11px;letter-spacing:.06em;color:var(--teal-dark)}
.whbx-milestone-track,.whbx-guide-progress{height:6px;background:#dbeae4;border-radius:100px;overflow:hidden;margin:20px 0 32px}
.whbx-milestone-track span,.whbx-guide-progress span{height:100%;width:25%;background:#1b97a6;border-radius:100px;display:block;transition:width .28s ease}
.whbx-milestone h3{font:800 clamp(23px,2.5vw,35px)/1.25 Manrope,var(--font);color:var(--navy);letter-spacing:-.035em}
.whbx-milestone>p{font-size:16px;line-height:1.8;color:#526971}.whbx-milestone-caveat{padding:15px 18px;border-left:3px solid var(--teal);background:#edf6f3;font-size:13px!important}
.whbx-step-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.whbx-step-buttons button,.whbx-guide-actions button{border:1px solid #b6cfc6;border-radius:9px;background:#fff;color:var(--navy);font:800 13px var(--font);padding:13px 22px;cursor:pointer;min-height:45px}
.whbx-step-buttons button:last-child,.whbx-guide-actions #whbx-guide-next{background:#102f57;color:#fff;border-color:#102f57}
.whbx-step-buttons button:disabled,.whbx-guide-actions button:disabled{opacity:.45;cursor:not-allowed}
.whbx-demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:29px}
.whbx-demo-card{background:#fffefa;border:1px solid #d5e5df;border-radius:17px;padding:clamp(23px,2.6vw,31px);min-width:0}
.whbx-demo-tag{font-size:10px;font-weight:800;letter-spacing:.08em;color:#126c79}
.whbx-demo-card h3{font:800 20px/1.35 Manrope,var(--font);color:var(--navy);letter-spacing:-.03em;margin:18px 0 12px}
.whbx-demo-card p{font-size:14px;color:#526971;line-height:1.75;min-height:80px}
.whbx-key-value{border-top:1px solid #dce8e2;padding:12px 0;display:flex;justify-content:space-between;gap:14px;align-items:baseline}
.whbx-key-value span{color:#566a75;font-size:12px}.whbx-key-value strong{font-size:12px;text-align:right;color:var(--navy);overflow-wrap:anywhere}
.whbx-guide-card{border:1px solid #cee1d7;background:#fffefa;border-radius:18px;padding:clamp(22px,4vw,42px);min-width:0}
.whbx-guide-count{font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--teal-dark)}
.whbx-guide-card fieldset{border:0;margin:0;padding:0;min-width:0}
.whbx-guide-card fieldset[hidden],#whbx-guide-result[hidden],#whbx-guide-back[hidden],#whbx-guide-next[hidden],#whbx-guide-reset[hidden]{display:none!important}
.whbx-guide-card legend{font:800 clamp(19px,2vw,24px)/1.4 Manrope,var(--font);color:var(--navy);margin-bottom:19px}
.whbx-guide-card label{display:flex;align-items:center;gap:14px;background:#f8fbf9;border:1px solid #ccdcd5;border-radius:11px;margin:10px 0;padding:15px 16px;font-size:14px;font-weight:700;color:var(--navy);cursor:pointer;min-height:54px}
.whbx-guide-card label:has(input:checked){border-color:var(--teal-dark);background:#e9f4f2}
.whbx-guide-card input{accent-color:var(--teal-dark);width:18px;height:18px;flex:none}
.whbx-guide-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}
#whbx-guide-result h3{font-size:24px;color:var(--navy)}#whbx-guide-result p{color:#435f6b;line-height:1.7}
.whbx-bottom{background:#102f57;color:#fff;padding:clamp(48px,7vw,94px) 0;text-align:center}
.whbx-bottom h2{color:#fff;font-size:clamp(31px,4vw,53px);max-width:840px;margin:0 auto 18px}
.whbx-bottom p{color:#d5e8ec;max-width:690px;margin:0 auto 26px;line-height:1.8}
.whbx-home-banner{background:#e9f4f2;border-top:1px solid #c5ded5;border-bottom:1px solid #c5ded5;padding:40px 0}
.whbx-home-banner .container{display:flex;align-items:center;justify-content:space-between;gap:26px}
.whbx-home-banner h2{font:800 clamp(22px,2.6vw,33px)/1.3 Manrope,var(--font);color:var(--navy);letter-spacing:-.035em;margin:6px 0}
.whbx-home-banner p{margin:0;color:#4b626c;font-size:14px;line-height:1.6}
.whbx-home-banner .button{white-space:nowrap}
@media(prefers-reduced-motion:no-preference){.whbx-motion [data-whbx-reveal]{opacity:0;transform:translateY(24px);transition:opacity .68s ease,transform .68s cubic-bezier(.2,.7,.25,1)}.whbx-motion [data-whbx-reveal].whbx-visible{opacity:1;transform:none}}
@media(max-width:900px){.whbx-hero-grid,.whbx-timeline-layout,.whbx-guide-layout,.whbx-role-panel{grid-template-columns:1fr}.whbx-demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.whbx-section-head{align-items:flex-start;flex-direction:column}.whbx-tools{justify-content:flex-start}}
@media(max-width:620px){.whbx-role-tabs button{border-radius:10px;font-size:12px;flex:1 1 100%;text-align:left}.whbx-role-panel{border-radius:14px}.whbx-demo-grid{grid-template-columns:1fr}.whbx-demo-card p{min-height:0}.whbx-section{padding:50px 0}.whbx-home-banner .container{display:block}.whbx-home-banner .button{margin-top:20px}.whbx-hero-grid{padding:49px 0}.whbx-key-value{align-items:start}}
@media(prefers-reduced-motion:reduce){.whbx-milestone-track span,.whbx-guide-progress span,.whbx-hero-visual,.whbx-role-tabs button{transition:none!important}html{scroll-behavior:auto}}
