/*
Theme Name: Defence Yard
Theme URI: https://defenceyard.com
Author: Defence Yard
Author URI: https://defenceyard.com
Description: AI-native Cybersecurity — dark tactical theme for Defence Yard. Bebas Neue display, Rajdhani body, Share Tech Mono terminal aesthetic.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 8.0
License: Proprietary
License URI: https://defenceyard.com
Text Domain: defenceyard
Tags: dark, cybersecurity, one-page, full-width-template, custom-menu, featured-images, footer-widgets
*/

/* =====================================================
   DESIGN TOKENS
   ===================================================== */
:root {
  --bg-void:   #04060D;
  --bg-deep:   #070C18;
  --bg-panel:  #0A1020;
  --bg-card:   #0D1428;
  --blue-core: #1040CC;
  --blue-bright:#1A52E0;
  --blue-glow: #2E6FD8;
  --blue-dim:  #0A2880;
  --off-white: #C8D0E0;
  --text-muted:#506088;
  --text-dim:  #2E3D60;
  --accent-line: rgba(16,64,204,0.35);
  --font-display: 'Bebas Neue', sans-serif;
  --font-body:    'Rajdhani', sans-serif;
  --font-mono:    'Share Tech Mono', monospace;
}

/* =====================================================
   RESET & BASE
   ===================================================== */
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }

body {
  background: var(--bg-void);
  color: var(--off-white);
  font-family: var(--font-body);
  overflow-x: hidden;
  cursor: crosshair;
}

/* Scanline overlay */
body::before {
  content:'';
  position:fixed; inset:0;
  background: repeating-linear-gradient(
    0deg,
    transparent, transparent 2px,
    rgba(0,0,0,0.08) 2px, rgba(0,0,0,0.08) 4px
  );
  pointer-events:none;
  z-index:9999;
}

a { text-decoration:none; color:inherit; }
img { max-width:100%; display:block; }
ul { list-style:none; }

/* =====================================================
   WORDPRESS ADMIN BAR FIX
   ===================================================== */
.admin-bar #dy-nav { top: 32px; }
@media screen and (max-width:782px) { .admin-bar #dy-nav { top:46px; } }

/* =====================================================
   NAVIGATION
   ===================================================== */
#dy-nav {
  position:fixed; top:0; left:0; right:0; z-index:1000;
  display:flex; align-items:center; justify-content:space-between;
  padding:0 4rem;
  height:72px;
  background:rgba(4,6,13,0.85);
  backdrop-filter:blur(20px);
  border-bottom:1px solid rgba(16,64,204,0.15);
}

.dy-nav-logo a {
  display:flex; align-items:center;
}

.dy-nav-logo img {
  height:44px; width:auto; object-fit:contain;
}

.dy-nav-logo .site-title {
  font-family:var(--font-display);
  font-size:1.5rem;
  letter-spacing:0.12em;
  color:var(--off-white);
  margin-left:12px;
}

/* WordPress nav menu */
#dy-nav .main-navigation ul {
  display:flex; gap:2.5rem; list-style:none; margin:0; padding:0;
}

#dy-nav .main-navigation ul li a {
  color:var(--text-muted);
  font-family:var(--font-body);
  font-weight:600;
  font-size:0.9rem;
  letter-spacing:0.12em;
  text-transform:uppercase;
  transition:color 0.2s;
  position:relative;
  padding-bottom:4px;
}

#dy-nav .main-navigation ul li a::after {
  content:'';
  position:absolute; bottom:0; left:0; right:0;
  height:1px;
  background:var(--blue-core);
  transform:scaleX(0);
  transition:transform 0.25s;
}

#dy-nav .main-navigation ul li a:hover,
#dy-nav .main-navigation ul li.current-menu-item > a {
  color:var(--off-white);
}
#dy-nav .main-navigation ul li a:hover::after,
#dy-nav .main-navigation ul li.current-menu-item > a::after {
  transform:scaleX(1);
}

.dy-nav-cta {
  background:transparent;
  border:1px solid var(--blue-core);
  color:var(--off-white);
  padding:0.5rem 1.4rem;
  font-family:var(--font-body);
  font-weight:700;
  font-size:0.85rem;
  letter-spacing:0.15em;
  text-transform:uppercase;
  cursor:pointer;
  transition:background 0.25s, box-shadow 0.25s;
  clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));
  display:inline-block;
}

.dy-nav-cta:hover {
  background:var(--blue-core);
  box-shadow:0 0 30px rgba(16,64,204,0.5);
  color:#fff;
}

/* Mobile nav toggle */
.menu-toggle {
  display:none;
  background:none; border:none;
  color:var(--off-white);
  font-size:1.5rem; cursor:pointer;
  padding:0.4rem 0.6rem;
}

/* =====================================================
   HERO SECTION
   ===================================================== */
#dy-hero {
  position:relative;
  min-height:100vh;
  display:flex; align-items:center;
  overflow:hidden;
  padding-top:72px;
}

.dy-hero-bg {
  position:absolute; inset:0;
  background:
    radial-gradient(ellipse 80% 60% at 65% 50%, rgba(14,40,120,0.22) 0%, transparent 70%),
    radial-gradient(ellipse 40% 40% at 20% 80%, rgba(16,64,204,0.08) 0%, transparent 60%),
    var(--bg-void);
}

.dy-hero-grid {
  position:absolute; inset:0; overflow:hidden; opacity:0.18;
}

.dy-hero-grid::before {
  content:'';
  position:absolute; inset:-50%;
  background-image:
    linear-gradient(rgba(16,64,204,0.4) 1px, transparent 1px),
    linear-gradient(90deg, rgba(16,64,204,0.4) 1px, transparent 1px);
  background-size:60px 60px;
  animation:gridDrift 30s linear infinite;
  transform-origin:center;
}

@keyframes gridDrift {
  0%   { transform:perspective(600px) rotateX(20deg) translateY(0); }
  100% { transform:perspective(600px) rotateX(20deg) translateY(60px); }
}

.dy-hero-bracket {
  position:absolute;
  width:120px; height:120px;
  border-color:rgba(16,64,204,0.4);
  border-style:solid;
}
.dy-hero-bracket.tl { top:100px; left:40px; border-width:2px 0 0 2px; }
.dy-hero-bracket.tr { top:100px; right:40px; border-width:2px 2px 0 0; }
.dy-hero-bracket.bl { bottom:40px; left:40px; border-width:0 0 2px 2px; }
.dy-hero-bracket.br { bottom:40px; right:40px; border-width:0 2px 2px 0; }

.dy-data-tag {
  position:absolute;
  font-family:var(--font-mono);
  font-size:0.7rem;
  color:rgba(16,64,204,0.6);
  animation:tagFloat 6s ease-in-out infinite;
}
.dy-data-tag:nth-child(1) { top:18%; right:8%; animation-delay:0s; }
.dy-data-tag:nth-child(2) { top:40%; right:12%; animation-delay:1.5s; }
.dy-data-tag:nth-child(3) { bottom:25%; right:6%; animation-delay:3s; }
.dy-data-tag:nth-child(4) { top:25%; left:6%; animation-delay:2s; }

@keyframes tagFloat {
  0%,100% { transform:translateY(0); opacity:0.6; }
  50% { transform:translateY(-12px); opacity:1; }
}

.dy-hero-content {
  position:relative; z-index:2;
  padding:0 4rem;
  max-width:900px;
}

.dy-hero-label {
  display:inline-flex; align-items:center; gap:10px;
  font-family:var(--font-mono);
  font-size:0.75rem;
  color:var(--blue-glow);
  letter-spacing:0.2em;
  text-transform:uppercase;
  margin-bottom:2rem;
}
.dy-hero-label::before {
  content:''; width:30px; height:1px;
  background:var(--blue-core);
}

.dy-hero-title {
  font-family:var(--font-display);
  font-size:clamp(4rem, 9vw, 8.5rem);
  line-height:0.92;
  letter-spacing:0.03em;
  color:var(--off-white);
  margin-bottom:1.5rem;
  overflow:hidden;
}

.dy-hero-title span { display:block; animation:titleReveal 1s cubic-bezier(0.16,1,0.3,1) forwards; transform:translateY(100%); }
.dy-hero-title span:nth-child(2) { animation-delay:0.15s; }
.dy-hero-title span:nth-child(3) { color:var(--blue-core); animation-delay:0.3s; }

@keyframes titleReveal { to { transform:translateY(0); } }

.dy-hero-sub {
  font-size:1.15rem;
  color:var(--text-muted);
  font-weight:400; line-height:1.7;
  max-width:540px; margin-bottom:3rem;
  letter-spacing:0.03em;
}

.dy-hero-actions { display:flex; gap:1.5rem; align-items:center; flex-wrap:wrap; }

.dy-hero-stats {
  position:absolute;
  bottom:60px; right:4rem;
  display:flex; flex-direction:column; gap:1.5rem;
  z-index:2;
}

.dy-stat-item {
  text-align:right;
  border-right:2px solid var(--blue-dim);
  padding-right:1.2rem;
}

.dy-stat-num {
  font-family:var(--font-display);
  font-size:2.2rem;
  color:var(--off-white);
  line-height:1; letter-spacing:0.05em;
}
.dy-stat-num span { color:var(--blue-core); }

.dy-stat-label {
  font-family:var(--font-mono);
  font-size:0.68rem; color:var(--text-muted);
  letter-spacing:0.15em; text-transform:uppercase; margin-top:2px;
}

/* =====================================================
   BUTTONS
   ===================================================== */
.btn-primary {
  display:inline-flex; align-items:center; gap:10px;
  background:var(--blue-core); color:#fff;
  padding:0.9rem 2.2rem;
  font-family:var(--font-body); font-weight:700;
  font-size:0.9rem; letter-spacing:0.15em; text-transform:uppercase;
  border:none; cursor:pointer;
  clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));
  transition:background 0.2s, box-shadow 0.2s, transform 0.2s;
  position:relative; overflow:hidden;
}
.btn-primary::after {
  content:''; position:absolute; inset:0;
  background:linear-gradient(135deg,rgba(255,255,255,0.1),transparent);
  pointer-events:none;
}
.btn-primary:hover {
  background:var(--blue-bright);
  box-shadow:0 0 40px rgba(16,64,204,0.6);
  transform:translateY(-2px); color:#fff;
}

.btn-ghost {
  display:inline-flex; align-items:center; gap:8px;
  background:transparent; color:var(--off-white);
  padding:0.9rem 2rem;
  font-family:var(--font-body); font-weight:600;
  font-size:0.9rem; letter-spacing:0.12em; text-transform:uppercase;
  border:1px solid var(--text-dim); cursor:pointer;
  clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));
  transition:border-color 0.2s, color 0.2s;
}
.btn-ghost:hover { border-color:var(--blue-glow); color:var(--blue-glow); }

/* =====================================================
   TICKER
   ===================================================== */
#dy-ticker {
  background:rgba(16,64,204,0.08);
  border-top:1px solid var(--accent-line);
  border-bottom:1px solid var(--accent-line);
  padding:0.75rem 0; overflow:hidden; white-space:nowrap;
}
.dy-ticker-inner {
  display:inline-flex; gap:4rem;
  animation:tickerScroll 30s linear infinite;
}
.dy-ticker-item {
  font-family:var(--font-mono); font-size:0.72rem;
  color:var(--text-muted); letter-spacing:0.15em; text-transform:uppercase;
  display:flex; align-items:center; gap:8px;
}
.dy-ticker-item::before { content:'//'; color:var(--blue-core); }
@keyframes tickerScroll {
  0%   { transform:translateX(0); }
  100% { transform:translateX(-50%); }
}

/* =====================================================
   SECTION BASE
   ===================================================== */
.dy-section { padding:8rem 4rem; }

.section-label {
  display:inline-flex; align-items:center; gap:10px;
  font-family:var(--font-mono); font-size:0.72rem;
  color:var(--blue-glow); letter-spacing:0.2em;
  text-transform:uppercase; margin-bottom:1.2rem;
}
.section-label::before { content:''; width:24px; height:1px; background:var(--blue-core); }

.section-title {
  font-family:var(--font-display);
  font-size:clamp(2.8rem, 5vw, 5rem);
  line-height:0.95; letter-spacing:0.05em;
  color:var(--off-white); margin-bottom:1.5rem;
}
.section-title em { font-style:normal; color:var(--blue-core); }

/* =====================================================
   INTELLIGENCE / ABOUT
   ===================================================== */
#dy-intelligence {
  background:var(--bg-deep);
  position:relative; overflow:hidden;
}
#dy-intelligence::before {
  content:''; position:absolute; top:0; right:0;
  width:50%; height:100%;
  background:radial-gradient(ellipse 80% 80% at 80% 50%,rgba(16,64,204,0.06) 0%,transparent 70%);
  pointer-events:none;
}
.intel-grid { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:center; }
.intel-body { font-size:1.1rem; color:var(--text-muted); line-height:1.8; font-weight:400; margin-bottom:2.5rem; }
.intel-pillars { display:flex; flex-direction:column; gap:1rem; }

.pillar {
  display:flex; align-items:center; gap:14px;
  padding:0.9rem 1.2rem;
  background:rgba(16,64,204,0.05);
  border-left:2px solid var(--blue-core);
  transition:background 0.2s;
}
.pillar:hover { background:rgba(16,64,204,0.1); }
.pillar-icon {
  width:36px; height:36px; flex-shrink:0;
  background:rgba(16,64,204,0.15);
  display:flex; align-items:center; justify-content:center;
  clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);
}
.pillar-icon svg { width:18px; height:18px; fill:var(--blue-glow); }
.pillar-text { font-weight:600; font-size:0.95rem; letter-spacing:0.05em; }
.pillar-sub { font-family:var(--font-mono); font-size:0.7rem; color:var(--text-muted); letter-spacing:0.1em; }

/* Terminal */
.terminal-box {
  background:var(--bg-panel);
  border:1px solid rgba(16,64,204,0.2);
  position:relative;
  clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px));
  overflow:hidden;
}
.terminal-header {
  background:rgba(16,64,204,0.1);
  border-bottom:1px solid rgba(16,64,204,0.2);
  padding:0.75rem 1.2rem;
  display:flex; align-items:center; gap:8px;
  font-family:var(--font-mono); font-size:0.72rem;
  color:var(--blue-glow); letter-spacing:0.1em;
}
.terminal-dot { width:8px; height:8px; border-radius:50%; }
.td1{background:#FF5F57;} .td2{background:#FFBD2E;} .td3{background:#28CA41;}
.terminal-body { padding:1.5rem; }
.t-line { font-family:var(--font-mono); font-size:0.78rem; line-height:1.9; color:var(--text-muted); }
.t-line .t-cmd{color:var(--blue-glow);}
.t-line .t-val{color:#5FD86E;}
.t-line .t-warn{color:#FFBD2E;}
.t-line .t-err{color:#FF6B6B;}
.t-cursor { display:inline-block; width:8px; height:14px; background:var(--blue-core); animation:blink 1s step-end infinite; vertical-align:middle; margin-left:2px; }
@keyframes blink { 50%{opacity:0;} }
.terminal-metrics { margin-top:1.5rem; display:grid; grid-template-columns:1fr 1fr 1fr; gap:1px; background:rgba(16,64,204,0.15); }
.t-metric { background:var(--bg-panel); padding:1rem; text-align:center; }
.t-metric-val { font-family:var(--font-display); font-size:1.6rem; color:var(--off-white); letter-spacing:0.05em; }
.t-metric-val span{color:var(--blue-core);}
.t-metric-label { font-family:var(--font-mono); font-size:0.62rem; color:var(--text-muted); letter-spacing:0.12em; text-transform:uppercase; margin-top:2px; }

/* =====================================================
   SERVICES
   ===================================================== */
#dy-services { background:var(--bg-void); position:relative; }
.services-header { display:grid; grid-template-columns:1fr 1fr; gap:4rem; margin-bottom:5rem; align-items:end; }
.services-desc { color:var(--text-muted); font-size:1.05rem; line-height:1.8; }
.services-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:rgba(16,64,204,0.12); }

.service-card {
  background:var(--bg-void); padding:2.5rem 2rem;
  position:relative; overflow:hidden; transition:background 0.3s; cursor:default;
}
.service-card::before {
  content:''; position:absolute; top:0; left:0; right:0; height:2px;
  background:var(--blue-core); transform:scaleX(0); transform-origin:left;
  transition:transform 0.4s cubic-bezier(0.16,1,0.3,1);
}
.service-card:hover { background:var(--bg-card); }
.service-card:hover::before { transform:scaleX(1); }
.service-num { font-family:var(--font-display); font-size:4rem; color:rgba(16,64,204,0.08); line-height:1; position:absolute; top:1rem; right:1.5rem; letter-spacing:0.05em; transition:color 0.3s; }
.service-card:hover .service-num { color:rgba(16,64,204,0.15); }
.service-icon { width:48px; height:48px; background:rgba(16,64,204,0.1); border:1px solid rgba(16,64,204,0.2); display:flex; align-items:center; justify-content:center; margin-bottom:1.5rem; clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px)); }
.service-icon svg { width:22px; height:22px; stroke:var(--blue-glow); fill:none; stroke-width:1.5; }
.service-name { font-family:var(--font-display); font-size:1.5rem; letter-spacing:0.05em; margin-bottom:0.5rem; color:var(--off-white); }
.service-desc { font-size:0.9rem; color:var(--text-muted); line-height:1.7; margin-bottom:1.5rem; }
.service-tags { display:flex; flex-wrap:wrap; gap:6px; }
.tag { font-family:var(--font-mono); font-size:0.65rem; color:var(--blue-dim); border:1px solid rgba(16,64,204,0.2); padding:3px 8px; letter-spacing:0.1em; text-transform:uppercase; }

/* =====================================================
   PRODUCTS
   ===================================================== */
#dy-products { background:var(--bg-deep); position:relative; overflow:hidden; }
#dy-products::after { content:'DEFENCE'; position:absolute; bottom:-2rem; right:-2rem; font-family:var(--font-display); font-size:18rem; color:rgba(16,64,204,0.025); letter-spacing:0.05em; pointer-events:none; line-height:1; }
.products-grid { display:grid; grid-template-columns:1fr 1fr; gap:2px; background:rgba(16,64,204,0.1); margin-top:4rem; }
.product-card { background:var(--bg-deep); padding:3rem; position:relative; overflow:hidden; transition:background 0.3s; }
.product-card:hover { background:var(--bg-card); }
.product-card.featured { background:linear-gradient(135deg,rgba(16,64,204,0.08) 0%,rgba(16,64,204,0.02) 100%); border:1px solid rgba(16,64,204,0.2); }
.product-badge { display:inline-block; font-family:var(--font-mono); font-size:0.65rem; letter-spacing:0.2em; text-transform:uppercase; color:var(--blue-core); border:1px solid rgba(16,64,204,0.3); padding:4px 10px; margin-bottom:1.5rem; }
.product-name { font-family:var(--font-display); font-size:2.5rem; letter-spacing:0.05em; color:var(--off-white); margin-bottom:0.75rem; }
.product-tagline { font-size:1rem; color:var(--text-muted); line-height:1.7; margin-bottom:2rem; max-width:400px; }
.product-features { list-style:none; display:flex; flex-direction:column; gap:0.6rem; margin-bottom:2rem; }
.product-features li { display:flex; align-items:flex-start; gap:10px; font-size:0.9rem; color:var(--text-muted); }
.product-features li::before { content:'›'; color:var(--blue-core); font-size:1.1rem; line-height:1.3; flex-shrink:0; }
.product-link { display:inline-flex; align-items:center; gap:8px; color:var(--blue-glow); font-weight:700; font-size:0.85rem; letter-spacing:0.12em; text-transform:uppercase; transition:gap 0.2s; }
.product-link:hover { gap:14px; }

/* =====================================================
   WHY DY
   ===================================================== */
#dy-why { background:var(--bg-void); position:relative; }
.why-inner { display:grid; grid-template-columns:1fr 2fr; gap:6rem; align-items:start; }
.why-sticky { position:sticky; top:100px; }
.differentiators { display:flex; flex-direction:column; gap:0; }
.diff-item { padding:2rem 0; border-bottom:1px solid rgba(16,64,204,0.1); display:grid; grid-template-columns:auto 1fr; gap:1.5rem; align-items:start; opacity:0.6; transition:opacity 0.3s; }
.diff-item:hover { opacity:1; }
.diff-item:first-child { border-top:1px solid rgba(16,64,204,0.1); }
.diff-num { font-family:var(--font-mono); font-size:0.75rem; color:var(--blue-dim); letter-spacing:0.1em; padding-top:4px; }
.diff-title { font-family:var(--font-display); font-size:1.4rem; letter-spacing:0.05em; color:var(--off-white); margin-bottom:0.5rem; }
.diff-body { font-size:0.92rem; color:var(--text-muted); line-height:1.75; }

/* =====================================================
   CTA
   ===================================================== */
#dy-cta { background:var(--bg-deep); position:relative; overflow:hidden; text-align:center; padding:10rem 4rem; }
#dy-cta::before { content:''; position:absolute; inset:0; background:radial-gradient(ellipse 60% 80% at 50% 50%,rgba(16,64,204,0.12) 0%,transparent 70%); pointer-events:none; }
.cta-grid-lines { position:absolute; inset:0; background-image:linear-gradient(rgba(16,64,204,0.06) 1px,transparent 1px),linear-gradient(90deg,rgba(16,64,204,0.06) 1px,transparent 1px); background-size:40px 40px; }
.cta-title { font-family:var(--font-display); font-size:clamp(3rem,7vw,6rem); letter-spacing:0.05em; line-height:0.95; margin-bottom:1.5rem; position:relative; }
.cta-sub { color:var(--text-muted); font-size:1.1rem; max-width:520px; margin:0 auto 3rem; line-height:1.7; position:relative; }
.cta-actions { position:relative; display:flex; gap:1.5rem; justify-content:center; flex-wrap:wrap; }
.glitch-hover:hover { animation:glitch 0.3s steps(2) infinite; }
@keyframes glitch {
  0%  { text-shadow:2px 0 var(--blue-core),-2px 0 rgba(255,100,100,0.5); }
  33% { text-shadow:-2px 0 var(--blue-core),2px 0 rgba(255,100,100,0.5); }
  66% { text-shadow:0 2px var(--blue-core),0 -2px rgba(255,100,100,0.5); }
  100%{ text-shadow:none; }
}

/* =====================================================
   FOOTER
   ===================================================== */
#dy-footer { background:var(--bg-void); border-top:1px solid rgba(16,64,204,0.1); padding:4rem; }
.footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:4rem; margin-bottom:4rem; }
.footer-brand-logo img { height:44px; width:auto; margin-bottom:1rem; }
.footer-tagline { font-size:0.88rem; color:var(--text-muted); line-height:1.7; max-width:280px; margin-bottom:1.5rem; }
.footer-contact { display:flex; flex-direction:column; gap:0.5rem; }
.footer-contact a { font-family:var(--font-mono); font-size:0.75rem; color:var(--blue-dim); letter-spacing:0.08em; transition:color 0.2s; }
.footer-contact a:hover { color:var(--blue-glow); }
.footer-col h4 { font-family:var(--font-body); font-weight:700; font-size:0.8rem; letter-spacing:0.2em; text-transform:uppercase; color:var(--off-white); margin-bottom:1.2rem; }
.footer-col ul { list-style:none; display:flex; flex-direction:column; gap:0.7rem; }
.footer-col ul a { color:var(--text-muted); font-size:0.9rem; transition:color 0.2s; }
.footer-col ul a:hover { color:var(--off-white); }
.footer-bottom { display:flex; align-items:center; justify-content:space-between; padding-top:2rem; border-top:1px solid rgba(16,64,204,0.08); font-family:var(--font-mono); font-size:0.7rem; color:var(--text-dim); letter-spacing:0.1em; flex-wrap:wrap; gap:1rem; }

/* =====================================================
   SCROLL REVEAL
   ===================================================== */
.reveal { opacity:0; transform:translateY(30px); transition:opacity 0.8s cubic-bezier(0.16,1,0.3,1),transform 0.8s cubic-bezier(0.16,1,0.3,1); }
.reveal.visible { opacity:1; transform:translateY(0); }

/* =====================================================
   WORDPRESS WIDGET AREAS
   ===================================================== */
.widget-area { padding:2rem 0; }
.widget { margin-bottom:2rem; }
.widget-title { font-family:var(--font-display); font-size:1.2rem; letter-spacing:0.1em; color:var(--off-white); margin-bottom:1rem; }

/* =====================================================
   GUTENBERG / BLOCK EDITOR CONTENT
   ===================================================== */
.wp-block-paragraph { font-size:1rem; color:var(--text-muted); line-height:1.8; margin-bottom:1rem; }
.wp-block-heading h2 { font-family:var(--font-display); color:var(--off-white); }
.wp-block-button__link { background:var(--blue-core); color:#fff; padding:0.8rem 2rem; font-family:var(--font-body); font-weight:700; letter-spacing:0.12em; text-transform:uppercase; transition:background 0.2s; }
.wp-block-button__link:hover { background:var(--blue-bright); }

/* =====================================================
   RESPONSIVE
   ===================================================== */
@media (max-width:1024px) {
  .intel-grid, .services-header, .products-grid, .why-inner, .footer-grid { grid-template-columns:1fr; gap:2.5rem; }
  .services-grid { grid-template-columns:1fr 1fr; }
  #dy-products::after { display:none; }
}

@media (max-width:768px) {
  #dy-nav { padding:0 1.5rem; }
  .menu-toggle { display:block; }
  #dy-nav .main-navigation { display:none; position:absolute; top:72px; left:0; right:0; background:rgba(4,6,13,0.97); padding:1.5rem; border-bottom:1px solid rgba(16,64,204,0.2); }
  #dy-nav .main-navigation.open { display:block; }
  #dy-nav .main-navigation ul { flex-direction:column; gap:1.5rem; }
  .dy-section { padding:5rem 1.5rem; }
  .dy-hero-content { padding:0 1.5rem; }
  .dy-hero-stats, .dy-hero-bracket { display:none; }
  .services-grid { grid-template-columns:1fr; }
  #dy-footer { padding:3rem 1.5rem; }
  .footer-bottom { flex-direction:column; text-align:center; }
}