:root{--ink:#17183d;--muted:#656780;--purple:#6739ef;--pink:#ff3d8d;--cyan:#20b8c9;--yellow:#ffbe26;--lav:#f5f1ff;--line:#e8e6f2;--white:#fff;--shadow:0 24px 70px rgba(38,25,90,.12);--radius:28px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--ink);background:#fff;line-height:1.6}a{text-decoration:none;color:inherit}.container{width:min(1140px,calc(100% - 36px));margin:auto}.narrow{max-width:820px}.center{text-align:center}.section-pad{padding:90px 0}.topbar{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(232,230,242,.8)}.nav{height:72px;display:flex;align-items:center;justify-content:space-between}.brand{font-family:"Baloo 2",sans-serif;font-size:27px;font-weight:800;display:flex;align-items:center;gap:9px}.brand-dot{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff;font-size:17px}.nav-cta{background:var(--ink);color:#fff;padding:11px 18px;border-radius:999px;font-weight:800;font-size:14px}.hero{padding-top:72px;background:radial-gradient(circle at 12% 10%,#fff0f7 0,transparent 34%),radial-gradient(circle at 95% 20%,#e9faff 0,transparent 35%),linear-gradient(180deg,#fff,#faf8ff)}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:60px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#7549e9;font-size:12px;font-weight:900;letter-spacing:.13em;margin-bottom:15px}.hero h1,.section-heading h2,.section-heading-simple h2,.intro h2,.video-grid h2,.offer h2,.final-cta h2{font-family:"Baloo 2",sans-serif;line-height:.98;margin:0;font-weight:800;letter-spacing:-.02em}.hero h1{font-size:clamp(48px,6vw,78px);max-width:760px}.hero h1 span{display:block;background:linear-gradient(90deg,#ff2e86,#ff8b18,#7d4af0);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{font-size:18px;color:var(--muted);max-width:680px;margin:25px 0}.hero-pills{display:flex;flex-wrap:wrap;gap:9px}.hero-pills span{background:#fff;border:1px solid var(--line);padding:9px 13px;border-radius:999px;font-size:12px;font-weight:800;box-shadow:0 8px 25px rgba(45,36,90,.05)}.price-row{display:flex;align-items:center;gap:24px;margin-top:28px}.old-price{color:#8b8ca0;text-decoration:line-through;font-size:13px;font-weight:700}.price{font-family:"Baloo 2";font-size:47px;font-weight:800;line-height:1}.price small{font:600 12px Inter;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;cursor:pointer;border-radius:15px;font-weight:900;transition:.2s ease}.btn:hover{transform:translateY(-2px);filter:brightness(1.02)}.btn-primary{background:linear-gradient(135deg,#7b42f3,#5631dc);color:#fff;box-shadow:0 15px 30px rgba(103,57,239,.25)}.btn-large{padding:16px 22px}.microcopy{font-size:11px;color:#777991;margin-top:14px}.hero-visual{position:relative;max-width:550px;margin:auto}.visual-card{background:#fff;border:12px solid #fff;border-radius:36px;box-shadow:var(--shadow);overflow:hidden;transform:rotate(1deg)}.visual-card img{display:block;width:100%;height:auto}.floating-badge{position:absolute;background:#fff;border:1px solid var(--line);box-shadow:0 18px 40px rgba(40,25,95,.16);border-radius:20px;padding:12px 17px;font-weight:900;font-size:20px}.floating-badge small{display:block;font:700 10px Inter;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.badge-one{left:-30px;bottom:80px;color:#ef3d8b}.badge-two{right:-22px;top:70px;color:#6739ef}.stats-strip{background:var(--ink);color:#fff}.stats{display:grid;grid-template-columns:repeat(4,1fr);padding:26px 0}.stats div{text-align:center;border-right:1px solid rgba(255,255,255,.15)}.stats div:last-child{border:0}.stats strong{display:block;font-family:"Baloo 2";font-size:28px}.stats span{font-size:12px;color:#c8c7db}.intro{background:#fff}.intro h2,.section-heading h2,.section-heading-simple h2{font-size:clamp(38px,4vw,56px)}.intro p{font-size:17px;color:var(--muted);max-width:740px;margin:20px auto}.gallery-section{background:#faf9ff}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:35px}.section-heading>p{max-width:430px;color:var(--muted);margin:0}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.gallery-grid figure{margin:0;background:#fff;padding:9px;border-radius:22px;box-shadow:0 15px 40px rgba(41,28,93,.08)}.gallery-grid img{width:100%;display:block;border-radius:15px}.video-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center}.video-wrap{border-radius:28px;overflow:hidden;box-shadow:var(--shadow);background:#111}.video-wrap video{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}.video-grid p{color:var(--muted);font-size:16px}.check-list{list-style:none;padding:0;margin:25px 0}.check-list li{padding:8px 0;font-weight:700}.check-list li:before{content:'✓';display:inline-grid;place-items:center;width:23px;height:23px;background:#e7fbf6;color:#159f77;border-radius:50%;margin-right:10px;font-size:12px}.text-link{font-weight:900;color:#6739ef}.included{background:linear-gradient(180deg,#f9f7ff,#fff)}.section-heading-simple{margin-bottom:38px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:0 12px 35px rgba(42,29,91,.06)}.icon{font-size:33px;margin-bottom:12px}.feature-card h3{margin:0 0 7px;font-size:19px}.feature-card p{margin:0;color:var(--muted);font-size:14px}.themes{background:#fff}.theme-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.theme-grid span{padding:17px 18px;border:1px solid var(--line);border-radius:15px;background:#fff;font-weight:800;font-size:14px}.use-cases{background:#f9fbff}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.audience-grid>div{background:#fff;border:1px solid var(--line);padding:22px;border-radius:18px}.audience-grid b{display:block;font-size:15px;margin-bottom:5px}.audience-grid span{color:var(--muted);font-size:13px}.how{background:#17183d;color:#fff}.how .eyebrow{color:#c8baff}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step{padding:28px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:rgba(255,255,255,.05)}.step-number{font-family:"Baloo 2";font-size:40px;color:#ff76ad}.step h3{margin:3px 0 8px;font-size:21px}.step p{margin:0;color:#c6c6d8;font-size:14px}.offer{background:linear-gradient(135deg,#f1ebff,#fff3f8)}.offer-box{display:grid;grid-template-columns:1fr 420px;gap:45px;align-items:center}.offer h2{font-size:clamp(40px,4vw,60px)}.offer-copy>p{font-size:18px;color:var(--muted);max-width:620px}.offer-list{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:25px}.offer-list span{font-size:14px;font-weight:800}.checkout-card{background:#fff;border:1px solid #e5e0f4;border-radius:28px;padding:28px;box-shadow:0 25px 70px rgba(52,30,112,.16)}.secure-line{text-align:center;color:#4c4d68;font-size:12px;font-weight:800}.checkout-price{font-family:"Baloo 2";font-size:48px;font-weight:800;text-align:center;margin:7px 0 20px}.checkout-price small{font:600 12px Inter;color:var(--muted)}label{display:block;font-size:12px;font-weight:900;margin:12px 0;color:#4b4c68}input[type=text],input[type=email],input[type=tel]{width:100%;margin-top:6px;padding:14px 15px;border:1px solid #ddd9ea;border-radius:13px;font:500 14px Inter;outline:none}input:focus{border-color:#7650eb;box-shadow:0 0 0 4px rgba(118,80,235,.1)}.agree{display:flex;gap:9px;align-items:flex-start;font-weight:600;line-height:1.5}.agree input{margin-top:4px}.agree a{color:#6337e6;text-decoration:underline}.btn-block{width:100%;padding:16px;margin-top:8px;font-size:14px}.payment-icons{display:flex;justify-content:center;gap:7px;margin-top:15px}.payment-icons span{font-size:10px;font-weight:900;background:#f3f2f8;padding:5px 8px;border-radius:7px}.form-message{min-height:20px;text-align:center;font-size:12px;margin-top:12px;font-weight:700}.form-message.error{color:#c53355}.form-message.success{color:#13845e}.hp{display:none!important}.faq{background:#fff}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:0}summary{cursor:pointer;list-style:none;font-weight:900;padding:20px 0;font-size:16px;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:22px;color:#7750e8}details[open] summary:after{content:'−'}details p{color:var(--muted);margin:-5px 0 22px;max-width:850px}.final-cta{background:linear-gradient(135deg,#6c3af0,#ef3b8e);color:#fff}.final-cta .eyebrow{color:#ffe5f0}.final-cta h2{font-size:clamp(42px,5vw,68px);max-width:800px;margin:auto}.final-cta p{color:#f6eefd;font-size:17px}.btn-light{background:#fff;color:#4221a2;box-shadow:0 15px 35px rgba(0,0,0,.15)}footer{background:#111228;color:#fff;padding:55px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-brand{color:#fff}.footer-grid p{color:#aaaabd;max-width:360px;font-size:13px}.footer-grid h4{margin:0 0 12px}.footer-grid a:not(.brand){display:block;color:#b9b9cb;font-size:13px;padding:4px 0}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.1);padding-top:20px;margin-top:35px;color:#85859a;font-size:11px}.mobile-buy{display:none}.status-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#f4efff,#fff1f8);padding:20px}.status-card{background:#fff;width:min(560px,100%);text-align:center;padding:50px 35px;border-radius:30px;box-shadow:var(--shadow)}.status-icon{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;margin:0 auto 20px;font-size:40px;font-weight:900}.status-icon.success{background:#e4faf2;color:#159b70}.status-icon.failed{background:#fff0f3;color:#c63255}.status-icon.pending{background:#fff6dd;color:#a06d00}.status-card h1{font-family:"Baloo 2";font-size:42px;line-height:1;margin:0}.status-card p{color:var(--muted);margin:15px auto 25px}.order-box{background:#f7f6ff;border-radius:15px;padding:14px;margin:15px 0 25px;display:flex;justify-content:space-between;gap:10px;font-size:12px}.order-box span{font-family:monospace}.legal-page{background:#faf9ff}.legal-wrap{max-width:850px;margin:60px auto;background:#fff;border:1px solid var(--line);border-radius:25px;padding:45px;box-shadow:var(--shadow)}.legal-wrap h1{font-family:"Baloo 2";font-size:48px;line-height:1;margin-top:0}.legal-wrap h2{margin-top:30px}.legal-wrap p,.legal-wrap li{color:#5f6076;font-size:14px}.legal-wrap a{color:#6337e6;text-decoration:underline}
@media(max-width:900px){.hero-grid,.video-grid,.offer-box{grid-template-columns:1fr}.hero{padding-top:45px}.hero-visual{max-width:600px}.feature-grid{grid-template-columns:repeat(2,1fr)}.theme-grid{grid-template-columns:repeat(2,1fr)}.audience-grid{grid-template-columns:repeat(2,1fr)}.offer-box{gap:30px}.checkout-card{max-width:560px;margin:auto;width:100%}.gallery-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.container{width:min(100% - 24px,1140px)}.nav{height:64px}.brand{font-size:23px}.nav-cta{font-size:12px;padding:9px 12px}.section-pad{padding:65px 0}.hero h1{font-size:47px}.hero-lead{font-size:16px}.price-row{align-items:flex-start;flex-direction:column}.price-row .btn{width:100%}.floating-badge{padding:9px 12px;font-size:16px}.badge-one{left:-7px;bottom:45px}.badge-two{right:-6px;top:30px}.stats{grid-template-columns:repeat(2,1fr);gap:0}.stats div{padding:12px 4px;border-bottom:1px solid rgba(255,255,255,.12)}.stats div:nth-child(2){border-right:0}.section-heading{display:block}.section-heading>p{margin-top:15px}.gallery-grid{grid-template-columns:1fr 1fr;gap:10px}.feature-grid,.steps,.audience-grid{grid-template-columns:1fr}.theme-grid{grid-template-columns:1fr 1fr}.offer-list{grid-template-columns:1fr}.checkout-card{padding:21px}.checkout-price{font-size:42px}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin:5px 0}.mobile-buy{display:block;position:fixed;bottom:0;left:0;right:0;z-index:40;padding:10px 12px;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-top:1px solid var(--line)}.mobile-buy a{display:flex;justify-content:center;gap:8px;background:linear-gradient(135deg,#7b42f3,#5631dc);color:#fff;padding:14px;border-radius:14px;font-weight:900;font-size:13px}.legal-wrap{margin:25px 12px;padding:28px 22px}.legal-wrap h1{font-size:40px}}

/* =========================================================
   TESTIMONIAL SLIDER
   ========================================================= */

.testimonials {
    position: relative;
    overflow: hidden;
}

.testimonial-slider {
    position: relative;
    width: 100%;
    margin-top: 36px;
    padding: 0 58px;
    box-sizing: border-box;
}

.testimonial-viewport {
    width: 100%;
    overflow: hidden;
    border-radius: 24px;
}

.testimonial-track {
    display: flex;
    align-items: stretch;
    gap: 20px;

    transition: transform 0.55s cubic-bezier(.22, .61, .36, 1);

    will-change: transform;
}


/* =========================================================
   TESTIMONIAL CARD
   ========================================================= */

.testimonial-card {
    flex: 0 0 calc((100% - 40px) / 3);

    min-width: 0;

    box-sizing: border-box;

    padding: 28px;

    border: 1px solid #ececf2;

    border-radius: 22px;

    background: #ffffff;

    box-shadow:
        0 12px 34px rgba(20, 20, 40, 0.07);
}

.testimonial-card .stars {
    margin-bottom: 14px;

    font-size: 20px;

    line-height: 1;

    letter-spacing: 2px;

    color: #f5a623;
}

.testimonial-card > p {
    margin: 0 0 24px;

    color: #45454d;

    font-size: 15px;

    line-height: 1.75;
}


/* =========================================================
   REVIEWER
   ========================================================= */

.reviewer {
    display: flex;

    gap: 12px;

    align-items: center;
}

.reviewer .avatar {
    display: flex;

    width: 46px;

    height: 46px;

    min-width: 46px;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background: #f0edff;

    color: #5b43d6;

    font-size: 17px;

    font-weight: 800;
}

.reviewer strong {
    display: block;

    margin-bottom: 3px;

    color: #202027;

    font-size: 14px;

    line-height: 1.3;
}

.reviewer span {
    display: block;

    color: #777783;

    font-size: 12px;

    line-height: 1.4;
}


/* =========================================================
   PREVIOUS / NEXT BUTTON
   ========================================================= */

.slider-arrow {
    position: absolute;

    top: 50%;

    z-index: 10;

    display: flex;

    width: 44px;

    height: 44px;

    padding: 0;

    align-items: center;

    justify-content: center;

    transform: translateY(-50%);

    border: 1px solid #ededf3;

    border-radius: 50%;

    outline: none;

    background: #ffffff;

    color: #2b2b32;

    box-shadow:
        0 8px 26px rgba(0, 0, 0, 0.13);

    cursor: pointer;

    font-size: 29px;

    line-height: 1;

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        background 0.2s ease;
}

.slider-arrow:hover {
    transform:
        translateY(-50%)
        scale(1.06);

    background: #f8f7ff;

    box-shadow:
        0 10px 30px rgba(0, 0, 0, 0.17);
}

.slider-arrow:active {
    transform:
        translateY(-50%)
        scale(0.96);
}

.slider-arrow:focus-visible {
    outline:
        3px solid
        rgba(108, 85, 232, 0.25);

    outline-offset: 3px;
}

.slider-arrow.prev {
    left: 0;
}

.slider-arrow.next {
    right: 0;
}


/* =========================================================
   SLIDER DOTS
   ========================================================= */

.slider-dots {
    display: flex;

    min-height: 12px;

    margin-top: 24px;

    gap: 8px;

    align-items: center;

    justify-content: center;
}

.slider-dot {
    width: 9px;

    height: 9px;

    padding: 0;

    border: 0;

    border-radius: 99px;

    background: #d6d6de;

    cursor: pointer;

    transition:
        width 0.25s ease,
        background 0.25s ease,
        transform 0.25s ease;
}

.slider-dot:hover {
    background: #aaa0e8;
}

.slider-dot.active {
    width: 28px;

    background: #6c55e8;
}


/* =========================================================
   DEMO PURCHASE POPUP
   ========================================================= */

.purchase-toast[hidden] {
    display: none !important;
}

.purchase-toast {
    position: fixed;

    left: 22px;

    bottom: 22px;

    z-index: 99999;

    display: grid;

    width: min(
        390px,
        calc(100vw - 32px)
    );

    grid-template-columns:
        50px minmax(0, 1fr);

    gap: 13px;

    box-sizing: border-box;

    padding:
        16px
        42px
        16px
        16px;

    transform:
        translateY(30px)
        scale(0.97);

    border:
        1px solid
        rgba(20, 20, 40, 0.08);

    border-radius: 18px;

    background:
        rgba(255, 255, 255, 0.98);

    box-shadow:
        0 18px 55px
        rgba(0, 0, 0, 0.18);

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

    transition:
        opacity 0.35s ease,
        transform 0.35s ease,
        visibility 0.35s ease;

    backdrop-filter: blur(10px);

    -webkit-backdrop-filter:
        blur(10px);
}


/* SHOW PURCHASE POPUP */

.purchase-toast.show {
    transform:
        translateY(0)
        scale(1);

    opacity: 1;

    visibility: visible;

    pointer-events: auto;
}


/* =========================================================
   PURCHASE CLOSE BUTTON
   ========================================================= */

.purchase-toast-close {
    position: absolute;

    top: 8px;

    right: 10px;

    display: flex;

    width: 30px;

    height: 30px;

    padding: 0;

    align-items: center;

    justify-content: center;

    border: 0;

    border-radius: 50%;

    background: transparent;

    color: #85858e;

    cursor: pointer;

    font-family: Arial, sans-serif;

    font-size: 22px;

    line-height: 1;

    transition:
        background 0.2s ease,
        color 0.2s ease;
}

.purchase-toast-close:hover {
    background: #f4f4f7;

    color: #24242b;
}


/* =========================================================
   PURCHASE ICON
   ========================================================= */

.purchase-toast-icon {
    display: flex;

    width: 50px;

    height: 50px;

    align-items: center;

    justify-content: center;

    border-radius: 15px;

    background:
        linear-gradient(
            135deg,
            #f0ebff,
            #fff2d9
        );

    font-size: 25px;
}

.purchase-toast-icon span {
    display: block;
}


/* =========================================================
   PURCHASE TEXT
   ========================================================= */

.purchase-toast-copy {
    min-width: 0;
}

.purchase-toast-topline {
    display: flex;

    margin-bottom: 6px;

    gap: 7px;

    align-items: center;
}

.purchase-toast-dot {
    width: 7px;

    height: 7px;

    flex: 0 0 7px;

    border-radius: 50%;

    background: #7c65ef;

    box-shadow:
        0 0 0 4px
        rgba(124, 101, 239, 0.12);
}

.purchase-toast-label {
    overflow: hidden;

    color: #6551d6;

    font-size: 10px;

    font-weight: 800;

    line-height: 1.2;

    letter-spacing: 0.05em;

    text-overflow: ellipsis;

    text-transform: uppercase;

    white-space: nowrap;
}


/* NAME + CITY */

.purchase-toast-main {
    color: #25252c;

    font-size: 14px;

    line-height: 1.45;
}

.purchase-toast-main strong {
    color: #17171c;

    font-weight: 800;
}


/* PRODUCT */

.purchase-toast-product {
    margin-top: 3px;

    color: #55555f;

    font-size: 12px;

    line-height: 1.45;
}

.purchase-toast-product b {
    color: #34343c;

    font-weight: 700;
}


/* TIME */

.purchase-toast-time {
    margin-top: 5px;

    color: #91919a;

    font-size: 11px;

    line-height: 1.3;
}


/* =========================================================
   TABLET
   2 TESTIMONIALS
   ========================================================= */

@media (max-width: 1024px) {

    .testimonial-slider {
        padding:
            0
            52px;
    }

    .testimonial-card {
        flex:
            0 0
            calc((100% - 20px) / 2);
    }

}


/* =========================================================
   MOBILE
   1 TESTIMONIAL
   ========================================================= */

@media (max-width: 767px) {

    .testimonial-slider {
        margin-top: 28px;

        padding:
            0
            40px;
    }

    .testimonial-viewport {
        border-radius: 18px;
    }

    .testimonial-track {
        gap: 14px;
    }

    .testimonial-card {
        flex: 0 0 100%;

        padding: 22px;

        border-radius: 18px;
    }

    .testimonial-card > p {
        font-size: 14px;

        line-height: 1.7;
    }


    /* SLIDER ARROWS */

    .slider-arrow {
        width: 34px;

        height: 34px;

        font-size: 24px;
    }

    .slider-arrow.prev {
        left: 0;
    }

    .slider-arrow.next {
        right: 0;
    }


    /* DOTS */

    .slider-dots {
        margin-top: 18px;

        gap: 6px;
    }

    .slider-dot {
        width: 7px;

        height: 7px;
    }

    .slider-dot.active {
        width: 22px;
    }


    /* PURCHASE POPUP */

    .purchase-toast {
        left: 12px;

        right: 12px;

        bottom: 78px;

        width: auto;

        grid-template-columns:
            44px minmax(0, 1fr);

        gap: 11px;

        padding:
            14px
            38px
            14px
            14px;

        border-radius: 16px;
    }

    .purchase-toast-icon {
        width: 44px;

        height: 44px;

        border-radius: 13px;

        font-size: 22px;
    }

    .purchase-toast-main {
        font-size: 13px;
    }

    .purchase-toast-product {
        font-size: 11px;
    }

    .purchase-toast-time {
        font-size: 10px;
    }

}


/* =========================================================
   VERY SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {

    .testimonial-slider {
        padding:
            0
            36px;
    }

    .testimonial-card {
        padding: 19px;
    }

    .slider-arrow {
        width: 31px;

        height: 31px;

        font-size: 21px;
    }

    .purchase-toast {
        left: 8px;

        right: 8px;

        bottom: 72px;

        padding:
            12px
            36px
            12px
            12px;
    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (
    prefers-reduced-motion: reduce
) {

    .testimonial-track,
    .slider-arrow,
    .slider-dot,
    .purchase-toast {
        transition: none !important;
    }

}

/* ============================================================
   SAMPLE PURCHASE ACTIVITY TOAST — RESPONSIVE V4.2
   Demo entries are clearly labelled. Replace with verified order data for real social proof.
   ============================================================ */
.purchase-toast{
  position:fixed;
  left:18px;
  bottom:18px;
  z-index:9999;
  width:min(410px,calc(100vw - 36px));
  min-height:92px;
  display:flex;
  align-items:center;
  gap:13px;
  padding:14px 44px 14px 14px;
  background:#ffffff;
  border:1px solid rgba(103,57,239,.16);
  border-radius:20px;
  box-shadow:0 18px 55px rgba(27,20,65,.22),0 3px 10px rgba(27,20,65,.08);
  opacity:0;
  transform:translate3d(0,18px,0) scale(.985);
  pointer-events:none;
  transition:opacity .3s ease,transform .3s ease;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:#17183d;
}
.purchase-toast[hidden]{display:none!important}
.purchase-toast.is-visible{opacity:1;transform:translate3d(0,0,0) scale(1);pointer-events:auto}
.purchase-toast.is-leaving{opacity:0;transform:translate3d(0,12px,0) scale(.99)}
.purchase-toast-icon{
  flex:0 0 58px;
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border-radius:17px;
  background:linear-gradient(145deg,#fff0f7 0%,#f1ebff 55%,#eafcff 100%);
  border:1px solid #eadff8;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.65);
}
.purchase-toast-icon span{font-size:29px;line-height:1;filter:drop-shadow(0 4px 5px rgba(62,42,130,.12))}
.purchase-toast-copy{min-width:0;flex:1;line-height:1.28}
.purchase-toast-topline{display:flex;align-items:center;gap:6px;margin-bottom:4px}
.purchase-toast-dot{width:7px;height:7px;border-radius:50%;background:#20b486;box-shadow:0 0 0 3px rgba(32,180,134,.12)}
.purchase-toast-label{font-size:9px;font-weight:900;letter-spacing:.07em;color:#7250d4;text-transform:uppercase}
.purchase-toast-main{font-size:13.5px;color:#20213b;margin-bottom:2px;overflow-wrap:anywhere}
.purchase-toast-main strong{font-weight:900}
.purchase-toast-product{font-size:11.5px;color:#63657b;overflow-wrap:anywhere}
.purchase-toast-product b{font-weight:800;color:#45465d}
.purchase-toast-time{margin-top:4px;font-size:10.5px;font-weight:700;color:#999aab}
.purchase-toast-close{
  position:absolute;
  top:8px;
  right:8px;
  width:29px;
  height:29px;
  padding:0;
  border:0;
  border-radius:50%;
  background:#f7f5fb;
  color:#77788c;
  font:400 20px/1 Arial,sans-serif;
  cursor:pointer;
  display:grid;
  place-items:center;
  transition:background .2s ease,color .2s ease;
}
.purchase-toast-close:hover{background:#eee8ff;color:#5730c9}
.purchase-toast-close:focus-visible{outline:3px solid rgba(103,57,239,.24);outline-offset:2px}

@media(max-width:620px){
  .purchase-toast{
    left:10px;
    right:10px;
    bottom:78px;
    width:auto;
    min-height:78px;
    gap:10px;
    padding:11px 39px 11px 11px;
    border-radius:16px;
    box-shadow:0 12px 35px rgba(27,20,65,.20),0 2px 8px rgba(27,20,65,.06);
  }
  .purchase-toast-icon{flex-basis:48px;width:48px;height:48px;border-radius:14px}
  .purchase-toast-icon span{font-size:24px}
  .purchase-toast-topline{margin-bottom:3px}
  .purchase-toast-label{font-size:7.8px;letter-spacing:.055em}
  .purchase-toast-main{font-size:12px}
  .purchase-toast-product{font-size:10px;line-height:1.25}
  .purchase-toast-time{font-size:9px;margin-top:3px}
  .purchase-toast-close{top:6px;right:6px;width:27px;height:27px;font-size:19px}
}
@media(max-width:360px){
  .purchase-toast{left:7px;right:7px;bottom:76px;padding-left:9px;gap:8px}
  .purchase-toast-icon{flex-basis:43px;width:43px;height:43px;border-radius:12px}
  .purchase-toast-icon span{font-size:21px}
  .purchase-toast-main{font-size:11.5px}
  .purchase-toast-product{font-size:9.5px}
}
@media(prefers-reduced-motion:reduce){.purchase-toast{transition:none}}