/* ==========================================================================
   Orgalytics.ai — responsive rules (ALL media queries live here)
   Consolidated by breakpoint, largest first. Sources: header, hero+dashboard,
   shared, platforms, AI analytics, why-orgalytics, MCP, trust, FAQ, CTA,
   footer, features page, platform detail pages.
   ========================================================================== */

/* ---- ≤1100px: denser header, hero stacks, platforms 3-across ---- */
@media (max-width: 1100px) {
  .header-desktop-nav a { padding: 0 10px; font-size: 14.5px; }
  .header-inner { gap: 20px; }
  .home-hero-inner { grid-template-columns: minmax(0, 1fr); gap: 48px; padding: 56px 24px 76px; }
  .home-hero-copy-column { padding-top: 0; }
  .home-hero-visual-column { max-width: 640px; margin: 0 auto; width: 100%; }
  .platform-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  /* AI analytics: side panel drops below the reports */
  .analytics-columns { grid-template-columns: minmax(0, 1fr); }
  .analytics-ai-panel { padding: 0 18px 18px; }
}

/* ---- ≤1024px: analytics report card grids stack, trust cards 2-across,
        platform hero + MCP stack ---- */
@media (max-width: 1024px) {
  /* mcp connector page: hero stacks, security 2-across */
  .mcp-connector-hero-inner { grid-template-columns: minmax(0, 1fr); gap: 56px; padding: 56px var(--wrap-pad) 80px; }
  .mcp-connector-hero-visual { max-width: 640px; width: 100%; margin: 0 auto; }
  .mcp-connector-security-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .analytics-card-grid, .analytics-card-grid-equal, .analytics-card-grid-wide { grid-template-columns: minmax(0, 1fr); }
  .trust-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  /* platform detail */
  .platform-hero-inner { grid-template-columns: minmax(0, 1fr); gap: 56px; padding: 56px var(--wrap-pad) 80px; }
  .platform-hero-visual { max-width: unset; width: 100%; margin: 0 auto; }
  .platform-hero-description { max-width: 640px; }
  .platform-mcp-inner { grid-template-columns: minmax(0, 1fr); gap: 48px; }
  /* about: technology steps 2-across; the connector drops at the row break */
  .about-technology-step-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .about-technology-step:nth-child(3)::before { display: none; }
}

/* ---- ≤960px: burger + slide-down panel, MCP flow goes vertical,
        features index 2-across + rows stack, footer 2-across ---- */
@media (max-width: 960px) {
  .header-desktop-nav { display: none; }
  .header-menu-toggle { display: inline-flex; margin: 0 0 0 auto; }
  .header-cta-button { display: none; }
  .header-mobile-panel {
    position: absolute;
    left: 0; right: 0; top: 100%;
    max-height: calc(100vh - 64px);
    overflow-y: auto;
    border-top: 1px solid var(--c-border-soft);
    background: #ffffff;
    padding: 8px 16px 18px;
    box-shadow: 0 18px 30px -20px rgba(14, 21, 48, .25);
  }
  .site-header.is-open .header-mobile-panel { display: block; }
  .header-mobile-panel a {
    display: flex;
    align-items: center;
    height: 48px;
    padding: 0 8px;
    border-bottom: 1px solid #f0f2f7;
    color: var(--c-ink-2);
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
  }
  .header-mobile-panel a.header-mobile-cta-button {
    display: none;
    justify-content: center;
    gap: 9px;
    margin-top: 14px;
    border: 0;
    border-radius: 12px;
    background: var(--c-brand);
    color: #ffffff;
    font-weight: 600;
  }
  /* Platforms sub-list: toggle row styled like the panel links */
  .header-submenu-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 48px;
    padding: 0 8px;
    border: 0;
    border-bottom: 1px solid #f0f2f7;
    background: none;
    color: var(--c-ink-2);
    font: inherit;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
  }
  .header-submenu-toggle svg {
    transition: transform .2s;
  }
  .header-mobile-submenu.is-open .header-submenu-toggle svg {
    transform: rotate(180deg);
  }
  .header-submenu-list {
    display: none;
    margin: 0;
    padding: 0 0 4px 14px;
    list-style: none;
  }
  .header-mobile-submenu.is-open .header-submenu-list {
    display: block;
  }

  .header-submenu-list a {
    color: var(--c-body);
    font-size: 15px;
  }
  .why-orgalytics-inner { grid-template-columns: minmax(0, 1fr); gap: 44px; }
  .mcp-data-flow { grid-template-columns: minmax(0, 1fr); max-width: 420px; justify-items: stretch; }
  .mcp-flow-node { flex-direction: row; text-align: left; padding: 16px 18px; gap: 14px; }
  .mcp-flow-connector {
    width: 2px;
    height: 36px;
    margin: 0 auto;
    background: repeating-linear-gradient(180deg, rgba(61, 107, 255, .45) 0 5px, rgba(61, 107, 255, 0) 5px 10px);
    animation: none;
  }
  .mcp-flow-connector i { display: none; }
  /* features page: index 2-across, rows stack with text first */
  .oix-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ofr-in { grid-template-columns: minmax(0, 1fr); gap: 40px; }
  .ofr-rev .ofr-txt { order: 1; }
  /* How It Works: timeline single column, steps stack, grids collapse */
  .how-it-works-timeline { grid-template-columns: repeat(3, 1fr); gap: 20px 8px; }
  .how-it-works-timeline::before { display: none; }
  .how-it-works-timeline-ic { width: 48px; height: 48px; }
  .how-it-works-step-inner { grid-template-columns: 1fr; gap: 32px; }
  .how-it-works-step-flip .how-it-works-step-copy { order: 0; }
  .how-it-works-benefits-grid { grid-template-columns: 1fr; }
  .how-it-works-why-grid { grid-template-columns: 1fr 1fr; }
  .ofr-rev .ofr-vis { order: 2; }
  .footer-top { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .footer-brand-column { grid-column: 1 / -1; }
  /* platform detail: action panels, feature columns, steps, audiences and
     reviews go single-column (mockup folds its 900px rules in here) */
  .platform-action-panel { grid-template-columns: minmax(0, 1fr); }
  .platform-feature-columns-grid { grid-template-columns: minmax(0, 1fr); }
  .platform-steps-list { grid-template-columns: minmax(0, 1fr); }
  .platform-audiences-grid { grid-template-columns: minmax(0, 1fr); }
  .platform-reviews-grid { grid-template-columns: minmax(0, 1fr); }
  /* pricing */
  .pricing-included-grid { grid-template-columns: minmax(0, 1fr); }
  /* contact: the form card and the information column stack (mockup folds
     its 900px rule in here) */
  .contact-section-inner { grid-template-columns: minmax(0, 1fr); }
  /* about: stats strip 2-across, story columns stack, mission cards fold,
     trust cards 2-across, platform cards 3-across (mockup's 960px rules) */
  .about-hero-stat-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .about-hero-stat:nth-child(3) { border-left: 0; }
  .about-hero-stat:nth-child(n+3) { border-top: 1.5px solid var(--c-border); }
  .about-story-inner { grid-template-columns: minmax(0, 1fr); gap: 36px; padding-top: 136px; }
  .about-story-photo-card { max-width: 440px; }
  .about-mission-card-list { grid-template-columns: minmax(0, 1fr); }
  .about-trust-card-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .about-platform-card-list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
  .mcp-connector-clients-list{
    display: grid;
    grid-template-columns: repeat(4 , 1fr) !important;
  }
}

/* ---- ≤860px: FAQ columns stack, platform pricing plans stack, pricing
        comparison card goes 2-column ---- */
@media (max-width: 860px) {
  /* mcp connector page: card grids stack */
  .mcp-connector-compare-grid, .mcp-connector-tools-grid, .mcp-connector-prompts-grid, .mcp-connector-setup-grid, .mcp-connector-steps-grid { grid-template-columns: minmax(0, 1fr); }
  .faq-list { grid-template-columns: minmax(0, 1fr); }
  .platform-pricing-grid { grid-template-columns: minmax(0, 1fr); max-width: 560px; margin: 0 auto; }
  /* pricing comparison: intro spans the full width, plans side by side */
  .pricing-comparison-head { grid-template-columns: 1fr 1fr; }
  .pricing-comparison-intro { grid-column: 1 / -1; border-bottom: 1.5px solid var(--c-border); padding: 24px 22px 20px; border-radius: 18.5px 18.5px 0 0; }
  .pricing-comparison-plan:nth-child(2) { border-left: 0; }
  .pricing-comparison-plan.is-featured { border-radius: 0; }
  /* sticky bar: labels only, tighter columns */
  .pricing-comparison-sticky-bar { grid-template-columns: 50% 25% 25%; }
  .pricing-comparison-sticky-bar .site-button { display: none; }
  .pricing-comparison-sticky-bar > div { padding: 10px 10px; flex-direction: column; gap: 2px; }
  .pricing-comparison-sticky-bar > div:first-child { padding-left: 14px; align-items: flex-start; }
  /* table: 50/25/25, hints hidden */
  .pricing-comparison-col-feature { width: 50%; }
  .pricing-comparison-col-basic { width: 25%; }
  .pricing-comparison-col-paid { width: 25%; }
  .pricing-comparison-table tbody th { width: 50%; padding: 11px 14px; font-size: 13.5px; }
  .pricing-comparison-table tbody th small { display: none; }
  .pricing-comparison-table tbody td { padding: 12px 8px; font-size: 13px; border-left: 0; }
   .mcp-connector-clients-list{
    display: grid;
    grid-template-columns: repeat(3 , 1fr) !important;
  }
}

/* ---- ≤640px: tighter section heads, full-width buttons, features index
        1-across ---- */
@media (max-width: 640px) {
  /* mcp connector page: security stacks, tighter section padding */
  .mcp-connector-security-grid { grid-template-columns: minmax(0, 1fr); }
  .mcp-connector-compare-inner, .mcp-connector-tools-inner, .mcp-connector-steps-inner, .mcp-connector-setup-inner, .mcp-connector-prompts-inner { padding: 72px 20px; }
  .mcp-connector-clients-inner { padding: 40px 20px; }
  .section-heading { margin-bottom: 40px; }
  .section-heading-title { font-size: 21px; }
  .section-description { font-size: 16px; }
  .site-button { width: 100%; }
  /* AI analytics */
  .analytics-section-inner { padding: 72px 16px; }
  .analytics-reports { padding: 12px; min-height: 0; }
  .analytics-kpi-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .analytics-card { padding: 14px; }
  .analytics-kpi-card b { font-size: 19px; }
  .analytics-x-axis span:nth-child(even) { display: none; }
  .analytics-x-axis { font-size: 10.5px; }
  .analytics-chart { grid-template-columns: 34px minmax(0, 1fr); }
  .analytics-sample-tag { display: none; }
  .analytics-donut { justify-content: center; }
  .analytics-ai-panel { padding: 0 12px 12px; }
  .analytics-ai-panel-card { padding: 16px; }
  /* features page */
  .oix-grid { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .oix-in { padding: 72px 20px; }
  .oix-card { padding: 16px; }
  .ofr-h2 { font-size: 21px; } /* Home .section-heading-title @640 */
  .ofr-p { font-size: 16px; } /* Home .section-description @640 */
  /* platform detail */
  .platform-hero-inner, .platform-action-inner, .platform-steps-inner,
  .platform-mcp-inner, .platform-feature-columns-inner,
  .platform-audiences-inner, .platform-reviews-inner,
  .platform-pricing-inner { padding: 72px 20px; }
  .platform-hero-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .platform-hero-feed { height: 300px; }
  .platform-hero-range { display: none; }
  .platform-hero-titlebar { padding: 12px 14px; }
  .platform-hero-mock { padding: 14px; }
  .platform-action-frame { padding: 12px 16px; }
  .platform-action-tab { font-size: 14px; padding: 12px 14px; }
  .platform-action-card h3 { flex-direction: column; align-items: flex-start; gap: 2px; }
  .platform-steps-list li { padding: 22px; }
  .platform-mcp-chat { padding: 16px; }
  .platform-mcp-user-message { max-width: 92%; }
  .platform-feature-column { padding: 24px 20px; }
  .platform-feature-column-list span { padding-left: 0; }
  .platform-audiences-card { padding: 22px; }
  .platform-reviews-card { padding: 22px; }
  .platform-pricing-plan { padding: 24px 20px; }
  /* pricing */
  .pricing-hero-inner { padding: 48px 20px 28px; }
  .pricing-platform-tabs { flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; margin: 0 -20px; padding: 4px 20px 10px; scrollbar-width: none; }
  .pricing-platform-tabs::-webkit-scrollbar { display: none; }
  .pricing-platform-tab { flex-shrink: 0; height: 44px; font-size: 14px; }
  .pricing-included-inner { padding: 64px 20px; }
  .pricing-comparison-title { font-size: 21px; } /* Home .section-heading-title @640 */
  /* terms and conditions + privacy policy: clause type mirrors Home's
     mobile section scales (.section-heading-title 21px,
     .section-description 16px, large-card-title subheading 16px) */
  .terms-clause-heading,
  .privacy-clause-heading,
  .refund-clause-heading { font-size: 21px; }
  .terms-intro p,
  .terms-clause p,
  .terms-clause-list li,
  .privacy-intro p,
  .privacy-clause p,
  .privacy-clause-list li,
  .refund-intro p,
  .refund-clause p,
  .refund-clause-list li { font-size: 16px; }
  .terms-legal-inner,
  .privacy-legal-inner,
  .refund-legal-inner,
  .wordpress-help-guide-inner { padding: 48px 20px 64px; }
  .privacy-subheading,
  .refund-subheading { font-size: 16px; }
  /* wordpress help: guide type mirrors the same Home mobile scales
     (.section-heading-title 21px update heading,
     .section-description 16px body; step headings keep the tracked
     large-card-title 18px at every width, like Home's trust cards) */
  .wordpress-help-update-title { font-size: 21px; }
  .wordpress-help-step-body,
  .wordpress-help-update-body { font-size: 16px; }
  /* about: tighter hero and stats, section rhythm tightens, trust cards
     single column (mockup's 640px rules); type mirrors Home's mobile
     scales (.home-hero-description 16px lead, .analytics-kpi-card b 19px
     stat, .section-heading-title 21px section H2) */
  .about-hero-inner { padding-top: 48px; }
  .about-hero-lead { font-size: 16px; }
  .about-hero-stat { padding: 16px 12px; }
  .about-hero-stat-value { font-size: 19px; }
  .about-story-title { font-size: 21px; }
  .about-story-inner, .about-mission-inner, .about-technology-inner,
  .about-trust-inner, .about-platforms-inner { padding: 64px 20px; }
  .about-story-inner { padding-top: 112px; }
  .about-trust-card-list { grid-template-columns: minmax(0, 1fr); gap: 14px; }
}

  /* Contact card */
  .contact-card-section { padding: 56px 0 72px; }
  .contact-card { padding: 32px 24px; }
/* Panel CTA stays hidden once the header itself is visible-width again */
@media (min-width: 561px) {
  .header-mobile-panel a.header-mobile-cta-button { display: none; }
}

/* ---- ≥961px: platform detail card equalization (question boxes and column
        intros align across a row while the grids are still multi-column) ---- */
@media (min-width: 961px) {
  .platform-audiences-question { min-height: 96px; box-sizing: border-box; }
  .platform-feature-column > p { min-height: 3.2em; }
}

/* ---- ≤560px: phones ---- */
@media (max-width: 560px) {
  /* mcp connector page */
  .mcp-connector-hero-inner { padding: 40px 20px 64px; }
  .mcp-connector-hero-heading { font-size: 24px; }
  .mcp-connector-hero-description { font-size: 16px; }
  .mcp-connector-hero-flow { flex-direction: column; gap: 0; }
  .mcp-connector-flow-link { display: none; }
  .mcp-connector-flow-node { width: auto; display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 2px 12px; align-items: center; text-align: left; padding: 10px 0; }
  .mcp-connector-flow-tile { grid-row: span 2; margin: 0; }
  .mcp-connector-chat-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  /* header */
  .header-inner { padding: 0 16px; height: 64px; gap: 12px; }
  .header-logo-link img { height: 34px; }
  .header-cta-button { display: none; }
  .header-menu-toggle { margin: 0 0 0 auto; }
  .header-cta-button + .header-menu-toggle { margin: 0 0 0 auto; }
  /* hero + dashboard */
  .home-hero-inner { padding: 40px 20px 64px; }
  .home-hero-heading { font-size: 24px; }
  .home-hero-description { font-size: 16px; }
  .home-hero-benefit-list { flex-direction: column; gap: 10px; }
  .home-hero-button { width: 100%; }
  .home-hero-visual-column { padding: 0px; border-radius: 18px; padding-bottom: 14px; }
  
  .hero-dashboard { padding: 12px; }
  .hero-dashboard-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hero-dashboard-insight-pill { width: auto; padding: 2px 6px; }
  /* platforms */
  .platforms-section-heading { font-size: 21px; }
  .platform-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .platforms-section-inner { padding: 40px 20px 44px; }
  .platform-name-label { font-size: 14px; }
  .platform-list-item { gap: 8px; padding: 0 10px; }
  /* why orgalytics */
  .why-orgalytics-inner { padding: 72px 20px; }
  .why-orgalytics-layer-middle { margin: 0 8px; }
  .why-orgalytics-layer-base { margin: 0 16px; }
  .why-orgalytics-layer { padding: 16px; gap: 12px; }
  /* MCP */
  .mcp-section-inner { padding: 72px 20px; }
  .mcp-benefit-list { flex-direction: column; align-items: flex-start; max-width: 420px; }
  /* trust + FAQ */
  .trust-section-inner { padding: 72px 20px; }
  .trust-card-grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .trust-card { padding: 20px; }
  .faq-section-inner { padding: 72px 20px; }
  .faq-item summary { padding: 16px 18px; font-size: 15.5px; }
  .faq-answer { padding: 0 18px 18px; }
  /* AI analytics: report tables tighten */
  .analytics-table { font-size: 12px; }
  .analytics-table th, .analytics-table td { padding: 9px 6px; }
  .analytics-table th { font-size: 11.5px; }
  /* platform detail: action-center table tightens the same way */
  .platform-action-table { font-size: 12.5px; }
  .platform-action-table th { font-size: 11px; }
  .platform-action-table th, .platform-action-table td { padding: 9px 8px; }
  .platform-hero-heading { font-size: 24px; } /* Home phone-hero scale (.home-hero-heading @560) */
  .platform-hero-description { font-size: 16px; } /* Home .home-hero-description @560 */
  /* final CTA */
  .final-call-to-action-inner { padding: 72px 16px 72px; }
  .final-call-to-action-panel { padding: 52px 20px; border-radius: 22px; }
  /* features page */
  .ofh-in { padding: 40px 20px 48px; }
  .ofh-h1 { font-size: 24px; } /* Home phone-hero scale (.home-hero-heading @560) */
  .ofh-sub { font-size: 16px; }
  .ofh-stats { align-items: center; gap: 10px; }
  .ofr-in { padding: 72px 20px; }
  .ofr-card { padding: 14px; }
  .ofd-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  /* features MCP chat: pills drop under the title line */
  .ofmx-pills { margin-left: 0; width: 100%; }
  .ofmx-body { padding: 16px 14px; }
  .ofmx-ans { font-size: 14px; }
  /* pricing: hero mirrors the tightened desktop paddings, comparison card
     stacks, sticky bar clears the 64px header */
  .pricing-hero-inner { padding: 40px 20px 24px; }
  .pricing-hero-title { font-size: 24px; } /* Home phone-hero scale (.home-hero-heading @560) */
  .pricing-hero-lead { font-size: 16px; }
  .pricing-comparison-inner { padding: 32px 16px 64px; }
  .pricing-comparison-head { grid-template-columns: 1fr; }
  .pricing-comparison-plan { border-left: 0; border-top: 1.5px solid var(--c-border); padding: 22px 20px; }
  .pricing-comparison-plan.is-featured { padding-top: 30px; }
  .pricing-comparison-recommended { top: -11px; }
  .pricing-comparison-plan-description { min-height: 0; }
  .pricing-comparison-price-value { font-size: 32px; }
  .platform-pricing-price strong { font-size: 32px; } /* pricing page price-value @560 */
  .pricing-comparison-sticky-bar { top: 64px; }
  /* contact: tighter hero, card and single-column form fields (mockup's
     560px rules) */
  .contact-hero-inner,
  .terms-hero-inner,
  .privacy-hero-inner,
  .refund-hero-inner,
  .wordpress-help-hero-inner { padding: 48px 20px 40px; }
  .contact-hero-title,
  .terms-hero-title,
  .privacy-hero-title,
  .refund-hero-title,
  .wordpress-help-hero-title { font-size: 24px; } /* Home phone-hero scale (.home-hero-heading @560) */
  .contact-hero-lead,
  .terms-hero-lead,
  .privacy-hero-lead,
  .refund-hero-lead,
  .wordpress-help-hero-lead { font-size: 16px; }
  .contact-section-inner { padding: 40px 20px 64px; }
  .contact-form-card { padding: 24px 20px; }
  .contact-form { grid-template-columns: 1fr; }
  .contact-form-submit-button { width: 100%; }
  /* Contact card */
  .contact-card-section { padding: 48px 0 64px; }
  .contact-card { padding: 28px 20px; }
  .contact-card-line { margin-bottom: 14px; }
  /* about: technology steps single column with connectors dropped, hero
     title and platform names match Home's phone scales, platform cards
  /* How It Works @640px */
  .how-it-works-hero-inner { padding: 48px 20px 40px; } 
  .how-it-works-hero-heading { font-size: 24px; }
  .how-it-works-hero-lead { font-size: 16px; }
  .how-it-works-hero-actions .site-button { width: 100%; }
  .how-it-works-overview-section { padding: 72px 0; }
  .how-it-works-section-head { margin-bottom: 40px; }
  .how-it-works-timeline { grid-template-columns: repeat(3, 1fr); gap: 20px 8px; }
  .how-it-works-timeline::before { display: none; }
  .how-it-works-timeline-ic { width: 48px; height: 48px; }
  .how-it-works-step-section { padding: 48px 0; }
  .how-it-works-step-inner { grid-template-columns: 1fr; gap: 32px; }
  .how-it-works-step-flip .how-it-works-step-copy { order: 0; }
  .how-it-works-benefits-section { padding: 72px 0; }
  .how-it-works-benefits-grid { grid-template-columns: 1fr; }
  .how-it-works-why-section { padding: 72px 0; }
  .how-it-works-why-grid { grid-template-columns: 1fr; }
  .how-it-works-why-card { padding: 24px 20px; }
  .how-it-works-cta-section { padding-bottom: 72px; }
  .how-it-works-cta-box { padding: 44px 20px; border-radius: 16px; }
  .how-it-works-hero-trust { gap: 14px 20px; }
  .how-it-works-benefit-card { grid-template-columns: 40px 1fr; column-gap: 14px; }
  .how-it-works-benefit-heading { min-height: 40px; font-size: 17px; }
  .about-hero-title { font-size: 24px; } 
  .about-technology-step-list { grid-template-columns: minmax(0, 1fr); }
  .about-technology-step + .about-technology-step::before { display: none; }
  .about-platform-card-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .about-platform-card { padding: 20px 12px 18px; }
  .about-platform-card-name { font-size: 14px; } 
      .about-platform-card-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
         .about-technology-step-list{
        grid-template-columns: repeat(1, minmax(0, 1fr)); }
  /* footer */
      .footer-top {grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }

 
}

@media (max-width: 490px) { 
  .mcp-connector-clients-list{
    display: grid;
    grid-template-columns: repeat(2 , 1fr) !important;
  }
}

/* ---- ≤420px: 5-column report tables drop the 4th column, features
        visuals tighten ---- */
@media (max-width: 420px) {
  .analytics-table:has(th:nth-child(5)) th:nth-child(4),
  .analytics-table:has(th:nth-child(5)) td:nth-child(4) { display: none; }
  .analytics-table { font-size: 11.5px; }
  .analytics-table th { font-size: 11px; }
  .analytics-table th, .analytics-table td { padding: 8px 5px; }
  /* features page: action-center items and setup steps stack, report
     table takes its compact scale */
  .ofa-item { grid-template-columns: minmax(0, 1fr); }
  .ofa-n { width: 24px; height: 24px; font-size: 12px; }
  .ofe-steps { grid-template-columns: minmax(0, 1fr); }
  .ofrp-tbl { min-width: 340px; }
  .ofrp-tbl th, .ofrp-tbl td { padding: 9px; }
  .ofrp-tbl td { font-size: 11.5px; }
}

/* ---- ≤400px: narrow phones, footer ---- */
@media (max-width: 400px) {
  .footer-inner { padding: 52px 20px 24px; }
  .footer-top { gap: 28px 20px; }
}

/* ---- ≤380px: mcp connector client logos single column ---- */
@media (max-width: 380px) {
  .mcp-connector-clients-list {
    grid-template-columns: 1fr !important;
  }
}

/* ---- Reduced motion ---- */
@media (prefers-reduced-motion: reduce) {
  /* mcp connector page */
  .mcp-connector-hero-status-dot, .mcp-connector-flow-link line { animation: none; }
  /* header burger */
  .header-menu-toggle span,
  .header-menu-toggle span::before,
  .header-menu-toggle span::after { transition: none; }
  /* hero + dashboard */
  .home-hero-section-label, .home-hero-heading, .home-hero-description, .home-hero-benefit-list li, .home-hero-button-group, .home-hero-reassurance-line, .home-hero-visual-column, .home-hero-glow { animation: none; }
  .home-hero-button-primary::after { animation: none; display: none; }
  .hero-dashboard.is-anim .hero-dashboard-chart-line,
  .hero-dashboard.is-anim .hero-dashboard-chart-area,
  .hero-dashboard.is-anim .hero-dashboard-insight-list li,
  .hero-dashboard.is-anim .hero-dashboard-next-step { animation: none; }
  /* AI analytics */
  .analytics-report-panel.is-on tbody tr,
  .analytics-report-panel.is-on .analytics-kpi-card,
  .analytics-report-panel.is-on .analytics-donut-legend li { animation: none; }
  .analytics-report-tab[aria-selected="true"]::after { animation: none; transform: scaleX(1); }
  .analytics-report-panel.is-on { animation: none; }
  .analytics-chart-line { clip-path: none; }
  .analytics-section.is-seen .analytics-report-panel.is-on .analytics-chart-line { animation: none; }
  .analytics-report-tab { transition: none; }
  .analytics-ai-note.is-on { animation: none; }
  .analytics-ai-live-dot { animation: none; }
  /* MCP */
  .mcp-flow-connector { animation: none; }
  .mcp-flow-connector i { display: none; }
  /* trust + FAQ */
  .trust-card { transition: none; }
  .trust-card:hover { transform: none; }
  .faq-toggle-icon::before, .faq-toggle-icon::after { transition: none; }
  .faq-answer { transition: none; }
  /* features page */
  .oix-card, .oix-go { transition: none; }
  .oix-card:hover { transform: none; }
  .ofrp-tab, .ofmx-pill { transition: none; }
  /* platform detail (main.js also stops its auto-advance timers) */
  .platform-hero-segment button,
  .platform-hero-segment-indicator,
  .platform-hero-alert-frame { transition: none; }
  .platform-hero-view,
  .platform-hero-view.is-active { transition: none; transform: none; }
  .platform-action-indicator,
  .platform-action-tab { transition: none; }
  .platform-action-panel,
  .platform-action-panel[hidden] { transition: none; transform: none; }
  .platform-action-progress { display: none; }
  .platform-feature-column-list li { transition: none; }
  .platform-feature-column-list li:hover { transform: none; box-shadow: none; }
  /* about: the scroll reveal shows every block at once, platform cards
     stop lifting on hover */
  .about-reveal { opacity: 1; transform: none; transition: none; }
  .about-platform-card { transition: none; }
  .about-platform-card:hover { transform: none; }
}

/* Platform plugin download modal (WordPress): below 640px the card is too
   narrow for both actions side by side, so they stack full width. */
@media (max-width: 640px) {
  .platform-download-modal { padding: var(--sp-4); }
  .platform-download-modal-card { padding: var(--sp-6) var(--sp-5) var(--sp-5); }
  .platform-download-modal-actions { flex-direction: column; align-items: stretch; }
  .platform-download-modal-actions .site-button { width: 100%; }
}

/* === Blog (.blog-*) ===================================================== */
@media (max-width: 960px) {
  .blog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .blog-masthead { padding-top: 40px; }
  .blog-cover-wrap { margin-top: var(--sp-6); }
  .blog-cover { aspect-ratio: 16 / 9; border-radius: var(--r-md); }
  .blog-reading { padding-top: 44px; }
  .blog-post-nav-inner { grid-template-columns: 1fr; }
  .blog-post-nav-link.is-prev,
  .blog-post-nav-link.is-next { grid-column: 1; text-align: left; }
}

@media (max-width: 560px) {
  .blog-hero { padding: 44px var(--sp-4) var(--sp-6); }
  .blog-filter { padding-left: var(--sp-4); padding-right: var(--sp-4); }
  .blog-filter-list { justify-content: flex-start; }
  .blog-posts { padding-left: var(--sp-4); padding-right: var(--sp-4); }
  .blog-grid { grid-template-columns: minmax(0, 1fr); }
  .blog-crumbs-bar { padding-left: var(--sp-4); padding-right: var(--sp-4); }
  .blog-masthead { padding: var(--sp-6) var(--sp-4) 0; }
  .blog-masthead-dek { font-size: 16.5px; }
  .blog-reading { padding-left: var(--sp-4); padding-right: var(--sp-4); }
  .blog-article-body h2 { font-size: 22px; margin-top: 40px; }
  .blog-article-body h3 { font-size: 18.5px; margin-top: 30px; }
  .blog-article-body .blog-tldr,
  .blog-article-body .blog-callout { padding: 16px 18px; }
  .blog-article-body p,
  .blog-article-body li { font-size: 16.5px; }
  .blog-author { padding: 22px; }
  .blog-post-nav { padding-left: var(--sp-4); padding-right: var(--sp-4); }
  .blog-related { padding: 56px var(--sp-4) 64px; }
  .blog-empty { padding-left: var(--sp-4); padding-right: var(--sp-4); }
}

@media (prefers-reduced-motion: reduce) {
  .blog-progress { transition: none; }
  .blog-card,
  .blog-card:hover { transition: none; transform: none; }
}