@media (max-width: 980px) {
  .desktop-nav { display: none; }
  .menu-toggle { display: grid; }
  .feature-layout { grid-template-columns: 1fr 1fr; gap: 45px; }
  .steps-grid { grid-template-columns: repeat(2, 1fr); }
  .template-grid { grid-template-columns: repeat(2, 1fr); }
  .live-demo-layout { grid-template-columns: 1fr 1fr; gap: 18px; }
  .page-info-grid { grid-template-columns: 1fr 1fr; }
  .pricing-grid { grid-template-columns: 1fr; max-width: 430px; margin-inline: auto; gap: 28px; }
  .pricing-card.popular { order: -1; transform: none; padding-top: 38px; }
  .pricing-card:hover,
  .pricing-card.popular:hover { transform: none; }
  .footer-spotlight { grid-template-columns: minmax(0, 1fr) minmax(230px, 280px); gap: 28px; }
  .footer-grid { grid-template-columns: minmax(240px, .9fr) minmax(320px, 1.1fr); gap: 45px; }
  .footer-brand { grid-row: auto; }
  .team-panel {
    grid-template-columns: 1fr;
    min-height: 0;
    gap: 28px;
  }
  .team-panel-docs {
    min-height: 220px;
    max-width: 360px;
    margin-inline: auto;
    width: 100%;
  }
}
@media (max-width: 760px) {
  .container { width: min(calc(100% - 34px), var(--content-width)); }
  .site-header { height: 66px; }
  .hero { padding-top: 124px; }
  .hero h1 { font-size: clamp(2.5rem, 10.5vw, 3.1rem); }
  .hero h1 .hero-line-primary { font-size: .61em; }
  .hero-sticker { display: none; }
  .hero-preview-wrap { margin-top: 42px; }
  .product-preview { min-height: 335px; padding: 28px; }
  .demo-screen { width: 86%; height: 220px; }
  .demo-document { margin: 20px; }
  .demo-document > strong { font-size: 1rem; }
  .hero-copy-break { display: none; }
  .feature-layout { grid-template-columns: 1fr; gap: 55px; }
  .feature-scroll .feature-panel { padding: 45px 0 24px; align-items: flex-start; }
  .feature-scroll .feature-layout { gap: 14px; }
  .feature-scroll .feature-copy h2 { margin-bottom: 10px; font-size: clamp(2.25rem, 10vw, 3.25rem); }
  .feature-scroll .feature-copy > p { margin-bottom: 8px; line-height: 1.45; }
  .feature-scroll .feature-copy .feature-list { margin-top: 12px; gap: 7px; }
  .feature-scroll .feature-copy .feature-list li { font-size: .66rem; }
  .feature-scroll .feature-copy .button { min-height: 34px; margin-top: 5px; }
  .feature-scroll .feature-visual { min-height: 270px; }
  .feature-scroll .document-frame { width: min(175px, 52%); padding: 7px; }
  .feature-scroll .signature-card { right: 8%; bottom: 8px; }
  .feature-phase-indicator { right: 17px; bottom: 14px; }
  .feature-contract .feature-copy,
  .feature-contract .feature-visual { order: initial; }
  .feature-visual { min-height: 470px; }
  .document-frame { width: min(340px, 80%); }
  .signature-card { right: 2%; }
  .pricing-grid { grid-template-columns: 1fr; max-width: none; gap: 28px; }
  .pricing-card,
  .pricing-card.popular { min-height: auto; transform: none; }
  .pricing-card:hover,
  .pricing-card.popular:hover { transform: none; }
  .pricing-card.popular { order: -1; padding-top: 38px; }
  .pricing-card-top { min-height: 0; }
  .currency-toggle { width: 100%; display: grid; grid-template-columns: 1fr 1fr; border-radius: 14px; }
  .currency-toggle button { justify-content: center; padding-inline: 10px; border-radius: 10px; font-size: .58rem; }
  .market-grid { grid-template-columns: 1fr; }
  .hero-highlights { grid-template-columns: 1fr; }
  .invoice-showcase-grid { grid-template-columns: 1fr; }
  .invoice-showcase { grid-template-columns: 1fr; }
  .live-demo-layout { grid-template-columns: 1fr; }
  .live-demo-preview { position: static; }
  .live-demo-form { padding: 20px 18px; }
  .live-demo-fields { padding: 14px 12px; }
  .page-info-grid { grid-template-columns: 1fr; }
  .footer-spotlight { padding: 30px; grid-template-columns: 1fr; }
  .footer-website-link { min-height: 126px; }
  .footer-grid { grid-template-columns: 1fr; }
  .footer-brand { padding: 0 0 32px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.08); grid-column: auto; grid-row: auto; }
}
@media (max-width: 560px) {
  body { font-size: 13px; }
  .section { padding-block: 72px; }
  .page-info-grid { grid-template-columns: 1fr; }
  .live-field-row { grid-template-columns: 1fr; }
  .step-card { min-height: 0; }
  .template-preview { height: 350px; }
  .contract-preview { height: 175px; }
  .feature-visual { min-height: 420px; }
  .signature-card { right: 0; bottom: 12px; width: 180px; }
  .final-cta-card {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .final-cta-side { border: 0; padding: 0; }
  .final-cta-list li:hover { transform: none; }
  .site-footer { padding-top: 65px; }
  .footer-spotlight { margin-bottom: 48px; padding: 24px 20px; border-radius: 18px; }
  .footer-spotlight h2 { font-size: 2.15rem; }
  .footer-service-list { gap: 6px; }
  .footer-website-link { min-height: 116px; padding: 22px; }
  .footer-logo { width: 200px; height: 66px; }
  .footer-brand-actions { align-items: stretch; flex-direction: column; }
  .footer-brand-actions .button,
  .footer-brand-actions .footer-email { width: 100%; }
  .footer-grid { gap: 35px 25px; }
  .footer-column { grid-template-columns: 1fr; }
  .footer-bottom { align-items: flex-start; flex-direction: column; gap: 14px; }
  .market-grid { grid-template-columns: 1fr; gap: 14px; margin-bottom: 42px; }
  .market-card { padding: 22px 20px; }
  .team-workflows-heading { text-align: left; }
  .team-workflows-nav {
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 4px;
    -webkit-overflow-scrolling: touch;
  }
  .team-workflows-nav button { white-space: nowrap; flex: 0 0 auto; }
  .team-workflows-stage { border-radius: 20px; }
  .team-panel { padding: 24px 20px 28px; }
  .team-doc { width: min(190px, 72%); }
  .team-panel-docs { min-height: 200px; }
}

@media (prefers-reduced-motion: reduce) {
  .feature-phase-indicator { display: none; }
  .hero-line-primary,
  .hero-line-secondary,
  .hero-copy > p,
  .hero-copy > .button,
  .hero-sticker {
    opacity: 1 !important;
    animation: none !important;
    filter: none !important;
    transform: none !important;
  }
  .hero-line-secondary::after { width: 72px; animation: none !important; transform: translateX(-50%) scaleX(1); }
  .hero-copy > .button::after,
  .product-preview::before { animation: none !important; }
  .feature-scroll { height: auto; background: transparent !important; }
  .feature-sticky { position: static; height: auto; overflow: visible; }
  .feature-panel {
    position: relative;
    min-height: 100vh;
    min-height: 100svh;
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: none !important;
  }
  .feature-panel.feature-invoice,
  .feature-panel.feature-contract { background: var(--neu-bg); }
  .feature-panel .feature-copy,
  .feature-panel .feature-visual {
    opacity: 1 !important;
    transform: none !important;
  }
}