/* =====================================================
           ROOT
        ===================================================== */

        :root {
            --pm-black: #080b10;
            --pm-black-2: #0d1118;
            --pm-dark: #111720;
            --pm-dark-2: #151c26;

            --pm-white: #ffffff;
            --pm-text: #151a21;
            --pm-muted: #68717d;
            --pm-light: #f5f7f9;
            --pm-border: #e4e8ed;

            --pm-orange: #f5a623;
            --pm-orange-dark: #db8c0c;
            --pm-orange-soft: rgba(245, 166, 35, .12);

            --pm-green: #2fba78;
            --pm-blue: #4b8cff;

            --pm-radius: 22px;
            --pm-radius-sm: 14px;

            --pm-shadow:
                0 20px 60px rgba(12, 18, 28, .08);

            --pm-container: 1240px;
        }


        /* =====================================================
           RESET
        ===================================================== */


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

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

        button {
            font-family: inherit;
        }


        /* =====================================================
           GLOBAL
        ===================================================== */

        .pm-container {
            width: min(100% - 40px, var(--pm-container));
            margin: 0 auto;
        }

        .pm-section {
            padding: 110px 0;
            position: relative;
        }

        .pm-section-heading {
            max-width: 760px;
            margin-bottom: 55px;
        }

        .pm-section-heading.center {
            margin-left: auto;
            margin-right: auto;
            text-align: center;
        }

        .pm-eyebrow {
            display: inline-flex;
            align-items: center;
            gap: 9px;

            color: var(--pm-orange);
            font-size: 12px;
            font-weight: 800;
            letter-spacing: 2px;
            text-transform: uppercase;

            margin-bottom: 18px;
        }

        .pm-eyebrow::before {
            content: "";
            width: 24px;
            height: 2px;
            background: var(--pm-orange);
            border-radius: 20px;
        }

        .pm-section-heading h2 {
            font-family: "Manrope", sans-serif;
            font-size: clamp(34px, 4vw, 56px);
            line-height: 1.12;
            letter-spacing: -1.8px;
            font-weight: 800;
            margin-bottom: 20px;
        }

        .pm-section-heading p {
            color: var(--pm-muted);
            font-size: 17px;
            line-height: 1.8;
        }

        .pm-highlight {
            color: var(--pm-orange);
        }


        /* =====================================================
           BUTTONS
        ===================================================== */

        .pm-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 10px;

            min-height: 54px;
            padding: 0 25px;

            border-radius: 10px;

            font-size: 14px;
            font-weight: 700;

            transition:
                transform .25s ease,
                box-shadow .25s ease,
                background .25s ease,
                border-color .25s ease;
        }

        .pm-btn:hover {
            transform: translateY(-3px);
        }

        .pm-btn-primary {
            color: #101010;
            background: var(--pm-orange);
            box-shadow: 0 12px 30px rgba(245, 166, 35, .24);
        }

        .pm-btn-primary:hover {
            background: #ffb638;
            box-shadow: 0 16px 38px rgba(245, 166, 35, .32);
        }

        .pm-btn-outline {
            color: #fff;
            border: 1px solid rgba(255,255,255,.22);
            background: rgba(255,255,255,.04);
        }

        .pm-btn-outline:hover {
            background: rgba(255,255,255,.09);
            border-color: rgba(255,255,255,.4);
        }

        .pm-btn-dark {
            color: #fff;
            background: var(--pm-black);
        }


        /* =====================================================
           HERO
        ===================================================== */

        .pm-hero {
            position: relative;
            min-height: 850px;
            padding: 155px 0 110px;

            color: #fff;

            background:
                radial-gradient(
                    circle at 78% 25%,
                    rgba(245,166,35,.16),
                    transparent 28%
                ),
                radial-gradient(
                    circle at 15% 85%,
                    rgba(75,140,255,.08),
                    transparent 30%
                ),
                linear-gradient(
                    135deg,
                    #070a0f 0%,
                    #0b1017 55%,
                    #111821 100%
                );

            overflow: hidden;
        }

        .pm-hero::before {
            content: "";
            position: absolute;
            inset: 0;

            background-image:
                linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
                linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);

            background-size: 55px 55px;
            mask-image: linear-gradient(to bottom, black, transparent);
            pointer-events: none;
        }

        .pm-hero .pm-container {
            position: relative;
            z-index: 2;
        }

        .pm-hero-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 70px;
            align-items: center;
        }

        .pm-hero-content {
            max-width: 680px;
        }

        .pm-hero .pm-eyebrow {
            margin-bottom: 24px;
        }

        .pm-hero h1 {
            font-family: "Manrope", sans-serif;
            font-size: clamp(44px, 5.5vw, 76px);
            line-height: 1.04;
            letter-spacing: -3px;
            font-weight: 800;
            margin-bottom: 28px;
        }

        .pm-hero h1 span {
            color: var(--pm-orange);
        }

        .pm-hero-description {
            max-width: 630px;

            color: rgba(255,255,255,.72);
            font-size: 18px;
            line-height: 1.85;

            margin-bottom: 35px;
        }

        .pm-hero-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 13px;
            margin-bottom: 38px;
        }

        .pm-hero-trust {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
        }

        .pm-trust-item {
            display: flex;
            align-items: center;
            gap: 9px;

            color: rgba(255,255,255,.66);
            font-size: 13px;
        }

        .pm-trust-check {
            width: 20px;
            height: 20px;

            display: inline-flex;
            align-items: center;
            justify-content: center;

            border-radius: 50%;
            background: rgba(47,186,120,.12);
            color: #56d997;
        }


        /* =====================================================
           HERO GROWTH ENGINE
        ===================================================== */

        .pm-growth-engine {
            position: relative;
            width: 100%;
            max-width: 560px;
            margin-left: auto;
        }

        .pm-engine-glow {
            position: absolute;
            width: 330px;
            height: 330px;

            left: 50%;
            top: 50%;

            transform: translate(-50%, -50%);

            background: rgba(245,166,35,.12);
            filter: blur(70px);

            border-radius: 50%;
        }

        .pm-engine-card {
            position: relative;

            padding: 28px;

            border-radius: 26px;

            border: 1px solid rgba(255,255,255,.1);

            background:
                linear-gradient(
                    145deg,
                    rgba(255,255,255,.08),
                    rgba(255,255,255,.025)
                );

            backdrop-filter: blur(16px);

            box-shadow:
                0 40px 100px rgba(0,0,0,.35);
        }

        .pm-engine-top {
            display: flex;
            justify-content: space-between;
            align-items: center;

            padding-bottom: 20px;
            margin-bottom: 22px;

            border-bottom: 1px solid rgba(255,255,255,.08);
        }

        .pm-engine-title {
            font-size: 13px;
            font-weight: 700;
            color: rgba(255,255,255,.8);
        }

        .pm-live {
            display: inline-flex;
            align-items: center;
            gap: 7px;

            color: #5bdd9b;
            font-size: 11px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        .pm-live::before {
            content: "";
            width: 7px;
            height: 7px;

            background: #5bdd9b;
            border-radius: 50%;

            box-shadow: 0 0 0 5px rgba(93,221,155,.1);
        }

        .pm-engine-flow {
            display: flex;
            flex-direction: column;
            gap: 9px;
        }

        .pm-flow-box {
            display: grid;
            grid-template-columns: 38px 1fr auto;
            align-items: center;
            gap: 13px;

            padding: 13px 15px;

            border-radius: 13px;

            background: rgba(255,255,255,.045);
            border: 1px solid rgba(255,255,255,.06);
        }

        .pm-flow-icon {
            width: 38px;
            height: 38px;

            display: flex;
            align-items: center;
            justify-content: center;

            color: var(--pm-orange);

            background: rgba(245,166,35,.1);
            border-radius: 10px;
        }

        .pm-flow-name {
            color: #fff;
            font-size: 13px;
            font-weight: 700;
        }

        .pm-flow-sub {
            display: block;
            color: rgba(255,255,255,.42);
            font-size: 10px;
            margin-top: 1px;
        }

        .pm-flow-value {
            color: #5bdd9b;
            font-size: 11px;
            font-weight: 700;
        }

        .pm-flow-arrow {
            text-align: center;
            color: rgba(255,255,255,.25);
            font-size: 14px;
        }

        .pm-engine-footer {
            margin-top: 20px;
            padding: 17px;

            border-radius: 13px;

            background: rgba(245,166,35,.08);
            border: 1px solid rgba(245,166,35,.15);

            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 15px;
        }

        .pm-engine-footer strong {
            font-size: 12px;
            color: #fff;
        }

        .pm-engine-footer span {
            font-size: 10px;
            color: rgba(255,255,255,.48);
        }


        /* =====================================================
           TRUST STRIP
        ===================================================== */

        .pm-trust-strip {
            background: #0b1016;
            border-top: 1px solid rgba(255,255,255,.06);
            border-bottom: 1px solid rgba(255,255,255,.06);
        }

        .pm-trust-strip-inner {
            min-height: 92px;

            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 20px;
        }

        .pm-strip-title {
            color: rgba(255,255,255,.45);
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 1.5px;
            text-transform: uppercase;
        }

        .pm-strip-points {
            display: flex;
            flex-wrap: wrap;
            gap: 18px 30px;
        }

        .pm-strip-point {
            display: flex;
            align-items: center;
            gap: 8px;

            color: rgba(255,255,255,.72);
            font-size: 12px;
            font-weight: 600;
        }

        .pm-strip-point::before {
            content: "";
            width: 5px;
            height: 5px;

            border-radius: 50%;
            background: var(--pm-orange);
        }


        /* =====================================================
           PROBLEM SECTION
        ===================================================== */

        .pm-problem {
            background: var(--pm-light);
        }

        .pm-problem-grid {
            display: grid;
            grid-template-columns: .85fr 1.15fr;
            gap: 80px;
            align-items: start;
        }

        .pm-problem-intro {
            position: sticky;
            top: 100px;
        }

        .pm-problem-intro h2 {
            font-family: "Manrope", sans-serif;
            font-size: clamp(34px, 4vw, 54px);
            line-height: 1.12;
            letter-spacing: -1.8px;
            font-weight: 800;
            margin-bottom: 20px;
        }

        .pm-problem-intro p {
            color: var(--pm-muted);
            font-size: 16px;
            line-height: 1.8;
        }

        .pm-problem-grid-cards {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 16px;
        }

        .pm-problem-card {
            padding: 30px;

            background: #fff;
            border: 1px solid var(--pm-border);
            border-radius: var(--pm-radius);

            transition:
                transform .25s ease,
                box-shadow .25s ease,
                border-color .25s ease;
        }

        .pm-problem-card:hover {
            transform: translateY(-5px);
            box-shadow: var(--pm-shadow);
            border-color: rgba(245,166,35,.4);
        }

        .pm-problem-number {
            color: var(--pm-orange);
            font-size: 12px;
            font-weight: 800;
            letter-spacing: 1px;
            margin-bottom: 22px;
        }

        .pm-problem-card h3 {
            font-family: "Manrope", sans-serif;
            font-size: 19px;
            line-height: 1.35;
            margin-bottom: 11px;
        }

        .pm-problem-card p {
            color: var(--pm-muted);
            font-size: 14px;
            line-height: 1.7;
        }

        .pm-problem-bottom {
            grid-column: 1 / -1;

            padding: 26px 30px;

            border-radius: 18px;

            background: var(--pm-black);
            color: #fff;

            font-family: "Manrope", sans-serif;
            font-size: 18px;
            font-weight: 700;
        }


        /* =====================================================
           BUSINESS FIRST
        ===================================================== */

        .pm-business-first {
            background: #fff;
        }

        .pm-business-first-grid {
            display: grid;
            grid-template-columns: .9fr 1.1fr;
            gap: 80px;
            align-items: center;
        }

        .pm-business-first-copy h2 {
            font-family: "Manrope", sans-serif;
            font-size: clamp(35px, 4vw, 57px);
            line-height: 1.1;
            letter-spacing: -2px;
            margin-bottom: 23px;
        }

        .pm-business-first-copy p {
            color: var(--pm-muted);
            font-size: 17px;
            line-height: 1.85;
        }

        .pm-business-quote {
            margin-top: 28px;

            padding-left: 20px;

            border-left: 3px solid var(--pm-orange);

            font-family: "Manrope", sans-serif;
            font-size: 18px;
            line-height: 1.6;
            font-weight: 700;
        }

        .pm-journey {
            position: relative;
            padding: 35px;

            background: var(--pm-light);
            border: 1px solid var(--pm-border);
            border-radius: 25px;
        }

        .pm-journey-step {
            position: relative;

            display: grid;
            grid-template-columns: 46px 1fr;
            gap: 18px;

            padding-bottom: 23px;
        }

        .pm-journey-step:last-child {
            padding-bottom: 0;
        }

        .pm-journey-step:not(:last-child)::after {
            content: "";

            position: absolute;
            left: 22px;
            top: 46px;
            bottom: 0;

            width: 1px;
            background: #dfe4e9;
        }

        .pm-journey-icon {
            position: relative;
            z-index: 2;

            width: 46px;
            height: 46px;

            display: flex;
            align-items: center;
            justify-content: center;

            border-radius: 13px;

            background: #fff;
            border: 1px solid var(--pm-border);

            color: var(--pm-orange);

            box-shadow: 0 8px 25px rgba(20,25,30,.05);
        }

        .pm-journey-step h4 {
            font-family: "Manrope", sans-serif;
            font-size: 14px;
            margin: 2px 0 2px;
        }

        .pm-journey-step span {
            color: var(--pm-muted);
            font-size: 12px;
        }


        /* =====================================================
           PERFORMANCE DEFINITION
        ===================================================== */

        .pm-definition {
            background:
                radial-gradient(
                    circle at 75% 20%,
                    rgba(245,166,35,.1),
                    transparent 25%
                ),
                var(--pm-black);
            color: #fff;
        }

        .pm-definition-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 70px;
            align-items: center;
        }

        .pm-definition h2 {
            font-family: "Manrope", sans-serif;
            font-size: clamp(35px, 4vw, 57px);
            line-height: 1.1;
            letter-spacing: -2px;
            margin-bottom: 22px;
        }

        .pm-definition-copy {
            color: rgba(255,255,255,.63);
            font-size: 17px;
            line-height: 1.85;
        }

        .pm-definition-question {
            display: grid;
            gap: 12px;
        }

        .pm-question-card {
            padding: 22px 25px;

            background: rgba(255,255,255,.045);
            border: 1px solid rgba(255,255,255,.08);

            border-radius: 16px;
        }

        .pm-question-card span {
            display: block;
            color: rgba(255,255,255,.4);
            font-size: 11px;
            text-transform: uppercase;
            letter-spacing: 1.2px;
            margin-bottom: 5px;
        }

        .pm-question-card strong {
            font-family: "Manrope", sans-serif;
            font-size: 17px;
        }


        /* =====================================================
           FUNNEL
        ===================================================== */

        .pm-funnel-section {
            background: #fff;
        }

        .pm-funnel {
            max-width: 950px;
            margin: 0 auto;

            display: grid;
            gap: 10px;
        }

        .pm-funnel-stage {
            position: relative;

            min-height: 86px;

            display: grid;
            grid-template-columns: 75px 1fr auto;
            align-items: center;
            gap: 25px;

            padding: 16px 25px;

            border-radius: 18px;

            color: #fff;

            overflow: hidden;
        }

        .pm-funnel-stage:nth-child(1) {
            width: 100%;
            margin: auto;
            background: #111923;
        }

        .pm-funnel-stage:nth-child(2) {
            width: 92%;
            margin: auto;
            background: #17212d;
        }

        .pm-funnel-stage:nth-child(3) {
            width: 84%;
            margin: auto;
            background: #1d2a37;
        }

        .pm-funnel-stage:nth-child(4) {
            width: 76%;
            margin: auto;
            background: #253342;
        }

        .pm-funnel-stage:nth-child(5) {
            width: 68%;
            margin: auto;
            background: #2d3c4b;
        }

        .pm-funnel-number {
            font-family: "Manrope", sans-serif;
            font-size: 12px;
            font-weight: 800;
            color: var(--pm-orange);
        }

        .pm-funnel-stage h3 {
            font-family: "Manrope", sans-serif;
            font-size: 17px;
            margin-bottom: 2px;
        }

        .pm-funnel-stage p {
            color: rgba(255,255,255,.5);
            font-size: 12px;
        }

        .pm-funnel-result {
            color: #fff;
            font-size: 11px;
            font-weight: 700;
            padding: 7px 10px;
            background: rgba(255,255,255,.07);
            border-radius: 8px;
        }

        .pm-funnel-bottom {
            margin-top: 35px;

            text-align: center;

            font-family: "Manrope", sans-serif;
            font-size: 18px;
            font-weight: 800;
        }


        /* =====================================================
           CHANNELS
        ===================================================== */

        .pm-channels {
            background: var(--pm-light);
        }

        .pm-channel-grid {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 15px;
        }

        .pm-channel-card {
            position: relative;

            padding: 30px 24px;

            min-height: 285px;

            background: #fff;
            border: 1px solid var(--pm-border);
            border-radius: 20px;

            overflow: hidden;

            transition: .3s ease;
        }

        .pm-channel-card:hover {
            transform: translateY(-7px);
            box-shadow: var(--pm-shadow);
            border-color: rgba(245,166,35,.4);
        }

        .pm-channel-icon {
            width: 52px;
            height: 52px;

            display: flex;
            align-items: center;
            justify-content: center;

            border-radius: 15px;

            background: var(--pm-orange-soft);
            color: var(--pm-orange);

            margin-bottom: 25px;
        }

        .pm-channel-card h3 {
            font-family: "Manrope", sans-serif;
            font-size: 17px;
            margin-bottom: 9px;
        }

        .pm-channel-card p {
            color: var(--pm-muted);
            font-size: 13px;
            line-height: 1.7;
            margin-bottom: 18px;
        }

        .pm-channel-tags {
            display: flex;
            flex-wrap: wrap;
            gap: 5px;
        }

        .pm-channel-tags span {
            padding: 5px 8px;

            color: #67717d;
            background: #f4f6f8;

            border-radius: 6px;

            font-size: 9px;
            font-weight: 700;
        }


        /* =====================================================
           CREATIVE
        ===================================================== */

        .pm-creative {
            background: #fff;
        }

        .pm-creative-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 75px;
            align-items: center;
        }

        .pm-creative-copy h2 {
            font-family: "Manrope", sans-serif;
            font-size: clamp(35px, 4vw, 56px);
            line-height: 1.1;
            letter-spacing: -2px;
            margin-bottom: 20px;
        }

        .pm-creative-copy > p {
            color: var(--pm-muted);
            font-size: 16px;
            line-height: 1.8;
            margin-bottom: 28px;
        }

        .pm-creative-process {
            display: grid;
            gap: 11px;
        }

        .pm-creative-step {
            display: flex;
            align-items: center;
            gap: 14px;

            padding: 13px 16px;

            border: 1px solid var(--pm-border);
            border-radius: 12px;
        }

        .pm-creative-step-number {
            width: 30px;
            height: 30px;

            display: flex;
            align-items: center;
            justify-content: center;

            border-radius: 8px;

            color: var(--pm-orange);
            background: var(--pm-orange-soft);

            font-size: 10px;
            font-weight: 800;
        }

        .pm-creative-step span {
            font-size: 13px;
            font-weight: 700;
        }

        .pm-creative-mockups {
            position: relative;

            min-height: 470px;

            background:
                radial-gradient(
                    circle at 50% 40%,
                    rgba(245,166,35,.14),
                    transparent 40%
                ),
                #10161e;

            border-radius: 28px;

            border: 1px solid #1e2833;

            overflow: hidden;
        }

        .pm-ad-card {
            position: absolute;

            width: 225px;

            border-radius: 18px;

            overflow: hidden;

            background: #fff;

            box-shadow: 0 25px 60px rgba(0,0,0,.35);
        }

        .pm-ad-card.one {
            left: 50px;
            top: 65px;
            transform: rotate(-8deg);
        }

        .pm-ad-card.two {
            right: 48px;
            top: 125px;
            transform: rotate(8deg);
        }

        .pm-ad-card.three {
            left: 50%;
            bottom: 38px;
            transform: translateX(-50%) rotate(-1deg);
        }

        .pm-ad-visual {
            height: 125px;

            background:
                linear-gradient(
                    135deg,
                    #1c2632,
                    #303d4d
                );

            display: flex;
            align-items: center;
            justify-content: center;

            color: var(--pm-orange);
        }

        .pm-ad-content {
            padding: 14px;
        }

        .pm-ad-content small {
            color: #929ba5;
            font-size: 8px;
        }

        .pm-ad-content strong {
            display: block;
            color: #161b22;
            font-size: 12px;
            line-height: 1.35;
            margin: 3px 0 8px;
        }

        .pm-ad-content button {
            border: 0;
            background: var(--pm-orange);
            border-radius: 5px;
            padding: 5px 9px;
            font-size: 8px;
            font-weight: 700;
        }


        /* =====================================================
           CRO
        ===================================================== */

        .pm-cro {
            background: var(--pm-light);
        }

        .pm-cro-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 70px;
            align-items: center;
        }

        .pm-cro-visual {
            padding: 25px;

            border-radius: 25px;

            background: #0d131b;

            box-shadow: 0 30px 70px rgba(0,0,0,.14);
        }

        .pm-browser {
            background: #fff;
            border-radius: 14px;
            overflow: hidden;
        }

        .pm-browser-top {
            height: 38px;

            display: flex;
            align-items: center;
            gap: 6px;

            padding: 0 13px;

            background: #eef1f4;
        }

        .pm-browser-top i {
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background: #c8cdd2;
        }

        .pm-browser-body {
            padding: 30px;
        }

        .pm-browser-badge {
            display: inline-block;

            padding: 5px 9px;

            background: var(--pm-orange-soft);
            color: var(--pm-orange);

            border-radius: 5px;

            font-size: 8px;
            font-weight: 800;
        }

        .pm-browser-body h4 {
            font-family: "Manrope", sans-serif;
            font-size: 23px;
            line-height: 1.15;
            margin: 13px 0;
        }

        .pm-browser-body p {
            color: #89919a;
            font-size: 11px;
            max-width: 370px;
            line-height: 1.6;
        }

        .pm-browser-cta {
            display: inline-block;

            margin-top: 18px;

            padding: 10px 16px;

            background: #121820;
            color: #fff;

            border-radius: 7px;

            font-size: 10px;
            font-weight: 700;
        }

        .pm-cro-copy h2 {
            font-family: "Manrope", sans-serif;
            font-size: clamp(35px, 4vw, 55px);
            line-height: 1.1;
            letter-spacing: -2px;
            margin-bottom: 18px;
        }

        .pm-cro-copy > p {
            color: var(--pm-muted);
            font-size: 16px;
            line-height: 1.8;
            margin-bottom: 25px;
        }

        .pm-check-list {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 10px;
        }

        .pm-check-list div {
            display: flex;
            align-items: center;
            gap: 9px;

            font-size: 12px;
            font-weight: 700;
        }

        .pm-check-list div::before {
            content: "✓";

            width: 21px;
            height: 21px;

            display: flex;
            align-items: center;
            justify-content: center;

            background: rgba(47,186,120,.1);
            color: var(--pm-green);

            border-radius: 50%;

            font-size: 10px;
        }


        /* =====================================================
           ANALYTICS
        ===================================================== */

        .pm-analytics {
            background: var(--pm-black);
            color: #fff;
        }

        .pm-analytics-grid {
            display: grid;
            grid-template-columns: .8fr 1.2fr;
            gap: 75px;
            align-items: center;
        }

        .pm-analytics h2 {
            font-family: "Manrope", sans-serif;
            font-size: clamp(35px, 4vw, 55px);
            line-height: 1.1;
            letter-spacing: -2px;
            margin-bottom: 20px;
        }

        .pm-analytics-copy {
            color: rgba(255,255,255,.58);
            font-size: 16px;
            line-height: 1.8;
        }

        .pm-dashboard {
            padding: 24px;

            border-radius: 22px;

            background: #111820;
            border: 1px solid rgba(255,255,255,.08);
        }

        .pm-dashboard-header {
            display: flex;
            align-items: center;
            justify-content: space-between;

            margin-bottom: 20px;
        }

        .pm-dashboard-header strong {
            font-family: "Manrope", sans-serif;
            font-size: 14px;
        }

        .pm-dashboard-period {
            color: rgba(255,255,255,.45);
            font-size: 10px;
        }

        .pm-dashboard-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 10px;
        }

        .pm-metric {
            padding: 16px;

            border-radius: 12px;

            background: rgba(255,255,255,.04);
            border: 1px solid rgba(255,255,255,.05);
        }

        .pm-metric-label {
            display: block;

            color: rgba(255,255,255,.4);
            font-size: 9px;
            text-transform: uppercase;
            letter-spacing: .7px;

            margin-bottom: 7px;
        }

        .pm-metric strong {
            font-family: "Manrope", sans-serif;
            font-size: 21px;
        }

        .pm-metric-change {
            display: block;

            color: #5bdd9b;
            font-size: 9px;
            margin-top: 3px;
        }

        .pm-chart {
            height: 170px;

            margin-top: 12px;
            padding: 20px;

            border-radius: 13px;

            background: rgba(255,255,255,.025);

            position: relative;
            overflow: hidden;
        }

        .pm-chart-grid {
            position: absolute;
            inset: 0;

            background:
                linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
                linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);

            background-size: 45px 34px;
        }

        .pm-chart-line {
            position: absolute;

            left: 20px;
            right: 20px;
            bottom: 32px;

            height: 105px;
        }

        .pm-chart-line svg {
            width: 100%;
            height: 100%;
        }


        /* =====================================================
           OPTIMIZATION
        ===================================================== */

        .pm-optimization {
            background: #fff;
        }

        .pm-optimization-loop {
            max-width: 1050px;
            margin: 0 auto;

            display: grid;
            grid-template-columns: repeat(6, 1fr);
            gap: 10px;
            align-items: center;
        }

        .pm-loop-step {
            text-align: center;
        }

        .pm-loop-circle {
            width: 86px;
            height: 86px;

            margin: 0 auto 15px;

            display: flex;
            align-items: center;
            justify-content: center;

            border-radius: 50%;

            color: var(--pm-orange);

            background: var(--pm-orange-soft);
            border: 1px solid rgba(245,166,35,.2);

            font-family: "Manrope", sans-serif;
            font-size: 11px;
            font-weight: 800;
        }

        .pm-loop-step h4 {
            font-family: "Manrope", sans-serif;
            font-size: 13px;
        }

        .pm-loop-arrow {
            color: #bdc4ca;
            text-align: center;
        }

        .pm-optimization-list {
            max-width: 950px;
            margin: 55px auto 0;

            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 12px;
        }

        .pm-opt-item {
            padding: 18px;

            border: 1px solid var(--pm-border);
            border-radius: 13px;

            font-size: 12px;
            font-weight: 700;
        }


        /* =====================================================
           BUSINESS STAGES
        ===================================================== */

        .pm-stages {
            background: var(--pm-light);
        }

        .pm-stage-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 18px;
        }

        .pm-stage-card {
            position: relative;

            padding: 36px;

            background: #fff;
            border: 1px solid var(--pm-border);
            border-radius: 22px;

            overflow: hidden;
        }

        .pm-stage-card::before {
            content: "";

            position: absolute;
            top: 0;
            left: 0;

            width: 100%;
            height: 3px;

            background: var(--pm-orange);
        }

        .pm-stage-label {
            color: var(--pm-orange);

            font-size: 10px;
            font-weight: 800;
            letter-spacing: 1.5px;
            text-transform: uppercase;

            margin-bottom: 14px;
        }

        .pm-stage-card h3 {
            font-family: "Manrope", sans-serif;
            font-size: 25px;
            margin-bottom: 13px;
        }

        .pm-stage-card p {
            color: var(--pm-muted);
            font-size: 14px;
            line-height: 1.75;
            margin-bottom: 20px;
        }

        .pm-stage-card ul {
            list-style: none;
            display: grid;
            gap: 9px;
        }

        .pm-stage-card li {
            display: flex;
            align-items: flex-start;
            gap: 8px;

            font-size: 12px;
            color: #4d5660;
        }

        .pm-stage-card li::before {
            content: "→";
            color: var(--pm-orange);
            font-weight: 800;
        }

        .pm-stage-bottom {
            margin-top: 16px;

            padding: 14px 17px;

            border-radius: 10px;

            background: #f5f7f8;

            font-size: 12px;
            font-weight: 800;
        }


        /* =====================================================
           B2B / B2C
        ===================================================== */

        .pm-models {
            background: #fff;
        }

        .pm-model-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 18px;
        }

        .pm-model-card {
            padding: 40px;

            border-radius: 23px;

            border: 1px solid var(--pm-border);

            background: var(--pm-light);
        }

        .pm-model-card.dark {
            background: var(--pm-black);
            color: #fff;
            border-color: var(--pm-black);
        }

        .pm-model-top {
            display: flex;
            justify-content: space-between;
            align-items: center;

            margin-bottom: 25px;
        }

        .pm-model-top h3 {
            font-family: "Manrope", sans-serif;
            font-size: 28px;
        }

        .pm-model-badge {
            padding: 6px 9px;

            background: var(--pm-orange-soft);
            color: var(--pm-orange);

            border-radius: 6px;

            font-size: 9px;
            font-weight: 800;
        }

        .pm-model-flow {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 8px;

            margin-bottom: 25px;
        }

        .pm-model-flow span {
            padding: 7px 10px;

            background: #fff;
            border: 1px solid var(--pm-border);

            border-radius: 7px;

            font-size: 10px;
            font-weight: 700;
        }

        .pm-model-card.dark .pm-model-flow span {
            background: rgba(255,255,255,.05);
            border-color: rgba(255,255,255,.1);
            color: rgba(255,255,255,.75);
        }

        .pm-model-flow b {
            color: var(--pm-orange);
            font-size: 11px;
        }

        .pm-model-card p {
            color: var(--pm-muted);
            font-size: 13px;
            line-height: 1.75;
        }

        .pm-model-card.dark p {
            color: rgba(255,255,255,.55);
        }


        /* =====================================================
           KPI
        ===================================================== */

        .pm-kpi {
            background: var(--pm-light);
        }

        .pm-kpi-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 14px;
        }

        .pm-kpi-card {
            padding: 28px;

            background: #fff;

            border: 1px solid var(--pm-border);
            border-radius: 17px;
        }

        .pm-kpi-icon {
            width: 39px;
            height: 39px;

            display: flex;
            align-items: center;
            justify-content: center;

            margin-bottom: 20px;

            border-radius: 10px;

            color: var(--pm-orange);
            background: var(--pm-orange-soft);
        }

        .pm-kpi-card h3 {
            font-family: "Manrope", sans-serif;
            font-size: 16px;
            margin-bottom: 6px;
        }

        .pm-kpi-card p {
            color: var(--pm-muted);
            font-size: 12px;
            line-height: 1.65;
        }

        .pm-kpi-note {
            max-width: 750px;
            margin: 30px auto 0;

            text-align: center;

            color: var(--pm-muted);
            font-size: 13px;
        }


        /* =====================================================
           TRANSPARENCY
        ===================================================== */

        .pm-transparency {
            background: #fff;
        }

        .pm-transparency-grid {
            display: grid;
            grid-template-columns: .8fr 1.2fr;
            gap: 80px;
            align-items: center;
        }

        .pm-transparency-copy h2 {
            font-family: "Manrope", sans-serif;
            font-size: clamp(35px, 4vw, 54px);
            line-height: 1.1;
            letter-spacing: -2px;
            margin-bottom: 20px;
        }

        .pm-transparency-copy p {
            color: var(--pm-muted);
            font-size: 16px;
            line-height: 1.8;
        }

        .pm-no-black-box {
            margin-top: 24px;

            display: inline-flex;
            align-items: center;
            gap: 8px;

            padding: 9px 13px;

            border-radius: 8px;

            background: var(--pm-black);
            color: #fff;

            font-size: 10px;
            font-weight: 800;
            letter-spacing: .8px;
            text-transform: uppercase;
        }

        .pm-transparency-list {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 12px;
        }

        .pm-transparency-item {
            padding: 24px;

            border: 1px solid var(--pm-border);
            border-radius: 15px;

            background: #fff;
        }

        .pm-transparency-item strong {
            display: block;

            font-family: "Manrope", sans-serif;
            font-size: 14px;

            margin-bottom: 5px;
        }

        .pm-transparency-item span {
            color: var(--pm-muted);
            font-size: 11px;
            line-height: 1.6;
        }


        /* =====================================================
           TRIMEROUS DIFFERENCE
        ===================================================== */

        .pm-difference {
            background:
                radial-gradient(
                    circle at 50% 0,
                    rgba(245,166,35,.13),
                    transparent 32%
                ),
                var(--pm-black);

            color: #fff;
        }

        .pm-difference-heading {
            max-width: 850px;
            margin: 0 auto 55px;
            text-align: center;
        }

        .pm-difference-heading h2 {
            font-family: "Manrope", sans-serif;
            font-size: clamp(35px, 4vw, 56px);
            line-height: 1.1;
            letter-spacing: -2px;
            margin-bottom: 18px;
        }

        .pm-difference-heading p {
            color: rgba(255,255,255,.56);
            font-size: 16px;
        }

        .pm-difference-system {
            max-width: 1000px;
            margin: 0 auto;

            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 10px;
            align-items: center;
        }

        .pm-difference-box {
            padding: 25px 17px;

            min-height: 130px;

            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;

            text-align: center;

            background: rgba(255,255,255,.045);
            border: 1px solid rgba(255,255,255,.08);
            border-radius: 16px;
        }

        .pm-difference-box svg {
            color: var(--pm-orange);
            margin-bottom: 10px;
        }

        .pm-difference-box strong {
            font-family: "Manrope", sans-serif;
            font-size: 12px;
        }

        .pm-difference-plus {
            text-align: center;
            color: rgba(255,255,255,.3);
        }

        .pm-difference-result {
            max-width: 480px;
            margin: 35px auto 0;

            padding: 23px;

            text-align: center;

            border: 1px solid rgba(245,166,35,.2);
            background: rgba(245,166,35,.07);

            border-radius: 17px;
        }

        .pm-difference-result span {
            display: block;
            color: rgba(255,255,255,.45);
            font-size: 10px;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: 4px;
        }

        .pm-difference-result strong {
            font-family: "Manrope", sans-serif;
            font-size: 20px;
        }


        /* =====================================================
           EXPECTATIONS
        ===================================================== */

        .pm-expectations {
            background: var(--pm-light);
        }

        .pm-expectation-grid {
            max-width: 1050px;
            margin: 0 auto;

            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 15px;
        }

        .pm-expectation-card {
            padding: 30px;

            background: #fff;
            border: 1px solid var(--pm-border);
            border-radius: 18px;
        }

        .pm-expectation-card strong {
            display: block;

            font-family: "Manrope", sans-serif;
            font-size: 19px;

            margin-bottom: 8px;
        }

        .pm-expectation-card p {
            color: var(--pm-muted);
            font-size: 13px;
            line-height: 1.7;
        }

        .pm-expectation-final {
            grid-column: 1 / -1;

            padding: 38px;

            color: #fff;
            background: var(--pm-black);

            border-radius: 20px;

            font-family: "Manrope", sans-serif;
            font-size: clamp(20px, 2.4vw, 29px);
            line-height: 1.45;
            font-weight: 800;
            text-align: center;
        }


        /* =====================================================
           FAQ
        ===================================================== */

        .pm-faq {
            background: #fff;
        }

        .pm-faq-list {
            max-width: 900px;
            margin: 0 auto;
        }

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

        .pm-faq-question {
            width: 100%;

            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 20px;

            padding: 25px 0;

            background: none;
            border: 0;

            color: var(--pm-text);

            text-align: left;
            cursor: pointer;

            font-family: "Manrope", sans-serif;
            font-size: 16px;
            font-weight: 700;
        }

        .pm-faq-plus {
            flex: 0 0 auto;

            width: 30px;
            height: 30px;

            display: flex;
            align-items: center;
            justify-content: center;

            border-radius: 50%;

            background: var(--pm-light);

            transition: .25s ease;
        }

        .pm-faq-answer {
            max-height: 0;
            overflow: hidden;

            transition: max-height .35s ease;
        }

        .pm-faq-answer p {
            padding: 0 45px 23px 0;

            color: var(--pm-muted);
            font-size: 14px;
            line-height: 1.8;
        }

        .pm-faq-item.active .pm-faq-plus {
            transform: rotate(45deg);
            background: var(--pm-orange);
        }


        /* =====================================================
           FINAL CTA
        ===================================================== */

        .pm-final-cta {
            position: relative;

            padding: 115px 0;

            color: #fff;

            background:
                radial-gradient(
                    circle at 50% 0,
                    rgba(245,166,35,.18),
                    transparent 36%
                ),
                linear-gradient(
                    135deg,
                    #090d12,
                    #111923
                );

            overflow: hidden;
        }

        .pm-final-cta::before {
            content: "";

            position: absolute;
            inset: 0;

            background:
                linear-gradient(
                    90deg,
                    transparent 49.8%,
                    rgba(255,255,255,.025) 50%,
                    transparent 50.2%
                );

            background-size: 80px 80px;

            opacity: .5;
        }

        .pm-final-inner {
            position: relative;
            z-index: 2;

            max-width: 850px;
            margin: auto;

            text-align: center;
        }

        .pm-final-inner h2 {
            font-family: "Manrope", sans-serif;
            font-size: clamp(38px, 5vw, 66px);
            line-height: 1.06;
            letter-spacing: -2.8px;
            margin-bottom: 22px;
        }

        .pm-final-inner p {
            max-width: 700px;
            margin: 0 auto 32px;

            color: rgba(255,255,255,.61);
            font-size: 17px;
            line-height: 1.8;
        }

        .pm-final-actions {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 12px;
        }

        .pm-final-note {
            margin-top: 23px;

            color: rgba(255,255,255,.36);

            font-size: 11px;
        }


        /* =====================================================
           RESPONSIVE
        ===================================================== */

        @media (max-width: 1100px) {

            .pm-channel-grid {
                grid-template-columns: repeat(3, 1fr);
            }

            .pm-difference-system {
                grid-template-columns: repeat(3, 1fr);
            }

            .pm-difference-plus {
                display: none;
            }

            .pm-optimization-loop {
                grid-template-columns: repeat(3, 1fr);
                row-gap: 30px;
            }

            .pm-loop-arrow {
                display: none;
            }

            .pm-kpi-grid {
                grid-template-columns: repeat(2, 1fr);
            }

        }


        @media (max-width: 900px) {

            .pm-section {
                padding: 80px 0;
            }

            .pm-hero {
                padding: 125px 0 80px;
                min-height: auto;
            }

            .pm-hero-grid,
            .pm-problem-grid,
            .pm-business-first-grid,
            .pm-definition-grid,
            .pm-creative-grid,
            .pm-cro-grid,
            .pm-analytics-grid,
            .pm-transparency-grid {
                grid-template-columns: 1fr;
                gap: 45px;
            }

            .pm-growth-engine {
                margin: 0 auto;
            }

            .pm-problem-intro {
                position: static;
            }

            .pm-stage-grid,
            .pm-model-grid {
                grid-template-columns: 1fr;
            }

            .pm-channel-grid {
                grid-template-columns: repeat(2, 1fr);
            }

            .pm-analytics-grid {
                gap: 35px;
            }

        }


        @media (max-width: 650px) {

            .pm-container {
                width: min(100% - 28px, var(--pm-container));
            }

            .pm-section {
                padding: 65px 0;
            }

            .pm-section-heading {
                margin-bottom: 35px;
            }

            .pm-section-heading h2 {
                font-size: 34px;
                letter-spacing: -1.2px;
            }

            .pm-hero {
                padding: 105px 0 65px;
            }

            .pm-hero h1 {
                font-size: 43px;
                letter-spacing: -1.8px;
            }

            .pm-hero-description {
                font-size: 15px;
            }

            .pm-hero-actions {
                flex-direction: column;
                align-items: stretch;
            }

            .pm-btn {
                width: 100%;
            }

            .pm-hero-trust {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 12px;
            }

            .pm-engine-card {
                padding: 17px;
            }

            .pm-trust-strip-inner {
                padding: 22px 0;
                display: block;
            }

            .pm-strip-title {
                display: block;
                margin-bottom: 13px;
            }

            .pm-strip-points {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 10px;
            }

            .pm-problem-grid-cards {
                grid-template-columns: 1fr;
            }

            .pm-problem-bottom {
                grid-column: auto;
                font-size: 16px;
            }

            .pm-journey {
                padding: 22px;
            }

            .pm-funnel-stage {
                width: 100% !important;
                grid-template-columns: 45px 1fr;
            }

            .pm-funnel-result {
                display: none;
            }

            .pm-channel-grid {
                grid-template-columns: 1fr;
            }

            .pm-creative-mockups {
                min-height: 390px;
            }

            .pm-ad-card {
                width: 170px;
            }

            .pm-ad-card.one {
                left: 15px;
                top: 50px;
            }

            .pm-ad-card.two {
                right: 15px;
                top: 100px;
            }

            .pm-ad-card.three {
                bottom: 20px;
            }

            .pm-ad-visual {
                height: 95px;
            }

            .pm-check-list {
                grid-template-columns: 1fr;
            }

            .pm-dashboard-grid {
                grid-template-columns: repeat(2, 1fr);
            }

            .pm-optimization-loop {
                grid-template-columns: repeat(2, 1fr);
            }

            .pm-optimization-list {
                grid-template-columns: 1fr;
            }

            .pm-stage-card {
                padding: 28px;
            }

            .pm-model-card {
                padding: 28px;
            }

            .pm-kpi-grid {
                grid-template-columns: 1fr 1fr;
            }

            .pm-transparency-list {
                grid-template-columns: 1fr;
            }

            .pm-difference-system {
                grid-template-columns: 1fr 1fr;
            }

            .pm-difference-box {
                min-height: 105px;
            }

            .pm-expectation-grid {
                grid-template-columns: 1fr;
            }

            .pm-expectation-final {
                grid-column: auto;
                padding: 28px 20px;
                font-size: 20px;
            }

            .pm-final-cta {
                padding: 75px 0;
            }

            .pm-final-inner h2 {
                font-size: 39px;
            }

        }


        @media (max-width: 420px) {

            .pm-kpi-grid {
                grid-template-columns: 1fr;
            }

            .pm-difference-system {
                grid-template-columns: 1fr;
            }

            .pm-optimization-loop {
                grid-template-columns: 1fr 1fr;
            }

            .pm-hero-trust {
                grid-template-columns: 1fr;
            }

        }