/*
 * Enterprise page — print / "Save as PDF" (linked with media="print" from templates/enterprise.html).
 * Three landscape pages: hero · use cases · features + contact. Everything visible (no scroll
 * fade-ins), dark brand look kept, desktop grids pinned, contact email printed as text.
 */

@page {
  size: landscape;
  margin: 0;
}

html,
body {
  background: #000 !important;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}

/* Screen-only chrome */
.floating-navbar,
.site-footer,
.ent-pdf-fab,
.ent-hero__ctas,
.ent-cta__actions {
  display: none !important;
}

/* Scroll-triggered fade-ins never fire on paper */
.animate-on-scroll .animate-fade-up,
.animate-on-scroll .animate-fade-up-delay-1,
.animate-on-scroll .animate-fade-up-delay-2 {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

/* The printed page is narrower than a desktop window, which would trip the tablet/phone layouts;
   use most of the page width and pin the desktop grids */
.section .container {
  max-width: 88vw !important;
  width: 88vw;
}

.section .display-2 {
  font-size: 2.75rem !important;
}

.section .lead {
  font-size: 1.1rem !important;
}

/* Page 1: hero */
.ent-hero {
  height: 100vh;
  min-height: 100vh !important;
  padding-top: 0 !important;
  break-after: page;
}

.ent-hero .section__content {
  padding-bottom: 8vh !important;
}

/* The landscape page is taller than the image's shape, so "cover" leaves no room to shift it; size it
   to the page width instead and lift it, so the glasses sit higher and the copy gets clear space below */
.ent-hero__img {
  top: -12vh;
  width: 100%;
  height: auto;
}

/* The image now ends ~72% down the page; the vignette reaches solid black just above that line so the
   bottom edge dissolves instead of cutting off (mask-image doesn't survive printing) */
.ent-hero__shade {
  background:
    linear-gradient(0deg, #000 0%, #000 30%, rgba(0, 0, 0, 0.55) 40%, transparent 55%),
    linear-gradient(90deg, rgba(0, 0, 0, 0.55) 0%, transparent 55%) !important;
}

/* Page 2: use cases */
.ent-uses {
  min-height: 100vh;
  padding-block: 6vh !important;
  break-after: page;
}

.ent-uses .section__title {
  margin-bottom: 0.5rem !important;
  font-size: 2.25rem !important;
}

.ent-uses__subtitle {
  margin-bottom: 1.25rem !important;
}

/* 3 × 2 at full page width fits one landscape page with the full (uncropped) frames */
.ent-uses__grid {
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 0.9rem;
}

/* The print page is narrow enough to match phone rules; keep the desktop frame shape and its strip */
.ent-use__img {
  aspect-ratio: 1512 / 784 !important;
}

.ent-use__line::before {
  background-image: var(--use-img) !important;
}

.ent-use {
  break-inside: avoid;
  border-radius: 16px;
}

.ent-use__line {
  padding: 0.7rem 0.9rem 0.8rem;
  font-size: 0.85rem;
}

/* Page 3: features + contact */
.ent-features {
  padding-block: 6vh 2vh !important;
}

.ent-features .section__title {
  margin-bottom: 1.5rem !important;
}

.ent-features__grid {
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 0.9rem;
}

.ent-feature {
  break-inside: avoid;
  padding: 1.1rem 1.1rem 1.2rem;
  border-radius: 16px;
}

.ent-feature__title {
  font-size: 1.1rem;
}

.ent-feature__line {
  font-size: 0.85rem;
}

.ent-cta {
  padding-block: 3vh 0 !important;
  break-inside: avoid;
}

.ent-cta__panel {
  flex-direction: row !important;
  align-items: center !important;
  padding: 1.5rem 2rem;
  border-radius: 16px;
}

.ent-cta__side {
  align-items: center !important;
}

.ent-cta .display-2 {
  font-size: 2.25rem !important;
}

/* Contact stays actionable on paper */
.ent-cta__email a {
  color: #fff !important;
  font-size: 1.25rem;
}

/* The badge dot's soft glow prints as a square block; flat dot on paper */
.ent-badge {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.ent-badge__dot {
  box-shadow: none !important;
}