/* Shared site header and brand. The page builder fingerprints this file. */

.wordmark { display:inline-flex; align-items:center; gap:10px; white-space:nowrap; font:500 30px/1 var(--display,"Space Grotesk",sans-serif); letter-spacing:-1.25px; }
.wordmark > span { display:inline-block; }
.wordmark b { color:#8ef0c4; font-weight:600; letter-spacing:-1.5px; }
.wordmark .command-brand { width:30px; height:30px; margin-right:3px; }
.wordmark .oto-brand { width:48px; height:48px; object-fit:contain; }
.wordmark svg { width:33px; height:33px; color:#1f6b4f; }
.wordmark-dot { color:#1f6b4f; }
footer .wordmark b { color:#1f6b4f; }
.campaign-footer .wordmark { margin-right:auto; color:#31513b; font-size:23px; }
.campaign-footer .wordmark b { color:#31513b; }
.header { position:sticky; top:0; z-index:50; background:#0c1a15; color:#eaf3ee; border-bottom:1px solid #244034; font:400 15px/1.65 var(--body); }
.header * { box-sizing:border-box; }
.header a { color:inherit; text-decoration:none; }
.header .nav-shell { height:84px; display:flex; align-items:center; justify-content:space-between; gap:30px; }
.header .wordmark svg,.header .wordmark-dot { color:#8ef0c4; }
.header .desktop-nav { display:flex; align-items:center; gap:30px; margin-left:auto; margin-right:35px; }
.header .desktop-nav a,.header .mobile-nav a { font-size:var(--nav-font-size); font-weight:500; white-space:nowrap; }
.header .desktop-nav a:hover,.header .desktop-nav a[aria-current=page],.header .mobile-nav a:hover,.header .mobile-nav a[aria-current=page],.header .login:hover { color:#a5efc7; }
.header .nav-actions { display:flex; align-items:center; gap:26px; }
.header .login { font-size:12px; font-weight:500; }
.header .login span { margin-left:5px; }
.header .button { display:inline-flex; align-items:center; justify-content:center; gap:24px; padding:12px 17px; border:1px solid #8ef0c4; border-radius:7px; background:#8ef0c4; color:#0c1a15; font:600 12px/1.3 var(--body); white-space:nowrap; transition:background .2s; }
.header .button:hover { background:#b2f5d9; }
.header .menu-toggle { display:none; padding:10px; border:0; background:transparent; cursor:pointer; }
.header .menu-toggle span { display:block; width:20px; height:1.5px; margin:5px 0; background:#eaf3ee; transition:transform .2s; }
.header .mobile-nav { padding:16px 24px 28px; border-top:1px solid #244034; }
.header .mobile-nav[hidden] { display:none; }
.header .mobile-nav a { display:block; padding:12px 0; }
.header a:focus-visible,.header button:focus-visible { outline:2px solid #8ef0c4; outline-offset:5px; }
@media(max-width:1190px) {
 .header .nav-shell { gap:20px; }
 .header .desktop-nav { gap:20px; margin-right:15px; }
 .header .nav-actions { gap:20px; }
}
@media(max-width:1050px) {
 .header .desktop-nav { display:none; }
 .header .nav-actions { margin-left:auto; }
 .header .menu-toggle { display:block; }
}
@media(max-width:900px) { .header .nav-shell { height:73px; } }
@media(max-width:640px) {
 .header .nav-shell { height:69px; gap:12px; }
 .header .nav-actions { gap:8px; }
 .header .login { display:none; }
 .header .menu-toggle { padding:6px; }
 .wordmark { font-size:26px; gap:7px; }
 .wordmark .command-brand { width:25px; height:25px; margin-right:0; }
 .wordmark .oto-brand { width:40px; height:40px; }
 .wordmark svg { width:28px; height:28px; }
 .campaign-footer .wordmark { width:100%; }
}
@media(max-width:360px) {
 .header .wordmark { font-size:20px; gap:5px; }
 .header .wordmark .oto-brand { width:34px; height:34px; }
}