@charset "UTF-8";
@media (max-width: 1020px) {
  .showcase-hero { min-height: 500px; }
  .showcase-hero h1 { font-size: 40px; }
  .page-intro { grid-template-columns: 1fr; gap: 24px; }
  .quick-path { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .quick-path > :nth-child(2) { border-right: 0; }
  .quick-path > :nth-child(-n + 2) { border-bottom: 1px solid var(--line); }
  .quick-path > :nth-child(2)::after { display: none; }
  .metrics-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .metric:nth-child(2) { border-right: 0; }
  .metric:nth-child(-n + 2) { border-bottom: 1px solid rgba(255, 255, 255, 0.24); }
  .view-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .view-link.primary { grid-column: 1 / -1; }
  .blueprint { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .blueprint::before { display: none; }
  .blueprint-step:nth-child(3)::after { display: none; }
  .proposal-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .scorecard-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .delivery-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .layer-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .phase-timeline { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  body { min-width: 320px; }
  .topbar { min-height: 60px; padding: 8px 12px; }
  .brand-mark { width: 38px; }
  .brand strong { font-size: 14px; }
  .brand small { font-size: 10px; }
  .menu-toggle { display: block; }
  .tabs {
    position: fixed;
    inset: 60px 0 auto 0;
    display: none;
    max-height: calc(100vh - 60px);
    overflow-y: auto;
    padding: 8px 12px 18px;
    background: white;
    border-bottom: 1px solid var(--line);
    box-shadow: 0 14px 30px rgba(7, 45, 58, 0.18);
  }
  .tabs[data-open="true"] { display: grid; }
  .tabs a {
    display: flex;
    align-items: center;
    min-height: 46px;
    padding: 10px 12px;
    border: 1px solid transparent;
    border-bottom-color: var(--line);
    font-size: 14px;
  }
  .tabs a[aria-current="page"] {
    background: var(--surface-green);
    border-color: var(--teal);
  }
  .page-shell { padding: 12px 12px 40px; }
  .showcase-hero {
    min-height: 540px;
    padding: 0;
    background-position: center top;
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
  .showcase-copy { display: block; padding: 20px; }
  .showcase-hero h1 { font-size: 36px; }
  .showcase-hero .lead,
  .page-intro .lead { font-size: 18px; }
  .showcase-hero .lead { font-size: 16px; }
  .page-intro { padding: 26px 22px; }
  .page-intro h1 { font-size: 40px; }
  .intro-facts li { grid-template-columns: 80px 1fr; }
  .actions { display: grid; grid-template-columns: 1fr; }
  .button { min-height: 46px; }
  .section { margin-top: 26px; }
  .section-head { flex-direction: column; align-items: start; gap: 8px; }
  .section-head h2,
  .section h2 { font-size: 27px; }
  .quick-path,
  .metrics-strip,
  .view-grid,
  .blueprint,
  .pilot-band,
  .option-row,
  .proposal-summary,
  .logic-grid,
  .budget-layout,
  .question-board,
  .callout { grid-template-columns: 1fr; }
  .readiness-alert,
  .scorecard-grid,
  .delivery-grid,
  .layer-list,
  .phase-timeline { grid-template-columns: 1fr; }
  .task-stack article { grid-template-columns: 42px minmax(0, 1fr); gap: 10px; }
  .task-stack article > span { grid-column: 2; }
  .scorecard-grid article,
  .delivery-grid article,
  .phase-timeline article,
  .layer-list li { min-height: 0; }
  .quick-path a,
  .quick-path article {
    min-height: 94px;
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }
  .quick-path > :last-child { border-bottom: 0; }
  .quick-path a::after,
  .quick-path article::after { display: none; }
  .metric { min-height: 86px; border-right: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.24); }
  .metric:last-child { border-bottom: 0; }
  .view-link.primary { grid-column: auto; }
  .blueprint { gap: 8px; padding: 12px; }
  .blueprint-step { min-height: 0; padding: 14px; }
  .blueprint-step::after { display: none; }
  .pilot-band { gap: 18px; padding: 22px; }
  .decision-table { display: block; overflow-x: auto; white-space: normal; }
  .hardware-table,
  .hardware-table tbody,
  .hardware-table tr,
  .hardware-table td { display: block; width: 100%; }
  .hardware-table thead { display: none; }
  .hardware-table { background: transparent; border: 0; }
  .hardware-table tr { margin-bottom: 10px; background: white; border: 1px solid var(--line); border-radius: 5px; overflow: hidden; }
  .hardware-table td { display: grid; grid-template-columns: 92px minmax(0, 1fr); gap: 9px; padding: 9px 11px; border-bottom: 1px solid var(--line); }
  .hardware-table td:last-child { border-bottom: 0; }
  .hardware-table td::before { color: var(--muted); content: attr(data-label); font-size: 10px; font-weight: 900; text-transform: uppercase; }
  .hardware-table td[colspan] { grid-column: auto; }
  .hardware-table .subtotal-row { background: var(--surface-green); border-color: var(--teal); }
  .proposal-summary > div { min-height: 100px; }
  .logic-card { min-height: 0; }
  .budget-bars li { grid-template-columns: 110px minmax(0, 1fr) 66px; gap: 7px; }
  .callout { gap: 10px; }
  .save-status { width: 100%; margin-left: 0; }
  footer { padding: 0 12px 28px; }
}

@media (max-width: 380px) {
  .brand small { display: none; }
  .showcase-hero h1 { font-size: 32px; }
  .page-intro h1 { font-size: 36px; }
  .showcase-hero { min-height: 520px; }
  .budget-bars li { grid-template-columns: 90px minmax(0, 1fr) 60px; font-size: 11px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; }
}