/* Compact homepage sizing pass: keeps premium look, reduces oversized blocks. */

:root {
  --home-compact-hero-pad: 40px;
}

.ammor-home {
  --home-radius: 20px;
}

.home-loader img {
  width: 72px !important;
  height: 72px !important;
}

.home-loader span {
  font-size: 0.72rem !important;
}

.home-header {
  border-bottom-width: 1px !important;
}

.home-nav {
  min-height: 66px !important;
  width: min(1180px, calc(100% - 36px)) !important;
  gap: 16px !important;
}

.home-brand img {
  width: 38px !important;
  height: 38px !important;
  border-radius: 10px !important;
}

.home-brand strong {
  font-size: 0.92rem !important;
}

.home-brand small {
  font-size: 0.66rem !important;
}

.home-menu a {
  min-height: 40px !important;
  padding: 0 11px !important;
  font-size: 0.82rem !important;
}

.nav-toggle {
  width: 40px !important;
  height: 40px !important;
}

.button {
  min-height: 44px !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
}

.hero-cinematic,
.hero-shell {
  min-height: 68svh !important;
}

.hero-shell {
  padding: 34px 0 44px !important;
  gap: 24px !important;
}

.hero-mark {
  gap: 12px !important;
  margin-bottom: 14px !important;
}

.hero-mark img {
  width: 54px !important;
  height: 54px !important;
}

.hero-copy h1 {
  font-size: clamp(2.2rem, 5.1vw, 3.45rem) !important;
  line-height: 0.96 !important;
}

.hero-subline {
  margin-top: 14px !important;
  font-size: clamp(0.89rem, 1.02vw, 1.02rem) !important;
  line-height: 1.6 !important;
}

.hero-actions {
  margin-top: 18px !important;
  gap: 10px !important;
}

.hero-command {
  min-height: 312px !important;
  padding: 14px !important;
  border-radius: 20px !important;
}

.command-top {
  font-size: 0.82rem !important;
}

.command-top b {
  font-size: 0.7rem !important;
}

.score-ring {
  width: 152px !important;
  height: 152px !important;
  margin: 18px auto 16px !important;
}

.score-ring span {
  font-size: 2.5rem !important;
}

.command-list {
  gap: 8px !important;
}

.command-list div {
  padding: 10px !important;
  border-radius: 12px !important;
}

.workflow-section,
.preview-section,
.governance-section,
.risk-section,
.proof-section {
  padding: 60px 0 !important;
}

.section-heading h2,
.proof-section h2 {
  font-size: clamp(1.48rem, 3.3vw, 2.8rem) !important;
}

.section-heading p,
.proof-section p {
  margin-top: 14px !important;
  font-size: 1rem !important;
  line-height: 1.58 !important;
}

.section-kicker {
  margin-bottom: 10px !important;
}

.workflow-rail {
  margin-top: 22px !important;
  gap: 8px !important;
  padding-top: 16px !important;
}

.flow-step {
  min-height: 170px !important;
  padding: 12px !important;
  min-width: 0 !important;
}

.flow-step span,
.governance-grid span {
  width: 26px !important;
  height: 26px !important;
  margin-bottom: 12px !important;
}

.flow-step h3,
.governance-grid h3 {
  font-size: 0.94rem !important;
  min-width: 0 !important;
  overflow-wrap: break-word !important;
  word-break: break-word !important;
}

.flow-step p,
.governance-grid p {
  font-size: 0.88rem !important;
  min-width: 0 !important;
  overflow-wrap: break-word !important;
  word-break: break-word !important;
}

.preview-grid,
.risk-layout {
  gap: 28px !important;
}

.case-preview {
  border-radius: 20px !important;
  padding: 14px !important;
  min-width: 0 !important;
}

.case-toolbar,
.case-body,
.case-details {
  gap: 8px !important;
  min-width: 0 !important;
}

.case-toolbar,
.case-body {
  flex-wrap: wrap !important;
}

.case-body {
  margin-top: 18px !important;
}

.case-body h3 {
  margin: 6px 0 0 !important;
  font-size: clamp(1.2rem, 2.2vw, 1.72rem) !important;
  overflow-wrap: break-word !important;
  word-break: break-word !important;
  min-width: 0 !important;
}

.case-badge {
  padding: 5px 9px !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
  word-break: break-word !important;
  text-align: center !important;
  max-width: 100% !important;
}

.case-meter {
  margin: 18px 0 11px !important;
  height: 6px !important;
}

.case-preview p {
  line-height: 1.5 !important;
  overflow-wrap: break-word !important;
  word-break: break-word !important;
}

.case-details span {
  padding: 10px !important;
  border-radius: 12px !important;
  min-width: 0 !important;
  overflow-wrap: break-word !important;
  word-break: break-word !important;
}

.case-details b {
  margin-top: 4px !important;
  font-size: 1rem !important;
}

.governance-grid {
  margin-top: 28px !important;
  gap: 10px !important;
}

.governance-grid article {
  min-height: 188px !important;
  padding: 12px !important;
}

.risk-pyramid {
  gap: 6px !important;
  padding: 14px !important;
  border-radius: 20px !important;
}

.risk-layer {
  height: 40px !important;
}

.proof-section {
  padding-bottom: 86px !important;
}

.proof-section article {
  padding: 24px !important;
  border-radius: 20px !important;
}

.proof-actions {
  margin-top: 18px !important;
  gap: 10px !important;
}

.home-footer {
  min-height: 72px !important;
}

.home-footer a,
.home-footer div {
  min-height: 34px !important;
}

@media (max-width: 1050px) {
  .hero-shell {
    gap: 22px !important;
  }

  .hero-command {
    min-height: auto !important;
  }

  .workflow-section,
  .preview-section,
  .governance-section,
  .risk-section,
  .proof-section {
    padding: 64px 0 !important;
  }

  .flow-step {
    min-height: 180px !important;
  }
}

@media (max-width: 720px) {
  .hero-shell {
    padding: 28px 0 34px !important;
    gap: 16px !important;
  }

  .hero-cinematic {
    min-height: 84svh !important;
  }

  .hero-mark img {
    width: 52px !important;
    height: 52px !important;
  }

  .hero-copy h1 {
    font-size: clamp(2rem, 10.6vw, 2.65rem) !important;
  }

  .hero-subline {
    margin-top: 14px !important;
  }

  .hero-command {
    border-radius: 18px !important;
  }

  .score-ring {
    width: 152px !important;
    height: 152px !important;
    margin: 18px auto 16px !important;
  }

  .score-ring span {
    font-size: 2.1rem !important;
  }

  .workflow-section,
  .preview-section,
  .governance-section,
  .risk-section,
  .proof-section {
    padding: 58px 0 !important;
  }

  .workflow-rail {
    margin-top: 20px !important;
    grid-template-columns: 1fr !important;
    overflow: visible !important;
  }

  .evidence-packet,
  .rail-progress {
    display: none !important;
  }

  .flow-step {
    min-height: auto !important;
  }

  .proof-section article {
    padding: 22px !important;
  }
}