/* Nav always stays dark — handled by .always-dark class on new nav */
/* Nav always stays dark — force dark bg regardless of html.light */
html.light .nav-pill,
html.light .main-nav.floating .nav-pill{background:rgba(8,12,24,.97)!important}
html.light .mobile-menu{background:#0A0E1E!important}
html.light .mega-panel,html.light .simple-panel{background:#0A0E1E!important}
html.light .mob-sub{background:#0A0E1E!important}
/* ─── Always-dark band ─ */
.always-dark{--ink:#EEF1FA;--dim:#9AA3C2;--faint:#7F89AD;--line:rgba(255,255,255,.08);--line-2:rgba(255,255,255,.16);--surface:#0D1A14;--surface-2:#0F1F18;color:var(--ink)}
/* ─── MAIN NAV ─ */
.main-nav{position:sticky;top:36px;z-index:90;padding:0;transition:padding .35s cubic-bezier(.2,.7,.2,1)}
.nav-pill{background:rgba(10,14,30,.9);backdrop-filter:saturate(140%) blur(18px);-webkit-backdrop-filter:saturate(140%) blur(18px);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.25),0 12px 32px rgba(0,0,0,.35);max-width:1180px;margin:0 auto}
.main-nav.floating{padding:8px 20px;top:44px}
.main-nav.floating .nav-pill{border-radius:16px;border:1px solid rgba(255,255,255,.1);background:rgba(8,12,24,.94);box-shadow:0 2px 8px rgba(0,0,0,.25),0 12px 32px rgba(0,0,0,.35);max-width:1180px}
.nav-inner{display:flex;align-items:center;height:62px;gap:0;max-width:1180px;margin:0 auto;padding:0 24px}
/* Logo */
.nav-logo{display:flex;align-items:center;gap:11px;flex-shrink:0;margin-right:32px;text-decoration:none}
.logo-hex{width:36px;height:36px;background:linear-gradient(135deg,#1F9D3A 0%,#6BD488 100%);clip-path:polygon(50% 0%,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.logo-hex span{font-family:'Sora',sans-serif;font-weight:800;font-size:13px;color:#0A1A0E;letter-spacing:-.02em;line-height:1}
.logo-text{display:flex;flex-direction:column;line-height:1.1}
.logo-name{font-family:'Sora',sans-serif;font-weight:700;font-size:15px;color:#EEF1FA;letter-spacing:-.02em}
.logo-sub{font-family:'Roboto Mono',monospace;font-size:9.5px;color:#7F89AD;letter-spacing:.06em;text-transform:uppercase}
/* Nav Links */
.nav-links-pill{display:flex;align-items:center;gap:2px;flex:1}
.nav-link,.nav-trigger{font-family:'Sora',sans-serif;font-size:13.5px;font-weight:500;color:#CDD5EA;padding:8px 12px;border-radius:8px;cursor:pointer;background:none;border:none;display:flex;align-items:center;gap:5px;transition:color .15s,background .15s;white-space:nowrap;text-decoration:none}
.nav-link:hover,.nav-trigger:hover{color:#EEF1FA;background:rgba(255,255,255,.06)}
.nav-trigger.open{color:#EEF1FA;background:rgba(255,255,255,.06)}
.chevron{width:14px;height:14px;display:flex;align-items:center;justify-content:center;transition:transform .15s;opacity:.7}
.nav-trigger.open .chevron{transform:rotate(180deg)}
.chevron svg{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* Nav Right */
.nav-right{display:flex;align-items:center;gap:16px;margin-left:auto;flex-shrink:0}
.nav-email{font-family:'Roboto Mono',monospace;font-size:11.5px;color:#7F89AD;letter-spacing:.01em;transition:color .15s}
.nav-email:hover{color:#9AA3C2}
.nav-cta{font-family:'Sora',sans-serif;font-size:12.5px;font-weight:700;background:#1F9D3A;color:#fff;padding:9px 18px;border-radius:100px;white-space:nowrap;transition:background .15s,transform .15s;text-decoration:none}
.nav-cta:hover{background:#36B653;transform:translateY(-1px)}
/* Hamburger */
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;background:none;border:none;margin-left:auto}
.hamburger span{display:block;width:22px;height:2px;background:#9AA3C2;border-radius:2px;transition:transform .25s,opacity .25s,background .15s}
.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hamburger.open span:nth-child(2){opacity:0}
.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
/* Drop Wraps */
.drop-wrap{position:relative}
/* Mega Panel — Services */
.mega-panel{position:absolute;top:calc(100% + 8px);left:-24px;width:680px;background:#0A0E1E;border:1px solid rgba(255,255,255,.09);border-radius:0 0 16px 16px;padding:28px;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .18s,transform .18s;box-shadow:0 24px 60px rgba(0,0,0,.6)}
.mega-panel.visible{opacity:1;pointer-events:all;transform:translateY(0)}
.mega-cols{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.mega-col-head{font-family:'Roboto Mono',monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#7F89AD;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.07)}
.mega-item{display:flex;gap:12px;padding:10px;border-radius:10px;text-decoration:none;color:inherit;transition:background .15s;margin-bottom:2px}
.mega-item:hover{background:rgba(31,157,58,.08)}
.mega-item:hover .mega-label{color:#6BD488}
.mega-item.coming-soon{opacity:.55;cursor:default;pointer-events:none}
.coming-soon-badge{display:inline-block;font-family:'Roboto Mono',monospace;font-size:9px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;background:rgba(244,163,0,.15);color:#F4A300;border:1px solid rgba(244,163,0,.3);border-radius:100px;padding:1px 6px;margin-left:6px;vertical-align:middle;line-height:1.6}
.mega-icon{font-size:18px;line-height:1;flex-shrink:0;margin-top:1px;width:22px;text-align:center}
.mega-label{font-size:13.5px;font-weight:600;color:#EEF1FA;line-height:1.2;margin-bottom:3px;transition:color .15s}
.mega-desc{font-size:11.5px;color:#7F89AD;line-height:1.4}
.mega-footer{margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.07)}
.mega-footer a{font-size:12.5px;font-weight:600;color:#36B653;font-family:'Sora',sans-serif;transition:color .15s}
.mega-footer a:hover{color:#6BD488}
/* Simple Panel — Resources */
.simple-panel{position:absolute;top:calc(100% + 8px);left:0;width:220px;background:#0D1A14;border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:8px;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .18s,transform .18s;box-shadow:0 16px 48px rgba(0,0,0,.55)}
.simple-panel.visible{opacity:1;pointer-events:all;transform:translateY(0)}
.simple-item{display:block;padding:9px 14px;font-size:13.5px;color:#9AA3C2;border-radius:8px;text-decoration:none;transition:background .15s,color .15s}
.simple-item:hover{background:rgba(255,255,255,.06);color:#EEF1FA}
/* Mobile Menu */
.mobile-menu{display:none;background:#0A0E1E;border-top:1px solid rgba(255,255,255,.07);border-bottom:2px solid #1F9D3A;padding:12px 0 16px;max-height:0;overflow:hidden;transition:max-height .3s,padding .3s}
.mobile-menu.open{max-height:600px;padding:12px 0 20px}
.mob-item{display:flex;align-items:center;justify-content:space-between;padding:11px 24px;font-size:15px;font-weight:500;color:#9AA3C2;text-decoration:none;cursor:pointer;background:none;border:none;width:100%;text-align:left;transition:color .15s}
.mob-item:hover,.mob-item.open{color:#EEF1FA}
.mob-chevron{transition:transform .2s;opacity:.6}
.mob-item.open .mob-chevron{transform:rotate(180deg)}
.mob-sub{max-height:0;overflow:hidden;transition:max-height .25s;background:#0A0E1E;border-left:2px solid rgba(31,157,58,.4);margin-left:24px;margin-right:16px;border-radius:0 0 4px 4px}
.mob-sub.open{max-height:500px}
.mob-sub-item{display:block;padding:9px 16px;font-size:13.5px;color:#7F89AD;text-decoration:none;transition:color .15s}
.mob-sub-item:hover{color:#EEF1FA}
.mob-cta-wrap{padding:16px 24px 0}
.mob-cta{display:block;text-align:center;background:#1F9D3A;color:#fff;font-weight:700;font-size:14px;padding:13px 20px;border-radius:100px;text-decoration:none;transition:background .15s}
.mob-cta:hover{background:#36B653}
/* Nav Responsive */
@media(max-width:900px){.nav-email{display:none}.nav-cta{display:none}}