/* DTN Homepage Command Center
   Scope: homepage visual layer only. Existing announcement IDs and JS hooks are preserved. */

body.dtn-home-command{
  --dtn-home-bg:#02050c;
  --dtn-home-panel:rgba(4, 14, 28, .82);
  --dtn-home-panel-2:rgba(8, 24, 44, .72);
  --dtn-home-line:rgba(34, 179, 255, .30);
  --dtn-home-line-strong:rgba(34, 179, 255, .52);
  --dtn-home-gold:#f2a529;
  --dtn-home-gold-soft:rgba(242, 165, 41, .42);
  --dtn-home-cyan:#00b7ff;
  --dtn-home-text:#eff8ff;
  --dtn-home-muted:#9fc7df;
  --dtn-home-dim:#6688a2;
  --dtn-home-shadow:0 24px 70px rgba(0,0,0,.58);
  color:var(--dtn-home-text);
  background:
    radial-gradient(circle at 50% -15%, rgba(0,183,255,.16), transparent 32%),
    radial-gradient(circle at 8% 16%, rgba(242,165,41,.10), transparent 28%),
    linear-gradient(180deg, #02050c 0%, #03101e 48%, #01040a 100%) !important;
}

body.dtn-home-command::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  opacity:.38;
  background-image:
    linear-gradient(90deg, rgba(0,183,255,.055) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255,255,255,.035) 1px, transparent 1px),
    radial-gradient(circle at 50% 0, rgba(0,183,255,.18), transparent 38%);
  background-size:72px 72px, 72px 72px, 100% 100%;
  mask-image:linear-gradient(180deg, #000, rgba(0,0,0,.55) 70%, transparent 100%);
}

.dtn-home-command .site-main,
.dtn-home-command .dtn-home-main{
  padding-top:0 !important;
  overflow:hidden;
}

.dtn-home-command .wrap,
.dtn-home-command .dtn-home-wrap{
  width:min(100% - 28px, 1560px) !important;
  max-width:1560px !important;
  margin-inline:auto !important;
}

/* Sponsor */
.dtn-home-command .dtn-home-sponsor{
  margin:0 !important;
  padding:10px 0 !important;
  border-bottom:1px solid rgba(0,183,255,.16);
  background:
    linear-gradient(90deg, rgba(242,165,41,.14), rgba(0,183,255,.08), rgba(242,165,41,.10)) !important;
  box-shadow:0 10px 26px rgba(0,0,0,.34) inset;
}
.dtn-home-command .dtn-home-sponsor__link{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;
  color:#f3fbff !important;
  text-decoration:none !important;
  font-weight:800 !important;
  letter-spacing:.02em;
  min-height:38px;
}
.dtn-home-command .dtn-home-sponsor__logo{
  max-height:30px !important;
  width:auto !important;
  filter:drop-shadow(0 0 10px rgba(0,183,255,.20));
}
.dtn-home-command .dtn-home-sponsor strong{color:#ffd46a;}

/* Hero */
.dtn-home-hero{
  position:relative;
  padding:clamp(34px, 5vw, 86px) 0 clamp(24px, 4vw, 56px);
  isolation:isolate;
}
.dtn-home-hero::before,
.dtn-home-hero::after{
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:-1;
}
.dtn-home-hero::before{
  inset:0;
  background:
    linear-gradient(115deg, rgba(0,183,255,.10), transparent 38%, rgba(242,165,41,.08) 72%, transparent),
    radial-gradient(circle at 68% 28%, rgba(0,183,255,.26), transparent 27%);
}
.dtn-home-hero::after{
  left:clamp(18px, 4vw, 70px);
  right:clamp(18px, 4vw, 70px);
  bottom:0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(0,183,255,.85), rgba(242,165,41,.78), transparent);
}
.dtn-home-hero__grid{
  display:grid;
  grid-template-columns:minmax(0, 1.08fr) minmax(280px, .72fr);
  align-items:center;
  gap:clamp(28px, 5vw, 84px);
}
.dtn-home-hero__copy{
  position:relative;
  padding:clamp(18px, 3vw, 34px);
  background:
    linear-gradient(135deg, rgba(0,183,255,.11), rgba(4,14,28,.48) 42%, rgba(242,165,41,.06)),
    rgba(3,9,18,.56);
  border:1px solid var(--dtn-home-line);
  border-top-color:var(--dtn-home-gold-soft);
  box-shadow:var(--dtn-home-shadow), 0 0 0 1px rgba(255,255,255,.03) inset;
  clip-path:polygon(0 0, calc(100% - 28px) 0, 100% 28px, 100% 100%, 28px 100%, 0 calc(100% - 28px));
}
.dtn-home-kicker{
  display:flex;
  align-items:center;
  gap:10px;
  color:#80dcff;
  font-family:Orbitron, Rajdhani, system-ui, sans-serif;
  font-size:clamp(12px, 1.15vw, 15px);
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.dtn-home-kicker span{color:#ffd46a;}
.dtn-home-kicker i{
  width:42px;
  height:1px;
  background:linear-gradient(90deg, rgba(0,183,255,.9), transparent);
}
.dtn-home-hero h1{
  margin:12px 0 10px !important;
  color:#f7fcff !important;
  font-family:Orbitron, Rajdhani, Impact, system-ui, sans-serif !important;
  font-size:clamp(42px, 7vw, 96px) !important;
  line-height:.88 !important;
  letter-spacing:.035em !important;
  text-transform:uppercase !important;
  text-shadow:0 0 20px rgba(0,183,255,.40), 0 0 8px rgba(255,255,255,.16) !important;
}
.dtn-home-lead{
  max-width:820px;
  margin:0;
  color:var(--dtn-home-muted);
  font-size:clamp(16px, 1.35vw, 20px);
  line-height:1.45;
}
.dtn-home-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:24px;
}
.dtn-home-btn{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 18px;
  color:#eaf8ff !important;
  font-family:Orbitron, Rajdhani, system-ui, sans-serif;
  font-size:12px;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
  text-decoration:none !important;
  border:1px solid rgba(0,183,255,.38);
  background:linear-gradient(180deg, rgba(0,183,255,.15), rgba(0,65,105,.10));
  box-shadow:0 16px 34px rgba(0,0,0,.34), 0 0 0 1px rgba(0,183,255,.10) inset;
  clip-path:polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px));
  transition:transform .15s ease, filter .15s ease, border-color .15s ease, box-shadow .15s ease;
}
.dtn-home-btn:hover{
  transform:translateY(-1px);
  border-color:rgba(0,183,255,.72);
  filter:brightness(1.08);
  box-shadow:0 18px 42px rgba(0,0,0,.44), 0 0 22px rgba(0,183,255,.18);
}
.dtn-home-btn--primary{
  background:linear-gradient(180deg, rgba(0,183,255,.30), rgba(0,72,120,.18));
  border-color:rgba(0,183,255,.70);
}
.dtn-home-btn--gold{
  color:#fff7dd !important;
  background:linear-gradient(180deg, rgba(242,165,41,.34), rgba(104,61,0,.18));
  border-color:rgba(242,165,41,.76);
  box-shadow:0 16px 34px rgba(0,0,0,.34), 0 0 18px rgba(242,165,41,.12);
}
.dtn-home-btn--small{min-height:38px; padding-inline:14px; font-size:11px;}

.dtn-home-hero__logo{
  position:relative;
  min-height:360px;
  display:grid;
  place-items:center;
}
.dtn-home-hero__logo::before{
  content:"";
  position:absolute;
  inset:10%;
  background:
    radial-gradient(circle, rgba(0,183,255,.24), transparent 57%),
    conic-gradient(from 30deg, transparent, rgba(0,183,255,.18), transparent, rgba(242,165,41,.16), transparent);
  filter:blur(.2px);
  clip-path:polygon(50% 0, 94% 24%, 94% 76%, 50% 100%, 6% 76%, 6% 24%);
}
.dtn-home-hero__logo img{
  position:relative;
  width:min(370px, 72vw);
  max-width:100%;
  height:auto;
  filter:drop-shadow(0 0 18px rgba(0,183,255,.58)) drop-shadow(0 0 16px rgba(242,165,41,.36));
}
.dtn-home-orbit{
  position:absolute;
  inset:0;
  pointer-events:none;
}
.dtn-home-orbit span{
  position:absolute;
  width:70px;
  height:96px;
  border:1px solid rgba(0,183,255,.38);
  background:linear-gradient(135deg, rgba(0,183,255,.16), rgba(242,165,41,.06));
  box-shadow:0 0 20px rgba(0,183,255,.15);
  transform:rotate(10deg);
  clip-path:polygon(12% 0, 88% 0, 100% 12%, 100% 88%, 88% 100%, 12% 100%, 0 88%, 0 12%);
}
.dtn-home-orbit span:nth-child(1){left:2%; top:18%; transform:rotate(-18deg);}
.dtn-home-orbit span:nth-child(2){right:4%; top:12%; transform:rotate(18deg);}
.dtn-home-orbit span:nth-child(3){left:18%; bottom:4%; transform:rotate(12deg);}
.dtn-home-orbit span:nth-child(4){right:18%; bottom:10%; transform:rotate(-14deg);}

/* Lanes */
.dtn-home-lanes{padding:20px 0 8px;}
.dtn-home-lanes__grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:12px;
}
.dtn-home-lane{
  position:relative;
  min-height:112px;
  padding:16px 16px 14px;
  text-decoration:none !important;
  color:var(--dtn-home-text) !important;
  background:linear-gradient(135deg, rgba(0,183,255,.10), rgba(3,12,23,.82) 58%, rgba(242,165,41,.06));
  border:1px solid rgba(0,183,255,.22);
  border-top-color:rgba(242,165,41,.38);
  box-shadow:0 16px 40px rgba(0,0,0,.30);
  clip-path:polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 18px 100%, 0 calc(100% - 18px));
}
.dtn-home-lane:hover{border-color:rgba(0,183,255,.62); transform:translateY(-1px);}
.dtn-home-lane__num{
  display:inline-grid;
  place-items:center;
  min-width:34px;
  height:24px;
  margin-bottom:12px;
  color:#08101a;
  background:linear-gradient(180deg, #ffd46a, #f2a529);
  font-family:Orbitron, system-ui;
  font-size:12px;
  font-weight:950;
}
.dtn-home-lane strong{
  display:block;
  margin-bottom:6px;
  color:#fff;
  font-family:Orbitron, system-ui;
  font-size:16px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.dtn-home-lane em{
  display:block;
  color:var(--dtn-home-muted);
  font-style:normal;
  line-height:1.35;
  font-size:13px;
}

/* Sections */
.dtn-home-command-grid,
.dtn-home-announcements,
.dtn-home-lower,
.dtn-home-support{padding:clamp(28px, 4vw, 58px) 0;}
.dtn-home-section-head{
  margin-bottom:18px;
}
.dtn-home-section-head--row{
  display:flex !important;
  align-items:end !important;
  justify-content:space-between !important;
  gap:18px !important;
}
.dtn-home-section-head span,
.dtn-home-panel__eyebrow{
  display:block;
  color:#78d9ff;
  font-family:Orbitron, system-ui;
  font-size:12px;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.dtn-home-section-head h2,
.dtn-home-panel h2,
.dtn-home-support h2{
  margin:6px 0 6px !important;
  color:#fff !important;
  font-family:Orbitron, system-ui !important;
  font-size:clamp(24px, 3vw, 42px) !important;
  letter-spacing:.055em !important;
  text-transform:uppercase !important;
}
.dtn-home-section-head p,
.dtn-home-panel p,
.dtn-home-support p{margin:0; color:var(--dtn-home-muted); line-height:1.45;}

.dtn-home-card-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:14px;
}
.dtn-home-card{
  position:relative;
  min-height:220px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:18px;
  color:var(--dtn-home-text) !important;
  text-decoration:none !important;
  overflow:hidden;
  background:
    linear-gradient(180deg, rgba(0,183,255,.08), rgba(4,14,28,.86)),
    radial-gradient(circle at 70% 0%, rgba(0,183,255,.18), transparent 45%);
  border:1px solid rgba(0,183,255,.24);
  border-top-color:rgba(242,165,41,.38);
  box-shadow:var(--dtn-home-shadow);
  clip-path:polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 20px 100%, 0 calc(100% - 20px));
}
.dtn-home-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(115deg, transparent 0 42%, rgba(0,183,255,.12) 42% 43%, transparent 43% 76%, rgba(242,165,41,.09) 76% 77%, transparent 77%),
    radial-gradient(circle at 82% 12%, rgba(242,165,41,.15), transparent 30%);
  opacity:.9;
}
.dtn-home-card:hover{transform:translateY(-2px); border-color:rgba(0,183,255,.66); filter:brightness(1.06);}
.dtn-home-card__label,
.dtn-home-card h3,
.dtn-home-card p,
.dtn-home-card b{position:relative; z-index:1;}
.dtn-home-card__label{
  width:max-content;
  margin-bottom:auto;
  padding:5px 9px;
  color:#09111c;
  background:linear-gradient(180deg, #8fe5ff, #00b7ff);
  font-family:Orbitron, system-ui;
  font-size:10px;
  font-weight:950;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.dtn-home-card h3{
  margin:46px 0 7px !important;
  color:#fff !important;
  font-family:Orbitron, system-ui !important;
  font-size:22px !important;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.dtn-home-card p{margin:0 0 15px; color:var(--dtn-home-muted); line-height:1.4;}
.dtn-home-card b{color:#ffd46a; font-family:Orbitron, system-ui; font-size:12px; letter-spacing:.11em; text-transform:uppercase;}

/* Announcements */
.dtn-home-command .dtn-home-announcements{
  background:linear-gradient(180deg, rgba(0,183,255,.035), rgba(242,165,41,.025));
  border-block:1px solid rgba(0,183,255,.12);
}
.dtn-home-command .dtn-home-ann-grid{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:14px !important;
}
.dtn-home-command .ann-col{
  min-height:238px !important;
  padding:0 !important;
  overflow:hidden;
  background:linear-gradient(180deg, rgba(4,14,28,.88), rgba(1,6,13,.92)) !important;
  border:1px solid rgba(0,183,255,.22) !important;
  border-top-color:rgba(242,165,41,.42) !important;
  box-shadow:0 18px 46px rgba(0,0,0,.36) !important;
  clip-path:polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 16px 100%, 0 calc(100% - 16px));
}
.dtn-home-command .ann-col__head{
  padding:12px 14px !important;
  color:#fff !important;
  background:linear-gradient(90deg, rgba(0,183,255,.18), rgba(242,165,41,.08), transparent) !important;
  border-bottom:1px solid rgba(0,183,255,.16) !important;
  font-family:Orbitron, system-ui !important;
  font-size:12px !important;
  font-weight:950 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}
.dtn-home-command .ann-list{padding:10px !important; display:grid !important; gap:8px !important; color:var(--dtn-home-muted) !important;}
.dtn-home-command .ann-item{
  display:block !important;
  padding:10px !important;
  color:var(--dtn-home-text) !important;
  text-decoration:none !important;
  background:rgba(0,183,255,.055) !important;
  border:1px solid rgba(0,183,255,.14) !important;
}
.dtn-home-command .ann-item:hover{background:rgba(0,183,255,.10) !important; border-color:rgba(0,183,255,.40) !important;}
.dtn-home-command .ann-item__title{color:#fff !important; font-weight:900 !important;}
.dtn-home-command .ann-item__meta,
.dtn-home-command .ann-item__sub{color:var(--dtn-home-dim) !important;}
.dtn-home-command .ann-badge{background:rgba(242,165,41,.16) !important; color:#ffd46a !important; border:1px solid rgba(242,165,41,.36) !important;}
.dtn-home-command .ann-empty{padding:12px; color:var(--dtn-home-muted);}
.dtn-home-command .ann-empty__link{color:#78d9ff !important;}

/* Lower panels */
.dtn-home-lower__grid{
  display:grid;
  grid-template-columns:minmax(0, 1.25fr) minmax(300px, .75fr);
  gap:14px;
}
.dtn-home-panel,
.dtn-home-support__panel{
  padding:clamp(18px, 2.2vw, 28px) !important;
  background:linear-gradient(135deg, rgba(0,183,255,.09), rgba(4,14,28,.88) 62%, rgba(242,165,41,.06)) !important;
  border:1px solid rgba(0,183,255,.22) !important;
  border-top-color:rgba(242,165,41,.38) !important;
  box-shadow:var(--dtn-home-shadow) !important;
  clip-path:polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 20px 100%, 0 calc(100% - 20px));
}
.dtn-home-mini-links,
.dtn-home-social-grid,
.dtn-home-support__links{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  margin-top:18px !important;
}
.dtn-home-mini-links a,
.dtn-home-social-grid a{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:0 13px;
  color:#eaf8ff !important;
  text-decoration:none !important;
  font-family:Orbitron, system-ui;
  font-size:11px;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase;
  border:1px solid rgba(0,183,255,.24);
  background:rgba(0,183,255,.07);
}
.dtn-home-mini-links a:hover,
.dtn-home-social-grid a:hover{border-color:rgba(0,183,255,.62); background:rgba(0,183,255,.12);}
.dtn-home-support__panel{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.dtn-home-support__links{justify-content:flex-end; margin-top:0 !important;}

/* Compatibility cleanup for older homepage blocks still in global CSS */
.dtn-home-command .hero,
.dtn-home-command .home-top-grid,
.dtn-home-command .format-panel,
.dtn-home-command .watch-panel,
.dtn-home-command .page-scroll{display:initial;}
.dtn-home-command .title-accent{display:none !important;}
.dtn-home-command .support{margin:0 !important;}
.dtn-home-command .support .panel{max-width:none !important;}

@media (max-width:1180px){
  .dtn-home-hero__grid{grid-template-columns:1fr;}
  .dtn-home-hero__logo{min-height:260px; order:-1;}
  .dtn-home-lanes__grid,
  .dtn-home-card-grid{grid-template-columns:repeat(2, minmax(0, 1fr));}
  .dtn-home-command .dtn-home-ann-grid{grid-template-columns:repeat(2, minmax(0, 1fr)) !important;}
  .dtn-home-lower__grid{grid-template-columns:1fr;}
  .dtn-home-support__panel{align-items:flex-start; flex-direction:column;}
  .dtn-home-support__links{justify-content:flex-start;}
}

@media (max-width:720px){
  .dtn-home-command .wrap,
  .dtn-home-command .dtn-home-wrap{width:min(100% - 20px, 1560px) !important;}
  .dtn-home-command .dtn-home-sponsor__link{align-items:flex-start !important; justify-content:flex-start !important; font-size:12px;}
  .dtn-home-hero{padding-top:24px;}
  .dtn-home-hero__copy{clip-path:polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 16px 100%, 0 calc(100% - 16px));}
  .dtn-home-actions{display:grid; grid-template-columns:1fr;}
  .dtn-home-btn{width:100%;}
  .dtn-home-lanes__grid,
  .dtn-home-card-grid,
  .dtn-home-command .dtn-home-ann-grid{grid-template-columns:1fr !important;}
  .dtn-home-section-head--row{align-items:flex-start !important; flex-direction:column !important;}
  .dtn-home-hero h1{font-size:clamp(36px, 14vw, 58px) !important;}
  .dtn-home-hero__logo{min-height:210px;}
  .dtn-home-orbit span{opacity:.45; transform:scale(.72);}
}

@media (prefers-reduced-motion: reduce){
  .dtn-home-command *{transition:none !important; animation:none !important; scroll-behavior:auto !important;}
}

/* DTN Phase 2B — Content-first homepage cleanup
   Scope: removes redundant homepage copy/lanes, moves official watch links higher, tightens quick access cards. */
body.dtn-home-content-first .dtn-home-hero{
  padding:clamp(22px, 3.4vw, 58px) 0 clamp(16px, 2.8vw, 38px);
}
body.dtn-home-content-first .dtn-home-hero__grid{
  grid-template-columns:minmax(0, .98fr) minmax(240px, .52fr);
  gap:clamp(18px, 4vw, 58px);
}
body.dtn-home-content-first .dtn-home-hero__copy--clean{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:clamp(210px, 25vw, 340px);
}
body.dtn-home-content-first .dtn-home-hero h1{
  margin:0 !important;
  font-size:clamp(44px, 7.2vw, 112px) !important;
  line-height:.92 !important;
  max-width:980px;
}
body.dtn-home-content-first .dtn-home-actions{
  margin-top:clamp(18px, 2vw, 26px);
}
body.dtn-home-content-first .dtn-home-hero__logo{
  min-height:clamp(220px, 27vw, 360px);
}
body.dtn-home-content-first .dtn-home-hero__logo img{
  width:min(320px, 62vw);
}
body.dtn-home-content-first .dtn-home-kicker,
body.dtn-home-content-first .dtn-home-lead,
body.dtn-home-content-first .dtn-home-lanes,
body.dtn-home-content-first .home-announcements__hint{
  display:none !important;
}

body.dtn-home-content-first .dtn-home-watch{
  position:relative;
  padding:clamp(24px, 3vw, 44px) 0;
  background:
    linear-gradient(180deg, rgba(0,183,255,.055), rgba(242,165,41,.028)),
    radial-gradient(circle at 16% 50%, rgba(0,183,255,.16), transparent 34%);
  border-block:1px solid rgba(0,183,255,.14);
}
body.dtn-home-content-first .dtn-home-watch::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.28;
  background:
    linear-gradient(90deg, transparent 0 8%, rgba(0,183,255,.26) 8% 8.1%, transparent 8.1% 88%, rgba(242,165,41,.20) 88% 88.1%, transparent 88.1%),
    linear-gradient(120deg, transparent 0 63%, rgba(0,183,255,.12) 63% 63.45%, transparent 63.45%);
}
body.dtn-home-content-first .dtn-home-watch__grid{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(260px, .32fr);
  gap:14px;
}
body.dtn-home-content-first .dtn-home-watch__feature,
body.dtn-home-content-first .dtn-home-watch__side,
body.dtn-home-content-first .dtn-home-watch-card{
  background:linear-gradient(135deg, rgba(0,183,255,.10), rgba(4,14,28,.88) 62%, rgba(242,165,41,.06));
  border:1px solid rgba(0,183,255,.24);
  border-top-color:rgba(242,165,41,.42);
  box-shadow:var(--dtn-home-shadow);
  clip-path:polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 20px 100%, 0 calc(100% - 20px));
}
body.dtn-home-content-first .dtn-home-watch__feature{
  min-height:230px;
  padding:clamp(18px, 2.4vw, 30px);
}
body.dtn-home-content-first .dtn-home-watch__feature h2{
  margin:6px 0 18px !important;
  color:#fff !important;
  font-family:Orbitron, system-ui !important;
  font-size:clamp(30px, 4vw, 58px) !important;
  letter-spacing:.055em !important;
  text-transform:uppercase !important;
  text-shadow:0 0 18px rgba(0,183,255,.32);
}
body.dtn-home-content-first .dtn-home-watch__actions{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:12px;
}
body.dtn-home-content-first .dtn-home-channel{
  position:relative;
  min-height:104px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:14px;
  color:#eff8ff !important;
  text-decoration:none !important;
  overflow:hidden;
  background:
    linear-gradient(135deg, rgba(0,183,255,.12), rgba(2,9,18,.70)),
    radial-gradient(circle at 80% 10%, rgba(242,165,41,.16), transparent 38%);
  border:1px solid rgba(0,183,255,.26);
  box-shadow:0 14px 34px rgba(0,0,0,.28), 0 0 0 1px rgba(255,255,255,.03) inset;
  clip-path:polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 14px 100%, 0 calc(100% - 14px));
}
body.dtn-home-content-first .dtn-home-channel::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:3px;
  background:linear-gradient(90deg, rgba(0,183,255,.9), rgba(242,165,41,.85));
  opacity:.75;
}
body.dtn-home-content-first .dtn-home-channel:hover{
  transform:translateY(-2px);
  border-color:rgba(0,183,255,.65);
  filter:brightness(1.08);
}
body.dtn-home-content-first .dtn-home-channel span{
  color:#86dcff;
  font-family:Orbitron, system-ui;
  font-size:11px;
  font-weight:950;
  letter-spacing:.13em;
  text-transform:uppercase;
}
body.dtn-home-content-first .dtn-home-channel strong{
  color:#fff;
  font-family:Orbitron, system-ui;
  font-size:clamp(17px, 1.6vw, 24px);
  letter-spacing:.06em;
  text-transform:uppercase;
}
body.dtn-home-content-first .dtn-home-channel--youtube{border-top-color:rgba(255,65,65,.55);}
body.dtn-home-content-first .dtn-home-channel--twitch{border-top-color:rgba(166,112,255,.55);}
body.dtn-home-content-first .dtn-home-channel--tiktok{border-top-color:rgba(0,234,255,.55);}
body.dtn-home-content-first .dtn-home-channel--instagram{border-top-color:rgba(242,165,41,.55);}
body.dtn-home-content-first .dtn-home-watch__side{
  display:grid;
  gap:12px;
  padding:12px;
}
body.dtn-home-content-first .dtn-home-watch-card{
  min-height:102px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:16px;
  color:#eff8ff !important;
  text-decoration:none !important;
  box-shadow:none;
}
body.dtn-home-content-first .dtn-home-watch-card:hover{
  transform:translateY(-1px);
  border-color:rgba(242,165,41,.58);
}
body.dtn-home-content-first .dtn-home-watch-card span{
  color:#ffd46a;
  font-family:Orbitron, system-ui;
  font-size:10px;
  font-weight:950;
  letter-spacing:.14em;
  text-transform:uppercase;
}
body.dtn-home-content-first .dtn-home-watch-card strong{
  margin-top:7px;
  color:#fff;
  font-family:Orbitron, system-ui;
  font-size:17px;
  letter-spacing:.05em;
  text-transform:uppercase;
}

body.dtn-home-content-first .dtn-home-announcements{
  padding:clamp(26px, 3.5vw, 50px) 0;
}
body.dtn-home-content-first .dtn-home-command-grid{
  padding:clamp(28px, 4vw, 56px) 0;
}
body.dtn-home-content-first .dtn-home-section-head{
  margin-bottom:16px;
}
body.dtn-home-content-first .dtn-home-section-head p{
  display:none !important;
}
body.dtn-home-content-first .dtn-home-card-grid{
  grid-template-columns:repeat(4, minmax(0, 1fr));
}
body.dtn-home-content-first .dtn-home-card{
  min-height:158px;
  padding:16px;
}
body.dtn-home-content-first .dtn-home-card h3{
  margin:34px 0 14px !important;
  font-size:clamp(18px, 1.5vw, 23px) !important;
}
body.dtn-home-content-first .dtn-home-card p{
  display:none !important;
}
body.dtn-home-content-first .dtn-home-support{
  padding-top:clamp(18px, 3vw, 42px);
}
body.dtn-home-content-first .dtn-home-support__panel{
  min-height:unset;
}

@media (max-width:1180px){
  body.dtn-home-content-first .dtn-home-hero__grid,
  body.dtn-home-content-first .dtn-home-watch__grid{
    grid-template-columns:1fr;
  }
  body.dtn-home-content-first .dtn-home-watch__actions,
  body.dtn-home-content-first .dtn-home-card-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}
@media (max-width:720px){
  body.dtn-home-content-first .dtn-home-hero__copy--clean{
    min-height:unset;
  }
  body.dtn-home-content-first .dtn-home-hero h1{
    font-size:clamp(36px, 13vw, 58px) !important;
  }
  body.dtn-home-content-first .dtn-home-watch__actions,
  body.dtn-home-content-first .dtn-home-card-grid{
    grid-template-columns:1fr !important;
  }
  body.dtn-home-content-first .dtn-home-watch__feature{
    min-height:unset;
  }
}


/* ===== Phase 4D — homepage centering correction ===== */
body.dtn-home-command .wrap,
body.dtn-home-command .dtn-home-wrap{
  width:min(1400px, calc(100vw - 56px)) !important;
  max-width:1400px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
  box-sizing:border-box !important;
}
body.dtn-home-command .dtn-home-main > section{
  width:100%;
}
body.dtn-home-command .dtn-home-hero__grid,
body.dtn-home-command .dtn-home-watch__grid,
body.dtn-home-command .dtn-home-announcements > .wrap,
body.dtn-home-command .dtn-home-command-grid > .wrap,
body.dtn-home-command .dtn-home-support > .wrap{
  margin-left:auto !important;
  margin-right:auto !important;
}
@media (max-width:1180px){
  body.dtn-home-command .wrap,
  body.dtn-home-command .dtn-home-wrap{
    width:min(100%, calc(100vw - 36px)) !important;
  }
}
@media (max-width:720px){
  body.dtn-home-command .wrap,
  body.dtn-home-command .dtn-home-wrap{
    width:min(100%, calc(100vw - 24px)) !important;
  }
}


/* ===== Phase 5A — homepage compact pass =====
   Scope: tighten oversized homepage sections and center the support block. */
body.dtn-home-command .wrap,
body.dtn-home-command .dtn-home-wrap{
  width:min(1320px, calc(100vw - 48px)) !important;
  max-width:1320px !important;
}

body.dtn-home-content-first .dtn-home-hero{
  padding:clamp(16px, 2.4vw, 38px) 0 clamp(14px, 2vw, 28px) !important;
}
body.dtn-home-content-first .dtn-home-hero__grid{
  grid-template-columns:minmax(0, .95fr) minmax(220px, .42fr) !important;
  gap:clamp(16px, 3vw, 42px) !important;
}
body.dtn-home-content-first .dtn-home-hero__copy--clean{
  min-height:clamp(160px, 20vw, 260px) !important;
  padding:clamp(14px, 2vw, 24px) !important;
}
body.dtn-home-content-first .dtn-home-hero h1{
  font-size:clamp(38px, 5.7vw, 78px) !important;
  line-height:.95 !important;
  max-width:760px !important;
}
body.dtn-home-content-first .dtn-home-actions{
  margin-top:clamp(14px, 1.6vw, 20px) !important;
  gap:9px !important;
}
body.dtn-home-content-first .dtn-home-btn{
  min-height:36px !important;
  padding-inline:14px !important;
  font-size:11px !important;
}
body.dtn-home-content-first .dtn-home-hero__logo{
  min-height:clamp(170px, 20vw, 260px) !important;
}
body.dtn-home-content-first .dtn-home-hero__logo img{
  width:min(250px, 48vw) !important;
}
body.dtn-home-content-first .dtn-home-orbit span{
  width:48px !important;
  height:66px !important;
}

body.dtn-home-content-first .dtn-home-watch{
  padding:clamp(16px, 2.3vw, 30px) 0 !important;
}
body.dtn-home-content-first .dtn-home-watch__grid{
  grid-template-columns:minmax(0, 1fr) minmax(230px, .30fr) !important;
  gap:12px !important;
}
body.dtn-home-content-first .dtn-home-watch__feature{
  min-height:160px !important;
  padding:clamp(15px, 2vw, 22px) !important;
}
body.dtn-home-content-first .dtn-home-watch__feature h2{
  margin:5px 0 14px !important;
  font-size:clamp(26px, 3.1vw, 42px) !important;
}
body.dtn-home-content-first .dtn-home-watch__actions{
  gap:10px !important;
}
body.dtn-home-content-first .dtn-home-channel{
  min-height:76px !important;
  padding:11px !important;
}
body.dtn-home-content-first .dtn-home-channel strong{
  font-size:clamp(15px, 1.25vw, 19px) !important;
}
body.dtn-home-content-first .dtn-home-watch__side{
  gap:10px !important;
  padding:10px !important;
}
body.dtn-home-content-first .dtn-home-watch-card{
  min-height:72px !important;
  padding:13px !important;
}
body.dtn-home-content-first .dtn-home-watch-card strong{
  font-size:14px !important;
}

body.dtn-home-content-first .dtn-home-announcements,
body.dtn-home-content-first .dtn-home-command-grid{
  padding:clamp(20px, 3vw, 38px) 0 !important;
}
body.dtn-home-content-first .dtn-home-section-head{
  margin-bottom:12px !important;
}
body.dtn-home-content-first .dtn-home-section-head h2{
  font-size:clamp(22px, 2.3vw, 32px) !important;
}
body.dtn-home-content-first .dtn-home-card-grid{
  gap:12px !important;
}
body.dtn-home-content-first .dtn-home-card{
  min-height:116px !important;
  padding:13px 14px !important;
  justify-content:flex-end !important;
}
body.dtn-home-content-first .dtn-home-card__label{
  padding:4px 8px !important;
  font-size:9px !important;
}
body.dtn-home-content-first .dtn-home-card h3{
  margin:20px 0 8px !important;
  font-size:clamp(16px, 1.25vw, 20px) !important;
}
body.dtn-home-content-first .dtn-home-card b{
  font-size:10px !important;
}

body.dtn-home-content-first .dtn-home-support{
  padding:clamp(14px, 2.4vw, 30px) 0 clamp(28px, 4vw, 54px) !important;
}
body.dtn-home-content-first .dtn-home-support > .wrap{
  display:flex !important;
  justify-content:center !important;
}
body.dtn-home-content-first .dtn-home-support__panel{
  width:min(100%, 1040px) !important;
  margin-inline:auto !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  gap:12px !important;
  padding:18px !important;
}
body.dtn-home-content-first .dtn-home-support h2{
  margin:4px 0 0 !important;
  font-size:clamp(20px, 2vw, 28px) !important;
}
body.dtn-home-content-first .dtn-home-support__links{
  justify-content:center !important;
  margin-top:0 !important;
}
body.dtn-home-content-first .dtn-home-support__links .dtn-home-btn{
  min-width:150px !important;
}

@media (max-width:1180px){
  body.dtn-home-content-first .dtn-home-hero__grid,
  body.dtn-home-content-first .dtn-home-watch__grid{
    grid-template-columns:1fr !important;
  }
  body.dtn-home-content-first .dtn-home-watch__actions,
  body.dtn-home-content-first .dtn-home-card-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width:720px){
  body.dtn-home-command .wrap,
  body.dtn-home-command .dtn-home-wrap{
    width:min(100%, calc(100vw - 24px)) !important;
  }
  body.dtn-home-content-first .dtn-home-watch__actions,
  body.dtn-home-content-first .dtn-home-card-grid{
    grid-template-columns:1fr !important;
  }
  body.dtn-home-content-first .dtn-home-support__links .dtn-home-btn{
    width:100% !important;
  }
}


/* ===== Phase 5B — homepage tighter command deck =====
   Scope: reduce oversized homepage panels and force support block centering. */
body.dtn-home-command .wrap,
body.dtn-home-command .dtn-home-wrap{
  width:min(1180px, calc(100vw - 44px)) !important;
  max-width:1180px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

body.dtn-home-content-first .dtn-home-hero{
  padding:clamp(10px, 1.5vw, 22px) 0 clamp(10px, 1.4vw, 18px) !important;
}
body.dtn-home-content-first .dtn-home-hero__grid{
  grid-template-columns:minmax(0, 1fr) minmax(180px, 290px) !important;
  gap:clamp(14px, 2vw, 26px) !important;
  align-items:center !important;
}
body.dtn-home-content-first .dtn-home-hero__copy--clean{
  min-height:clamp(128px, 14vw, 190px) !important;
  padding:clamp(12px, 1.55vw, 18px) !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
}
body.dtn-home-content-first .dtn-home-hero h1{
  max-width:640px !important;
  margin:0 !important;
  font-size:clamp(34px, 4.15vw, 60px) !important;
  line-height:.93 !important;
  letter-spacing:.045em !important;
}
body.dtn-home-content-first .dtn-home-actions{
  margin-top:clamp(10px, 1.2vw, 14px) !important;
  gap:8px !important;
}
body.dtn-home-content-first .dtn-home-btn{
  min-height:32px !important;
  padding-inline:12px !important;
  font-size:10px !important;
  letter-spacing:.095em !important;
}
body.dtn-home-content-first .dtn-home-hero__logo{
  min-height:clamp(135px, 15vw, 205px) !important;
}
body.dtn-home-content-first .dtn-home-hero__logo img{
  width:min(205px, 36vw) !important;
}
body.dtn-home-content-first .dtn-home-orbit span{
  width:36px !important;
  height:52px !important;
  opacity:.48 !important;
}

body.dtn-home-content-first .dtn-home-watch{
  padding:clamp(12px, 1.6vw, 20px) 0 !important;
}
body.dtn-home-content-first .dtn-home-watch__grid{
  grid-template-columns:minmax(0, 1fr) minmax(210px, 250px) !important;
  gap:10px !important;
}
body.dtn-home-content-first .dtn-home-watch__feature{
  min-height:118px !important;
  padding:clamp(12px, 1.5vw, 17px) !important;
}
body.dtn-home-content-first .dtn-home-watch__feature h2{
  margin:3px 0 10px !important;
  font-size:clamp(24px, 2.45vw, 34px) !important;
  line-height:.98 !important;
}
body.dtn-home-content-first .dtn-home-watch__actions{
  gap:8px !important;
}
body.dtn-home-content-first .dtn-home-channel{
  min-height:60px !important;
  padding:9px 10px !important;
}
body.dtn-home-content-first .dtn-home-channel span{
  font-size:9px !important;
}
body.dtn-home-content-first .dtn-home-channel strong{
  font-size:clamp(13px, 1.05vw, 16px) !important;
}
body.dtn-home-content-first .dtn-home-watch__side{
  gap:8px !important;
  padding:9px !important;
}
body.dtn-home-content-first .dtn-home-watch-card{
  min-height:58px !important;
  padding:10px 12px !important;
}
body.dtn-home-content-first .dtn-home-watch-card span{
  font-size:9px !important;
}
body.dtn-home-content-first .dtn-home-watch-card strong{
  margin-top:4px !important;
  font-size:12px !important;
  line-height:1.08 !important;
}

body.dtn-home-content-first .dtn-home-announcements,
body.dtn-home-content-first .dtn-home-command-grid{
  padding:clamp(14px, 2vw, 24px) 0 !important;
}
body.dtn-home-content-first .dtn-home-section-head{
  margin-bottom:10px !important;
}
body.dtn-home-content-first .dtn-home-section-head span{
  font-size:10px !important;
}
body.dtn-home-content-first .dtn-home-section-head h2{
  font-size:clamp(20px, 1.9vw, 27px) !important;
  line-height:1.05 !important;
}
body.dtn-home-content-first .dtn-home-card-grid{
  width:min(100%, 1120px) !important;
  margin-inline:auto !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:9px !important;
}
body.dtn-home-content-first .dtn-home-card{
  min-height:84px !important;
  padding:11px 12px !important;
  justify-content:flex-end !important;
  clip-path:polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 14px 100%, 0 calc(100% - 14px)) !important;
}
body.dtn-home-content-first .dtn-home-card__label{
  padding:3px 7px !important;
  font-size:8px !important;
  letter-spacing:.10em !important;
}
body.dtn-home-content-first .dtn-home-card h3{
  margin:16px 0 5px !important;
  font-size:clamp(14px, 1.05vw, 17px) !important;
  line-height:1.05 !important;
}
body.dtn-home-content-first .dtn-home-card b{
  font-size:9px !important;
  letter-spacing:.09em !important;
}

body.dtn-home-content-first .dtn-home-support{
  width:100% !important;
  padding:clamp(12px, 1.8vw, 22px) 0 clamp(26px, 3vw, 44px) !important;
  display:grid !important;
  place-items:center !important;
}
body.dtn-home-content-first .dtn-home-support > .wrap,
body.dtn-home-command .dtn-home-support > .wrap{
  width:100% !important;
  max-width:none !important;
  margin:0 auto !important;
  padding:0 !important;
  display:grid !important;
  place-items:center !important;
}
body.dtn-home-content-first .dtn-home-support__panel,
body.dtn-home-command .support .panel.dtn-home-support__panel{
  width:min(900px, calc(100vw - 48px)) !important;
  max-width:900px !important;
  margin:0 auto !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  gap:10px !important;
  padding:15px 18px !important;
  min-height:0 !important;
}
body.dtn-home-content-first .dtn-home-support h2{
  margin:3px 0 0 !important;
  font-size:clamp(18px, 1.65vw, 24px) !important;
}
body.dtn-home-content-first .dtn-home-support__links,
body.dtn-home-content-first .support-row.dtn-home-support__links{
  width:100% !important;
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  align-items:center !important;
  gap:8px !important;
  margin:0 auto !important;
}
body.dtn-home-content-first .dtn-home-support__links .dtn-home-btn{
  min-width:132px !important;
  min-height:30px !important;
  padding-inline:10px !important;
  font-size:9px !important;
}

@media (max-width:980px){
  body.dtn-home-content-first .dtn-home-hero__grid,
  body.dtn-home-content-first .dtn-home-watch__grid{
    grid-template-columns:1fr !important;
  }
  body.dtn-home-content-first .dtn-home-hero__logo{
    display:none !important;
  }
  body.dtn-home-content-first .dtn-home-watch__actions,
  body.dtn-home-content-first .dtn-home-card-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width:640px){
  body.dtn-home-command .wrap,
  body.dtn-home-command .dtn-home-wrap{
    width:min(100%, calc(100vw - 24px)) !important;
  }
  body.dtn-home-content-first .dtn-home-watch__actions,
  body.dtn-home-content-first .dtn-home-card-grid{
    grid-template-columns:1fr !important;
  }
  body.dtn-home-content-first .dtn-home-actions,
  body.dtn-home-content-first .dtn-home-support__links{
    flex-direction:column !important;
    align-items:stretch !important;
  }
  body.dtn-home-content-first .dtn-home-actions .dtn-home-btn,
  body.dtn-home-content-first .dtn-home-support__links .dtn-home-btn{
    width:100% !important;
  }
}

/* ===== Phase 5C — home ultra-compact + true viewport-centered support ===== */
body.dtn-home-content-first.dtn-home-command .wrap,
body.dtn-home-content-first.dtn-home-command .dtn-home-wrap{
  width:min(1080px, calc(100vw - 44px)) !important;
  max-width:1080px !important;
}
body.dtn-home-content-first .dtn-home-hero{
  padding:8px 0 10px !important;
}
body.dtn-home-content-first .dtn-home-hero__grid{
  grid-template-columns:minmax(0, 1fr) minmax(150px, 220px) !important;
  gap:18px !important;
}
body.dtn-home-content-first .dtn-home-hero__copy--clean{
  min-height:120px !important;
  padding:12px 14px !important;
}
body.dtn-home-content-first .dtn-home-hero h1{
  max-width:560px !important;
  font-size:clamp(30px, 3.65vw, 52px) !important;
  line-height:.93 !important;
}
body.dtn-home-content-first .dtn-home-hero__logo{
  min-height:126px !important;
}
body.dtn-home-content-first .dtn-home-hero__logo img{
  width:min(178px, 32vw) !important;
}
body.dtn-home-content-first .dtn-home-actions{
  margin-top:9px !important;
  gap:7px !important;
}
body.dtn-home-content-first .dtn-home-btn{
  min-height:29px !important;
  padding-inline:10px !important;
  font-size:9px !important;
}
body.dtn-home-content-first .dtn-home-watch{
  padding:10px 0 !important;
}
body.dtn-home-content-first .dtn-home-watch__grid{
  grid-template-columns:minmax(0, 1fr) minmax(190px, 230px) !important;
  gap:9px !important;
}
body.dtn-home-content-first .dtn-home-watch__feature{
  min-height:104px !important;
  padding:12px 14px !important;
}
body.dtn-home-content-first .dtn-home-watch__feature h2{
  margin:3px 0 8px !important;
  font-size:clamp(21px, 2vw, 29px) !important;
}
body.dtn-home-content-first .dtn-home-watch__actions{
  gap:7px !important;
}
body.dtn-home-content-first .dtn-home-channel{
  min-height:50px !important;
  padding:8px 9px !important;
}
body.dtn-home-content-first .dtn-home-channel span{
  font-size:8px !important;
}
body.dtn-home-content-first .dtn-home-channel strong{
  font-size:clamp(11px, .95vw, 14px) !important;
}
body.dtn-home-content-first .dtn-home-watch__side{
  gap:7px !important;
  padding:8px !important;
}
body.dtn-home-content-first .dtn-home-watch-card{
  min-height:50px !important;
  padding:9px 10px !important;
}
body.dtn-home-content-first .dtn-home-watch-card strong{
  font-size:11px !important;
}
body.dtn-home-content-first .dtn-home-command-grid{
  padding:12px 0 16px !important;
}
body.dtn-home-content-first .dtn-home-section-head{
  width:min(100%, 1040px) !important;
  margin:0 auto 9px !important;
}
body.dtn-home-content-first .dtn-home-section-head h2{
  font-size:clamp(18px, 1.55vw, 24px) !important;
}
body.dtn-home-content-first .dtn-home-card-grid{
  width:min(100%, 1040px) !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:8px !important;
}
body.dtn-home-content-first .dtn-home-card{
  min-height:70px !important;
  padding:9px 10px !important;
}
body.dtn-home-content-first .dtn-home-card h3{
  margin:13px 0 4px !important;
  font-size:clamp(13px, .95vw, 16px) !important;
}
body.dtn-home-content-first .dtn-home-card__label{
  padding:3px 6px !important;
  font-size:7.5px !important;
}
body.dtn-home-content-first .dtn-home-card b{
  font-size:8px !important;
}
body.dtn-home-content-first .dtn-home-support{
  display:block !important;
  width:100vw !important;
  max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  padding:12px 0 38px !important;
  text-align:center !important;
}
body.dtn-home-content-first .dtn-home-support > .wrap,
body.dtn-home-command .dtn-home-support > .wrap{
  width:100vw !important;
  max-width:100vw !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
}
body.dtn-home-content-first .dtn-home-support__panel,
body.dtn-home-command .support .panel.dtn-home-support__panel{
  position:relative !important;
  left:auto !important;
  transform:none !important;
  width:min(780px, calc(100vw - 48px)) !important;
  max-width:780px !important;
  margin:0 auto !important;
  padding:13px 16px !important;
  gap:8px !important;
}
body.dtn-home-content-first .dtn-home-support h2{
  font-size:clamp(16px, 1.35vw, 21px) !important;
}
body.dtn-home-content-first .dtn-home-support__links .dtn-home-btn{
  min-width:122px !important;
  min-height:28px !important;
  padding-inline:8px !important;
  font-size:8px !important;
}
@media (max-width:980px){
  body.dtn-home-content-first .dtn-home-hero__grid,
  body.dtn-home-content-first .dtn-home-watch__grid{grid-template-columns:1fr !important;}
  body.dtn-home-content-first .dtn-home-card-grid,
  body.dtn-home-content-first .dtn-home-watch__actions{grid-template-columns:repeat(2, minmax(0,1fr)) !important;}
}
@media (max-width:640px){
  body.dtn-home-content-first .dtn-home-card-grid,
  body.dtn-home-content-first .dtn-home-watch__actions{grid-template-columns:1fr !important;}
  body.dtn-home-content-first .dtn-home-support__panel{width:min(100%, calc(100vw - 24px)) !important;}
}

/* ===== Phase 5D — final home compacting + support centering ===== */
body.dtn-home-content-first.dtn-home-command .wrap,
body.dtn-home-content-first.dtn-home-command .dtn-home-wrap{
  width:min(1040px, calc(100vw - 44px)) !important;
  max-width:1040px !important;
}
body.dtn-home-content-first .dtn-home-hero{padding:6px 0 8px !important;}
body.dtn-home-content-first .dtn-home-hero__copy--clean{min-height:104px !important; padding:10px 12px !important;}
body.dtn-home-content-first .dtn-home-hero h1{font-size:clamp(28px, 3.2vw, 46px) !important; max-width:510px !important;}
body.dtn-home-content-first .dtn-home-hero__grid{grid-template-columns:minmax(0,1fr) minmax(130px,190px) !important; gap:14px !important;}
body.dtn-home-content-first .dtn-home-hero__logo{min-height:110px !important;}
body.dtn-home-content-first .dtn-home-hero__logo img{width:min(158px, 28vw) !important;}
body.dtn-home-content-first .dtn-home-watch{padding:8px 0 !important;}
body.dtn-home-content-first .dtn-home-watch__feature{min-height:92px !important; padding:10px 12px !important;}
body.dtn-home-content-first .dtn-home-watch__feature h2{font-size:clamp(19px, 1.72vw, 26px) !important; margin:2px 0 7px !important;}
body.dtn-home-content-first .dtn-home-channel{min-height:44px !important; padding:7px 8px !important;}
body.dtn-home-content-first .dtn-home-command-grid{padding:10px 0 12px !important;}
body.dtn-home-content-first .dtn-home-card-grid{width:min(100%, 980px) !important; gap:7px !important;}
body.dtn-home-content-first .dtn-home-card{min-height:62px !important; padding:8px 9px !important;}
body.dtn-home-content-first .dtn-home-card h3{font-size:clamp(12px, .9vw, 15px) !important; margin:11px 0 3px !important;}
body.dtn-home-content-first .dtn-home-support{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  width:100% !important;
  max-width:none !important;
  margin:0 auto !important;
  padding:12px 0 34px !important;
  text-align:center !important;
}
body.dtn-home-content-first .dtn-home-support > .wrap,
body.dtn-home-command .dtn-home-support > .wrap{
  width:min(1040px, calc(100vw - 44px)) !important;
  max-width:1040px !important;
  margin-inline:auto !important;
  padding-inline:0 !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
}
body.dtn-home-content-first .dtn-home-support__panel,
body.dtn-home-command .support .panel.dtn-home-support__panel{
  width:min(700px, 100%) !important;
  max-width:700px !important;
  margin-inline:auto !important;
  transform:none !important;
  left:auto !important;
  padding:12px 14px !important;
}
body.dtn-home-content-first .dtn-home-support__links,
body.dtn-home-content-first .support-row.dtn-home-support__links{
  justify-content:center !important;
}

/* ===== Phase 5F — homepage tightening + centered support ===== */
body.dtn-home-content-first .dtn-home-main{
  overflow-x:hidden !important;
}
body.dtn-home-content-first .dtn-home-wrap,
body.dtn-home-command .dtn-home-wrap{
  width:min(1180px, calc(100vw - 42px)) !important;
  max-width:1180px !important;
}
body.dtn-home-content-first .dtn-home-hero{
  padding:18px 0 12px !important;
}
body.dtn-home-content-first .dtn-home-hero__grid{
  grid-template-columns:minmax(0,.86fr) minmax(180px,.34fr) !important;
  gap:22px !important;
}
body.dtn-home-content-first .dtn-home-hero__copy--clean{
  min-height:158px !important;
  padding:18px 22px !important;
}
body.dtn-home-content-first .dtn-home-hero h1{
  font-size:clamp(38px, 4.9vw, 70px) !important;
  line-height:.93 !important;
}
body.dtn-home-content-first .dtn-home-actions{gap:7px !important; margin-top:14px !important;}
body.dtn-home-content-first .dtn-home-btn{min-height:30px !important; padding:0 11px !important; font-size:9px !important;}
body.dtn-home-content-first .dtn-home-hero__logo{min-height:160px !important;}
body.dtn-home-content-first .dtn-home-hero__logo img{width:min(210px, 34vw) !important;}
body.dtn-home-content-first .dtn-home-watch{padding:14px 0 !important;}
body.dtn-home-content-first .dtn-home-watch__grid{grid-template-columns:minmax(0,1fr) minmax(190px,.28fr) !important;}
body.dtn-home-content-first .dtn-home-watch__feature{min-height:150px !important; padding:14px 16px !important;}
body.dtn-home-content-first .dtn-home-watch__feature h2{font-size:clamp(24px, 2.7vw, 38px) !important; margin:3px 0 10px !important;}
body.dtn-home-content-first .dtn-home-channel{min-height:62px !important; padding:9px 10px !important;}
body.dtn-home-content-first .dtn-home-channel strong{font-size:clamp(15px, 1.4vw, 20px) !important;}
body.dtn-home-content-first .dtn-home-watch-card{min-height:50px !important; padding:9px 10px !important;}
body.dtn-home-content-first .dtn-home-watch-card strong{font-size:clamp(12px, 1vw, 15px) !important;}
body.dtn-home-content-first .dtn-home-command-grid{padding:18px 0 10px !important;}
body.dtn-home-content-first .dtn-home-card-grid{width:100% !important; grid-template-columns:repeat(3, minmax(0,1fr)) !important; gap:8px !important;}
body.dtn-home-content-first .dtn-home-card{min-height:58px !important; padding:8px 10px !important;}
body.dtn-home-content-first .dtn-home-card h3{font-size:14px !important; margin:12px 0 2px !important;}
body.dtn-home-content-first .dtn-home-support,
body.dtn-home-command .dtn-home-support{
  width:100% !important;
  display:grid !important;
  place-items:center !important;
  padding:14px 0 28px !important;
}
body.dtn-home-content-first .dtn-home-support > .wrap,
body.dtn-home-command .dtn-home-support > .wrap{
  width:min(760px, calc(100vw - 42px)) !important;
  max-width:760px !important;
  margin:0 auto !important;
  padding:0 !important;
  display:block !important;
}
body.dtn-home-content-first .dtn-home-support__panel,
body.dtn-home-command .dtn-home-support__panel,
body.dtn-home-command .support .panel.dtn-home-support__panel{
  width:100% !important;
  max-width:760px !important;
  margin:0 auto !important;
  display:grid !important;
  justify-items:center !important;
  text-align:center !important;
}
body.dtn-home-content-first .dtn-home-support__links,
body.dtn-home-command .dtn-home-support__links{justify-content:center !important; width:100% !important;}
@media (max-width:980px){
  body.dtn-home-content-first .dtn-home-hero__grid,
  body.dtn-home-content-first .dtn-home-watch__grid{grid-template-columns:1fr !important;}
  body.dtn-home-content-first .dtn-home-card-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media (max-width:620px){
  body.dtn-home-content-first .dtn-home-card-grid{grid-template-columns:1fr !important;}
}

/* ===== Phase 5G — homepage-only header collision fix + support scoping =====
   The homepage support centering rules were using broad .wrap selectors.
   Re-lock the real header shell so homepage layout widths cannot crush it. */
body.dtn-home-command .site-header.dtn-cinematic-header .wrap,
body.dtn-home-command .site-header.dtn-cinematic-header .dtn-cinematic-header__inner,
body.dtn-home-content-first.dtn-home-command .site-header.dtn-cinematic-header .wrap,
body.dtn-home-content-first.dtn-home-command .site-header.dtn-cinematic-header .dtn-cinematic-header__inner{
  width:min(100%, var(--dtn-shell-max, 1620px)) !important;
  max-width:var(--dtn-shell-max, 1620px) !important;
  margin:0 auto !important;
  padding:8px clamp(12px, 2vw, 26px) !important;
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:14px !important;
  box-sizing:border-box !important;
}
body.dtn-home-command .site-header.dtn-cinematic-header .dtn-cinematic-brand,
body.dtn-home-content-first.dtn-home-command .site-header.dtn-cinematic-header .dtn-cinematic-brand{
  flex:0 1 auto !important;
  min-width:0 !important;
  max-width:min(520px, 42vw) !important;
}
body.dtn-home-command .site-header.dtn-cinematic-header .dtn-cinematic-brand__copy strong,
body.dtn-home-content-first.dtn-home-command .site-header.dtn-cinematic-header .dtn-cinematic-brand__copy strong{
  max-width:min(420px, 34vw) !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
body.dtn-home-command .site-header.dtn-cinematic-header .dtn-cinematic-nav,
body.dtn-home-content-first.dtn-home-command .site-header.dtn-cinematic-header .dtn-cinematic-nav{
  flex:1 1 auto !important;
  min-width:0 !important;
  max-width:none !important;
}

/* Keep support centered without changing global .wrap behavior. */
body.dtn-home-content-first .dtn-home-support,
body.dtn-home-command .dtn-home-support{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  padding:14px 0 28px !important;
}
body.dtn-home-content-first .dtn-home-main .dtn-home-support > .wrap.dtn-home-wrap,
body.dtn-home-command .dtn-home-main .dtn-home-support > .wrap.dtn-home-wrap{
  width:min(760px, calc(100vw - 42px)) !important;
  max-width:760px !important;
  margin-inline:auto !important;
}
body.dtn-home-content-first .dtn-home-main .dtn-home-support__panel,
body.dtn-home-command .dtn-home-main .dtn-home-support__panel{
  width:100% !important;
  margin-inline:auto !important;
}