/* Shared soft-white left blend, matching the dealer banner. */
:root{--banner-ink:#081638;--banner-wash:linear-gradient(90deg,#f4f7ffed 0%,#f4f7ffcc 32%,#f4f7ff40 59%,transparent 80%)}
.sharp-banner:before,.protection-page .protection-supplied::after{background:var(--banner-wash)!important}.sharp-story{color:var(--banner-ink)}.sharp-story h1 em{color:#316bd7}.sharp-story .sharp-statement{color:#244c87}.sharp-story .sharp-facts{border-color:#193b6b33}.sharp-story .sharp-facts>span+span{border-color:#193b6b44}.navigation-home .image-shade{background:var(--banner-wash)!important}.navigation-home .hero-copy,.navigation-home .hero h1,.navigation-home .hero .eyebrow,.navigation-home .hero-copy>p,.navigation-home .hero-actions .text-link{color:var(--banner-ink)!important}.navigation-home .hero-actions .text-link{border-color:#08163866}.navigation-home .hero h1 em{color:#316bd7}.protection-page .protection-supplied h1,.protection-page .protection-supplied .eyebrow,.protection-page .protection-supplied>.container>p{color:var(--banner-ink)!important}.protection-page .protection-supplied h1 em{color:#316bd7}
body[data-experience] .px-hero:before{background:var(--banner-wash)!important}.px-hero{color:var(--banner-ink)}.px-hero h1,.px-hero p,.px-hero .px-back{color:var(--banner-ink)!important}.px-hero h1 em,.px-hero .px-kicker{color:color-mix(in srgb,var(--px-accent) 65%,#081638)!important}.px-hero .px-outline{color:var(--banner-ink);border-color:#233b5d66;background:#ffffff80}.px-hero .px-outline:hover{background:#fff}.px-hero-art>a,.px-hero-art .px-brochure-link{color:var(--banner-ink)!important;background:#ffffffcc;border-radius:4px;padding:7px 10px}.resource-blended{background:#e5ecf3 url('/assets/resources-unbadged-v2.png') center/cover no-repeat;min-height:calc(100vw * 608 / 1536);display:flex;align-items:center;position:relative;isolation:isolate;padding:45px 0!important}.resource-blended:before{content:'';position:absolute;inset:0;z-index:-1;background:var(--banner-wash)}.resource-blended .resource-blended-copy{max-width:760px;width:58%;color:var(--banner-ink)}.resource-blended h1{font-size:clamp(40px,4.4vw,82px)!important;line-height:1.06;letter-spacing:-.045em;margin:20px 0 25px!important;color:var(--banner-ink)!important}.resource-blended h1 em{font-style:normal;color:#316bd7!important}.resource-blended .eyebrow{color:var(--banner-ink)!important;font-size:11px;letter-spacing:.15em}.resource-blended p{font-size:clamp(15px,1.15vw,22px);max-width:620px;color:var(--banner-ink)}
@media(max-width:800px){:root{--banner-wash:linear-gradient(90deg,#f4f7fff5,#f4f7ffe0 55%,#f4f7ff99)}.resource-blended{min-height:400px;padding:35px 0!important;background-position:65% center}.resource-blended .resource-blended-copy{width:100%;max-width:600px}.resource-blended h1{font-size:clamp(36px,7vw,56px)!important}.resource-blended p{font-size:15px}.sharp-story:before,.sharp-dealer:before{background:var(--banner-wash)!important}}
.px-hero-art>a.px-brochure-hero{background:transparent;padding:0}.px-hero-art .px-brochure-hero>span{display:inline-block;color:#081638!important;background:#f4f7ffeb;padding:7px 12px;border-radius:4px}
/* Readability pass: solid ink, comfortable type, and a quieter photo behind copy. */
:root{--banner-wash:linear-gradient(90deg,#f4f7fffc 0%,#f4f7fff2 38%,#f4f7ffd9 54%,#f4f7ff55 69%,transparent 85%)}
.sharp-banner .sharp-copy>p,.navigation-home .hero-copy>p,.protection-page .protection-supplied>.container>p,.resource-blended .resource-blended-copy>p,.px-hero-grid>div:first-child>p{font-size:18px!important;line-height:1.7!important;font-weight:400!important;color:#081638!important;max-width:660px;letter-spacing:0!important;text-shadow:none}
.sharp-banner .eyebrow,.navigation-home .hero .eyebrow,.protection-page .protection-supplied .eyebrow,.resource-blended .eyebrow,.px-hero .px-kicker{font-size:13px!important;line-height:1.6!important;letter-spacing:.09em!important;font-weight:600!important;color:#17365c!important;opacity:1!important}
.sharp-facts{font-size:15px!important;line-height:1.6;color:#081638!important}.sharp-story .sharp-statement{font-size:18px!important;font-weight:600!important;color:#17365c!important}.sharp-banner .button.gold,.navigation-home .hero-actions .button.primary,.navigation-home .hero-actions .text-link,.px-hero .px-button,.px-hero .px-back{font-size:15px!important;line-height:1.5;opacity:1!important}.px-hero .px-back{color:#17365c!important}.px-hero-art .px-brochure-hero>span{font-size:14px!important;line-height:1.5;background:#f4f7ff!important;color:#081638!important}.protection-page .protection-supplied .protection-filters button{font-size:14px!important;line-height:1.5;min-height:46px}.sharp-banner .sharp-copy{max-width:830px}.sharp-facts>span{min-width:0}.sharp-banner .sharp-copy>p,.resource-blended .resource-blended-copy>p{overflow-wrap:break-word}
@media(min-width:1800px){.sharp-banner .sharp-copy>p,.navigation-home .hero-copy>p,.protection-page .protection-supplied>.container>p,.resource-blended .resource-blended-copy>p,.px-hero-grid>div:first-child>p{font-size:21px!important;max-width:770px}.sharp-facts{font-size:17px!important}.sharp-banner .eyebrow,.navigation-home .hero .eyebrow,.protection-page .protection-supplied .eyebrow,.resource-blended .eyebrow,.px-hero .px-kicker{font-size:14px!important}}
@media(max-width:800px){:root{--banner-wash:linear-gradient(90deg,#f4f7fffc,#f4f7fff2 65%,#f4f7ffd9)}.sharp-banner .sharp-copy>p,.navigation-home .hero-copy>p,.protection-page .protection-supplied>.container>p,.resource-blended .resource-blended-copy>p,.px-hero-grid>div:first-child>p{font-size:16px!important;line-height:1.7!important}.sharp-banner .eyebrow,.navigation-home .hero .eyebrow,.protection-page .protection-supplied .eyebrow,.resource-blended .eyebrow,.px-hero .px-kicker{font-size:12px!important;letter-spacing:.07em!important}.sharp-facts{font-size:14px!important}.sharp-banner .button.gold,.navigation-home .hero-actions .button.primary,.navigation-home .hero-actions .text-link,.px-hero .px-button,.px-hero .px-back{font-size:14px!important}.protection-page .protection-supplied .protection-filters button{font-size:13px!important}.sharp-story .sharp-statement{font-size:16px!important}.navigation-home .hero-actions{gap:18px}.navigation-home .hero{min-height:480px}.px-actions{flex-wrap:wrap}.sharp-banner,.resource-blended{height:auto;min-height:400px}.sharp-facts{flex-wrap:wrap}}
.resource-blended .eyebrow{display:flex;align-items:center;gap:14px}.resource-blended .eyebrow:before{content:'';display:block;flex:0 0 28px;width:28px;height:2px;background:#efbd3e}
html[lang^="fr"] footer .brand-light img[data-brand-locale="fr"],html[lang^="fr"] .brand-light img[data-brand-locale="fr"],html[lang^="fr"] .shell-brand img[data-brand-locale="fr"],html[lang^="fr"] .urban-scene-top img[data-brand-locale="fr"]{filter:brightness(0) invert(1)}
/* Mobile: preserve a quiet copy area, reveal the scene and colour below it. */
@media(max-width:800px){
:root{--banner-wash:linear-gradient(180deg,#f4f7fff5 0%,#f4f7ffed 50%,#f4f7ffd9 70%,#f4f7ff44 88%,#f4f7ff0d 100%)}
.sharp-banner,.resource-blended{padding-bottom:145px!important;background-position:60% center}
.protection-page .protection-supplied{padding-bottom:140px!important}
.navigation-home .hero{padding-bottom:155px!important}
.navigation-home .image-shade{background:var(--banner-wash)!important}
body[data-experience] .px-hero:before{background:linear-gradient(180deg,#f4f7fff5 0%,#f4f7ffed 35%,#f4f7ffbb 60%,#f4f7ff44 100%)!important}
}
/* Phone art direction: full-colour scenic panel below the readable headline. */
@media(max-width:800px){
.sharp-banner,.resource-blended,.protection-page .protection-supplied{background-color:#f4f7ff!important;background-size:auto 320px!important;background-repeat:no-repeat!important;background-position:60% bottom!important;padding:32px 0 310px!important;min-height:0!important;align-items:flex-start}
.sharp-banner:before,.resource-blended:before,.protection-page .protection-supplied:after{background:linear-gradient(to bottom,#f4f7ff 0%,#f4f7ff 58%,#f4f7ff00 79%)!important}
.sharp-banner .sharp-copy,.resource-blended .resource-blended-copy{width:100%;max-width:none}
.sharp-banner h1,.resource-blended h1{font-size:clamp(36px,9vw,54px)!important;line-height:1.04!important;letter-spacing:-.04em;margin-top:16px!important}
.navigation-home .hero{background:#f4f7ff!important;padding:28px 0 325px!important;min-height:0!important;overflow:hidden}
.navigation-home .hero-visual{top:auto!important;bottom:0!important;height:340px!important;left:0;right:0}
.navigation-home .hero-image{object-fit:cover!important;object-position:67% 70%!important}
.navigation-home .image-shade{background:linear-gradient(180deg,#f4f7ff 0%,#f4f7ff88 15%,#f4f7ff00 38%,#f4f7ff00 88%,#f4f7ff66 100%)!important}
.navigation-home .journey-section{margin-top:0!important;padding-top:18px}
.navigation-home .home-brand-display{margin-bottom:24px}
.navigation-home .hero-copy>p{margin-bottom:22px}
.sharp-story{background-position:49% bottom!important}
.sharp-dealer{background-position:72% bottom!important}
.resource-blended{background-position:70% bottom!important}
body[data-experience] .px-hero:before{background:linear-gradient(180deg,#f4f7fffa 0%,#f4f7ffed 32%,#f4f7ff77 63%,#f4f7ff00 100%)!important}
.px-hero-art{filter:drop-shadow(0 18px 24px #08163826)}
}
@media(max-width:800px){body.navigation-home .hero .image-shade{background:linear-gradient(180deg,#f4f7ff 0%,#f4f7ff77 12%,transparent 32%,transparent 100%)!important}body.navigation-home .hero .hero-image{opacity:1!important;filter:none!important}}

header .brand img.brand-icon{width:74px!important;height:74px!important;max-width:none;object-fit:contain;filter:none!important}header .brand:has(.brand-icon){width:auto!important;min-width:0!important}@media(max-width:800px){header .brand img.brand-icon{width:64px!important;height:64px!important}}
/* Story facts sit clearly over the sunset on phones. */
.sharp-story .sharp-facts{color:#fff!important;background:#071b2de6;border:0!important;border-radius:8px;padding:16px 20px;gap:14px;max-width:650px}
.sharp-story .sharp-facts>span{color:#fff!important;line-height:1.5;padding:0!important;border:0!important}
@media(max-width:800px){.sharp-story .sharp-facts{position:absolute;left:24px;right:24px;bottom:164px;margin:0!important;padding:14px 18px;display:grid;grid-template-columns:1fr;gap:5px;font-size:14px!important;width:max-content;max-width:calc(100% - 48px);background:linear-gradient(110deg,#071b2df2,#071b2dcc);box-shadow:0 6px 20px #071b2d22;z-index:2}.sharp-story .sharp-copy{position:static!important}}
/* The primary navigation remains anchored while the page scrolls. */
html body>header{position:fixed!important;left:0!important;right:0!important;width:100%!important;z-index:1000!important;background:#fff!important;transform:none!important;transition:none!important}
@media(max-width:800px){html body>header{inset:0 0 auto!important;padding-top:env(safe-area-inset-top,0px)}html{scroll-padding-top:calc(90px + env(safe-area-inset-top,0px))}}
/* Keep scrolling content below one opaque navigation layer, including iOS overscroll. */
html{background:#fff;overscroll-behavior-y:none}
html body{overscroll-behavior-y:none;padding-top:88px!important}
html body>.topbar{display:none!important}
html body>header{inset:0 0 auto!important;margin:0!important;padding-top:0!important;background:#fff!important;opacity:1!important;z-index:10000!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;isolation:isolate;overflow:visible}
html body>header:before{content:'';position:absolute;left:0;right:0;bottom:100%;height:100vh;background:#fff;pointer-events:none}
html body>main{position:relative;isolation:isolate;z-index:0}
@media(max-width:800px){html body{padding-top:calc(74px + env(safe-area-inset-top,0px))!important}html body>header{padding-top:env(safe-area-inset-top,0px)!important}}

.team-row{display:flex;align-items:flex-start;gap:16px}.team-person-copy{flex:1;min-width:0}.team-avatar{display:block;position:relative;width:72px;height:72px;flex:0 0 72px;border-radius:50%;overflow:hidden;background:#edf3fc;border:2px solid #e2b751}.team-avatar svg{display:block;width:100%;height:100%}.team-avatar.initials{display:grid;place-items:center;font-size:20px;font-weight:600;color:#3269cf;border-color:#dce5f4}.team-row .team-person-copy h3{margin-top:0}



/* Individual portraits, plus a people-free introduction to the team. */
.team-avatar{background:#ffab2c}
.team-intro-banner{position:relative;isolation:isolate;overflow:hidden;border:1px solid #e0e6ef;border-radius:12px;min-height:148px;margin:24px 0 12px;background:#eff4fb}
.team-intro-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:55% 48%;z-index:-2}
.team-intro-banner:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f4f7fffc 0%,#f4f7fff2 62%,#f4f7ff66 83%,transparent);z-index:-1}
.team-intro-content{min-height:148px;display:flex;align-items:center;gap:14px;padding:22px;color:#081638}
.team-intro-content>img{width:64px;height:64px;object-fit:contain;flex:0 0 64px}
.team-intro-content strong{display:block;font-size:17px;line-height:1.4}
.team-intro-content span{display:block;margin-top:6px;font-size:12px;line-height:1.5;color:#17365c}
@media(max-width:480px){.team-row{gap:12px}.team-intro-banner,.team-intro-content{min-height:128px}.team-intro-content{padding:16px;gap:10px}.team-intro-content>img{width:48px;height:48px;flex-basis:48px}.team-intro-content strong{font-size:15px}.team-intro-content span{font-size:11px}}

/* Equal, undistorted headshots; the portrait crop stays inside the orange backdrop. */
.team-row .team-avatar{width:72px;height:72px;min-width:72px;min-height:72px;max-width:72px;max-height:72px;flex:0 0 72px;aspect-ratio:1;border:0;border-radius:50%;overflow:hidden;clip-path:circle(50%);background:#ffab2c}.team-row .team-avatar svg{display:block;width:72px;height:72px;overflow:hidden}
/* Tablet viewport composition and readable support information. */
@media(min-width:768px) and (max-width:1400px){body.navigation-home .hero{min-height:max(520px,calc(100svh - 330px))!important;aspect-ratio:auto!important}body.navigation-home .hero h1{font-size:clamp(46px,5vw,72px)!important}body.navigation-home .hero-copy>p{font-size:21px!important}body.navigation-home .hero-image{object-fit:cover!important;object-position:65% center!important}}
body[data-page="resources"] .hero-contact{font-size:18px}
.hero-contact a[href^="tel:"]{font-size:clamp(26px,2.5vw,36px)!important;line-height:1.3!important;font-weight:600}
.hero-contact p,.hero-contact small,.hero-contact span{font-size:18px!important;line-height:1.65!important}
.contact-number{font-size:clamp(28px,3vw,40px)!important;line-height:1.4!important}.contact-cards p,.contact-cards small,.claim-prep p,.claim-prep small,.claim-prep li,.checklist label,.prep-progress{font-size:17px!important;line-height:1.7!important}
@media(max-width:600px){.hero-contact p,.hero-contact small,.hero-contact span{font-size:16px!important}}

.team-intro-banner.team-intro-supplied{min-height:0;background:white;border:0;border-radius:0;overflow:visible}.team-intro-supplied:before{display:none}.team-intro-supplied>img{display:block;width:100%;height:auto;object-fit:contain}

/* Let the browser provide scrolling, momentum and edge handling. */
html,html body{overscroll-behavior-y:contain}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}

/* A clean navigation edge on every page, including native overscroll. */
html body>header{border:0!important;box-shadow:none!important}
html body>.protection-subnav{border:0!important;box-shadow:none!important}
html body>header::before{border:0!important;box-shadow:none!important}
