:root{--pine:#073f78!important;--pine2:#1299e7!important;--ink:#102d4c!important;--cream:#eef7fd!important;--paper:#ffffff!important;--sage:#dceffc!important;--gold:#6257ec!important;--text:#294764!important;--muted:#64788b!important;--line:#cbddea!important}
.topline,.directory,.dark,.cta,.foot,.footer{background:#073f78!important}
.header{background:#fffffff5!important}
.seal{width:54px!important;height:54px!important;border:0!important;border-radius:50%!important;display:block!important;background:#1299e7 url('assets/ocob-logo.png') center/contain no-repeat!important;font-size:0!important;box-shadow:0 0 0 1px #073f7820!important}
.seal:after{display:none!important}
.brand small{color:#607b94!important}.navlinks,.links{color:#294764!important}.kicker{color:#6257ec!important}
h1 em,h2 em{color:#6257ec!important}.button{background:#073f78!important;border-color:#073f78!important}.button:hover{background:#1299e7!important}
.button.outline{background:transparent!important;color:#073f78!important}.button.paper{background:#fff!important;color:#073f78!important;border-color:#fff!important}
.hero,.page-hero,.about,.quote,.community-card,.panel{background:#eef7fd!important}.join{background:#dceffc!important}
.value,.member,.card,.join-box,.form{background:#fff!important}.value .number,.card b,.row span,.principles span{color:#6257ec!important}
.hero h1,.heading h2,.about-copy h2,.join-copy h2,h1,h2,.card h3,.panel h3,.row strong,.quote blockquote,.faq summary{color:#073f78!important}
.hero-visual:after{background:linear-gradient(180deg,transparent 55%,rgba(7,63,120,.38))!important}
.dark h2,.cta h2{color:#fff!important}.dark .lede,.dark .card p,.step p,.cta p{color:#d9eaf6!important}.step b{color:#8f87ff!important}
.foot,.footer{color:#fff!important}.foot-links,.foot div,.copyright,.copy{color:#d3e5f2!important}

/* Site-wide readability scale */
body{font-size:17px!important;line-height:1.72!important}
.topline{font-size:10px!important}
.brand strong{font-size:12px!important}.brand small{font-size:9px!important}
.links,.navlinks{font-size:13px!important}
.button{font-size:11px!important;line-height:1.25!important}
.kicker{font-size:11px!important;line-height:1.4!important}
.lede{font-size:17px!important}
.meta{font-size:11px!important}
.card p,.step p,.row p,.faq p,.panel ul{font-size:14px!important}
.card h3{font-size:25px!important}.step h3{font-size:23px!important}.row strong{font-size:23px!important}
.form label{font-size:11px!important}.form input,.form select,.form textarea{font-size:16px!important}
.cta p{font-size:15px!important}
.foot strong{font-size:12px!important}.foot div{font-size:11px!important}.copy{font-size:10px!important}
@media(max-width:600px){body{font-size:16px!important}.links{font-size:14px!important}.button{font-size:10px!important}.lede{font-size:16px!important}}

.trade-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.trade-grid .card{border-top-color:#6257ec!important}
.trade-grid .card:after{display:none!important}
@media(max-width:900px){.trade-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){.trade-grid{grid-template-columns:1fr!important}}

/* Stronger OCOB visual personality */
body{letter-spacing:-.005em!important}.topline{background:linear-gradient(90deg,#073f78 0%,#0b64a4 68%,#6257ec 100%)!important;font-weight:700!important}
.header{box-shadow:0 8px 28px rgba(7,63,120,.07)!important}.header nav{min-height:82px!important}
.brand strong{color:#073f78!important;font-weight:800!important}.seal{box-shadow:0 0 0 4px #eef7fd,0 0 0 5px #b8d9ed!important}
.links a,.navlinks a{position:relative;font-weight:700!important}.links a:after,.navlinks a:after{content:'';position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:#6257ec;transition:right .2s}.links a:hover:after,.links a[aria-current=page]:after,.navlinks a:hover:after{right:0}
.button{border-radius:2px!important;box-shadow:0 8px 18px rgba(7,63,120,.14);transition:transform .2s,background .2s,box-shadow .2s!important}.button:hover{transform:translateY(-2px)!important;box-shadow:0 12px 24px rgba(7,63,120,.2)!important}
.page-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#eef7fd 0%,#f8fbfe 62%,#e8e6ff 100%)!important}.page-hero:before{content:'OCOB';position:absolute;right:-25px;bottom:-85px;color:#073f7808;font:700 230px/1 var(--serif);letter-spacing:-.08em}.page-hero .wrap{position:relative;z-index:1}.page-hero .wrap:before{content:'';position:absolute;left:-28px;top:4px;width:5px;height:70px;background:linear-gradient(#1299e7,#6257ec)}
.page-hero h1{max-width:930px!important}.meta{font-weight:700!important;letter-spacing:.16em!important}
.card{position:relative;overflow:hidden;border-top:4px solid #1299e7!important;box-shadow:0 8px 22px rgba(7,63,120,.06);transition:transform .2s,box-shadow .2s,border-color .2s}.card:after{content:'';position:absolute;right:-35px;bottom:-35px;width:90px;height:90px;border:1px solid #6257ec20;border-radius:50%}.card:hover{transform:translateY(-4px);border-top-color:#6257ec!important;box-shadow:0 16px 34px rgba(7,63,120,.12)}
.panel{border-top:5px solid #6257ec!important}.quote{position:relative;border-top:1px solid #cbddea;border-bottom:1px solid #cbddea}.quote:before{content:'“';position:absolute;left:50%;top:13px;transform:translateX(-50%);color:#6257ec22;font:120px/1 var(--serif)}
.dark,.cta{background:linear-gradient(135deg,#063665 0%,#073f78 63%,#164f84 100%)!important}.footer{border-top:5px solid #6257ec!important}