/* ============================================================
   BROCHURE — A4 ONE-PAGER
   ============================================================ */

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

/* On-screen view: simulate paper on a warm canvas background */
.brochure-page {
  background: #EDE8E1;
  padding: 32px 16px 96px;
  min-height: 100vh;
  position: relative;
}

.brochure-sheet {
  width: 210mm;
  height: 297mm;
  margin: 0 auto;
  background: #FFFFFF;
  color: #1A1A2E;
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 9.5pt;
  line-height: 1.5;
  box-shadow: 0 8px 40px rgba(26, 26, 46, 0.14);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}

/* Top brand band */
.brochure-band {
  background: #4F1587;
  color: #FFFFFF;
  padding: 4mm 16mm;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
}

.brochure-band-logo {
  height: 7mm;
  width: auto;
  display: block;
}

.brochure-band-meta {
  font-family: 'JetBrains Mono', monospace;
  font-size: 8.5pt;
  letter-spacing: 0.04em;
  color: rgba(255, 255, 255, 0.85);
}

/* Hero */
.brochure-hero {
  padding: 6mm 16mm 5mm;
  flex-shrink: 0;
}

.brochure-eyebrow {
  display: inline-block;
  font-size: 8pt;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: #4F1587;
  margin-bottom: 2.5mm;
}

.brochure-h1 {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 21pt;
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: -0.025em;
  margin: 0 0 2.5mm;
  color: #1A1A2E;
  max-width: 175mm;
}

.brochure-tail {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 12pt;
  font-weight: 500;
  color: #6E6E82;
  margin: 0 0 3mm;
  letter-spacing: -0.01em;
}

.brochure-pitch {
  font-size: 9pt;
  line-height: 1.5;
  color: #3D3D4E;
  margin: 0;
}

/* Stats trio with brand accent bars */
.brochure-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4mm;
  padding: 0 16mm;
  margin-bottom: 5mm;
  flex-shrink: 0;
}

.brochure-stat {
  display: flex;
  flex-direction: column;
  padding: 3.5mm 4mm 3.5mm 5mm;
  background: #F7F3EE;
  border-radius: 4px;
  border-left: 3px solid #4F1587;
  position: relative;
}

.brochure-stat--purple { border-left-color: #4F1587; }
.brochure-stat--teal { border-left-color: #0D9488; }
.brochure-stat--amber { border-left-color: #D97706; }

.brochure-stat-value {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 23pt;
  font-weight: 700;
  letter-spacing: -0.025em;
  line-height: 1;
}

.brochure-stat--purple .brochure-stat-value { color: #4F1587; }
.brochure-stat--teal .brochure-stat-value { color: #0F766E; }
.brochure-stat--amber .brochure-stat-value { color: #B45309; }

.brochure-stat-label {
  font-size: 9pt;
  font-weight: 700;
  color: #1A1A2E;
  margin-top: 2mm;
}

.brochure-stat-detail {
  font-size: 7.5pt;
  color: #6E6E82;
  margin-top: 0.8mm;
  line-height: 1.4;
}

/* Power of compounding callout — premium standout band */
.brochure-compounding {
  margin: 0 16mm 5mm;
  padding: 4mm 5mm;
  background: rgba(79, 21, 135, 0.05);
  border: 1px solid rgba(79, 21, 135, 0.22);
  border-left: 4px solid #4F1587;
  border-radius: 4px;
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  gap: 5mm;
  align-items: center;
  flex-shrink: 0;
}

.brochure-compounding-eyebrow {
  display: inline-block;
  font-size: 8pt;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: #4F1587;
  margin-bottom: 2mm;
}

.brochure-compounding-claim {
  font-size: 9.5pt;
  line-height: 1.55;
  color: #1A1A2E;
  margin: 0;
}

.brochure-compounding-claim strong {
  color: #4F1587;
  font-weight: 700;
}

.brochure-compounding-figure {
  display: grid;
  grid-template-columns: auto auto auto;
  align-items: center;
  justify-content: center;
  column-gap: 3mm;
  row-gap: 1mm;
  text-align: center;
}

.brochure-compounding-num {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 22pt;
  font-weight: 700;
  letter-spacing: -0.025em;
  color: #4F1587;
  line-height: 1;
}

.brochure-compounding-arrow {
  align-self: center;
}

.brochure-compounding-figure-labels {
  grid-column: 1 / -1;
  display: flex;
  justify-content: space-between;
  font-size: 7.5pt;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #6E6E82;
  margin-top: 1mm;
  padding: 0 2mm;
}

/* Products */
.brochure-products {
  padding: 0 16mm;
  margin-bottom: 4mm;
  flex-shrink: 0;
}

.brochure-section-label {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 11pt;
  font-weight: 600;
  margin: 0 0 2.5mm;
  color: #1A1A2E;
  letter-spacing: -0.01em;
}

.brochure-product-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4mm;
  margin-bottom: 2mm;
}

.brochure-product {
  padding: 3.5mm 4.5mm;
  border: 1px solid #E2E2EA;
  border-radius: 4px;
  background: #FFFFFF;
}

.brochure-product--router { border-top: 3px solid #0D9488; }
.brochure-product--evalmate { border-top: 3px solid #D97706; }

.brochure-product-name {
  display: block;
  font-family: 'Space Grotesk', sans-serif;
  font-size: 12.5pt;
  font-weight: 700;
  color: #1A1A2E;
  margin-bottom: 0.5mm;
}

.brochure-product-tag {
  display: block;
  font-size: 7.5pt;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 2mm;
  font-weight: 700;
}

.brochure-product--router .brochure-product-tag { color: #0F766E; }
.brochure-product--evalmate .brochure-product-tag { color: #B45309; }

.brochure-product-desc {
  font-size: 8.5pt;
  line-height: 1.5;
  color: #3D3D4E;
  margin: 0;
}

.brochure-product-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 1.6mm;
}

.brochure-product-list li {
  font-size: 8.25pt;
  line-height: 1.4;
  color: #3D3D4E;
  padding-left: 4.5mm;
  position: relative;
}

.brochure-product-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1.2mm;
  width: 2.5mm;
  height: 2.5mm;
  border-radius: 50%;
}

.brochure-product--router .brochure-product-list li::before {
  background: #0D9488;
}

.brochure-product--evalmate .brochure-product-list li::before {
  background: #D97706;
}

/* Closed-loop diagram */
.brochure-loop-diagram {
  margin: 0;
  padding: 1mm 0 0;
}

.brochure-loop-diagram svg {
  display: block;
  width: 100%;
  height: auto;
  max-height: 30mm;
}

/* Trusted-by strip (slim logo row above the CTA) */
.brochure-trusted {
  display: flex;
  align-items: center;
  gap: 8mm;
  padding: 0 16mm;
  margin-bottom: 4mm;
  flex-shrink: 0;
}

.brochure-trusted-label {
  font-size: 7.5pt;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: #6E6E82;
  font-weight: 700;
  flex-shrink: 0;
}

.brochure-trusted-logos {
  display: flex;
  align-items: center;
  gap: 12mm;
}

.brochure-trusted-logos img {
  height: 7mm;
  width: auto;
  opacity: 0.88;
}

/* CTA band — pinned to bottom of sheet via flex */
.brochure-cta {
  margin-top: auto;
  background: #4F1587;
  color: #FFFFFF;
  padding: 5mm 16mm;
  display: flex;
  flex-direction: column;
  gap: 1.2mm;
  flex-shrink: 0;
}

.brochure-cta-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 5mm;
}

.brochure-cta-action {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 14pt;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.brochure-cta-url {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10pt;
  letter-spacing: 0.04em;
  color: rgba(255, 255, 255, 0.95);
}

.brochure-cta-pitch {
  font-size: 9pt;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.92);
  margin: 0.5mm 0 0;
  max-width: 165mm;
}

.brochure-cta-secondary {
  font-size: 8.5pt;
  color: rgba(255, 255, 255, 0.78);
  font-family: 'JetBrains Mono', monospace;
  letter-spacing: 0.04em;
}

/* On-screen Print button (hidden in print) */
.brochure-print-btn {
  position: fixed;
  bottom: 24px;
  right: 24px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  background: #4F1587;
  color: #FFFFFF;
  border: none;
  border-radius: 100px;
  font-family: 'Inter', sans-serif;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  box-shadow: 0 4px 16px rgba(79, 21, 135, 0.3);
  transition: background 0.18s ease, transform 0.18s ease;
}

.brochure-print-btn:hover {
  background: #3B0F66;
  transform: translateY(-1px);
}

/* ============================================================
   PRINT — strict single A4, never split
   ============================================================ */
@media print {
  body, html {
    background: #FFFFFF !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .brochure-page {
    background: #FFFFFF !important;
    padding: 0 !important;
    min-height: 0 !important;
  }
  .brochure-sheet {
    width: 210mm !important;
    height: 297mm !important;
    box-shadow: none !important;
    margin: 0 !important;
    overflow: hidden !important;
    page-break-inside: avoid !important;
    page-break-after: avoid !important;
    break-inside: avoid !important;
    break-after: avoid !important;
  }
  .brochure-print-btn { display: none !important; }

  /* Force grid widths in print regardless of viewport */
  .brochure-stats { grid-template-columns: repeat(3, 1fr) !important; }
  .brochure-product-grid { grid-template-columns: 1fr 1fr !important; }
  .brochure-compounding { grid-template-columns: 1.5fr 1fr !important; }
  .brochure-trusted { flex-direction: row !important; align-items: center !important; }
  .brochure-cta-row { flex-direction: row !important; align-items: baseline !important; }

  /* Avoid splitting logical sections */
  .brochure-hero,
  .brochure-stats,
  .brochure-compounding,
  .brochure-products,
  .brochure-trusted,
  .brochure-cta {
    page-break-inside: avoid;
    break-inside: avoid;
  }
}

/* ============================================================
   SCREEN — narrow viewport (mobile preview only, never print)
   ============================================================ */
@media screen and (max-width: 760px) {
  .brochure-page { padding: 16px 12px 88px; }
  .brochure-sheet {
    width: 100%;
    height: auto;
    min-height: 0;
    overflow: visible;
    font-size: 11pt;
  }
  .brochure-band { padding: 4mm 5mm; }
  .brochure-hero { padding: 6mm 5mm 4mm; }
  .brochure-stats,
  .brochure-products,
  .brochure-trusted { padding: 0 5mm; }
  .brochure-compounding { margin: 0 5mm 5mm; }
  .brochure-cta { padding: 5mm; }
  .brochure-h1 { font-size: 21pt; }
  .brochure-tail { font-size: 13pt; }
  .brochure-stats { grid-template-columns: 1fr; gap: 4mm; }
  .brochure-compounding { grid-template-columns: 1fr; gap: 4mm; }
  .brochure-product-grid { grid-template-columns: 1fr; }
  .brochure-trusted { flex-direction: column; align-items: flex-start; gap: 3mm; }
  .brochure-trusted-logos { gap: 8mm; }
  .brochure-cta-row { flex-direction: column; align-items: flex-start; gap: 1mm; }
}