@media (max-width: 1080px) {
    .hero-content { grid-template-columns: 1fr; gap: 46px; }
    .hero-copy { max-width: 760px; }
    .desktop-preview { width: min(760px, 100%); }
    .nav-links { gap: 18px; }
    .capability-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .pain-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .start-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .workflow-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 860px) {
    .header { height: 68px; }
    .nav-inner, .navbar > .container { gap: 12px; }
    .logo { width: 38px; height: 38px; }
    .brand-lockup strong { font-size: 17px; }
    .nav-menu {
        position: fixed;
        inset: 68px 0 auto;
        display: none;
        padding: 18px 20px 22px;
        border-bottom: 1px solid var(--line);
        background: #fff;
        box-shadow: 0 18px 35px rgba(39, 69, 105, .13);
    }
    .nav-menu.active { display: block; }
    .nav-links { align-items: stretch; flex-direction: column; gap: 0; }
    .nav-link { display: block; padding: 13px 4px; font-size: 15px; }
    .nav-link.active::after { display: none; }
    .nav-auth { margin-left: auto; }
    .mobile-menu-toggle { display: grid; place-items: center; }
    .hero { padding-top: 116px; }
    .proof-grid { grid-template-columns: repeat(2, 1fr); }
    .proof-grid > div { border-bottom: 1px solid var(--line); }
    .proof-grid > div:nth-child(2) { border-right: 0; padding-right: 0; }
    .proof-grid > div:nth-child(3) { padding-left: 0; border-bottom: 0; }
    .proof-grid > div:nth-child(4) { border-bottom: 0; }
    .desktop-layout { grid-template-columns: 1fr; gap: 42px; }
    .platform-products-grid { grid-template-columns: 1fr; }
    .workflow-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .start-grid { grid-template-columns: 1fr; }
    .product-detail-card { grid-template-columns: 1fr; }
    .product-detail-summary { border-right: 0; border-bottom: 1px solid var(--line); }
    .guide-layout { grid-template-columns: 1fr; }
    .guide-nav { position: static; grid-template-columns: repeat(5, auto); overflow-x: auto; }
    .guide-nav strong { display: none; }
    .guide-nav a { white-space: nowrap; }
    .cta-card { align-items: flex-start; flex-direction: column; }
    .footer-grid { grid-template-columns: 1.5fr repeat(3, 1fr); gap: 28px; }
}

@media (max-width: 680px) {
    .container { width: min(100% - 28px, 1180px); }
    .nav-auth .btn-quiet { display: none; }
    .nav-auth .btn-primary { min-height: 38px; padding: 0 14px; }
    .hero { padding: 108px 0 56px; }
    .hero h1 { font-size: clamp(28px, 7.2vw, 36px); line-height: 1.22; letter-spacing: -.035em; }
    .hero-title-line { white-space: nowrap; }
    .hero-description { font-size: 16px; }
    .hero-actions { flex-wrap: nowrap; }
    .hero-actions .btn { min-width: 0; flex: 1 1 0; padding-inline: 14px; white-space: nowrap; }
    .hero-actions .btn-primary { flex-grow: .85; }
    .hero-actions .btn-outline { flex-grow: 1.15; }
    .hero-points { display: grid; gap: 9px; }
    .desktop-preview { transform: none; }
    .preview-appshell { height: auto; grid-template-columns: 78px minmax(430px, 1fr); }
    .desktop-preview { overflow-x: auto; }
    .preview-sidebar { padding-inline: 6px; }
    .preview-brand span, .preview-sidebar nav span { font-size: 0; }
    .preview-brand { justify-content: center; }
    .preview-brand img { width: 30px; height: 30px; }
    .preview-sidebar nav span { justify-content: center; padding: 0; }
    .preview-sidebar nav span i { width: auto; font-size: 12px; }
    .proof-grid { grid-template-columns: 1fr; }
    .proof-grid > div, .proof-grid > div:first-child, .proof-grid > div:nth-child(2), .proof-grid > div:nth-child(3), .proof-grid > div:nth-child(4) { padding: 18px 0; border-right: 0; border-bottom: 1px solid var(--line); }
    .proof-grid > div:last-child { border-bottom: 0; }
    .section { padding: 72px 0; }
    .section-heading { margin-bottom: 32px; text-align: left; }
    .section-heading.is-wide { text-align: left; }
    .section-heading.compact-heading { text-align: center; }
    .section-heading.compact-heading h2 { font-size: clamp(22px, 6vw, 30px); letter-spacing: -.045em; }
    .section-heading.compact-heading p { font-size: 14px; }
    .pain-grid { grid-template-columns: 1fr; gap: 12px; }
    .pain-grid article { min-height: 0; padding: 20px; }
    .pain-grid h3 { margin-top: 9px; }
    .capability-grid { grid-template-columns: 1fr; }
    .start-grid article,
    .capability-card { min-height: 0; display: grid; grid-template-columns: 46px minmax(0, 1fr); align-items: start; column-gap: 14px; row-gap: 16px; padding: 22px; }
    .start-grid article > i,
    .capability-card .capability-icon { grid-column: 1; grid-row: 1; margin: 0; }
    .start-grid article h3,
    .capability-card h3 { grid-column: 2; grid-row: 1; align-self: center; margin: 0; padding-right: 0; }
    .start-grid article p,
    .start-grid article .btn,
    .capability-card p { grid-column: 1 / -1; margin: 0; }
    .start-grid article .btn { justify-self: start; }
    .workflow-list li { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 14px; align-items: start; }
    .workflow-list strong { margin: 0 0 7px; }
    .workflow-list { grid-template-columns: 1fr; }
    .workflow-list li { min-height: 0; }
    .desktop-panel { padding: 28px 22px; }
    .desktop-panel-grid { grid-template-columns: 1fr; }
    .platform-products > div { align-items: flex-start; padding-right: 18px; }
    .platform-products em { position: static; flex: 0 0 auto; margin-left: auto; transform: none; }
    .faq-section { padding: 56px 0; }
    .faq-section .section-heading,
    .faq-section .section-heading.is-wide { margin-bottom: 20px; padding: 0 0 14px; text-align: center; }
    .faq-section .section-heading::after { bottom: 0; width: 30px; }
    .faq-section .section-heading h2 { font-size: 28px; }
    .faq-question { min-height: 64px; padding: 17px 16px; gap: 14px; }
    .faq-question span { font-size: 16px; }
    .faq-answer { padding: 0 16px; }
    .faq-item.active .faq-answer { padding: 0 16px 18px; }
    .product-detail-summary { display: grid; grid-template-columns: 46px minmax(0, 1fr); align-items: start; column-gap: 14px; row-gap: 14px; padding: 24px; }
    .product-detail-summary .capability-icon { grid-column: 1; grid-row: 1; margin: 0; }
    .product-detail-summary h2 { grid-column: 2; grid-row: 1; align-self: center; margin: 0; padding-right: 0; }
    .product-detail-summary p { grid-column: 1 / -1; }
    .product-detail-points { grid-template-columns: 1fr; }
    .product-detail-points > div, .product-detail-points > div:nth-child(even), .product-detail-points > div:nth-last-child(-n + 2) { min-height: 0; padding: 24px; border-right: 0; border-bottom: 1px solid #edf1f5; }
    .product-detail-points > div:last-child { border-bottom: 0; }
    .guide-content article { grid-template-columns: 1fr; padding: 26px 22px; }
    .knowledge-index { padding: 22px 0 60px; }
    .knowledge-tabs { gap: 0; margin-bottom: 20px; }
    .knowledge-tabs a { padding: 0 14px; }
    .knowledge-list-link { padding: 24px; }
    .knowledge-article-header { padding: 108px 0 30px; }
    .knowledge-article-body { padding-top: 30px; padding-bottom: 64px; font-size: 15px; }
    .knowledge-article-body h2 { font-size: 22px; }
    .cta-section { padding: 56px 0; }
    .cta-card { padding: 32px 24px; }
    .cta-actions { width: 100%; flex-direction: column; }
    .footer { padding-top: 32px; }
    .footer-grid { display: block; padding-bottom: 20px; }
    .footer-brand { display: flex; justify-content: center; }
    .footer .footer-brand .nav-brand { margin: 0; }
    .footer .footer-promise,
    .footer-grid > div:not(.footer-brand) { display: none; }
    .footer-mobile-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 22px; padding-bottom: 22px; }
    .footer-mobile-links a { color: #b8c8da; font-size: 14px; }
    .footer-mobile-links a:hover { color: #ff9a4c; }
    .footer-bottom { min-height: 0; align-items: center; flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 6px 14px; padding: 18px 0 22px; text-align: center; }
    .footer-bottom .footer-desktop-note { display: none; }
    .footer-bottom .footer-icp { display: inline; color: #7f93ac; }
}

@media (max-width: 420px) {
    .hero h1 { font-size: 28px; }
    .nav-auth .btn-primary { display: none; }
    .footer-mobile-links { gap-inline: 16px; }
}