:root{--brand-red:#084C7A;--brand-gray:#9FAFBF;--brand-charcoal:#1B2A4A;--surface:#fff;--surface-subtle:#f7f7f7;--text-primary:var(--brand-charcoal);--text-secondary:#506078;--border-subtle:#e2e2e2;--action-primary:var(--brand-red);--action-primary-hover:#1B2A4A;--focus-ring:#084C7A;--container:1240px;--radius:14px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--surface);color:var(--text-primary);font-family:Tahoma,Arial,sans-serif;font-size:16px;line-height:1.75}html[lang=en] body{font-family:Inter,"Segoe UI",Arial,sans-serif;line-height:1.65}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit}p,h1,h2,h3{margin-block:0}p{color:var(--text-secondary)}h1,h2,h3{line-height:1.25;letter-spacing:-.025em}h1{font-size:clamp(2.1rem,4.3vw,3.55rem);font-weight:800}h2{font-size:clamp(1.65rem,2.6vw,2.4rem);font-weight:800}h3{font-size:1.17rem;font-weight:800}h1+p,h2+p,h3+p{margin-block-start:14px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--focus-ring);outline-offset:4px;border-radius:4px}.container{width:min(calc(100% - 40px),var(--container));margin-inline:auto}.narrow{max-width:850px}.skip-link{position:fixed;inset-block-start:-70px;inset-inline-start:18px;background:var(--brand-charcoal);color:#fff;z-index:1000;padding:10px 18px;border-radius:8px}.skip-link:focus{inset-block-start:12px}.site-header{position:sticky;inset-block-start:0;z-index:100;background:#fff;border-block-end:1px solid var(--border-subtle);box-shadow:0 1px 3px #1b2a4a09}.site-header.is-scrolled{box-shadow:0 9px 24px #1b2a4a10}.header-inner{min-height:88px;display:flex;align-items:center;gap:24px}.brand{flex:none;display:flex;align-items:center;justify-content:center}.brand img{width:74px;height:74px;object-fit:contain}.desktop-nav{display:flex;align-items:stretch;gap:2px;align-self:stretch;min-width:0;margin-inline:auto}.desktop-nav>a{position:relative;display:flex;align-items:center;white-space:nowrap;padding-inline:10px;font-size:.84rem;font-weight:700;transition:color .2s,background .2s}.desktop-nav>a:hover{background:var(--surface-subtle);color:var(--brand-red)}.desktop-nav>a[aria-current=page]{color:var(--brand-red)}.desktop-nav>a[aria-current=page]::after{content:"";position:absolute;inset-inline:10px;inset-block-end:0;height:3px;background:var(--brand-red);border-radius:4px 4px 0 0}.header-actions{display:flex;align-items:center;gap:15px;flex:none}.lang-switch{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:.77rem;color:var(--text-secondary)}.lang-switch span[aria-current]{font-weight:800;color:var(--brand-charcoal)}.lang-switch a:hover{color:var(--brand-red);text-decoration:underline}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 20px;border-radius:10px;font-weight:800;font-size:.94rem;line-height:1.3;text-align:center;transition:background .2s,border-color .2s,transform .2s}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--action-primary);color:#fff;border:1px solid var(--action-primary)}.button.primary:hover{background:var(--action-primary-hover);border-color:var(--action-primary-hover)}.button.secondary{background:#fff;color:var(--brand-charcoal);border:1px solid #b9b9b9}.button.secondary:hover{border-color:var(--brand-red);color:var(--brand-red)}.header-cta{font-size:.81rem;padding-inline:14px;min-height:42px}.menu-toggle,.mobile-nav{display:none}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--brand-red);font-size:.82rem;font-weight:800;letter-spacing:.01em;margin-block-end:17px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--brand-red)}.home-hero{padding-block:82px 92px;background:linear-gradient(180deg,#fff,#fbfbfb)}.hero-grid,.page-hero-grid,.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(35px,5vw,80px)}.hero-copy{max-width:650px}.lead{font-size:clamp(1.05rem,1.4vw,1.18rem);line-height:1.9;margin-block-start:20px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-block-start:30px}.launch-note{font-size:.83rem;margin-block-start:22px}.image-slot{min-height:260px;border:1px dashed #bfc0c1;border-radius:18px;background:repeating-linear-gradient(135deg,#f9f9f9,#f9f9f9 16px,#f5f5f5 16px,#f5f5f5 32px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:5px;padding:28px;color:var(--brand-gray);font-size:.83rem}.image-slot strong{color:var(--brand-charcoal);font-size:1rem}.image-slot .slot-mark{width:48px;height:48px;display:grid;place-items:center;border:1px solid #d0d0d0;background:#fff;border-radius:12px;color:var(--brand-red);font-size:1.3rem;margin-block-end:10px}.slot-id{font-size:.72rem;font-weight:800;color:var(--brand-red);letter-spacing:.08em}.hero-slot{min-height:435px}.section{padding-block:clamp(54px,7vw,96px)}.subtle{background:var(--surface-subtle)}.section-head{max-width:750px;margin-block-end:34px}.section-head p{font-size:1.05rem;line-height:1.85}.section-head .eyebrow{margin-block-end:12px}.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.card-grid.audience,.card-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.info-card{position:relative;background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius);padding:27px;min-width:0;transition:box-shadow .2s,transform .2s}.info-card:hover{box-shadow:0 14px 30px #1b2a4a0a;transform:translateY(-2px)}.info-card h2{font-size:1.35rem}.info-card p{margin-block:11px 0;font-size:.94rem}.info-card .text-link{margin-block-start:16px}.card-icon{display:grid;place-items:center;width:45px;height:45px;color:var(--brand-red);background:#084c7a0b;border:1px solid #084c7a24;border-radius:11px;font-size:1.45rem;margin-block-end:22px}.asset-ref{position:absolute;inset-block-start:22px;inset-inline-end:22px;color:#767676;font-size:.68rem;border:1px solid var(--border-subtle);border-radius:5px;padding:2px 6px}.text-link{display:inline-flex;align-items:center;color:var(--brand-red);font-weight:800;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:5px;transition:text-decoration-color .2s}.text-link:hover{text-decoration-color:currentColor}.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;counter-reset:step}.steps li{position:relative;display:flex;align-items:flex-start;gap:15px}.steps li:not(:last-child)::after{content:"";position:absolute;inset-block-start:23px;inset-inline-start:54px;inset-inline-end:-8px;border-block-start:1px dashed #bababa;z-index:0}.step-no{position:relative;z-index:1;flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#fff;border:2px solid var(--brand-red);color:var(--brand-red);font-size:.79rem;font-weight:800}.steps h3{font-size:1.05rem;margin-block:6px 8px}.steps p{font-size:.91rem;line-height:1.7}.steps .asset-ref{position:static;display:inline-block;margin-block-start:9px}.section-tail{margin-block-start:28px}.directory-layout{display:grid;grid-template-columns:1.5fr .8fr;gap:22px}.directory-layout .card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.map-slot{min-height:390px}.app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.app-card{text-align:center}.app-card h3{margin-block-start:16px}.phone-slot{width:min(100%,240px);min-height:360px;margin-inline:auto;border-radius:28px;border:8px solid var(--brand-charcoal);background:#f5f5f5;padding:20px}.phone-slot .slot-mark{width:42px;height:42px}.fine-print{font-size:.84rem;margin-block-start:22px}.faq-preview{max-width:930px}.faq-list{border-block-start:1px solid var(--border-subtle)}.faq-list details{border-block-end:1px solid var(--border-subtle);background:#fff}.faq-list summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 12px;font-weight:800}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:1.5rem;line-height:1;color:var(--brand-red);font-weight:400;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{padding:0 12px 22px;max-width:760px}.final-cta{background:var(--brand-charcoal);color:#fff;padding-block:55px}.final-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.final-cta h2{max-width:720px}.final-cta p{color:#e1dfdf;margin-block-start:12px}.final-cta .eyebrow{color:#D19E82}.final-cta .button{flex:none}.page-hero{background:var(--surface-subtle);padding-block:38px 65px;border-block-end:1px solid var(--border-subtle)}.breadcrumbs{display:flex;align-items:center;gap:10px;margin-block-end:35px;font-size:.82rem;color:var(--text-secondary)}.breadcrumbs a:hover{color:var(--brand-red);text-decoration:underline}.page-hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.page-hero-grid:not(:has(.image-slot)){grid-template-columns:1fr}.page-hero .hero-slot{min-height:300px}.page-hero .button{margin-block-start:27px}.check-list{margin:20px 0 0;padding:0;list-style:none;display:grid;gap:10px}.check-list li{padding-inline-start:27px;position:relative}.check-list li::before{content:"✓";position:absolute;inset-inline-start:0;color:var(--brand-red);font-weight:800}.detailed-steps{padding:0;margin:0;list-style:none;display:grid;gap:18px}.detailed-steps li{display:grid;grid-template-columns:1fr .7fr;gap:24px;align-items:center;padding:24px;border:1px solid var(--border-subtle);border-radius:var(--radius)}.detailed-copy .step-no{margin-block-end:14px}.detailed-copy h2{font-size:1.32rem}.detailed-copy p{margin-block-start:10px}.process-slot{min-height:160px}.visual-note{margin-block-end:60px}.wide-slot{margin-block-start:28px;min-height:180px}.location-note{margin-block-start:35px;padding-inline-start:20px;border-inline-start:3px solid var(--brand-red)}.notice{display:flex;align-items:flex-start;gap:20px;padding:30px;background:#fff;border:1px solid var(--border-subtle);border-inline-start:4px solid var(--brand-red);border-radius:var(--radius)}.notice h2{font-size:1.25rem}.notice p{margin-block-start:10px}.notice-icon{flex:none;display:grid;place-items:center;width:35px;height:35px;background:#084c7a10;color:var(--brand-red);border-radius:50%;font-weight:800}.legal-notice code{display:inline-block;margin-block-start:20px;padding:5px 9px;border:1px solid var(--border-subtle);border-radius:5px;color:var(--brand-gray);font-size:.72rem}.legal-copy{max-width:900px}.legal-copy h2{margin-block:30px 12px}.legal-copy p{margin-block:10px}.contact-list{display:grid;gap:12px}.contact-list a{display:flex;justify-content:space-between;gap:20px;padding:18px;border:1px solid var(--border-subtle);border-radius:10px}.contact-list a:hover{border-color:var(--brand-red)}.site-footer{background:#fafafa;border-block-start:1px solid var(--border-subtle);padding-block-start:58px}.footer-grid{display:grid;grid-template-columns:1.5fr 1.3fr .7fr;gap:50px;padding-block-end:48px}.footer-brand img{width:88px;height:88px;object-fit:contain}.footer-brand p{max-width:330px;margin-block:15px}.footer-status{display:inline-block;color:var(--brand-red);font-size:.82rem;font-weight:800}.site-footer h2{font-size:1rem;margin-block:12px 16px}.footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 18px;font-size:.88rem}.footer-links a:hover{color:var(--brand-red);text-decoration:underline}.footer-bottom{border-block-start:1px solid var(--border-subtle);padding-block:18px;display:flex;justify-content:space-between;gap:20px;color:var(--brand-gray);font-size:.78rem}.footer-bottom small{font-size:inherit}bdi{unicode-bidi:isolate}
@media(max-width:1250px){.header-inner{gap:12px}.desktop-nav>a{padding-inline:7px;font-size:.76rem}.desktop-nav>a[aria-current=page]::after{inset-inline:7px}.header-actions{gap:8px}.header-cta{padding-inline:10px;font-size:.75rem}.brand img{width:68px;height:68px}}
@media(max-width:1050px){.desktop-nav,.header-cta{display:none}.header-inner{min-height:72px;justify-content:space-between}.brand img{width:60px;height:60px}.menu-toggle{display:flex;width:46px;height:46px;border:1px solid var(--border-subtle);background:#fff;border-radius:9px;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}.menu-toggle span{display:block;width:20px;height:2px;background:var(--brand-charcoal);border-radius:2px}.mobile-nav:not([hidden]){display:grid;position:absolute;inset-inline:0;inset-block-start:100%;max-height:calc(100dvh - 72px);overflow:auto;background:#fff;border-block-end:1px solid var(--border-subtle);box-shadow:0 18px 28px #1b2a4a1c;padding:12px max(20px,calc((100vw - var(--container))/2)) 25px}.mobile-nav a{padding:12px 15px;border-radius:8px;font-weight:700}.mobile-nav a[aria-current=page]{color:var(--brand-red);background:#084c7a0a}.mobile-nav a:hover{background:var(--surface-subtle)}.mobile-contact{color:var(--brand-red)}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:26px}.steps li::after{display:none}.directory-layout{grid-template-columns:1fr .7fr}.footer-grid{gap:28px}}
@media(max-width:760px){.container{width:min(calc(100% - 32px),var(--container))}.home-hero{padding-block:55px}.hero-grid,.page-hero-grid,.split,.directory-layout{grid-template-columns:1fr}.hero-grid{gap:36px}.hero-slot{min-height:300px}.section{padding-block:57px}.card-grid.audience,.card-grid.three{grid-template-columns:1fr}.app-grid{gap:15px}.phone-slot{width:100%;min-height:280px;border-width:6px;border-radius:20px;padding:10px}.phone-slot span:last-child{font-size:.7rem}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.final-inner{align-items:flex-start;flex-direction:column}.page-hero{padding-block:26px 48px}.page-hero .hero-slot{min-height:240px}.detailed-steps li{grid-template-columns:1fr}.footer-bottom{flex-direction:column}}
@media(max-width:560px){body{font-size:15px}.lang-switch{font-size:.72rem}.header-actions{gap:8px}.home-hero{padding-block:43px 55px}.card-grid,.directory-layout .card-grid,.steps,.app-grid{grid-template-columns:1fr}.app-grid{gap:28px}.phone-slot{width:min(75%,250px);min-height:310px}.info-card{padding:23px}.image-slot{min-height:220px}.hero-slot{min-height:270px}.page-hero .hero-slot{min-height:220px}.footer-grid{grid-template-columns:1fr;gap:28px}.footer-brand{grid-column:auto}.footer-links{grid-template-columns:repeat(2,minmax(0,1fr))}.actions{flex-direction:column;align-items:stretch}.actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}}
.card-photo{min-height:150px;margin-block-end:20px;padding:16px}.card-photo .slot-mark{width:34px;height:34px;font-size:1rem;margin-block-end:3px}.card-photo strong{font-size:.88rem}.inset-story{margin-block-start:65px;padding-block-start:55px;border-block-start:1px solid var(--border-subtle)}.contact-list>div{display:flex;justify-content:space-between;gap:20px;padding:18px;border:1px solid var(--border-subtle);border-radius:10px}
.flow-list{margin:18px 0 0;padding-inline-start:20px;color:var(--text-secondary);font-size:.92rem}.flow-list li+li{margin-block-start:8px}
.page-hero .eyebrow:empty,.footer-status:empty,.site-footer:has(.footer-status:empty) .footer-bottom span{display:none}
.image-slot.has-image{padding:0;gap:0;overflow:hidden;border:1px solid var(--border-subtle);background:var(--surface-subtle);aspect-ratio:4/3}
.image-slot.has-image img{display:block;width:100%;height:100%;min-height:0;object-fit:cover}
.image-slot.has-image.illustration img{object-fit:contain}
.card-photo.has-image{height:175px;min-height:0;aspect-ratio:auto}
.process-slot.has-image{height:190px;min-height:0;aspect-ratio:auto}
.wide-slot.has-image{height:220px;min-height:0;aspect-ratio:auto}
.map-slot.has-image{height:390px;min-height:0;aspect-ratio:auto}
.phone-slot.has-image{min-height:0;border:0;background:transparent;aspect-ratio:12/17}
.phone-slot.has-image img{object-fit:contain}

/* Restrained interaction and entrance motion */
.site-header{transition:box-shadow 200ms ease}
.menu-toggle span{transition:transform 180ms ease,opacity 150ms ease}
.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.intro-motion,.reveal-ready{opacity:0;transform:translateY(14px);transition:opacity 240ms ease-out,transform 240ms ease-out}
.intro-motion.is-visible,.reveal-ready.is-visible{opacity:1;transform:translateY(0)}
.faq-list details[open] p{animation:banah-faq-open 200ms ease-out}
.card-icon{transition:transform 200ms ease,background-color 200ms ease}
.image-slot.has-image img{transition:transform 250ms ease}
.button:active{transform:translateY(0) scale(.98)}

@keyframes banah-menu-open{
  from{opacity:0;transform:translateY(-8px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes banah-faq-open{
  from{opacity:0;transform:translateY(-5px)}
  to{opacity:1;transform:translateY(0)}
}

@media(max-width:1050px){
  .mobile-nav:not([hidden]){animation:banah-menu-open 180ms ease-out}
}

@media(hover:hover){
  .info-card:hover .card-icon{transform:translateY(-2px) scale(1.04);background:#084c7a12}
  .image-slot.has-image:hover img{transform:scale(1.015)}
}

@media(prefers-reduced-motion:reduce){
  .intro-motion,.reveal-ready,.intro-motion.is-visible,.reveal-ready.is-visible{opacity:1!important;transform:none!important;transition:none!important}
  .mobile-nav:not([hidden]),.faq-list details[open] p{animation:none!important}
  .image-slot.has-image img,.card-icon,.menu-toggle span{transform:none!important;transition:none!important}
}

/* Image-led layout inspired by the approved reference direction */
:root{
  --shadow-soft:0 22px 55px rgba(35,31,32,.09);
  --shadow-card:0 15px 35px rgba(35,31,32,.07);
}

body{overflow-x:clip}
.section-head{position:relative;padding-inline-start:20px}
.section-head::before{content:"";position:absolute;inset-inline-start:0;inset-block-start:6px;width:4px;height:42px;border-radius:10px;background:var(--brand-red)}
.section-head .eyebrow{padding-inline-start:0}

.home-hero{position:relative;overflow:hidden;padding-block:38px 92px;background:linear-gradient(180deg,#f7f7f7 0%,#fff 88%)}
.home-hero::after{content:"";position:absolute;inset-inline-end:-130px;inset-block-end:-180px;width:420px;height:420px;border:70px solid rgba(188,126,80,.035);border-radius:50%;pointer-events:none}
.home-hero .hero-grid{position:relative;z-index:1;grid-template-columns:minmax(0,.88fr) minmax(520px,1.2fr);gap:0}
.home-hero .hero-copy{position:relative;z-index:2;max-width:none;margin-inline-end:-68px;padding:clamp(34px,4.5vw,62px);background:rgba(255,255,255,.97);border:1px solid var(--border-subtle);border-radius:24px;box-shadow:var(--shadow-soft)}
.home-hero .hero-slot{min-height:570px;border:0;border-radius:28px;box-shadow:var(--shadow-soft)}
.home-hero .hero-slot img{object-position:center}

.card-grid.audience{gap:24px;align-items:stretch}
.card-grid.audience .info-card{display:flex;flex-direction:column;min-height:100%;padding:0 0 28px;overflow:hidden;border-radius:20px;box-shadow:0 8px 25px rgba(35,31,32,.04)}
.card-grid.audience .card-photo{height:clamp(225px,22vw,295px);margin:0 0 24px;border:0;border-block-end:1px solid var(--border-subtle);border-radius:0}
.card-grid.audience .info-card h3,.card-grid.audience .info-card>p,.card-grid.audience .info-card>.text-link{margin-inline:26px}
.card-grid.audience .info-card>p{flex:1}
.card-grid.audience .info-card>.text-link{align-self:flex-start}
body:has(.home-hero) .card-grid.audience .info-card:nth-child(2){margin-block-start:-22px;margin-block-end:22px}

.steps{gap:20px}
.steps li{min-height:156px;padding:21px;background:#fff;border:1px solid var(--border-subtle);border-radius:16px;box-shadow:0 10px 26px rgba(35,31,32,.035)}
.steps li:not(:last-child)::after{inset-inline-start:100%;inset-inline-end:-21px;inset-block-start:43px}
.wide-slot.has-image{height:300px;margin-block-start:42px;border:0;border-radius:24px;background:#fff;box-shadow:var(--shadow-card)}

body:has(.home-hero) .card-grid.benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
body:has(.home-hero) .card-grid.benefits .info-card{display:grid;grid-template-columns:auto 1fr;column-gap:18px;align-content:start;min-height:180px;padding:30px}
body:has(.home-hero) .card-grid.benefits .card-icon{grid-row:1/3;margin:0}
body:has(.home-hero) .card-grid.benefits h3{align-self:center}
body:has(.home-hero) .card-grid.benefits p{grid-column:2}

.inset-story{margin-block-start:78px;padding:clamp(28px,4vw,55px);border:1px solid var(--border-subtle);border-radius:26px;background:var(--surface-subtle);gap:clamp(30px,5vw,72px)}
.inset-story .section-head{margin-block-end:20px}
.inset-story>.image-slot{min-height:410px;border:0;border-radius:20px;background:#fff}

.directory-layout{grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:28px;align-items:stretch}
.directory-layout .card-grid{gap:14px}
.directory-layout .info-card{padding:23px}
.directory-layout .map-slot.has-image{height:auto;min-height:510px;border:0;border-radius:24px;box-shadow:var(--shadow-card)}

.app-grid{align-items:end;gap:24px}
.app-card{padding:28px 22px 22px;background:#fff;border:1px solid var(--border-subtle);border-radius:22px;box-shadow:0 10px 30px rgba(35,31,32,.045)}
.app-card:nth-child(2){margin-block-end:28px}
.app-card .phone-slot{width:min(100%,275px)}
.app-card h3{margin-block-start:20px}

.page-hero{position:relative;overflow:hidden;padding-block:32px 82px;background:linear-gradient(180deg,#f7f7f7,#fff);border-block-end:0}
.page-hero::after{content:"";position:absolute;inset-inline-end:-100px;inset-block-end:-190px;width:380px;height:380px;border:62px solid rgba(188,126,80,.03);border-radius:50%;pointer-events:none}
.page-hero .container{position:relative;z-index:1}
.page-hero-grid:has(.image-slot){grid-template-columns:minmax(0,.9fr) minmax(460px,1.1fr);gap:0}
.page-hero-grid:has(.image-slot)>:first-child:not(.image-slot){position:relative;z-index:2;margin-inline-end:-48px;padding:clamp(28px,4vw,50px);background:rgba(255,255,255,.97);border:1px solid var(--border-subtle);border-radius:22px;box-shadow:var(--shadow-soft)}
.page-hero .hero-slot{min-height:430px;border:0;border-radius:26px;box-shadow:var(--shadow-soft)}

.split>.image-slot{min-height:390px;border:0;border-radius:24px;box-shadow:var(--shadow-card)}
.detailed-steps{gap:28px}
.detailed-steps li{grid-template-columns:1fr 1fr;gap:0;padding:0;overflow:hidden;background:#fff;border-radius:22px;box-shadow:0 12px 34px rgba(35,31,32,.045)}
.detailed-steps .detailed-copy{padding:clamp(28px,4vw,52px)}
.detailed-steps .process-slot.has-image{width:100%;height:100%;min-height:300px;border:0;border-radius:0}
.detailed-steps li:nth-child(even) .detailed-copy{order:2}
.detailed-steps li:nth-child(even) .process-slot{order:1}

.notice{border-radius:18px;box-shadow:0 12px 32px rgba(35,31,32,.045)}
.final-cta{position:relative;overflow:hidden;padding-block:68px}
.final-cta::after{content:"";position:absolute;inset-inline-end:-75px;inset-block-start:-130px;width:300px;height:300px;border:50px solid rgba(255,255,255,.035);border-radius:50%}
.final-inner{position:relative;z-index:1}

@media(max-width:1100px){
  .home-hero .hero-grid{grid-template-columns:minmax(0,.95fr) minmax(440px,1.05fr)}
  .home-hero .hero-copy{margin-inline-end:-36px;padding:36px}
  .home-hero .hero-slot{min-height:500px}
  .page-hero-grid:has(.image-slot){grid-template-columns:minmax(0,.95fr) minmax(410px,1.05fr)}
  .page-hero-grid:has(.image-slot)>:first-child:not(.image-slot){margin-inline-end:-32px;padding:34px}
  .page-hero .hero-slot{min-height:390px}
  .directory-layout{grid-template-columns:1fr 1fr}
}

@media(max-width:850px){
  .home-hero .hero-grid,.page-hero-grid:has(.image-slot){grid-template-columns:1fr;gap:0}
  .home-hero .hero-copy,.page-hero-grid:has(.image-slot)>:first-child:not(.image-slot){margin-inline:0;margin-block-end:-24px;padding:32px}
  .home-hero .hero-slot{min-height:390px}
  .page-hero .hero-slot{min-height:330px}
  body:has(.home-hero) .card-grid.audience .info-card:nth-child(2){margin-block:0}
  body:has(.home-hero) .card-grid.benefits{grid-template-columns:1fr}
  .directory-layout{grid-template-columns:1fr}
  .directory-layout .map-slot.has-image{min-height:390px}
  .app-grid{grid-template-columns:1fr;max-width:520px;margin-inline:auto}
  .app-card:nth-child(2){margin-block-end:0}
}

@media(max-width:760px){
  .section-head{padding-inline-start:16px}
  .section-head::before{height:34px}
  .home-hero{padding-block:20px 58px}
  .home-hero .hero-copy,.page-hero-grid:has(.image-slot)>:first-child:not(.image-slot){padding:26px;border-radius:18px}
  .home-hero .hero-slot{min-height:320px;border-radius:20px}
  .card-grid.audience .card-photo{height:250px}
  .steps li{min-height:auto}
  .wide-slot.has-image{height:230px;border-radius:18px}
  .inset-story{margin-block-start:55px;padding:25px;border-radius:20px}
  .inset-story>.image-slot,.split>.image-slot{min-height:290px}
  .page-hero{padding-block:25px 52px}
  .page-hero .hero-slot{min-height:280px;border-radius:20px}
  .detailed-steps li{grid-template-columns:1fr}
  .detailed-steps li:nth-child(even) .detailed-copy,.detailed-steps li:nth-child(even) .process-slot{order:initial}
  .detailed-steps .process-slot.has-image{min-height:230px}
}

@media(max-width:560px){
  .home-hero .hero-copy,.page-hero-grid:has(.image-slot)>:first-child:not(.image-slot){padding:23px;margin-block-end:-16px}
  .home-hero .hero-slot{min-height:275px}
  .card-grid.audience .card-photo{height:225px}
  body:has(.home-hero) .card-grid.benefits .info-card{display:block;min-height:0;padding:24px}
  body:has(.home-hero) .card-grid.benefits .card-icon{margin-block-end:18px}
  body:has(.home-hero) .card-grid.benefits p{margin-block-start:10px}
  .directory-layout .map-slot.has-image{min-height:310px}
  .app-card{padding:22px 16px}
}

@media(prefers-reduced-motion:reduce){
  .home-hero .hero-copy,.page-hero-grid:has(.image-slot)>:first-child:not(.image-slot),.card-grid.audience .info-card,.app-card{transition:none!important}
}

/* BANAH blue and bronze identity */
:root{
  --brand-red:#084C7A;
  --brand-gray:#9FAFBF;
  --brand-charcoal:#1B2A4A;
  --brand-navy:#1B2A4A;
  --brand-blue:#084C7A;
  --brand-bronze:#BC7E50;
  --brand-sand:#D19E82;
  --brand-steel:#9FAFBF;
  --brand-mist:#E5E7EB;
  --surface:#FFFFFF;
  --surface-subtle:#F5F7F9;
  --text-primary:#1B2A4A;
  --text-secondary:#506078;
  --border-subtle:#E5E7EB;
  --action-primary:#084C7A;
  --action-primary-hover:#1B2A4A;
  --focus-ring:#BC7E50;
}

::selection{background:var(--brand-sand);color:var(--brand-navy)}
.site-header{border-block-end-color:var(--brand-mist);box-shadow:0 1px 3px rgba(27,42,74,.08)}
.site-header.is-scrolled{box-shadow:0 10px 28px rgba(27,42,74,.12)}
.brand img{width:106px;height:78px}
.desktop-nav>a:hover{color:var(--brand-blue);background:#F5F7F9}
.desktop-nav>a[aria-current=page]{color:var(--brand-blue)}
.desktop-nav>a[aria-current=page]::after{background:var(--brand-bronze)}
.lang-switch a:hover,.breadcrumbs a:hover,.footer-links a:hover{color:var(--brand-blue)}
.button.primary{background:var(--brand-blue);border-color:var(--brand-blue)}
.button.primary:hover{background:var(--brand-navy);border-color:var(--brand-navy)}
.button.secondary{border-color:var(--brand-steel);color:var(--brand-navy)}
.button.secondary:hover{border-color:var(--brand-blue);color:var(--brand-blue)}
.eyebrow,.text-link,.footer-status,.slot-id{color:var(--brand-blue)}
.status-dot,.section-head::before{background:var(--brand-bronze)}
.card-icon{color:var(--brand-blue);background:rgba(8,76,122,.07);border-color:rgba(8,76,122,.18)}
.step-no{color:var(--brand-blue);border-color:var(--brand-blue)}
.location-note{border-inline-start-color:var(--brand-bronze)}
.notice{border-inline-start-color:var(--brand-bronze)}
.notice-icon{color:var(--brand-blue);background:rgba(8,76,122,.08)}
.faq-list summary span{color:var(--brand-blue)}
.mobile-nav a[aria-current=page]{color:var(--brand-blue);background:rgba(8,76,122,.07)}
.mobile-contact{color:var(--brand-blue)!important}
.home-hero,.page-hero{background:linear-gradient(180deg,#F5F7F9 0%,#FFFFFF 88%)}
.home-hero::after{border-color:rgba(188,126,80,.09)}
.page-hero::after{border-color:rgba(188,126,80,.07)}
.image-slot{color:#62748A;border-color:var(--brand-steel);background:repeating-linear-gradient(135deg,#F7F9FB,#F7F9FB 16px,#EEF1F4 16px,#EEF1F4 32px)}
.image-slot .slot-mark{color:var(--brand-blue);border-color:var(--brand-mist)}
.inset-story,.subtle{background:var(--surface-subtle)}
.final-cta{background:var(--brand-navy)}
.final-cta .eyebrow{color:var(--brand-sand)}
.final-cta .button.primary{color:var(--brand-navy);background:var(--brand-sand);border-color:var(--brand-sand)}
.final-cta .button.primary:hover{background:#E1B79F;border-color:#E1B79F}
.site-footer{background:#F7F9FB;border-block-start-color:var(--brand-mist)}
.footer-bottom{border-block-start-color:var(--brand-mist)}
.footer-brand img{width:138px;height:auto}

@media(max-width:1250px){
  .brand img{width:100px;height:74px}
}

@media(max-width:1050px){
  .brand img{width:90px;height:66px}
}

@media(hover:hover){
  .info-card:hover .card-icon{background:rgba(188,126,80,.14)}
}

/* Content-fitting process cards and persistent light/dark themes */
:root{
  color-scheme:light;
  --page-bg:#FFFFFF;
  --header-bg:#FFFFFF;
  --card-bg:#FFFFFF;
  --hero-start:#F5F7F9;
  --hero-end:#FFFFFF;
  --nav-hover:#F5F7F9;
  --footer-bg:#F7F9FB;
  --dark-panel:#1B2A4A;
  --image-placeholder-a:#F7F9FB;
  --image-placeholder-b:#EEF1F4;
  --logo-bg:#FFFFFF;
  --shadow-rgb:27,42,74;
}

:root[data-theme="dark"]{
  color-scheme:dark;
  --page-bg:#0B1220;
  --header-bg:#0F1929;
  --card-bg:#111C2E;
  --surface:#0B1220;
  --surface-subtle:#0F1929;
  --text-primary:#F3F6FA;
  --text-secondary:#B8C4D4;
  --border-subtle:#2D3B50;
  --brand-blue:#78C7ED;
  --brand-red:#78C7ED;
  --brand-gray:#B8C4D4;
  --brand-steel:#73859B;
  --brand-mist:#2D3B50;
  --action-primary:#0B6597;
  --action-primary-hover:#084C7A;
  --hero-start:#0F1929;
  --hero-end:#0B1220;
  --nav-hover:#17243A;
  --footer-bg:#0F1929;
  --dark-panel:#07111F;
  --image-placeholder-a:#111C2E;
  --image-placeholder-b:#17243A;
  --shadow-rgb:0,0,0;
}

@media(prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    color-scheme:dark;
    --page-bg:#0B1220;
    --header-bg:#0F1929;
    --card-bg:#111C2E;
    --surface:#0B1220;
    --surface-subtle:#0F1929;
    --text-primary:#F3F6FA;
    --text-secondary:#B8C4D4;
    --border-subtle:#2D3B50;
    --brand-blue:#78C7ED;
    --brand-red:#78C7ED;
    --brand-gray:#B8C4D4;
    --brand-steel:#73859B;
    --brand-mist:#2D3B50;
    --action-primary:#0B6597;
    --action-primary-hover:#084C7A;
    --hero-start:#0F1929;
    --hero-end:#0B1220;
    --nav-hover:#17243A;
    --footer-bg:#0F1929;
    --dark-panel:#07111F;
    --image-placeholder-a:#111C2E;
    --image-placeholder-b:#17243A;
    --shadow-rgb:0,0,0;
  }
}

body{background:var(--page-bg);color:var(--text-primary)}
.site-header,.mobile-nav:not([hidden]){background:var(--header-bg)}
.site-header{box-shadow:0 1px 3px rgba(var(--shadow-rgb),.12)}
.site-header.is-scrolled{box-shadow:0 10px 28px rgba(var(--shadow-rgb),.22)}
.desktop-nav>a:hover,.mobile-nav a:hover{background:var(--nav-hover)}
.home-hero,.page-hero{background:linear-gradient(180deg,var(--hero-start) 0%,var(--hero-end) 88%)}
.home-hero .hero-copy,.page-hero-grid:has(.image-slot)>:first-child:not(.image-slot),
.info-card,.steps li,.detailed-steps li,.app-card,.faq-list details,.notice{
  background:var(--card-bg);
}
.subtle,.inset-story{background:var(--surface-subtle)}
.site-footer{background:var(--footer-bg)}
.final-cta{background:var(--dark-panel)}
.image-slot{
  color:var(--text-secondary);
  background:repeating-linear-gradient(135deg,var(--image-placeholder-a),var(--image-placeholder-a) 16px,var(--image-placeholder-b) 16px,var(--image-placeholder-b) 32px);
}
.image-slot .slot-mark,.step-no{background:var(--card-bg)}
.image-slot strong,.lang-switch span[aria-current]{color:var(--text-primary)}
.button.primary{background:var(--action-primary);border-color:var(--action-primary);color:#FFFFFF}
.button.primary:hover{background:var(--action-primary-hover);border-color:var(--action-primary-hover)}
.button.secondary{background:var(--card-bg);border-color:var(--brand-steel);color:var(--text-primary)}
.button.secondary:hover{border-color:var(--brand-blue);color:var(--brand-blue)}
.menu-toggle{background:var(--card-bg)}
.menu-toggle span{background:var(--text-primary)}
.phone-slot{background:var(--surface-subtle);border-color:var(--text-primary)}
.contact-list>div,.contact-list a{background:var(--card-bg)}
.brand img,.footer-brand img{background:var(--logo-bg);border-radius:8px}
.wide-slot.has-image,.inset-story>.image-slot{background:var(--card-bg)}

.split>div>.steps{
  grid-template-columns:minmax(0,1fr);
  gap:14px;
}
.split>div>.steps li{
  width:100%;
  min-height:0;
  height:auto;
  align-items:flex-start;
}
.split>div>.steps li::after{display:none}
.split>div>.steps li>div{min-width:0;flex:1}
.split>div>.steps h3,.split>div>.steps p{overflow-wrap:normal;word-break:normal}

.theme-toggle{
  flex:none;
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  padding:0;
  border:1px solid var(--border-subtle);
  border-radius:10px;
  background:var(--card-bg);
  color:var(--text-primary);
  cursor:pointer;
  transition:color 180ms ease,border-color 180ms ease,background-color 180ms ease,transform 180ms ease;
}
.theme-toggle span{font-size:1.16rem;line-height:1}
.theme-toggle:hover{color:var(--brand-blue);border-color:var(--brand-bronze);transform:translateY(-1px)}
.theme-toggle:active{transform:translateY(0) scale(.97)}

@media(max-width:560px){
  .theme-toggle{width:40px;height:40px}
  .split>div>.steps li{padding:18px}
}

@media(prefers-reduced-motion:reduce){
  .theme-toggle{transition:none!important}
}

/* Keep narrow mobile layouts inside the visual viewport */
html,body,.site-header,main,.site-footer{
  width:100%;
  max-width:100%;
}
.header-inner>*,.hero-grid>*,.page-hero-grid>*,.split>*{
  min-width:0;
}
.home-hero .hero-copy,.page-hero-grid:has(.image-slot)>:first-child:not(.image-slot){
  width:100%;
  max-width:100%;
}
.eyebrow{
  max-width:100%;
  flex-wrap:wrap;
}

@media(max-width:430px){
  .container{
    width:100%;
    max-width:none;
    padding-inline:12px;
  }
  .header-inner{gap:8px}
  .header-actions{min-width:0;gap:6px}
  .lang-switch{gap:4px;font-size:.66rem}
  .brand img{width:76px;height:60px}
  .menu-toggle{width:42px;height:42px}
  .theme-toggle{width:38px;height:38px}
  .home-hero .hero-copy,.page-hero-grid:has(.image-slot)>:first-child:not(.image-slot){
    padding:20px;
  }
  .home-hero .hero-slot,.page-hero .hero-slot,.inset-story>.image-slot,.split>.image-slot{
    width:100%;
    min-height:0;
  }
}
