/* ============================================================
   Florida Drone Experts - Home Page (Signal Blue + Lime)
   Scoped to .page-id-899 so the rest of the site keeps its
   established orange accent.
   ============================================================ */

.page-id-899 {
  --fde-blue: #2E93EF;
  --fde-lime: #C6FF3D;
  --fde-ink: #FAFAFA;
  --fde-grey: #8891A0;
  --fde-grey-dim: #565D68;
  --fde-hairline: #22262E;
  --fde-panel: #0B0E13;
  --fde-bg: #000000;
}

/* Strip theme wrappers so full-bleed Elementor sections actually reach the edge */
.page-id-899 .site-content,
.page-id-899 .entry-content,
.page-id-899 article.page,
.page-id-899 .page-content,
.page-id-899 main {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  align-items: stretch !important;
}
.page-id-899 .entry-content > * {
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Italic accents inside display headlines */
.page-id-899 .fde-hero-headline em,
.page-id-899 .fde-intro-headline em,
.page-id-899 .fde-work-headline em,
.page-id-899 .fde-ethos-h em,
.page-id-899 .fde-cta-h em {
  font-style: italic;
  font-family: 'Space Grotesk', sans-serif;
}
.page-id-899 .fde-lime { color: #C6FF3D !important; }
.page-id-899 .fde-blue { color: #2E93EF !important; }

/* Italic descenders need a touch of bottom padding at display sizes */
.page-id-899 .fde-hero-headline,
.page-id-899 .fde-intro-headline,
.page-id-899 .fde-work-headline,
.page-id-899 .fde-ethos-h,
.page-id-899 .fde-cta-h {
  padding-bottom: 0.12em;
}

/* -------- HERO -------- */
.page-id-899 .fde-hero-section {
  position: relative;
  overflow: hidden;
}
.page-id-899 .fde-hero-section::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 900px 500px at 78% 22%, rgba(46,147,239,0.14), transparent 60%),
    linear-gradient(0deg, rgba(0,0,0,0.35), transparent 30%);
  pointer-events: none;
  z-index: 1;
}
.page-id-899 .fde-hero-section > .e-con-inner,
.page-id-899 .fde-hero-section > .elementor-container {
  position: relative;
  z-index: 2;
}
.page-id-899 .fde-hero-meta-inner {
  display: inline-flex; align-items: center; gap: 10px;
  font-family: 'JetBrains Mono', monospace;
  font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase;
  color: #8891A0;
}
.page-id-899 .fde-hud-dot {
  width: 8px; height: 8px; border-radius: 50%;
  background: #C6FF3D; box-shadow: 0 0 10px rgba(198,255,61,0.6);
  animation: fdeBlink 1.4s infinite;
  display: inline-block;
}
@keyframes fdeBlink { 0%,100%{opacity:1} 50%{opacity:0.35} }

.page-id-899 .fde-hero-hud {
  border: 1px solid var(--fde-hairline);
  background: rgba(11,14,19,0.72);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  padding: 20px 22px;
  border-radius: 4px;
  font-family: 'JetBrains Mono', monospace;
  min-width: 300px;
  max-width: 340px;
  margin-left: auto;
}
.page-id-899 .fde-hud-title {
  display: flex; align-items: center; gap: 8px;
  font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase;
  color: var(--fde-grey);
  padding-bottom: 12px; margin-bottom: 12px;
  border-bottom: 1px solid var(--fde-hairline);
}
.page-id-899 .fde-hud-blink {
  width: 7px; height: 7px; border-radius: 50%;
  background: var(--fde-blue);
  animation: fdeBlink 1.6s infinite;
  display: inline-block;
}
.page-id-899 .fde-hud-row {
  display: flex; justify-content: space-between; align-items: baseline;
  padding: 6px 0;
  font-size: 12px;
}
.page-id-899 .fde-hud-k { color: var(--fde-grey-dim); letter-spacing: 0.08em; }
.page-id-899 .fde-hud-v { color: var(--fde-ink); letter-spacing: 0.04em; font-weight: 500; }
.page-id-899 .fde-hud-blue { color: var(--fde-blue) !important; }
.page-id-899 .fde-hud-lime { color: var(--fde-lime) !important; }

/* -------- CAPABILITY STRIP -------- */
.page-id-899 .fde-cap-strip { position: relative; }
.page-id-899 .fde-cap-div { border-left: 1px solid var(--fde-hairline); }
@media (max-width: 768px) {
  .page-id-899 .fde-cap-div { border-left: 0; border-top: 1px solid var(--fde-hairline); }
}
.page-id-899 .fde-cap-item {
  display: flex; flex-direction: column; gap: 6px;
  transition: transform 0.35s ease, color 0.3s ease;
}
.page-id-899 .fde-cap-cell:hover .fde-cap-item { transform: translateX(4px); }
.page-id-899 .fde-cap-title {
  font-family: 'JetBrains Mono', monospace;
  font-size: 13px; letter-spacing: 0.08em; text-transform: uppercase;
  color: var(--fde-ink);
  transition: color 0.25s ease;
}
.page-id-899 .fde-cap-cell:hover .fde-cap-title { color: var(--fde-lime); }
.page-id-899 .fde-cap-sub {
  font-family: 'Inter', sans-serif;
  font-size: 13.5px; color: var(--fde-grey);
}

/* -------- INTRO / STAT BLOCKS -------- */
.page-id-899 .fde-stat { display: flex; flex-direction: column; gap: 4px; }
.page-id-899 .fde-stat-num {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 40px; font-weight: 700; color: var(--fde-blue);
  line-height: 1; letter-spacing: -1px;
}
.page-id-899 .fde-stat-lbl {
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase;
  color: var(--fde-ink); margin-top: 8px;
}
.page-id-899 .fde-stat-sub {
  font-family: 'Inter', sans-serif;
  font-size: 12.5px; color: var(--fde-grey-dim);
}
.page-id-899 .fde-stat-wrap { flex: 1 1 0; min-width: 130px; }

/* -------- BENTO PORTFOLIO -------- */
.page-id-899 .fde-bento {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-auto-rows: 220px;
  gap: 16px;
}
.page-id-899 .fde-bento-cell {
  grid-column: span 2;
  grid-row: span 1;
  position: relative;
  background-size: cover;
  background-position: center;
  border: 1px solid var(--fde-hairline);
  border-radius: 4px;
  overflow: hidden;
  margin: 0;
  transition: transform 0.5s ease, border-color 0.3s ease;
  cursor: pointer;
}
.page-id-899 .fde-bento-cell::after {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,0.85) 100%);
}
.page-id-899 .fde-bento-cell:hover { border-color: var(--fde-lime); transform: translateY(-3px); }
.page-id-899 .fde-bento-lg { grid-column: span 4; grid-row: span 2; }
.page-id-899 .fde-bento-wide { grid-column: span 4; }
.page-id-899 .fde-bento-cell figcaption {
  position: absolute; left: 16px; right: 16px; bottom: 14px; z-index: 2;
  display: flex; flex-direction: column; gap: 4px;
}
.page-id-899 .fde-bento-cell .fde-cap-k {
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase;
  color: var(--fde-lime);
}
.page-id-899 .fde-bento-cell .fde-cap-t {
  font-family: 'Inter', sans-serif;
  font-size: 14px; color: var(--fde-ink);
  letter-spacing: -0.2px;
}
@media (max-width: 900px) {
  .page-id-899 .fde-bento {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 200px;
  }
  .page-id-899 .fde-bento-cell,
  .page-id-899 .fde-bento-lg,
  .page-id-899 .fde-bento-wide { grid-column: span 2; grid-row: span 1; }
  .page-id-899 .fde-bento-lg { grid-row: span 2; }
}

/* -------- SECTOR CARDS -------- */
.page-id-899 .fde-sector-card {
  display: block;
  position: relative;
  min-height: 320px;
  background-size: cover;
  background-position: center;
  border: 1px solid var(--fde-hairline);
  border-radius: 4px;
  overflow: hidden;
  transition: transform 0.4s ease, border-color 0.3s ease;
}
.page-id-899 .fde-sector-feature-wrap .fde-sector-card { min-height: 100%; }
.page-id-899 .fde-sector-card:hover { border-color: var(--fde-lime); transform: translateY(-2px); }
.page-id-899 .fde-sc-inner {
  position: absolute; left: 24px; right: 24px; bottom: 22px;
  display: flex; flex-direction: column; gap: 8px;
}
.page-id-899 .fde-sc-tag {
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase;
  color: var(--fde-lime);
}
.page-id-899 .fde-sc-title {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 26px; font-weight: 700; color: var(--fde-ink);
  line-height: 1.1; letter-spacing: -0.5px; margin: 0;
}
.page-id-899 .fde-sector-feature-wrap .fde-sc-title { font-size: 36px; }
.page-id-899 .fde-sc-body {
  font-family: 'Inter', sans-serif;
  font-size: 14px; color: #E2E2E2; margin: 0; max-width: 480px;
}
.page-id-899 .fde-sc-more {
  font-family: 'JetBrains Mono', monospace;
  font-size: 11.5px; letter-spacing: 0.08em; text-transform: uppercase;
  color: var(--fde-blue); margin-top: 8px;
  transition: color 0.25s ease;
}
.page-id-899 .fde-sc-more .fde-arrow {
  display: inline-block; transition: transform 0.3s ease;
}
.page-id-899 .fde-sector-card:hover .fde-sc-more { color: var(--fde-lime); }
.page-id-899 .fde-sector-card:hover .fde-arrow { transform: translateX(4px); }

/* -------- ETHOS SPLIT -------- */
.page-id-899 .fde-ethos-right { align-self: stretch; }
.page-id-899 .fde-ethos-right .elementor-widget-image,
.page-id-899 .fde-ethos-right .elementor-widget-image .elementor-widget-container {
  height: 100%;
}
.page-id-899 .fde-ethos-img img {
  width: 100%;
  height: 100%;
  min-height: 540px;
  object-fit: cover;
  display: block;
  border-radius: 4px 0 0 4px;
}
@media (max-width: 900px) {
  .page-id-899 .fde-ethos-img img { min-height: 320px; border-radius: 4px; }
}
.page-id-899 .fde-ethos-list {
  list-style: none; padding: 0; margin: 0;
  border-top: 1px solid var(--fde-hairline);
}
.page-id-899 .fde-ethos-list li {
  padding: 14px 0;
  border-bottom: 1px solid var(--fde-hairline);
  color: var(--fde-ink);
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  display: flex; gap: 12px; align-items: baseline;
}
.page-id-899 .fde-tick {
  color: var(--fde-lime);
  font-family: 'JetBrains Mono', monospace;
  font-weight: 600;
}

/* -------- CTA BAND -------- */
.page-id-899 .fde-cta-section { position: relative; }
.page-id-899 .fde-cta-section .fde-eyebrow-c { text-align: center; }
.page-id-899 .fde-cta-h { text-align: center !important; }

/* -------- BUTTONS (override the site-wide orange for this page) -------- */
.page-id-899 .fde-btn-primary a.elementor-button,
.page-id-899 .fde-btn-primary .elementor-button {
  background: var(--fde-lime) !important;
  color: #000 !important;
  transition: transform 0.2s ease, background 0.2s ease, box-shadow 0.3s ease !important;
  box-shadow: 0 0 0 rgba(198,255,61,0);
}
.page-id-899 .fde-btn-primary a.elementor-button:hover,
.page-id-899 .fde-btn-primary .elementor-button:hover {
  background: #FAFAFA !important; color: #000 !important;
  transform: translateY(-1px);
  box-shadow: 0 8px 24px rgba(198,255,61,0.18);
}
.page-id-899 .fde-btn-ghost a.elementor-button,
.page-id-899 .fde-btn-ghost .elementor-button {
  background: transparent !important;
  color: var(--fde-ink) !important;
  border: 1px solid var(--fde-hairline) !important;
  transition: all 0.25s ease !important;
}
.page-id-899 .fde-btn-ghost a.elementor-button:hover,
.page-id-899 .fde-btn-ghost .elementor-button:hover {
  background: var(--fde-lime) !important; color: #000 !important; border-color: var(--fde-lime) !important;
}

/* -------- Eyebrow: hairline mark + lime lead -------- */
.page-id-899 .fde-eyebrow {
  display: inline-flex; align-items: center; gap: 10px;
}
.page-id-899 .fde-eyebrow::before {
  content: '';
  width: 24px; height: 1px; background: var(--fde-lime);
  display: inline-block; vertical-align: middle;
}
.page-id-899 .fde-eyebrow-c { justify-content: center; }

/* -------- Entrance fade-up (respects reduced motion via site-wide rule) -------- */
.page-id-899 .fde-bento-cell,
.page-id-899 .fde-sector-card,
.page-id-899 .fde-stat-wrap {
  animation: fdeFadeUp 0.65s ease both;
}
.page-id-899 .fde-bento-cell:nth-child(1) { animation-delay: 0s; }
.page-id-899 .fde-bento-cell:nth-child(2) { animation-delay: 0.08s; }
.page-id-899 .fde-bento-cell:nth-child(3) { animation-delay: 0.16s; }
.page-id-899 .fde-bento-cell:nth-child(4) { animation-delay: 0.24s; }
.page-id-899 .fde-bento-cell:nth-child(5) { animation-delay: 0.32s; }
.page-id-899 .fde-bento-cell:nth-child(6) { animation-delay: 0.40s; }
.page-id-899 .fde-stat-row .fde-stat-wrap:nth-child(1) { animation-delay: 0.05s; }
.page-id-899 .fde-stat-row .fde-stat-wrap:nth-child(2) { animation-delay: 0.15s; }
.page-id-899 .fde-stat-row .fde-stat-wrap:nth-child(3) { animation-delay: 0.25s; }

/* -------- Mobile tuning -------- */
@media (max-width: 767px) {
  .page-id-899 .fde-hero-hud { max-width: 100%; min-width: 0; margin-top: 24px; }
  .page-id-899 .fde-ethos-list li { font-size: 14px; }
  .page-id-899 .fde-hero-headline { font-size: 44px !important; }
}