:root {
            --paper: #f9f9f9;
            --paper-2: #f3f3f4;
            --card: #ffffff;
            --ink: #1a1c1c;
            --ink-soft: #46464d;
            --ink-faint: #8a8a95;
            --line: #c6c6ce;
            --accent: #c4a052;
            --accent-deep: #a88030;
            --accent-soft: rgba(196,160,82,0.12);
            --deep: #2a7a6e;
            --danger: #c94040;
            --primary: #000000;
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        html {
            scroll-behavior: smooth;
        }

        body {
            font-family: 'Outfit',sans-serif;
            background: var(--paper);
            color: var(--ink);
            font-size: 17px;
            line-height: 1.65;
            -webkit-font-smoothing: antialiased;
            overflow-x: hidden;
        }

        h1, h2, h3 {
            font-family: 'Poppins',sans-serif;
            line-height: 1.1;
            letter-spacing: -0.01em;
        }

        a {
            color: inherit;
            text-decoration: none;
        }

        .wrap {
            max-width: 1280px;
            margin: 0 auto;
            padding: 0 40px;
        }

        .eyebrow {
            font-family: 'Outfit',sans-serif;
            font-size: 0.75rem;
            font-weight: 700;
            letter-spacing: 0.18em;
            text-transform: uppercase;
            color: var(--accent);
            display: inline-block;
        }

        img {
            max-width: 100%;
            display: block;
        }

        /* BUTTONS */
        .btn {
            display: inline-flex;
            align-items: center;
            gap: 0.5em;
            font-family: 'Outfit',sans-serif;
            font-weight: 700;
            font-size: 0.8rem;
            padding: 14px 30px;
            border-radius: 2px;
            cursor: pointer;
            border: 1.5px solid transparent;
            transition: transform 0.18s,background 0.18s,box-shadow 0.18s,color 0.18s;
            white-space: nowrap;
            text-transform: uppercase;
            letter-spacing: 0.1em;
        }

        .btn-primary {
            background: var(--deep);
            color: #fff;
            box-shadow: 0 8px 28px -10px rgba(0,41,58,0.35);
        }

            .btn-primary:hover {
                background: var(--accent);
                transform: translateY(-2px);
            }

        .btn-sun {
            background: var(--accent);
            color: #fff;
            box-shadow: 0 8px 28px -10px rgba(196,160,82,0.45);
        }

            .btn-sun:hover {
                transform: translateY(-2px);
                background: var(--accent-deep);
            }

        .btn-ghost {
            background: transparent;
            color: var(--ink);
            border-color: var(--line);
        }

            .btn-ghost:hover {
                background: var(--ink);
                color: var(--paper);
                transform: translateY(-2px);
            }

        .btn-ghost-light {
            background: transparent;
            color: #fff;
            border-color: rgba(255,255,255,0.4);
        }

            .btn-ghost-light:hover {
                background: rgba(255,255,255,0.12);
                transform: translateY(-2px);
            }

        .btn-lg {
            padding: 17px 38px;
            font-size: 0.9rem;
        }

        .btn-sm {
            padding: 10px 22px;
            font-size: 0.72rem;
        }

        /* NAV */
        nav.vnav {
            position: sticky;
            top: 0;
            z-index: 150;
            background: transparent;
            border-bottom: 1px solid transparent;
            transition: background 0.3s,border-color 0.3s;
        }

            nav.vnav.scrolled {
                background: rgba(255,255,255,0.97);
                backdrop-filter: blur(14px);
                border-bottom-color: var(--line);
            }

        .nav-inner {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 14px 40px;
            max-width: 1280px;
            margin: 0 auto;
        }

       /* .nav-links {
            display: flex;
            align-items: center;
            gap: 26px;
        }

            .nav-links a {
                font-family: 'Outfit',sans-serif;
                font-size: 0.78rem;
                font-weight: 600;
                text-transform: uppercase;
                letter-spacing: 0.08em;
                color: var(--ink-soft);
                transition: color 0.15s;
            }*/

                .nav-links a:hover, .nav-links a:focus {
                    color: var(--accent);
                }

        nav.vnav.scrolled .nav-links a {
            color: var(--ink-soft);
        }

            nav.vnav.scrolled .nav-links a:hover {
                color: var(--accent);
            }

        .nav-cta-wrap {
            display: flex;
            align-items: center;
            gap: 10px;
        }

        /* STICKY CTA */
        #sticky-cta {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 300;
            background: var(--deep);
            border-top: 1px solid rgba(196,160,82,0.3);
            padding: 14px 24px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 16px;
            transform: translateY(100%);
            transition: transform 0.4s cubic-bezier(0.4,0,0.2,1);
            box-shadow: 0 -8px 32px -8px rgba(0,41,58,0.5);
        }

            #sticky-cta.visible {
                transform: translateY(0);
            }

        .sticky-cta-text {
            color: #fff;
            font-family: 'Outfit',sans-serif;
            font-size: 0.88rem;
            display: flex;
            align-items: center;
            gap: 12px;
            flex-wrap: wrap;
        }

            .sticky-cta-text strong {
                color: var(--accent);
                font-weight: 700;
            }

        .sticky-badge {
            background: rgba(196,160,82,0.15);
            border: 1px solid rgba(196,160,82,0.35);
            color: var(--accent);
            font-size: 0.7rem;
            font-weight: 700;
            padding: 2px 10px;
            border-radius: 2px;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            white-space: nowrap;
        }

        .sticky-cta-actions {
            display: flex;
            align-items: center;
            gap: 10px;
            flex-shrink: 0;
        }

        /* ===================================================
        HERO — full-width background image with overlay
        =================================================== */
        .vhero {
            position: relative;
            overflow: hidden;
            min-height: 760px; /* reduced from 640px */
            display: flex;
            align-items: center;
        }

        /* The image layer — fills the full section */
        .vhero-bg {
            position: absolute;
            inset: 0;
            z-index: 0;
            background-image: url('../img/co-parentimg.png');
            background-size: cover;
            background-position: center left;
        }

        /* Dark overlay — strong on left for text, lighter on right */
        .vhero-overlay {
            position: absolute;
            inset: 0;
            z-index: 1;
            background: linear-gradient( 100deg, rgba(7,54,47,0.92) 0%, rgba(7,54,47,0.80) 40%, rgba(7,54,47,0.50) 65%, rgba(7,54,47,0.20) 100% );
        }

        /* Content sits above both layers */
        .vhero-content {
            position: relative;
            z-index: 2;
            width: 100%;
        }

        .vhero-text {
            max-width: 620px;
            padding: 72px 0;
        }

        .vertical-tag {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            background: rgba(196,160,82,0.18);
            border: 1px solid rgba(196,160,82,0.45);
            color: var(--accent);
            font-family: 'Outfit',sans-serif;
            font-size: 0.72rem;
            font-weight: 700;
            letter-spacing: 0.1em;
            text-transform: uppercase;
            padding: 5px 14px;
            border-radius: 2px;
            margin-bottom: 22px;
            width: fit-content;
        }

        .vhero-text h1 {
            font-family: 'Poppins',sans-serif;
            font-size: clamp(2.2rem,4vw,3.4rem);
            font-weight: 700;
            margin-bottom: 18px;
            color: #fff;
            line-height: 1.1;
        }

            .vhero-text h1 em {
                font-family: 'DM Serif Display',serif;
                font-style: italic;
                color: var(--accent);
                font-weight: 600;
            }

        .vhero-sub {
            font-family: 'Outfit',sans-serif;
            font-size: 0.97rem;
            color: rgba(255,255,255,0.78);
            max-width: 520px;
            margin-bottom: 28px;
            line-height: 1.75;
        }

        .vhero-cta {
            display: flex;
            gap: 12px;
            flex-wrap: wrap;
            margin-bottom: 22px;
        }

        .vhero-trust {
            font-family: 'Outfit',sans-serif;
            font-size: 0.78rem;
            color: rgba(255,255,255,0.55);
            display: flex;
            gap: 14px;
            flex-wrap: wrap;
        }

            .vhero-trust span::before {
                content: "✓ ";
                color: var(--accent);
                font-weight: 700;
            }

        /* fade-up animations */
        .fade-up {
            opacity: 0;
            transform: translateY(18px);
            animation: fu 0.85s cubic-bezier(.2,.7,.3,1) forwards;
        }

        .d1 {
            animation-delay: 0.05s;
        }

        .d2 {
            animation-delay: 0.2s;
        }

        .d3 {
            animation-delay: 0.35s;
        }

        .d4 {
            animation-delay: 0.5s;
        }

        .d5 {
            animation-delay: 0.65s;
        }

        @keyframes fu {
            to {
                opacity: 1;
                transform: none;
            }
        }

        /* TRUST BAR */
        .trust-bar {
            background: var(--card);
            border-top: 1px solid var(--line);
            border-bottom: 1px solid var(--line);
            padding: 24px 0;
        }

        .trust-inner {
            display: flex;
            align-items: center;
            justify-content: space-around;
            flex-wrap: nowrap;
            gap: 20px;
        }

        .trust-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
        }

        .trust-num {
            font-family: 'Poppins',sans-serif;
            font-size: 1.9rem;
            font-weight: 700;
            color: var(--accent);
            line-height: 1;
        }

        .trust-label {
            font-family: 'Outfit',sans-serif;
            font-size: 0.75rem;
            color: var(--ink-faint);
            font-weight: 500;
            margin-top: 4px;
        }

        .trust-divider {
            width: 1px;
            height: 48px;
            background: var(--line);
        }

        /* SECTIONS */
        .pad {
            padding: 80px 0;
        }

        .pad-sm {
            padding: 56px 0;
        }

        .section-head {
            max-width: 640px;
        }

            .section-head.center {
                margin: 0 auto;
                text-align: center;
            }

            .section-head h2 {
                font-family: 'Poppins',sans-serif;
                font-size: clamp(1.9rem,3.6vw,2.9rem);
                margin: 12px 0 14px;
                font-weight: 700;
                color: var(--ink);
                line-height: 1.1;
            }

            .section-head p {
                font-family: 'Outfit',sans-serif;
                color: var(--ink-soft);
                font-size: 1rem;
                line-height: 1.75;
            }

        .cta-strip {
            background: var(--deep);
            border-top: 1px solid rgba(196,160,82,0.2);
            border-bottom: 1px solid rgba(196,160,82,0.2);
            padding: 24px 0;
        }

        .cta-strip-inner {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 20px;
            flex-wrap: wrap;
        }

        .cta-strip-text {
            font-family: 'Poppins',sans-serif;
            font-size: 1rem;
            font-weight: 600;
            color: #fff;
        }

            .cta-strip-text span {
                display: block;
                font-family: 'Outfit',sans-serif;
                font-size: 0.84rem;
                font-weight: 400;
                color: rgba(255,255,255,0.6);
                margin-top: 2px;
            }

        /* PROBLEM */
        .pain-grid {
            display: grid;
            grid-template-columns: repeat(2,1fr);
            gap: 18px;
            margin-top: 44px;
        }

        .pain-card {
            background: #2a587a;
            border: 1px solid rgba(196,160,82,0.15);
            padding: 28px;
            position: relative;
            overflow: hidden;
            transition: transform 0.22s,box-shadow 0.22s;
        }

            .pain-card:hover {
                transform: translateY(-5px);
                box-shadow: 0 20px 40px -22px rgba(0,41,58,0.45);
            }

            .pain-card::before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                width: 0;
                height: 2px;
                background: var(--accent);
                transition: width 0.5s ease-out;
            }

            .pain-card:hover::before {
                width: 100%;
            }

        .pain-q {
            font-family: 'Poppins',sans-serif;
            font-size: 1.1rem;
            font-weight: 600;
            font-style: italic;
            color: #fff;
            margin-bottom: 8px;
            line-height: 1.35;
        }

            .pain-q::before {
                content: "\201C";
                color: var(--accent);
                font-size: 1.4rem;
                margin-right: 2px;
            }

        .pain-p {
            font-family: 'Outfit',sans-serif;
            font-size: 0.9rem;
            color: rgba(255,255,255,0.55);
            line-height: 1.7;
        }

        .pain-solution {
            margin-top: 12px;
            display: flex;
            align-items: flex-start;
            gap: 8px;
            font-family: 'Outfit',sans-serif;
            font-size: 0.82rem;
            font-weight: 600;
            color: var(--accent);
        }

            .pain-solution::before {
                content: "→";
                flex-shrink: 0;
            }

        /* COMPARE */
        .compare-wrap {
            overflow-x: auto;
            margin-top: 48px;
        }

        .compare-table {
            width: 100%;
            border-collapse: collapse;
            min-width: 640px;
        }

            .compare-table th {
                font-family: 'Outfit',sans-serif;
                font-size: 0.75rem;
                font-weight: 700;
                letter-spacing: 0.12em;
                text-transform: uppercase;
                color: var(--ink-faint);
                padding: 12px 20px;
                text-align: left;
                border-bottom: 2px solid var(--line);
            }

                .compare-table th.highlight {
                    color: var(--accent);
                    background: rgba(196,160,82,0.08);
                }

            .compare-table td {
                font-family: 'Outfit',sans-serif;
                padding: 14px 20px;
                font-size: 0.9rem;
                border-bottom: 1px solid var(--line);
                vertical-align: middle;
            }

                .compare-table td.highlight {
                    background: rgba(196,160,82,0.06);
                }

            .compare-table tr:last-child td {
                border-bottom: none;
            }

        .cmp-yes {
            color: var(--accent);
            font-weight: 700;
        }

        .cmp-no {
            color: var(--ink-faint);
        }

        .cmp-partial {
            color: #a07000;
            font-weight: 600;
        }

        .compare-table tr:hover td {
            background: rgba(0,0,0,0.02);
        }

            .compare-table tr:hover td.highlight {
                background: rgba(196,160,82,0.1);
            }

        /* FEATURES */
        .feat-grid {
            display: grid;
            grid-template-columns: repeat(3,1fr);
            gap: 18px;
            margin-top: 48px;
        }

        .feat-tile {
            background: var(--card);
            border: 1px solid var(--line);
            padding: 28px 26px;
            transition: transform 0.22s,box-shadow 0.22s;
            position: relative;
            overflow: hidden;
        }

            .feat-tile::before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                width: 0;
                height: 2px;
                background: var(--accent);
                transition: width 0.5s ease-out;
            }

            .feat-tile:hover::before {
                width: 100%;
            }

            .feat-tile:hover {
                transform: translateY(-5px);
                box-shadow: 0 20px 40px -22px rgba(0,0,0,0.18);
            }

        .feat-tile-icon {
            width: 48px;
            height: 48px;
            background: rgba(196,160,82,0.1);
            border-radius: 2px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 18px;
        }

        .feat-tile h4 {
            font-family: 'Poppins',sans-serif;
            font-size: 1rem;
            font-weight: 600;
            margin-bottom: 6px;
            color: var(--ink);
        }

        .feat-tile p {
            font-family: 'Outfit',sans-serif;
            font-size: 0.88rem;
            color: var(--ink-soft);
            line-height: 1.7;
        }

        .feat-badge {
            display: none;
            margin-top: 12px;
            font-family: 'Outfit',sans-serif;
            font-size: 0.68rem;
            font-weight: 700;
            letter-spacing: 0.1em;
            text-transform: uppercase;
            color: var(--accent);
            background: rgba(196,160,82,0.1);
            padding: 3px 10px;
            border-radius: 2px;
            border: 1px solid rgba(196,160,82,0.2);
        }

        /* AI SECTION */
        .ai-section {
            background: #0e4139;
            padding: 80px 0;
            overflow: hidden;
            position: relative;
        }

            .ai-section::before {
                content: "";
                position: absolute;
                inset: 0;
                background: radial-gradient(ellipse 70% 90% at 85% 50%,rgba(196,160,82,0.08) 0%,transparent 65%);
                pointer-events: none;
            }

            .ai-section .wrap {
                position: relative;
                z-index: 1;
            }

        .ai-top {
            display: flex;
            align-items: flex-end;
            justify-content: space-between;
            gap: 24px;
            margin-bottom: 44px;
            flex-wrap: wrap;
        }

            .ai-top .section-head {
                max-width: 500px;
            }

                .ai-top .section-head .eyebrow {
                    color: var(--accent);
                }

                .ai-top .section-head h2 {
                    color: #fff;
                }

                .ai-top .section-head p {
                    color: rgba(255,255,255,0.6);
                }

        .ai-ctrl-row {
            display: flex;
            align-items: center;
            gap: 10px;
            flex-shrink: 0;
        }

        .ai-ctrl-btn {
            width: 40px;
            height: 40px;
            border-radius: 2px;
            border: 1.5px solid rgba(196,160,82,0.3);
            background: transparent;
            color: var(--accent);
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.18s;
        }

            .ai-ctrl-btn:hover {
                background: rgba(196,160,82,0.15);
                border-color: var(--accent);
            }

        .ai-fader {
            min-height: 80px;
            position: relative;
            margin-bottom: 32px;
        }

        .ai-fader-item {
            position: absolute;
            inset: 0;
            opacity: 0;
            transform: translateY(10px);
            transition: opacity 0.45s,transform 0.45s;
            pointer-events: none;
        }

            .ai-fader-item.visible {
                opacity: 1;
                transform: none;
                pointer-events: auto;
            }

            .ai-fader-item h3 {
                font-family: 'Poppins',sans-serif;
                font-size: 1.2rem;
                font-weight: 600;
                color: #fff;
                margin-bottom: 6px;
            }

            .ai-fader-item p {
                font-family: 'Outfit',sans-serif;
                font-size: 0.93rem;
                color: rgba(255,255,255,0.55);
                max-width: 560px;
                line-height: 1.7;
            }

        .ai-track-outer {
            position: relative;
            overflow: hidden;
        }

            .ai-track-outer::before, .ai-track-outer::after {
                content: "";
                position: absolute;
                top: 0;
                bottom: 0;
                width: 80px;
                z-index: 2;
                pointer-events: none;
            }

            .ai-track-outer::before {
                left: 0;
                background: linear-gradient(to right,#19473b,transparent);
            }

            .ai-track-outer::after {
                right: 0;
                background: linear-gradient(to left,#19473b,transparent);
            }

        .ai-track {
            display: flex;
            gap: 20px;
            transition: transform 0.5s cubic-bezier(0.4,0,0.2,1);
            will-change: transform;
        }

        .ai-card {
            flex: 0 0 300px;
            background: rgba(255,255,255,0.04);
            border: 1px solid rgba(196,160,82,0.18);
            padding: 26px;
            position: relative;
            overflow: hidden;
            transition: transform 0.25s,border-color 0.25s,background 0.25s;
            cursor: default;
        }

            .ai-card:hover {
                transform: translateY(-4px);
                border-color: rgba(196,160,82,0.5);
                background: rgba(196,160,82,0.06);
            }

            .ai-card.active-card {
                border-color: var(--accent);
                background: rgba(196,160,82,0.08);
            }

            .ai-card::before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                height: 2px;
                background: var(--accent);
                opacity: 0;
                transition: opacity 0.25s;
            }

            .ai-card.active-card::before, .ai-card:hover::before {
                opacity: 1;
            }

        .ai-card-icon {
            width: 44px;
            height: 44px;
            background: rgba(196,160,82,0.12);
            border-radius: 2px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 16px;
            font-size: 1.25rem;
            display: none
        }

        .ai-card h3 {
            font-family: 'Poppins',sans-serif;
            font-size: 0.95rem;
            font-weight: 600;
            color: #fff;
            margin-bottom: 7px;
        }

        .ai-card p {
            font-family: 'Outfit',sans-serif;
            font-size: 0.84rem;
            color: rgba(255,255,255,0.52);
            line-height: 1.65;
        }

        .ai-card-tag {
            margin-top: 14px;
            font-family: 'Outfit',sans-serif;
            font-size: 0.68rem;
            font-weight: 700;
            letter-spacing: 0.1em;
            text-transform: uppercase;
            color: var(--accent);
            background: rgba(196,160,82,0.1);
            padding: 3px 10px;
            border-radius: 2px;
            border: 1px solid rgba(196,160,82,0.22);
            display: none;
        }

        .ai-dots {
            display: flex;
            gap: 7px;
            justify-content: center;
            margin-top: 30px;
        }

        .ai-dot {
            width: 8px;
            height: 8px;
            background: rgba(255,255,255,0.2);
            border: none;
            cursor: pointer;
            transition: background 0.2s,transform 0.2s;
            padding: 0;
        }

            .ai-dot.active {
                background: var(--accent);
                transform: scale(1.3);
            }

        .ai-cta-row {
            margin-top: 44px;
            text-align: center;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 10px;
        }

        .ai-cta-note {
            font-family: 'Outfit',sans-serif;
            font-size: 0.78rem;
            color: rgba(255,255,255,0.35);
        }

        /* TESTIMONIALS */
        .testi-grid {
            display: grid;
            grid-template-columns: repeat(3,1fr);
            gap: 20px;
            margin-top: 48px;
        }

        .testi-card {
            background: var(--card);
            border: 1px solid var(--line);
            padding: 28px;
            display: flex;
            flex-direction: column;
            gap: 14px;
            transition: transform 0.22s,box-shadow 0.22s;
        }

            .testi-card:hover {
                transform: translateY(-4px);
                box-shadow: 0 18px 36px -20px rgba(0,0,0,0.15);
            }

        .testi-stars {
            display: flex;
            gap: 3px;
            color: var(--accent);
            font-size: 0.95rem;
        }

        .testi-quote {
            font-family: 'Poppins',sans-serif;
            font-size: 1rem;
            font-weight: 400;
            font-style: italic;
            line-height: 1.55;
            color: var(--ink);
        }

            .testi-quote::before {
                content: "\201C";
                color: var(--accent);
            }

            .testi-quote::after {
                content: "\201D";
                color: var(--accent);
            }

        .testi-author {
            display: flex;
            align-items: center;
            gap: 12px;
            margin-top: auto;
        }

        .testi-avatar {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background: rgba(196,160,82,0.15);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.1rem;
            flex-shrink: 0;
        }

        .testi-name {
            font-family: 'Outfit',sans-serif;
            font-size: 0.88rem;
            font-weight: 700;
            color: var(--ink);
        }

        .testi-detail {
            font-family: 'Outfit',sans-serif;
            font-size: 0.78rem;
            color: var(--ink-faint);
        }

        .testi-verified {
            display: inline-flex;
            align-items: center;
            gap: 4px;
            font-family: 'Outfit',sans-serif;
            font-size: 0.68rem;
            font-weight: 700;
            color: var(--accent);
            background: rgba(196,160,82,0.1);
            padding: 2px 8px;
            border-radius: 2px;
            margin-top: 4px;
        }

        /* PRICING */
        .plan-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 24px;
            max-width: 860px;
            margin: 48px auto 0;
        }

        .plan-card {
            background: var(--paper);
            border: 1.5px solid var(--line);
            padding: 36px;
            position: relative;
        }

            .plan-card.feat {
                background: var(--primary);
                color: #fff;
                border-color: var(--primary);
                box-shadow: 0 28px 56px -20px rgba(0,0,0,0.4);
            }

        .plan-card-tag {
            position: absolute;
            top: -14px;
            left: 50%;
            transform: translateX(-50%);
            background: var(--accent);
            color: #fff;
            font-family: 'Outfit',sans-serif;
            font-size: 0.7rem;
            font-weight: 700;
            letter-spacing: 0.06em;
            text-transform: uppercase;
            padding: 4px 16px;
            border-radius: 2px;
            white-space: nowrap;
        }

        .plan-name {
            font-family: 'Poppins',sans-serif;
            font-size: 1.45rem;
            font-weight: 700;
            margin-bottom: 4px;
        }

        .plan-desc {
            font-family: 'Outfit',sans-serif;
            font-size: 0.88rem;
            opacity: 0.6;
            margin-bottom: 22px;
            line-height: 1.6;
        }

        .plan-price {
            font-family: 'Poppins',sans-serif;
            font-size: 3rem;
            font-weight: 700;
            line-height: 1;
        }

            .plan-price sup {
                font-size: 1.3rem;
                vertical-align: super;
            }

            .plan-price span {
                font-size: 0.9rem;
                opacity: 0.5;
            }

        .plan-yr {
            font-family: 'Outfit',sans-serif;
            font-size: 0.78rem;
            opacity: 0.4;
            margin: 4px 0 24px;
        }

        .plan-list {
            list-style: none;
            display: flex;
            flex-direction: column;
            gap: 11px;
            margin: 0 0 28px;
        }

            .plan-list li {
                font-family: 'Outfit',sans-serif;
                display: flex;
                gap: 9px;
                align-items: flex-start;
                font-size: 0.9rem;
            }

                .plan-list li svg {
                    flex-shrink: 0;
                    margin-top: 3px;
                }

        .plan-guarantee {
            margin-top: 14px;
            text-align: center;
            font-family: 'Outfit',sans-serif;
            font-size: 0.78rem;
            color: var(--ink-faint);
        }

            .plan-guarantee strong {
                color: var(--accent);
            }

        .plan-card.feat .plan-guarantee {
            color: rgba(255,255,255,0.35);
        }

            .plan-card.feat .plan-guarantee strong {
                color: var(--accent);
            }

        .value-callout {
            margin-top: 32px;
            padding: 22px 28px;
            background: rgba(196,160,82,0.1);
            border: 1px solid rgba(196,160,82,0.2);
            display: flex;
            align-items: center;
            gap: 20px;
            flex-wrap: wrap;
        }

        .value-big {
            font-family: 'Poppins',sans-serif;
            font-size: 2.5rem;
            color: var(--accent);
            font-weight: 700;
            flex-shrink: 0;
        }

        .value-text p {
            font-family: 'Outfit',sans-serif;
            font-size: 0.9rem;
            color: var(--ink-soft);
            line-height: 1.65;
        }

        .value-text strong {
            font-family: 'Poppins',sans-serif;
            display: block;
            font-size: 1rem;
            margin-bottom: 4px;
            color: var(--ink);
        }

        /* FAQ */
        .faq-grid {
            display: grid;
            grid-template-columns: 1fr 2fr;
            gap: 72px;
            align-items: start;
        }

        .faq-sidebar h2 {
            font-family: 'Poppins',sans-serif;
            font-size: clamp(1.8rem,3vw,2.6rem);
            font-weight: 700;
            margin: 12px 0 14px;
        }

        .faq-sidebar p {
            font-family: 'Outfit',sans-serif;
            font-size: 0.93rem;
            color: var(--ink-soft);
            line-height: 1.75;
            margin-bottom: 24px;
        }

        .faq-list {
            display: flex;
            flex-direction: column;
        }

        .faq-item {
            border-bottom: 1px solid var(--line);
        }

            .faq-item:first-child {
                border-top: 1px solid var(--line);
            }

        .faq-q {
            width: 100%;
            background: none;
            border: none;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 16px;
            font-family: 'Poppins',sans-serif;
            font-size: 0.97rem;
            font-weight: 600;
            color: var(--ink);
            text-align: left;
            padding: 18px 0;
            transition: color 0.16s;
        }

            .faq-q:hover {
                color: var(--accent);
            }

        .faq-ico {
            width: 26px;
            height: 26px;
            border-radius: 2px;
            border: 1.5px solid var(--line);
            flex-shrink: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: background 0.18s,border-color 0.18s,transform 0.3s;
        }

            .faq-ico::before {
                content: "+";
                font-size: 0.9rem;
                font-weight: 600;
                color: var(--accent);
                line-height: 1;
            }

        .faq-item.open .faq-ico {
            background: var(--accent);
            border-color: var(--accent);
            transform: rotate(45deg);
        }

            .faq-item.open .faq-ico::before {
                color: #fff;
            }

        .faq-a {
            overflow: hidden;
            max-height: 0;
            transition: max-height 0.42s cubic-bezier(0.4,0,0.2,1),padding 0.3s;
        }

        .faq-item.open .faq-a {
            max-height: 340px;
            padding-bottom: 18px;
        }

        .faq-a p {
            font-family: 'Outfit',sans-serif;
            font-size: 0.92rem;
            color: var(--ink-soft);
            line-height: 1.78;
        }

        /* FINAL CTA */
        .vfinal {
            background: #07362f;
            padding: 110px 32px;
            text-align: center;
            position: relative;
            overflow: hidden;
        }

            .vfinal::before {
                content: "";
                position: absolute;
                inset: 0;
                background: radial-gradient(ellipse 60% 70% at 50% 50%,rgba(196,160,82,0.1) 0%,transparent 70%);
                pointer-events: none;
            }

            .vfinal h2 {
                font-family: 'Poppins',sans-serif;
                font-size: clamp(2rem,4vw,3.4rem);
                font-weight: 700;
                color: #fff;
                margin-bottom: 16px;
                position: relative;
            }

                .vfinal h2 em {
                    font-family: 'DM Serif Display',serif;
                    font-style: italic;
                    color: var(--accent);
                    font-weight: 600;
                }

            .vfinal p {
                font-family: 'Outfit',sans-serif;
                font-size: 1rem;
                color: rgba(255,255,255,0.6);
                max-width: 520px;
                margin: 0 auto 36px;
                line-height: 1.75;
                position: relative;
            }

        .vfinal-cta-row {
            display: flex;
            gap: 14px;
            justify-content: center;
            flex-wrap: wrap;
            position: relative;
        }

        .vfinal-trust {
            margin-top: 22px;
            font-family: 'Outfit',sans-serif;
            font-size: 0.75rem;
            color: rgba(255,255,255,0.35);
            display: flex;
            gap: 18px;
            justify-content: center;
            flex-wrap: wrap;
        }

            .vfinal-trust span::before {
                content: "✓ ";
                color: var(--accent);
            }

        /* FOOTER */
        footer {
            background: #191919;
            color: #fff;
            padding: 56px 40px 28px;
        }

        .foot-inner {
            max-width: 1280px;
            margin: 0 auto;
        }

        .foot-grid {
            display: grid;
            grid-template-columns: 2fr 1fr 1fr 1fr;
            gap: 40px;
            margin-bottom: 48px;
        }

        .foot-brand-text {
            font-family: 'Outfit',sans-serif;
            font-size: 0.88rem;
            color: rgba(255,255,255,0.55);
            margin-top: 12px;
            line-height: 1.75;
        }

        .foot-col h4 {
            font-family: 'Outfit',sans-serif;
            font-size: 0.7rem;
            font-weight: 600;
            letter-spacing: 0.18em;
            text-transform: uppercase;
            color: #fff;
            margin-bottom: 16px;
        }

        .foot-col a {
            font-family: 'Outfit',sans-serif;
            display: block;
            font-size: 0.85rem;
            color: rgba(255,255,255,0.6);
            margin-bottom: 9px;
            transition: color 0.14s;
            font-weight: 500;
            text-transform: uppercase;
            letter-spacing: 0.06em;
        }

            .foot-col a:hover {
                color: var(--accent);
            }

        .foot-bottom {
            border-top: 1px solid rgba(255,255,255,0.1);
            padding-top: 22px;
            display: flex;
            justify-content: space-between;
            font-family: 'Outfit',sans-serif;
            font-size: 0.78rem;
            font-style: italic;
            color: rgba(255,255,255,0.35);
            flex-wrap: wrap;
            gap: 10px;
        }

        .footer-social-links {
            display: flex;
            padding-top: 10px;
        }

            .footer-social-links a {
                width: 20px;
                height: 20px;
                margin-right: 10px;
            }

                .footer-social-links a svg {
                    fill: #888888;
                }

                .footer-social-links a:hover svg {
                    fill: #fff;
                }
        /* ANIMATIONS */
        .reveal {
            opacity: 0;
            transform: translateY(22px);
            transition: opacity 0.65s cubic-bezier(.2,.7,.3,1),transform 0.65s cubic-bezier(.2,.7,.3,1);
        }

            .reveal.in {
                opacity: 1;
                transform: none;
            }

        /* TICKER */
        .cp-ticker-scroll {
            display: flex;
            width: max-content;
            animation: cpscroll 35s linear infinite;
        }

        @keyframes cpscroll {
            0% {
                transform: translateX(0);
            }

            100% {
                transform: translateX(-50%);
            }
        }

        #topBtn {
            position: fixed;
            bottom: 30px;
            right: 70px;
            display: none;
            background-color: #333;
            color: #fff;
            border: none;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            font-size: 18px;
            cursor: pointer;
            box-shadow: 0 4px 8px rgba(0,0,0,0.3);
            transition: background 0.3s, transform 0.2s;
        }

            #topBtn:hover {
                background-color: #555;
                transform: scale(1.1);
            }
        /* RESPONSIVE */
        @media(max-width:900px) {
            .vhero {
                min-height: 380px;
            }

            .vhero-text {
                padding: 56px 0;
            }

            .vhero-bg {
                background-position: 70% center;
            }

            .vhero-overlay {
                background: linear-gradient(100deg,rgba(7,54,47,0.92) 0%,rgba(7,54,47,0.80) 60%,rgba(7,54,47,0.60) 100%);
            }

            .pain-grid {
                grid-template-columns: 1fr;
            }

            .feat-grid {
                grid-template-columns: 1fr 1fr;
            }

            .testi-grid {
                grid-template-columns: 1fr 1fr;
            }

            .plan-grid {
                grid-template-columns: 1fr;
            }

            .faq-grid {
                grid-template-columns: 1fr;
                gap: 32px;
            }

            .foot-grid {
                grid-template-columns: 1fr 1fr;
            }

            .trust-divider {
                display: none;
            }

            .ai-top {
                flex-direction: column;
                align-items: flex-start;
            }

            .ai-card {
                flex: 0 0 270px;
            }

          

            #sticky-cta .sticky-badge {
                display: none;
            }

            .compare-table {
                width: 100%;
                border-collapse: collapse;
                min-width: 879px;
            }

            .trust-num {
                font-size: 1.4rem;
                letter-spacing: -0.8px;
            }

            .trust-inner {
                align-items: flex-start;
            }
			
        }

        @media(max-width:767px) {
            .plan-card.reveal {
                flex-direction: column;
            }

                .plan-card.reveal .flexplan {
                    width: 100% !important;
                    border: none !important;
                    padding-right: 0 !important;
                }

                .plan-card.reveal .flexdesc {
                    width: 100% !important;
                }

            .btn-lg {
                padding: 17px 20px;
                font-size: 0.8rem;
            }

            .foot-grid {
                grid-template-columns: 1fr;
                gap: 18px;
            }

            footer {
                padding: 56px 24px 28px;
            }

            .nav-cta-wrap .btn-ghost-light {
                display: none;
            }
        }

        @media(max-width:580px) {
            .feat-grid {
                grid-template-columns: 1fr;
            }

            .testi-grid {
                grid-template-columns: 1fr;
            }

            .ai-card {
                flex: 0 0 82vw;
            }

            .wrap {
                padding: 0 18px;
            }

            .cta-strip-inner {
                flex-direction: column;
                text-align: center;
            }

            .vfinal {
                padding: 72px 20px;
            }

            #sticky-cta {
                flex-direction: column;
                gap: 10px;
                padding: 12px 16px;
            }

            .sticky-cta-actions {
                width: 100%;
                justify-content: center;
            }

            .nav-inner {
                padding: 14px 18px;
            }

            .vhero-text {
                padding: 44px 0;
            }

                .vhero-text h1 {
                    font-size: 1.9rem;
                }

            .vhero-sub {
                font-size: 0.9rem;
            }

            .vfinalmbspc {
                padding: 48px 28px !important;
            }

            .wrap.trust-inner {
                flex-wrap: wrap;
            }

            .trust-item {
                width: 47%;
            }

            div#ai-fader {
                display: inline-block;
                width: 100%;
                min-height: 110px;
            }

            .foot-grid {
                margin-bottom: 28px;
            }
        }