:root{
    --mx-green:#100068;
    --mx-red:#cb11ce;
    --mx-white:#ffffff;
    --mx-ink:#0f1115;
    --mx-gold:#41b534;
    --mx-bg: rgba(255,255,255,.86);
    --mx-line: rgba(16,22,33,.12);
}

*{box-sizing:border-box}
html,body{margin:0}
body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial; color:var(--mx-ink);}


.mx-nav{
    position:sticky; top:0; z-index:50;
    backdrop-filter: blur(10px) saturate(1.15);
    background:var(--mx-bg);
    border-bottom:1px solid var(--mx-line);
}
.mx-nav__inner{
    max-width:1200px; margin:0 auto; padding:10px 16px;
    display:grid; grid-template-columns: 1fr auto; gap:16px; align-items:center;
}
.mx-brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--mx-ink)}
.mx-logo{width:34px;height:34px}
.mx-brand__name{font-weight:900;letter-spacing:.2px}


.mx-links{display:flex;align-items:center;gap:14px}
.mx-link{
    position:relative; padding:10px 8px; text-decoration:none; color:var(--mx-ink); font-weight:700;
}
.mx-link::after{
    content:""; position:absolute; left:8px; right:8px; bottom:6px; height:3px;
    background: linear-gradient(90deg,var(--mx-green),var(--mx-white),var(--mx-red));
    transform:scaleX(0); transform-origin:left; transition:transform .2s ease;
    border-radius:2px;
}
.mx-link:hover::after{transform:scaleX(1)}

.mx-cta{
    text-decoration:none; font-weight:800; letter-spacing:.2px;
    padding:.65rem 1rem; border-radius:14px;
    color:#fff; background:
        linear-gradient(135deg,var(--mx-green),#047857 60%),
        linear-gradient(0deg,var(--mx-green),var(--mx-green));
    box-shadow:0 6px 18px rgba(0,104,71,.28);
    border:1px solid color-mix(in oklab, var(--mx-green) 70%, black);
}
.mx-cta:hover{transform:translateY(-1px); transition:.1s ease}


.mx-burger{
    display:none; position:relative; width:42px; height:42px; border-radius:12px; border:1px solid var(--mx-line);
    background:#fff; cursor:pointer;
}
.mx-burger span{position:absolute; left:10px; right:10px; height:2px; background:#101418; border-radius:2px;
    transition:.25s ease; }
.mx-burger span:nth-child(1){ top:13px }
.mx-burger span:nth-child(2){ top:20px }
.mx-burger span:nth-child(3){ top:27px }
.mx-burger.is-open span:nth-child(1){ top:20px; transform:rotate(45deg) }
.mx-burger.is-open span:nth-child(2){ opacity:0 }
.mx-burger.is-open span:nth-child(3){ top:20px; transform:rotate(-45deg) }


.mx-drawer{
    position: absolute; right:20px; top:64px; width:min(92vw, 3300px);
    background:#fff; border:1px solid var(--mx-line); border-radius:16px;
    box-shadow:0 16px 40px rgba(0,0,0,.18); overflow:hidden; animation:mxIn .18s ease;
}
@keyframes mxIn{from{opacity:0; transform:translateY(-6px)} to{opacity:1; transform:none}}
.mx-drawer__item{display:block; padding:12px 14px; text-align: center; text-decoration:none; color:#101418; border-bottom:1px solid var(--mx-line); font-weight:700}
.mx-drawer__item:last-child{border-bottom:0}
.mx-drawer__cta{background:linear-gradient(135deg,var(--mx-red),#a50f1f); color:#fff; text-align:center}


.mx-serape{
    height:6px;
    background:
            repeating-linear-gradient(90deg,
            var(--mx-green) 0 24px,
            #1f8a52 24px 28px,
            var(--mx-white) 28px 32px,
            #e9e9e9 32px 36px,
            var(--mx-red) 36px 60px,
            #9e0d19 60px 64px);
    border-bottom:1px solid var(--mx-line);
}


@media (max-width: 920px){
    .mx-link, .mx-cta{display:none}
    .mx-burger{display:block}
}



.mx-hero{
    position:relative;
    padding: clamp(26px, 6vw, 56px) 16px;
    background:
            radial-gradient(1200px 400px at 100% -80%, rgba(0,104,71,.08), transparent),
            linear-gradient(180deg, #fff, #fff 60%, #fafafa);
    border-bottom:1px solid var(--mx-line);
    overflow:hidden;
}
.mx-hero__inner{
    max-width: 1100px; margin: 0 auto; text-align: center;
}
.mx-eyebrow{
    display:inline-block; font-weight:900; letter-spacing:.3px;
    color: var(--mx-green);
    background: linear-gradient(90deg, var(--mx-green), var(--mx-red));
    -webkit-background-clip: text; background-clip: text; color: transparent;
    text-transform: uppercase; font-size:.85rem; margin: 0 0 .3rem;
}
.mx-hero__title{
    margin:0 0 .35rem; line-height:1.15;
    font-size: clamp(1.6rem, 3.2vw, 2.4rem);
    font-weight: 900; letter-spacing:.2px; color: var(--mx-ink);
}
.mx-hero__sub{
    margin:.2rem auto 1rem; max-width: 720px; color:#475066;
}
.mx-hero__cta{ display:flex; gap:10px; justify-content:center; flex-wrap:wrap; margin-top:.6rem }
.mx-ghost{
    display:inline-flex; align-items:center; justify-content:center;
    padding:.65rem 1rem; border-radius:14px; font-weight:800; letter-spacing:.2px;
    color: var(--mx-ink); text-decoration:none; border:1px solid var(--mx-line); background:#fff;
}
.mx-ghost:hover{ transform:translateY(-1px); transition:.1s ease }


.mx-trust{
    margin: 12px 0 0; padding:0; list-style:none;
    display:flex; gap:14px; justify-content:center; flex-wrap:wrap;
    color:#5a6478; font-weight:700; font-size:.9rem;
}
.mx-trust li{
    display:inline-flex; align-items:center; gap:8px;
    padding:.35rem .6rem; border:1px dashed rgba(16,22,33,.18); border-radius:12px; background:#fff;
}


.mx-hero__decor{
    position:absolute; width:120px; height:120px; opacity:.22; pointer-events:none;
    background:
            conic-gradient(from 45deg at 50% 50%, var(--mx-green) 0 25%, transparent 0 50%, var(--mx-red) 0 75%, transparent 0);
    mask:
            radial-gradient(circle at 50% 50%, #000 62%, transparent 64%);
}
.mx-hero__decor--tl{ left:-30px; top:-20px; transform: rotate(8deg) }
.mx-hero__decor--br{ right:-30px; bottom:-30px; transform: rotate(188deg) }


@media (max-width:600px){
    .mx-trust{ gap:8px }
    .mx-trust li{ font-size:.85rem }
}


.mx-offer{ padding: clamp(18px, 3vw, 28px) 16px; background:#faf7ee; }
.mx-offer__card{
    position:relative; max-width:1100px; margin:0 auto;
    background:#fff; border:1px solid rgba(16,22,33,.08); border-radius:18px;
    box-shadow: 0 10px 30px rgba(0,0,0,.08);
    display:grid; grid-template-columns: 1.1fr 1.3fr .9fr; gap:18px; padding:18px;
    overflow:hidden;
}


.mx-offer__rank{
    position:absolute; left:0; top:0; bottom:0; width:70px; background:#7a3a39;
    display:flex; align-items:center; justify-content:center; color:#fff;
    font-weight:900; font-size:1.1rem;
}

.mx-offer__card > *:not(.mx-offer__rank){ margin-left:70px; }


.mx-offer__brand{ display:flex; flex-direction:column; gap:10px; align-items:flex-start }
.mx-offer__badge{
    background: linear-gradient(90deg, var(--mx-green), var(--mx-red));
    color:#fff; padding:6px 10px; font-weight:800; border-radius:999px; letter-spacing:.2px; font-size:.8rem;
}
.mx-offer__logo{
    display:inline-flex; align-items:center; justify-content:center;
    width:180px; height:90px; background:#ffebe5; border:1px solid rgba(206,17,38,.25);
    border-radius:14px; overflow:hidden;
}
.mx-offer__logo img{ width:100%; height:100%; object-fit:contain }
.mx-offer__name{ margin:4px 0 0; font-size:1.05rem; font-weight:900; letter-spacing:.2px }


.mx-offer__deal{ align-self:center }
.mx-offer__eyebrow{
    font-weight:900; color:var(--mx-green); text-transform:uppercase; letter-spacing:.25px; margin:0 0 2px;
}
.mx-offer__title{
    margin:0 0 6px; font-size: clamp(1.2rem, 2.2vw, 1.6rem); line-height:1.2; font-weight:900;
}
.mx-offer__title span{ color:var(--mx-red); }
.mx-offer__bullets{ margin:8px 0 10px; padding-left:18px }
.mx-offer__bullets li{ margin:.25rem 0 }
.mx-offer__badges{ display:flex; gap:8px; flex-wrap:wrap }
.mx-chip{
    border:1px solid rgba(16,22,33,.18); background:#fff; border-radius:999px; padding:6px 10px; font-weight:800; font-size:.85rem;
}
.mx-chip--license{
    border-color: color-mix(in oklab, var(--mx-green) 60%, black);
    background: linear-gradient(135deg, #e8f6ee, #fff);
    color: var(--mx-green);
}


.mx-offer__cta{ display:flex; flex-direction:column; gap:10px; align-items:flex-start; justify-content:center }
.mx-btn{
    display:inline-flex; align-items:center; justify-content:center;
    padding:.8rem 1.1rem; border-radius:14px; font-weight:900; letter-spacing:.3px; text-decoration:none;
    border:1px solid rgba(16,22,33,.12); background:#fff; color:#0f1115; transition: transform .08s ease, box-shadow .2s ease;
}
.mx-btn:hover{ transform: translateY(-1px) }
.mx-btn--primary{
    color:#fff; border-color: transparent;
    background: linear-gradient(135deg, var(--mx-green), #047857 60%);
    box-shadow: 0 10px 22px rgba(0,104,71,.28);
}
.mx-btn--primary::after{
    content:""; position:absolute; inset:0; border-radius:14px; background:linear-gradient(90deg,rgba(255,255,255,.18),transparent 40%, transparent 60%, rgba(255,255,255,.18));
    opacity:0; transition:opacity .25s ease;
}
.mx-btn--primary:hover::after{ opacity:1 }
.mx-btn--ghost{ background:#fff }

.mx-offer__legal{ margin:4px 0 0; font-size:.82rem; color:#5a6478; max-width:260px }


.mx-offer__stars{ display:flex; align-items:center; gap:4px }
.mx-offer__stars svg{ width:18px; height:18px; fill:#d9b544 }
.mx-offer__stars svg.half polygon:first-child{ fill:#e6e6e6 }
.mx-offer__score{ font-weight:900; margin-left:4px; color:#4b5563 }


@media (max-width: 980px){
    .mx-offer__card{ grid-template-columns: 1fr 1fr; }
    .mx-offer__cta{ grid-column: span 2; flex-direction:row; flex-wrap:wrap }
}
@media (max-width: 680px){
    .mx-offer__card{ grid-template-columns: 1fr; }
    .mx-offer__cta{ grid-column: auto; align-items:stretch }
    .mx-offer__card > *:not(.mx-offer__rank){ margin-left:70px }
}
@media (max-width: 480px){
    .mx-offer__rank{ width:56px }
    .mx-offer__card > *:not(.mx-offer__rank){ margin-left:56px }
    .mx-offer__logo{ width:160px; height:80px }
}

.mx-offer__overlay { display:none !important; }


.mx-offer__card{
    position: relative;
    cursor: default;
    transform: none !important;
}
.mx-offer__card:hover{
    transform: none !important;
    box-shadow: 0 10px 30px rgba(0,0,0,.08);
}

.mx-offer__logo,
.mx-offer__cta .mx-btn{
    position: relative;
    z-index: 5;
}


.mx-offer__logo img{ pointer-events: none; }


.mx-offer__card * { cursor: default; }
.mx-offer__logo, .mx-offer__cta .mx-btn { cursor: pointer; }


.mx-offer__card{ isolation: isolate; }

@media (max-width: 640px){

    .mx-offer__card{
        grid-template-columns: 1fr;
        gap: 14px;
        padding: 16px;
        border-radius: 18px;
    }

    .mx-offer__card > *:not(.mx-offer__rank){ margin-left: 0 !important; }

    .mx-offer__rank{
        position: relative;
        inset: auto;
        width: auto; height: auto;
        background: transparent;
        display: flex; align-items: center; justify-content: center;
        margin: 2px auto 4px;
    }
    .mx-offer__rank::after{ display: none; }
    .mx-offer__rank span{
        background: #7a3a39; color:#fff; font-weight: 900;
        padding: 6px 10px; border-radius: 999px; font-size: .9rem;
    }


    .mx-offer__brand{ align-items: center; text-align: center; }
    .mx-offer__brand h3{ text-align: center; }
    .mx-offer__logo{ width: 180px; height: 90px; }
    .mx-offer__stars{ justify-content: center; }


    .mx-offer__deal{ align-self: center; text-align: center; }
    .mx-offer__bullets{
        display: inline-block;
        text-align: left;
        margin-left: 0;
    }
    .mx-offer__badges{ justify-content: center; }

    .mx-offer__cta{ align-items: center; }
    .mx-offer__cta .mx-btn{
        width: 100%;
        max-width: 320px;
        justify-content: center;
    }
    .mx-offer__legal{
        text-align: center;
        max-width: 28ch;
    }
}

@media (max-width: 640px){


    .mx-offer__logo,
    .mx-logoWrap{
        width: 220px;
        height: 110px;
        border-radius: 16px;
        box-shadow: 0 6px 16px rgba(206,17,38,.08);
    }


    .mx-offer__card{
        background: linear-gradient(180deg, #ffffff 0 65%, #fff7ef 100%);
    }

    .mx-offer__card::before{
        content:"";
        position:absolute; left:12px; right:12px; top:12px; height:6px;
        border-radius:8px;
        background: repeating-linear-gradient(90deg,
        #100068 0 20px, #1f8a52 20px 24px,
        #ffffff 24px 28px, #e9e9e9 28px 32px,
        #ce1126 32px 56px, #9e0d19 56px 60px);
        opacity:.28;
        pointer-events:none;
    }

    .mx-offer__card::after{
        content:"";
        position:absolute; inset:0;
        background:
                radial-gradient(160px 100px at 12% 5%, rgba(0,104,71,.07), transparent 60%),
                radial-gradient(160px 100px at 88% 95%, rgba(206,17,38,.07), transparent 60%);
        pointer-events:none;
        border-radius:18px;
    }

    .mx-offer__badges{ justify-content:center }
}
@media (max-width: 640px){
    .mx-offer__card{
        position: relative;
        border-radius: 18px;

        --b: 5px;

        border: var(--b) solid transparent;

        background:
                linear-gradient(180deg, #ffffff 0 65%, #fff7ef 100%) padding-box,
                repeating-linear-gradient(90deg,
                #100068 0 20px, #1f8a52 20px 24px,
                #ffffff 24px 28px, #e9e9e9 28px 32px,
                #ce1126 32px 56px, #9e0d19 56px 60px) border-box;

        box-shadow: 0 10px 28px rgba(0,0,0,.08);
    }

    .mx-offer__card::before,
    .mx-offer__card::after,
    .mx-serapeFrame{ display:none !important; }
}


@media (min-width: 641px) and (max-width: 1024px){


    .mx-offer__card{
        grid-template-columns: 1fr 1.25fr;
        gap: 18px;
        padding: 20px;
        border-radius: 18px;
        background: #fff;
    }


    .mx-offer__rank{
        position: absolute;
        left: 0; top: 0; bottom: 0;
        width: 56px;
        background: #7a3a39;
        display: flex; align-items: center; justify-content: center;
        color:#fff; font-weight:900; font-size: 1rem;
    }
    .mx-offer__rank::after{
        content:""; position:absolute; right:-16px; top:0; bottom:0; width:0;
        border-left:16px solid #7a3a39; border-top:28px solid transparent; border-bottom:28px solid transparent;
        transform: translateY(calc(50% - 28px));
    }

    .mx-offer__card > *:not(.mx-offer__rank){ margin-left: 56px; }


    .mx-offer__brand{ align-items:flex-start; text-align:left; }
    .mx-offer__name{ font-size: 1.05rem; }


    .mx-offer__logo,
    .mx-logoWrap{
        width: 200px;
        height: 100px;
        border-radius: 14px;
    }


    .mx-offer__deal{ text-align:left; align-self:center; }
    .mx-offer__title{ font-size: clamp(1.1rem, 2.1vw, 1.5rem); }
    .mx-offer__bullets{ margin: 6px 0 10px; }
    .mx-offer__badges{ gap: 10px; flex-wrap: wrap; }


    .mx-offer__cta{
        grid-column: 2;
        align-items:flex-start;
        justify-content:flex-start;
    }
    .mx-offer__cta .mx-btn{
        min-width: 260px;
        max-width: 320px;
    }


    .mx-offer__card{
        border: none;
        background-clip: initial;
        box-shadow: 0 10px 30px rgba(0,0,0,.08);
    }
}

.mx-info{ padding: clamp(28px, 6vw, 56px) 16px; background:#f7f5ee; border-top:1px solid rgba(16,22,33,.08) }
.mx-info__inner{ max-width: 1050px; margin: 0 auto; position:relative; background:#fff; border:1px solid rgba(16,22,33,.08); border-radius:18px; padding: clamp(18px, 4vw, 34px) }
.mx-info__serape{
    position:absolute; left:14px; right:14px; top:14px; height:6px; border-radius:8px;
    background: repeating-linear-gradient(90deg,
    #100068 0 20px, #1f8a52 20px 24px, #ffffff 24px 28px, #e9e9e9 28px 32px, #ce1126 32px 56px, #9e0d19 56px 60px);
    opacity:.35; pointer-events:none;
}
.mx-info h2{ margin-top: 10px; font-size: clamp(1.4rem, 3vw, 2rem); line-height:1.2; }
.mx-lead{ font-size:1.05rem; color:#475066; max-width: 70ch }

.mx-info h3{ margin: 1.2rem 0 .5rem; color:#0f1115; font-size: clamp(1.05rem, 2.2vw, 1.2rem);text-align: center; }
.mx-info p{ margin:.6rem 0; color:#262b39 }
.mx-info ul{ margin:.4rem 0 .8rem 1.1rem }
.mx-info li{ margin:.35rem 0 }

.mx-callout{
    margin: 1rem 0;
    border:1px solid rgba(0,104,71,.25);
    background: linear-gradient(180deg, #e8f6ee, #ffffff);
    color:#0f1115; padding:12px 14px; border-radius:12px; font-weight:600;
}

.mx-faq{ border:1px solid rgba(16,22,33,.12); border-radius:12px; padding:10px 12px; background:#fff; margin:.6rem 0 }
.mx-faq > summary{ cursor:pointer; font-weight:800; outline:none }
.mx-faq[open] > summary{ color:#100068 }
.mx-faq > div{ margin-top:.4rem; color:#475066 }

@media (max-width: 640px){
    .mx-info__inner{ padding: 18px }
    .mx-lead{ font-size:1rem }
}

.mx-footer{
    margin-top: clamp(24px, 6vw, 56px);
    background:#101418;
    color:#e7eaf2;
    border-top: 1px solid rgba(255,255,255,.06);
}
.mx-footer__top{
    max-width:1100px; margin:0 auto; padding: clamp(22px, 4vw, 38px) 16px;
    display:grid; grid-template-columns: 1.2fr 1fr 1.1fr; gap: 24px;
}
.mx-footer__logo{
    display:flex; align-items:center; gap:.6rem; text-decoration:none; color:#fff; font-weight:900;
}
.mx-footer__logo svg{ width:28px; height:28px }
.mx-footer__disclaimer{
    margin:.6rem 0 0; color:#b8c0d3; max-width: 60ch; font-size:.95rem;
}
.mx-footer__nav h4, .mx-footer__help h4{ margin:0 0 .5rem; color:#ffffff; font-size:1rem }
.mx-footer__nav ul{ list-style:none; padding:0; margin:0; display:grid; gap:.4rem }
.mx-footer__nav a{ color:#e7eaf2; text-decoration:none }
.mx-footer__nav a:hover{ text-decoration:underline }

.mx-helpBadges{ display:flex; gap:10px; flex-wrap:wrap; }
.mx-helpBadge svg{ width:160px; height:44px }
.mx-helpBadge .b{ fill:#0f1115; stroke:#2b3242; stroke-width:1 }
.mx-helpBadge .t{ fill:#e7eaf2; font-weight:800; font-size:12px; font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial }

.mx-footer__serape{
    height:6px;
    background: repeating-linear-gradient(90deg,
    #100068 0 24px, #1f8a52 24px 28px, #ffffff 28px 32px, #e9e9e9 32px 36px,
    #ce1126 36px 60px, #9e0d19 60px 64px);
    opacity:.8;
}

.mx-footer__bottom{
    max-width:1100px; margin:0 auto; padding:12px 16px;
    display:flex; align-items:center; justify-content:space-between; gap:12px;
    color:#9aa3b8; font-size:.95rem;
    border-top:1px solid rgba(255,255,255,.06);
}


@media (max-width: 920px){
    .mx-footer__top{ grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px){
    .mx-footer__top{ grid-template-columns: 1fr; gap:16px }
    .mx-footer__bottom{ flex-direction:column; text-align:center; gap:6px }
    .mx-helpBadge svg{ width:100%; max-width:240px }
}

.mx-footer{
    margin-top: clamp(24px, 6vw, 56px);
    background:#101418;
    color:#e7eaf2;
    border-top: 1px solid rgba(255,255,255,.06);
}


.mx-footer__serapeTop{
    height:5px;
    background: repeating-linear-gradient(90deg,
    #100068 0 24px, #1f8a52 24px 28px, #ffffff 28px 32px, #e9e9e9 32px 36px,
    #ce1126 36px 60px, #9e0d19 60px 64px);
    opacity:.9;
}

.mx-footer__top{
    max-width:1100px; margin:0 auto; padding: clamp(22px, 4vw, 38px) 16px;
    display:grid; grid-template-columns: 1.2fr 1fr 1.1fr; gap: 24px;
}

.mx-footer__logo{
    display:flex; align-items:center; gap:.6rem; text-decoration:none; color:#fff; font-weight:900;
}
.mx-footer__logo svg{ width:28px; height:28px }
.mx-footer__disclaimer{ margin:.6rem 0 0; color:#b8c0d3; max-width: 60ch; font-size:.95rem; }

.mx-footer__nav h4, .mx-footer__help h4{ margin:0 0 .5rem; color:#ffffff; font-size:1rem }
.mx-footer__nav ul{ list-style:none; padding:0; margin:0; display:grid; gap:.45rem }
.mx-footer__nav a{ color:#e7eaf2; text-decoration:none }
.mx-footer__nav a:hover{ text-decoration:underline }


.mx-helpLogos{
    display:flex; gap:12px; flex-wrap:wrap; align-items:center;justify-content: center;
}
.mx-helpLogo{
    display:inline-flex; align-items:center; justify-content:center;
    background:white; border:1px solid #2b3242; border-radius:12px;
    padding:8px 10px; transition: transform .08s ease, box-shadow .2s ease, border-color .2s ease;
}
.mx-helpLogo:hover{ transform: translateY(-2px); border-color:#3a4358; box-shadow:0 10px 24px rgba(0,0,0,.25) }
.mx-helpLogo img{
    display:block; height:80px; width:auto; max-width:180px; object-fit:contain; filter: none;
}


.mx-footer__bottom{
    max-width:1100px; margin:0 auto; padding:12px 16px;
    display:flex; align-items:center; justify-content:center; gap:12px;
    color:#9aa3b8; font-size:.95rem;
    border-top:1px solid rgba(255,255,255,.06);
}


@media (max-width: 920px){
    .mx-footer__top{ grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px){
    .mx-footer__top{ grid-template-columns: 1fr; gap:16px }
    .mx-footer__bottom{ flex-direction:column; text-align:center; gap:6px }
    .mx-helpLogo img{ height:80px; max-width:250px }

    .mx-footer__top{ padding-top: clamp(18px, 5vw, 28px); }
}

@media (max-width: 640px){

    .mx-footer__top{
        grid-template-columns: 1fr !important;
        text-align: center;
    }


    .mx-footer__logo{ justify-content: center; }
    .mx-footer__disclaimer{ margin-left: auto; margin-right: auto; }


    .mx-footer__nav ul{
        display: inline-grid;
        justify-content: center;
        gap: .45rem;
    }


    .mx-helpLogos{ justify-content: center; }
    .mx-helpLogo{ margin-left: 0; margin-right: 0; }


    .mx-footer__bottom{
        justify-content: center !important;
        text-align: center;
        gap: 6px;
        flex-direction: row;
    }
}


.mx-helpAge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    border-radius: 50%;
    background: #ce1126;
    color: #ffffff;
    font-weight: 900;
    font-size: .95rem;
    letter-spacing: .3px;
    border: 2px solid rgba(255,255,255,.14);
    box-shadow: 0 6px 16px rgba(206,17,38,.18);
}


@media (max-width: 640px){
    .mx-helpLogos{ justify-content: center; }
    .mx-helpAge{ order:-1; margin-bottom: 6px; }
}


.mx-main{

    --mx-bg1: #fffaf3;
    --mx-bg2: #ffffff;
    background:
            radial-gradient(1200px 600px at 100% -200px, rgba(0,104,71,.06), transparent 60%),
            radial-gradient(1200px 600px at 0% 120%, rgba(206,17,38,.06), transparent 60%),
            linear-gradient(180deg, var(--mx-bg1), var(--mx-bg2));
}

.mx-main .mx-hero,
.mx-main .mx-offer,
.mx-main .mx-info{
    background: transparent !important;
    border: 0;
}

.mx-main > section{ padding-top: clamp(20px, 4vw, 40px) }


.mx-offer__card,
.mx-info__inner{
    background: #fff;
}

@media (max-width: 640px){
    .mx-offer__card{
        background:
                linear-gradient(180deg, #fff7ef 0 65%, #fff7ef 100%) padding-box,
                repeating-linear-gradient(90deg,
                #100068 0 20px, #1f8a52 20px 24px,
                #ffffff 24px 28px, #e9e9e9 28px 32px,
                #ce1126 32px 56px, #9e0d19 56px 60px) border-box;
        border: var(--b,6px) solid transparent;
    }
}


.mx-contactForm{ padding: clamp(28px, 6vw, 56px) 16px; }
.mx-contactForm__inner{
    max-width: 760px; margin: 0 auto; position: relative;
    background:#fff; border:1px solid rgba(16,22,33,.1); border-radius:18px;
    padding: clamp(18px, 4vw, 32px); box-shadow:0 10px 28px rgba(0,0,0,.08);
}
.mx-contactForm__serape{
    position:absolute; left:14px; right:14px; top:14px; height:6px; border-radius:8px;
    background: repeating-linear-gradient(90deg,
    #100068 0 24px, #1f8a52 24px 28px, #ffffff 28px 32px, #e9e9e9 32px 36px,
    #ce1126 36px 60px, #9e0d19 60px 64px);
    opacity:.35; pointer-events:none;
}
.mx-contactForm h1{ margin-top:10px; font-size: clamp(1.6rem, 3.2vw, 2.2rem); line-height:1.15 }


.mx-form{ margin-top: 10px; display:grid; gap:14px }
.mx-field{ display:grid; gap:6px }
.mx-field label{ font-weight:800 }
.mx-field input,
.mx-field select,
.mx-field textarea{
    border:1px solid rgba(16,22,33,.15);
    border-radius:12px;
    padding:.75rem .9rem;
    font: inherit; color:#0f1115; background:#fff;
    transition: border-color .15s ease, box-shadow .15s ease;
}
.mx-field input:focus,
.mx-field select:focus,
.mx-field textarea:focus{
    outline: none;
    border-color: color-mix(in oklab, #100068 65%, black);
    box-shadow: 0 0 0 3px rgba(0,104,71,.2);
}
.mx-error{ color:#b91c1c; min-height: 1em }


.mx-check{ display:flex; gap:10px; align-items:flex-start; }
.mx-check input{ width:18px; height:18px; margin-top:.2rem }
.mx-check a{ color:#100068; }


.mx-actions{ display:flex; gap:10px; flex-wrap:wrap; align-items:center }
.mx-btnSend{
    display:inline-flex; align-items:center; justify-content:center;
    padding:.8rem 1.1rem; border-radius:14px; font-weight:900; letter-spacing:.3px;
    color:#fff; background: linear-gradient(135deg, #100068, #038a62 60%);
    border:0; box-shadow:0 10px 22px rgba(0,104,71,.22); cursor:pointer;
}
.mx-btnSend:hover{ transform: translateY(-1px) }
.mx-btnReset{
    padding:.8rem 1.1rem; border-radius:14px; font-weight:800; cursor:pointer;
    border:1px solid rgba(16,22,33,.15); background:#fff;
}


.mx-demoNote{ color:#5a6478; margin:.2rem 0 0 }
.mx-toast{
    margin-top:8px; border:1px solid rgba(0,104,71,.25); background:linear-gradient(180deg,#e8f6ee,#ffffff);
    border-radius:12px; padding:10px 12px; font-weight:700; color:#0f1115;
}


@media (max-width: 640px){
    .mx-contactForm__inner{ padding:18px }
    .mx-actions{ justify-content:center }
    .mx-btnSend, .mx-btnReset{ width:100%; max-width:320px }
}

.mx-actions.mx-actions--center{
    display:flex; gap:10px; flex-wrap:wrap; justify-content:center; align-items:center;
}


.mx-btnSend, .mx-btnReset{
    min-width: 160px;
}


@media (max-width: 640px){
    .mx-btnSend, .mx-btnReset{ width:100%; max-width:320px }
}

.mx-btnSend:disabled{
    opacity: .55;
    cursor: not-allowed;
    box-shadow: none;
    transform: none;
}
.mx-logo{
    display:block;
    width:34px; height:34px;
    border-radius:8px;
    object-fit:contain;
}

.mx-footer__brandmark{
    display:block;
    width:28px; height:28px;
    object-fit:contain;
}

.mx-footer__logo svg{ display:none !important; }

.mx-resp{ padding: clamp(28px, 6vw, 56px) 16px; }
.mx-resp__inner{
    max-width: 1050px; margin: 0 auto; position: relative;
    background:#fff; border:1px solid rgba(16,22,33,.1); border-radius:18px;
    padding: clamp(18px, 4vw, 34px); box-shadow:0 10px 28px rgba(0,0,0,.08);
}
.mx-resp__serape{
    position:absolute; left:14px; right:14px; top:14px; height:6px; border-radius:8px;
    background: repeating-linear-gradient(90deg,
    #100068 0 24px, #1f8a52 24px 28px, #ffffff 28px 32px, #e9e9e9 32px 36px,
    #ce1126 36px 60px, #9e0d19 60px 64px);
    opacity:.35; pointer-events:none;
}
.mx-resp h1{ margin-top:10px; font-size: clamp(1.6rem, 3.2vw, 2.2rem); line-height:1.15 }
.mx-resp__lead{ color:#475066; max-width: 100%;text-align: center; }

.mx-resp__grid{
    display:grid; grid-template-columns: 1fr 1fr; gap:18px; margin-top:14px;
}
.mx-resp__card{
    border:1px solid rgba(16,22,33,.12); border-radius:14px; padding:16px; background:#fff;
}
.mx-resp__card h2{ margin:.2rem 0 .35rem; font-size:1.05rem;text-align: center; }
.mx-list{ margin:.4rem 0 .2rem 1.1rem }
.mx-list li{ margin:.28rem 0 }
.mx-steps{ margin:.4rem 0 .2rem 1.1rem }
.mx-steps li{ margin:.28rem 0 }
.mx-note{ color:#5a6478; margin:.3rem 0 0 }

.mx-resp__block{ margin-top:14px }
.mx-resp__block h2{ margin:.2rem 0 .35rem; font-size:1.05rem }

.mx-resp__help{ margin-top:14px;text-align: center }
.mx-resp__help h2{ margin:.2rem 0 .35rem; font-size:1.05rem }
.mx-mini{ color:#5a6478; margin:.5rem 0 0 }

.mx-resp__faq{ margin-top:10px }
.mx-faq{ border:1px solid rgba(16,22,33,.12); border-radius:12px; padding:10px 12px; background:#fff; margin:.5rem 0 }
.mx-faq > summary{ cursor:pointer; font-weight:800 }
.mx-faq[open] > summary{ color:#100068 }
.mx-faq > div{ margin-top:.4rem; color:#475066 }

.mx-resp__legal{
    margin-top:12px; border-top:1px dashed rgba(16,22,33,.15); padding-top:12px;
    color:#262b39; font-size:.95rem;
}

.mx-helpLogos{ display:flex; gap:12px; flex-wrap:wrap; align-items:center }
.mx-helpLogo{
    display:inline-flex; align-items:center; justify-content:center;
    background:white; border:1px solid #2b3242; border-radius:12px;
    padding:8px 10px; transition: transform .08s ease, box-shadow .2s ease, border-color .2s ease;
}
.mx-helpLogo:hover{ transform: translateY(-2px); border-color:#3a4358; box-shadow:0 10px 24px rgba(0,0,0,.25) }
.mx-helpLogo img{ display:block; height:36px; width:auto; max-width:180px; object-fit:contain }

.mx-helpAge{
    display:inline-flex; align-items:center; justify-content:center;
    width: 40px; height: 40px; flex: 0 0 40px; border-radius: 50%;
    background:#ce1126; color:#fff; font-weight:900; font-size:.95rem; letter-spacing:.3px;
    border: 2px solid rgba(0,0,0,.1); box-shadow:0 6px 16px rgba(206,17,38,.18);
}


@media (max-width: 1024px){
    .mx-resp__grid{ grid-template-columns: 1fr; }
}
@media (max-width: 640px){
    .mx-resp__inner{ padding:18px }
    .mx-resp__lead{ font-size:1rem }
    .mx-helpLogos{ justify-content:center }
}

.mx-privacy{ padding: clamp(28px, 6vw, 56px) 16px; }
.mx-privacy__inner{
    max-width: 1050px; margin: 0 auto; position: relative;
    background:#fff; border:1px solid rgba(16,22,33,.1); border-radius:18px;
    padding: clamp(18px, 4vw, 34px); box-shadow:0 10px 28px rgba(0,0,0,.08);
}
.mx-privacy__serape{
    position:absolute; left:14px; right:14px; top:14px; height:6px; border-radius:8px;
    background: repeating-linear-gradient(90deg,
    #100068 0 24px, #1f8a52 24px 28px, #ffffff 28px 32px, #e9e9e9 32px 36px,
    #ce1126 36px 60px, #9e0d19 60px 64px);
    opacity:.35; pointer-events:none;
}

.mx-privacy h1{ margin-top:10px; font-size: clamp(1.6rem, 3.2vw, 2.2rem); line-height:1.15 }
.mx-privacy__lead{ color:#475066; max-width:100%;text-align: center }

.mx-privacy__grid{
    display:grid; grid-template-columns: 1fr 1fr; gap:18px; margin-top:14px;
}
.mx-privacy__card{
    border:1px solid rgba(16,22,33,.12); border-radius:14px; padding:16px; background:#fff;
}
.mx-privacy__card h2{ margin:.2rem 0 .35rem; font-size:1.05rem;text-align: center }
.mx-list{ margin:.4rem 0 .2rem 1.1rem }
.mx-list li{ margin:.28rem 0 }
.mx-note{ color:#5a6478; margin:.3rem 0 0 }
.mx-meta{ color:#5a6478; font-size:.9rem }

@media (max-width: 1024px){
    .mx-privacy__grid{ grid-template-columns: 1fr; }
}
@media (max-width: 640px){
    .mx-privacy__inner{ padding:18px }
    .mx-privacy__lead{ font-size:1rem }
}


.mx-terms{ padding: clamp(28px, 6vw, 56px) 16px; }
.mx-terms__inner{
    max-width: 1050px; margin: 0 auto; position: relative;
    background:#fff; border:1px solid rgba(16,22,33,.1); border-radius:18px;
    padding: clamp(18px, 4vw, 34px); box-shadow:0 10px 28px rgba(0,0,0,.08);
}
.mx-terms__serape{
    position:absolute; left:14px; right:14px; top:14px; height:6px; border-radius:8px;
    background: repeating-linear-gradient(90deg,
    #100068 0 24px, #1f8a52 24px 28px, #ffffff 28px 32px, #e9e9e9 32px 36px,
    #ce1126 36px 60px, #9e0d19 60px 64px);
    opacity:.35; pointer-events:none;
}

.mx-terms h1{ margin-top:10px; font-size: clamp(1.6rem, 3.2vw, 2.2rem); line-height:1.15 }
.mx-terms__lead{ color:#475066; max-width:100%;text-align: center; }

.mx-terms__grid{
    display:grid; grid-template-columns: 1fr 1fr; gap:18px; margin-top:14px;
}
.mx-terms__card{
    border:1px solid rgba(16,22,33,.12); border-radius:14px; padding:16px; background:#fff;
}
.mx-terms__card h2{ margin:.2rem 0 .35rem; font-size:1.05rem;text-align: center; }
.mx-list{ margin:.4rem 0 .2rem 1.1rem }
.mx-list li{ margin:.28rem 0 }
.mx-meta{ color:#5a6478; font-size:.9rem }

@media (max-width: 1024px){
    .mx-terms__grid{ grid-template-columns: 1fr; }
}
@media (max-width: 640px){
    .mx-terms__inner{ padding:18px }
}


.mx-offer__card + .mx-offer__card{ margin-top: 16px; }

.logo--black{
    filter: brightness(0) saturate(100%);
}
.mx-offer__logo{  }

.mx-offer__logo.is-boost{ overflow: visible; }

.mx-offer__logo .logo-boost{
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform: scale(2.2);
    transform-origin: center center;
}

@media (max-width: 640px){
    .mx-offer__logo .logo-boost{ transform: scale(2.3); }
}