:root {
            --cream: #FFF9FC;
            --cream-2: #FFFFFF;
            --paper: #ffffff;
            --pink: #784BB2;
            --pink-hot: #784BB2;
            --pink-soft: #FFF3F5;
            --rose: #74609D;
            --rose-dark: #4A3566;
            --green: #74609D;
            --green-soft: #F2F6FD;
            --yellow: #9BBBEA;
            --yellow-soft: #F2F6FD;
            --brown: #0C0C0C;
            --muted: #5A5263;
            --line: rgba(116, 96, 157, .13);
            --shadow: 0 30px 80px rgba(120, 75, 178, .18);
            --shadow-soft: 0 16px 45px rgba(120, 75, 178, .10);
            --radius-xl: 42px;
            --max: 1180px;
        }
        * { box-sizing: border-box; }
        html { scroll-behavior: smooth; }
        body {
            margin: 0;
            font-family: var(--font-body);
            color: var(--brown);
            background:
                radial-gradient(circle at 0% 0%, rgba(249, 203, 205, .28), transparent 34%),
                radial-gradient(circle at 96% 4%, rgba(120, 75, 178, .18), transparent 32%),
                radial-gradient(circle at 50% 42%, rgba(155,187,234,.09), transparent 28%),
                linear-gradient(180deg, #FFF9FC 0%, #FFFFFF 43%, #F2F6FD 100%);
            overflow-x: hidden;
        }
        html,
        body {
            width: 100%;
            max-width: 100%;
            overflow-x: hidden;
        }
        body.preloading { overflow: hidden; }
        body::before {
            content: "";
            position: fixed;
            inset: 0;
            z-index: -2;
            background-image: radial-gradient(rgba(120,75,178,.12) 1px, transparent 1px);
            background-size: 25px 25px;
            mask-image: linear-gradient(to bottom, rgba(0,0,0,.42), rgba(0,0,0,.06));
            pointer-events: none;
        }
        main, footer { position: relative; z-index: 1; }
        .ambient-background {
            position: fixed;
            inset: 0;
            z-index: 0;
            overflow: hidden;
            pointer-events: none;
        }
        .ambient-orb {
            position: absolute;
            border-radius: 999px;
            filter: blur(12px);
            opacity: .34;
            will-change: transform;
        }
        .ambient-orb.one {
            width: 310px;
            height: 310px;
            top: 14%;
            left: -120px;
            background: radial-gradient(circle, rgba(249,203,205,.72), rgba(249,203,205,0) 70%);
            animation: ambientDriftOne 17s ease-in-out infinite alternate;
        }
        .ambient-orb.two {
            width: 430px;
            height: 430px;
            top: 46%;
            right: -190px;
            background: radial-gradient(circle, rgba(155,187,234,.5), rgba(155,187,234,0) 70%);
            animation: ambientDriftTwo 22s ease-in-out infinite alternate;
        }
        .ambient-orb.three {
            width: 280px;
            height: 280px;
            bottom: 6%;
            left: 22%;
            background: radial-gradient(circle, rgba(120,75,178,.28), rgba(120,75,178,0) 72%);
            animation: ambientDriftThree 19s ease-in-out infinite alternate;
        }
        @keyframes ambientDriftOne {
            to { transform: translate3d(120px, 80px, 0) scale(1.18); }
        }
        @keyframes ambientDriftTwo {
            to { transform: translate3d(-130px, -90px, 0) scale(.86); }
        }
        @keyframes ambientDriftThree {
            to { transform: translate3d(180px, -70px, 0) scale(1.12); }
        }
        .section::after {
            content: "";
            position: absolute;
            z-index: 0;
            width: 180px;
            height: 180px;
            right: clamp(-90px, -5vw, -36px);
            top: 18%;
            border-radius: 42% 58% 63% 37% / 45% 44% 56% 55%;
            background: linear-gradient(145deg, rgba(249,203,205,.18), rgba(155,187,234,.16));
            animation: sectionMorph 11s ease-in-out infinite alternate;
            pointer-events: none;
        }
        .section:nth-of-type(even)::after {
            right: auto;
            left: clamp(-90px, -5vw, -36px);
            animation-delay: -4s;
        }
        .section > .container { position: relative; z-index: 1; }
        @keyframes sectionMorph {
            to { transform: translate3d(0, 34px, 0) rotate(18deg) scale(1.12); border-radius: 63% 37% 39% 61% / 53% 62% 38% 47%; }
        }
        a { color: inherit; text-decoration: none; }
        img, svg, video { max-width: 100%; }
        img { display: block; }
        button, input, select, textarea { font: inherit; }
        .container { width: min(var(--max), calc(100% - 36px)); margin-inline: auto; min-width: 0; }
        header, main, footer, section { max-width: 100%; }
        .topbar, .section, .section-tight, .hero, .checkout-section, .final-cta, footer { overflow-x: clip; }
        .section { padding: 92px 0; position: relative; }
        .section-tight { padding: 56px 0; position: relative; }
        .center { text-align: center; }
        .center .subtitle { margin-inline: auto; }
        .eyebrow {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 9px 14px;
            border-radius: 999px;
            background: rgba(120,75,178,.09);
            border: 1px solid rgba(120,75,178,.15);
            color: var(--rose);
            font-size: 12px;
            font-weight: 900;
            letter-spacing: .055em;
            text-transform: uppercase;
        }
        .eyebrow.green { background: rgba(155,187,234,.10); border-color: rgba(155,187,234,.18); color: var(--green); }
        .eyebrow.yellow { background: linear-gradient(135deg, #fff1a7, #9BBBEA); border-color: rgba(255,255,255,.52); color: #6a4e00; box-shadow: 0 12px 30px rgba(50,8,22,.16); }
        .script {
            font-family: "Nunito", "Inter", sans-serif;
            color: var(--rose);
            font-size: 42px;
            line-height: .9;
            display: inline-block;
            transform: rotate(-2deg);
        }
        .title {
            margin: 16px 0 14px;
            font-family: "Nunito", "Inter", sans-serif;
            font-weight: 900;
            font-size: 58px;
            line-height: .94;
            letter-spacing: 0;
            color: var(--brown);
        }
        .title .highlight { color: var(--pink-hot); text-shadow: 0 9px 0 rgba(249,203,205,.22); }
        .subtitle {
            max-width: 760px;
            color: var(--muted);
            font-size: 18px;
            line-height: 1.75;
            margin: 0;
        }
        .tiny { color: var(--muted); font-size: 12px; line-height: 1.6; }
        .btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            min-height: 52px;
            padding: 14px 22px;
            border-radius: 999px;
            border: 0;
            cursor: pointer;
            font-weight: 950;
            letter-spacing: 0;
            transition: transform .22s ease, box-shadow .22s ease, background .22s ease;
            white-space: nowrap;
        }
        .btn:hover { transform: translateY(-2px); }
        .btn-primary { color: #fff; background: linear-gradient(135deg, var(--pink-hot), var(--rose)); box-shadow: 0 18px 36px rgba(120,75,178,.28); }
        .btn-secondary { color: var(--rose); background: rgba(255,255,255,.92); border: 1px solid rgba(120,75,178,.15); box-shadow: var(--shadow-soft); }
        .btn-green { color: #fff; background: linear-gradient(135deg, #6f9b43, var(--green)); box-shadow: 0 16px 32px rgba(155,187,234,.25); }
        .btn-share { color: #fff; background: linear-gradient(135deg, var(--pink-hot), var(--rose)); box-shadow: 0 16px 32px rgba(120,75,178,.24); }
        .btn-whatsapp { color: #426323; background: linear-gradient(135deg, #f4fbef, #dff1d2); border: 1px solid rgba(155,187,234,.18); box-shadow: 0 14px 30px rgba(155,187,234,.15); }
        .btn-whatsapp .icon,
        .btn-green .icon { color: #25d366; filter: drop-shadow(0 5px 9px rgba(37,211,102,.22)); }
        .pill-note {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 10px 14px;
            border-radius: 999px;
            background: rgba(255,255,255,.78);
            border: 1px solid rgba(255,255,255,.92);
            box-shadow: 0 12px 30px rgba(120,75,178,.08);
            color: var(--muted);
            font-size: 13px;
            font-weight: 800;
        }
        .heart { color: var(--pink-hot); }
        .topbar { position: sticky; top: 0; z-index: 70; background: rgba(255,248,239,.82); border-bottom: 1px solid rgba(120,75,178,.10); backdrop-filter: blur(18px); }
        .nav { min-height: 96px; display: flex; align-items: center; justify-content: space-between; gap: 22px; min-width: 0; }
        .brand-logo { width: 92px; max-width: none; height: 92px; object-fit: contain; filter: drop-shadow(0 8px 18px rgba(120,75,178,.08)); }
        .nav-links { display: flex; align-items: center; gap: 5px; color: #5e5359; font-weight: 850; font-size: 13px; }
        .nav-links a {
            display: inline-flex;
            align-items: center;
            gap: 7px;
            min-height: 42px;
            padding: 9px 11px;
            border-radius: 14px;
            white-space: nowrap;
            transition: color .2s ease, background .2s ease, transform .2s ease;
        }
        .nav-links a .icon { width: 17px; height: 17px; color: var(--rose); }
        .nav-links a:hover,
        .nav-links a.is-active { color: var(--rose-dark); background: rgba(120,75,178,.09); transform: translateY(-1px); }
        .nav-links a.is-active .icon { color: var(--pink-hot); }
        .mobile-nav-dock { display: none; border-top: 1px solid rgba(120,75,178,.08); }
        .mobile-nav-inner { display: flex; align-items: stretch; gap: 4px; padding: 7px 0 8px; }
        .mobile-nav-inner a {
            flex: 1 1 0;
            min-width: 62px;
            min-height: 48px;
            display: grid;
            place-items: center;
            align-content: center;
            gap: 3px;
            padding: 5px 4px;
            border-radius: 13px;
            color: var(--muted);
            font-size: 10px;
            font-weight: 900;
            text-align: center;
            transition: color .2s ease, background .2s ease;
        }
        .mobile-nav-inner a .icon { width: 18px; height: 18px; }
        .mobile-nav-inner a:hover,
        .mobile-nav-inner a.is-active { color: var(--rose-dark); background: linear-gradient(145deg, rgba(249,203,205,.35), rgba(120,75,178,.09)); }
        .nav-cta { display: flex; gap: 10px; align-items: center; min-width: 0; }
        .nav-package-link {
            min-height: 44px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            padding: 10px 15px;
            border-radius: 999px;
            color: #fff;
            background: linear-gradient(135deg, var(--pink-hot), var(--rose));
            box-shadow: 0 14px 30px rgba(120,75,178,.22);
            font-size: 13px;
            font-weight: 950;
            white-space: nowrap;
            transition: transform .2s ease, box-shadow .2s ease;
        }
        .nav-package-link:hover { transform: translateY(-2px); box-shadow: 0 18px 34px rgba(120,75,178,.28); }
        .account-trigger {
            min-width: 62px;
            height: 46px;
            padding: 0;
            color: var(--rose);
            background: rgba(255,255,255,.84);
            border: 0;
            box-shadow: none;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 6px;
            border-radius: 999px;
            cursor: pointer;
            transition: background .2s ease, color .2s ease, transform .2s ease;
        }
        .account-trigger-solo {
            min-width: 46px;
            width: 46px;
            gap: 0;
        }
        .account-trigger:hover {
            background: rgba(255,240,245,.95);
            color: var(--pink-hot);
            transform: translateY(-1px);
        }
        .account-chevron {
            transition: transform .2s ease;
        }
        .landing-account-menu[open] .account-chevron {
            transform: rotate(180deg);
        }
        .landing-account-menu {
            position: relative;
            display: inline-flex;
            align-items: center;
            height: 46px;
            margin: 0;
        }
        .landing-account-menu summary {
            list-style: none;
            cursor: pointer;
            margin: 0;
        }
        .landing-account-menu summary::after {
            content: none !important;
            display: none !important;
        }
        .landing-account-menu summary::-webkit-details-marker {
            display: none;
        }
        .landing-account-popover {
            position: absolute;
            top: calc(100% + 12px);
            right: 0;
            width: 220px;
            padding: 10px;
            border-radius: 20px;
            background: rgba(255,255,255,.96);
            border: 1px solid rgba(120,75,178,.14);
            box-shadow: 0 22px 56px rgba(120,75,178,.18);
            display: grid;
            gap: 6px;
        }
        .landing-account-popover::before {
            content: "";
            position: absolute;
            top: -7px;
            right: 19px;
            width: 14px;
            height: 14px;
            transform: rotate(45deg);
            background: rgba(255,255,255,.96);
            border-left: 1px solid rgba(120,75,178,.14);
            border-top: 1px solid rgba(120,75,178,.14);
        }
        .landing-account-popover a,
        .landing-account-popover button {
            position: relative;
            z-index: 1;
            width: 100%;
            min-height: 42px;
            border: 0;
            border-radius: 14px;
            background: transparent;
            color: var(--brown);
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 0 12px;
            font: inherit;
            font-weight: 900;
            cursor: pointer;
            text-align: left;
        }
        .landing-account-popover a:hover,
        .landing-account-popover button:hover {
            background: rgba(120,75,178,.08);
            color: var(--rose);
        }
        .landing-preloader {
            position: fixed;
            inset: 0;
            z-index: 999;
            display: grid;
            place-items: center;
            background:
                radial-gradient(circle at 18% 20%, rgba(249,203,205,.72), transparent 34%),
                radial-gradient(circle at 82% 76%, rgba(155,187,234,.46), transparent 36%),
                linear-gradient(135deg, rgba(255,255,255,.9), rgba(255,243,245,.88)),
                url('preloader-bg.png') center / cover no-repeat;
            transition: opacity .5s ease, visibility .5s ease;
            isolation: isolate;
        }
        .landing-preloader::before,
        .landing-preloader::after {
            content: "";
            position: absolute;
            border-radius: 999px;
            border: 1px solid rgba(120,75,178,.14);
            animation: preloaderOrbit 7s linear infinite;
        }
        .landing-preloader::before { width: min(540px, 86vw); aspect-ratio: 1; }
        .landing-preloader::after { width: min(410px, 68vw); aspect-ratio: 1; animation-direction: reverse; animation-duration: 5.5s; }
        .landing-preloader::before {
            background: radial-gradient(circle at 50% 0, rgba(120,75,178,.2) 0 5px, transparent 6px);
        }
        .landing-preloader::after {
            background: radial-gradient(circle at 0 50%, rgba(249,203,205,.9) 0 7px, transparent 8px);
        }
        .landing-preloader.done {
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
        }
        .preloader-card {
            position: relative;
            z-index: 1;
            width: min(460px, calc(100% - 40px));
            display: grid;
            justify-items: center;
            gap: 16px;
            padding: 34px 40px 30px;
            border: 1px solid rgba(255,255,255,.9);
            border-radius: 34px;
            background: rgba(255,255,255,.68);
            box-shadow: 0 30px 90px rgba(120,75,178,.16);
            backdrop-filter: blur(16px);
        }
        .preloader-card img {
            width: min(285px, 74vw);
            height: auto;
            filter: drop-shadow(0 12px 24px rgba(120,75,178,.12));
            animation: preloadPop .7s cubic-bezier(.2,.8,.2,1) both, preloadBreathe 2.4s ease-in-out .7s infinite;
        }
        .preloader-copy { display: grid; justify-items: center; gap: 4px; text-align: center; }
        .preloader-copy strong { color: var(--rose-dark); font-family: var(--font-display); font-size: 16px; }
        .preloader-copy span { color: var(--muted); font-size: 12px; }
        .preloader-bubbles { display: flex; align-items: center; gap: 7px; height: 18px; }
        .preloader-bubbles i {
            width: 8px;
            height: 8px;
            border-radius: 999px;
            background: var(--pink-hot);
            animation: preloadBubble .9s ease-in-out infinite alternate;
        }
        .preloader-bubbles i:nth-child(2) { background: var(--brand-secondary); animation-delay: .15s; }
        .preloader-bubbles i:nth-child(3) { background: var(--brand-support-blue); animation-delay: .3s; }
        .preloader-bubbles i:nth-child(4) { background: var(--brand-support-purple); animation-delay: .45s; }
        .preloader-track {
            width: min(260px, 64vw);
            height: 6px;
            border-radius: 999px;
            overflow: hidden;
            background: rgba(255,255,255,.62);
            box-shadow: inset 0 0 0 1px rgba(116,96,157,.10);
        }
        .preloader-bar {
            width: 42%;
            height: 100%;
            border-radius: inherit;
            background: linear-gradient(90deg, var(--pink-hot), var(--yellow), var(--green));
            animation: preloadBar 1.05s ease-in-out infinite;
        }
        @keyframes preloadPop {
            from { opacity: 0; transform: translateY(12px) scale(.96); }
            to { opacity: 1; transform: none; }
        }
        @keyframes preloadBreathe {
            50% { transform: scale(1.025); }
        }
        @keyframes preloadBubble {
            to { transform: translateY(-7px) scale(1.15); }
        }
        @keyframes preloaderOrbit {
            to { transform: rotate(360deg); }
        }
        @keyframes preloadBar {
            0% { transform: translateX(-110%); }
            55% { transform: translateX(60%); }
            100% { transform: translateX(220%); }
        }
        .hero { padding: 50px 0 76px; position: relative; overflow: hidden; }
        .hero::after { content: ""; position: absolute; width: 520px; height: 520px; right: -220px; top: 120px; border-radius: 999px; background: rgba(120,75,178,.10); z-index: -1; }
        .hero-grid { display: grid; grid-template-columns: 1.04fr .96fr; align-items: center; gap: 38px; min-height: calc(100vh - 110px); min-width: 0; }
        .hero-copy { position: relative; z-index: 2; min-width: 0; }
        .hero .title { font-size: 76px; max-width: 780px; }
        .hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; align-items: center; }
        .hero-trust { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 22px; }
        .hero-visual { position: relative; min-height: 655px; display: grid; place-items: end center; min-width: 0; overflow: hidden; }
        .hero-blob {
            position: absolute;
            width: min(96%, 560px);
            aspect-ratio: 1 / 1;
            border-radius: 42% 58% 45% 55% / 58% 42% 58% 42%;
            background: radial-gradient(circle at 42% 22%, rgba(255,255,255,.78), transparent 34%), linear-gradient(135deg, #ffe2eb 0%, #fff2a9 56%, #edf7df 100%);
            box-shadow: var(--shadow);
            top: 34px;
            right: 0;
            z-index: 0;
        }
        .hero-blob::before { content: ""; position: absolute; inset: 24px; border-radius: inherit; border: 1px dashed rgba(120,75,178,.24); }
        .hero-img { position: relative; z-index: 2; width: min(92%, 520px); filter: drop-shadow(0 34px 40px rgba(84,38,52,.23)); transform: translateY(22px); animation: softFloat 6s ease-in-out infinite; }
        .offer-chip {
            position: absolute;
            z-index: 4;
            right: 14px;
            top: 82px;
            display: grid;
            place-items: center;
            width: 142px;
            height: 142px;
            border-radius: 50%;
            background:
                radial-gradient(circle at 38% 28%, #fffdf1 0 15%, transparent 16%),
                conic-gradient(from 18deg, #ffe987, var(--yellow), #fff6b8, #ffd2e0, var(--yellow), #ffe987);
            color: #6c4f00;
            font-weight: 950;
            text-align: center;
            line-height: 1.08;
            box-shadow: 0 20px 44px rgba(249,203,205,.42), 0 0 0 8px rgba(255,255,255,.64);
            transform: rotate(8deg);
            animation: badgePulse 2.8s ease-in-out infinite;
        }
        .offer-chip::before,
        .offer-chip::after {
            content: "";
            position: absolute;
            inset: -10px;
            border-radius: inherit;
            border: 1px dashed rgba(120,75,178,.34);
        }
        .offer-chip::after {
            inset: 10px;
            border-style: solid;
            border-color: rgba(255,255,255,.72);
        }
        .offer-chip small { display: block; font-size: 10px; color: var(--rose); text-transform: uppercase; letter-spacing: .08em; }
        .offer-chip span { font-size: 13px; text-transform: uppercase; letter-spacing: .04em; }
        .offer-chip b { display: block; font-size: 18px; color: var(--pink-hot); letter-spacing: 0; line-height: 1.05; }
        .floating-card {
            position: absolute;
            z-index: 5;
            left: 2px;
            bottom: 62px;
            width: min(330px, 78%);
            padding: 18px;
            border-radius: 26px;
            background: rgba(255,255,255,.86);
            border: 1px solid rgba(255,255,255,.98);
            box-shadow: var(--shadow);
            backdrop-filter: blur(16px);
        }
        .floating-card strong { display: block; margin-top: 6px; font-size: 25px; letter-spacing: 0; color: var(--rose); }
        .floating-card span:not(.script) { display: block; margin-top: 6px; color: var(--muted); font-size: 13px; line-height: 1.45; }
        .mini-price { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-top: 14px; background: linear-gradient(135deg, var(--yellow-soft), #fff); border-radius: 18px; padding: 11px 12px; }
        .mini-price small { color: var(--green); font-weight: 950; }
        .mini-price b { font-size: 15px; color: var(--pink-hot); letter-spacing: 0; text-align: right; line-height: 1.1; white-space: nowrap; }
        .showcase-banner { border-radius: 34px; overflow: hidden; border: 1px solid rgba(120,75,178,.12); box-shadow: var(--shadow); background: #fff; }
        .showcase-banner img { width: 100%; height: auto; }
        .marquee { overflow: hidden; border-top: 1px solid rgba(120,75,178,.10); border-bottom: 1px solid rgba(120,75,178,.10); background: linear-gradient(90deg, rgba(120,75,178,.08), rgba(249,203,205,.18), rgba(155,187,234,.10)); padding: 14px 0; white-space: nowrap; }
        .marquee-track { display: inline-flex; gap: 24px; animation: move 28s linear infinite; font-weight: 950; color: var(--rose); text-transform: uppercase; letter-spacing: .04em; font-size: 13px; }
        @keyframes move { from { transform: translateX(0); } to { transform: translateX(-50%); } }
        @keyframes softFloat {
            0%, 100% { transform: translateY(22px); }
            50% { transform: translateY(8px); }
        }
        @keyframes badgePulse {
            0%, 100% { transform: rotate(8deg) scale(1); }
            50% { transform: rotate(5deg) scale(1.04); }
        }
        .split { display: grid; grid-template-columns: .94fr 1.06fr; gap: 48px; align-items: center; }
        .split.reverse { grid-template-columns: 1.06fr .94fr; }
        .media-wrap {
            position: relative;
            min-height: 460px;
            display: grid;
            place-items: center;
            border-radius: var(--radius-xl);
            background: radial-gradient(circle at 20% 12%, rgba(249,203,205,.34), transparent 31%), radial-gradient(circle at 82% 78%, rgba(120,75,178,.14), transparent 34%), rgba(255,255,255,.62);
            border: 1px solid rgba(255,255,255,.90);
            box-shadow: var(--shadow-soft);
            overflow: hidden;
        }
        .media-wrap::before { content: ""; position: absolute; inset: 22px; border-radius: 32px; border: 1px dashed rgba(120,75,178,.20); }
        .media-wrap img { position: relative; z-index: 1; max-height: 560px; object-fit: contain; filter: drop-shadow(0 24px 28px rgba(84,38,52,.16)); }
        .problem-list { display: grid; gap: 12px; margin-top: 28px; }
        .problem-item { display: grid; grid-template-columns: 42px 1fr; gap: 13px; padding: 15px; border-radius: 20px; background: rgba(255,255,255,.78); border: 1px solid rgba(120,75,178,.10); box-shadow: 0 12px 28px rgba(120,75,178,.06); }
        .problem-icon { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 14px; background: var(--pink-soft); color: var(--pink-hot); font-size: 20px; font-weight: 950; }
        .problem-item b { display: block; margin-bottom: 3px; }
        .problem-item span { color: var(--muted); line-height: 1.55; font-size: 14px; }
        .soft-panel { position: relative; border-radius: var(--radius-xl); background: linear-gradient(135deg, rgba(255,255,255,.94), rgba(255,240,245,.76)); border: 1px solid rgba(120,75,178,.11); box-shadow: var(--shadow-soft); padding: 42px; overflow: hidden; }
        .soft-panel::after { content: ""; position: absolute; width: 300px; height: 300px; right: -110px; top: -120px; border-radius: 50%; background: rgba(249,203,205,.20); }
        .solution-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 30px; position: relative; z-index: 1; }
        .mini-card { background: rgba(255,255,255,.78); border: 1px solid rgba(120,75,178,.11); border-radius: 24px; padding: 22px; }
        .mini-card .num { width: 42px; height: 42px; border-radius: 14px; display: grid; place-items: center; background: var(--yellow); color: #725300; font-weight: 950; margin-bottom: 12px; }
        .mini-card h3 { margin: 0 0 8px; letter-spacing: 0; font-size: 21px; }
        .mini-card p { margin: 0; color: var(--muted); line-height: 1.6; font-size: 14px; }
        .product-duo { display: grid; grid-template-columns: .76fr 1.24fr; gap: 28px; align-items: center; margin-top: 36px; }
        .module-cover-card, .module-feature { background: rgba(255,255,255,.82); border: 1px solid rgba(120,75,178,.11); border-radius: 34px; box-shadow: var(--shadow-soft); overflow: hidden; }
        .module-cover-card { padding: 24px; display: grid; place-items: center; }
        .module-cover-card img { max-height: 520px; margin-inline: auto; filter: drop-shadow(0 20px 28px rgba(84,38,52,.16)); }
        .module-feature img { width: 100%; }
        .module-feature .module-copy { padding: 24px; display: flex; justify-content: space-between; gap: 18px; align-items: center; }
        .module-feature h3 { margin: 0 0 6px; font-size: 26px; letter-spacing: 0; }
        .module-feature p { margin: 0; color: var(--muted); line-height: 1.55; }
        .offer-head { margin-bottom: 36px; }
        .products { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; align-items: stretch; }
        .product-card { position: relative; border-radius: 32px; padding: 22px; background: rgba(255,255,255,.84); border: 1px solid rgba(120,75,178,.13); box-shadow: var(--shadow-soft); overflow: hidden; display: flex; flex-direction: column; min-height: 100%; transition: transform .24s ease, box-shadow .24s ease; }
        .product-card > .badge,
        .product-card > h3,
        .product-card > p,
        .product-card > .poster-btn,
        .product-card > .price-row {
            align-self: center;
            text-align: center;
        }
        .product-card > p { max-width: 315px; }
        .product-card:hover { transform: translateY(-6px); box-shadow: 0 26px 70px rgba(120,75,178,.15); }
        .product-card::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 88% 8%, rgba(249,203,205,.23), transparent 28%); }
        .product-card.recommended { background: linear-gradient(180deg, #fff, #fff4d8 125%); border: 2px solid rgba(249,203,205,.72); transform: translateY(-16px); box-shadow: 0 34px 78px rgba(120,75,178,.19); }
        .product-card.recommended:hover { transform: translateY(-22px); }
        .badge { display: inline-flex; width: fit-content; align-items: center; gap: 7px; padding: 9px 12px; border-radius: 999px; font-size: 12px; text-transform: uppercase; letter-spacing: .06em; font-weight: 950; background: var(--pink-hot); color: white; box-shadow: 0 12px 22px rgba(120,75,178,.24); position: relative; z-index: 1; }
        .badge.alt { background: var(--green); }
        .badge.gold { background: var(--yellow); color: #6c4f00; }
        .product-image { min-height: 220px; display: grid; place-items: center; margin: 8px 0; position: relative; z-index: 1; }
        .product-image img { max-height: 260px; object-fit: contain; filter: drop-shadow(0 16px 18px rgba(84,38,52,.12)); }
        .product-card h3 { position: relative; z-index: 1; font-size: 25px; line-height: 1.04; letter-spacing: 0; margin: 14px 0 10px; }
        .product-card p { position: relative; z-index: 1; color: var(--muted); line-height: 1.6; margin: 0; font-size: 14px; }
        .price-row { display: flex; align-items: end; justify-content: center; gap: 10px; margin: 18px 0 14px; position: relative; z-index: 1; flex-wrap: nowrap; }
        .old-price { color: #9c939d; text-decoration: line-through; font-weight: 900; white-space: nowrap; }
        .price { font-size: 44px; letter-spacing: 0; font-weight: 950; color: var(--pink-hot); line-height: .86; white-space: nowrap; }
        .save { color: var(--green); background: var(--green-soft); border-radius: 999px; padding: 7px 9px; font-size: 12px; font-weight: 950; white-space: nowrap; }
        .features { display: grid; gap: 9px; margin: 16px 0 22px; padding: 0; list-style: none; position: relative; z-index: 1; }
        .features li { display: flex; gap: 9px; align-items: flex-start; color: #51474f; font-size: 14px; line-height: 1.45; }
        .feature-icon { flex: 0 0 24px; width: 24px; height: 24px; display: grid; place-items: center; border-radius: 999px; background: rgba(155,187,234,.13); color: var(--green); }
        .feature-icon .icon { width: 14px; height: 14px; }
        .product-card .btn { position: relative; z-index: 1; }
        .product-card .buy-btn { width: 100%; margin-top: auto; }
        .poster-btn {
            min-height: 42px;
            width: fit-content;
            padding: 10px 16px;
            margin: 12px auto 8px;
            font-size: 13px;
        }
        .poster-dialog {
            width: min(820px, calc(100% - 28px));
            border: 0;
            padding: 0;
            border-radius: 0;
            overflow: visible;
            background: transparent;
            box-shadow: none;
        }
        .poster-dialog[open] {
            position: fixed;
            inset: 0;
            margin: auto;
            z-index: 120;
        }
        .poster-dialog::backdrop {
            background: rgba(49, 18, 28, .48);
            backdrop-filter: blur(6px);
        }
        .poster-close {
            position: absolute;
            right: -12px;
            top: -12px;
            z-index: 2;
            width: 38px;
            height: 38px;
            border: 0;
            border-radius: 999px;
            display: grid;
            place-items: center;
            color: var(--rose);
            background: #fff;
            cursor: pointer;
            box-shadow: 0 10px 20px rgba(120,75,178,.08);
        }
        .poster-dialog img {
            width: 100%;
            max-height: calc(100dvh - 46px);
            object-fit: contain;
            background: transparent;
            filter: drop-shadow(0 32px 70px rgba(28, 10, 18, .38));
        }
        .steps { display: grid; grid-template-columns: repeat(7, 1fr); gap: 12px; margin-top: 34px; }
        .step { background: rgba(255,255,255,.76); border: 1px solid rgba(120,75,178,.10); border-radius: 24px; padding: 18px; box-shadow: 0 12px 28px rgba(120,75,178,.06); }
        .step-num { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 16px; background: var(--pink-hot); color: #fff; font-weight: 950; box-shadow: 0 14px 24px rgba(120,75,178,.24); }
        .step b { display: block; margin: 12px 0 7px; letter-spacing: 0; }
        .step p { margin: 0; color: var(--muted); line-height: 1.55; font-size: 13px; }
        .trust-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 34px; align-items: center; }
        .trust-visual { min-height: 430px; display: grid; place-items: center; padding: 42px; background: linear-gradient(145deg, rgba(249,203,205,.72), rgba(242,246,253,.94)); }
        .trust-mark { width: min(100%, 390px); display: grid; gap: 18px; text-align: center; }
        .trust-mark > img { width: min(270px, 80%); margin: 0 auto 8px; }
        .trust-principles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
        .trust-principle { display: grid; justify-items: center; gap: 8px; min-width: 0; padding: 16px 10px; border-radius: 20px; background: rgba(255,255,255,.88); border: 1px solid rgba(120,75,178,.12); color: var(--rose); font-size: 12px; font-weight: 900; }
        .trust-principle .icon { width: 24px; height: 24px; color: var(--pink); }
        .legacy-watermark { display: inline-flex; margin: 18px auto 0; padding: 8px 12px; border-radius: 999px; background: #fff; border: 1px dashed var(--pink); color: var(--rose); font-size: 12px; font-weight: 900; }
        .stats { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; margin-top: 24px; }
        .stat { background: rgba(255,255,255,.82); border: 1px solid var(--line); border-radius: 22px; padding: 18px; }
        .stat strong { display: block; font-size: 27px; color: var(--pink-hot); letter-spacing: 0; }
        .stat span { color: var(--muted); font-size: 12px; line-height: 1.4; font-weight: 800; }
        .testimonial-image-card { border-radius: 36px; overflow: hidden; box-shadow: var(--shadow); border: 1px solid rgba(120,75,178,.12); background: #fff; margin-top: 32px; }
        .testimonial-image-card img { width: 100%; height: auto; }
        .testimonial-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 20px; }
        .testimonial-card { background: rgba(255,255,255,.84); border: 1px solid var(--line); border-radius: 24px; padding: 20px; box-shadow: var(--shadow-soft); }
        .testimonial-card p { color: var(--muted); line-height: 1.65; margin: 0 0 14px; }
        .stars { color: #e7a813; letter-spacing: 2px; font-weight: 900; }
        .icon { width: 18px; height: 18px; flex: 0 0 auto; display: inline-block; vertical-align: -3px; }
        .client-gallery-wrap {
            margin-top: 34px;
            position: relative;
            overflow: hidden;
            padding-bottom: 2px;
        }
        .client-gallery {
            display: grid;
            grid-auto-flow: column;
            grid-auto-columns: minmax(210px, 250px);
            grid-template-rows: repeat(2, 260px);
            gap: 14px;
            overflow-x: auto;
            overscroll-behavior-inline: contain;
            scroll-snap-type: x proximity;
            padding: 4px 2px 16px;
            scrollbar-color: var(--pink-hot) rgba(120,75,178,.08);
        }
        .client-gallery::-webkit-scrollbar { height: 9px; }
        .client-gallery::-webkit-scrollbar-track { background: rgba(120,75,178,.08); border-radius: 999px; }
        .client-gallery::-webkit-scrollbar-thumb { background: linear-gradient(90deg, var(--pink-hot), var(--yellow)); border-radius: 999px; }
        .client-photo {
            margin: 0;
            border-radius: 24px;
            overflow: hidden;
            border: 1px solid rgba(120,75,178,.12);
            background: #fff;
            box-shadow: var(--shadow-soft);
            transition: transform .22s ease, box-shadow .22s ease;
            scroll-snap-align: start;
        }
        .client-photo:hover { transform: translateY(-4px); box-shadow: 0 22px 48px rgba(120,75,178,.14); }
        .client-photo-button {
            width: 100%;
            display: block;
            height: 100%;
            padding: 0;
            border: 0;
            background: transparent;
            cursor: zoom-in;
        }
        .client-photo img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .contact-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 18px;
            align-items: stretch;
        }
        .contact-panel {
            background: rgba(255,255,255,.84);
            border: 1px solid var(--line);
            border-radius: 28px;
            padding: 34px;
            box-shadow: var(--shadow-soft);
        }
        .contact-list {
            display: grid;
            gap: 12px;
            margin-top: 22px;
        }
        .contact-actions {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 12px;
            align-items: center;
            margin-top: 26px;
        }
        .contact-actions .btn {
            width: 100%;
            min-height: 52px;
            padding-inline: 14px;
            font-size: 14px;
        }
        .contact-item,
        .social-link {
            display: flex;
            align-items: center;
            gap: 10px;
            color: var(--brown);
            font-weight: 850;
        }
        .contact-item .icon,
        .social-link .icon {
            width: 36px;
            height: 36px;
            padding: 8px;
            border-radius: 12px;
            background: rgba(120,75,178,.10);
            color: var(--rose);
        }
        .social-row {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 12px;
            margin-top: 22px;
        }
        .social-link {
            min-height: 76px;
            justify-content: flex-start;
            padding: 12px;
            border-radius: 20px;
            background: #fff;
            border: 1px solid rgba(120,75,178,.12);
            box-shadow: 0 12px 26px rgba(120,75,178,.07);
        }
        .social-link div {
            display: grid;
            gap: 2px;
            min-width: 0;
        }
        .social-link small {
            color: var(--rose);
            font-size: 11px;
            font-weight: 950;
            text-transform: uppercase;
        }
        .social-link strong {
            color: var(--brown);
            font-size: 13px;
            line-height: 1.25;
        }
        .social-link:hover { transform: translateY(-2px); color: var(--pink-hot); }
        .trust-copy {
            display: grid;
            gap: 12px;
            color: var(--muted);
            line-height: 1.65;
            font-size: 14px;
        }
        .lead-magnet-section {
            position: relative;
            padding: 82px 0;
            background:
                radial-gradient(circle at 88% 12%, rgba(249,203,205,.22), transparent 30%),
                linear-gradient(135deg, #fff9ef 0%, #fff 52%, #fff1f5 100%);
            border-block: 1px solid rgba(120,75,178,.10);
        }
        .lead-magnet-grid {
            display: grid;
            grid-template-columns: minmax(0, .95fr) minmax(420px, 1.05fr);
            gap: 34px;
            align-items: center;
        }
        .lead-magnet-copy .title {
            max-width: 720px;
            font-size: 52px;
        }
        .lead-resource-list {
            display: grid;
            gap: 10px;
            margin-top: 24px;
        }
        .lead-resource-item {
            display: grid;
            grid-template-columns: 42px minmax(0, 1fr);
            gap: 12px;
            align-items: center;
            padding: 12px 14px;
            border: 1px solid rgba(155,187,234,.14);
            border-radius: 18px;
            background: rgba(255,255,255,.78);
        }
        .lead-resource-item .icon {
            width: 42px;
            height: 42px;
            padding: 10px;
            border-radius: 13px;
            color: var(--green);
            background: rgba(155,187,234,.11);
        }
        .lead-resource-item strong {
            display: block;
            color: var(--brown);
            font-size: 14px;
            line-height: 1.35;
        }
        .lead-resource-item span {
            display: block;
            margin-top: 2px;
            color: var(--muted);
            font-size: 12px;
        }
        .lead-capture-card {
            padding: 28px;
            border: 1px solid rgba(120,75,178,.14);
            border-radius: 28px;
            background: rgba(255,255,255,.94);
            box-shadow: 0 28px 64px rgba(120,75,178,.12);
        }
        .lead-capture-card h3 {
            margin: 0 0 5px;
            color: var(--brown);
            font-family: "Nunito", "Inter", sans-serif;
            font-size: 28px;
        }
        .lead-capture-card > p {
            margin: 0 0 20px;
            color: var(--muted);
            font-size: 14px;
            line-height: 1.55;
        }
        .lead-capture-card .field {
            margin-bottom: 12px;
        }
        .lead-consent {
            display: grid;
            grid-template-columns: 20px minmax(0, 1fr);
            gap: 9px;
            align-items: start;
            margin: 4px 0 16px;
            color: var(--muted);
            font-size: 12px;
            font-weight: 700;
            line-height: 1.5;
            text-transform: none;
            letter-spacing: 0;
        }
        .lead-consent input {
            width: 18px;
            height: 18px;
            margin-top: 1px;
        }
        .lead-form-note {
            display: flex;
            gap: 8px;
            align-items: center;
            justify-content: center;
            margin-top: 12px;
            color: var(--muted);
            font-size: 11px;
            text-align: center;
        }
        .lead-form-note .icon {
            color: var(--green);
            flex: 0 0 auto;
        }
        .checkout-section { padding: 98px 0; background: radial-gradient(circle at 10% 18%, rgba(249,203,205,.48), transparent 32%), linear-gradient(135deg, rgba(120,75,178,.94), rgba(167,34,70,.97)); color: #fff; position: relative; overflow: hidden; }
        .checkout-section::before, .checkout-section::after { content: ""; position: absolute; border-radius: 999px; opacity: .16; background: #fff; }
        .checkout-section::before { width: 360px; height: 360px; left: -140px; top: -120px; }
        .checkout-section::after { width: 480px; height: 480px; right: -190px; bottom: -240px; }
        .checkout-grid { position: relative; z-index: 1; display: grid; grid-template-columns: .9fr 1.1fr; gap: 34px; align-items: center; }
        .checkout-intro { align-self: stretch; display: flex; flex-direction: column; justify-content: center; }
        .checkout-section .title, .checkout-section .subtitle { color: #fff; }
        .checkout-section .subtitle { opacity: .90; }
        .checkout-support-visual {
            min-height: 250px;
            display: grid;
            grid-template-columns: .82fr 1.18fr;
            align-items: end;
            margin-top: 26px;
            border: 1px solid rgba(255,255,255,.28);
            border-radius: 28px;
            background: linear-gradient(145deg, rgba(255,255,255,.14), rgba(255,255,255,.07));
            box-shadow: 0 24px 55px rgba(63,27,77,.18);
            overflow: hidden;
            backdrop-filter: blur(8px);
        }
        .checkout-support-copy { align-self: center; padding: 22px 0 22px 22px; }
        .checkout-support-copy strong { display: block; margin-bottom: 7px; font-family: var(--font-display); font-size: 20px; line-height: 1.1; }
        .checkout-support-copy span { display: block; color: rgba(255,255,255,.84); font-size: 12px; line-height: 1.5; }
        .checkout-support-visual img { align-self: end; width: 100%; height: auto; max-height: 270px; object-fit: contain; object-position: right bottom; filter: drop-shadow(0 22px 28px rgba(45,20,56,.2)); }
        .checkout-card { background: rgba(255,255,255,.96); color: var(--brown); border-radius: 32px; padding: 24px; box-shadow: 0 38px 84px rgba(50,8,22,.24); }
        .form-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 12px; }
        .field { display: grid; gap: 7px; margin-bottom: 12px; }
        .field.full { grid-column: 1 / -1; }
        label { font-size: 12px; font-weight: 950; color: #51474f; text-transform: uppercase; letter-spacing: .04em; }
        input, select, textarea { width: 100%; border: 1px solid rgba(116,96,157,.13); background: #fff9fb; border-radius: 16px; padding: 14px; outline: 0; color: var(--brown); }
        input:focus, select:focus, textarea:focus { border-color: rgba(120,75,178,.50); box-shadow: 0 0 0 4px rgba(120,75,178,.08); }
        .field.coupon-field { grid-column: 1 / -1; }
        .coupon-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 9px; align-items: stretch; width: 100%; }
        .coupon-row .btn { width: 100%; min-height: 48px; padding-inline: 16px; white-space: nowrap; }
        .coupon-feedback { display: none; margin-top: 8px; padding: 10px 12px; border-radius: 14px; font-size: 12px; font-weight: 850; line-height: 1.45; }
        .coupon-feedback.is-success { display: block; color: #466a24; background: #eef9e7; border: 1px solid rgba(70,106,36,.16); }
        .coupon-feedback.is-error { display: block; color: #9d1d31; background: #fff0f0; border: 1px solid rgba(157,29,49,.14); }
        .terms-line { display: flex; gap: 10px; align-items: flex-start; color: var(--muted); font-size: 13px; line-height: 1.5; }
        .terms-line input { width: auto; margin-top: 3px; }
        .pay-summary {
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto;
            gap: 12px;
            align-items: center;
            border: 1px solid rgba(120,75,178,.16);
            background: linear-gradient(135deg, #fff, #fff7da);
            border-radius: 22px;
            padding: 16px;
            margin: 12px 0 16px;
            box-shadow: 0 16px 34px rgba(120,75,178,.08);
        }
        .pay-summary-label { color: var(--rose); font-size: 12px; font-weight: 950; text-transform: uppercase; }
        .pay-summary-package { display: block; margin-top: 5px; color: var(--brown); font-size: 15px; font-weight: 950; line-height: 1.35; }
        .pay-summary-price { text-align: right; }
        .pay-summary-price strong { display: block; font-size: 32px; color: var(--pink-hot); letter-spacing: 0; line-height: 1; white-space: nowrap; }
        .pay-summary-price span { display: block; margin-top: 4px; color: var(--muted); font-size: 11px; font-weight: 850; }
        .pay-summary-note { grid-column: 1 / -1; display: flex; gap: 8px; align-items: flex-start; padding-top: 10px; border-top: 1px dashed rgba(116,96,157,.18); color: var(--muted); font-size: 12px; line-height: 1.5; }
        .pay-summary-note .icon { color: var(--green); }
        .payment-methods {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 10px;
        }
        .payment-option {
            position: relative;
            min-height: 64px;
            display: grid;
            grid-template-columns: 26px minmax(0, 1fr);
            gap: 10px;
            align-items: center;
            padding: 14px;
            border: 1px solid rgba(116,96,157,.14);
            border-radius: 20px;
            background: linear-gradient(135deg, #fff, #fff8ef);
            cursor: pointer;
        }
        .payment-option input {
            width: 18px;
            height: 18px;
            margin-top: 3px;
            accent-color: var(--pink-hot);
        }
        .payment-option strong {
            display: flex;
            align-items: center;
            gap: 7px;
            color: var(--brown);
            font-size: 14px;
        }
        .payment-option:has(input:checked) {
            border-color: rgba(120,75,178,.36);
            box-shadow: 0 14px 34px rgba(120,75,178,.12);
        }
        .alert { padding: 14px 16px; border-radius: 18px; margin-bottom: 16px; font-size: 14px; line-height: 1.5; }
        .alert-error { background: #fff0f0; color: #9d1d31; border: 1px solid rgba(157,29,49,.14); }
        .alert-success { background: #eef9e7; color: #466a24; border: 1px solid rgba(70,106,36,.16); }
        .faq-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 34px; align-items: start; }
        .faq-intro { position: sticky; top: 118px; }
        .faq-helper {
            display: grid;
            grid-template-columns: 44px minmax(0,1fr);
            gap: 12px;
            align-items: start;
            margin-top: 24px;
            padding: 18px;
            border-radius: 22px;
            background: linear-gradient(145deg, rgba(249,203,205,.28), rgba(255,255,255,.9));
            border: 1px solid rgba(120,75,178,.12);
            box-shadow: var(--shadow-soft);
        }
        .faq-helper > .icon { width: 44px; height: 44px; padding: 10px; border-radius: 15px; color: var(--pink-hot); background: #fff; }
        .faq-helper strong { display: block; margin-bottom: 5px; color: var(--brown); }
        .faq-helper p { margin: 0 0 10px; color: var(--muted); font-size: 12px; line-height: 1.5; }
        .faq-helper a { display: inline-flex; align-items: center; gap: 6px; color: var(--rose); font-size: 12px; font-weight: 950; }
        .faq-list { display: grid; gap: 12px; }
        details { background: rgba(255,255,255,.78); border: 1px solid var(--line); border-radius: 22px; padding: 18px; box-shadow: 0 12px 26px rgba(120,75,178,.06); }
        summary { cursor: pointer; font-weight: 950; letter-spacing: 0; list-style: none; display: flex; justify-content: space-between; gap: 16px; }
        summary::-webkit-details-marker { display: none; }
        summary::after { content: "+"; color: var(--pink-hot); font-size: 22px; line-height: 1; }
        details[open] summary::after { content: "-"; }
        details p { color: var(--muted); line-height: 1.65; margin: 12px 0 0; font-size: 14px; }
        .final-cta { padding: 84px 0 98px; }
        .final-card { position: relative; overflow: hidden; border-radius: 44px; padding: 54px; background: radial-gradient(circle at 82% 30%, rgba(249,203,205,.35), transparent 30%), linear-gradient(135deg, #fff, #FFF3F5 55%, #fff8d8 100%); border: 1px solid rgba(120,75,178,.13); box-shadow: var(--shadow); display: grid; grid-template-columns: 1.04fr .96fr; gap: 22px; align-items: center; }
        .final-card::before { content: ""; position: absolute; inset: 26px; border: 1px dashed rgba(120,75,178,.18); border-radius: 34px; pointer-events: none; }
        .final-card > * { position: relative; z-index: 1; }
        .final-card img { max-height: 520px; margin-inline: auto; filter: drop-shadow(0 28px 32px rgba(84,38,52,.18)); }
        footer { padding: 34px 0 96px; color: var(--muted); font-size: 13px; }
        .footer-row { display: grid; grid-template-columns: .95fr 1.05fr 1fr; gap: 24px; align-items: start; padding: 26px; border: 1px solid rgba(120,75,178,.11); border-radius: 30px; background: rgba(255,255,255,.72); box-shadow: var(--shadow-soft); }
        .footer-row.no-contact { grid-template-columns: 1fr 1fr; }
        .footer-row img { width: 210px; }
        .footer-row strong { display: block; color: var(--brown); font-size: 15px; margin-bottom: 8px; }
        .footer-links { display: flex; gap: 10px; flex-wrap: wrap; font-weight: 850; color: var(--rose); }
        .footer-links a { display: inline-flex; align-items: center; gap: 6px; padding: 8px 10px; border-radius: 999px; background: rgba(255,255,255,.72); border: 1px solid rgba(120,75,178,.10); }
        .footer-links.social-icons a { width: 40px; height: 40px; padding: 0; justify-content: center; }
        .footer-links .icon { width: 16px; height: 16px; }
        .footer-contact-list {
            display: grid;
            gap: 10px;
            margin: 12px 0 16px;
            justify-self: center;
            width: min(100%, 390px);
        }
        .footer-contact-item {
            display: grid;
            grid-template-columns: 34px minmax(0, 1fr);
            gap: 10px;
            align-items: center;
            color: var(--brown);
        }
        .footer-contact-item .icon {
            width: 34px;
            height: 34px;
            padding: 8px;
            border-radius: 12px;
            background: rgba(120,75,178,.10);
            color: var(--rose);
        }
        .footer-contact-item span {
            display: block;
            color: var(--muted);
            font-size: 11px;
            font-weight: 950;
            text-transform: none;
        }
        .footer-contact-item strong {
            margin: 2px 0 0;
            font-size: 13px;
            overflow-wrap: anywhere;
        }
        .mobile-sticky { position: fixed; left: 14px; right: 14px; bottom: 14px; z-index: 80; display: none; gap: 8px; padding: 10px; border-radius: 999px; background: rgba(255,255,255,.90); backdrop-filter: blur(18px); box-shadow: 0 18px 50px rgba(49,18,28,.22); border: 1px solid rgba(255,255,255,.96); }
        .mobile-sticky .btn-primary { width: 100%; min-height: 50px; }
        .mobile-sticky.is-hidden { opacity: 0; transform: translateY(120%); pointer-events: none; }
        .reveal { opacity: 0; transform: translateY(22px); transition: opacity .72s ease, transform .72s ease; }
        .reveal.in { opacity: 1; transform: none; }
        @media (max-width: 1180px) { .steps { grid-template-columns: repeat(3, 1fr); } }
        @media (min-width: 1081px) {
            .nav { gap: 16px; }
            .brand-logo { width: 92px; max-width: none; }
            .nav-links { gap: 16px; font-size: 12.5px; flex: 1 1 auto; justify-content: center; }
            .nav-cta { gap: 8px; flex: 0 0 auto; }
            .nav-cta .btn {
                min-height: 46px;
                padding: 11px 16px;
                gap: 8px;
                font-size: 14px;
            }
            .nav-cta .btn-share {
                padding-inline: 15px;
            }
            .nav-cta .btn-whatsapp {
                padding-inline: 16px;
            }
            .nav-cta .account-trigger {
                min-width: 58px;
                height: 44px;
            }
            .nav-cta .account-trigger-solo {
                min-width: 44px;
                width: 44px;
            }
            .landing-account-menu {
                height: 44px;
            }
        }
        @media (max-width: 1080px) {
            .nav-links { display: none; }
            .hero-grid, .split, .split.reverse, .trust-grid, .checkout-grid, .faq-grid, .final-card, .product-duo, .lead-magnet-grid { grid-template-columns: 1fr; }
            .hero-grid { min-height: auto; padding-top: 20px; }
            .hero-visual { min-height: 575px; order: -1; width: 100%; }
            .products { grid-template-columns: repeat(2, minmax(0, 1fr)); }
            .testimonial-grid { grid-template-columns: 1fr; }
            .contact-grid { grid-template-columns: 1fr; }
            .product-card.recommended { transform: none; }
            .solution-grid { grid-template-columns: 1fr; }
            .stats { grid-template-columns: 1fr; }
            .trust-visual { min-height: 0; padding: 28px 20px; }
            .trust-principles { grid-template-columns: 1fr; }
            .module-feature .module-copy { flex-direction: column; align-items: flex-start; }
            .footer-row { grid-template-columns: 1fr; }
        }
        @media (max-width: 680px) {
            .container { width: calc(100% - 24px); max-width: var(--max); }
            .section { padding: 48px 0; }
            .section-tight { padding: 28px 0; }
            .nav { min-height: 84px; gap: 8px; }
            .brand-logo { width: 76px; height: 76px; max-width: none; }
            .nav-cta { gap: 6px; flex-shrink: 0; }
            .nav-cta .btn {
                width: 40px;
                min-width: 40px;
                min-height: 40px;
                height: 40px;
                padding-inline: 0;
                font-size: 12px;
            }
            .nav-cta .btn-text { display: none; }
            .nav-cta .account-trigger {
                min-width: 54px;
                height: 40px;
                padding: 0;
                gap: 5px;
            }
            .nav-cta .account-trigger-solo {
                min-width: 40px;
                width: 40px;
            }
            .landing-account-menu {
                height: 40px;
            }
            .landing-account-popover {
                right: -4px;
                width: 190px;
                border-radius: 16px;
            }
            .hero { padding-top: 18px; overflow: hidden; }
            .hero-grid { width: 100%; gap: 18px; }
            .hero-copy { padding-inline: 14px; }
            .hero-visual {
                min-height: 500px;
                width: 100%;
                max-width: 100%;
                place-items: end center;
                overflow: hidden;
            }
            .hero-blob {
                width: min(410px, 108vw);
                max-width: none;
                top: 26px;
                right: 50%;
                transform: translateX(50%);
            }
            .hero-img {
                width: min(400px, 108vw);
                max-width: none;
                transform: translateX(-7vw) translateY(22px);
                animation: softFloatMobile 6s ease-in-out infinite;
            }
            .offer-chip { right: 8px; top: 48px; width: 108px; height: 108px; font-size: 11px; }
            .offer-chip b { font-size: 16px; }
            .floating-card {
                left: 8px;
                bottom: 34px;
                width: min(300px, calc(100vw - 28px));
                max-width: calc(100vw - 28px);
                padding: 16px;
            }
            .floating-card strong { font-size: 23px; }
            .mini-price b { font-size: 14px; }
            .script { font-size: 34px; }
            .title { font-size: 40px; }
            .hero .title { font-size: 46px; }
            .subtitle { font-size: 15px; }
            .soft-panel, .contact-panel { padding: 24px; }
            .lead-magnet-section { padding: 48px 0; }
            .lead-magnet-grid { gap: 24px; }
            .lead-magnet-copy .title { font-size: 38px; }
            .lead-capture-card { padding: 20px; border-radius: 24px; }
            .final-card { padding: 30px; }
            .hero-actions { margin-top: 20px; gap: 10px; }
            .hero-actions .btn { width: 100%; }
            .contact-actions { grid-template-columns: 1fr; }
            .hero-trust { gap: 8px; margin-top: 14px; }
            .pill-note { width: 100%; justify-content: center; padding: 9px 12px; }
            .showcase-banner { border-radius: 22px; }
            .media-wrap { min-height: 360px; border-radius: 28px; }
            .product-card { padding: 18px; border-radius: 26px; }
            .products { grid-template-columns: 1fr; }
            .product-card:hover,
            .product-card.recommended:hover { transform: none; }
            .product-image { min-height: 170px; }
            .poster-btn { width: fit-content; max-width: 100%; }
            .price { font-size: 38px; }
            .steps, .form-grid, .payment-methods { grid-template-columns: 1fr; }
            .checkout-section {
                padding-top: 62px;
                padding-bottom: 68px;
                overflow: clip;
            }
            .checkout-section .title {
                font-size: 36px;
                line-height: 1.08;
                margin-top: 8px;
            }
            .checkout-grid {
                align-items: start;
                gap: 24px;
            }
            .client-gallery-wrap {
                margin-left: -12px;
                margin-right: -12px;
                padding-bottom: 2px;
            }
            .client-gallery-wrap::before,
            .client-gallery-wrap::after {
                content: "";
                position: absolute;
                top: 0;
                bottom: 10px;
                z-index: 2;
                width: 38px;
                pointer-events: none;
            }
            .client-gallery-wrap::before {
                left: 0;
                background: linear-gradient(90deg, var(--cream), transparent);
            }
            .client-gallery-wrap::after {
                right: 0;
                background: linear-gradient(270deg, var(--cream), transparent);
            }
            .client-gallery {
                grid-auto-columns: minmax(245px, 78vw);
                grid-template-rows: 300px;
                gap: 12px;
                padding: 8px 22px 16px;
                scroll-snap-type: x mandatory;
            }
            .client-photo {
                margin: 0;
                scroll-snap-align: start;
                border-radius: 22px;
            }
            .client-photo img {
                object-fit: cover;
            }
            .social-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
            .social-link { min-width: 0; min-height: 70px; }
            .pay-summary { grid-template-columns: 1fr; }
            .pay-summary-price { text-align: left; }
            .pay-summary { gap: 9px; padding: 13px; }
            .pay-summary-price strong { font-size: 28px; }
            .pay-summary-note { font-size: 11px; padding-top: 8px; }
            .coupon-row { grid-template-columns: 1fr; }
            .coupon-row .btn { width: 100%; }
            .mobile-sticky { display: flex; }
            footer { padding-bottom: 110px; }
            .footer-row {
                text-align: center;
                justify-items: center;
                padding: 28px 18px;
                gap: 28px;
                border-radius: 28px;
            }
            .footer-row img { margin-inline: auto; }
            .footer-links { justify-content: center; }
            .footer-contact-list {
                width: min(100%, 360px);
                max-width: 360px;
                justify-self: center;
                gap: 10px;
                padding: 12px;
                margin: 14px auto 16px;
                border-radius: 26px;
                background: linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,247,235,.78));
                border: 1px solid rgba(120,75,178,.10);
                box-shadow: 0 14px 34px rgba(120,75,178,.08);
            }
            .footer-contact-item {
                width: 100%;
                grid-template-columns: 42px minmax(0, 1fr);
                text-align: left;
                padding: 10px 12px;
                border-radius: 18px;
                background: rgba(255,255,255,.78);
                box-shadow: 0 10px 24px rgba(120,75,178,.05);
            }
            .footer-contact-item .icon {
                width: 42px;
                height: 42px;
                border-radius: 15px;
            }
            .footer-contact-item span { font-size: 10px; }
            .footer-contact-item strong { font-size: 14px; }
            @keyframes softFloatMobile {
                0%, 100% { transform: translateX(-7vw) translateY(22px); }
                50% { transform: translateX(-7vw) translateY(8px); }
            }
        }
        /* Milkijoy UI refresh: compact, calm and content-first. */
        .topbar { background: rgba(255,255,255,.94); }
        .nav { min-height: 74px; }
        .landing-brand { min-width: 0; display: inline-flex; align-items: center; gap: 10px; }
        .landing-brand .brand-lockup-image { display: block; width: 154px; max-width: 100%; height: auto; }
        .section { padding: 58px 0; }
        .section-tight { padding: 26px 0; }
        .title { max-width: 860px; font-size: clamp(42px, 5vw, 58px); line-height: 1.02; letter-spacing: -.025em; }
        .center .title { margin-inline: auto; }
        .subtitle { line-height: 1.65; }
        .hero { min-height: 0; padding: 64px 0 44px; }
        .hero-grid { min-height: 0; grid-template-columns: minmax(0,1.05fr) minmax(420px,.95fr); gap: 42px; align-items: center; }
        .hero-copy { align-self: center; }
        .hero-visual { min-height: 520px; }
        .hero-img { width: min(470px, 100%); max-height: 570px; object-fit: contain; }
        .hero-trust { gap: 7px; }
        .pill-note { padding: 8px 11px; font-size: 12px; }
        .floating-card { width: min(330px, 78%); padding: 18px; border-radius: 22px; }
        .floating-card .script { font-size: 31px; }
        .floating-card strong { font-size: 24px; }
        .soft-panel, .contact-panel { border-radius: 26px; box-shadow: var(--shadow-soft); }
        .problem-list { gap: 10px; }
        .problem-item { padding: 14px; border-radius: 16px; }
        .solution-grid, .steps { gap: 12px; }
        .steps { grid-template-columns: repeat(4, minmax(0,1fr)); }
        .step { min-height: 0; padding: 18px; border-radius: 18px; }
        .products { gap: 16px; }
        .product-card { border-radius: 22px; padding: 20px; box-shadow: 0 12px 32px rgba(91,62,130,.08); }
        .product-card.recommended { transform: translateY(-6px); }
        .product-image { min-height: 148px; border-radius: 16px; }
        .product-visual { min-height: 148px; overflow: hidden; background: linear-gradient(145deg, #fff, var(--pink-soft)); border: 1px solid rgba(120,75,178,.1); }
        .product-visual::before { content: ''; position: absolute; width: 150px; height: 150px; right: -46px; top: -52px; border-radius: 50%; background: rgba(155,187,234,.26); }
        .product-visual-inner { position: relative; z-index: 1; display: grid; place-items: center; gap: 10px; color: var(--purple); text-align: center; }
        .product-visual-icon { width: 68px; height: 68px; display: grid; place-items: center; border-radius: 22px; color: #fff; background: linear-gradient(145deg, var(--pink-hot), var(--rose)); box-shadow: 0 14px 26px rgba(120,75,178,.22); }
        .product-visual-label { font-family: var(--font-heading); font-size: 13px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
        /* Checkout uses the same calm canvas as the opening section: the form stays
           prominent without making the purchase step feel visually heavy. */
        .checkout-section {
            isolation: isolate;
            padding: 82px 0;
            color: var(--brown);
            background:
                radial-gradient(circle at 4% 12%, rgba(249,203,205,.52), transparent 30%),
                radial-gradient(circle at 96% 86%, rgba(155,187,234,.34), transparent 32%),
                radial-gradient(circle at 64% 4%, rgba(120,75,178,.08), transparent 26%),
                linear-gradient(180deg, #fff9fc 0%, #ffffff 48%, #f2f6fd 100%);
            border-block: 1px solid rgba(120,75,178,.09);
        }
        .checkout-section::before,
        .checkout-section::after {
            z-index: -1;
            opacity: 1;
            background: linear-gradient(145deg, rgba(249,203,205,.42), rgba(155,187,234,.18));
            filter: blur(1px);
        }
        .checkout-section::before { width: 330px; height: 330px; left: -155px; top: -142px; }
        .checkout-section::after { width: 420px; height: 420px; right: -180px; bottom: -250px; }
        .checkout-grid { gap: clamp(24px, 3.2vw, 42px); align-items: center; }
        .checkout-intro {
            min-width: 0;
            padding: clamp(26px, 3.4vw, 44px);
            border: 1px solid rgba(120,75,178,.12);
            border-radius: 30px;
            background: linear-gradient(145deg, rgba(255,255,255,.88), rgba(255,248,252,.7));
            box-shadow: 0 20px 54px rgba(120,75,178,.09);
        }
        .checkout-section .title {
            max-width: 640px;
            margin-top: 12px;
            color: var(--brown);
            font-size: clamp(38px, 4vw, 54px);
        }
        .checkout-section .subtitle { max-width: 580px; color: var(--muted); opacity: 1; }
        .checkout-section .eyebrow.yellow {
            border-color: rgba(120,75,178,.12);
            box-shadow: none;
        }
        .checkout-intro .pill-note {
            color: var(--purple);
            background: rgba(255,255,255,.78);
            border-color: rgba(120,75,178,.14);
            box-shadow: 0 8px 18px rgba(120,75,178,.06);
        }
        .checkout-support-visual {
            margin-top: 24px;
            border-color: rgba(120,75,178,.14);
            background:
                radial-gradient(circle at 82% 18%, rgba(155,187,234,.38), transparent 34%),
                linear-gradient(135deg, #784bb2 0%, #9a68ba 58%, #f1b9c4 150%);
            box-shadow: 0 18px 40px rgba(120,75,178,.16);
            backdrop-filter: none;
        }
        .checkout-support-copy { position: relative; z-index: 1; }
        .checkout-support-copy strong { color: #fff; }
        .checkout-card {
            min-width: 0;
            width: 100%;
            border: 1px solid rgba(120,75,178,.12);
            border-radius: 26px;
            background: rgba(255,255,255,.97);
            box-shadow: 0 24px 58px rgba(91,62,130,.14);
        }
        .checkout-stepper { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px; margin:0 0 18px; padding:5px; border:1px solid rgba(120,75,178,.14); border-radius:14px; background:#fbf8fd; }
        .checkout-grid > *, .checkout-step, .checkout-stepper button { min-width:0; }
        .checkout-stepper button { min-height:42px; display:flex; align-items:center; justify-content:center; gap:8px; padding:8px; border:0; border-radius:10px; background:transparent; color:var(--muted); font:800 12px/1.2 var(--font-body); cursor:pointer; }
        .checkout-stepper button span, .consent-stack span { min-width:0; overflow-wrap:anywhere; }
        .checkout-stepper b { width:24px; height:24px; display:grid; place-items:center; border:1px solid rgba(120,75,178,.2); border-radius:50%; background:#fff; color:#784BB2; }
        .checkout-stepper button.is-active { color:#784BB2; background:#fff; box-shadow:0 7px 20px rgba(86,57,123,.09); }
        .checkout-stepper button.is-active b { color:#fff; background:#784BB2; border-color:#784BB2; }
        .checkout-card[data-checkout-ready] [data-checkout-step]:not(.is-active) { display:none; }
        .checkout-wizard-actions { display:flex; justify-content:space-between; gap:10px; margin-top:18px; }
        .checkout-wizard-actions .btn { flex:1; margin:0; }
        .pay-summary {
            border-color: rgba(120,75,178,.14);
            background: linear-gradient(135deg, #fff 0%, #fff9fc 58%, #f2f6fd 100%);
            box-shadow: none;
        }
        .pay-summary-label { color: var(--purple); }
        .pay-summary-price strong { color: var(--purple); }
        .final-cta { padding: 68px 0 76px; }
        .reveal, .reveal.in { opacity: 1; transform: none; }
        .topbar { box-shadow: 0 10px 34px rgba(120,75,178,.07); }
        .final-card {
            grid-template-columns: minmax(0,1.04fr) minmax(390px,.96fr);
            padding: 54px 34px 0 54px;
            min-height: 520px;
        }
        .final-card-copy { padding-bottom: 50px; }
        .final-card .script { font-size: clamp(30px, 3.4vw, 42px); line-height: 1.05; }
        .final-visual {
            position: relative;
            align-self: end;
            min-height: 440px;
            display: grid;
            place-items: end center;
            isolation: isolate;
        }
        .final-visual::before {
            content: "";
            position: absolute;
            z-index: -1;
            width: 92%;
            aspect-ratio: 1;
            bottom: -22%;
            border-radius: 47% 53% 62% 38% / 58% 42% 58% 42%;
            background: linear-gradient(145deg, rgba(249,203,205,.56), rgba(155,187,234,.23));
            animation: finalVisualMorph 9s ease-in-out infinite alternate;
        }
        .final-card .final-cta-image {
            width: min(100%, 520px);
            height: auto;
            max-height: none;
            aspect-ratio: auto;
            object-fit: contain;
            object-position: center bottom;
            margin: 0 auto;
            filter: drop-shadow(0 28px 32px rgba(84,38,52,.18));
        }
        .final-reassurance {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            margin-top: 18px;
        }
        .final-reassurance span {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            color: var(--muted);
            font-size: 12px;
            font-weight: 850;
        }
        .final-reassurance .icon { color: var(--pink-hot); }
        @keyframes finalVisualMorph {
            to { transform: translateY(-16px) rotate(-5deg) scale(1.04); border-radius: 61% 39% 44% 56% / 42% 59% 41% 58%; }
        }

        @media (max-width: 1080px) {
            .hero-grid { grid-template-columns: 1fr; gap: 20px; padding-top: 10px; }
            .hero-copy { order: 1; }
            .hero-visual { order: 2; min-height: 410px; }
            .hero-img { width: min(390px, 86vw); max-height: 450px; }
            .steps { grid-template-columns: repeat(2, minmax(0,1fr)); }
            .mobile-nav-dock { display: block; }
            .solution-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
            .final-card { grid-template-columns: 1fr; padding: 46px 46px 0; }
            .final-card-copy { padding-bottom: 10px; }
            .final-visual { min-height: 430px; }
            .checkout-section { padding: 66px 0; }
            .checkout-grid { align-items: start; }
            .checkout-intro { display: grid; grid-template-columns: minmax(0,1fr) minmax(300px,.75fr); gap: 24px; align-items: center; }
            .checkout-intro > .eyebrow,
            .checkout-intro > .title,
            .checkout-intro > .subtitle,
            .checkout-intro > .hero-trust { grid-column: 1; }
            .checkout-intro > .eyebrow { justify-self: start; }
            .checkout-support-visual { grid-column: 2; grid-row: 1 / span 4; min-height: 300px; margin-top: 0; }
            .checkout-support-copy span { display: none; }
            .faq-intro { position: static; }
            html { scroll-padding-top: 142px; }
        }

        @media (max-width: 680px) {
            .nav { min-height: 66px; }
            .landing-brand { gap: 8px; }
            .landing-brand .brand-lockup-image { width: 132px; }
            .trust-visual { min-height: 230px; padding: 24px 18px; }
            .trust-mark > img { width: min(230px, 88%); }
            .section { padding: 40px 0; }
            .hero { padding: 34px 0 28px; }
            .hero-grid { gap: 10px; }
            .hero-copy { padding-inline: 12px; }
            .hero .title { font-size: clamp(38px, 11vw, 46px); line-height: 1.03; }
            .hero-visual { min-height: 350px; order: 2; }
            .hero-img { width: min(315px, 88vw); max-height: 365px; transform: none; animation: none; }
            .hero-blob { width: min(340px, 94vw); top: 18px; }
            .offer-chip { display: none; }
            .floating-card { left: 12px; bottom: 10px; width: min(250px, calc(100vw - 38px)); padding: 13px; }
            .floating-card .script { display: none; }
            .floating-card strong { font-size: 19px; }
            .floating-card > span:not(.script) { display: none; }
            .floating-card .mini-price { margin-top: 8px; }
            .hero-actions .btn { width: 100%; }
            .nav-package-link { width: 40px; min-width: 40px; min-height: 40px; padding: 0; }
            .nav-package-link span { display: none; }
            .mobile-nav-inner { gap: 2px; padding-block: 5px 6px; }
            .mobile-nav-inner a { min-width: 0; min-height: 44px; font-size: 9.5px; }
            .hero-trust { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 6px; }
            .pill-note {
                width: auto;
                min-width: 0;
                min-height: 74px;
                display: grid;
                justify-items: center;
                align-content: center;
                gap: 5px;
                padding: 9px 6px;
                border-radius: 16px;
                font-size: 10px;
                line-height: 1.25;
                text-align: center;
            }
            .pill-note .icon { width: 18px; height: 18px; color: var(--pink-hot); }
            .solution-grid { grid-template-columns: repeat(3, minmax(0,1fr)); gap: 7px; }
            .mini-card { min-width: 0; padding: 12px 8px; border-radius: 16px; }
            .mini-card .num { width: 34px; height: 34px; margin: 0 auto 9px; border-radius: 11px; }
            .mini-card h3 { margin: 0; font-size: 14px; line-height: 1.15; text-align: center; }
            .mini-card p { display: none; }
            .steps { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px; }
            .step { padding: 13px; border-radius: 16px; }
            .step-num { width: 36px; height: 36px; border-radius: 12px; }
            .step b { margin-top: 10px; font-size: 13px; }
            .step p { font-size: 11px; line-height: 1.45; }
            .stats { grid-template-columns: repeat(3, minmax(0,1fr)); gap: 6px; }
            .stat { padding: 12px 7px; border-radius: 15px; text-align: center; }
            .stat strong { font-size: 18px; }
            .stat span { font-size: 10px; line-height: 1.3; }
            .final-card { min-height: 0; padding: 30px 22px 0; border-radius: 28px; }
            .final-card::before { inset: 13px; border-radius: 21px; }
            .final-card-copy { padding: 4px 4px 8px; }
            .final-card .script { font-size: 29px; }
            .final-card .title { font-size: 34px; }
            .final-visual { min-height: 300px; margin-top: 4px; }
            .final-card .final-cta-image { width: min(100%, 390px); }
            .final-reassurance { justify-content: center; }
            .checkout-section { padding: 46px 0 54px; }
            .checkout-intro { display: block; padding: 24px 18px; border-radius: 24px; }
            .checkout-section .title { font-size: clamp(34px, 10vw, 42px); }
            .checkout-section .subtitle { font-size: 15px; }
            .checkout-intro .hero-trust { grid-template-columns: repeat(2, minmax(0,1fr)); }
            .checkout-intro .pill-note { min-height: 48px; padding: 8px; font-size: 10px; }
            .checkout-support-visual { min-height: 220px; margin-top: 20px; grid-template-columns: .8fr 1.2fr; border-radius: 22px; }
            .checkout-support-copy { padding: 16px 0 16px 16px; }
            .checkout-support-copy strong { font-size: 17px; }
            .checkout-support-visual img { max-height: 230px; }
            .checkout-card { padding: 18px; border-radius: 24px; }
            .checkout-wizard-actions .btn {
                min-width: 0;
                padding-inline: 10px;
                white-space: normal;
                font-size: 12px;
                line-height: 1.25;
                text-align: center;
            }
            .faq-helper { margin-top: 18px; padding: 15px; }
            .final-cta { padding: 54px 0 62px; }
            html { scroll-padding-top: 126px; }
            .product-card { padding: 16px; border-radius: 18px; }
            .mobile-sticky { left: 10px; right: 10px; bottom: 10px; border-radius: 18px; }
            .preloader-card { padding: 28px 22px 24px; border-radius: 28px; }
            .preloader-card img { width: min(250px, 70vw); }
        }

        @media (prefers-reduced-motion: reduce) {
            * { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
            .reveal { opacity: 1; transform: none; }
        }