/* TheStrat approved slate/white brand. Keep candle/SVG data colors intact. */
:root{--strat-background:#17212b;--strat-surface:#1c2833;--strat-text:#f5f7f9;--strat-muted:#b7c4cf;--strat-border:#344350}
.strat-header,.strat-header.dark-bg,.strat-header .mobile-nav,footer.strat-footer{background:var(--strat-background);background-image:none;color:var(--strat-text)}
.dark-bg,.dark-blue-bg{background-color:var(--strat-background)}
.strat-header .nav-items a,.strat-header .mobile-nav nav a,.strat-header .toggle-nav,.strat-header .mobile-nav .toggle-nav:hover{color:var(--strat-text)}
.strat-header .desktop-nav{max-width:1200px;padding:28px 42px 22px}
.strat-header .nav-items{column-gap:30px}
.strat-header .nav-items a.strat-nav-join,.strat-header .mobile-nav nav a.strat-nav-join{background:#f5f7f9;color:#17212b;border-radius:5px;padding:10px 18px;font-weight:700;line-height:1.5}
.strat-header .utility{align-items:center;column-gap:18px}
.strat-header .nav-items a{font:400 14px/1.5 Arial,sans-serif}
.strat-header .toggle-nav{min-width:44px;min-height:44px}
.strat-brand-mark{display:block;position:relative;width:113px;height:69px;overflow:hidden;mix-blend-mode:screen;flex:none}
.strat-header .desktop-nav .logo .strat-brand-mark img,.strat-header .mobile-nav .upper a .strat-brand-mark img,.strat-footer .inner .logo .strat-brand-mark img{position:absolute;width:155px;max-width:none;height:155px;left:-22px;top:-41px;padding:0;background:none;border-radius:0}
.strat-footer .inner{max-width:1200px}
.strat-footer .inner .nav-items ul li,.strat-footer .inner .nav-items ul li a,.strat-footer .text-zinc,.strat-footer .text-gray{color:var(--strat-muted)}
.strat-footer .inner hr{border-color:var(--strat-border)}
.btn.primary{background:var(--strat-text);color:var(--strat-background);border:1px solid #b7c4cf;border-radius:5px}
.btn.primary:hover{background:#fff;color:var(--strat-background)}
.btn.primary svg{color:var(--strat-background);stroke:var(--strat-background);fill:var(--strat-background)}
.btn.secondary{background:var(--strat-surface);color:var(--strat-text);border:1px solid #40515e;border-radius:5px}
.btn.secondary:hover{background:#263543}
.dark-bg .text-blue,.dark-blue-bg .text-blue,.dark-bg .primary-link,.dark-blue-bg .primary-link{color:var(--strat-text)}
.primary-link{color:#253d50}
.dark-bg .text-zinc,.dark-blue-bg .text-zinc{color:var(--strat-muted)}
.strat-header a:focus-visible,.strat-header button:focus-visible,.strat-footer a:focus-visible{outline:2px solid #f5f7f9;outline-offset:4px}
@media(max-width:780px){.strat-header .desktop-nav{padding:22px 25px}}
@media(max-width:520px){.strat-header .desktop-nav{padding:22px 20px 12px}.strat-brand-mark{width:91px;height:55px}.strat-header .desktop-nav .logo .strat-brand-mark img,.strat-header .mobile-nav .upper a .strat-brand-mark img,.strat-footer .inner .logo .strat-brand-mark img{width:126px;height:126px;left:-18px;top:-33px}}

/* Homepage accent only. */
body:has(#strat-home) .strat-header .nav-items a.strat-nav-join,body:has(#strat-home) .strat-header .mobile-nav nav a.strat-nav-join{background:#67c7f3;color:#10212d}
body:has(#strat-home) .strat-header .nav-items a.strat-nav-join:hover{background:#91dcff}


/* 2026-09-14 logo cleanup: brand mark outside the main header + icon size for pricing cards */
.strat-brand-mark img{position:absolute;width:155px;max-width:none;height:155px;left:-22px;top:-41px;padding:0;background:none;border-radius:0}
.strat-brand-mark.is-icon{width:50px;height:31px}
.strat-brand-mark.is-icon img{width:69px;height:69px;left:-10px;top:-18px}
a.logo .strat-brand-mark,.logo>a>.strat-brand-mark{margin:0 auto}

/* 2026-09-14 icon mark on light cards */
.strat-brand-mark.is-icon{mix-blend-mode:multiply}
.strat-brand-mark.is-icon img{filter:invert(1)}

/* 2026-09-14 icon mark: show whole mark, no crop (card styles force img to 50px) */
.strat-brand-mark.is-icon{width:50px;height:50px;overflow:visible}
.strat-brand-mark.is-icon img{position:static!important;width:50px!important;height:50px!important;left:auto;top:auto;max-width:100%}

/* 2026-09-14 brand mark crop must win over per-template .logo img rules */
.strat-brand-mark:not(.is-icon) img{position:absolute!important;width:155px!important;max-width:none!important;height:155px!important;left:-22px!important;top:-41px!important;padding:0!important;background:none!important;border-radius:0!important}
@media(max-width:520px){.strat-brand-mark:not(.is-icon) img{width:126px!important;height:126px!important;left:-18px!important;top:-33px!important}}