.modern-home-layer {
            position: relative;
        }

        #page-platform > .container,
        #page-categories > .container,
        .video-section > .container,
        .faq-section > .container {
            max-width: 1180px;
            width: min(1180px, calc(100% - 32px));
            padding-left: 0;
            padding-right: 0;
        }

        #page-platform > .container {
            display: block;
        }

        .modern-header-image {
            display: block;
            width: min(420px, 86%);
            max-height: 260px;
            margin: 22px auto 6px;
            object-fit: contain;
        }

        #page-platform > .container::before {
            content: none;
            display: none;
        }

        #page-platform > .container::after {
            content: none;
            display: none;
        }

        #page-platform h1,
        #page-platform .subtitle {
            display: block;
        }

        #page-platform h1,
        #page-categories h1 {
            color: var(--modern-ink);
            background: none;
            -webkit-text-fill-color: currentColor;
            letter-spacing: 0;
        }

        #page-platform h1 {
            margin-top: 30px;
            margin-bottom: 14px;
            text-align: left;
            font-size: clamp(1.65rem, 3.8vw, 3.2rem);
            line-height: 1;
            color: #25314a;
            font-family: "Inter", "Segoe UI", Arial, sans-serif;
            font-weight: 650;
        }

        #page-platform .subtitle {
            max-width: 640px;
            margin-bottom: 34px;
            text-align: left;
        }

        #page-platform .platform-container {
            grid-column: 1 / -1;
        }

        .platform-container,
        .tabs {
            background: var(--modern-surface) !important;
            border: 1px solid var(--modern-line) !important;
            border-radius: 22px !important;
            box-shadow: var(--modern-shadow) !important;
        }

        .platform-container {
            padding: clamp(22px, 4vw, 38px) !important;
        }

        .platform-container h2,
        .categories-title,
        .tab-content h2 {
            color: var(--modern-ink) !important;
        }

        .platform-description,
        .subtitle,
        .tab-description,
        .texto-instrucao,
        .footer-text {
            color: var(--modern-muted) !important;
        }

        .platforms {
            grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)) !important;
            gap: 14px !important;
        }

        .platform-item {
            min-height: 132px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            border-radius: 16px !important;
            background: rgba(255,255,255,.58) !important;
            border: 1px solid var(--modern-line) !important;
        }

        html:not([data-theme="light"]) .platform-item {
            background: rgba(255,255,255,.05) !important;
        }

        .platform-item:hover,
        .platform-item.selected {
            background: linear-gradient(135deg, color-mix(in srgb, var(--modern-accent) 14%, transparent), color-mix(in srgb, var(--modern-accent-2) 10%, transparent)) !important;
            border-color: color-mix(in srgb, var(--modern-accent) 42%, transparent) !important;
            box-shadow: 0 16px 36px color-mix(in srgb, var(--modern-accent) 16%, transparent) !important;
        }

        .platform-icon {
            color: var(--modern-accent) !important;
        }

        .platform-name,
        .package-amount {
            color: var(--modern-ink) !important;
        }

        .platform-name {
            text-transform: capitalize;
        }

        .next-btn,
        .voltar-btn {
            border-radius: 999px !important;
            background: linear-gradient(135deg, var(--modern-accent), var(--modern-accent-2)) !important;
            box-shadow: 0 18px 34px color-mix(in srgb, var(--modern-accent) 24%, transparent) !important;
        }

        .voltar-btn {
            background: #fff !important;
            color: #141821 !important;
            border: 1px solid rgba(20, 24, 33, .12) !important;
            box-shadow: 0 12px 28px rgba(20, 24, 33, .08) !important;
        }

        #page-categories > .container {
            margin-top: 42px;
        }

        .tab-header {
            justify-content: center;
        }


        .tab-btn {
            border-radius: 999px !important;
            background: rgba(255,255,255,.58) !important;
            border-color: var(--modern-line) !important;
            color: var(--modern-muted) !important;
            font-weight: 800;
        }

        .tab-btn.active {
            background: #141821 !important;
            color: #fff !important;
        }

        .packages {
            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
        }

        .package-card {
            min-height: 210px;
            text-align: left !important;
            border-radius: 18px !important;
            background: var(--modern-surface-strong) !important;
            border: 1px solid var(--modern-line) !important;
            display: flex;
            flex-direction: column;
            gap: 14px;
            color: var(--modern-ink);
        }

        .package-card::after {
            content: none;
        }

        .package-card-top {
            min-height: 24px;
            display: flex;
            justify-content: flex-end;
        }

        .package-metric {
            display: grid;
            gap: 3px;
        }

        .package-unit {
            color: var(--modern-muted);
            font-size: .78rem;
            font-weight: 900;
            letter-spacing: .08em;
            text-transform: uppercase;
        }

        .package-card-footer {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 14px;
            margin-top: auto;
        }

        .package-action {
            display: inline-flex;
            flex-shrink: 0;
            align-items: center;
            justify-content: center;
            min-height: 40px;
            padding: 10px 18px;
            border-radius: 11px;
            background: linear-gradient(135deg, var(--modern-accent), var(--modern-accent-2));
            color: #fff;
            font-weight: 900;
            font-size: .82rem;
            white-space: nowrap;
            box-shadow: 0 9px 18px color-mix(in srgb, var(--modern-accent) 24%, transparent);
        }

        .package-icon {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 40px;
            height: 40px;
            border-radius: 12px;
            background: color-mix(in srgb, var(--modern-accent) 10%, transparent);
            color: var(--modern-accent);
            font-size: 1.05rem;
        }

        .package-subtitle {
            display: block;
            margin-top: 2px;
            color: #667085;
            font-size: .74rem;
            font-weight: 700;
            line-height: 1.25;
        }

        @keyframes modern-buy-pulse {
            0%, 100% {
                transform: scale(1);
                box-shadow: 0 12px 24px color-mix(in srgb, var(--modern-accent-2) 22%, transparent);
            }
            50% {
                transform: scale(1.02);
                box-shadow: 0 18px 34px color-mix(in srgb, var(--modern-accent-2) 42%, transparent);
            }
        }

        @keyframes modern-buy-shine {
            0%, 55% {
                transform: translateX(-120%);
            }
            100% {
                transform: translateX(120%);
            }
        }

        .package-label,
        .testimonial-text,
        .user-role,
        .faq-answer p {
            color: var(--modern-muted) !important;
        }

        .package-price {
            flex: 1 1 auto;
            min-width: 0;
            font-size: clamp(.85rem, 1.6vw, 1.05rem);
            line-height: 1.2;
            white-space: normal;
            word-break: break-word;
            color: var(--modern-accent) !important;
        }

        .service-empty-state {
            text-align: center;
        }

        .service-empty-state.is-hidden {
            display: none !important;
        }

        .video-section,
        .faq-section,
        .testimonials-section,
        .modern-content-section {
            width: min(1180px, calc(100% - 32px));
            margin: 70px auto 0 !important;
            padding: 0 !important;
        }

        .modern-content-heading {
            margin: 0 0 24px;
            color: var(--modern-ink);
            text-align: center;
            font-size: clamp(1.55rem, 3vw, 2.15rem);
        }

        .modern-service-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
            gap: 18px;
        }

        .modern-service-card,
        .modern-details-card {
            padding: 26px;
            background: var(--modern-surface);
            border: 1px solid var(--modern-line);
            border-radius: 22px;
            box-shadow: var(--modern-shadow);
        }

        .modern-service-card img {
            width: 58px;
            height: 58px;
            margin-bottom: 18px;
            object-fit: contain;
        }

        .modern-service-card h3,
        .modern-details-card h2 {
            color: var(--modern-ink);
        }

        .modern-service-card p,
        .modern-details-card p {
            color: var(--modern-muted);
            white-space: pre-line;
        }

        .modern-details-card {
            display: grid;
            grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
            align-items: center;
            gap: clamp(24px, 5vw, 58px);
        }

        .modern-details-card > img {
            width: 100%;
            max-height: 360px;
            object-fit: contain;
        }

        .modern-details-action {
            display: inline-flex;
            margin-top: 14px;
            padding: 12px 22px;
            border-radius: 999px;
            background: linear-gradient(135deg, var(--modern-accent), var(--store-primary-soft, #6677ff));
            color: #fff !important;
            font-weight: 800;
            text-decoration: none;
        }

        .video-section > .container,
        .faq-section > .container {
            width: 100%;
        }

        .video-container,
        .faq-contact,
        .testimonial-card {
            background: var(--modern-surface) !important;
            border: 1px solid var(--modern-line) !important;
            border-radius: 22px !important;
            box-shadow: var(--modern-shadow) !important;
        }

        .faq-container {
            background: transparent !important;
            border: 0 !important;
            box-shadow: none !important;
        }

        .faq-item,
        .faq-question,
        .faq-answer {
            background: transparent !important;
        }

        .faq-item {
            border-color: var(--modern-line) !important;
            box-shadow: none !important;
        }

        .faq-question,
        .user-name {
            color: var(--modern-ink) !important;
        }

        body {
            background:
                radial-gradient(circle at 77% 31%, color-mix(in srgb, var(--store-primary, rgb(49, 93, 255)) 13%, transparent), transparent 24rem),
                linear-gradient(180deg, #fff 0%, #fbfcff 54%, #fff 100%) !important;
            color: #18233a;
            font-family: "Inter", "Segoe UI", Arial, sans-serif;
        }

        #stars {
            display: none !important;
        }

        #page-platform {
            min-height: 100vh;
            padding: 128px 20px 34px;
            overflow: hidden;
        }

        #page-platform::before {
            content: "";
            position: absolute;
            inset: 0;
            pointer-events: none;
            background-image:
                linear-gradient(rgba(233, 238, 247, .46) 1px, transparent 1px),
                linear-gradient(90deg, rgba(233, 238, 247, .46) 1px, transparent 1px);
            background-size: 72px 72px;
            mask-image: linear-gradient(180deg, rgba(0,0,0,.56), transparent 82%);
        }

        #page-platform > .container {
            position: relative;
            z-index: 1;
            width: min(1250px, 100%);
            max-width: 1250px;
            margin-top: 0 !important;
            display: grid !important;
            grid-template-columns: minmax(0, .93fr) minmax(320px, .8fr);
            column-gap: clamp(30px, 6vw, 95px);
            align-items: center;
        }

        .modern-hero-copy {
            min-width: 0;
            padding-left: clamp(0px, 4vw, 70px);
        }

        .modern-kicker {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            min-height: 25px;
            padding: 5px 13px;
            border-radius: 999px;
            background: color-mix(in srgb, var(--store-primary, rgb(49, 93, 255)) 10%, transparent);
            color: var(--store-primary, #315dff);
            font-size: .76rem;
            font-weight: 850;
        }

        #page-platform h1 {
            max-width: 560px;
            margin: 23px 0 13px !important;
            color: #172033 !important;
            font-size: clamp(3.15rem, 5.4vw, 5.35rem) !important;
            line-height: .98;
            font-weight: 900;
            letter-spacing: 0;
        }

        .modern-hero-accent {
            color: var(--store-primary, #315dff);
            text-decoration: underline;
            text-decoration-thickness: .07em;
            text-underline-offset: .08em;
        }

        #page-platform .subtitle {
            max-width: 570px;
            margin: 0 0 36px !important;
            color: #7b8495 !important;
            font-size: 1.12rem;
            line-height: 1.45;
            font-weight: 650;
        }

        .modern-trust-row {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: clamp(15px, 2.4vw, 28px);
            max-width: 650px;
        }

        .modern-trust-item {
            display: grid;
            grid-template-columns: 36px minmax(0, 1fr);
            gap: 11px;
            align-items: center;
        }

        .modern-trust-icon {
            display: grid;
            place-items: center;
            width: 36px;
            height: 36px;
            color: var(--store-primary, #315dff);
            font-size: 1.35rem;
        }

        .modern-trust-title {
            color: #1f2a44;
            font-size: .9rem;
            font-weight: 850;
            line-height: 1.1;
        }

        .modern-trust-text {
            color: #8a93a5;
            font-size: .8rem;
            font-weight: 700;
            line-height: 1.25;
        }

        .modern-hero-art {
            position: relative;
            min-height: 360px;
        }

        .modern-phone {
            position: absolute;
            right: 8%;
            bottom: 10px;
            width: min(330px, 76%);
            aspect-ratio: 1 / 1.28;
            border-radius: 34px;
            background: linear-gradient(145deg, #fff, #f4f6fb);
            border: 1px solid rgba(210, 216, 228, .8);
            box-shadow: 0 28px 80px rgba(83, 92, 120, .17);
            transform: rotate(9deg);
        }

        .modern-phone::before {
            content: "";
            position: absolute;
            inset: 18px;
            border-radius: 25px;
            background: linear-gradient(160deg, rgba(255,255,255,.94), rgba(255, 240, 248, .78));
            box-shadow: inset 0 0 0 1px rgba(220, 225, 235, .72);
        }

        .modern-orbit {
            position: absolute;
            right: 0;
            top: 30px;
            width: min(560px, 100%);
            aspect-ratio: 1.75 / 1;
            border: 2px solid color-mix(in srgb, var(--store-primary, rgb(49, 93, 255)) 10%, transparent);
            border-radius: 50%;
            transform: rotate(-12deg);
        }

        .modern-orbit::after {
            content: "";
            position: absolute;
            inset: 24px;
            border-radius: inherit;
            background-image: radial-gradient(color-mix(in srgb, var(--store-primary, rgb(49, 93, 255)) 12%, transparent) 1px, transparent 1px);
            background-size: 16px 16px;
        }

        .modern-rocket {
            position: absolute;
            right: 39%;
            top: 14px;
            width: 96px;
            height: 190px;
            transform: rotate(21deg);
            filter: drop-shadow(0 28px 38px color-mix(in srgb, var(--store-primary, rgb(49, 93, 255)) 25%, transparent));
        }

        .modern-rocket-body {
            position: absolute;
            inset: 0 22px 32px;
            border-radius: 50% 50% 44% 44%;
            background: linear-gradient(90deg, #e5eaff 0 24%, #fff 25% 72%, var(--store-primary-soft, #6677ff) 73% 100%);
            overflow: hidden;
        }

        .modern-rocket-body::before {
            content: "";
            position: absolute;
            top: 34px;
            left: 50%;
            width: 42px;
            height: 42px;
            border-radius: 50%;
            background: radial-gradient(circle at 35% 32%, #8fa0ff, var(--store-primary, #315dff) 62%, #274be8);
            transform: translateX(-50%);
            box-shadow: inset 0 0 0 5px rgba(255,255,255,.24);
        }

        .modern-rocket-wing {
            position: absolute;
            bottom: 36px;
            width: 27px;
            height: 55px;
            background: linear-gradient(180deg, var(--store-primary-soft, #6677ff), var(--store-primary, #315dff));
            border-radius: 22px 22px 8px 8px;
        }

        .modern-rocket-wing.left {
            left: 8px;
            transform: rotate(-24deg);
        }

        .modern-rocket-wing.right {
            right: 8px;
            transform: rotate(24deg);
        }

        .modern-rocket-flame {
            position: absolute;
            left: 50%;
            bottom: 0;
            width: 54px;
            height: 72px;
            border-radius: 50% 50% 45% 45%;
            background: linear-gradient(180deg, rgba(255,255,255,.9), color-mix(in srgb, var(--store-primary, rgb(49, 93, 255)) 25%, transparent) 45%, color-mix(in srgb, var(--store-primary, rgb(49, 93, 255)) 0%, transparent));
            transform: translateX(-50%);
        }

        .modern-float-card {
            position: absolute;
            z-index: 2;
            display: grid;
            place-items: center;
            width: 76px;
            height: 76px;
            border-radius: 19px;
            background: rgba(255,255,255,.86);
            border: 1px solid rgba(223, 227, 236, .9);
            color: var(--store-primary, #315dff);
            font-size: 2rem;
            box-shadow: 0 18px 40px rgba(83, 92, 120, .14);
            transform: rotate(8deg);
        }

        .modern-float-card.chart {
            left: 4%;
            top: 120px;
            transform: rotate(8deg);
        }

        .modern-float-card.heart {
            right: 3%;
            top: 190px;
            transform: rotate(12deg);
        }

        .platform-container {
            grid-column: 1 / -1;
            margin: 34px auto 0;
            width: min(1000px, calc(100% - 96px));
            padding: 28px 36px 34px !important;
            border-radius: 18px !important;
            background: rgba(255,255,255,.88) !important;
            border: 1px solid rgba(224, 229, 238, .96) !important;
            box-shadow: 0 22px 70px rgba(70, 78, 99, .12) !important;
            backdrop-filter: blur(16px);
        }

        .platform-step {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 8px;
            min-height: 25px;
            padding: 5px 13px;
            border-radius: 999px;
            background: color-mix(in srgb, var(--store-primary, rgb(49, 93, 255)) 9%, transparent);
            color: var(--store-primary, #315dff);
            font-size: .72rem;
            font-weight: 950;
            text-transform: uppercase;
        }

        .platform-container h2 {
            margin: 0;
            text-align: center;
            color: #172033 !important;
            font-size: clamp(1.65rem, 2.6vw, 2.1rem);
            line-height: 1.08;
            font-weight: 900;
        }

        .platform-description {
            margin: 9px 0 22px;
            text-align: center;
            color: #7d8494 !important;
            font-size: 1.06rem;
            font-weight: 650;
        }

        .platforms {
            display: grid !important;
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
            gap: 12px !important;
        }

        .platform-item {
            position: relative;
            min-height: 68px !important;
            display: grid !important;
            grid-template-columns: 48px minmax(0, 1fr) 40px;
            align-items: center;
            gap: 15px;
            padding: 12px 16px 12px 18px !important;
            border-radius: 8px !important;
            background: rgba(255,255,255,.92) !important;
            border: 1px solid #e7eaf0 !important;
            box-shadow: 0 8px 20px rgba(40, 47, 65, .035) !important;
            cursor: pointer;
        }

        .platform-item:hover,
        .platform-item.selected {
            background: linear-gradient(135deg, color-mix(in srgb, var(--store-primary, rgb(49, 93, 255)) 8%, transparent), rgba(255,255,255,.98)) !important;
            border-color: var(--store-primary, #315dff) !important;
            box-shadow: 0 14px 34px color-mix(in srgb, var(--store-primary, rgb(49, 93, 255)) 12%, transparent) !important;
            transform: translateY(-1px);
        }

        .platform-icon {
            display: grid;
            place-items: center;
            width: 44px;
            height: 44px;
            border-radius: 12px;
            background: #111827;
            color: #fff !important;
            font-size: 1.42rem !important;
        }

        .platform-item[data-platform="instagram"] .platform-icon {
            background: radial-gradient(circle at 30% 105%, #feda75 0 18%, #fa7e1e 30%, #d62976 55%, #962fbf 76%, #4f5bd5 100%);
        }

        .platform-item[data-platform="youtube"] .platform-icon {
            background: #ff0000;
        }

        .platform-item[data-platform="kwai"] .platform-icon {
            background: #ff6a00;
        }

        .platform-meta {
            min-width: 0;
        }

        .platform-name {
            color: #172033 !important;
            font-size: 1rem !important;
            font-weight: 900;
            line-height: 1.15;
            text-transform: capitalize;
        }

        .platform-copy {
            margin-top: 4px;
            color: #8a93a5;
            font-size: .82rem;
            font-weight: 650;
            line-height: 1.2;
        }

        .platform-arrow {
            display: grid;
            place-items: center;
            width: 36px;
            height: 36px;
            border-radius: 50%;
            border: 1px solid #e5e9f1;
            color: #25314a;
            background: #fff;
            font-size: .86rem;
        }

        .platform-item.selected .platform-arrow {
            border: 0;
            color: #fff;
            background: linear-gradient(135deg, var(--store-primary-soft, #6677ff), var(--store-primary, #315dff));
            box-shadow: 0 12px 25px color-mix(in srgb, var(--store-primary, rgb(49, 93, 255)) 26%, transparent);
        }

        .next-btn {
            display: flex !important;
            align-items: center;
            justify-content: center;
            gap: 9px;
            width: min(230px, 100%);
            min-height: 48px;
            margin: 22px auto 0;
            border: 0 !important;
            border-radius: 999px !important;
            background: linear-gradient(135deg, var(--store-primary, #315dff), var(--store-primary-soft, #6677ff)) !important;
            color: #fff !important;
            font-weight: 900;
            box-shadow: 0 17px 34px color-mix(in srgb, var(--store-primary, rgb(49, 93, 255)) 28%, transparent) !important;
        }

        .footer-text {
            display: flex;
            justify-content: center;
            gap: 44px;
            margin: 22px auto 0;
            color: #8a93a5 !important;
            font-size: .9rem;
            font-weight: 750;
        }

        .footer-text span {
            display: inline-flex;
            align-items: center;
            gap: 8px;
        }

        .footer-text i {
            color: var(--store-primary, #315dff);
        }

        .notification-popup {
            border-radius: 10px !important;
            background: rgba(255,255,255,.94) !important;
            border: 1px solid rgba(230, 234, 242, .96) !important;
            box-shadow: 0 16px 42px rgba(39, 46, 67, .10) !important;
        }

        .notification-avatar {
            background: linear-gradient(135deg, var(--store-primary, #315dff), var(--store-primary-soft, #6677ff)) !important;
        }

        @media (max-width: 900px) {
            #page-platform {
                padding-top: 104px;
            }

            #page-platform > .container {
                grid-template-columns: 1fr;
            }

            .modern-hero-copy {
                padding-left: 0;
                text-align: center;
            }

            #page-platform h1,
            #page-platform .subtitle {
                margin-left: auto !important;
                margin-right: auto !important;
                text-align: center;
            }

            .modern-trust-row {
                margin: 0 auto;
            }

            .modern-hero-art {
                min-height: 280px;
                margin-top: 8px;
            }

            .platform-container {
                width: 100%;
                margin-top: 22px;
            }
        }

        @media (max-width: 640px) {
            #page-platform {
                padding: 92px 11px 26px;
            }

            #page-platform h1 {
                font-size: clamp(2.35rem, 13vw, 3.25rem) !important;
            }

            .modern-trust-row {
                grid-template-columns: 1fr;
                gap: 13px;
                max-width: 290px;
            }

            .modern-hero-art {
                min-height: 230px;
            }

            .modern-phone {
                right: 10%;
                width: min(250px, 74%);
            }

            .modern-rocket {
                right: 37%;
                width: 72px;
                height: 142px;
            }

            .modern-float-card {
                width: 58px;
                height: 58px;
                font-size: 1.45rem;
            }

            .platform-container {
                padding: 19px 14px 24px !important;
            }

            .platforms {
                grid-template-columns: 1fr !important;
            }

            .platform-item {
                grid-template-columns: 44px minmax(0, 1fr) 36px;
                min-height: 64px !important;
            }

            .footer-text {
                flex-direction: column;
                align-items: center;
                gap: 8px;
            }

            #page-platform > .container,
            #page-categories > .container,
            .video-section,
            .faq-section,
            .testimonials-section {
                width: min(100% - 22px, 1180px);
            }

            .modern-content-section {
                width: min(100% - 22px, 1180px);
            }

            .modern-details-card {
                grid-template-columns: 1fr;
            }

            #page-platform > .container {
                margin-top: 18px !important;
            }

            #page-platform h1,
            #page-categories h1 {
                font-size: clamp(1.28rem, 6.6vw, 1.72rem) !important;
                line-height: 1.08;
                text-align: left;
            }

            #page-platform .subtitle,
            #page-categories .subtitle {
                max-width: 100%;
                margin: 10px 0 18px !important;
                font-size: .98rem;
                line-height: 1.45;
                text-align: left;
            }

            #page-platform h1 {
                margin-top: 18px !important;
                margin-bottom: 8px !important;
            }

            .platform-container,
            .tabs {
                border-radius: 18px !important;
                padding: 16px !important;
            }

            .platform-container h2 {
                font-size: 1rem !important;
                margin-bottom: 8px !important;
            }

            .categories-title {
                display: none !important;
            }

            .platform-description,
            .footer-text,
            .texto-instrucao,
            .tab-description {
                font-size: .88rem !important;
                line-height: 1.45;
            }

            .platforms {
                grid-template-columns: 1fr 1fr !important;
                gap: 10px !important;
            }

            .platform-item {
                min-height: 94px;
                padding: 14px 10px !important;
            }

            .platform-icon {
                font-size: 1.55rem !important;
            }

            .platform-name {
                font-size: .92rem !important;
            }

            .next-btn {
                width: 100%;
                min-height: 48px;
                padding: 12px 18px !important;
            }

            #page-categories > .container {
                margin-top: 18px;
            }

            .voltar-btn {
                width: 100%;
                margin-bottom: 22px !important;
            }

            .tab-header {
                display: flex !important;
                flex-direction: column !important;
                flex-wrap: nowrap !important;
                justify-content: flex-start;
                gap: 8px !important;
                margin: 0 !important;
                padding: 0;
                overflow: visible;
                scrollbar-width: none;
            }

            .tab-header::-webkit-scrollbar {
                display: none;
            }

            .tab-btn {
                width: 100%;
                flex: 0 0 auto;
                min-height: 46px;
                padding: 11px 18px !important;
                font-size: .82rem !important;
                line-height: 1.22;
                white-space: normal;
                overflow-wrap: anywhere;
                text-align: center;
            }

            .tab-content h2 {
                display: none !important;
            }

            .tab-description {
                display: none;
            }

            .packages {
                grid-template-columns: 1fr !important;
                gap: 8px !important;
                margin-top: 10px !important;
            }

            .package-card,
            .package-card.highlighted,
            .package-card.highlighted:hover {
                display: grid !important;
                grid-template-columns: 42px minmax(0, 1fr);
                grid-template-areas:
                    "top top"
                    "icon metric"
                    "footer footer";
                align-items: center;
                gap: 7px 10px !important;
                min-height: auto !important;
                padding: 12px !important;
                border-radius: 15px !important;
                background: #fff !important;
                border: 1px solid rgba(117, 92, 244, .12) !important;
                transform: none !important;
                animation: none !important;
                box-shadow: 0 8px 22px rgba(91, 80, 170, .12) !important;
            }

            .package-card-top {
                grid-area: top;
                min-height: 0;
                justify-content: flex-start;
                gap: 6px;
                flex-wrap: wrap;
            }

            .package-card-top:empty {
                display: none !important;
            }

            .package-icon {
                grid-area: icon;
                display: inline-flex;
                width: 38px;
                height: 38px;
                align-items: center;
                justify-content: center;
                border-radius: 12px;
                background: rgba(117, 92, 244, .1);
                color: #755cf4;
                font-size: 1.08rem;
            }

            .highlight-badge,
            .badge {
                position: static !important;
                width: auto !important;
                transform: none !important;
                animation: none !important;
                box-shadow: none !important;
                padding: 6px 10px !important;
                border-radius: 999px !important;
                font-size: .68rem !important;
            }

            .badge {
                margin-left: 0;
            }

            .package-metric {
                grid-area: metric;
                min-width: 0;
                gap: 0;
            }

            .package-amount {
                color: #172033 !important;
                font-size: clamp(1.42rem, 7vw, 1.72rem) !important;
                line-height: .86;
                margin: 0 !important;
            }

            .package-unit {
                color: #755cf4;
                font-size: .58rem;
                font-weight: 950;
                line-height: 1;
                letter-spacing: .06em;
            }

            .package-label {
                margin: 0 !important;
                min-height: 0 !important;
                display: block !important;
                color: #667085 !important;
                font-size: .68rem !important;
                font-weight: 800;
                line-height: 1.1;
                text-align: left !important;
                overflow-wrap: anywhere;
            }

            .package-subtitle {
                display: block;
                margin-top: 2px;
                color: #667085;
                font-size: .62rem;
                font-weight: 700;
                line-height: 1.1;
            }

            .package-card-footer {
                grid-area: footer;
                display: flex !important;
                align-items: center;
                justify-content: space-between;
                gap: 12px;
                margin-top: 2px;
            }

            .package-price {
                flex: 1 1 auto;
                min-width: 0;
                align-self: auto;
                color: #755cf4 !important;
                font-size: clamp(.78rem, 4vw, 1rem) !important;
                font-weight: 900;
                line-height: 1.15;
                text-align: left;
                white-space: normal;
                word-break: break-word;
                margin: 0;
            }

            .package-action {
                position: relative;
                flex-shrink: 0;
                width: auto;
                min-width: 92px;
                min-height: 36px;
                margin: 0;
                padding: 9px 16px;
                border: 0;
                border-radius: 11px;
                background: linear-gradient(135deg, #7457f4, #8567ff);
                color: #fff;
                font-size: .72rem;
                font-weight: 900;
                letter-spacing: .01em;
                text-shadow: none;
                white-space: nowrap;
                box-shadow: 0 9px 18px rgba(117, 92, 244, .24);
                overflow: hidden;
                animation: none;
            }

            .package-action::after {
                content: none;
            }

            .service-empty-state {
                padding: 18px 8px 4px;
            }

            .service-empty-state .titulo-servico {
                margin-top: 10px !important;
                font-size: 1.18rem !important;
            }
        }
        /* Final Modern reference pass: keep the white layout while honoring configured brand colors. */
        html,
        html:not([data-theme="light"]),
        html[data-theme="light"] {
            --bg-primary: #ffffff !important;
            --text-primary: #172033 !important;
            --text-secondary: #7c8495 !important;
            --modern-ink: #172033 !important;
            --modern-muted: #7c8495 !important;
            --modern-line: #e8ebf2 !important;
            --modern-surface: rgba(255, 255, 255, .92) !important;
            --modern-surface-strong: #ffffff !important;
            --modern-accent: var(--store-primary, #315dff) !important;
            --modern-accent-2: var(--store-secondary, #6677ff) !important;
        }

        html body,
        html:not([data-theme="light"]) body {
            background: #fff !important;
            color: #172033 !important;
        }

        body::before,
        html:not([data-theme="light"]) body::before,
        #page-platform::before {
            background-image:
                linear-gradient(rgba(232, 236, 244, .42) 1px, transparent 1px),
                linear-gradient(90deg, rgba(232, 236, 244, .42) 1px, transparent 1px) !important;
            background-size: 74px 74px !important;
            mask-image: linear-gradient(180deg, rgba(0,0,0,.22), transparent 70%) !important;
            opacity: 1 !important;
        }

        .store-legal-header,
        html:not([data-theme="light"]) .store-legal-header {
            background: transparent !important;
            border: 0 !important;
            box-shadow: none !important;
        }

        .store-header-orders-btn {
            min-width: 160px !important;
            min-height: 56px !important;
            border-radius: 999px !important;
            background: linear-gradient(135deg, var(--modern-accent), var(--modern-accent-2)) !important;
            border: 0 !important;
            color: #fff !important;
            box-shadow: none !important;
            font-weight: 900 !important;
        }

        .theme-toggle {
            background: #fff !important;
            color: #172033 !important;
            border: 1px solid #e8ebf2 !important;
            box-shadow: 0 8px 22px rgba(23, 32, 51, .08) !important;
        }

        #notificationsContainer {
            top: 32px !important;
            left: 112px !important;
        }

        .notification-popup {
            width: 360px !important;
            min-height: 102px !important;
            display: grid !important;
            grid-template-columns: 54px 1fr 46px !important;
            align-items: center !important;
            column-gap: 14px !important;
            padding: 18px 20px !important;
            border-radius: 10px !important;
            background: rgba(255, 255, 255, .94) !important;
            border: 1px solid rgba(233, 236, 243, .9) !important;
            box-shadow: 0 22px 48px rgba(41, 48, 70, .10) !important;
            color: #172033 !important;
        }

        .notification-name {
            color: #172033 !important;
            font-weight: 900 !important;
        }

        .notification-action,
        .notification-time {
            color: #747e91 !important;
            font-weight: 650 !important;
        }

        #page-platform {
            min-height: 900px !important;
            padding: 140px 20px 24px !important;
            background: #fff !important;
        }

        #page-platform > .container {
            max-width: 1240px !important;
            width: min(1240px, calc(100% - 48px)) !important;
            display: grid !important;
            grid-template-columns: minmax(0, .86fr) minmax(430px, .84fr) !important;
            column-gap: 60px !important;
            align-items: start !important;
            padding: 0 !important;
            margin: -40px auto 0 !important;
        }

        .modern-hero-copy {
            padding: 62px 0 0 72px !important;
            text-align: left !important;
        }

        .modern-kicker {
            background: color-mix(in srgb, var(--store-primary, rgb(49, 93, 255)) 9%, transparent) !important;
            color: #ff6daf !important;
            font-size: .78rem !important;
            font-weight: 900 !important;
        }

        #page-platform h1 {
            display: block !important;
            max-width: 520px !important;
            margin: 24px 0 12px !important;
            color: #172033 !important;
            background: none !important;
            -webkit-text-fill-color: #172033 !important;
            text-align: left !important;
            font-size: 4.1rem !important;
            line-height: .98 !important;
            font-weight: 950 !important;
            letter-spacing: 0 !important;
        }

        #page-platform h1 .modern-hero-accent {
            color: var(--store-primary, #315dff) !important;
            -webkit-text-fill-color: var(--store-primary, #315dff) !important;
        }

        #page-platform .subtitle {
            display: block !important;
            max-width: 570px !important;
            margin: 0 0 34px !important;
            color: #7a8394 !important;
            text-align: left !important;
            font-size: 1.08rem !important;
            font-weight: 700 !important;
            line-height: 1.35 !important;
        }

        .modern-trust-row {
            grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
            max-width: 625px !important;
            gap: 28px !important;
        }

        .modern-trust-title {
            color: #172033 !important;
            font-size: .86rem !important;
        }

        .modern-trust-text {
            color: #8a93a5 !important;
            font-size: .78rem !important;
        }

        .modern-hero-art {
            min-height: 385px !important;
            margin-top: 54px !important;
        }

        .modern-orbit {
            right: 12px !important;
            top: 68px !important;
            width: 520px !important;
            border-color: color-mix(in srgb, var(--store-primary, rgb(49, 93, 255)) 11%, transparent) !important;
        }

        .modern-phone {
            right: 84px !important;
            bottom: 4px !important;
            width: 255px !important;
            border-radius: 28px !important;
            transform: rotate(10deg) !important;
        }

        .modern-rocket {
            right: 222px !important;
            top: 38px !important;
            width: 82px !important;
            height: 164px !important;
        }

        .modern-float-card {
            width: 70px !important;
            height: 70px !important;
            border-radius: 18px !important;
        }

        .modern-float-card.chart {
            left: 76px !important;
            top: 135px !important;
        }

        .modern-float-card.heart {
            right: 28px !important;
            top: 194px !important;
        }

        .platform-container {
            grid-column: 1 / -1 !important;
            width: min(1000px, calc(100% - 190px)) !important;
            min-height: 392px !important;
            margin: -2px auto 0 !important;
            padding: 26px 36px 28px !important;
            background: rgba(255, 255, 255, .92) !important;
            border: 1px solid #e6e9f0 !important;
            border-top: 1px solid #e6e9f0 !important;
            border-radius: 14px !important;
            box-shadow: 0 18px 55px rgba(53, 61, 82, .10) !important;
        }

        .platform-step {
            display: flex !important;
            width: max-content !important;
            margin: 0 auto 8px !important;
            color: var(--store-primary, #315dff) !important;
            background: color-mix(in srgb, var(--store-primary, rgb(49, 93, 255)) 8%, transparent) !important;
        }

        .platform-container h2 {
            margin: 0 !important;
            color: #172033 !important;
            font-size: 1.82rem !important;
            line-height: 1.1 !important;
            font-weight: 950 !important;
            text-align: center !important;
        }

        .platform-description {
            margin: 8px 0 22px !important;
            color: #7c8495 !important;
            text-align: center !important;
            font-size: 1rem !important;
            font-weight: 700 !important;
        }

        .platforms {
            display: grid !important;
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
            gap: 12px !important;
            margin: 0 0 22px !important;
        }

        .platform-item {
            min-height: 70px !important;
            display: grid !important;
            grid-template-columns: 48px minmax(0, 1fr) 40px !important;
            padding: 12px 16px 12px 18px !important;
            text-align: left !important;
            background: #fff !important;
            border: 1px solid #e7eaf0 !important;
            border-radius: 8px !important;
            box-shadow: none !important;
            transform: none !important;
        }

        .platform-item:hover,
        .platform-item.selected {
            background: linear-gradient(90deg, color-mix(in srgb, var(--store-primary, rgb(49, 93, 255)) 5.5%, transparent), #fff) !important;
            border-color: var(--store-primary, #315dff) !important;
        }

        .next-btn {
            width: 220px !important;
            min-height: 48px !important;
            margin: 8px auto 0 !important;
            background: linear-gradient(135deg, var(--store-primary, #315dff), var(--store-primary-soft, #6677ff)) !important;
            box-shadow: 0 16px 30px color-mix(in srgb, var(--store-primary, rgb(49, 93, 255)) 28%, transparent) !important;
        }

        .footer-text {
            margin-top: 20px !important;
            color: #858ea0 !important;
        }

        @media (max-width: 900px) {
            #page-platform {
                min-height: auto !important;
                padding: 108px 14px 28px !important;
            }

            #page-platform > .container {
                width: 100% !important;
                grid-template-columns: 1fr !important;
            }

            .modern-hero-copy {
                padding: 0 !important;
                text-align: center !important;
            }

            #page-platform h1,
            #page-platform .subtitle {
                margin-left: auto !important;
                margin-right: auto !important;
                text-align: center !important;
            }

            .modern-trust-row {
                margin: 0 auto !important;
            }

            .platform-container {
                width: 100% !important;
                margin-top: 18px !important;
            }
        }

        @media (max-width: 640px) {
            #page-platform h1 {
                font-size: 2.55rem !important;
            }

            .modern-hero-art {
                min-height: 245px !important;
                margin-top: 8px !important;
            }

            .platforms {
                grid-template-columns: 1fr !important;
            }

            .platform-container {
                min-height: 0 !important;
                padding: 20px 14px 24px !important;
            }

            #notificationsContainer {
                left: 10px !important;
                right: 10px !important;
                top: 78px !important;
            }

            .notification-popup {
                width: 100% !important;
            }
        }
        /* Rebuild from the provided reference. This block intentionally overrides the old Modern theme. */
        html,
        html[data-theme="light"],
        html:not([data-theme="light"]) {
            --modern-ref-blue: var(--store-primary, #315dff) !important;
            --modern-ref-ink: #172033 !important;
            --modern-ref-muted: #7d8798 !important;
            --modern-ref-line: #e8ebf2 !important;
            --bg-primary: #fff !important;
            --text-primary: #172033 !important;
            --text-secondary: #7d8798 !important;
            background: #fff !important;
        }

        html body,
        html:not([data-theme="light"]) body {
            background: #fff !important;
            color: var(--modern-ref-ink) !important;
            font-family: Inter, "Segoe UI", Arial, sans-serif !important;
        }

        body::before,
        .stars,
        #stars {
            display: none !important;
            content: none !important;
        }

        .store-legal-header {
            position: absolute !important;
            top: 0 !important;
            left: 0 !important;
            right: 0 !important;
            z-index: 80 !important;
            min-height: 86px !important;
            padding: 12px 31px 0 !important;
            background: rgba(255, 255, 255, .88) !important;
            border-bottom: 1px solid rgba(229, 232, 240, .78) !important;
            box-shadow: 0 12px 34px rgba(23, 32, 51, .04) !important;
            backdrop-filter: blur(18px) !important;
        }

        .store-legal-header-inner {
            width: 100% !important;
            max-width: none !important;
            min-height: 56px !important;
        }

        .store-legal-logo {
            width: auto !important;
            min-width: 150px !important;
            height: auto !important;
            min-height: 54px !important;
            border-radius: 8px !important;
            overflow: visible !important;
            display: inline-grid !important;
            place-items: center !important;
            background: transparent !important;
            color: transparent !important;
        }

        .store-legal-logo span {
            display: none !important;
        }

        .store-legal-logo img {
            width: auto !important;
            height: auto !important;
            max-width: 150px !important;
            max-height: 54px !important;
            padding: 0 !important;
            object-fit: contain !important;
        }

        .store-header-actions {
            gap: 18px !important;
        }

        .store-header-orders-btn {
            min-width: 195px !important;
            min-height: 58px !important;
            padding: 0 26px !important;
            border-radius: 999px !important;
            background: linear-gradient(135deg, var(--store-primary, #315dff), var(--store-primary-soft, #6677ff)) !important;
            border: 0 !important;
            color: #fff !important;
            box-shadow: none !important;
            font-size: 1rem !important;
            font-weight: 900 !important;
        }

        .store-header-orders-btn i,
        .store-header-orders-btn span {
            color: #fff !important;
            -webkit-text-fill-color: #fff !important;
        }

        .theme-toggle {
            width: 58px !important;
            height: 58px !important;
            border-radius: 50% !important;
            background: #fff !important;
            border: 1px solid #eef1f6 !important;
            color: #172033 !important;
            box-shadow: 0 10px 24px rgba(23, 32, 51, .10) !important;
        }

        .theme-toggle i::before {
            content: "\f013" !important;
            font-family: "Font Awesome 6 Free" !important;
            font-weight: 900 !important;
        }

        #notificationsContainer {
            top: 30px !important;
            left: 112px !important;
            right: auto !important;
            z-index: 90 !important;
        }

        .notification-popup {
            width: 360px !important;
            min-height: 102px !important;
            display: grid !important;
            grid-template-columns: 48px minmax(0, 1fr) 44px !important;
            gap: 14px !important;
            align-items: center !important;
            padding: 18px 20px !important;
            border-radius: 10px !important;
            background: rgba(255, 255, 255, .96) !important;
            border: 1px solid rgba(232, 235, 242, .92) !important;
            color: var(--modern-ref-ink) !important;
            box-shadow: 0 20px 46px rgba(43, 51, 73, .10) !important;
            backdrop-filter: blur(12px) !important;
        }

        .notification-avatar {
            width: 44px !important;
            height: 44px !important;
            border-radius: 14px !important;
            background: linear-gradient(135deg, var(--store-primary, #315dff), var(--store-primary-soft, #6677ff)) !important;
            color: #fff !important;
            font-size: .92rem !important;
            font-weight: 900 !important;
        }

        .notification-name {
            color: var(--modern-ref-ink) !important;
            font-size: .95rem !important;
            font-weight: 900 !important;
        }

        .notification-action {
            margin-top: 5px !important;
            color: #7d8798 !important;
            font-size: .86rem !important;
            font-weight: 650 !important;
            line-height: 1.45 !important;
        }

        .notification-time {
            position: absolute !important;
            top: 17px !important;
            right: 54px !important;
            color: #9aa3b2 !important;
            font-size: .78rem !important;
            font-weight: 750 !important;
        }

        .notification-close {
            position: absolute !important;
            right: 18px !important;
            top: 50% !important;
            transform: translateY(-50%) !important;
            color: #7d8798 !important;
        }

        #page-platform.modern-reference-home {
            position: relative !important;
            display: block !important;
            min-height: 900px !important;
            padding: 0 !important;
            overflow: hidden !important;
            background:
                radial-gradient(circle at 74% 38%, color-mix(in srgb, var(--store-primary, rgb(49, 93, 255)) 11%, transparent), transparent 22rem),
                linear-gradient(#fff, #fff) !important;
        }

        #page-platform.modern-reference-home::before {
            content: "" !important;
            position: absolute !important;
            inset: 0 !important;
            display: block !important;
            pointer-events: none !important;
            background-image:
                linear-gradient(rgba(235, 238, 244, .58) 1px, transparent 1px),
                linear-gradient(90deg, rgba(235, 238, 244, .58) 1px, transparent 1px) !important;
            background-size: 72px 72px !important;
            opacity: .55 !important;
            mask-image: linear-gradient(180deg, rgba(0,0,0,.56), transparent 78%) !important;
        }

        #page-platform.modern-reference-home > .container {
            position: relative !important;
            z-index: 1 !important;
            width: min(1235px, calc(100% - 84px)) !important;
            max-width: 1235px !important;
            margin: 0 auto !important;
            padding: 82px 0 0 !important;
            display: grid !important;
            grid-template-columns: 560px 1fr !important;
            grid-template-rows: 338px auto !important;
            column-gap: 78px !important;
            align-items: start !important;
        }

        #page-platform.modern-reference-home .modern-hero-copy {
            grid-column: 1 !important;
            grid-row: 1 !important;
            padding: 0 0 0 18px !important;
            text-align: left !important;
        }

        #page-platform.modern-reference-home .modern-kicker {
            display: inline-flex !important;
            align-items: center !important;
            gap: 8px !important;
            min-height: 24px !important;
            padding: 5px 13px !important;
            border-radius: 999px !important;
            background: color-mix(in srgb, var(--store-primary, rgb(49, 93, 255)) 9%, transparent) !important;
            color: var(--store-primary-soft, #6677ff) !important;
            font-size: .75rem !important;
            font-weight: 900 !important;
        }

        #page-platform.modern-reference-home h1 {
            max-width: 530px !important;
            margin: 22px 0 13px !important;
            color: var(--modern-ref-ink) !important;
            background: none !important;
            -webkit-text-fill-color: var(--modern-ref-ink) !important;
            text-align: left !important;
            font-size: 4.02rem !important;
            line-height: .98 !important;
            font-weight: 950 !important;
            letter-spacing: 0 !important;
        }

        #page-platform.modern-reference-home .modern-hero-accent {
            color: var(--modern-ref-blue) !important;
            -webkit-text-fill-color: var(--modern-ref-blue) !important;
            text-decoration: underline !important;
            text-decoration-thickness: 6px !important;
            text-underline-offset: 4px !important;
        }

        #page-platform.modern-reference-home .subtitle {
            max-width: 560px !important;
            margin: 0 0 36px !important;
            color: #7d8798 !important;
            text-align: left !important;
            font-size: 1.06rem !important;
            line-height: 1.35 !important;
            font-weight: 700 !important;
        }

        #page-platform.modern-reference-home .modern-trust-row {
            display: grid !important;
            grid-template-columns: 130px 150px 170px !important;
            gap: 32px !important;
            max-width: none !important;
        }

        #page-platform.modern-reference-home .modern-trust-item {
            grid-template-columns: 34px minmax(0, 1fr) !important;
            gap: 10px !important;
        }

        #page-platform.modern-reference-home .modern-trust-icon {
            width: 34px !important;
            height: 34px !important;
            color: var(--modern-ref-blue) !important;
            font-size: 1.28rem !important;
        }

        #page-platform.modern-reference-home .modern-trust-title {
            color: #25304a !important;
            font-size: .83rem !important;
            font-weight: 900 !important;
            line-height: 1.12 !important;
        }

        #page-platform.modern-reference-home .modern-trust-text {
            margin-top: 4px !important;
            color: #8a93a5 !important;
            font-size: .78rem !important;
            font-weight: 750 !important;
            line-height: 1.18 !important;
        }

        #page-platform.modern-reference-home .modern-hero-art {
            grid-column: 2 !important;
            grid-row: 1 !important;
            position: relative !important;
            height: 330px !important;
            min-height: 330px !important;
            margin: 0 !important;
        }

        #page-platform.modern-reference-home .modern-header-image {
            position: absolute !important;
            right: 70px !important;
            top: 46px !important;
            z-index: 5 !important;
            width: 390px !important;
            max-width: 88% !important;
            height: 330px !important;
            max-height: 330px !important;
            margin: 0 !important;
            object-fit: contain !important;
            pointer-events: none !important;
        }

        #page-platform.modern-reference-home .modern-orbit {
            position: absolute !important;
            right: -2px !important;
            top: 34px !important;
            width: 526px !important;
            height: 285px !important;
            border: 2px solid color-mix(in srgb, var(--store-primary, rgb(49, 93, 255)) 10%, transparent) !important;
            border-radius: 50% !important;
            transform: rotate(-12deg) !important;
        }

        #page-platform.modern-reference-home .modern-phone {
            position: absolute !important;
            right: 105px !important;
            top: 86px !important;
            width: 262px !important;
            height: 330px !important;
            border-radius: 32px !important;
            background: linear-gradient(145deg, #fff, #f6f8fc) !important;
            border: 1px solid rgba(211, 216, 227, .9) !important;
            box-shadow: 0 26px 70px rgba(58, 67, 95, .14) !important;
            transform: rotate(10deg) !important;
        }

        #page-platform.modern-reference-home .modern-phone::before {
            inset: 18px !important;
            border-radius: 24px !important;
            background:
                radial-gradient(circle at 50% 32%, color-mix(in srgb, var(--store-primary, rgb(49, 93, 255)) 12%, transparent), transparent 88px),
                linear-gradient(160deg, rgba(255,255,255,.98), rgba(246, 248, 255, .9)) !important;
        }

        #page-platform.modern-reference-home .modern-rocket {
            right: 238px !important;
            top: 114px !important;
            width: 86px !important;
            height: 86px !important;
            display: grid !important;
            place-items: center !important;
            border-radius: 28px !important;
            background:
                radial-gradient(circle at 34% 24%, rgba(255, 255, 255, .95), transparent 24px),
                linear-gradient(145deg, #7f94ff, var(--store-primary, #315dff)) !important;
            box-shadow:
                0 22px 34px color-mix(in srgb, var(--store-primary, rgb(49, 93, 255)) 22%, transparent),
                inset 0 1px 0 rgba(255,255,255,.45) !important;
            transform: rotate(-14deg) !important;
        }

        #page-platform.modern-reference-home .modern-rocket::before {
            content: "\f135" !important;
            font-family: "Font Awesome 6 Free" !important;
            font-weight: 900 !important;
            color: #fff !important;
            font-size: 2.6rem !important;
            line-height: 1 !important;
            transform: rotate(45deg) !important;
            text-shadow: 0 8px 18px rgba(24, 36, 94, .24) !important;
        }

        #page-platform.modern-reference-home .modern-rocket::after {
            content: "" !important;
            position: absolute !important;
            left: 18px !important;
            bottom: -26px !important;
            width: 46px !important;
            height: 42px !important;
            border-radius: 50% !important;
            background: radial-gradient(circle, color-mix(in srgb, var(--store-primary, rgb(49, 93, 255)) 18%, transparent), transparent 68%) !important;
            filter: blur(2px) !important;
        }

        #page-platform.modern-reference-home .modern-rocket-body,
        #page-platform.modern-reference-home .modern-rocket-wing,
        #page-platform.modern-reference-home .modern-rocket-flame {
            display: none !important;
        }

        #page-platform.modern-reference-home .modern-float-card {
            width: 70px !important;
            height: 70px !important;
            border-radius: 18px !important;
            background: rgba(255, 255, 255, .92) !important;
            border: 1px solid rgba(225, 229, 238, .92) !important;
            color: var(--modern-ref-blue) !important;
            box-shadow: 0 18px 38px rgba(58, 67, 95, .12) !important;
        }

        #page-platform.modern-reference-home .modern-float-card.chart {
            left: 88px !important;
            top: 146px !important;
        }

        #page-platform.modern-reference-home .modern-float-card.heart {
            right: 32px !important;
            top: 218px !important;
        }

        #page-platform.modern-reference-home .platform-container {
            grid-column: 1 / -1 !important;
            grid-row: 2 !important;
            width: 1000px !important;
            min-height: 390px !important;
            margin: -16px auto 0 !important;
            padding: 26px 36px 29px !important;
            background: rgba(255, 255, 255, .94) !important;
            border: 1px solid #e5e8ef !important;
            border-top: 1px solid #e5e8ef !important;
            border-radius: 14px !important;
            box-shadow: 0 18px 56px rgba(52, 60, 82, .105) !important;
            backdrop-filter: blur(15px) !important;
        }

        #page-platform.modern-reference-home .platform-step {
            width: max-content !important;
            margin: 0 auto 8px !important;
            color: var(--modern-ref-blue) !important;
            background: color-mix(in srgb, var(--store-primary, rgb(49, 93, 255)) 8%, transparent) !important;
            font-size: .72rem !important;
            font-weight: 950 !important;
        }

        #page-platform.modern-reference-home .platform-container h2 {
            margin: 0 !important;
            color: var(--modern-ref-ink) !important;
            text-align: center !important;
            font-size: 1.86rem !important;
            font-weight: 950 !important;
            line-height: 1.05 !important;
        }

        #page-platform.modern-reference-home .modern-platform-step,
        #page-platform.modern-reference-home .modern-category-step {
            position: relative !important;
        }

        #page-platform.modern-reference-home .modern-category-step.is-hidden,
        #page-platform.modern-reference-home .modern-platform-step.is-hidden {
            display: none !important;
        }

        #page-platform.modern-reference-home .modern-card-back {
            position: absolute !important;
            left: 0 !important;
            top: 0 !important;
            min-width: 104px !important;
            min-height: 42px !important;
            padding: 0 18px !important;
            border-radius: 999px !important;
            border: 1px solid rgba(229, 232, 240, .95) !important;
            background: rgba(255, 255, 255, .96) !important;
            color: var(--modern-ref-ink) !important;
            box-shadow: 0 12px 30px rgba(52, 60, 82, .10) !important;
            font-size: .9rem !important;
            font-weight: 850 !important;
        }

        #page-platform.modern-reference-home .modern-card-tabs {
            width: 100% !important;
            margin: 20px 0 0 !important;
            padding: 0 !important;
            background: transparent !important;
            border: 0 !important;
            box-shadow: none !important;
        }

        #page-platform.modern-reference-home .tab-header {
            display: flex !important;
            flex-wrap: wrap !important;
            justify-content: center !important;
            gap: 12px !important;
            margin: 0 0 22px !important;
        }

        #page-platform.modern-reference-home .tab-btn {
            min-height: 44px !important;
            padding: 0 22px !important;
            border-radius: 999px !important;
            border: 1px solid rgba(229, 232, 240, .9) !important;
            background: rgba(255, 255, 255, .88) !important;
            color: #7d8798 !important;
            font-size: .92rem !important;
            font-weight: 850 !important;
        }

        #page-platform.modern-reference-home .tab-btn.active {
            color: #fff !important;
            border-color: transparent !important;
            background: linear-gradient(135deg, var(--store-primary, #315dff), var(--store-primary-soft, #6677ff)) !important;
            box-shadow: 0 14px 32px color-mix(in srgb, var(--store-primary, rgb(49, 93, 255)) 18%, transparent) !important;
        }

        #page-platform.modern-reference-home .tab-content {
            display: none !important;
        }

        #page-platform.modern-reference-home .tab-content.active {
            display: block !important;
        }

        #page-platform.modern-reference-home .tab-content h2 {
            font-size: 1.45rem !important;
        }

        #page-platform.modern-reference-home .tab-description,
        #page-platform.modern-reference-home .texto-instrucao {
            color: #7d8798 !important;
            text-align: center !important;
            font-weight: 700 !important;
        }

        #page-platform.modern-reference-home .service-empty-state {
            min-height: 110px !important;
            display: grid !important;
            place-items: center !important;
            gap: 8px !important;
            text-align: center !important;
        }

        #page-platform.modern-reference-home .service-empty-state.is-hidden {
            display: none !important;
        }

        #page-platform.modern-reference-home .service-empty-state .titulo-servico {
            margin: 0 !important;
            color: var(--modern-ref-ink) !important;
            font-size: 1.35rem !important;
        }

        #page-platform.modern-reference-home .packages {
            display: grid !important;
            grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
            gap: 14px !important;
            margin-top: 18px !important;
        }

        #page-platform.modern-reference-home .package-card {
            min-height: 176px !important;
            padding: 18px !important;
            border-radius: 14px !important;
            background: rgba(255, 255, 255, .88) !important;
            border: 1px solid rgba(229, 232, 240, .94) !important;
            box-shadow: 0 14px 32px rgba(52, 60, 82, .08) !important;
            cursor: pointer !important;
        }

        #page-platform.modern-reference-home .package-card.highlighted {
            border-color: var(--store-primary-soft, #6677ff) !important;
            box-shadow: 0 18px 42px color-mix(in srgb, var(--store-primary, rgb(49, 93, 255)) 14%, transparent) !important;
        }

        #page-platform.modern-reference-home .package-icon {
            width: 42px !important;
            height: 42px !important;
            border-radius: 14px !important;
            display: grid !important;
            place-items: center !important;
            background: linear-gradient(135deg, var(--store-primary, #315dff), var(--store-primary-soft, #6677ff)) !important;
            color: #fff !important;
            margin-bottom: 12px !important;
        }

        #page-platform.modern-reference-home .package-amount,
        #page-platform.modern-reference-home .package-price {
            color: var(--modern-ref-ink) !important;
            font-weight: 950 !important;
        }

        #page-platform.modern-reference-home .package-unit,
        #page-platform.modern-reference-home .package-subtitle {
            color: #7d8798 !important;
            font-weight: 700 !important;
        }

        #page-platform.modern-reference-home .package-action {
            color: var(--store-primary, #315dff) !important;
            font-weight: 900 !important;
        }

        #page-platform.modern-reference-home .platform-description {
            margin: 9px 0 21px !important;
            color: #7d8798 !important;
            text-align: center !important;
            font-size: 1rem !important;
            font-weight: 700 !important;
        }

        #page-platform.modern-reference-home .platforms {
            display: grid !important;
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
            gap: 12px !important;
            margin: 0 0 22px !important;
        }

        #page-platform.modern-reference-home .platform-item {
            min-height: 70px !important;
            display: grid !important;
            grid-template-columns: 48px minmax(0, 1fr) 40px !important;
            align-items: center !important;
            gap: 15px !important;
            padding: 12px 16px 12px 18px !important;
            text-align: left !important;
            background: #fff !important;
            border: 1px solid #e7eaf0 !important;
            border-radius: 8px !important;
            box-shadow: none !important;
            transform: none !important;
        }

        #page-platform.modern-reference-home .platform-item:hover,
        #page-platform.modern-reference-home .platform-item.selected {
            background: linear-gradient(90deg, color-mix(in srgb, var(--store-primary, rgb(49, 93, 255)) 5.5%, transparent), #fff) !important;
            border-color: var(--modern-ref-blue) !important;
        }

        #page-platform.modern-reference-home .platform-icon {
            width: 44px !important;
            height: 44px !important;
            border-radius: 12px !important;
            color: #fff !important;
            font-size: 1.42rem !important;
        }

        #page-platform.modern-reference-home .platform-name {
            color: var(--modern-ref-ink) !important;
            font-size: 1rem !important;
            font-weight: 900 !important;
        }

        #page-platform.modern-reference-home .platform-copy {
            margin-top: 4px !important;
            color: #8a93a5 !important;
            font-size: .82rem !important;
            font-weight: 650 !important;
        }

        #page-platform.modern-reference-home .platform-arrow {
            width: 36px !important;
            height: 36px !important;
            background: #fff !important;
            border: 1px solid #e5e9f1 !important;
            color: #25314a !important;
        }

        #page-platform.modern-reference-home .platform-item.selected .platform-arrow {
            color: #fff !important;
            background: linear-gradient(135deg, var(--store-primary-soft, #6677ff), var(--store-primary, #315dff)) !important;
            border: 0 !important;
        }

        #page-platform.modern-reference-home .next-btn {
            width: 220px !important;
            min-height: 48px !important;
            margin: 0 auto !important;
            background: linear-gradient(135deg, var(--store-primary, #315dff), var(--store-primary-soft, #6677ff)) !important;
            border: 0 !important;
            color: #fff !important;
            box-shadow: 0 16px 30px color-mix(in srgb, var(--store-primary, rgb(49, 93, 255)) 28%, transparent) !important;
        }

        #page-platform.modern-reference-home .footer-text {
            display: flex !important;
            justify-content: center !important;
            gap: 44px !important;
            margin: 20px 0 0 !important;
            color: #858ea0 !important;
            font-size: .9rem !important;
            font-weight: 750 !important;
        }

        #page-platform.modern-reference-home .footer-text i {
            color: var(--modern-ref-blue) !important;
        }

        @media (max-width: 980px) {
            #page-platform.modern-reference-home {
                min-height: auto !important;
                padding-bottom: 28px !important;
            }

            #page-platform.modern-reference-home > .container {
                width: min(100% - 28px, 620px) !important;
                padding-top: 105px !important;
                display: block !important;
            }

            #page-platform.modern-reference-home .modern-hero-copy,
            #page-platform.modern-reference-home h1,
            #page-platform.modern-reference-home .subtitle {
                padding-left: 0 !important;
                text-align: center !important;
                margin-left: auto !important;
                margin-right: auto !important;
            }

            #page-platform.modern-reference-home .modern-trust-row {
                grid-template-columns: 1fr !important;
                max-width: 290px !important;
                margin: 0 auto !important;
                gap: 12px !important;
            }

            #page-platform.modern-reference-home .modern-hero-art {
                height: 270px !important;
                min-height: 270px !important;
                margin-top: 20px !important;
            }

            #page-platform.modern-reference-home .platform-container {
                width: 100% !important;
                min-height: 0 !important;
                margin-top: 20px !important;
            }

            #page-platform.modern-reference-home .platforms {
                grid-template-columns: 1fr !important;
            }
        }

        html:not([data-theme="light"]) {
            --modern-ref-ink: #f8fbff !important;
            --modern-ref-muted: #a8b3c7 !important;
            --modern-ref-line: rgba(255, 255, 255, .12) !important;
            --bg-primary: #08111f !important;
            --text-primary: #f8fbff !important;
            --text-secondary: #a8b3c7 !important;
            background: #08111f !important;
        }

        html:not([data-theme="light"]) body {
            background: #08111f !important;
            color: #f8fbff !important;
        }

        html:not([data-theme="light"]) .store-legal-logo {
            background: linear-gradient(135deg, #19243a, var(--store-primary, #315dff)) !important;
        }

        html:not([data-theme="light"]) .theme-toggle {
            background: rgba(255, 255, 255, .08) !important;
            border-color: rgba(255, 255, 255, .12) !important;
            color: #fff !important;
            box-shadow: 0 10px 24px rgba(0, 0, 0, .22) !important;
        }

        html:not([data-theme="light"]) .theme-toggle i {
            color: #fff !important;
        }

        html:not([data-theme="light"]) .notification-popup {
            background: rgba(15, 23, 42, .94) !important;
            border-color: rgba(255, 255, 255, .10) !important;
            color: #f8fbff !important;
            box-shadow: 0 20px 46px rgba(0, 0, 0, .35) !important;
        }

        html:not([data-theme="light"]) .notification-name {
            color: #f8fbff !important;
        }

        html:not([data-theme="light"]) .notification-action,
        html:not([data-theme="light"]) .notification-time {
            color: #a8b3c7 !important;
        }

        html:not([data-theme="light"]) #page-platform.modern-reference-home {
            background:
                radial-gradient(circle at 75% 36%, color-mix(in srgb, var(--store-primary, rgb(49, 93, 255)) 18%, transparent), transparent 24rem),
                linear-gradient(135deg, #08111f 0%, #101a31 58%, #07101d 100%) !important;
        }

        html:not([data-theme="light"]) #page-platform.modern-reference-home::before {
            background-image:
                linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px),
                linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px) !important;
            opacity: 1 !important;
        }

        html:not([data-theme="light"]) .store-legal-header {
            background: rgba(8, 17, 31, .9) !important;
            border-bottom-color: rgba(255, 255, 255, .08) !important;
            box-shadow: 0 12px 34px rgba(0, 0, 0, .16) !important;
        }

        html:not([data-theme="light"]) #page-platform.modern-reference-home h1 {
            color: #f8fbff !important;
            -webkit-text-fill-color: #f8fbff !important;
        }

        html:not([data-theme="light"]) #page-platform.modern-reference-home .subtitle,
        html:not([data-theme="light"]) #page-platform.modern-reference-home .modern-trust-text,
        html:not([data-theme="light"]) #page-platform.modern-reference-home .platform-description,
        html:not([data-theme="light"]) #page-platform.modern-reference-home .platform-copy,
        html:not([data-theme="light"]) #page-platform.modern-reference-home .footer-text {
            color: #a8b3c7 !important;
        }

        html:not([data-theme="light"]) #page-platform.modern-reference-home .modern-trust-title,
        html:not([data-theme="light"]) #page-platform.modern-reference-home .platform-container h2,
        html:not([data-theme="light"]) #page-platform.modern-reference-home .platform-name,
        html:not([data-theme="light"]) #page-platform.modern-reference-home .package-amount,
        html:not([data-theme="light"]) #page-platform.modern-reference-home .package-price,
        html:not([data-theme="light"]) #page-platform.modern-reference-home .service-empty-state .titulo-servico,
        html:not([data-theme="light"]) #page-platform.modern-reference-home .modern-card-back {
            color: #f8fbff !important;
        }

        html:not([data-theme="light"]) #page-platform.modern-reference-home .modern-phone {
            background: linear-gradient(145deg, rgba(255,255,255,.10), rgba(255,255,255,.04)) !important;
            border-color: rgba(255, 255, 255, .12) !important;
            box-shadow: 0 26px 70px rgba(0, 0, 0, .28) !important;
        }

        html:not([data-theme="light"]) #page-platform.modern-reference-home .modern-phone::before {
            background:
                radial-gradient(circle at 50% 32%, color-mix(in srgb, var(--store-primary, rgb(49, 93, 255)) 18%, transparent), transparent 88px),
                linear-gradient(160deg, rgba(255,255,255,.08), rgba(255,255,255,.03)) !important;
            box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08) !important;
        }

        html:not([data-theme="light"]) #page-platform.modern-reference-home .modern-orbit {
            border-color: rgba(102, 119, 255, .18) !important;
        }

        html:not([data-theme="light"]) #page-platform.modern-reference-home .modern-float-card,
        html:not([data-theme="light"]) #page-platform.modern-reference-home .platform-container,
        html:not([data-theme="light"]) #page-platform.modern-reference-home .platform-item,
        html:not([data-theme="light"]) #page-platform.modern-reference-home .platform-arrow,
        html:not([data-theme="light"]) #page-platform.modern-reference-home .package-card,
        html:not([data-theme="light"]) #page-platform.modern-reference-home .tab-btn,
        html:not([data-theme="light"]) #page-platform.modern-reference-home .modern-card-back {
            background: rgba(15, 23, 42, .86) !important;
            border-color: rgba(255, 255, 255, .11) !important;
            box-shadow: 0 18px 46px rgba(0, 0, 0, .24) !important;
        }

        html:not([data-theme="light"]) #page-platform.modern-reference-home .platform-item:hover,
        html:not([data-theme="light"]) #page-platform.modern-reference-home .platform-item.selected {
            background: linear-gradient(90deg, color-mix(in srgb, var(--store-primary, rgb(49, 93, 255)) 18%, transparent), rgba(15, 23, 42, .92)) !important;
            border-color: var(--store-primary-soft, #6677ff) !important;
        }

        html:not([data-theme="light"]) #page-platform.modern-reference-home .platform-step,
        html:not([data-theme="light"]) #page-platform.modern-reference-home .modern-kicker {
            background: color-mix(in srgb, var(--store-primary, rgb(49, 93, 255)) 16%, transparent) !important;
            color: #9cadff !important;
        }

        @media (max-width: 640px) {
            .store-legal-header {
                min-height: 88px !important;
                padding: 18px 16px 0 !important;
            }

            .store-legal-header-inner {
                min-height: 60px !important;
                justify-content: space-between !important;
                gap: 10px !important;
            }

            .store-legal-logo {
                display: grid !important;
                width: 50px !important;
                height: 50px !important;
                flex: 0 0 50px !important;
                border-radius: 8px !important;
                background: rgba(255, 255, 255, .08) !important;
            }

            .store-header-actions {
                width: auto !important;
                justify-content: flex-end !important;
                gap: 10px !important;
                margin-left: auto !important;
            }

            .store-header-orders-btn {
                flex: 0 0 auto !important;
                min-width: 0 !important;
                width: 156px !important;
                max-width: 156px !important;
                min-height: 52px !important;
                padding: 0 16px !important;
                font-size: .82rem !important;
                gap: 7px !important;
            }

            .theme-toggle {
                width: 52px !important;
                height: 52px !important;
                flex: 0 0 52px !important;
            }

            #notificationsContainer {
                display: none !important;
            }

            #page-platform.modern-reference-home {
                min-height: 100svh !important;
                overflow-x: hidden !important;
                padding-bottom: 26px !important;
            }

            #page-platform.modern-reference-home > .container {
                width: min(100% - 28px, 390px) !important;
                margin: 0 auto !important;
                padding-top: 112px !important;
                display: flex !important;
                flex-direction: column !important;
                align-items: stretch !important;
            }

            #page-platform.modern-reference-home .modern-hero-copy {
                width: 100% !important;
                padding: 0 !important;
                text-align: center !important;
            }

            #page-platform.modern-reference-home .modern-kicker {
                margin: 0 auto 22px !important;
                font-size: .72rem !important;
            }

            #page-platform.modern-reference-home h1 {
                max-width: 350px !important;
                margin: 0 auto 12px !important;
                text-align: center !important;
                font-size: clamp(2.9rem, 13vw, 3.22rem) !important;
                line-height: .98 !important;
                letter-spacing: 0 !important;
                overflow-wrap: normal !important;
                word-break: normal !important;
            }

            #page-platform.modern-reference-home .modern-hero-accent {
                text-decoration-thickness: 5px !important;
                text-underline-offset: 3px !important;
            }

            #page-platform.modern-reference-home .subtitle {
                max-width: 330px !important;
                margin: 0 auto 28px !important;
                text-align: center !important;
                font-size: .98rem !important;
                line-height: 1.45 !important;
            }

            #page-platform.modern-reference-home .modern-trust-row {
                width: 100% !important;
                max-width: 340px !important;
                margin: 0 auto 22px !important;
                display: grid !important;
                grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
                gap: 8px !important;
            }

            #page-platform.modern-reference-home .modern-trust-item {
                display: flex !important;
                flex-direction: column !important;
                align-items: center !important;
                justify-content: flex-start !important;
                gap: 7px !important;
                text-align: center !important;
            }

            #page-platform.modern-reference-home .modern-trust-icon {
                width: 34px !important;
                height: 34px !important;
                font-size: 1.25rem !important;
            }

            #page-platform.modern-reference-home .modern-trust-title {
                font-size: .76rem !important;
                line-height: 1.12 !important;
            }

            #page-platform.modern-reference-home .modern-trust-text {
                margin-top: 2px !important;
                font-size: .68rem !important;
                line-height: 1.15 !important;
            }

            #page-platform.modern-reference-home .modern-hero-art {
                display: none !important;
            }

            #page-platform.modern-reference-home .platform-container {
                width: 100% !important;
                margin: 0 auto !important;
                padding: 20px 14px 22px !important;
                border-radius: 14px !important;
            }

            #page-platform.modern-reference-home .modern-card-back {
                position: static !important;
                width: max-content !important;
                margin: 0 0 16px !important;
            }

            #page-platform.modern-reference-home .tab-header {
                justify-content: flex-start !important;
                gap: 8px !important;
                overflow-x: auto !important;
                flex-wrap: nowrap !important;
                padding-bottom: 4px !important;
            }

            #page-platform.modern-reference-home .tab-btn {
                flex: 0 0 auto !important;
                min-height: 40px !important;
                padding: 0 16px !important;
                font-size: .8rem !important;
            }

            #page-platform.modern-reference-home .packages {
                grid-template-columns: 1fr !important;
            }

            #page-platform.modern-reference-home .platform-container h2 {
                font-size: 1.42rem !important;
                line-height: 1.1 !important;
            }

            #page-platform.modern-reference-home .platform-description {
                font-size: .86rem !important;
                margin-bottom: 16px !important;
            }

            #page-platform.modern-reference-home .platforms {
                grid-template-columns: 1fr !important;
                gap: 9px !important;
            }

            #page-platform.modern-reference-home .platform-item {
                min-height: 62px !important;
                grid-template-columns: 44px minmax(0, 1fr) 36px !important;
                padding: 9px 12px !important;
            }

            #page-platform.modern-reference-home .platform-icon {
                width: 40px !important;
                height: 40px !important;
                font-size: 1.25rem !important;
            }

            #page-platform.modern-reference-home .platform-name {
                font-size: .92rem !important;
            }

            #page-platform.modern-reference-home .platform-copy {
                font-size: .72rem !important;
            }

            #page-platform.modern-reference-home .next-btn {
                width: min(210px, 100%) !important;
                min-height: 48px !important;
                margin-top: 8px !important;
            }

            #page-platform.modern-reference-home .footer-text {
                flex-direction: column !important;
                align-items: center !important;
                gap: 7px !important;
                margin-top: 16px !important;
                font-size: .78rem !important;
            }

            .whatsapp-btn {
                width: 54px !important;
                height: 54px !important;
                right: 18px !important;
                bottom: 20px !important;
            }
        }

        /* Proportion pass: softer desktop scale and no edge clipping. */
        #page-platform.modern-reference-home {
            min-height: auto !important;
            padding: clamp(96px, 9vw, 122px) clamp(16px, 3vw, 36px) 44px !important;
            overflow-x: clip !important;
        }

        #page-platform.modern-reference-home > .container {
            width: min(1080px, 100%) !important;
            max-width: 1080px !important;
            margin: 0 auto !important;
            grid-template-columns: minmax(0, .9fr) minmax(300px, .72fr) !important;
            column-gap: clamp(28px, 5vw, 58px) !important;
        }

        #page-platform.modern-reference-home .modern-hero-copy {
            padding: clamp(18px, 3.5vw, 42px) 0 0 clamp(0px, 2.4vw, 32px) !important;
        }

        #page-platform.modern-reference-home h1 {
            max-width: 460px !important;
            font-size: clamp(2.72rem, 4.6vw, 3.75rem) !important;
            line-height: 1.02 !important;
        }

        #page-platform.modern-reference-home .subtitle {
            max-width: 500px !important;
            font-size: clamp(.95rem, 1.35vw, 1.02rem) !important;
            line-height: 1.48 !important;
        }

        #page-platform.modern-reference-home .modern-trust-row {
            max-width: 520px !important;
            gap: clamp(14px, 2vw, 22px) !important;
        }

        #page-platform.modern-reference-home .modern-hero-art {
            min-height: 315px !important;
            margin-top: 28px !important;
        }

        #page-platform.modern-reference-home .modern-orbit {
            right: 0 !important;
            top: 56px !important;
            width: min(430px, 100%) !important;
        }

        #page-platform.modern-reference-home .modern-phone {
            right: clamp(42px, 7vw, 72px) !important;
            width: min(218px, 62%) !important;
        }

        #page-platform.modern-reference-home .modern-rocket {
            right: clamp(168px, 19vw, 196px) !important;
            width: 70px !important;
            height: 140px !important;
        }

        #page-platform.modern-reference-home .modern-float-card {
            width: 60px !important;
            height: 60px !important;
            font-size: 1.55rem !important;
            border-radius: 16px !important;
        }

        #page-platform.modern-reference-home .platform-container {
            width: min(760px, 100%) !important;
            min-height: 0 !important;
            margin: 12px auto 0 !important;
            padding: clamp(20px, 2.6vw, 26px) clamp(18px, 3vw, 30px) 24px !important;
        }

        #page-platform.modern-reference-home .platform-container h2 {
            font-size: clamp(1.45rem, 2vw, 1.68rem) !important;
        }

        #page-platform.modern-reference-home .platform-description {
            font-size: .94rem !important;
            margin-bottom: 18px !important;
        }

        #page-platform.modern-reference-home .platforms {
            gap: 10px !important;
        }

        #page-platform.modern-reference-home .platform-item {
            min-height: 64px !important;
            padding: 10px 14px !important;
        }

        @media (max-width: 1100px) {
            #page-platform.modern-reference-home > .container {
                grid-template-columns: minmax(0, 1fr) minmax(270px, .68fr) !important;
            }

            #page-platform.modern-reference-home .modern-hero-copy {
                padding-left: 0 !important;
            }
        }

        @media (max-width: 820px) {
            #page-platform.modern-reference-home {
                padding-top: 104px !important;
            }

            #page-platform.modern-reference-home > .container {
                display: flex !important;
                flex-direction: column !important;
                align-items: stretch !important;
                width: min(100%, 620px) !important;
            }

            #page-platform.modern-reference-home .modern-hero-copy,
            #page-platform.modern-reference-home h1,
            #page-platform.modern-reference-home .subtitle {
                text-align: center !important;
                margin-left: auto !important;
                margin-right: auto !important;
            }

            #page-platform.modern-reference-home .modern-trust-row {
                margin: 0 auto 18px !important;
            }

            #page-platform.modern-reference-home .modern-hero-art {
                display: none !important;
            }

            #page-platform.modern-reference-home .platform-container {
                margin-top: 8px !important;
            }
        }

        @media (max-width: 640px) {
            #page-platform.modern-reference-home {
                padding: 96px 14px 28px !important;
            }

            #page-platform.modern-reference-home > .container {
                width: min(100%, 430px) !important;
                padding-top: 0 !important;
            }

            #page-platform.modern-reference-home h1 {
                max-width: 340px !important;
                font-size: clamp(2.2rem, 10.8vw, 2.72rem) !important;
            }

            #page-platform.modern-reference-home .subtitle {
                max-width: 330px !important;
                margin-bottom: 22px !important;
                font-size: .9rem !important;
            }

            #page-platform.modern-reference-home .modern-trust-row {
                max-width: 330px !important;
            }
        }

        /* Full Engajar-style rebuild */
        html,
        html[data-theme="light"],
        html:not([data-theme="light"]) {
            --modern-ref-pink: #ff2f92 !important;
            --modern-ref-ink: #30394c !important;
            --modern-ref-muted: #687184 !important;
            --modern-ref-soft: #f7f8fb !important;
            --modern-ref-line: #e9edf4 !important;
            background: #fff !important;
        }

        html body,
        html:not([data-theme="light"]) body {
            min-height: 100vh !important;
            background: #fff !important;
            color: var(--modern-ref-ink) !important;
            font-family: "Inter", "Segoe UI", Arial, sans-serif !important;
            overflow-x: hidden !important;
        }

        body::before,
        html:not([data-theme="light"]) body::before {
            content: "" !important;
            position: fixed !important;
            inset: 0 !important;
            z-index: -1 !important;
            pointer-events: none !important;
            background-image:
                linear-gradient(rgba(226, 231, 239, .58) 1px, transparent 1px),
                linear-gradient(90deg, rgba(226, 231, 239, .58) 1px, transparent 1px) !important;
            background-size: 31px 31px !important;
            opacity: .72 !important;
            mask-image: none !important;
        }

        #stars,
        .modern-hero-art,
        .modern-content-section,
        .video-section,
        .testimonials-section,
        .faq-contact,
        #page-categories {
            display: none !important;
        }

        .store-legal-header,
        html:not([data-theme="light"]) .store-legal-header {
            position: relative !important;
            min-height: 112px !important;
            padding: 0 18px !important;
            background: transparent !important;
            border: 0 !important;
            box-shadow: none !important;
        }

        .store-legal-header-inner {
            width: min(640px, 100%) !important;
            min-height: 112px !important;
            margin: 0 auto !important;
            align-items: center !important;
        }

        .store-legal-logo img {
            max-width: 310px !important;
            max-height: 96px !important;
        }

        .store-legal-logo span {
            color: #30394c !important;
            font-size: 1.85rem !important;
            font-weight: 950 !important;
            letter-spacing: -0.03em !important;
        }

        .store-header-actions {
            gap: 8px !important;
        }

        .theme-toggle,
        .store-header-orders-btn,
        html:not([data-theme="light"]) .theme-toggle {
            width: auto !important;
            min-width: 0 !important;
            height: 34px !important;
            min-height: 34px !important;
            padding: 0 16px !important;
            border: 1px solid var(--modern-ref-line) !important;
            border-radius: 999px !important;
            background: rgba(255, 255, 255, .88) !important;
            color: #252d3d !important;
            box-shadow: none !important;
            font-size: .79rem !important;
            font-weight: 850 !important;
        }

        .theme-toggle {
            gap: 7px !important;
        }

        .theme-toggle::after {
            content: "Carrinho";
            font-size: .79rem;
            font-weight: 850;
        }

        .theme-toggle i,
        .store-header-orders-btn i {
            color: #252d3d !important;
            font-size: .78rem !important;
        }

        .store-header-orders-btn span {
            font-size: .79rem !important;
        }

        #page-platform.modern-reference-home {
            display: block !important;
            min-height: auto !important;
            padding: 0 16px 0 !important;
            background: transparent !important;
            overflow: visible !important;
        }

        #page-platform.modern-reference-home::before {
            content: none !important;
        }

        #page-platform.modern-reference-home > .container {
            position: relative !important;
            z-index: 1 !important;
            width: min(640px, 100%) !important;
            max-width: 640px !important;
            margin: 0 auto !important;
            padding: 64px 0 0 !important;
            display: flex !important;
            flex-direction: column !important;
            align-items: stretch !important;
        }

        #page-platform.modern-reference-home .modern-hero-copy {
            order: 1 !important;
            width: 100% !important;
            padding: 0 !important;
            text-align: center !important;
        }

        #page-platform.modern-reference-home .modern-kicker {
            display: none !important;
        }

        #page-platform.modern-reference-home h1 {
            max-width: 470px !important;
            margin: 0 auto 12px !important;
            color: var(--modern-ref-ink) !important;
            background: none !important;
            -webkit-text-fill-color: var(--modern-ref-ink) !important;
            text-align: center !important;
            font-size: clamp(2.75rem, 4.2vw, 3.9rem) !important;
            line-height: .95 !important;
            font-weight: 950 !important;
            letter-spacing: -0.035em !important;
        }

        #page-platform.modern-reference-home .modern-hero-accent {
            position: relative !important;
            display: inline-block !important;
            color: var(--modern-ref-pink) !important;
            -webkit-text-fill-color: var(--modern-ref-pink) !important;
            text-decoration: none !important;
        }

        #page-platform.modern-reference-home .modern-hero-accent::after {
            content: "" !important;
            position: absolute !important;
            left: 50% !important;
            bottom: -13px !important;
            width: 188px !important;
            height: 13px !important;
            transform: translateX(-50%) !important;
            border: 5px solid var(--modern-ref-pink) !important;
            border-color: var(--modern-ref-pink) transparent transparent transparent !important;
            border-radius: 50% !important;
        }

        #page-platform.modern-reference-home .subtitle {
            max-width: 420px !important;
            margin: 0 auto !important;
            color: #687184 !important;
            text-align: center !important;
            font-size: .96rem !important;
            line-height: 1.42 !important;
            font-weight: 600 !important;
        }

        #page-platform.modern-reference-home .modern-trust-row {
            display: none !important;
        }

        #page-platform.modern-reference-home .modern-trust-item {
            min-height: 104px !important;
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 8px !important;
            padding: 16px 12px !important;
            background: rgba(255, 255, 255, .9) !important;
            border: 1px solid var(--modern-ref-line) !important;
            border-radius: 14px !important;
            box-shadow: none !important;
            text-align: center !important;
        }

        #page-platform.modern-reference-home .modern-trust-icon {
            width: 30px !important;
            height: 30px !important;
            display: grid !important;
            place-items: center !important;
            border-radius: 50% !important;
            background: #ffe8f3 !important;
            color: var(--modern-ref-pink) !important;
            font-size: .95rem !important;
        }

        #page-platform.modern-reference-home .modern-trust-title {
            color: #252d3d !important;
            font-size: .8rem !important;
            line-height: 1.1 !important;
            font-weight: 950 !important;
        }

        #page-platform.modern-reference-home .modern-trust-text {
            color: #8891a2 !important;
            font-size: .68rem !important;
            line-height: 1.15 !important;
            font-weight: 700 !important;
        }

        .modern-ref-metrics {
            order: 2 !important;
            position: relative !important;
            width: 100% !important;
            height: 116px !important;
            margin: 0 auto !important;
            pointer-events: none !important;
        }

        .modern-ref-metric {
            position: absolute !important;
            display: grid !important;
            grid-template-columns: 42px 1fr !important;
            align-items: center !important;
            gap: 10px !important;
            min-width: 156px !important;
            min-height: 58px !important;
            padding: 9px 13px !important;
            border: 1px solid var(--modern-ref-line) !important;
            border-radius: 14px !important;
            background: rgba(255, 255, 255, .94) !important;
            box-shadow: 0 14px 28px rgba(41, 48, 70, .06) !important;
        }

        .modern-ref-metric-icon {
            width: 38px !important;
            height: 38px !important;
            display: grid !important;
            place-items: center !important;
            border-radius: 11px !important;
            background: var(--modern-ref-pink) !important;
            color: #fff !important;
            font-size: 1.12rem !important;
            box-shadow: 0 8px 18px rgba(255, 47, 146, .23) !important;
        }

        .modern-ref-metric small {
            display: block !important;
            color: #9aa2b1 !important;
            font-size: .62rem !important;
            line-height: 1 !important;
            font-weight: 950 !important;
            letter-spacing: .13em !important;
            text-transform: uppercase !important;
        }

        .modern-ref-metric strong {
            display: inline-block !important;
            margin-top: 4px !important;
            color: #00a57f !important;
            font-size: 1.06rem !important;
            line-height: 1 !important;
            font-weight: 950 !important;
        }

        .modern-ref-metric em {
            display: inline-block !important;
            margin-left: 10px !important;
            color: #10bf8a !important;
            font-size: .62rem !important;
            font-style: normal !important;
            font-weight: 950 !important;
        }

        .metric-followers {
            left: 0 !important;
            top: -96px !important;
            transform: rotate(-8deg) !important;
        }

        .metric-likes {
            right: 0 !important;
            top: -82px !important;
            transform: rotate(7deg) !important;
        }

        .metric-views {
            left: 10px !important;
            bottom: 8px !important;
            transform: rotate(9deg) !important;
        }

        .metric-comments {
            right: 8px !important;
            bottom: 0 !important;
            transform: rotate(-7deg) !important;
        }

        #page-platform.modern-reference-home .platform-container {
            order: 3 !important;
            width: 100% !important;
            max-width: 640px !important;
            min-height: 0 !important;
            margin: 0 auto !important;
            padding: 0 !important;
            background: transparent !important;
            border: 0 !important;
            border-radius: 0 !important;
            box-shadow: none !important;
            backdrop-filter: none !important;
        }

        #page-platform.modern-reference-home .modern-platform-step,
        #page-platform.modern-reference-home .modern-category-step {
            width: 100% !important;
            padding: 0 !important;
            background: transparent !important;
            border: 0 !important;
            box-shadow: none !important;
        }

        #page-platform.modern-reference-home .platform-step,
        #page-platform.modern-reference-home .platform-container h2,
        #page-platform.modern-reference-home .platform-description {
            display: none !important;
        }

        #page-platform.modern-reference-home .platforms {
            display: grid !important;
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
            gap: 12px !important;
            margin: 0 !important;
        }

        #page-platform.modern-reference-home .platform-item {
            min-height: 82px !important;
            display: grid !important;
            grid-template-columns: 56px minmax(0, 1fr) 34px !important;
            align-items: center !important;
            gap: 12px !important;
            padding: 14px 14px !important;
            border: 1px solid var(--modern-ref-line) !important;
            border-radius: 14px !important;
            background: rgba(255, 255, 255, .96) !important;
            box-shadow: 0 8px 20px rgba(41, 48, 70, .035) !important;
            text-align: left !important;
            transform: none !important;
        }

        #page-platform.modern-reference-home .platform-item:hover,
        #page-platform.modern-reference-home .platform-item.selected {
            border-color: var(--modern-ref-pink) !important;
            background: #fff !important;
            box-shadow: 0 10px 24px rgba(255, 47, 146, .08) !important;
        }

        #page-platform.modern-reference-home .platform-icon {
            width: 48px !important;
            height: 48px !important;
            display: grid !important;
            place-items: center !important;
            border-radius: 12px !important;
            background: var(--modern-ref-pink) !important;
            color: #fff !important;
            font-size: 1.35rem !important;
        }

        #page-platform.modern-reference-home .platform-name {
            color: #111827 !important;
            font-size: .95rem !important;
            line-height: 1.1 !important;
            font-weight: 950 !important;
            text-transform: none !important;
        }

        #page-platform.modern-reference-home .platform-copy {
            margin-top: 6px !important;
            color: #8b93a3 !important;
            font-size: .68rem !important;
            line-height: 1.1 !important;
            font-weight: 700 !important;
        }

        #page-platform.modern-reference-home .platform-copy {
            color: transparent !important;
            font-size: 0 !important;
        }

        #page-platform.modern-reference-home .platform-copy::before {
            color: #8b93a3 !important;
            font-size: .68rem !important;
            line-height: 1.1 !important;
            font-weight: 700 !important;
        }

        #page-platform.modern-reference-home .platform-item[data-platform="instagram" i] .platform-copy::before {
            content: "a partir de R$ 0.15";
        }

        #page-platform.modern-reference-home .platform-item[data-platform="tiktok" i] .platform-copy::before {
            content: "a partir de R$ 0.99";
        }

        #page-platform.modern-reference-home .platform-item[data-platform="youtube" i] .platform-copy::before {
            content: "a partir de R$ 30.50";
        }

        #page-platform.modern-reference-home .platform-item[data-platform="kwai" i] .platform-copy::before {
            content: "a partir de R$ 1.00";
        }

        #page-platform.modern-reference-home .platform-copy::first-letter {
            text-transform: lowercase !important;
        }

        #page-platform.modern-reference-home .platform-arrow {
            width: 30px !important;
            height: 30px !important;
            display: grid !important;
            place-items: center !important;
            border: 1px solid var(--modern-ref-line) !important;
            border-radius: 50% !important;
            background: #fff !important;
            color: #111827 !important;
            font-size: .75rem !important;
        }

        #page-platform.modern-reference-home .platform-item.selected .platform-arrow {
            border: 0 !important;
            color: #fff !important;
            background: var(--modern-ref-pink) !important;
            box-shadow: 0 8px 16px rgba(255, 47, 146, .22) !important;
        }

        #page-platform.modern-reference-home .next-btn {
            display: none !important;
        }

        #page-platform.modern-reference-home .footer-text {
            width: 100% !important;
            display: grid !important;
            grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
            gap: 12px !important;
            margin: 44px 0 0 !important;
            color: inherit !important;
            font-size: initial !important;
        }

        #page-platform.modern-reference-home .footer-text span {
            min-height: 104px !important;
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 7px !important;
            padding: 16px 12px !important;
            border: 1px solid var(--modern-ref-line) !important;
            border-radius: 14px !important;
            background: rgba(255, 255, 255, .9) !important;
            color: #252d3d !important;
            text-align: center !important;
            font-size: .8rem !important;
            line-height: 1.1 !important;
            font-weight: 950 !important;
        }

        #page-platform.modern-reference-home .footer-text span {
            color: transparent !important;
            font-size: 0 !important;
        }

        #page-platform.modern-reference-home .footer-text span::before {
            display: block !important;
            color: #252d3d !important;
            font-size: .8rem !important;
            line-height: 1.1 !important;
            font-weight: 950 !important;
        }

        #page-platform.modern-reference-home .footer-text span:nth-child(1)::before {
            content: "Compra segura";
        }

        #page-platform.modern-reference-home .footer-text span:nth-child(2)::before {
            content: "Sem senha";
        }

        #page-platform.modern-reference-home .footer-text span:nth-child(3)::before {
            content: "Acompanhe";
        }

        #page-platform.modern-reference-home .footer-text span::after {
            display: block !important;
            color: #8b93a3 !important;
            font-size: .68rem !important;
            line-height: 1.1 !important;
            font-weight: 700 !important;
        }

        #page-platform.modern-reference-home .footer-text span:nth-child(1)::after {
            content: "Dados protegidos";
        }

        #page-platform.modern-reference-home .footer-text span:nth-child(2)::after {
            content: "Nunca pedimos";
        }

        #page-platform.modern-reference-home .footer-text span:nth-child(3)::after {
            content: "Status do pedido";
        }

        #page-platform.modern-reference-home .footer-text i {
            width: 30px !important;
            height: 30px !important;
            display: grid !important;
            place-items: center !important;
            border-radius: 50% !important;
            background: #ffe8f3 !important;
            color: var(--modern-ref-pink) !important;
            font-size: .85rem !important;
        }

        .faq-section {
            width: min(640px, calc(100% - 32px)) !important;
            margin: 34px auto 0 !important;
            padding: 0 !important;
        }

        .faq-section > .container {
            width: 100% !important;
            max-width: none !important;
            padding: 20px 22px 22px !important;
            border: 1px solid var(--modern-ref-line) !important;
            border-radius: 18px !important;
            background:
                linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(255, 255, 255, .84)) !important;
            box-shadow: 0 22px 52px rgba(31, 46, 76, .08) !important;
        }

        .faq-section h2 {
            margin: 0 0 7px !important;
            color: #111827 !important;
            text-align: left !important;
            font-size: 1.16rem !important;
            line-height: 1.15 !important;
            font-weight: 950 !important;
        }

        .faq-section h2::before {
            content: "\f059  D\00daVIDAS R\00c1PIDAS";
            display: inline-flex !important;
            align-items: center !important;
            margin: 0 0 13px !important;
            padding: 7px 10px !important;
            border-radius: 999px !important;
            background: var(--modern-ref-icon-soft) !important;
            color: var(--modern-ref-pink) !important;
            font-family: "Font Awesome 6 Free", "Inter", sans-serif !important;
            font-size: .7rem !important;
            line-height: 1 !important;
            font-weight: 950 !important;
            letter-spacing: .15em !important;
        }

        .faq-section > .container > p {
            margin: 0 0 18px !important;
            color: #8b93a3 !important;
            text-align: left !important;
            font-size: .76rem !important;
            line-height: 1.45 !important;
            font-weight: 700 !important;
        }

        .faq-container {
            overflow: hidden !important;
            border: 1px solid var(--modern-ref-line) !important;
            border-radius: 16px !important;
            background: var(--modern-ref-card) !important;
            box-shadow: 0 16px 36px rgba(31, 46, 76, .055) !important;
            margin-top: 0 !important;
        }

        .faq-item {
            margin: 0 !important;
            border: 0 !important;
            border-bottom: 1px solid var(--modern-ref-line) !important;
            border-radius: 0 !important;
            background: transparent !important;
            box-shadow: none !important;
            transition: background .2s ease !important;
        }

        .faq-item:hover {
            background: color-mix(in srgb, var(--store-primary, rgb(37, 99, 255)) 3.5%, transparent) !important;
        }

        .faq-item:last-child {
            border-bottom: 0 !important;
        }

        .faq-question {
            min-height: 58px !important;
            padding: 0 18px 0 20px !important;
            color: #111827 !important;
            font-size: .82rem !important;
            line-height: 1.2 !important;
            font-weight: 950 !important;
        }

        .faq-icon {
            color: var(--modern-ref-pink) !important;
            width: 26px !important;
            height: 26px !important;
            display: grid !important;
            place-items: center !important;
            border-radius: 50% !important;
            background: var(--modern-ref-icon-soft) !important;
            font-size: .68rem !important;
        }

        .faq-answer {
            padding: 0 18px !important;
        }

        .faq-item.active .faq-answer {
            padding: 0 18px 16px !important;
        }

        .faq-answer p {
            color: #687184 !important;
            font-size: .78rem !important;
            line-height: 1.55 !important;
            white-space: pre-line !important;
        }

        .store-legal-footer {
            margin-top: 30px !important;
            padding: 0 18px 34px !important;
            background: transparent !important;
            color: #b2b8c5 !important;
            border: 0 !important;
        }

        .store-legal-footer nav {
            display: none !important;
        }

        .store-legal-footer p {
            color: #b2b8c5 !important;
            font-size: .72rem !important;
            font-weight: 850 !important;
            letter-spacing: .22em !important;
            text-transform: uppercase !important;
        }

        .whatsapp-btn {
            width: 58px !important;
            height: 58px !important;
            right: 20px !important;
            bottom: 118px !important;
            border-radius: 16px !important;
            background: #23d366 !important;
            box-shadow: 0 10px 22px rgba(35, 211, 102, .24) !important;
        }

        .whatsapp-icon {
            font-size: 1.55rem !important;
        }

        @media (min-width: 1180px) {
            .store-legal-header {
                min-height: 94px !important;
            }

            #page-platform.modern-reference-home > .container {
                padding-top: 72px !important;
            }
        }

        @media (max-width: 720px) {
            .store-legal-header {
                min-height: 76px !important;
                padding: 0 14px !important;
            }

            .store-legal-header-inner {
                min-height: 76px !important;
            }

            .store-legal-logo img {
                max-width: 170px !important;
                max-height: 58px !important;
            }

            .theme-toggle::after {
                content: "";
            }

            .theme-toggle,
            .store-header-orders-btn {
                height: 34px !important;
                min-height: 34px !important;
                padding: 0 11px !important;
                font-size: .72rem !important;
            }

            #page-platform.modern-reference-home {
                padding-inline: 14px !important;
            }

            #page-platform.modern-reference-home > .container {
                width: min(100%, 430px) !important;
                padding-top: 46px !important;
            }

            #page-platform.modern-reference-home h1 {
                max-width: 340px !important;
                font-size: clamp(2.2rem, 12vw, 3rem) !important;
            }

            #page-platform.modern-reference-home .subtitle {
                max-width: 320px !important;
                font-size: .84rem !important;
            }

            .modern-ref-metrics {
                height: 84px !important;
                margin-top: 6px !important;
            }

            .modern-ref-metric {
                min-width: 124px !important;
                min-height: 46px !important;
                grid-template-columns: 30px 1fr !important;
                gap: 7px !important;
                padding: 7px 8px !important;
                border-radius: 11px !important;
            }

            .modern-ref-metric-icon {
                width: 29px !important;
                height: 29px !important;
                border-radius: 9px !important;
                font-size: .86rem !important;
            }

            .modern-ref-metric small {
                font-size: .5rem !important;
            }

            .modern-ref-metric strong {
                font-size: .78rem !important;
            }

            .modern-ref-metric em {
                display: none !important;
            }

            .metric-followers {
                top: -70px !important;
                left: 0 !important;
            }

            .metric-likes {
                top: -62px !important;
                right: 0 !important;
            }

            .metric-views {
                bottom: 4px !important;
                left: 8px !important;
            }

            .metric-comments {
                bottom: 0 !important;
                right: 6px !important;
            }

            #page-platform.modern-reference-home .platforms {
                grid-template-columns: 1fr !important;
                gap: 10px !important;
            }

            #page-platform.modern-reference-home .platform-item {
                min-height: 72px !important;
            }

            #page-platform.modern-reference-home .modern-trust-row,
            #page-platform.modern-reference-home .footer-text {
                grid-template-columns: 1fr !important;
                gap: 10px !important;
                margin-top: 26px !important;
            }

            #page-platform.modern-reference-home .modern-trust-item,
            #page-platform.modern-reference-home .footer-text span {
                min-height: 78px !important;
            }

            .faq-section {
                margin-top: 28px !important;
            }
        }

        #page-platform.modern-reference-home h1 {
            font-size: 0 !important;
        }

        #page-platform.modern-reference-home h1::before {
            content: "Em qual rede voc\00ea  quer " !important;
            color: var(--modern-ref-ink) !important;
            -webkit-text-fill-color: var(--modern-ref-ink) !important;
            font-size: clamp(2.75rem, 4.2vw, 3.9rem) !important;
            line-height: .95 !important;
            font-weight: 950 !important;
            letter-spacing: -0.035em !important;
        }

        #page-platform.modern-reference-home .modern-hero-accent {
            font-size: clamp(2.75rem, 4.2vw, 3.9rem) !important;
        }

        .theme-toggle i {
            font-size: 0 !important;
        }

        .theme-toggle i::before {
            content: "\f07a" !important;
            font-family: "Font Awesome 6 Free" !important;
            font-size: .78rem !important;
            font-weight: 900 !important;
        }

        #page-platform.modern-reference-home .footer-text i {
            order: 1 !important;
        }

        #page-platform.modern-reference-home .footer-text span::before {
            order: 2 !important;
        }

        #page-platform.modern-reference-home .footer-text span::after {
            order: 3 !important;
        }

        @media (max-width: 720px) {
            #page-platform.modern-reference-home h1::before,
            #page-platform.modern-reference-home .modern-hero-accent {
                font-size: clamp(2.2rem, 12vw, 3rem) !important;
            }
        }

        /* Hotfix: blue accent + real light/dark modes. */
        html,
        html[data-theme="light"],
        html:not([data-theme="light"]) {
            --modern-ref-pink: var(--store-primary, #2563ff) !important;
            --modern-ref-blue: var(--store-primary, #2563ff) !important;
            --modern-ref-cyan: var(--store-secondary, #00a7ff) !important;
        }

        html[data-theme="light"] {
            --modern-ref-ink: #30394c !important;
            --modern-ref-muted: #687184 !important;
            --modern-ref-line: #e7ebf3 !important;
            --modern-ref-card: rgba(255, 255, 255, .96) !important;
            --modern-ref-card-soft: rgba(255, 255, 255, .9) !important;
            --modern-ref-icon-soft: #eaf1ff !important;
            --modern-ref-bg: #ffffff !important;
            color-scheme: light !important;
            background: #ffffff !important;
        }

        html:not([data-theme="light"]) {
            --modern-ref-ink: #f7f9ff !important;
            --modern-ref-muted: #aab6ce !important;
            --modern-ref-line: rgba(148, 163, 184, .22) !important;
            --modern-ref-card: rgba(13, 24, 46, .84) !important;
            --modern-ref-card-soft: rgba(15, 28, 54, .76) !important;
            --modern-ref-icon-soft: color-mix(in srgb, var(--store-primary, rgb(37, 99, 255)) 16%, transparent) !important;
            --modern-ref-bg: #07111f !important;
            color-scheme: dark !important;
            background: #07111f !important;
        }

        html[data-theme="light"] body {
            background: #fff !important;
            color: #30394c !important;
        }

        html:not([data-theme="light"]) body {
            background:
                radial-gradient(circle at 50% 20%, color-mix(in srgb, var(--store-primary, rgb(37, 99, 255)) 22%, transparent), transparent 34rem),
                radial-gradient(circle at 12% 0%, rgba(0, 167, 255, .13), transparent 24rem),
                #07111f !important;
            color: #f7f9ff !important;
        }

        html[data-theme="light"] body::before {
            background-image:
                linear-gradient(rgba(226, 231, 239, .58) 1px, transparent 1px),
                linear-gradient(90deg, rgba(226, 231, 239, .58) 1px, transparent 1px) !important;
            opacity: .72 !important;
        }

        html:not([data-theme="light"]) body::before {
            background-image:
                linear-gradient(rgba(148, 163, 184, .07) 1px, transparent 1px),
                linear-gradient(90deg, rgba(148, 163, 184, .07) 1px, transparent 1px) !important;
            background-size: 31px 31px !important;
            opacity: 1 !important;
        }

        html:not([data-theme="light"]) .store-legal-header,
        html[data-theme="light"] .store-legal-header {
            background: transparent !important;
            border: 0 !important;
            box-shadow: none !important;
        }

        html:not([data-theme="light"]) .store-legal-logo,
        html:not([data-theme="light"]) .store-legal-logo span {
            color: #f7f9ff !important;
            background: transparent !important;
        }

        html[data-theme="light"] .store-header-orders-btn,
        html[data-theme="light"] .theme-toggle {
            background: rgba(255, 255, 255, .9) !important;
            border-color: #e7ebf3 !important;
            color: #252d3d !important;
        }

        html:not([data-theme="light"]) .store-header-orders-btn,
        html:not([data-theme="light"]) .theme-toggle {
            background: rgba(255, 255, 255, .92) !important;
            border-color: transparent !important;
            color: #172033 !important;
        }

        html[data-theme="light"] .theme-toggle::after {
            content: "Tema escuro" !important;
        }

        html:not([data-theme="light"]) .theme-toggle::after {
            content: "Tema claro" !important;
        }

        .theme-toggle i {
            font-size: .78rem !important;
        }

        html[data-theme="light"] .theme-toggle i::before {
            content: "\f186" !important;
            font-family: "Font Awesome 6 Free" !important;
            font-weight: 900 !important;
        }

        html:not([data-theme="light"]) .theme-toggle i::before {
            content: "\f185" !important;
            font-family: "Font Awesome 6 Free" !important;
            font-weight: 900 !important;
        }

        html[data-theme="light"] .theme-toggle i,
        html[data-theme="light"] .store-header-orders-btn i {
            color: #252d3d !important;
        }

        html:not([data-theme="light"]) .theme-toggle i,
        html:not([data-theme="light"]) .store-header-orders-btn i {
            color: #172033 !important;
        }

        #page-platform.modern-reference-home h1::before {
            color: var(--modern-ref-ink) !important;
            -webkit-text-fill-color: var(--modern-ref-ink) !important;
        }

        #page-platform.modern-reference-home .modern-hero-accent {
            color: var(--store-primary, #2563ff) !important;
            -webkit-text-fill-color: var(--store-primary, #2563ff) !important;
        }

        #page-platform.modern-reference-home .modern-hero-accent::after {
            border-color: var(--store-primary, #2563ff) transparent transparent transparent !important;
        }

        #page-platform.modern-reference-home .subtitle,
        .faq-section > .container > p,
        .faq-answer p {
            color: var(--modern-ref-muted) !important;
        }

        .modern-ref-metric,
        #page-platform.modern-reference-home .platform-item,
        #page-platform.modern-reference-home .footer-text span,
        .faq-container {
            background: var(--modern-ref-card) !important;
            border-color: var(--modern-ref-line) !important;
            box-shadow: 0 18px 44px rgba(0, 0, 0, .08) !important;
        }

        html:not([data-theme="light"]) .modern-ref-metric,
        html:not([data-theme="light"]) #page-platform.modern-reference-home .platform-item,
        html:not([data-theme="light"]) #page-platform.modern-reference-home .footer-text span,
        html:not([data-theme="light"]) .faq-container {
            box-shadow: 0 22px 54px rgba(0, 0, 0, .26) !important;
        }

        .modern-ref-metric-icon,
        #page-platform.modern-reference-home .platform-icon,
        #page-platform.modern-reference-home .platform-item.selected .platform-arrow {
            background: linear-gradient(135deg, var(--store-primary, #2563ff), var(--store-secondary, #00a7ff)) !important;
            color: #fff !important;
            box-shadow: 0 10px 22px color-mix(in srgb, var(--store-primary, rgb(37, 99, 255)) 24%, transparent) !important;
        }

        .modern-ref-metric strong,
        .modern-ref-metric em {
            color: var(--store-secondary, #00a7ff) !important;
        }

        .modern-ref-metric small,
        #page-platform.modern-reference-home .platform-copy::before {
            color: var(--modern-ref-muted) !important;
        }

        #page-platform.modern-reference-home .platform-name,
        #page-platform.modern-reference-home .footer-text span::before,
        .faq-section h2,
        .faq-question {
            color: var(--modern-ref-ink) !important;
        }

        #page-platform.modern-reference-home .platform-arrow {
            background: transparent !important;
            border-color: var(--modern-ref-line) !important;
            color: var(--modern-ref-ink) !important;
        }

        #page-platform.modern-reference-home .platform-item:hover,
        #page-platform.modern-reference-home .platform-item.selected {
            border-color: var(--store-primary, #2563ff) !important;
            box-shadow: 0 14px 34px color-mix(in srgb, var(--store-primary, rgb(37, 99, 255)) 16%, transparent) !important;
        }

        #page-platform.modern-reference-home .footer-text i,
        .faq-section h2::before,
        .faq-icon {
            color: var(--store-primary, #2563ff) !important;
        }

        #page-platform.modern-reference-home .footer-text i {
            background: var(--modern-ref-icon-soft) !important;
        }

        .store-legal-footer p {
            color: color-mix(in srgb, var(--modern-ref-muted) 70%, transparent) !important;
        }

        #page-platform.modern-reference-home .modern-category-step {
            max-width: 640px !important;
            margin: 0 auto !important;
        }

        #page-platform.modern-reference-home .modern-category-step > .platform-step {
            display: none !important;
        }

        #page-platform.modern-reference-home .modern-card-tabs {
            margin: 0 !important;
            padding: 0 !important;
            background: transparent !important;
            border: 0 !important;
            box-shadow: none !important;
        }

        #page-platform.modern-reference-home .modern-service-type-panel {
            padding: 30px 34px !important;
            border: 1px solid var(--modern-ref-line) !important;
            border-radius: 20px !important;
            background: var(--modern-ref-card) !important;
            box-shadow: 0 22px 52px rgba(31, 46, 76, .08) !important;
        }

        #page-platform.modern-reference-home .modern-service-type-title {
            margin: 0 0 6px !important;
            color: var(--modern-ref-ink) !important;
            font-size: clamp(1.9rem, 4vw, 2.45rem) !important;
            line-height: .98 !important;
            font-weight: 950 !important;
            letter-spacing: -0.035em !important;
        }

        #page-platform.modern-reference-home .modern-service-type-subtitle {
            margin: 0 0 22px !important;
            color: var(--modern-ref-muted) !important;
            font-size: .95rem !important;
            line-height: 1.35 !important;
            font-weight: 650 !important;
        }

        #page-platform.modern-reference-home .modern-service-type-grid {
            display: grid !important;
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
            gap: 12px !important;
        }

        #page-platform.modern-reference-home .modern-service-type-card {
            position: relative !important;
            min-height: 166px !important;
            overflow: hidden !important;
            display: flex !important;
            flex-direction: column !important;
            align-items: flex-start !important;
            justify-content: flex-start !important;
            padding: 20px !important;
            border: 2px solid var(--modern-ref-line) !important;
            border-radius: 16px !important;
            background: var(--modern-ref-card-soft) !important;
            color: var(--modern-ref-ink) !important;
            text-align: left !important;
            cursor: pointer !important;
            transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease !important;
        }

        #page-platform.modern-reference-home .modern-service-type-card:hover,
        #page-platform.modern-reference-home .modern-service-type-card.is-selected {
            border-color: var(--store-primary, #2563ff) !important;
            box-shadow: 0 16px 36px color-mix(in srgb, var(--store-primary, rgb(37, 99, 255)) 13%, transparent) !important;
            transform: translateY(-1px) !important;
        }

        #page-platform.modern-reference-home .modern-service-type-card.is-selected::after {
            content: "\f00c" !important;
            position: absolute !important;
            top: 12px !important;
            right: 12px !important;
            width: 28px !important;
            height: 28px !important;
            display: grid !important;
            place-items: center !important;
            border-radius: 50% !important;
            background: linear-gradient(135deg, var(--store-primary, #2563ff), var(--store-secondary, #00a7ff)) !important;
            color: #fff !important;
            font-family: "Font Awesome 6 Free" !important;
            font-size: .78rem !important;
            font-weight: 900 !important;
            box-shadow: 0 10px 20px color-mix(in srgb, var(--store-primary, rgb(37, 99, 255)) 25%, transparent) !important;
        }

        #page-platform.modern-reference-home .modern-service-type-icon {
            width: 48px !important;
            height: 48px !important;
            display: grid !important;
            place-items: center !important;
            margin-bottom: 20px !important;
            border-radius: 12px !important;
            background: linear-gradient(135deg, var(--store-primary, #2563ff), var(--store-secondary, #00a7ff)) !important;
            color: #fff !important;
            font-size: 1.25rem !important;
            box-shadow: 0 12px 24px color-mix(in srgb, var(--store-primary, rgb(37, 99, 255)) 20%, transparent) !important;
        }

        #page-platform.modern-reference-home .modern-service-type-card h3 {
            margin: 0 0 7px !important;
            color: var(--modern-ref-ink) !important;
            font-size: 1rem !important;
            line-height: 1.15 !important;
            font-weight: 950 !important;
        }

        #page-platform.modern-reference-home .modern-service-type-card p {
            max-width: 205px !important;
            margin: 0 0 12px !important;
            color: var(--modern-ref-muted) !important;
            font-size: .78rem !important;
            line-height: 1.35 !important;
            font-weight: 650 !important;
        }

        #page-platform.modern-reference-home .modern-service-type-count {
            margin-top: auto !important;
            padding: 5px 10px !important;
            border-radius: 999px !important;
            background: var(--modern-ref-icon-soft) !important;
            color: var(--modern-ref-muted) !important;
            font-size: .66rem !important;
            line-height: 1 !important;
            font-weight: 950 !important;
            letter-spacing: .04em !important;
            text-transform: uppercase !important;
        }

        #page-platform.modern-reference-home .modern-service-type-card::before {
            content: "" !important;
            position: absolute !important;
            right: -18px !important;
            bottom: -28px !important;
            width: 96px !important;
            height: 96px !important;
            border: 10px solid color-mix(in srgb, var(--store-primary, rgb(37, 99, 255)) 6%, transparent) !important;
            border-radius: 50% !important;
            color: color-mix(in srgb, var(--store-primary, rgb(37, 99, 255)) 7%, transparent) !important;
            font-family: "Font Awesome 6 Free" !important;
            font-size: 5.3rem !important;
            font-weight: 900 !important;
            line-height: 1 !important;
        }

        #page-platform.modern-reference-home .modern-service-type-actions {
            display: grid !important;
            grid-template-columns: minmax(0, 1fr) minmax(0, 1.45fr) !important;
            gap: 12px !important;
            margin-top: 24px !important;
        }

        #page-platform.modern-reference-home .modern-type-back,
        #page-platform.modern-reference-home .modern-type-continue {
            min-height: 50px !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 10px !important;
            border-radius: 14px !important;
            font-size: .95rem !important;
            font-weight: 950 !important;
            cursor: pointer !important;
        }

        #page-platform.modern-reference-home .modern-type-back {
            border: 1px solid var(--modern-ref-line) !important;
            background: transparent !important;
            color: var(--modern-ref-muted) !important;
        }

        #page-platform.modern-reference-home .modern-type-continue {
            border: 0 !important;
            background: linear-gradient(135deg, var(--store-primary, #2563ff), var(--store-secondary, #00a7ff)) !important;
            color: #fff !important;
            box-shadow: 0 14px 28px color-mix(in srgb, var(--store-primary, rgb(37, 99, 255)) 22%, transparent) !important;
        }

        #page-platform.modern-reference-home .modern-package-stage {
            display: none !important;
        }

        #page-platform.modern-reference-home .modern-category-step.show-packages .modern-service-type-panel {
            display: none !important;
        }

        #page-platform.modern-reference-home .modern-category-step.show-packages .modern-package-stage {
            display: block !important;
        }

        html:not([data-theme="light"]) #page-platform.modern-reference-home .modern-service-type-panel {
            box-shadow: 0 26px 64px rgba(0, 0, 0, .24) !important;
        }

        @media (max-width: 720px) {
            #page-platform.modern-reference-home .modern-service-type-panel {
                padding: 22px 16px !important;
            }

            #page-platform.modern-reference-home .modern-service-type-grid,
            #page-platform.modern-reference-home .modern-service-type-actions {
                grid-template-columns: 1fr !important;
            }

            #page-platform.modern-reference-home .modern-service-type-card {
                min-height: 138px !important;
            }
        }

        .store-header-actions {
            display: flex !important;
            align-items: center !important;
            justify-content: flex-end !important;
            gap: 8px !important;
        }

        .store-header-orders-btn,
        .theme-toggle {
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 7px !important;
            width: auto !important;
            min-width: 0 !important;
            max-width: none !important;
            height: 36px !important;
            min-height: 36px !important;
            padding: 0 16px !important;
            border-radius: 999px !important;
            white-space: nowrap !important;
            opacity: 1 !important;
            visibility: visible !important;
        }

        .store-header-orders-btn span,
        .store-header-orders-btn i,
        .theme-toggle i,
        .theme-toggle::after {
            display: inline-block !important;
            color: inherit !important;
            opacity: 1 !important;
            visibility: visible !important;
            font-size: .8rem !important;
            line-height: 1 !important;
            text-indent: 0 !important;
        }

        .store-header-orders-btn {
            background: linear-gradient(135deg, var(--store-primary, #2563ff), var(--store-secondary, #00a7ff)) !important;
            border: 0 !important;
            color: #fff !important;
            box-shadow: 0 10px 20px color-mix(in srgb, var(--store-primary, rgb(37, 99, 255)) 18%, transparent) !important;
        }

        .store-header-orders-btn span::before,
        .store-header-orders-btn span::after {
            content: none !important;
        }

        html[data-theme="light"] .theme-toggle,
        html:not([data-theme="light"]) .theme-toggle {
            background: rgba(255, 255, 255, .92) !important;
            border: 1px solid var(--modern-ref-line) !important;
            color: #252d3d !important;
            box-shadow: none !important;
        }

        html:not([data-theme="light"]) .theme-toggle {
            color: #172033 !important;
        }

        html:not([data-theme="light"]) .faq-section > .container {
            background:
                linear-gradient(180deg, rgba(15, 28, 54, .78), rgba(10, 22, 42, .68)) !important;
            box-shadow: 0 26px 64px rgba(0, 0, 0, .24) !important;
        }

        html:not([data-theme="light"]) .faq-container {
            box-shadow: 0 22px 54px rgba(0, 0, 0, .22) !important;
        }

        html:not([data-theme="light"]) .faq-item:hover {
            background: color-mix(in srgb, var(--store-primary, rgb(37, 99, 255)) 9%, transparent) !important;
        }

        @keyframes modernMetricFloatA {
            0%, 100% {
                translate: 0 0;
                rotate: -7deg;
            }
            50% {
                translate: 0 -10px;
                rotate: -4deg;
            }
        }

        @keyframes modernMetricFloatB {
            0%, 100% {
                translate: 0 0;
                rotate: 7deg;
            }
            50% {
                translate: 0 -9px;
                rotate: 4deg;
            }
        }

        @keyframes modernMetricFloatC {
            0%, 100% {
                translate: 0 0;
                rotate: 8deg;
            }
            50% {
                translate: 0 9px;
                rotate: 5deg;
            }
        }

        @keyframes modernMetricFloatD {
            0%, 100% {
                translate: 0 0;
                rotate: -7deg;
            }
            50% {
                translate: 0 8px;
                rotate: -4deg;
            }
        }

        @keyframes modernMetricNumberPulse {
            0%, 100% {
                transform: scale(1);
            }
            45% {
                transform: scale(1.13);
            }
        }

        .modern-ref-metrics {
            height: 98px !important;
            margin-top: -8px !important;
            margin-bottom: 2px !important;
        }

        .modern-ref-metric {
            will-change: translate, rotate !important;
        }

        .modern-ref-metric strong {
            display: inline-block !important;
            transform-origin: left center !important;
            will-change: transform !important;
            animation: none !important;
        }

        .metric-likes strong {
            animation-delay: .25s !important;
        }

        .metric-views strong {
            animation-delay: .5s !important;
        }

        .metric-comments strong {
            animation-delay: .75s !important;
        }

        .metric-followers {
            top: -178px !important;
            left: -76px !important;
            transform: none !important;
            animation: modernMetricFloatA 4.8s ease-in-out infinite !important;
        }

        .metric-likes {
            top: -172px !important;
            right: -74px !important;
            transform: none !important;
            animation: modernMetricFloatB 5.2s ease-in-out infinite !important;
        }

        .metric-views {
            bottom: 42px !important;
            left: 6px !important;
            transform: none !important;
            animation: modernMetricFloatC 5.6s ease-in-out infinite !important;
        }

        .metric-comments {
            bottom: 38px !important;
            right: 8px !important;
            transform: none !important;
            animation: modernMetricFloatD 5s ease-in-out infinite !important;
        }

        @media (prefers-reduced-motion: reduce) {
            .modern-ref-metric,
            .modern-ref-metric strong {
                animation: none !important;
            }
        }

        @media (max-width: 720px) {
            .modern-ref-metrics {
                height: 78px !important;
                margin-top: 2px !important;
            }

            .metric-followers {
                top: -112px !important;
                left: -16px !important;
            }

            .metric-likes {
                top: -108px !important;
                right: -16px !important;
            }

            .metric-views {
                bottom: 28px !important;
                left: 6px !important;
            }

            .metric-comments {
                bottom: 24px !important;
                right: 6px !important;
            }
        }

        /* Header final fix */
        .store-header-orders-btn {
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 8px !important;
            width: auto !important;
            min-width: 132px !important;
            height: 36px !important;
            min-height: 36px !important;
            padding: 0 17px !important;
            border: 0 !important;
            border-radius: 999px !important;
            background: linear-gradient(135deg, var(--store-primary, #2563ff), var(--store-secondary, #0ea5ff)) !important;
            color: #fff !important;
            box-shadow: 0 10px 22px color-mix(in srgb, var(--store-primary, rgb(37, 99, 255)) 22%, transparent) !important;
            white-space: nowrap !important;
        }

        .store-header-orders-btn i,
        .store-header-orders-btn span {
            display: none !important;
        }

        .store-header-orders-btn::before {
            content: none !important;
            display: none !important;
        }

        .theme-toggle,
        html[data-theme="light"] .theme-toggle,
        html:not([data-theme="light"]) .theme-toggle {
            display: inline-grid !important;
            place-items: center !important;
            width: 36px !important;
            min-width: 36px !important;
            max-width: 36px !important;
            height: 36px !important;
            min-height: 36px !important;
            padding: 0 !important;
            border: 1px solid var(--modern-ref-line) !important;
            border-radius: 50% !important;
            background: rgba(255, 255, 255, .92) !important;
            color: #25314a !important;
            box-shadow: none !important;
            overflow: hidden !important;
            font-size: 0 !important;
        }

        html:not([data-theme="light"]) .theme-toggle {
            background: rgba(255, 255, 255, .94) !important;
            color: #172033 !important;
        }

        .theme-toggle::after {
            content: none !important;
            display: none !important;
        }

        .theme-toggle i,
        html[data-theme="light"] .theme-toggle i,
        html:not([data-theme="light"]) .theme-toggle i {
            display: block !important;
            color: currentColor !important;
            opacity: 1 !important;
            visibility: visible !important;
            font-size: .92rem !important;
            line-height: 1 !important;
        }

        html[data-theme="light"] .theme-toggle i::before {
            content: "\f186" !important;
            font-family: "Font Awesome 6 Free" !important;
            font-weight: 900 !important;
        }

        html:not([data-theme="light"]) .theme-toggle i::before {
            content: "\f185" !important;
            font-family: "Font Awesome 6 Free" !important;
            font-weight: 900 !important;
        }

        @media (max-width: 720px) {
            .store-header-orders-btn {
                min-width: 118px !important;
                height: 34px !important;
                min-height: 34px !important;
                padding: 0 13px !important;
            }

            .theme-toggle,
            html[data-theme="light"] .theme-toggle,
            html:not([data-theme="light"]) .theme-toggle {
                width: 34px !important;
                min-width: 34px !important;
                max-width: 34px !important;
                height: 34px !important;
                min-height: 34px !important;
            }
        }

        .modern-cart-link {
            display: inline-grid !important;
            place-items: center !important;
            width: 36px !important;
            min-width: 36px !important;
            height: 36px !important;
            min-height: 36px !important;
            border: 1px solid var(--modern-ref-line) !important;
            border-radius: 50% !important;
            background: rgba(255, 255, 255, .92) !important;
            color: #25314a !important;
            text-decoration: none !important;
            box-shadow: none !important;
        }

        .modern-cart-link i {
            color: currentColor !important;
            font-size: .9rem !important;
            line-height: 1 !important;
        }

        html:not([data-theme="light"]) .modern-cart-link {
            background: rgba(255, 255, 255, .94) !important;
            color: #172033 !important;
        }

        @media (max-width: 720px) {
            .store-legal-header {
                min-height: 88px !important;
                padding-inline: 10px !important;
            }

            .store-legal-header-inner {
                width: 100% !important;
                min-height: 88px !important;
                gap: 8px !important;
            }

            .store-legal-logo,
            .store-legal-header .store-legal-logo {
                width: auto !important;
                min-width: 150px !important;
                max-width: 150px !important;
                height: auto !important;
                min-height: 54px !important;
                overflow: visible !important;
                flex: 0 0 150px !important;
            }

            .store-legal-logo img {
                width: auto !important;
                height: auto !important;
                max-width: 150px !important;
                max-height: 54px !important;
                object-fit: contain !important;
            }

            .store-header-actions {
                gap: 7px !important;
            }

            .modern-cart-link,
            .theme-toggle,
            html[data-theme="light"] .theme-toggle,
            html:not([data-theme="light"]) .theme-toggle {
                width: 34px !important;
                min-width: 34px !important;
                max-width: 34px !important;
                height: 34px !important;
                min-height: 34px !important;
            }

            .store-header-orders-btn {
                min-width: 112px !important;
                padding-inline: 11px !important;
            }

            #page-platform.modern-reference-home > .container {
                padding-top: 28px !important;
            }

            #page-platform.modern-reference-home h1 {
                max-width: 330px !important;
            }

            #page-platform.modern-reference-home h1::before,
            #page-platform.modern-reference-home .modern-hero-accent {
                font-size: clamp(2rem, 10.6vw, 2.55rem) !important;
                line-height: .98 !important;
            }

            #page-platform.modern-reference-home .modern-hero-accent::after {
                width: 132px !important;
                bottom: -8px !important;
                border-top-width: 4px !important;
            }

            .modern-ref-metrics {
                display: block !important;
                position: relative !important;
                width: min(100%, 340px) !important;
                height: 118px !important;
                margin: 12px auto 8px !important;
            }

            .modern-ref-metric {
                position: absolute !important;
                inset: auto !important;
                grid-template-columns: 32px 1fr !important;
                gap: 7px !important;
                min-width: 132px !important;
                width: auto !important;
                min-height: 50px !important;
                padding: 7px 10px !important;
                border-radius: 13px !important;
                translate: 0 0 !important;
            }

            .modern-ref-metric-icon {
                width: 31px !important;
                height: 31px !important;
                border-radius: 9px !important;
                font-size: .9rem !important;
            }

            .modern-ref-metric small {
                font-size: .5rem !important;
                letter-spacing: .11em !important;
            }

            .modern-ref-metric strong {
                font-size: .82rem !important;
            }

            .modern-ref-metric em {
                display: none !important;
            }

            .metric-followers {
                top: 0 !important;
                left: 0 !important;
                right: auto !important;
                bottom: auto !important;
                transform: rotate(-5deg) !important;
            }

            .metric-likes {
                top: 0 !important;
                right: 0 !important;
                left: auto !important;
                bottom: auto !important;
                transform: rotate(5deg) !important;
            }

            .metric-views {
                bottom: 0 !important;
                left: 16px !important;
                top: auto !important;
                right: auto !important;
                transform: rotate(6deg) !important;
            }

            .metric-comments {
                bottom: 0 !important;
                right: 14px !important;
                top: auto !important;
                left: auto !important;
                transform: rotate(-5deg) !important;
            }
        }

        .video-section {
            display: block !important;
            width: min(640px, calc(100% - 32px)) !important;
            margin: 34px auto 0 !important;
            padding: 0 !important;
        }

        .video-section > .container {
            width: 100% !important;
            max-width: none !important;
            padding: 0 !important;
        }

        .video-container {
            max-width: none !important;
            margin: 0 !important;
            padding: 18px !important;
            border: 1px solid var(--modern-ref-line) !important;
            border-radius: 18px !important;
            background:
                linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(255, 255, 255, .86)) !important;
            box-shadow: 0 22px 52px rgba(31, 46, 76, .08) !important;
            backdrop-filter: none !important;
        }

        .store-legal-header .store-legal-logo {
            width: auto !important;
            min-width: 0 !important;
            height: auto !important;
            min-height: 0 !important;
            padding: 0 !important;
            background: transparent !important;
        }

        .store-legal-header .store-legal-logo img {
            width: auto !important;
            height: auto !important;
            max-width: 210px !important;
            max-height: 58px !important;
            padding: 0 !important;
            object-fit: contain !important;
        }

        @media (max-width: 720px) {
            .store-legal-header .store-legal-logo img {
                max-width: 150px !important;
                max-height: 54px !important;
            }
        }

        .video-container::before {
            content: "\f144  ASSISTA ANTES DE COMPRAR";
            display: inline-flex !important;
            align-items: center !important;
            margin: 0 0 14px !important;
            padding: 7px 10px !important;
            border-radius: 999px !important;
            background: var(--modern-ref-icon-soft) !important;
            color: var(--store-primary, #2563ff) !important;
            font-family: "Font Awesome 6 Free", "Inter", "Segoe UI", Arial, sans-serif !important;
            font-size: .7rem !important;
            line-height: 1 !important;
            font-weight: 950 !important;
            letter-spacing: .12em !important;
        }

        .video-container iframe {
            display: block !important;
            border-radius: 14px !important;
        }

        .video-container > div:last-child {
            display: none !important;
        }

        html:not([data-theme="light"]) .video-container {
            background:
                linear-gradient(180deg, rgba(15, 28, 54, .78), rgba(10, 22, 42, .68)) !important;
            box-shadow: 0 26px 64px rgba(0, 0, 0, .24) !important;
        }

        @media (max-width: 720px) {
            .video-section {
                width: min(100% - 28px, 430px) !important;
                margin-top: 28px !important;
            }

            .video-container {
                padding: 14px !important;
                border-radius: 16px !important;
            }
        }

        #page-platform.modern-reference-home .modern-category-step.show-packages {
            width: min(760px, 100%) !important;
            max-width: 760px !important;
        }

        #page-platform.modern-reference-home.is-choosing-service .modern-hero-copy,
        #page-platform.modern-reference-home.is-choosing-service .modern-ref-metrics,
        #page-platform.modern-reference-home.is-choosing-service .modern-hero-art {
            display: none !important;
        }

        #page-platform.modern-reference-home.is-choosing-service > .container {
            padding-top: 12px !important;
        }

        #page-platform.modern-reference-home.is-choosing-service .platform-container {
            margin-top: 0 !important;
        }

        #page-platform.modern-reference-home .modern-category-step.show-packages > .platform-step,
        #page-platform.modern-reference-home .modern-category-step.show-packages > h2,
        #page-platform.modern-reference-home .modern-category-step.show-packages > .platform-description {
            display: none !important;
        }

        #page-platform.modern-reference-home .modern-category-step.show-packages .modern-package-stage {
            position: relative !important;
            padding: 24px !important;
            border: 1px solid var(--modern-ref-line) !important;
            border-radius: 20px !important;
            background: var(--modern-ref-card) !important;
            box-shadow: 0 22px 52px rgba(31, 46, 76, .08) !important;
        }

        #page-platform.modern-reference-home .modern-category-step.show-packages .modern-card-back {
            position: static !important;
            width: max-content !important;
            min-width: 112px !important;
            min-height: 40px !important;
            margin: 0 0 18px !important;
            padding: 0 18px !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 8px !important;
            border: 1px solid var(--modern-ref-line) !important;
            border-radius: 999px !important;
            background: var(--modern-ref-card-soft) !important;
            color: var(--modern-ref-ink) !important;
            box-shadow: none !important;
            font-size: .9rem !important;
            font-weight: 950 !important;
        }

        #page-platform.modern-reference-home .modern-category-step.show-packages .tab-header {
            display: flex !important;
            justify-content: center !important;
            gap: 10px !important;
            margin: 0 0 20px !important;
            padding: 0 4px 4px !important;
            overflow: visible !important;
            flex-wrap: wrap !important;
            scrollbar-width: auto !important;
        }

        #page-platform.modern-reference-home .modern-category-step.show-packages .tab-header::-webkit-scrollbar {
            display: initial !important;
        }

        #page-platform.modern-reference-home #tab-header,
        #page-platform.modern-reference-home .tab-header {
            display: flex !important;
            visibility: visible !important;
            height: auto !important;
            min-height: 42px !important;
            max-height: none !important;
        }

        #page-platform.modern-reference-home .modern-category-step.show-packages .tab-btn {
            flex: 0 1 auto !important;
            width: auto !important;
            min-width: max-content !important;
            min-height: 42px !important;
            padding: 0 18px !important;
            border: 1px solid var(--modern-ref-line) !important;
            border-radius: 999px !important;
            background: var(--modern-ref-card-soft) !important;
            color: var(--modern-ref-muted) !important;
            box-shadow: none !important;
            font-size: .88rem !important;
            font-weight: 900 !important;
            white-space: nowrap !important;
            max-width: 100% !important;
            transform: none !important;
        }

        #page-platform.modern-reference-home .modern-category-step.show-packages .tab-btn.active {
            border-color: transparent !important;
            background: linear-gradient(135deg, var(--store-primary, #2563ff), var(--store-secondary, #00a7ff)) !important;
            color: #fff !important;
            box-shadow: 0 12px 24px color-mix(in srgb, var(--store-primary, rgb(37, 99, 255)) 18%, transparent) !important;
        }

        #page-platform.modern-reference-home .modern-category-step.show-packages .tab-content h2 {
            display: block !important;
            margin: 0 0 6px !important;
            color: var(--modern-ref-ink) !important;
            text-align: left !important;
            font-size: 1.35rem !important;
            font-weight: 950 !important;
            line-height: 1.15 !important;
        }

        #page-platform.modern-reference-home .modern-category-step.show-packages .tab-description {
            display: block !important;
            margin: 0 0 16px !important;
            color: var(--modern-ref-muted) !important;
            text-align: left !important;
            font-size: .82rem !important;
            font-weight: 700 !important;
        }

        #page-platform.modern-reference-home .modern-category-step.show-packages .tab-description .check {
            color: #00a884 !important;
            font-weight: 950 !important;
        }

        #page-platform.modern-reference-home .modern-category-step.show-packages .packages {
            display: grid !important;
            grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
            gap: 12px !important;
            margin: 0 !important;
        }

        #page-platform.modern-reference-home .modern-category-step.show-packages .package-card,
        #page-platform.modern-reference-home .modern-category-step.show-packages .package-card.highlighted {
            min-height: 190px !important;
            padding: 16px !important;
            display: flex !important;
            flex-direction: column !important;
            gap: 10px !important;
            border: 1px solid var(--modern-ref-line) !important;
            border-radius: 16px !important;
            background: var(--modern-ref-card-soft) !important;
            color: var(--modern-ref-ink) !important;
            box-shadow: 0 12px 28px rgba(31, 46, 76, .06) !important;
            transform: none !important;
            animation: none !important;
        }

        #page-platform.modern-reference-home .modern-category-step.show-packages .package-card:hover {
            border-color: var(--store-primary, #2563ff) !important;
            box-shadow: 0 16px 34px color-mix(in srgb, var(--store-primary, rgb(37, 99, 255)) 12%, transparent) !important;
        }

        #page-platform.modern-reference-home .modern-category-step.show-packages .package-card-top {
            min-height: 0 !important;
            justify-content: flex-start !important;
        }

        #page-platform.modern-reference-home .modern-category-step.show-packages .package-icon {
            width: 38px !important;
            height: 38px !important;
            margin: 0 !important;
            border-radius: 12px !important;
            background: linear-gradient(135deg, var(--store-primary, #2563ff), var(--store-secondary, #00a7ff)) !important;
            color: #fff !important;
            font-size: 1rem !important;
        }

        #page-platform.modern-reference-home .modern-category-step.show-packages .package-amount {
            margin: 6px 0 0 !important;
            color: var(--modern-ref-ink) !important;
            font-size: 2.35rem !important;
            line-height: .9 !important;
            font-weight: 950 !important;
        }

        #page-platform.modern-reference-home .modern-category-step.show-packages .package-unit {
            color: var(--modern-ref-muted) !important;
            font-size: .68rem !important;
            letter-spacing: .08em !important;
        }

        #page-platform.modern-reference-home .modern-category-step.show-packages .package-subtitle {
            color: var(--modern-ref-muted) !important;
            font-size: .74rem !important;
        }

        #page-platform.modern-reference-home .modern-category-step.show-packages .package-card-footer {
            margin-top: auto !important;
            display: flex !important;
            align-items: center !important;
            justify-content: space-between !important;
            gap: 10px !important;
        }

        #page-platform.modern-reference-home .modern-category-step.show-packages .package-price {
            color: var(--modern-ref-ink) !important;
            font-size: 1rem !important;
            font-weight: 950 !important;
            line-height: 1.1 !important;
        }

        #page-platform.modern-reference-home .modern-category-step.show-packages .package-action {
            min-height: 36px !important;
            padding: 0 14px !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            border-radius: 10px !important;
            background: #071b3f !important;
            color: #fff !important;
            font-size: .8rem !important;
            font-weight: 950 !important;
            box-shadow: none !important;
        }

        html:not([data-theme="light"]) #page-platform.modern-reference-home .modern-category-step.show-packages .modern-package-stage {
            box-shadow: 0 26px 64px rgba(0, 0, 0, .24) !important;
        }

        @media (max-width: 720px) {
            #page-platform.modern-reference-home .modern-category-step.show-packages .modern-package-stage {
                padding: 14px !important;
            }

            #page-platform.modern-reference-home .modern-category-step.show-packages .packages {
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
                gap: 10px !important;
            }

            #page-platform.modern-reference-home .modern-category-step.show-packages .package-card,
            #page-platform.modern-reference-home .modern-category-step.show-packages .package-card.highlighted {
                min-height: 138px !important;
                padding: 12px !important;
                gap: 7px !important;
                border-radius: 14px !important;
            }

            #page-platform.modern-reference-home .modern-category-step.show-packages .package-icon {
                width: 34px !important;
                height: 34px !important;
                border-radius: 11px !important;
                font-size: .88rem !important;
            }

            #page-platform.modern-reference-home .modern-category-step.show-packages .package-amount {
                margin-top: 4px !important;
                font-size: 1.8rem !important;
                line-height: .95 !important;
            }

            #page-platform.modern-reference-home .modern-category-step.show-packages .package-unit {
                font-size: .58rem !important;
            }

            #page-platform.modern-reference-home .modern-category-step.show-packages .package-subtitle {
                display: none !important;
            }

            #page-platform.modern-reference-home .modern-category-step.show-packages .package-card-footer {
                align-items: stretch !important;
                flex-direction: column !important;
                gap: 7px !important;
            }

            #page-platform.modern-reference-home .modern-category-step.show-packages .package-price {
                width: 100% !important;
                font-size: .95rem !important;
                line-height: 1 !important;
                text-align: center !important;
                white-space: nowrap !important;
            }

            #page-platform.modern-reference-home .modern-category-step.show-packages .package-action {
                width: 100% !important;
                min-height: 30px !important;
                padding: 0 10px !important;
                border-radius: 9px !important;
                font-size: .72rem !important;
            }
        }

        html .modern-reference-home .store-header-orders-btn,
        html .modern-reference-home .next-btn,
        html .modern-reference-home .modern-details-action,
        html .modern-reference-home .package-action,
        html .modern-reference-home .notification-avatar {
            background: linear-gradient(135deg, var(--modern-accent), var(--modern-accent-2)) !important;
        }

        html .modern-reference-home .platform-icon,
        html .modern-reference-home .package-icon,
        html .modern-reference-home .package-price,
        html .modern-reference-home .footer-text i,
        html .modern-reference-home .modern-step-badge,
        html .modern-reference-home .modern-category-kicker {
            color: var(--modern-accent) !important;
            -webkit-text-fill-color: currentColor !important;
        }

        html .modern-reference-home .platform-item.selected,
        html .modern-reference-home .platform-item:hover,
        html .modern-reference-home .package-card.highlighted {
            border-color: var(--modern-accent) !important;
            box-shadow: 0 14px 34px color-mix(in srgb, var(--modern-accent) 14%, transparent) !important;
        }

        html .modern-reference-home .platform-item.selected .platform-arrow {
            background: linear-gradient(135deg, var(--modern-accent-2), var(--modern-accent)) !important;
            box-shadow: 0 12px 25px color-mix(in srgb, var(--modern-accent) 26%, transparent) !important;
        }