/* One shared frame for the homepage, account and payment screens. */
body.kb-green-home,body.kb-checkout{--kb-header-height:9dvh;--kb-footer-height:9.2dvh;--kb-edge:6vw;--kb-logo-size:max(36px,3vw)}
html body:is(.kb-green-home,.kb-checkout)>.kb-header{box-sizing:border-box!important;height:var(--kb-header-height)!important;min-height:0!important;flex:0 0 var(--kb-header-height)!important;padding:0 var(--kb-edge)!important;margin:0!important;border-bottom:1px solid #ffffff26!important;background:#1c102eed!important;display:flex!important;align-items:center!important;position:relative!important;z-index:20;color:white!important}
html body:is(.kb-green-home,.kb-checkout) .kb-header .kb-nav{box-sizing:border-box!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;min-height:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important}
html body:is(.kb-green-home,.kb-checkout) .kb-header .kb-brand{display:flex!important;align-items:center!important;gap:12px!important;color:#fff!important;font:400 1.3vw/1.4 Arial,sans-serif!important;text-decoration:none!important;white-space:nowrap}
html body:is(.kb-green-home,.kb-checkout) .kb-header .kb-mark{box-sizing:border-box;width:var(--kb-logo-size)!important;height:var(--kb-logo-size)!important;min-width:36px!important;min-height:36px!important;object-fit:cover!important;border-radius:50%!important;background:#fff!important;padding:2px!important;display:block!important}
html body:is(.kb-green-home,.kb-checkout) .kb-header .kb-menu-links{display:flex!important;position:static!important;align-items:center!important;flex-direction:row!important;gap:.5vw!important;background:transparent!important;box-shadow:none!important;border:0!important;padding:0!important;margin:0!important}
html body:is(.kb-green-home,.kb-checkout) .kb-header .kb-menu-links>a{color:white!important;font:400 .8vw/1.4 Arial,sans-serif!important;min-height:3vw!important;padding:0 .8vw!important;width:auto!important;display:flex!important;align-items:center!important;text-decoration:none!important;white-space:nowrap}
html body:is(.kb-green-home,.kb-checkout) .kb-hamburger{display:none!important}
html body:is(.kb-green-home,.kb-checkout)>footer.kb-portal-footer{box-sizing:border-box!important;height:var(--kb-footer-height)!important;min-height:0!important;flex:0 0 var(--kb-footer-height)!important;padding:0 var(--kb-edge)!important;margin:0!important;display:flex!important;align-items:center!important;background:transparent!important;border-top:1px solid #ffffff25!important;color:#fff!important}
html body:is(.kb-green-home,.kb-checkout) .kb-portal-footer-inner{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;gap:1.7vw!important}
html body:is(.kb-green-home,.kb-checkout) .kb-portal-bir{display:block!important;width:8vw!important;min-width:100px!important;max-height:7dvh!important;border-radius:6px;overflow:hidden}
html body:is(.kb-green-home,.kb-checkout) .kb-portal-bir img{display:block!important;width:100%!important;height:auto!important;max-height:7dvh!important;object-fit:contain!important}
html body:is(.kb-green-home,.kb-checkout) .kb-portal-footer p{color:white!important;font:400 .8vw/1.5 Arial,sans-serif!important;margin:0!important;text-align:left!important}
html body:is(.kb-green-home,.kb-checkout) .kb-portal-footer span{color:white!important;font:400 .7vw/1.5 Arial,sans-serif!important;margin:0!important;justify-self:end!important}
@media(min-width:900px){html:has(body.kb-checkout){height:100%;overflow:hidden}html body.kb-checkout{height:100dvh!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}html body.kb-checkout>main{box-sizing:border-box!important;flex:1 1 auto!important;min-height:0!important;width:100%!important;margin:0 auto!important;padding:24px 32px!important;overflow:auto!important;overscroll-behavior:contain}}
@media(max-width:899px){body.kb-green-home,body.kb-checkout{--kb-header-height:76px;--kb-footer-height:76px;--kb-edge:24px;--kb-logo-size:42px}html body:is(.kb-green-home,.kb-checkout) .kb-header .kb-brand{font-size:15px!important}html body:is(.kb-green-home,.kb-checkout) .kb-header .kb-menu-links>a{font-size:12px!important;min-height:38px!important;padding:0 8px!important}html body:is(.kb-green-home,.kb-checkout) .kb-portal-footer p{font-size:10px!important}html body:is(.kb-green-home,.kb-checkout) .kb-portal-footer span{font-size:10px!important}html body:is(.kb-green-home,.kb-checkout) .kb-portal-bir,html body:is(.kb-green-home,.kb-checkout) .kb-portal-bir img{max-height:56px!important}html body:is(.kb-green-home,.kb-checkout) .kb-portal-footer-inner{gap:16px!important}}
@media(max-width:650px){html body:is(.kb-green-home,.kb-checkout) .kb-header .kb-brand{font-size:13px!important}html body:is(.kb-green-home,.kb-checkout) .kb-hamburger{display:block!important;width:38px!important;height:38px!important;padding:0!important;background:transparent!important;color:white!important;border:1px solid #ffffff60!important}html body:is(.kb-green-home,.kb-checkout) .kb-header .kb-menu-links{display:none!important;position:absolute!important;top:100%!important;right:24px!important;background:#1c102e!important;flex-direction:column!important;padding:12px!important;border:1px solid #ffffff40!important;align-items:stretch!important}html body:is(.kb-green-home,.kb-checkout) .kb-header .kb-menu-links.open{display:flex!important}html body:is(.kb-green-home,.kb-checkout) .kb-portal-footer-inner{grid-template-columns:100px 1fr auto!important;gap:10px!important}}

/* Centered visitor count, using the existing counter. */
.kb-nav{position:relative}.kb-header-views{position:absolute;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:8px;color:#fff;font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap}.kb-header-views svg{flex-shrink:0}@media(max-width:1000px){.kb-header-views{position:static;transform:none;margin-left:auto;margin-right:16px}}

#kbHeaderViewCount{display:inline-flex;min-width:4ch;min-height:1.3em;overflow:hidden;line-height:1.3}.kb-view-digit{display:inline-block;animation:kbViewRoll 1.1s ease-out both}@keyframes kbViewRoll{from{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.kb-view-digit{animation:none}}

.kb-view-icon-label{display:flex;flex-direction:column;align-items:center;gap:2px}.kb-view-icon-label small{font-size:9px;line-height:1.1;font-weight:400;white-space:nowrap;color:#d4e6dd}

#kbHeaderViewCount{gap:2px;line-height:1}.kb-reel{height:24px;width:16px;overflow:hidden;border-radius:3px;background:#150b23;color:white;text-align:center}.kb-reel-strip{display:flex;flex-direction:column;transition:transform .14s linear}.kb-reel-strip>span{height:24px;line-height:24px;flex:0 0 24px}.kb-reel-comma{line-height:24px}@media(prefers-reduced-motion:reduce){.kb-reel-strip{transition:none}}

/* Mobile layout: natural document scrolling and reachable public registration. */
@media(max-width:899px){
 html:has(body.kb-green-home),html:has(body.kb-checkout){height:auto!important;overflow-y:auto!important;overflow-x:clip!important}
 html body:is(.kb-green-home,.kb-checkout){height:auto!important;min-height:100dvh!important;overflow:visible!important;display:block!important;--kb-header-height:68px;--kb-edge:16px;--kb-logo-size:38px}
 html body:is(.kb-green-home,.kb-checkout)>main{position:static!important;height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important}
 html body.kb-green-home main>section{position:relative!important;inset:auto!important;height:auto!important;max-height:none!important}
 html body:is(.kb-green-home,.kb-checkout)>.kb-header{position:sticky!important;top:0!important;z-index:50!important}
 html body:is(.kb-green-home,.kb-checkout) .kb-header .kb-nav{position:static!important;gap:10px!important}
 html body:is(.kb-green-home,.kb-checkout) .kb-header .kb-brand{min-width:0!important;gap:8px!important;flex:1 1 auto!important;font-size:14px!important;white-space:normal!important}
 html body:is(.kb-green-home,.kb-checkout) .kb-header .kb-brand span{display:block!important;line-height:1.25!important;max-width:180px}
 html body:is(.kb-green-home,.kb-checkout) .kb-header .kb-mark{flex-shrink:0!important}
 html body:is(.kb-green-home,.kb-checkout) .kb-hamburger{display:block!important;flex:0 0 44px!important;width:44px!important;height:44px!important;border:1px solid #ffffff50!important;border-radius:10px!important;background:transparent!important;color:white!important;font-size:25px!important;padding:0!important}
 html body:is(.kb-green-home,.kb-checkout) .kb-header #kbMainMenu{display:none!important;position:absolute!important;top:100%!important;left:12px!important;right:12px!important;width:auto!important;max-height:calc(100dvh - 84px)!important;overflow-y:auto!important;flex-direction:column!important;align-items:stretch!important;gap:4px!important;background:#1c102e!important;border:1px solid #ffffff40!important;border-radius:14px!important;padding:12px!important;box-shadow:0 12px 30px #0005!important}
 html body:is(.kb-green-home,.kb-checkout) .kb-header #kbMainMenu.open{display:flex!important}
 html body:is(.kb-green-home,.kb-checkout) .kb-header #kbMainMenu>a,html body:is(.kb-green-home,.kb-checkout) .kb-header #kbMainMenu>button{width:100%!important;min-height:44px!important;font-size:14px!important;justify-content:flex-start!important;padding:10px 12px!important;white-space:normal!important}
 html body:is(.kb-green-home,.kb-checkout)>footer.kb-portal-footer{height:auto!important;min-height:100px!important;padding:20px 16px!important;position:static!important}
 html body:is(.kb-green-home,.kb-checkout) .kb-portal-footer-inner{grid-template-columns:100px minmax(0,1fr)!important;gap:10px 14px!important}
 html body:is(.kb-green-home,.kb-checkout) .kb-footer-metrics{grid-column:2!important;min-width:0!important;flex-wrap:wrap!important}
 html body:is(.kb-green-home,.kb-checkout) .kb-portal-footer span{grid-column:2!important;justify-self:start!important;white-space:normal!important;font-size:11px!important}
 html body:is(.kb-green-home,.kb-checkout) .kb-portal-footer p{font-size:11px!important;overflow-wrap:anywhere!important;text-align:left!important}
 html body.kb-checkout main.kb-cba-form-main:has(.kb-register-heading){width:100%!important;margin:20px auto!important;padding:0 16px 24px!important}
 html body.kb-checkout .kb-cba-register-form{grid-template-columns:minmax(0,1fr)!important;padding:20px 16px!important;gap:16px!important}
 html body.kb-checkout .kb-cba-register-form>label,html body.kb-checkout .kb-cba-register-form>p,html body.kb-checkout .kb-cba-register-form>button{grid-column:1!important}
 html body.kb-checkout .kb-cba-register-form label{font-size:14px!important;overflow-wrap:anywhere}
 html body.kb-checkout .kb-cba-register-form input:not([type=checkbox]),html body.kb-checkout .kb-cba-register-form select{font-size:16px!important;height:48px!important;min-height:48px!important;max-width:100%!important}
 html body.kb-checkout .kb-cba-register-form .kb-password-eye{height:48px!important;width:44px!important}
 html body.kb-checkout .kb-cba-register-form>button{min-height:48px!important;height:auto!important;font-size:15px!important;white-space:normal!important}
 html body.kb-checkout .kb-cba-register-form .kb-consent{font-size:13px!important}
 html body.kb-checkout .kb-cba-register-form input[type=checkbox]{width:20px!important;height:20px!important}
 html body.kb-green-home #home .kh-container{width:calc(100% - 32px);padding:30px 0}
 html body.kb-green-home #home .kh-copy p{font-size:15px;line-height:1.65}
 html body.kb-green-home #home .kh-button{font-size:13px;min-height:48px;line-height:1.5;text-align:center}
 html body.kb-green-home #home .kh-benefit b{font-size:12px}
 html body.kb-green-home #home .kh-benefit small{font-size:11px;line-height:1.4}
 html body.kb-green-home #home .kh-benefit{min-width:0}
}
@media(max-width:360px){html body.kb-green-home #home .kh-benefits{grid-template-columns:minmax(0,1fr)}html body:is(.kb-green-home,.kb-checkout) .kb-header .kb-brand{font-size:12px!important}}

/* Align the injected Agent/language/account toolbar with the brand on mobile. */
@media(max-width:899px){
 html:root body:is(.kb-green-home,.kb-checkout)>.kb-header.kb-reference-header{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;height:64px!important;min-height:64px!important;padding:0 12px!important}
 html:root body:is(.kb-green-home,.kb-checkout)>.kb-header.kb-reference-header>.kb-nav{display:contents!important}
 html:root body:is(.kb-green-home,.kb-checkout)>.kb-header.kb-reference-header .kb-brand{order:0!important;flex:1 1 0!important;min-width:0!important;gap:6px!important;font-size:11px!important;margin:0!important;align-self:center!important}
 html:root body:is(.kb-green-home,.kb-checkout)>.kb-header.kb-reference-header .kb-brand span{display:block!important;max-width:110px!important;white-space:normal!important;line-height:1.2!important}
 html:root body:is(.kb-green-home,.kb-checkout)>.kb-header.kb-reference-header .kb-mark{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;padding:1px!important}
 html:root body:is(.kb-green-home,.kb-checkout)>.kb-header.kb-reference-header #kb-header-tools{order:1!important;position:static!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;flex:0 0 auto!important;flex-wrap:nowrap!important;gap:3px!important;width:auto!important;margin:0!important;transform:none!important}
 html:root body:is(.kb-green-home,.kb-checkout)>.kb-header.kb-reference-header #kb-header-language{display:flex!important;align-items:center!important;margin:0!important}
 html:root body:is(.kb-green-home,.kb-checkout)>.kb-header.kb-reference-header .kb-hamburger{order:2!important;flex:0 0 32px!important;width:32px!important;height:36px!important;min-height:36px!important;margin:0!important;align-self:center!important;font-size:22px!important}
 html:root body:is(.kb-green-home,.kb-checkout)>.kb-header.kb-reference-header #kb-header-tools svg{width:18px!important;height:18px!important;flex:0 0 18px!important}
 html:root body:is(.kb-green-home,.kb-checkout)>.kb-header.kb-reference-header #kbMainMenu{order:3!important}
}
@media(max-width:360px){html:root body:is(.kb-green-home,.kb-checkout)>.kb-header.kb-reference-header{gap:5px!important;padding:0 8px!important}html:root body:is(.kb-green-home,.kb-checkout)>.kb-header.kb-reference-header .kb-brand{font-size:10px!important}}