/* ============================================================
   ADAPTIVE.CSS — Responsive breakpoints
   1200px → 992px → 768px → 576px
   ============================================================ */

/* ≤1200px — Large tablets / small desktops */
@media (max-width: 1200px) {
    :root {
        --page-pad: 32px;
        --section-py: 80px;
    }

    .hero__inner { gap: 48px; }
    .hero__product-showcase { height: 400px; }
    .hero__product-card img { width: 120px; height: 120px; }

    .cards--4 { grid-template-columns: repeat(2, 1fr); }
    .benefits-grid { grid-template-columns: repeat(2, 1fr); }
    .product-grid { grid-template-columns: repeat(3, 1fr); }
    .tech-grid { grid-template-columns: repeat(2, 1fr); }

    .footer__inner { grid-template-columns: 1.2fr 1fr 1fr 1fr; gap: 32px; }

    .stat__value, .stat__suffix { font-size: 36px; }
    .stats-row { gap: 40px; }
}

/* ≤992px — Tablets */
@media (max-width: 992px) {
    :root {
        --page-pad: 24px;
        --section-py: 70px;
        --header-h: 64px;
    }

    /* Header nav → mobile */
    .header__nav {
        position: fixed; top: 0; left: 0; bottom: 0;
        width: 300px; max-width: 85vw;
        background: var(--c-white-pure);
        flex-direction: column; justify-content: flex-start;
        padding: 80px 24px 32px;
        z-index: 1050;
        transform: translateX(-100%);
        transition: transform var(--transition);
        box-shadow: 4px 0 30px rgba(0,0,0,.15);
        overflow-y: auto;
    }
    .header__nav.open { transform: translateX(0); }
    .header__menu { flex-direction: column; gap: 4px; width: 100%; }
    .header__link {
        width: 100%; justify-content: flex-start;
        padding: 14px 16px; font-size: var(--fs-body); border-radius: var(--radius-md);
    }
    .header__cta { display: none; }
    .burger { display: flex; }

    /* Hero stacked */
    .hero__inner { flex-direction: column; gap: 32px; text-align: center; padding: 40px 0 20px; }
    .hero__content { flex: none; }
    .hero__subtitle { margin-left: auto; margin-right: auto; }
    .hero__buttons { justify-content: center; }
    .hero__protocols { justify-content: center; }
    .hero__visual { flex: none; width: 100%; max-width: 540px; margin: 0 auto; }
    .hero__product-showcase { height: 360px; }

    /* Steps vertical */
    .steps { flex-direction: column; align-items: center; gap: 16px; }
    .step__connector { padding: 0; transform: rotate(90deg); }
    .step { max-width: 460px; width: 100%; }

    /* Buy */
    .buy__inner { flex-direction: column; text-align: center; gap: 40px; }
    .buy__buttons { justify-content: center; }
    .buy__visual { flex: none; order: -1; }
    .buy__img { max-width: 280px; }

    /* Alica */
    .alica__layout { grid-template-columns: 1fr; gap: 40px; }

    /* Product */
    .product-grid { grid-template-columns: repeat(2, 1fr); }

    /* Footer */
    .footer__inner { grid-template-columns: 1fr 1fr; gap: 32px; }
}

/* ≤768px — Large phones */
@media (max-width: 768px) {
    :root {
        --section-py: 60px;
        --page-pad: 20px;
    }

    .section__header { margin-bottom: 40px; }

    .hero__product-showcase { height: 300px; }
    .hero__product-card { padding: 14px; }
    .hero__product-card img { width: 90px; height: 90px; }
    .hero__product-name { font-size: var(--fs-xs); }

    .stat__value, .stat__suffix { font-size: 30px; }
    .stats-row { gap: 24px; }

    .cards--4 { grid-template-columns: 1fr; }
    .benefits-grid { grid-template-columns: 1fr; }
    .tech-grid { grid-template-columns: 1fr 1fr; }
    .alica__platforms { grid-template-columns: 1fr; }

    .form__grid { grid-template-columns: 1fr; }
    .form__footer { flex-direction: column; align-items: stretch; }
    .form__footer .btn { width: 100%; }

    .footer__inner { grid-template-columns: 1fr; gap: 32px; text-align: center; }
    .footer__social { justify-content: center; }
    .footer__bottom-inner { flex-direction: column; gap: 8px; text-align: center; }

    .marquee__track { animation-duration: 20s; }
}

/* ≤576px — Small phones */
@media (max-width: 576px) {
    :root {
        --section-py: 48px;
        --page-pad: 16px;
    }

    .hero__title { font-size: clamp(32px, 8vw, 44px); }
    .hero__badge { font-size: var(--fs-xs); padding: 6px 14px; }
    .hero__product-showcase { height: 250px; }
    .hero__product-card--2 { right: -10px; }
    .hero__product-card img { width: 70px; height: 70px; }

    .hero__buttons { flex-direction: column; }
    .hero__buttons .btn { width: 100%; }

    .stat__value, .stat__suffix { font-size: 26px; }
    .stats-row { gap: 16px; flex-direction: column; align-items: center; }

    .product-tabs { gap: 6px; }
    .product-tab { padding: 8px 16px; font-size: var(--fs-xs); }
    .product-grid { grid-template-columns: 1fr; }
    .product-card__img { height: 140px; }

    .tech-grid { grid-template-columns: 1fr; }

    .step__connector { display: none; }

    .btn--lg { padding: 16px 28px; font-size: var(--fs-small); }

    .back-to-top { bottom: 20px; right: 20px; width: 42px; height: 42px; }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
    html { scroll-behavior: auto; }
    [data-aos] { opacity: 1; transform: none; transition: none; }
    .reveal-element { opacity: 1; transform: none; transition: none; }
    .marquee__track { animation: none; }
    .hero__product-card { animation: none; }
    .hero__glow-orb { animation: none; }
}