/* Qualitum v7 chrome (nav + footer) for legacy-layout pages. Scoped; does not touch page styles. */
.q-top,.q-nav,.q-foot,.vmodal{--g0:#062018;--g1:#082218;--g2:#003B2F;--mint:#01F99C;--mint-l:#3EF1AC;--coral:#FF6B4A;--sage:#8FA5A0;--line-d:rgba(143,165,160,.18);--line-d2:rgba(143,165,160,.3);--mono:'JetBrains Mono',ui-monospace,monospace;--wrap:1240px;--pad:clamp(16px,4vw,48px);font-family:'DM Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased;box-sizing:border-box}
.q-top *,.q-nav *,.q-foot *{box-sizing:border-box}
.q-top{background:var(--g2);color:#d9efe6;font-size:13px;line-height:1.5;text-align:center;padding:9px var(--pad);display:flex;justify-content:center;align-items:center;gap:10px}
.q-top strong{color:#fff;font-weight:600}
.q-top .dot{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px rgba(1,249,156,.18);flex:none}
.q-nav{position:sticky;top:0;z-index:1000;background:rgba(6,32,24,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line-d);line-height:1.5}
.q-nav a{text-decoration:none}
.q-nav-in{max-width:var(--wrap);margin:0 auto;padding:0 var(--pad);height:64px;display:flex;align-items:center;gap:20px}
.q-brand{display:flex;align-items:center;flex:none}.q-brand img{height:26px;width:auto;display:block}
.q-menu{display:flex;gap:0;list-style:none;margin:0;padding:0;flex:1}
.q-menu>li{position:relative;margin:0;padding:0;list-style:none}
.q-menu>li::before,.q-menu>li::marker{content:none}
.q-mt{background:none;border:0;color:#d5e3df;font:500 14px/1.4 'DM Sans',system-ui,sans-serif;padding:8px 11px;border-radius:8px;display:flex;align-items:center;gap:6px;cursor:pointer}
.q-mt svg{width:10px;height:10px;opacity:.6;transition:transform .2s}
.q-mt:hover,.q-menu>li.open>.q-mt{color:#fff;background:rgba(255,255,255,.06)}
.q-menu>li.open>.q-mt svg{transform:rotate(180deg)}
.q-mega{position:absolute;left:0;top:calc(100% + 10px);background:var(--g1);border:1px solid var(--line-d2);border-radius:16px;width:max-content;max-width:min(600px,92vw);box-shadow:0 40px 80px -30px rgba(0,0,0,.6);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .18s,transform .18s,visibility .18s;display:none}
.q-menu>li.open>.q-mega{display:block;opacity:1;visibility:visible;transform:none}
.q-mega::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.q-mega-in{padding:8px}
.q-mega-intro{display:none}
.q-mega-grid{display:grid;grid-template-columns:repeat(2,minmax(0,260px));gap:2px}
.q-ml{display:block;padding:10px 12px;border-radius:10px;color:#fff!important;transition:background .15s}
.q-ml:hover{background:rgba(255,255,255,.05)}
.q-ml b{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px;margin-bottom:2px;color:#fff}
.q-ml span{display:block;color:var(--sage);font-size:12.5px;line-height:1.45}
.q-ml i{font-style:normal;font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;padding:2px 7px;border-radius:999px;border:1px solid rgba(1,249,156,.4);color:var(--mint)}
.q-mg{grid-column:1/-1;margin:6px 4px 2px;padding:14px 8px 4px;border-top:1px solid var(--line-d)}
.q-mg b{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mint);font-weight:500;margin-bottom:4px}
.q-mg span{display:block;font-size:12.5px;color:var(--sage);line-height:1.45;max-width:500px}
.q-nav-r{display:flex;align-items:center;gap:10px;flex:none}
.q-login{color:#d5e3df!important;font-size:14px;font-weight:500;padding:8px 10px}.q-login:hover{color:#fff!important}
.q-nav .btn{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 15px;border-radius:999px;font:600 13.5px/1 'DM Sans',system-ui,sans-serif;letter-spacing:-.01em;border:1px solid transparent;white-space:nowrap;transition:background .2s,border-color .2s,color .2s}
.q-nav .btn-mint{background:var(--mint);color:var(--g0)!important}.q-nav .btn-mint:hover{background:var(--mint-l)}
.q-nav .btn-ghost{border-color:rgba(255,255,255,.28);color:#fff!important}.q-nav .btn-ghost:hover{border-color:var(--mint);color:var(--mint)!important}
.q-burger{display:none;background:none;border:1px solid var(--line-d2);border-radius:10px;width:44px;height:44px;align-items:center;justify-content:center;color:#fff;cursor:pointer}
.q-burger svg{width:20px;height:20px}
@media(max-width:1180px){.q-nav-r .btn-ghost{display:none}.q-mt{padding:8px}}
@media(max-width:1020px){
.q-burger{display:inline-flex;margin-left:auto}
.q-menu,.q-nav-r{display:none}
.q-nav.mob .q-menu{display:flex;flex-direction:column;position:fixed;inset:64px 0 0;background:var(--g0);overflow:auto;padding:12px var(--pad) 140px}
.q-nav.mob .q-nav-r{display:flex;position:fixed;left:0;right:0;bottom:0;padding:16px var(--pad);background:var(--g1);border-top:1px solid var(--line-d);flex-wrap:wrap}
.q-nav.mob .q-nav-r .btn{flex:1;justify-content:center;height:46px;display:inline-flex}
.q-menu>li{border-bottom:1px solid var(--line-d)}
.q-mt{width:100%;justify-content:space-between;font-size:18px;padding:18px 0;border-radius:0}
.q-mt:hover,.q-menu>li.open>.q-mt{background:none}
.q-mega{position:static;transform:none!important;width:auto;max-width:none;border:0;border-radius:0;box-shadow:none;background:none}
.q-mega::before{display:none}
.q-mega-in{padding:0 0 14px}
.q-mega-grid{grid-template-columns:1fr}
.q-ml{padding:9px 0}
.q-mg{margin:8px 0 0;padding:14px 0 4px}}
.q-foot{background:var(--g1);color:var(--sage);padding:72px 0 28px;border-top:1px solid var(--line-d);font-size:14px;line-height:1.6;margin:0}
.q-foot .wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--pad)}
.qf-grid{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(5,minmax(0,1fr));gap:32px}
.qf-brand img{height:26px;width:auto;margin-bottom:18px;display:block}
.qf-brand p{font-size:14px;line-height:1.6;max-width:300px;margin:0;color:var(--sage)}
.q-foot h6{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#fff;font-weight:500;margin:0 0 16px}
.q-foot ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.q-foot li{margin:0;padding:0}
.q-foot a{color:var(--sage);text-decoration:none}.q-foot a:hover{color:var(--mint)}
.q-foot .footer-featured{border-top:1px solid var(--line-d);margin-top:56px;padding:22px 0 18px}
.q-foot .featured-badges{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px}
.q-foot .featured-badges a{display:inline-flex;align-items:center;opacity:.88}
.q-foot .featured-badges a:hover{opacity:1}
.q-foot .featured-badges img{height:44px!important;width:auto!important;max-width:none!important;max-height:none!important;display:block!important}
.q-foot .featured-badges .featured-text{height:44px;padding:0 16px;background:#fff;border:1px solid #e3e3e3;border-radius:8px;flex-direction:column;justify-content:center;align-items:flex-start;gap:1px;color:#111!important;font-size:14px;font-weight:600;line-height:1.1;opacity:1}
.q-foot .featured-badges .featured-text small{font-size:9.5px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:#555}
.q-foot .footer-company{display:flex;flex-wrap:wrap;gap:6px 22px;padding:18px 0;border-top:1px solid var(--line-d);font-size:13px;margin:0}
.q-foot .footer-company strong{color:#fff;font-weight:600}
.qf-rule{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;padding-top:18px;border-top:1px solid var(--line-d);font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase}
@media(max-width:1020px){.qf-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.qf-brand{grid-column:1/-1}}
@media(max-width:560px){.qf-grid{grid-template-columns:1fr 1fr}.q-foot .featured-badges img{height:40px!important}.q-foot .featured-badges .featured-text{height:40px}.q-top{font-size:12px;text-align:left}}
html{overflow-x:hidden}@supports (overflow:clip){html{overflow-x:visible}html,body{overflow-x:clip}}

/* legacy pages: full-bleed hero aligned with new chrome */
.hero-wrap{padding:0!important;background:#062018!important}
.hero-dark{border-radius:0!important;background:#062018!important}
.hero-dark .hero-inner{max-width:1240px;margin-left:auto;margin-right:auto;padding-left:clamp(16px,4vw,48px)!important;padding-right:clamp(16px,4vw,48px)!important;padding-top:clamp(40px,6vw,80px)!important;box-sizing:border-box}
.hero-dark .vlines{display:none}
.cta-band{border-radius:0!important;margin-left:0!important;margin-right:0!important}

.q-brand img{height:34px!important}
.q-brand{margin-right:clamp(16px,4vw,56px)}
@media(max-width:1020px){.q-brand img{height:30px!important}.q-brand{margin-right:0}}

/* mobile menu fix: backdrop-filter made the nav the containing block for fixed children */
@media(max-width:1020px){
.q-nav{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:var(--g0)!important}
.q-nav.mob .q-menu{display:flex!important;position:fixed!important;top:64px!important;left:0!important;right:0!important;bottom:0!important;height:calc(100dvh - 64px);overflow-y:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;z-index:1001;padding-bottom:150px!important}
.q-nav.mob .q-nav-r{z-index:1002}
.q-nav.mob .q-menu>li.open>.q-mega{display:block!important;opacity:1!important;visibility:visible!important}
.q-nav.mob .q-mega-grid{display:grid!important}
}

@media(max-width:1020px){.q-nav-in{position:relative;z-index:1003}.q-burger{position:relative;z-index:1004}}