@media (max-width: 1240px) {
    :root { --shell: min(1160px, calc(100vw - 40px)); }
    .site-header__inner { gap: 24px; }
    .site-nav { gap: 24px; }
    .hero__grid { grid-template-columns: 43% 57%; }
    .hero-system { transform: scale(.92); transform-origin: right center; margin-left: -45px; }
    .process-breaks__inner { grid-template-columns: 210px 1fr; padding-block: 15px; }
    .process-breaks__inner > .button { grid-column: 1/-1; justify-self: end; margin-top: -6px; }
    .widgets-feature-grid { grid-template-columns: .9fr 1.3fr 1.3fr; }
    .widgets-grid { grid-template-columns: repeat(3, 1fr); }
    .custom-tool-strip { grid-template-columns: 1fr 1fr 1fr; }
    .custom-tool-strip__title { grid-column: span 2; }.custom-tool-strip > .button { justify-self: end; }
    .constructor-card { padding: 14px; }
    .ecosystem__grid { grid-template-columns: 1fr 1fr; }.cases-panel { grid-column: 1/-1; }.case-mini-grid { grid-template-columns: repeat(2,1fr); }
    .site-footer__grid { grid-template-columns: 1.4fr repeat(4,1fr); }.site-footer__legal { grid-column: span 2; }
}

@media (max-width: 980px) {
    :root { --header-h: 68px; --shell: min(760px, calc(100vw - 32px)); }
    .site-nav, .site-header__actions > .button { display: none; }.nav-toggle { display: inline-flex; }.site-header__inner { grid-template-columns: auto 1fr auto; }.site-header__actions { grid-column: 3; }
    .mobile-nav { display: grid; grid-template-columns: 1fr; position: fixed; z-index: 90; top: var(--header-h); left: 16px; right: 16px; padding: 16px; border-radius: 0 0 14px 14px; background: #07102a; box-shadow: 0 20px 40px rgba(0,0,0,.3); transform: translateY(-130%); opacity: 0; pointer-events: none; transition: transform .2s ease, opacity .2s ease; }.mobile-nav[data-open="true"] { transform: none; opacity: 1; pointer-events: auto; }.mobile-nav > a:not(.button) { padding: 12px 4px; border-bottom: 1px solid rgba(255,255,255,.08); }
    .menu-open { overflow: hidden; }
    .hero { padding-bottom: 20px; }.hero__grid { grid-template-columns: 1fr; }.hero__copy { padding: 48px 0 28px; }.hero h1 { max-width: 720px; }.hero__lead { max-width: 700px; }.hero-system { min-height: 560px; transform: none; margin: 0; }.hero-system .system-card { min-width: 0; width: 29%; }.system-card--sales,.system-card--analytics { left: 8%; }.system-card--stock,.system-card--production { right: 2%; }.system-card--docs { left: 0; }.system-card--logistics { right: 0; }.system-core { left: 38%; width: 26%; }
    .process-breaks__inner { grid-template-columns: 1fr; gap: 16px; padding-block: 22px; }.process-breaks__items { grid-template-columns: repeat(2,1fr); }.process-breaks__inner > .button { grid-column: auto; justify-self: start; margin: 0; }
    .widgets-feature-grid { grid-template-columns: 1fr 1fr; }.section-intro--compact { grid-column: 1/-1; grid-row: auto; }.feature-widget { min-height: 220px; }.widgets-grid { grid-template-columns: repeat(2,1fr); }.custom-tool-strip { grid-template-columns: 1fr 1fr; }.custom-tool-strip__title { grid-column: 1/-1; }.custom-tool-strip > .button { justify-self: stretch; }
    .constructor-grid { grid-template-columns: repeat(2,1fr); }.constructor-card:last-child { grid-column: 1/-1; min-height: auto; }.constructor-footer { flex-wrap: wrap; gap: 15px; }
    .ecosystem__grid { grid-template-columns: 1fr; }.cases-panel { grid-column: auto; }.manager-dashboard { min-height: 410px; }
    .how-faq__grid { grid-template-columns: 1fr; }.work-steps { grid-template-columns: repeat(3,1fr); }.how-note { grid-template-columns: 34px 1fr; }.how-note .button { grid-column: 1/-1; justify-self: start; }
    .final-cta__inner { grid-template-columns: 1fr; gap: 20px; padding-block: 34px; }.final-cta__actions { flex-wrap: wrap; }.flow-art { display: none; }
    .site-footer__grid { grid-template-columns: repeat(3,1fr); }.site-footer__brand { grid-column: 1/-1; }.site-footer__legal { grid-column: auto; }
}

@media (max-width: 640px) {
    :root { --shell: calc(100vw - 28px); }
    .brand-name { font-size: 20px; }.brand-mark { width: 34px; height: 34px; }
    .hero { border-bottom-width: 3px; }.hero__copy { padding-top: 38px; }.hero h1 { font-size: 39px; }.hero__lead { font-size: 15px; }.hero__actions { flex-direction: column; align-items: stretch; }.hero__stats { grid-template-columns: repeat(2,1fr); }.hero-system { min-height: 820px; display: grid; grid-template-columns: 1fr 1fr; grid-auto-rows: minmax(130px, auto); gap: 10px; padding-top: 165px; }.hero-system__links { display: none; }.system-core { left: 50%; top: 16px; transform: translateX(-50%); width: 154px; height: 140px; aspect-ratio: auto; }.hero-system .system-card { position: relative; inset: auto; width: auto; min-width: 0; padding: 10px; }.hero-system .system-card--dev { grid-column: 1/-1; width: 50%; justify-self: center; }.system-card__head { grid-template-columns: 24px 1fr auto; }.system-card__head > span { width: 24px; }.system-card__head svg { width: 20px; }.system-card__head strong { font-size: 12px; }.system-card__head small { font-size: 10px; }.system-card .ui-preview__body { min-height: 58px; }
    .process-breaks__items { grid-template-columns: 1fr; }.problem-item { padding-block: 2px; }
    .widgets-section { padding-top: 24px; }.widgets-feature-grid { grid-template-columns: 1fr; }.section-intro--compact { grid-column: auto; padding-left: 0; }.feature-widget { grid-template-columns: 1fr; }.widgets-grid { grid-template-columns: 1fr; }.widget-card { min-height: 220px; }.custom-tool-strip { grid-template-columns: 1fr; padding-inline: 10px; }.custom-tool-strip__title { grid-column: auto; }.custom-tool-strip > .button { justify-self: stretch; }
    .section-heading { align-items: start; flex-direction: column; gap: 12px; }.constructor-grid { grid-template-columns: 1fr; }.constructor-card:last-child { grid-column: auto; }.constructor-card { min-height: auto; }
    .integration-grid { grid-template-columns: repeat(2,1fr); }.manager-dashboard__metrics { grid-template-columns: repeat(2,1fr); }.manager-dashboard__body { grid-template-columns: 1fr; }.manager-dashboard__body > div { min-height: 115px; }.manager-dashboard__footer { align-items: flex-start; flex-direction: column; }.case-columns { grid-template-columns: 1fr; }.case-proof { grid-template-columns: 1fr; }.case-mini-grid { grid-template-columns: 1fr; }
    .work-steps { grid-template-columns: 1fr; gap: 15px; }.how-note { grid-template-columns: 30px 1fr; }
    .final-cta__actions { flex-direction: column; align-items: stretch; }
    .site-footer__grid { grid-template-columns: repeat(2,1fr); }.site-footer__brand { grid-column: 1/-1; }.site-footer__legal { grid-column: 1/-1; }
}

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

.problem-item__icon img { width: 34px; height: 34px; }