/* Shared navigation stays mounted while the two page views switch beneath it. */
:root{--site-header-height:74px}
html{scroll-padding-top:calc(var(--site-header-height) + 20px)}
body{padding-top:var(--site-header-height)!important}
.navwrap{position:fixed!important;inset:0 0 auto!important;width:100%;padding-top:env(safe-area-inset-top);background:#fff!important;z-index:2000!important}
.navwrap .nav{gap:24px;justify-content:space-between}
.navwrap .links{gap:22px;align-items:center}
.navwrap .links>a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;white-space:nowrap}
.navwrap .actions{gap:13px}.navwrap .nav-cta{white-space:nowrap;min-height:42px}
.navwrap .app-nav-link{gap:8px!important;padding:9px 15px!important;border:1px solid #8ec5aa!important;background:#e8f6ee!important;border-radius:9px!important;color:#075a42!important;font-weight:800!important;line-height:1!important;transition:background .18s,color .18s,box-shadow .18s}
.navwrap .app-nav-link:before{content:'';width:6px;height:6px;flex-shrink:0;background:#199669;border-radius:50%}
.navwrap .app-nav-link:hover{background:#d1efdf!important;box-shadow:0 3px 12px #06564012}
.navwrap .app-nav-link[aria-current=page]{background:#075a42!important;color:#fff!important;border-color:#075a42!important;box-shadow:0 3px 13px #05553c18}
.navwrap .app-nav-link[aria-current=page]:before{background:#a4f4c5}
.navwrap .links>a[aria-current=location],.mobile-section-nav>a[aria-current=location]{color:#086445;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px}
.page-view{padding-top:0!important;outline:none}
html[data-page=app] #home-view,html[data-page=home] #app-view{display:none!important}
html[data-page=app] #app-view,html[data-page=home] #home-view{display:block}
#app-view{background:#fff}
.navwrap .mobile-section-nav{position:relative!important;top:auto!important;left:auto!important;right:auto!important;align-items:center;min-height:48px;gap:19px;padding-top:7px;padding-bottom:7px;scrollbar-width:none}
.navwrap .mobile-section-nav>a{min-height:34px;display:inline-flex;align-items:center;flex-shrink:0}
.mobile-access-link{display:inline-flex;align-items:center;justify-content:center;min-height:38px;background:#045443;color:#fff!important;padding:9px 12px;border-radius:8px;font-size:11px;line-height:1.25;white-space:nowrap;text-decoration:none}
.navwrap a:focus-visible,.navwrap button:focus-visible{outline:3px solid #55bd8a;outline-offset:4px}
footer .foot>p{font-weight:800}
#home-view section[id]{scroll-margin-top:18px}
/* Section focus preserves the reading position after navigation without a page-sized ring. */
#home-view section[id][tabindex="-1"]:focus{outline:none}
/* A vector trend marker stays crisp and consistent across iOS and Android. */
#home-view .delta{display:flex;align-items:center;gap:6px}
#home-view .delta .trend-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px;width:20px;height:20px;border:1px solid #b9d9cc;border-radius:6px;background:linear-gradient(140deg,#effaf4,#dcefe6);color:#12684f;box-shadow:inset 0 1px 0 #ffffffc7}
#home-view .delta .trend-icon svg{display:block;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(min-width:981px) and (max-width:1150px){.navwrap .nav{gap:16px}.navwrap .links{gap:15px}.navwrap .links>a{font-size:12px}.navwrap .app-nav-link{padding:9px 12px!important}.navwrap .nav-cta{font-size:12px;padding:11px 13px}}
@media(max-width:980px){:root{--site-header-height:122px}.navwrap .mobile-section-nav{padding-inline:max(18px,env(safe-area-inset-left))}.navwrap .nav{gap:10px}.navwrap .mobile-inline-tools{gap:12px}.navwrap .app-nav-link{padding:8px 13px!important;min-height:34px!important}.navwrap .ipad-lang-switch{display:none!important}.page-view{padding-top:0!important}}
@media(max-width:640px){:root{--site-header-height:110px}.navwrap .nav{width:calc(100% - 28px);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.navwrap .brandlock .brand-mobile{max-width:125px}.navwrap .mobile-inline-tools{gap:9px}.mobile-access-link{font-size:10px;padding:9px 10px}.navwrap .mobile-section-nav{gap:17px}.navwrap .mobile-section-nav a{font-size:11px}}
@media(max-width:360px){.navwrap .brandlock .brand-mobile{max-width:105px}.navwrap .mobile-inline-tools{gap:7px}.mobile-access-link{font-size:9px;padding-inline:8px}.navwrap .mobile-lang-switch{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.navwrap .app-nav-link{transition:none}}

.page-view[hidden]{display:none!important}

/* Reserve both translated mobile labels so switching language cannot move the nav. */
@media(max-width:980px){
 html body .navwrap .mobile-section-nav>a{display:inline-grid;position:relative}
 html body :is(#lang-en-radio,#lang-fr-radio):checked ~ * .mobile-section-nav>a>span.lang-en-text,
 html body :is(#lang-en-radio,#lang-fr-radio):checked ~ * .mobile-section-nav>a>span.lang-fr-text{display:block!important;grid-area:1/1}
 html body .navwrap .mobile-section-nav>a>span{visibility:hidden}
 html[lang=en] body .navwrap .mobile-section-nav>a>span.lang-en-text,
 html[lang=fr] body .navwrap .mobile-section-nav>a>span.lang-fr-text{visibility:visible}
 .navwrap .mobile-section-nav .app-nav-link{padding-left:28px!important}
 .navwrap .mobile-section-nav .app-nav-link:before{position:absolute;left:12px;top:calc(50% - 3px)}
 .navwrap .mobile-access-link{width:145px;min-height:42px;white-space:normal;text-align:center}
}
@media(max-width:360px){.navwrap .mobile-access-link{width:110px}}

@media(max-width:640px){
 .navwrap .mobile-section-nav{display:grid!important;grid-template-columns:.9fr 1.25fr 1.2fr .85fr .8fr;gap:6px;padding-inline:12px}
 .navwrap .mobile-section-nav>a{min-width:0;min-height:40px;white-space:normal;text-align:center;font-size:10px;line-height:1.3;align-content:center}
 .navwrap .mobile-section-nav .app-nav-link{padding:6px 6px 6px 16px!important}
 .navwrap .mobile-section-nav .app-nav-link:before{left:6px;width:4px;height:4px;top:calc(50% - 2px)}
}

/* Customer collections stay within the existing business story. */
#home-view .merchantPreview{margin-top:28px;padding:30px;border:1px solid #c7ddd1;border-radius:22px;background:#f1f8f4;color:#204f42}#home-view .merchantPreview h3{font-size:clamp(24px,3vw,34px);line-height:1.2;margin:14px 0}#home-view .merchantPreview p{max-width:850px;font-size:16px;line-height:1.65}#home-view .merchantPreview .merchantAvailability{font-size:14px;font-weight:600}@media(max-width:600px){#home-view .merchantPreview{padding:22px}}


.sector-examples h2{max-width:800px}.sector-intro{max-width:700px;color:#62796e;line-height:1.7}.sector-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:30px}.sector-grid article{padding:30px;border:1px solid #d4e4da;border-radius:22px;background:#f5faf7}.sector-grid h3{margin:0 0 18px;color:#174b3c}.sector-grid p{line-height:1.7;color:#526d60}.sector-grid .sector-outcome{padding-top:16px;border-top:1px solid #d4e4da;color:#204f42}.sector-note,.pilot-note{font-size:14px;color:#61786c;line-height:1.7}.pilot-access{max-width:900px;padding-top:90px;padding-bottom:90px;min-height:70vh}.pilot-access h1{font-size:clamp(36px,5vw,60px);line-height:1.12;letter-spacing:-.035em;margin:24px 0;color:#173e31}.pilot-intro{font-size:20px;line-height:1.7;max-width:740px;color:#526d60}.pilot-access ol{padding-left:25px;margin:30px 0;line-height:1.7}.pilot-access li{padding:9px 0 9px 10px}.pilot-access .story-cta{display:inline-block;margin:10px 0 20px}.pilot-note{max-width:650px}@media(max-width:640px){.sector-grid{grid-template-columns:1fr}.sector-grid article{padding:24px}.pilot-access{padding-top:45px;padding-bottom:55px}.pilot-intro{font-size:18px}}