/* 4.0.3: mode-safe surfaces and simplified shared chrome. */
html[data-color-mode=light] .nav.scrolled .nav-in{background:rgba(255,255,255,.96);border-color:var(--line-2);box-shadow:0 8px 30px -18px rgba(23,32,44,.3)}
.nav .logo,.nav .burger,.nav .kbd,.nav .sample-menu>button{color:var(--text)}
.hero .pill{background:var(--bg-2);color:var(--text);border-color:var(--line-2)}
.hero .pill:hover{border-color:var(--cyan)}
.hero-outcome403{display:inline-block;vertical-align:baseline}
.hero .rotator{vertical-align:baseline;height:auto;line-height:inherit;overflow:hidden}
.hero .rotator span{align-self:baseline}
footer .footer-brand403{display:flex;align-items:center;justify-content:center;gap:clamp(12px,3vw,48px);margin-top:70px;overflow:hidden}
footer .footer-brand403 .wordmark{margin-top:0;font-size:clamp(58px,17vw,245px);flex:0 1 auto}
.footer-symbol403{display:block;flex:0 0 19%;aspect-ratio:1;background:linear-gradient(180deg,rgba(255,255,255,.14),transparent 85%);-webkit-mask:url('../brand402/zinerge-icon-mask.png') center/contain no-repeat;mask:url('../brand402/zinerge-icon-mask.png') center/contain no-repeat}
html[data-color-mode=light] .footer-symbol403{background:linear-gradient(180deg,rgba(23,32,44,.15),transparent)}
@media(min-width:901px){.price-card h3{font-size:clamp(22px,2vw,28px);line-height:1.2;letter-spacing:-.025em}}
@media(max-width:1180px){.hero,.phero,.article40{padding-top:136px}html{scroll-padding-top:100px}}
@media(max-width:640px){.hero,.phero,.article40{padding-top:128px}.hero-outcome403{display:block;margin-top:6px;font-size:clamp(14px,4vw,18px)}.hero .rotator{height:auto}.hero .pill{max-width:100%;font-size:12px;line-height:1.5}.info-list a{overflow-wrap:anywhere}.footer-brand403{margin-top:48px}}