/* DRG0NF1Y compact restore + V3X-01 brand polish */
:root{
  --void-black:#05030A;
  --panel-purple:#10081C;
  --signal-purple:#7C3AED;
  --neon-violet:#A855F7;
  --electric-lavender:#C084FC;
  --chrome-silver:#E5E7EB;
  --drg-text:#F8FAFC;
  --drg-muted:#C8B8DD;
  --drg-line:rgba(192,132,252,.24);
}

html,body{
  background:
    radial-gradient(circle at 10% 0%, rgba(124,58,237,.18), transparent 30rem),
    radial-gradient(circle at 90% 0%, rgba(168,85,247,.14), transparent 28rem),
    linear-gradient(180deg,var(--void-black),#080410 45%,var(--void-black));
  color:var(--drg-text);
}

/* IMPORTANT: prevents the logo/banner from becoming a giant page hero */
.site-header{
  min-height:74px !important;
  padding:10px 7vw !important;
  align-items:center !important;
  background:rgba(5,3,10,.88) !important;
  border-bottom:1px solid var(--drg-line) !important;
  box-shadow:0 12px 40px rgba(0,0,0,.38);
}

.logo-brand,
.site-header .brand{
  display:flex !important;
  align-items:center !important;
  flex:0 0 auto !important;
  max-width:280px !important;
  overflow:hidden !important;
}

.logo-brand img,
.site-header .brand img{
  display:block !important;
  width:auto !important;
  max-width:260px !important;
  height:54px !important;
  max-height:54px !important;
  object-fit:contain !important;
  object-position:left center !important;
}

.site-nav{
  display:flex;
  align-items:center;
  gap:18px;
  flex-wrap:wrap;
}

.site-nav a{
  font-size:.9rem;
  color:var(--drg-muted);
}

.site-nav a:hover{color:var(--electric-lavender)}

.nav-cta,
.btn.primary{
  background:linear-gradient(135deg,var(--signal-purple),var(--neon-violet)) !important;
  border:1px solid rgba(192,132,252,.55) !important;
  color:#fff !important;
  box-shadow:0 0 24px rgba(168,85,247,.25);
}

.btn.ghost,
.nav-cta{
  border-radius:0 !important;
  clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);
}

/* Add controlled brand visuals without deleting existing page content */
.hero,
.page-hero,
.section-pad:first-of-type{
  position:relative;
}

.hero:before,
.page-hero:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(rgba(192,132,252,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(192,132,252,.035) 1px, transparent 1px);
  background-size:64px 64px;
  opacity:.45;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent);
}

h1{
  max-width:1100px;
}

h1,h2{
  color:#fff;
  text-shadow:0 0 24px rgba(168,85,247,.14);
}

.eyebrow{
  color:var(--electric-lavender) !important;
}

.panel,
.card,
.resource-card,
.marketing-card,
.service-card,
.pricing-card,
.visual-card,
.report-section,
.table-like,
form,
.hero-panel,
.premium-logo-card,
.news-item,
.threat-panel{
  background:linear-gradient(180deg,rgba(16,8,28,.88),rgba(5,3,10,.9)) !important;
  border:1px solid var(--drg-line) !important;
  box-shadow:0 22px 70px rgba(0,0,0,.38), inset 0 0 36px rgba(124,58,237,.055);
}

.brand-strip,
.drg-brand-strip{
  width:min(1180px,calc(100% - 2rem));
  margin:24px auto;
  padding:16px;
  border:1px solid var(--drg-line);
  border-radius:20px;
  background:linear-gradient(180deg,rgba(16,8,28,.78),rgba(5,3,10,.9));
}

.brand-strip img,
.drg-brand-strip img{
  width:100%;
  height:auto;
  border-radius:14px;
}

.drg-value-icons{
  width:min(1180px,calc(100% - 2rem));
  margin:30px auto;
}

.drg-value-icons img{
  width:100%;
  height:auto;
  border-radius:16px;
  border:1px solid var(--drg-line);
}

.drg-logo-chip-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-top:24px;
}

.drg-logo-chip{
  padding:22px;
  border:1px solid var(--drg-line);
  background:linear-gradient(180deg,rgba(16,8,28,.84),rgba(5,3,10,.9));
  border-radius:20px;
  text-align:center;
}

.drg-logo-chip img{
  max-height:150px;
  width:100%;
  object-fit:contain;
  margin:0 auto 14px;
}

.threat-frame iframe,
.live-map iframe{
  max-width:100%;
}

@media(max-width:900px){
  .site-header{
    padding:10px 1rem !important;
  }
  .logo-brand img,
  .site-header .brand img{
    max-width:220px !important;
    height:46px !important;
  }
  .site-nav{
    gap:10px;
  }
  .drg-logo-chip-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:640px){
  .logo-brand img,
  .site-header .brand img{
    max-width:190px !important;
    height:42px !important;
  }
}


.footer-wordmark{max-width:min(720px,100%);margin:0 auto 16px;opacity:.98}
.footer-wordmark img{width:100%;height:auto;display:block;border-radius:14px}
.brand-poster-block,.brand-emblem-block{max-width:520px;margin:0 auto}
.brand-poster-block img,.brand-emblem-block img{width:100%;height:auto;display:block;border-radius:18px;border:1px solid rgba(192,132,252,.18)}
.merch-wordmark{margin-top:20px}
.merch-wordmark img{width:100%;max-width:900px;height:auto;display:block;margin:0 auto;border-radius:18px;border:1px solid rgba(192,132,252,.18)}


/* ===== DRG0NF1Y final refinement pass ===== */
:root{
  --content-max:1180px;
  --header-banner-width:340px;
  --footer-banner-width:520px;
}
body{font-size:16px;}
main{overflow:hidden}
.section-pad{padding:64px min(6vw,72px) !important;}
.page-hero.section-pad,.hero.section-pad,.clean-hero.section-pad{padding-top:56px !important;padding-bottom:56px !important;}
.hero{min-height:auto !important;gap:32px !important;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr) !important;align-items:start !important;}
.page-hero,.clean-hero{max-width:var(--content-max);margin:0 auto;}
.section-pad > *, .section-pad .section-heading, .section-pad .clean-section-heading{max-width:var(--content-max);margin-left:auto;margin-right:auto;}
.feature-row,.services-grid,.pricing-grid,.marketing-grid,.simple-service-grid,.clean-card-grid{max-width:var(--content-max);margin-left:auto;margin-right:auto;}
.hero-copy p,.clean-lead,.hero-sub{max-width:720px;}
h1{font-size:clamp(2.3rem,4.8vw,4.4rem) !important;line-height:1.02 !important;letter-spacing:-.05em !important;}
h2{font-size:clamp(1.7rem,3vw,2.8rem) !important;line-height:1.08 !important;}
h3{font-size:1.05rem !important;}
p{font-size:0.98rem !important;line-height:1.62 !important;}
.eyebrow{font-size:.76rem !important;letter-spacing:.2em !important;margin-bottom:12px !important;}
.site-header{position:sticky;top:0;gap:20px;flex-wrap:wrap;justify-content:space-between;padding:10px min(5vw,64px) !important;}
.logo-brand,.site-header .brand{max-width:none !important;overflow:visible !important;}
.logo-brand img,.site-header .brand img{width:min(100%,var(--header-banner-width)) !important;max-width:var(--header-banner-width) !important;height:auto !important;max-height:none !important;display:block !important;}
.site-nav{gap:14px !important;justify-content:flex-end;}
.site-nav a{font-size:.88rem !important;}
.nav-cta,.btn{min-height:44px !important;padding:0 18px !important;font-size:.92rem !important;}
.hero-panel,.clean-card,.clean-note,.clean-steps div,.simple-service-card,.feature-card,.service-card,.price-card,.drg-logo-chip,.marketing-card,.comparison-card,.resource-card{border-radius:18px !important;padding:22px !important;}
.mini-grid{gap:10px !important;}
.mini-card{padding:12px !important;border-radius:14px !important;}
.public-list li, .clean-steps span, .simple-step p{font-size:.95rem;}
.simple-service-grid,.clean-card-grid.three,.clean-card-grid.four,.drg-logo-chip-grid,.marketing-grid{display:grid;gap:18px !important;}
.simple-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
.clean-card-grid.three{grid-template-columns:repeat(3,minmax(0,1fr));}
.clean-card-grid.four{grid-template-columns:repeat(4,minmax(0,1fr));}
.marketing-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
.drg-logo-chip-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
.price-tag{display:inline-block;margin:10px 0 12px;padding:6px 12px;border:1px solid var(--drg-line);border-radius:999px;background:rgba(124,58,237,.12);font-weight:700;color:#fff;}
.footer-wordmark{max-width:var(--footer-banner-width);margin:0 auto 12px !important;}
.footer-wordmark img{width:100%;height:auto;display:block;}
.site-footer{padding:36px min(5vw,64px) 48px;text-align:center;border-top:1px solid var(--drg-line);background:linear-gradient(180deg,rgba(7,4,14,.7),rgba(5,3,10,.95));}
.site-footer p{max-width:900px;margin:8px auto;color:var(--drg-muted) !important;}

/* cleaner merch layout */
.merch-intro{max-width:880px;margin:0 auto 8px;}
.merch-showcase{display:grid;grid-template-columns:1.05fr .95fr;gap:20px;max-width:var(--content-max);margin:0 auto;align-items:stretch;}
.merch-showcase .panel-col{display:grid;gap:18px;}
.logo-usage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:var(--content-max);margin:0 auto;}
.logo-usage-card{padding:20px;border:1px solid var(--drg-line);border-radius:18px;background:linear-gradient(180deg,rgba(16,8,28,.84),rgba(5,3,10,.9));}
.logo-usage-card img{width:100%;max-height:170px;object-fit:contain;margin:0 auto 14px;display:block;}
.clean-merch-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:var(--content-max);margin:24px auto 0;}
.clean-merch-item{padding:18px;border:1px solid var(--drg-line);border-radius:16px;background:rgba(255,255,255,.03);}

/* live threat map */
.live-map-panel{max-width:var(--content-max);margin:0 auto 24px;padding:18px;border:1px solid var(--drg-line);border-radius:20px;background:linear-gradient(180deg,rgba(16,8,28,.88),rgba(5,3,10,.92));}
.live-map-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:14px;}
.live-map-buttons{display:flex;gap:10px;flex-wrap:wrap;}
.live-map-button{appearance:none;border:1px solid var(--drg-line);background:rgba(255,255,255,.04);color:var(--drg-text);padding:10px 14px;cursor:pointer;font:inherit;}
.live-map-button.active{background:linear-gradient(135deg,var(--signal-purple),var(--neon-violet));border-color:rgba(192,132,252,.55);}
.live-map-frame-wrap{position:relative;width:100%;aspect-ratio:16/9;border:1px solid rgba(192,132,252,.18);border-radius:16px;overflow:hidden;background:#09060d;}
.live-map-frame-wrap iframe{width:100%;height:100%;border:0;display:block;}
.live-map-note{font-size:.88rem;color:var(--drg-muted);margin-top:10px;}

@media (max-width: 1100px){
  :root{--header-banner-width:300px;--footer-banner-width:460px;}
  .hero{grid-template-columns:1fr !important;}
  .simple-service-grid,.clean-card-grid.three,.clean-card-grid.four,.drg-logo-chip-grid,.marketing-grid,.logo-usage-grid,.merch-showcase,.clean-merch-list{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media (max-width: 820px){
  :root{--header-banner-width:250px;--footer-banner-width:360px;}
  .section-pad{padding:48px 18px !important;}
  .page-hero.section-pad,.hero.section-pad,.clean-hero.section-pad{padding-top:42px !important;padding-bottom:42px !important;}
  h1{font-size:clamp(2rem,8vw,3rem) !important;}
  h2{font-size:clamp(1.5rem,5vw,2.2rem) !important;}
  .site-header{padding:10px 16px !important;}
  .site-nav{display:none !important;width:100%;flex-direction:column;align-items:flex-start;padding-top:10px;}
  .site-header.open .site-nav{display:flex !important;}
  .nav-toggle{display:block !important;}
  .hero-panel,.premium-logo-card{min-height:auto !important;}
  .simple-service-grid,.clean-card-grid.three,.clean-card-grid.four,.drg-logo-chip-grid,.marketing-grid,.logo-usage-grid,.merch-showcase,.clean-merch-list{grid-template-columns:1fr;}
  .clean-steps{display:grid;gap:14px;}
  .live-map-toolbar{align-items:flex-start;}
}