:root {
                --cg-green: #22a35a;
                --cg-green-dark: #178042;
                --cg-green-soft: #e6f6ec;
                --cg-navy: #101c26;
                --cg-navy-soft: #1c2c39;
                --cg-ink: #1a1e22;
                --cg-gray: #606b74;
                --cg-gray-light: #89939c;
                --cg-line: #e6e9ec;
                --cg-bg-soft: #f5f8f7;
                --cg-amber: #f2b93d;
                --font-head: "Manrope", Helvetica, Arial, sans-serif;
                --font-body: "Inter", Helvetica, Arial, sans-serif;
            }
            * {
                box-sizing: border-box;
            }
            body {
                margin: 0;
            }
            html,
            body {
                font-family: var(--font-body);
                color: var(--cg-ink);
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                background: #fff;
            }
            ul {
                list-style: none;
                margin: 0;
                padding: 0;
            }
            a {
                color: inherit;
                text-decoration: none;
            }
            img {
                max-width: 100%;
                display: block;
            }

            #smb-page {
                max-width: 1080px;
                margin: 0 auto;
                padding-bottom: 0;
            }

            .advertisement {
                text-align: center;
                font-size: 10.5px;
                font-family: var(--font-head);
                font-weight: 700;
                letter-spacing: 1.6px;
                color: #a7aeb4;
                padding: 12px 0 8px;
                margin: 0;
            }

            .logo-bar {
                border-bottom: 1px solid var(--cg-line);
                padding: 16px 20px;
            }
            .logo-bar-heart {
                max-width: 1080px;
                margin: 0 auto;
                display: flex;
                align-items: center;
                justify-content: space-between;
            }
            .cg-logo {
                display: inline-flex;
                align-items: center;
                height: 34px;
            }
            .cg-logo-img {
                height: 32px;
                width: auto;
                display: block;
            }
            .cg-logo-fallback {
                display: none;
                align-items: center;
                gap: 8px;
                font-family: var(--font-head);
                font-size: 21px;
                font-weight: 800;
                color: var(--cg-navy);
                letter-spacing: -0.2px;
            }
            .cg-logo-fallback i {
                color: var(--cg-green);
                font-size: 21px;
            }
            .cg-logo-fallback span.x {
                color: var(--cg-green);
            }
            .logo-bar-cta {
                display: inline-block;
                background: var(--cg-green);
                color: #fff;
                padding: 10px 20px;
                border-radius: 6px;
                font-family: var(--font-head);
                font-size: 13px;
                font-weight: 700;
                letter-spacing: 0.2px;
                transition: background 0.15s ease;
            }
            .logo-bar-cta:hover {
                background: var(--cg-green-dark);
            }
            @media (max-width: 640px) {
                .logo-bar-cta {
                    display: none;
                }
            }

            .logo-bar-fixed {
                position: fixed;
                top: 0;
                left: 0;
                right: 0;
                z-index: 999;
                background: rgba(255, 255, 255, 0.97);
                backdrop-filter: blur(6px);
                border-bottom: 1px solid var(--cg-line);
                box-shadow: 0 4px 18px rgba(16, 28, 38, 0.07);
            }
            .logo-bar-fixed-heart {
                max-width: 1080px;
                margin: 0 auto;
                padding: 11px 20px;
                display: flex;
                align-items: center;
                justify-content: space-between;
            }
            .fixed-logo {
                display: inline-flex;
                align-items: center;
                height: 26px;
            }

            .fixed-logo-fallback {
                display: none;
                align-items: center;
                gap: 7px;
                font-family: var(--font-head);
                font-size: 16px;
                font-weight: 800;
                color: var(--cg-navy);
            }
            .fixed-logo-fallback i {
                color: var(--cg-green);
            }
            .fixed-btn {
                display: inline-block;
                background: var(--cg-green);
                color: #fff;
                padding: 10px 18px;
                border-radius: 6px;
                font-family: var(--font-head);
                font-size: 13px;
                font-weight: 700;
                white-space: nowrap;
                transition: background 0.15s ease;
            }
            .fixed-btn:hover {
                background: var(--cg-green-dark);
            }

            .smb-page-main {
                display: flex;
                gap: 52px;
                padding: 0 20px;
                margin-top: 8px;
            }
            .smb-page-left {
                flex: 1 1 62%;
                min-width: 0;
            }
            .smb-page-right {
                flex: 0 0 320px;
            }

            h1 {
                font-family: var(--font-head);
                font-size: 36px;
                line-height: 1.22;
                font-weight: 800;
                color: var(--cg-navy);
                letter-spacing: -0.4px;
                margin: 26px 0 20px;
            }
            h2 {
                font-family: var(--font-head);
                font-weight: 800;
                font-size: 25px;
                margin: 52px 0 18px;
                color: var(--cg-navy);
                line-height: 1.3;
                letter-spacing: -0.2px;
            }
            h3 {
                font-family: var(--font-head);
            }
            h4 {
                font-family: var(--font-head);
            }

            p {
                font-size: 17.5px;
                line-height: 1.72;
                margin: 0 0 19px;
                color: #33393f;
            }

            .cg-lede {
                font-size: 19px;
                font-weight: 600;
                color: var(--cg-navy);
                margin-bottom: 22px;
            }

            .img-slot {
                position: relative;
                border-radius: 12px;
                overflow: hidden;
                background: var(--cg-bg-soft);
                aspect-ratio: var(--ar, 16/9);
                margin: 26px 0;
            }
            .img-slot img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                display: block;
            }
            .img-slot-label {
                display: none;
                position: absolute;
                inset: 8px;
                align-items: center;
                justify-content: center;
                flex-direction: column;
                gap: 10px;
                color: var(--cg-gray);
                font-size: 13px;
                text-align: center;
                padding: 16px;
                border: 2px dashed #cfd6da;
                border-radius: 8px;
                background: var(--cg-bg-soft);
            }
            .img-slot-label i {
                font-size: 26px;
                color: #b7bfc4;
            }
            .img-slot-label code {
                background: #e9edee;
                padding: 2px 7px;
                border-radius: 4px;
                font-size: 12px;
                color: #556069;
            }
            .img-slot--empty img {
                display: none;
            }
            .img-slot--empty .img-slot-label {
                display: flex;
            }

            .cg-stat-row {
                display: flex;
                gap: 16px;
                margin: 28px 0 10px;
                flex-wrap: wrap;
            }
            .cg-stat {
                flex: 1 1 220px;
                background: var(--cg-bg-soft);
                border-radius: 10px;
                padding: 22px 20px;
                border: 1px solid var(--cg-line);
            }
            .cg-stat-top {
                display: flex;
                align-items: center;
                gap: 12px;
                margin-bottom: 8px;
            }
            .cg-stat-icon {
                width: 38px;
                height: 38px;
                border-radius: 50%;
                background: var(--cg-green-soft);
                flex: 0 0 38px;
                display: flex;
                align-items: center;
                justify-content: center;
            }
            .cg-stat-icon i {
                font-size: 16px;
                color: var(--cg-green-dark);
            }
            .cg-stat .num {
                font-family: var(--font-head);
                font-size: 18px;
                font-weight: 800;
                color: var(--cg-navy);
            }
            .cg-stat .lbl {
                font-size: 14px;
                color: var(--cg-gray);
                line-height: 1.5;
                margin: 0;
            }

            .cg-check-list {
                margin: 10px 0 26px;
            }
            .cg-check-list li {
                display: flex;
                gap: 12px;
                align-items: flex-start;
                font-size: 17.5px;
                line-height: 1.6;
                margin-bottom: 15px;
                color: #33393f;
            }
            .cg-check-list li .ico {
                flex: 0 0 24px;
                width: 24px;
                height: 24px;
                border-radius: 50%;
                background: var(--cg-green-soft);
                display: flex;
                align-items: center;
                justify-content: center;
                margin-top: 2px;
            }
            .cg-check-list li .ico i {
                color: var(--cg-green-dark);
                font-size: 12.5px;
            }

            .cg-feature-grid {
                display: flex;
                flex-wrap: wrap;
                gap: 18px;
                margin: 22px 0 32px;
            }
            .cg-feature-card {
                flex: 1 1 260px;
                border: 1px solid var(--cg-line);
                border-radius: 12px;
                padding: 22px;
                background: #fff;
                transition:
                    box-shadow 0.15s ease,
                    transform 0.15s ease;
            }
            .cg-feature-card:hover {
                box-shadow: 0 10px 26px rgba(16, 28, 38, 0.08);
                transform: translateY(-2px);
            }
            .cg-feature-icon {
                width: 44px;
                height: 44px;
                border-radius: 10px;
                background: var(--cg-green-soft);
                display: flex;
                align-items: center;
                justify-content: center;
                margin-bottom: 14px;
            }
            .cg-feature-icon i {
                font-size: 19px;
                color: var(--cg-green-dark);
            }
            .cg-feature-card h3 {
                font-size: 16.5px;
                font-weight: 700;
                margin: 0 0 8px;
                color: var(--cg-navy);
            }
            .cg-feature-card p {
                font-size: 14.5px;
                color: var(--cg-gray);
                margin: 0;
                line-height: 1.55;
            }

            .cg-metrics {
                display: flex;
                flex-wrap: wrap;
                gap: 18px;
                background: linear-gradient(145deg, var(--cg-navy), var(--cg-navy-soft));
                border-radius: 14px;
                padding: 30px 26px;
                margin: 28px 0;
            }
            .cg-metric {
                flex: 1 1 140px;
                text-align: center;
                color: #fff;
            }
            .cg-metric .num {
                font-family: var(--font-head);
                font-size: 25px;
                font-weight: 800;
                display: block;
                color: #79e0a3;
                letter-spacing: -0.3px;
            }
            .cg-metric .lbl {
                font-size: 12.5px;
                color: #b9c4cb;
                display: block;
                margin-top: 4px;
            }

            .cg-steps {
                margin: 18px 0 32px;
                position: relative;
            }
            .cg-step {
                display: flex;
                gap: 18px;
                padding: 18px 0;
                border-bottom: 1px solid var(--cg-line);
            }
            .cg-step:last-child {
                border-bottom: none;
            }
            .cg-step-num {
                flex: 0 0 36px;
                height: 36px;
                border-radius: 50%;
                background: var(--cg-green);
                color: #fff;
                font-family: var(--font-head);
                font-weight: 800;
                font-size: 15px;
                display: flex;
                align-items: center;
                justify-content: center;
            }
            .cg-step h4 {
                margin: 0 0 4px;
                font-size: 16.5px;
                font-weight: 700;
                color: var(--cg-navy);
            }
            .cg-step p {
                margin: 0;
                font-size: 15px;
                color: var(--cg-gray);
            }

            .cg-pull {
                margin: 30px 0;
                padding: 24px 26px;
                background: var(--cg-green-soft);
                border-left: 3px solid var(--cg-green);
                border-radius: 0 10px 10px 0;
                font-family: var(--font-head);
                font-weight: 700;
                font-size: 19px;
                color: var(--cg-navy);
                line-height: 1.4;
            }

            .smb-click-button {
                text-align: center;
                margin: 30px 0 12px;
            }
            .smb-click-button a {
                display: inline-block;
                background: var(--cg-green);
                color: #fff;
                font-family: var(--font-head);
                font-weight: 700;
                font-size: 16px;
                padding: 17px 38px;
                border-radius: 8px;
                letter-spacing: 0.2px;
                box-shadow: 0 10px 24px rgba(34, 163, 90, 0.28);
                transition:
                    background 0.15s ease,
                    transform 0.15s ease;
            }
            .smb-click-button a:hover {
                background: var(--cg-green-dark);
                transform: translateY(-1px);
            }

            .cg-urgency {
                background: #fff8ee;
                border: 1px solid #f1dcae;
                border-radius: 12px;
                padding: 26px 26px;
                margin: 32px 0;
            }

            .smb-right-main {
                position: sticky;
                top: 96px;
            }
            .smb-right-product-card {
                border: 1px solid var(--cg-line);
                border-radius: 14px;
                overflow: hidden;
                box-shadow: 0 12px 32px rgba(16, 28, 38, 0.09);
                background: #fff;
            }
            .smb-right-product-art {
                background: linear-gradient(160deg, #e8f7ee, #f7fbf5);
                padding: 0;
                position: relative;
                aspect-ratio: 1/1;
            }
            .smb-right-product-art img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
            .smb-right-product-art .img-slot-label {
                inset: 14px;
            }
            .smb-right-product-text {
                padding: 20px 20px 4px;
                font-family: var(--font-head);
                font-size: 19px;
                font-weight: 800;
                color: var(--cg-navy);
                text-align: center;
                letter-spacing: -0.2px;
            }
            .smb-stars {
                text-align: center;
                color: var(--cg-amber);
                font-size: 16px;
                margin: 8px 0 12px;
                letter-spacing: 2px;
            }
            .smb-right-slogan-text {
                text-align: center;
                font-size: 14px;
                color: var(--cg-gray);
                padding: 0 18px;
                margin-bottom: 16px;
                line-height: 1.55;
            }
            .smb-right-button-wrap {
                padding: 16px 20px 22px;
            }
            .smb-right-button {
                display: block;
                text-align: center;
                background: var(--cg-green);
                color: #fff;
                font-family: var(--font-head);
                font-weight: 700;
                font-size: 15px;
                padding: 15px;
                border-radius: 8px;
                transition: background 0.15s ease;
            }
            .smb-right-button:hover {
                background: var(--cg-green-dark);
            }
            .smb-right-trust {
                display: flex;
                justify-content: center;
                gap: 16px;
                padding: 0 18px 20px;
                color: #aab4bb;
                font-size: 21px;
            }

            .smb-button-bottom {
                position: fixed;
                left: 0;
                right: 0;
                bottom: 0;
                z-index: 998;
                background: #fff;
                border-top: 1px solid var(--cg-line);
                padding: 12px 18px;
                display: none;
                box-shadow: 0 -6px 18px rgba(16, 28, 38, 0.1);
            }
            .smb-button-bottom .smb-right-button {
                margin: 0;
            }

            footer.smb-page-footer {
                background: var(--cg-navy);
                color: #9fabb3;
            }
            .smb-footer-main {
                max-width: 1080px;
                margin: 0 auto;
                padding: 38px 20px 56px;
                font-size: 12px;
                line-height: 1.75;
            }
            .smb-footer-main p {
                color: #9fabb3;
                font-size: 12px;
                margin-bottom: 15px;
            }
            .smb-footer-main .privacy-link {
                color: #dfe6ea;
                text-decoration: underline;
                margin-right: 16px;
            }

            @media (max-width: 860px) {
                .smb-page-main {
                    flex-direction: column;
                    gap: 0;
                    padding: 0 18px;
                }
                .smb-page-right {
                    display: none;
                }
                .smb-button-bottom {
                    display: block;
                }
                h1 {
                    font-size: 27px;
                }
                h2 {
                    font-size: 21px;
                    margin-top: 40px;
                }
                p {
                    font-size: 16.5px;
                }
                #smb-page {
                    padding-bottom: 82px;
                }
            }