/* Fix: two feature cards ("Consented deepfake voice cloning" and
   "Board-ready evidence exports") use a JS-measured inline pixel height
   that doesn't recalculate on resize, combined with a flex-shrink-0
   side panel that squeezes their text column to ~60px wide at tablet
   widths (640-1024px), causing text to wrap one word per line and
   overflow past the card's bottom edge. */
@media (max-width: 1024px) {
  div[class*="flex-col"][class*="sm:flex-row"][class*="gap-6"] {
    flex-direction: column !important;
  }

  /* The card wrapper around those two rows has an inline height:300px
     that no longer fits once the row above stacks vertically. Scoped
     with :has() to just these two cards so other fixed-height cards
     on the page are untouched. */
  div[class*="rounded-2xl"][class*="h-full"]:has(> div[class*="flex-col"][class*="sm:flex-row"][class*="gap-6"]) {
    height: auto !important;
  }
}

/* Remove the placeholder export file list (Executive_Summary.pdf etc.)
   from the "Board-ready evidence exports" card in the "Built for teams
   that can't afford a miss" section — these are illustrative filenames
   with no real download behind them. */
div[class*="font-mono"][class*="space-y-2"][class*="flex-shrink-0"] {
  display: none !important;
}

/* Remove the scroll-triggered fade/slide-up reveal on the feature cards
   in the "Built for teams that can't afford a miss" grid — cards should
   just be visible, no entrance animation. */
div.grid[class*="grid-cols-1"][class*="md:grid-cols-2"][class*="lg:grid-cols-3"][class*="gap-4"] > * {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

/* Remove the animated sound-wave background video sitting behind the
   centered Deceptiment logo in the "Built for teams that can't afford
   a miss" section. Only one instance of this video exists on the page. */
video[src*="feature-wave-blue"] {
  display: none !important;
}

/* In the second row of the "Built for teams that can't afford a miss"
   grid (Governance-first gates / spacer / Live risk scoring / Board-ready
   evidence exports / Adaptive response controls):
   - remove the "Adaptive response controls" card (5th child) entirely
   - shrink "Board-ready evidence exports" (4th child, was lg:col-span-2)
     down to a single column, matching "Governance-first gates" sizing */
div[class*="mt-4"][class*="grid-cols-1"][class*="lg:grid-cols-3"][class*="items-start"] > *:nth-child(5) {
  display: none !important;
}
div[class*="mt-4"][class*="grid-cols-1"][class*="lg:grid-cols-3"][class*="items-start"] > *:nth-child(4) {
  grid-column: auto !important;
}

/* Remove the centered Deceptiment logo (and its now-empty spacer slot in
   the grid) and reorder "Board-ready evidence exports" into that middle
   slot of row 1, next to "Governance-first gates" and "Live risk scoring". */
img[src*="deceptiment-center-full-vert-logo"] {
  display: none !important;
}
div[class*="mt-4"][class*="grid-cols-1"][class*="lg:grid-cols-3"][class*="items-start"] > *:nth-child(2) {
  display: none !important;
}
div[class*="mt-4"][class*="grid-cols-1"][class*="lg:grid-cols-3"][class*="items-start"] > *:nth-child(1) {
  order: 1;
}
div[class*="mt-4"][class*="grid-cols-1"][class*="lg:grid-cols-3"][class*="items-start"] > *:nth-child(4) {
  order: 2;
}
div[class*="mt-4"][class*="grid-cols-1"][class*="lg:grid-cols-3"][class*="items-start"] > *:nth-child(3) {
  order: 3;
}

/* Form <select> dropdowns use appearance-none with no custom arrow, so
   they render as plain boxes with no visual affordance that they're a
   dropdown. Add a chevron matching the site's icon color, and style the
   options list to fit the dark theme where browsers allow it (Safari's
   native option popup can't be restyled, but Chrome/Edge/Firefox honor
   this). */
select.appearance-none {
  background: rgba(255, 255, 255, 0.05) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%238494B5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center / 16px !important;
  padding-right: 40px !important;
}
select.appearance-none option {
  background-color: #0d142c;
  color: #fff;
}