.navigation-home .hero{min-height:calc(100vw * 608 / 1536);aspect-ratio:auto;display:flex;align-items:center;padding:45px 0 80px}.navigation-home .hero-grid{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;max-width:var(--wide-content,1500px)}.home-brand-display{width:100%;aspect-ratio:1919/185;overflow:hidden;margin:0 0 32px;flex-shrink:0}.home-brand-display img{width:100%;height:auto;max-width:none;display:block}.navigation-home .hero-copy{width:65%;max-width:860px;padding:0!important}.navigation-home .hero-copy>.eyebrow{display:none}.navigation-home .hero h1{font-size:clamp(42px,4.2vw,80px)!important;line-height:1.04;margin:0 0 20px;letter-spacing:-.045em}.navigation-home .hero-copy>p{font-size:clamp(17px,1.3vw,23px)!important;max-width:720px;line-height:1.5!important;margin-bottom:28px}.navigation-home .hero-actions{gap:25px;display:flex;flex-wrap:wrap}.navigation-home .hero-actions .button{min-height:52px;padding:15px 25px;font-size:16px!important;border-radius:5px}.navigation-home .hero-actions .home-dealer-action{background:#ffffffb3;border:1px solid #193b6b;color:#081638}.navigation-home .hero-actions .home-dealer-action:hover{background:white}.navigation-home .hero-image{object-position:center 70%}.navigation-home .image-shade{background:linear-gradient(90deg,#f4f7fffc 0%,#f4f7fff2 30%,#f4f7ffbb 45%,#f4f7ff22 65%,transparent 83%)!important}.navigation-home .journey-section{position:relative;z-index:2;margin-top:-44px;background:transparent;padding:0 0 28px}.navigation-home .journey-grid{gap:15px}.navigation-home .journey-grid>a{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0b2b5410}.navigation-home main{background:#f4f7ff}@media(min-width:1800px){.navigation-home .hero{padding:55px 0 100px}.home-brand-display{margin-bottom:42px}.navigation-home .hero-copy{width:65%;max-width:1000px}.navigation-home .hero h1{font-size:82px!important}.navigation-home .hero-copy>p{font-size:24px!important}.navigation-home .journey-section{margin-top:-50px}}@media(max-width:800px){.navigation-home .hero{min-height:0;padding:32px 0 70px}.home-brand-display{margin-bottom:26px}.navigation-home .hero-copy{width:100%;max-width:650px}.navigation-home .hero h1{font-size:clamp(36px,6.8vw,54px)!important}.navigation-home .hero-copy>p{font-size:16px!important}.navigation-home .hero-actions{gap:14px}.navigation-home .hero-actions .button{font-size:14px!important;padding:12px 18px;min-height:46px}.navigation-home .image-shade{background:linear-gradient(90deg,#f4f7fff5,#f4f7ffe6 55%,#f4f7ff99)!important}.navigation-home .journey-section{margin-top:-35px}.navigation-home .hero-image{object-position:65% center}}@media(max-width:480px){.navigation-home .hero{padding-top:28px}.home-brand-display{margin-bottom:25px}.navigation-home .hero h1{font-size:37px!important}.navigation-home .hero-actions .button{font-size:13px!important;padding:12px 15px}.navigation-home .journey-grid{gap:12px}}
body.navigation-home{min-height:100svh;background:#f4f7ff;padding-bottom:115px}
html[lang^="fr"] .home-brand-display{aspect-ratio:675/133}html[lang^="fr"] .home-brand-display img{width:100%;height:auto}
html[lang^="fr"] .home-brand-display{aspect-ratio:675/65;overflow:hidden}
/* A little breathing room above the homepage next-step cards. */
body.navigation-home .journey-section{transform:translateY(16px);margin-bottom:16px}

.home-canada-flag{font-size:27px;line-height:1;margin:0 0 16px}.navigation-home .hero-copy{max-width:1000px}.navigation-home .hero h1{overflow-wrap:normal}

.canada-headline-word{display:inline-flex;align-items:center;gap:.2em;white-space:nowrap}.headline-canada-flag{display:inline-block!important;width:.85em!important;height:.425em!important;max-width:none;object-fit:contain;flex:none;border-radius:0;box-shadow:0 0 0 1px #08163818;vertical-align:middle}

/* Two complete headline phrases on mobile, with the existing explicit line break. */
@media(max-width:800px){html[lang^="en"] body.navigation-home .hero h1{font-size:clamp(21px,7vw,44px)!important;line-height:1.1;white-space:nowrap}html[lang^="en"] body.navigation-home .hero h1>.canada-headline-word{display:inline-flex;width:auto;max-width:none}}

/* Let the logo lead the simplified mobile English headline. */
@media(max-width:800px){html[lang^="en"] body.navigation-home .hero h1>br,html[lang^="en"] body.navigation-home .hero h1>em{display:none}html[lang^="en"] body.navigation-home .home-brand-display{margin-bottom:18px}}

/* Desktop composition: a generous wordmark over a compact, left-aligned message. */
@media(min-width:801px){
  html body.navigation-home .hero{min-height:clamp(540px,42vw,780px)!important;padding:68px 0 110px}
  html body.navigation-home .hero-grid,html body.navigation-home .journey-grid{width:min(80%,1560px);max-width:1560px}
  html body.navigation-home .home-brand-display{margin-bottom:32px}
  html body.navigation-home .hero-copy{width:68%;max-width:1080px}
  html body.navigation-home .hero h1{font-size:clamp(36px,3.5vw,68px)!important;line-height:1.08;margin-bottom:18px}
  html body.navigation-home .hero-copy>p{font-size:clamp(16px,1.25vw,22px)!important;line-height:1.5!important;margin-bottom:24px}
  html body.navigation-home .hero-actions{gap:18px}
  html body.navigation-home .hero-actions .button{min-height:44px;font-size:clamp(12px,1vw,16px)!important;padding:12px 20px}
  html body.navigation-home .hero .hero-image{object-position:100% center!important}
  html body.navigation-home .journey-section{margin-top:-38px!important;padding:0 0 28px}
  html body.navigation-home .journey-grid{gap:12px}
  html body.navigation-home .journey-grid>a{padding:18px 16px;gap:12px}
  html body.navigation-home .journey-grid h2{font-size:clamp(15px,1.18vw,22px);line-height:1.25}
  html body.navigation-home .journey-grid p{font-size:clamp(11px,.85vw,15px);line-height:1.45;margin:5px 0}
  html body.navigation-home .journey-grid strong{font-size:clamp(11px,.82vw,15px)}
  html body.navigation-home .journey-card-icon{width:36px;height:36px;flex-basis:36px}
}

/* Refined left-hand wordmark placement from the supplied homepage reference. */
@media(min-width:801px){
  html body.navigation-home .home-brand-display{width:50%;max-width:760px;margin-bottom:42px;align-self:flex-start}
  html body.navigation-home .hero h1{font-size:clamp(36px,3.8vw,68px)!important}
}