/* DCS Sports approved premium dropdown navigation + shared footer shell.
   Source of truth: founder-approved premium homepage header. */
:root{--dcs-shell-bg:#04111e;--dcs-shell-panel:#071b2d;--dcs-shell-line:rgba(151,204,230,.17);--dcs-shell-cyan:#11b9f3;--dcs-shell-green:#19dfa0;--dcs-shell-text:#fff;--dcs-shell-muted:#94afc2}
body{padding-top:74px!important}
#hdr{position:fixed;inset:0 0 auto 0;z-index:1000;transition:.25s;background:rgba(7,20,38,.78);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08);font-family:Inter,ui-sans-serif,system-ui,sans-serif}
#hdr.scrolled{background:rgba(7,20,38,.94);box-shadow:0 14px 34px rgba(0,0,0,.18)}
#hdr .wrap{max-width:100%!important;width:100%!important;margin:0 auto!important;padding:0 18px!important}
#hdr nav{height:74px;display:flex;align-items:center;gap:6px;position:relative}
#hdr .logo{display:flex;align-items:center;gap:11px;color:#fff!important;font:800 21px Sora,Inter,sans-serif;letter-spacing:-.025em;white-space:nowrap;text-decoration:none!important}
#hdr .mark{width:36px;height:36px;border-radius:11px;background:linear-gradient(120deg,#00aeef,#16e0a0);display:grid;place-items:center;color:#04121f;font-weight:800;font-size:17px;box-shadow:0 6px 18px -4px rgba(0,174,239,.7);flex:none}
#hdr .menu{display:flex;align-items:center;gap:1px;margin-left:24px;min-width:0}
#hdr .mi{position:relative}
#hdr .mi>a{display:flex;align-items:center;gap:6px;padding:9px 13px;border-radius:9px;font-size:14px;font-weight:600;color:#aebfd4!important;cursor:pointer;text-decoration:none!important;white-space:nowrap}
#hdr .mi:hover>a,#hdr .mi.open>a,#hdr .mi.active-parent>a,#hdr .mi>a:focus-visible{color:#fff!important;background:rgba(255,255,255,.075);outline:none}
#hdr .car{width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-top:-3px;opacity:.65;transition:.2s;flex:none}
#hdr .mi:hover .car,#hdr .mi.open .car{transform:rotate(-135deg);margin-top:1px}
#hdr .drop{position:absolute;top:52px;left:0;z-index:1002;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(10px);transition:opacity .18s,visibility .18s,transform .18s;background:#fff;border:1px solid #e7eef6;border-radius:18px;box-shadow:0 40px 80px -24px rgba(0,0,0,.5);padding:14px;min-width:540px;display:grid;grid-template-columns:1fr 1fr;gap:4px}
#hdr .drop.one{grid-template-columns:1fr;min-width:300px}
#hdr .mi:hover>.drop,#hdr .mi.open>.drop,#hdr .mi:focus-within>.drop{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
#hdr .mi:nth-last-child(-n+2)>.drop{left:auto;right:0}
#hdr .di{display:flex;gap:12px;padding:11px 12px;border-radius:12px;transition:.14s;text-decoration:none!important;min-width:0}
#hdr .di:hover,#hdr .di:focus-visible,#hdr .di.active{background:#f4f9fe;outline:none}
#hdr .di .ic{width:36px;height:36px;flex:none;border-radius:10px;background:linear-gradient(135deg,#e3f6ff,#e6fbf4);color:#0090c8;display:grid;place-items:center;font-weight:800;font-size:13px}
#hdr .di h5{margin:0!important;font-family:Inter,system-ui,sans-serif!important;font-size:14px!important;line-height:1.35!important;letter-spacing:0!important;font-weight:750!important;display:flex;align-items:center;gap:6px;color:#0c1726!important}
#hdr .di p{margin:2px 0 0!important;font-size:12px!important;line-height:1.45!important;color:#5b6b80!important}
#hdr .badge{display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:800;padding:2px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}
#hdr .b-live.lt{background:#e3fbf2;color:#0b7a52}#hdr .b-est.lt{background:#e2f5fe;color:#0369a1}#hdr .b-soon.lt{background:#fff3d6;color:#9a6700}#hdr .b-dark.lt{background:#fde8e8;color:#b42323}
#hdr .navcta{margin-left:auto;display:flex;gap:8px;align-items:center;flex:none}
#hdr .navcta .btn{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:10px 14px;min-height:40px;border-radius:11px;font-size:13px;font-weight:800;text-decoration:none!important;border:1px solid transparent}
#hdr .navcta .btn-d{background:rgba(255,255,255,.065);color:#fff!important;border-color:rgba(255,255,255,.16)}
#hdr .navcta .btn-p{background:linear-gradient(120deg,#00aeef,#16e0a0);color:#04121f!important;box-shadow:0 10px 30px -10px rgba(0,174,239,.65)}
#hdr .dcs-nav-toggle{display:none;width:40px;height:40px;border:1px solid rgba(151,204,230,.2);border-radius:11px;background:rgba(255,255,255,.055);color:#fff;font-size:22px;line-height:1;cursor:pointer}
#hdr + .hero,#hdr + .subhero{margin-top:-74px;padding-top:74px}

/* Existing shared footer retained exactly across the website. */
.dcs-global-footer{background:#03101c!important;color:#fff!important;padding:58px 0 24px!important;font-family:Inter,ui-sans-serif,system-ui,sans-serif}
.dcs-global-footer .inner{width:min(1260px,calc(100% - 40px));margin:auto}
.dcs-global-footer .grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:30px}
.dcs-global-footer .brandline{display:flex;align-items:center;gap:9px;font:800 19px Sora,Inter,sans-serif}.dcs-global-footer .brandline .dcs-global-mark{width:34px;height:34px}
.dcs-global-mark{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,var(--dcs-shell-cyan),var(--dcs-shell-green));color:#03131d;font-weight:900;box-shadow:0 10px 24px -12px rgba(17,185,243,.9)}
.dcs-global-footer p{color:#829eb1!important;font-size:12px!important;max-width:350px;margin:13px 0!important}
.dcs-global-footer h4{color:#fff!important;font-size:11px!important;text-transform:uppercase;letter-spacing:.08em;margin:0 0 12px!important}
.dcs-global-footer a{display:block;color:#8da8bb!important;text-decoration:none!important;font-size:12px!important;padding:4px 0!important}.dcs-global-footer a:hover{color:#fff!important}
.dcs-company-lines{display:grid;gap:5px;margin-top:14px}.dcs-company-lines span{color:#9cb6c8;font-size:10px}
.dcs-global-footer .bottom{border-top:1px solid var(--dcs-shell-line);margin-top:34px;padding-top:18px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#718da1;font-size:10px}

@media(max-width:1180px){
  #hdr .menu{display:none;position:fixed;left:0;right:0;top:74px;margin:0;padding:12px 16px 24px;background:#061827;border-bottom:1px solid rgba(151,204,230,.18);flex-direction:column;align-items:stretch;max-height:calc(100vh - 74px);overflow:auto;box-shadow:0 24px 60px rgba(0,0,0,.28)}
  #hdr .menu.open{display:flex}
  #hdr .mi{width:100%;border-bottom:1px solid rgba(151,204,230,.09)}
  #hdr .mi>a{justify-content:space-between;width:100%;padding:13px 12px;font-size:14px}
  #hdr .drop,#hdr .drop.one{position:static;display:grid;grid-template-columns:1fr;min-width:0;width:100%;max-height:0;overflow:hidden;opacity:1;visibility:visible;pointer-events:none;transform:none;padding:0 8px;border:0;border-radius:0;background:transparent;box-shadow:none;transition:max-height .25s ease,padding .25s ease}
  #hdr .mi:hover>.drop,#hdr .mi:focus-within>.drop{max-height:0;padding:0 8px;pointer-events:none}
  #hdr .mi.open>.drop{max-height:900px;padding:5px 8px 12px;pointer-events:auto}
  #hdr .di{background:rgba(255,255,255,.035);margin:3px 0}
  #hdr .di:hover,#hdr .di:focus-visible,#hdr .di.active{background:rgba(255,255,255,.085)}
  #hdr .di h5{color:#fff!important}#hdr .di p{color:#8faabc!important}
  #hdr .dcs-nav-toggle{display:grid;place-items:center}
  #hdr .navcta .btn-d{display:none}
  #hdr .navcta{margin-left:auto}
}
@media(max-width:680px){
  #hdr .wrap{padding:0 12px!important}
  #hdr .logo{font-size:18px}#hdr .mark{width:35px;height:35px}
  #hdr .navcta .btn-p{display:none}
  .dcs-global-footer .grid{grid-template-columns:1fr 1fr}
  .nlabelchip,.floatchip{display:none!important}
}
@media(max-width:480px){.dcs-global-footer .grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){#hdr *,#hdr *:before,#hdr *:after{transition:none!important;animation:none!important}}

/* nav hover-hold fix */
@media(min-width:1181px){
  #hdr .mi::after{content:"";position:absolute;left:-6px;right:-6px;top:100%;height:18px}
  #hdr .drop{transition:opacity .2s,visibility 0s linear .22s,transform .2s}
  #hdr .mi:hover>.drop,#hdr .mi.open>.drop,#hdr .mi:focus-within>.drop{transition:opacity .18s,visibility 0s,transform .18s}
}

/* compact nav 1181-1366 */
@media(min-width:1181px) and (max-width:1366px){
  #hdr .logo{font-size:18px}
  #hdr .menu{margin-left:10px}
  #hdr .mi>a{padding:9px 8px;font-size:13px}
  #hdr .mi>a.btn-p{padding:7px 10px!important;font-size:12.5px!important;margin-left:2px!important}
  #hdr .navcta .btn{padding:9px 10px;min-height:36px;font-size:12px}
}
@media(min-width:1181px) and (max-width:1268px){
  #hdr .navcta .btn-d{display:none}
}