@media (max-width: 1080px) {
  .registration-card { grid-template-columns: 1fr; }
  .mini-proof { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .nav-links { display: none; }
  .burger { display: grid; }
  .nav-links.is-open {
    display: grid;
    position: absolute;
    left: 20px;
    right: 20px;
    top: 84px;
    border-radius: 24px;
    padding: 14px;
    background: rgba(8,12,29,.94);
    box-shadow: var(--shadow);
  }
  .nav-links.is-open a { padding: 14px; }
  .hero-grid, .template-stage { grid-template-columns: 1fr; }

  .hero-screens { position: relative; min-height: 560px; }
  .hero-screen-main { width: 86%; }
  .hero-screen-side-a { left: 0; width: 46%; }
  .hero-screen-side-b { width: 44%; }
  .interface-note { top: 128px; right: 0; }
  .showcase-grid { grid-template-columns: 1fr; }
  .screen-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .template-screens { min-height: 540px; }

  .hero-visual { min-height: 560px; }
  .section-head, .pricing-top, .cta-inner, .footer-grid { grid-template-columns: 1fr; }
  .cta-band--with-photo {
    padding-bottom: 0;
    overflow: hidden;
  }
  .cta-inner--with-photo {
    gap: 24px;
    min-height: auto;
  }
  .cta-copy { padding-bottom: 0; }
  .cta-founder {
    order: 2;
    min-height: 420px;
    margin-top: -52px;
    transform: none;
    overflow: hidden;
  }
  .cta-founder-stage {
    width: min(100%, 470px);
    min-height: 470px;
    height: 470px;
  }
  .cta-founder-photo {
    max-width: 100%;
    height: clamp(420px, 72vw, 560px);
  }
  .pricing-grid, .timeline { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .roles-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .role-card { grid-template-columns: 180px minmax(0, 1fr); gap: 18px; padding: 22px; }
  .role-card__visual { width: 170px; height: 170px; }
  .role-card__visual img { width: 170px; }
  .seo-grid { grid-template-columns: 1fr; }
  .bento { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bento .wide, .bento .tall { grid-column: auto; grid-row: auto; }
}

@media (max-width: 760px) {
  html,
  body,
  #top {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  body *,
  body *::before,
  body *::after {
    min-width: 0;
  }

  img,
  svg,
  video,
  canvas,
  iframe {
    max-width: 100%;
  }

  .container {
    width: min(calc(100% - 28px), var(--container));
    max-width: calc(100% - 28px);
  }

  .section,
  .section.compact,
  .hero,
  .marquee-wrap,
  .cta-band,
  .registration-card,
  .signup-form,
  .glass-card,
  .price-card,
  .pain-card,
  .compare-card,
  .step-card,
  .role-card {
    max-width: 100%;
  }

  .billing-toggle {
    width: 100%;
    justify-content: flex-start;
    border-radius: 28px;
  }
  .billing-toggle button { flex: 1 1 126px; }

  .registration-card {
    grid-template-columns: 1fr;
    border-radius: 34px;
    padding: 24px;
    overflow: hidden;
  }
  .registration-card::before { width: 100%; }
  .registration-content,
  .signup-form { width: 100%; }
  .signup-form {
    padding: 20px;
    border-radius: 26px;
  }
  .form-row, .mini-proof { grid-template-columns: 1fr; }
  .signup-form input,
  .signup-form .btn,
  .signup-form button {
    width: 100%;
    max-width: 100%;
  }
  .signup-form .btn,
  .signup-form button {
    white-space: normal;
    line-height: 1.25;
    min-height: 56px;
    padding-left: 16px;
    padding-right: 16px;
    text-align: center;
  }

  .site-header .btn-ghost { display: none; }
  .hero { padding-top: 42px; }
  .hero-grid { gap: 30px; }
  .hero-actions { width: 100%; }
  .hero-actions .btn { width: 100%; }

  .hero-screens { min-height: 480px; }
  .hero-screen-main { width: 100%; bottom: 0; transform: none; border-radius: 24px; }
  .hero-screen-side-a { top: 8px; left: 0; width: 56%; }
  .hero-screen-side-b { right: 0; bottom: 58px; width: 52%; }
  .interface-note { display: none; }
  .screen-label { font-size: 12px; padding: 8px 10px; }
  .zoom-cue { opacity: 1; transform: none; }
  .screen-flow { grid-template-columns: 1fr; }
  .showcase-grid .screen-link img { min-height: 260px; }
  .template-screens { min-height: auto; padding: 14px; display: grid; gap: 14px; }
  .template-screens .screen-link:first-child,
  .template-screens .screen-link:last-child { position: relative; width: 100%; inset: auto; margin: 0; transform: none; }
  .lightbox { padding: 14px; }
  .lightbox-close { top: 8px; right: 8px; }

  .hero-visual { min-height: 520px; }
  .cta-band {
    border-radius: 32px;
    overflow: hidden;
  }
  .cta-band--with-photo {
    padding: 24px 24px 0;
  }
  .cta-inner--with-photo {
    grid-template-columns: 1fr;
    gap: 16px;
    min-height: 0;
  }
  .cta-copy { padding-bottom: 0; }
  .cta-copy .btn { width: 100%; }
  .cta-founder {
    min-height: 330px;
    margin-top: -16px;
    transform: none;
    overflow: hidden;
    align-items: flex-end;
  }
  .cta-founder-stage {
    width: min(100%, 360px);
    min-height: 360px;
    height: 360px;
  }
  .cta-founder-photo {
    width: auto;
    max-width: 100%;
    height: clamp(330px, 88vw, 430px);
    margin-left: auto;
    margin-right: auto;
  }

  .orb { width: 300px; right: -40px; }
  .dashboard { transform: none; bottom: 0; }
  .floating-card.one { right: 116px; top: 35px; width: 190px; }
  .floating-card.two { left: 0; top: 18px; width: 195px; }
  .floating-card.three { display: none; }

  .stat-row,
  .pain-grid,
  .compare,
  .pricing-grid,
  .roles-grid,
  .timeline,
  .bento {
    grid-template-columns: 1fr !important;
  }

  .role-card {
    grid-template-columns: 1fr;
    gap: 14px;
    padding: 18px;
    min-height: 0;
    text-align: left;
  }
  .role-card__visual {
    width: 148px;
    height: 148px;
    justify-self: center;
  }
  .role-card__visual img { width: 148px; }
  .role-card__content {
    width: 100%;
    min-width: 0;
  }
  .role-card__content h3,
  .role-card__content p {
    overflow-wrap: anywhere;
    word-break: normal;
  }

  .section { padding: 76px 0; }
  .section.compact { padding: 58px 0; }
  .glass-card { padding: 22px; }
  .step-card { min-height: auto; }
  .step-number { margin-bottom: 30px; }
  .pdf-preview { min-height: 500px; }
  .pdf-sheet { min-height: 440px; }
  .footer-links { justify-content: flex-start; }
}

@media (max-width: 460px) {
  .brand small, .brand-sub { display: none; }
  .brand-logo { width: 132px; }
  .nav-actions .btn-primary { padding-inline: 14px; font-size: 14px; }
  h1 { font-size: 42px; }
  .mini-grid { grid-template-columns: 1fr; }
  .floating-card { display: none; }
  .dashboard { border-radius: 24px; }
  .pricing-top { align-items: center; }
  .billing-toggle { border-radius: 24px; }
  .signup-form .btn,
  .signup-form button { font-size: 14px; }
}

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

@media (max-width: 1180px) {
  .pain-card { grid-template-columns: 1fr; }
  .pain-card__visual { min-height: 170px; margin: 2px 0 -8px; }
  .pain-card__visual img { max-width: 320px; }
  .compare-card { gap: 22px; }
  .compare-card__visual { margin: 0; min-height: 280px; }
  .compare-card__visual img { max-width: 520px; max-height: 300px; }
}

@media (max-width: 680px) {
  .pain-card { padding: 22px; }
  .pain-card__visual { min-height: 154px; }
  .compare-card { padding: 22px; gap: 16px; }
  .compare-card__visual { min-height: 210px; }
  .compare-card__visual img { max-height: 230px; }
}