@media (max-width:1100px){
    .theme-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
    .theme-fit{grid-template-columns:1fr}
    .theme-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:960px){
    :root{
        --theme-page-top-space:44px;
    }
    .theme-grid,
    .theme-steps,
    .theme-tools-grid{grid-template-columns:1fr}
    .theme-panel{position:static}
    .theme-metrics{grid-template-columns:1fr}
    .theme-header{
        background:rgba(7,7,9,.97);
    }
    [data-theme="light"] .theme-header{
        background:rgba(255,255,255,.97);
    }
    .theme-header.is-menu-open{
        background:rgba(7,7,9,.99);
        box-shadow:0 16px 34px rgba(0,0,0,.12);
    }
    [data-theme="light"] .theme-header.is-menu-open{
        background:rgba(255,255,255,.99);
        box-shadow:0 16px 34px rgba(15,23,42,.08);
    }
    .theme-header__inner{
        padding:15px 0 13px;
        display:grid;
        grid-template-columns:1fr auto;
        align-items:center;
        gap:14px;
    }
    .theme-menu-toggle{
        display:block;
        justify-self:end;
    }
    .theme-header__panel{
        grid-column:1 / -1;
        position:static;
        display:flex;
        flex-direction:column;
        align-items:center;
        gap:12px;
        max-height:0;
        overflow:hidden;
        opacity:0;
        pointer-events:none;
        transform:none;
        transition:max-height .28s ease,opacity .22s ease,padding .22s ease,border-color .22s ease;
        padding:0;
        border-top:1px solid transparent;
        border-radius:0;
        background:transparent;
        box-shadow:none;
    }
    .theme-header.is-menu-open .theme-header__panel{
        max-height:420px;
        opacity:1;
        pointer-events:auto;
        padding:14px 0 16px;
        border-top-color:var(--line);
    }
    .theme-nav{
        width:min(100%, 228px);
        display:flex;
        flex-direction:column;
        flex-wrap:nowrap;
        align-items:stretch;
        justify-content:center;
        gap:8px;
        margin:0 auto;
        text-align:center;
    }
    .theme-nav a{
        width:100%;
        display:flex;
        justify-content:center;
        align-items:center;
        margin:0 auto;
        padding:7px 0;
        font-size:.98rem;
        text-align:center;
    }
    .theme-nav a::after{
        display:none;
    }
    .theme-header__actions{
        width:min(100%, 228px);
        display:flex;
        flex-direction:column;
        justify-content:center;
        gap:16px;
        padding-top:12px;
        margin:0 auto;
        border-top:1px solid var(--line);
        align-items:center;
    }
    .theme-header__actions .theme-dots{
        display:flex;
        flex-direction:row;
        align-items:center;
        justify-content:center;
        gap:10px;
        margin-top:2px;
    }
    .theme-header__actions .theme-dot{
        width:14px;
        height:14px;
        flex:0 0 14px;
    }
    .theme-newsletter__box,
    .theme-footer__bottom{flex-direction:column;align-items:flex-start}
    .theme-newsletter__form{width:100%;grid-template-columns:1fr}
}

@media (max-width:720px){
    .theme-container{width:min(100% - 28px,1200px)}
    .theme-brand{font-size:1.48rem}
    .theme-nav{font-size:.94rem}
    .theme-header__actions{
        align-items:center;
        width:min(100%, 228px);
    }
    .theme-header__actions .btn-header{
        width:auto;
        min-height:42px;
        padding:0 16px;
        font-size:14px;
    }
    .theme-dots{
        gap:8px;
        justify-content:center;
        flex-direction:row;
        margin-top:2px;
    }
    .theme-hero{padding:64px 0 32px}
    .theme-section{padding:60px 0}
    .theme-cards{grid-template-columns:1fr}
    .theme-testimonials__slider{min-height:420px}
    .theme-testimonial{padding:24px}
    .theme-testimonial__stats{grid-template-columns:1fr}
    .theme-footer__grid{grid-template-columns:1fr}
}

@media (max-width:420px){
    .theme-header__inner{
        gap:12px;
    }
    .theme-header.is-menu-open .theme-header__panel{
        padding:12px 0 14px;
    }
    .theme-nav{
        gap:7px;
        width:min(100%, 220px);
    }
    .theme-nav a{
        font-size:.94rem;
        padding:6px 0;
    }
    .theme-header__actions{
        gap:14px;
        padding-top:11px;
        width:min(100%, 220px);
    }
}