/* Shared CBPRO navigation and reading surfaces. */
:root{--circuit-navy:#081834;--circuit-blue:#124aa6;--circuit-green:#0dd878;--circuit-white:#ffffff;--circuit-paper:#f4f7fb;--circuit-muted:#536985;--circuit-line:#d5e0ed;--circuit-ease:cubic-bezier(.16,1,.3,1)}
html{scroll-padding-top:110px;scrollbar-color:#647e9e #e5ecf4}
body{caret-color:#124aa6}
::selection{background:#0dd878;color:#081834}
#root :is(button,a,input,select,textarea,[role=tab]):focus-visible{outline:3px solid #168f58;outline-offset:4px}
#root :is(h1,h2,h3){text-wrap:balance}
#root :is(input,select,textarea){font-family:Barlow,sans-serif}
#root :is(td,[class*='score'],[class*='balance']){font-variant-numeric:tabular-nums}
.circuit-header{position:sticky;top:0;z-index:90;color:#f3f7ff;background:#081834;border-bottom:1px solid #254267;font:500 15px/1.4 Barlow,sans-serif}
.circuit-header-main{max-width:1480px;min-height:88px;margin:auto;padding:14px clamp(20px,3.5vw,56px);display:flex;align-items:center;gap:36px}
.circuit-brand{flex:0 0 190px}.circuit-brand img{width:190px;height:52px;object-fit:contain}
.circuit-primary-nav{display:flex;align-items:center;gap:24px;margin:auto}.circuit-header a{color:inherit;text-decoration:none}
.circuit-primary-nav a{position:relative;display:flex;align-items:center;min-height:44px;font-weight:600}
.circuit-primary-nav a::after{content:'';position:absolute;bottom:2px;left:0;right:0;height:2px;background:#0dd878;transform:scaleX(0);transform-origin:left;transition:transform .28s var(--circuit-ease)}
.circuit-primary-nav a:hover::after,.circuit-primary-nav a[aria-current]::after{transform:scaleX(1)}
.circuit-account{display:flex;align-items:center;gap:12px;margin-left:auto}.circuit-header button{font:inherit;cursor:pointer}
.circuit-header .circuit-account-link{padding:12px 20px;background:#0dd878;color:#081834;border-radius:6px;font-weight:700;white-space:nowrap;transition:background .2s}
.circuit-header .circuit-account-link:hover{background:#66eda9}.circuit-menu-toggle,.circuit-credit{min-height:44px;background:transparent;border:1px solid #416083;color:#f3f7ff;padding:10px 14px;border-radius:6px;white-space:nowrap}
.circuit-menu-toggle[aria-expanded=true],.circuit-menu-toggle:hover{background:#173a63}.circuit-credit{border-color:transparent;padding:10px 4px}.circuit-language{max-width:100px}
.circuit-expanded-nav{max-width:1480px;margin:auto;padding:30px clamp(20px,3.5vw,56px) 38px;display:grid;grid-template-columns:1fr 1fr;gap:56px;border-top:1px solid #254267;max-height:calc(100dvh - 88px);overflow:auto;animation:circuit-menu-open .32s var(--circuit-ease)}
.circuit-expanded-nav[hidden]{display:none}.circuit-expanded-nav>div{display:grid;grid-template-columns:1fr 1fr;gap:4px 24px;align-content:start}
#root .circuit-expanded-nav h2{grid-column:1/-1;color:#90afd7;font:500 16px Barlow,sans-serif;margin:0 0 14px}
.circuit-expanded-nav a,.circuit-expanded-nav button{padding:12px 0;text-align:left;min-height:44px;border:0;background:transparent;color:#f3f7ff;font:600 17px Barlow,sans-serif}
.circuit-expanded-nav a:hover,.circuit-expanded-nav button:hover{color:#0dd878}
.circuit-expanded-nav .circuit-theme{width:auto;height:auto;border-radius:0;justify-content:flex-start}
.circuit-skip{position:fixed;top:8px;left:16px;transform:translateY(-150%);padding:14px 20px;background:#0dd878!important;color:#081834!important;z-index:101;border-radius:4px}.circuit-skip:focus{transform:translateY(0)}
#root footer.cbpro-public-footer{display:grid!important;grid-template-columns:minmax(200px,.85fr) minmax(0,1.5fr);gap:48px 64px;padding:64px max(24px,calc((100% - 1380px)/2)) 28px;background:#081834;color:#eaf2ff;border:0}
#root .cbpro-footer-intro{display:flex;flex-direction:column;align-items:flex-start;gap:24px}
#root .cbpro-footer-intro img{width:210px;height:58px;object-fit:contain}
#root .cbpro-footer-intro p{max-width:35ch;margin:0;font-size:16px;line-height:1.65;color:#aec3df}
#root .cbpro-footer-social{display:flex;flex-wrap:wrap;gap:16px;margin:0}.cbpro-footer-social a{font-size:14px;min-height:36px}
#root .cbpro-footer-navigation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:0;border:0}
#root .cbpro-footer-navigation h2{font:600 18px Barlow,sans-serif;color:#fff;margin:0 0 18px}
#root .cbpro-footer-navigation ul{display:flex;flex-direction:column;gap:0}#root .cbpro-footer-navigation li a{color:#aec3df;font-weight:400;min-height:38px;line-height:1.4}
#root .cbpro-public-footer a:hover{color:#0dd878}
#root .cbpro-footer-bottom{grid-column:1/-1;padding-top:24px;border-top:1px solid #28415f;color:#aec3df}
/* Settings, purchases and policy routes inherit the same readable system. */
#root :is(.cbpro-policy,.cbpro-regulations,.cbpro-blog,.cbpro-pricing){font-family:Barlow,sans-serif}
#root :is(.cbpro-policy,.cbpro-regulations,.cbpro-blog) :is(p,li){line-height:1.75;max-width:75ch}
#root :is(.cbpro-policy,.cbpro-regulations,.cbpro-blog) h1{font-family:Phudu,sans-serif;font-size:clamp(36px,5vw,68px);font-weight:700;letter-spacing:-.025em;line-height:1.05}
#root :is(.cbpro-policy,.cbpro-regulations,.cbpro-blog) h2{margin-top:1.6em;margin-bottom:.6em}
@keyframes circuit-menu-open{from{clip-path:inset(0 0 18% 0);transform:translateY(-8px)}to{clip-path:inset(0);transform:translateY(0)}}
@media(max-width:1200px){.circuit-header-main{gap:20px}.circuit-primary-nav{gap:16px}.circuit-brand{flex-basis:155px}.circuit-brand img{width:155px}.circuit-credit,.circuit-language{display:none}}
@media(max-width:900px){.circuit-primary-nav{display:none}.circuit-header-main{min-height:76px}.circuit-expanded-nav{max-height:calc(100dvh - 76px)}#root footer.cbpro-public-footer{gap:36px;grid-template-columns:1fr}#root .cbpro-footer-intro p{max-width:55ch}}
@media(max-width:560px){.circuit-header-main{padding:10px 16px;gap:12px}.circuit-brand{flex-basis:126px}.circuit-brand img{width:126px;height:44px}.circuit-account{gap:8px}.circuit-header .circuit-account-link{padding:11px 13px;font-size:13px}.circuit-menu-toggle{font-size:13px!important;padding:10px}.circuit-expanded-nav{grid-template-columns:1fr;gap:28px;padding:22px 20px 28px}.circuit-expanded-nav>div{gap:2px 20px}.circuit-expanded-nav a,.circuit-expanded-nav button{font-size:15px}#root footer.cbpro-public-footer{padding:40px 20px 28px}#root .cbpro-footer-navigation{grid-template-columns:1fr 1fr;gap:28px}#root .cbpro-footer-bottom{font-size:12px}}
@media(prefers-reduced-motion:reduce){.circuit-header *{animation:none!important;transition:none!important}}