/* Shared styles for da campaign pages. Inline campaign CSS is kept here. */

/* Extracted from campaign/beskeder.php */
.campaigns-web-page {
        --cw-ink: #111827;
        --cw-muted: #5b6475;
        --cw-soft: #f7f3ea;
        --cw-panel: #ffffff;
        --cw-line: rgba(17, 24, 39, .10);
        --cw-green: #1fc77a;
        --cw-green-dark: #0b8f58;
        --cw-purple: #7357ff;
        --cw-blue: #216bff;
        --cw-yellow: #ffe57a;
        --cw-pink: #ffe9f1;
        --cw-shadow: 0 24px 70px rgba(17, 24, 39, .11);
        --cw-radius: 28px;
        color: var(--cw-ink);
        background:
            radial-gradient(circle at 14% 2%, rgba(115, 87, 255, .16), transparent 34%),
            radial-gradient(circle at 88% 6%, rgba(31, 199, 122, .18), transparent 31%),
            linear-gradient(180deg, #fffaf0 0%, #ffffff 45%, #fbfbff 100%);
        overflow: hidden;
    }

    .campaigns-web-page * { box-sizing: border-box; }

    .cw-shell {
        width: min(1180px, calc(100% - 40px));
        margin: 0 auto;
    }

    .cw-hero {
        position: relative;
        padding: 72px 0 26px;
    }

    .cw-hero::before {
        content: "";
        position: absolute;
        inset: 18px auto auto 50%;
        width: 760px;
        height: 760px;
        transform: translateX(-50%);
        background:
            radial-gradient(circle, rgba(255, 229, 122, .38) 0 16%, transparent 17% 100%),
            radial-gradient(circle at 70% 30%, rgba(31, 199, 122, .22), transparent 38%),
            radial-gradient(circle at 27% 68%, rgba(115, 87, 255, .16), transparent 42%);
        border-radius: 50%;
        filter: blur(2px);
        pointer-events: none;
        z-index: 0;
    }

    .cw-hero-grid {
        position: relative;
        z-index: 1;
        display: grid;
        grid-template-columns: minmax(0, 1.05fr) minmax(330px, .78fr);
        gap: 42px;
        align-items: center;
    }
    .cw-title {
        margin: 0;
        max-width: 840px;
        font-size: clamp(2.55rem, 5vw, 5.8rem);
        line-height: .94;
        letter-spacing: -.075em;
        font-weight: 900;
    }

    .cw-gradient {
        background: linear-gradient(110deg, var(--cw-purple), var(--cw-blue) 45%, var(--cw-green-dark));
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }

    .cw-lead {
        margin: 24px 0 0;
        max-width: 710px;
        color: var(--cw-muted);
        font-size: 1.12rem;
        line-height: 1.72;
        letter-spacing: -.025em;
        font-weight: 520;
    }

    .cw-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        margin-top: 30px;
    }

    .cw-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 48px;
        padding: 0 20px;
        border-radius: 999px;
        text-decoration: none;
        font-size: .94rem;
        line-height: 1;
        font-weight: 850;
        letter-spacing: -.018em;
        transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
        white-space: nowrap;
    }

    .cw-btn:hover { transform: translateY(-1px); text-decoration: none; }

    .cw-btn-primary {
        color: #07140d;
        background: var(--cw-yellow);
        border: 1px solid rgba(17, 24, 39, .08);
        box-shadow: 0 18px 34px rgba(17, 24, 39, .12);
    }

    .cw-btn-secondary {
        color: var(--cw-ink);
        background: rgba(255, 255, 255, .82);
        border: 1px solid var(--cw-line);
    }
.cw-pill {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        padding: 9px 12px;
        border-radius: 999px;
        background: rgba(255, 255, 255, .72);
        border: 1px solid var(--cw-line);
        color: #384154;
        font-weight: 780;
        font-size: .86rem;
        letter-spacing: -.015em;
    }

    .cw-product-card {
        position: relative;
        border-radius: 34px;
        padding: 12px;
        background: rgba(255, 255, 255, .74);
        border: 1px solid rgba(17, 24, 39, .10);
        box-shadow: var(--cw-shadow);
        backdrop-filter: blur(14px);
        transform: rotate(1deg);
    }

    .cw-product-card::before,
    .cw-product-card::after {
        content: "";
        position: absolute;
        border-radius: 999px;
        pointer-events: none;
        z-index: -1;
    }

    .cw-product-card::before {
        width: 168px;
        height: 168px;
        right: -44px;
        top: -44px;
        background: rgba(31, 199, 122, .24);
    }

    .cw-product-card::after {
        width: 126px;
        height: 126px;
        left: -32px;
        bottom: -28px;
        background: rgba(115, 87, 255, .20);
    }

    .cw-browser {
        overflow: hidden;
        border-radius: 24px;
        background: #fff;
        border: 1px solid rgba(17, 24, 39, .08);
    }

    .cw-browser-bar {
        display: flex;
        align-items: center;
        gap: 7px;
        height: 34px;
        padding: 0 13px;
        background: #f8f8fb;
        border-bottom: 1px solid rgba(17, 24, 39, .07);
    }

    .cw-browser-dot {
        width: 9px;
        height: 9px;
        border-radius: 50%;
        background: #d9dee9;
    }

    .cw-browser img {
        display: block;
        width: 100%;
        height: auto;
    }

    .cw-image-note {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        gap: 12px;
        align-items: start;
        margin-top: 12px;
        padding: 14px;
        border-radius: 20px;
        background: rgba(17, 24, 39, .86);
        color: #fff;
        box-shadow: 0 18px 38px rgba(17, 24, 39, .13);
    }

    .cw-image-note span {
        display: inline-flex;
        width: 30px;
        height: 30px;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: var(--cw-green);
        color: #07140d;
        font-weight: 900;
    }

    .cw-image-note strong { display: block; font-size: .92rem; margin-bottom: 3px; }
    .cw-image-note p { margin: 0; color: rgba(255,255,255,.76); font-size: .82rem; line-height: 1.45; }

    .cw-nav-wrap {
        position: sticky;
        top: 12px;
        z-index: 12;
        padding: 12px 0 18px;
    }

    .cw-nav {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        align-items: center;
        justify-content: center;
        padding: 10px;
        border-radius: 999px;
        background: rgba(255, 255, 255, .86);
        border: 1px solid rgba(17, 24, 39, .08);
        box-shadow: 0 18px 40px rgba(17, 24, 39, .08);
        backdrop-filter: blur(18px);
    }

    .cw-nav a {
        display: inline-flex;
        align-items: center;
        min-height: 38px;
        padding: 0 14px;
        border-radius: 999px;
        color: #465064;
        text-decoration: none;
        background: transparent;
        border: 1px solid transparent;
        font-size: .88rem;
        font-weight: 850;
        letter-spacing: -.018em;
    }

    .cw-nav a:hover { text-decoration: none; background: rgba(17, 24, 39, .05); }

    .cw-nav a.is-active {
        color: #07140d;
        background: var(--cw-yellow);
        border-color: rgba(17, 24, 39, .08);
    }

    .cw-trust-strip {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 12px;
        margin-top: 26px;
    }

    .cw-trust-item {
        min-height: 96px;
        padding: 18px;
        border-radius: 24px;
        background: rgba(255,255,255,.72);
        border: 1px solid var(--cw-line);
        box-shadow: 0 16px 36px rgba(17,24,39,.055);
    }

    .cw-trust-item strong {
        display: block;
        font-size: 1.08rem;
        letter-spacing: -.035em;
        margin-bottom: 6px;
    }

    .cw-trust-item span {
        display: block;
        color: var(--cw-muted);
        font-size: .9rem;
        line-height: 1.46;
        letter-spacing: -.015em;
    }

    .cw-section { padding: 74px 0; }
    .cw-section.tight { padding-top: 42px; }

    .cw-section-head {
        max-width: 780px;
        margin-bottom: 28px;
    }

    .cw-section-head.center {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    .cw-section-title {
        margin: 0;
        font-size: clamp(2rem, 3.7vw, 4.05rem);
        line-height: 1.02;
        letter-spacing: -.065em;
        font-weight: 900;
    }

    .cw-section-copy {
        margin: 16px 0 0;
        color: var(--cw-muted);
        font-size: 1.05rem;
        line-height: 1.72;
        letter-spacing: -.025em;
    }

    .cw-feature-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 16px;
    }

    .cw-feature-grid.two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .cw-feature-grid.four { grid-template-columns: repeat(4, minmax(0, 1fr)); }

    .cw-feature-card {
        position: relative;
        min-height: 230px;
        padding: 24px;
        border-radius: 28px;
        background: rgba(255, 255, 255, .82);
        border: 1px solid var(--cw-line);
        box-shadow: 0 18px 42px rgba(17, 24, 39, .065);
        overflow: hidden;
    }

    .cw-feature-card.highlight {
        background: linear-gradient(135deg, #111827, #26324b);
        color: #fff;
    }

    .cw-feature-card.highlight p { color: rgba(255,255,255,.74); }

    .cw-feature-card::after {
        content: "";
        position: absolute;
        width: 150px;
        height: 150px;
        right: -70px;
        top: -70px;
        border-radius: 999px;
        background: rgba(31,199,122,.14);
    }

    .cw-icon {
        position: relative;
        z-index: 1;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 42px;
        height: 42px;
        margin-bottom: 16px;
        border-radius: 15px;
        background: #f0efff;
        color: var(--cw-purple);
        font-weight: 900;
    }

    .cw-feature-card.highlight .cw-icon {
        color: #07140d;
        background: var(--cw-yellow);
    }

    .cw-feature-card h3 {
        position: relative;
        z-index: 1;
        margin: 0 0 10px;
        font-size: 1.24rem;
        line-height: 1.12;
        letter-spacing: -.04em;
        font-weight: 900;
    }

    .cw-feature-card p {
        position: relative;
        z-index: 1;
        margin: 0;
        color: var(--cw-muted);
        font-size: .96rem;
        line-height: 1.64;
        letter-spacing: -.018em;
    }

    .cw-feature-card a {
        position: relative;
        z-index: 1;
        display: inline-flex;
        margin-top: 16px;
        color: var(--cw-purple);
        text-decoration: none;
        font-weight: 900;
        letter-spacing: -.018em;
    }

    .cw-split {
        display: grid;
        grid-template-columns: minmax(0, .9fr) minmax(0, 1fr);
        gap: 34px;
        align-items: center;
    }

    .cw-split.reverse { grid-template-columns: minmax(0, 1fr) minmax(0, .9fr); }

    .cw-text-card {
        padding: 34px;
        border-radius: 32px;
        background: rgba(255,255,255,.78);
        border: 1px solid var(--cw-line);
        box-shadow: 0 18px 44px rgba(17,24,39,.06);
    }

    .cw-text-card h2 {
        margin: 0;
        font-size: clamp(1.85rem, 3vw, 3.15rem);
        line-height: 1.04;
        letter-spacing: -.06em;
        font-weight: 900;
    }

    .cw-text-card p {
        margin: 15px 0 0;
        color: var(--cw-muted);
        font-size: 1rem;
        line-height: 1.72;
        letter-spacing: -.02em;
    }

    .cw-check-list {
        display: grid;
        gap: 12px;
        margin-top: 22px;
    }

    .cw-check {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        gap: 11px;
        align-items: start;
        padding: 13px;
        border-radius: 20px;
        background: rgba(247, 243, 234, .68);
        border: 1px solid rgba(17,24,39,.06);
    }

    .cw-check::before {
        content: "✓";
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        background: rgba(31,199,122,.18);
        color: var(--cw-green-dark);
        font-weight: 900;
    }

    .cw-check strong {
        display: block;
        margin-bottom: 3px;
        letter-spacing: -.025em;
    }

    .cw-check span {
        display: block;
        color: var(--cw-muted);
        font-size: .92rem;
        line-height: 1.45;
    }

    .cw-mini-image {
        max-width: 560px;
        margin: 0 auto;
        transform: none;
    }

    .cw-process {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 12px;
    }

    .cw-step {
        min-height: 190px;
        padding: 20px;
        border-radius: 26px;
        background: #fff;
        border: 1px solid var(--cw-line);
        box-shadow: 0 16px 38px rgba(17,24,39,.055);
    }

    .cw-step-number {
        display: inline-flex;
        width: 34px;
        height: 34px;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        margin-bottom: 16px;
        color: #07140d;
        background: var(--cw-yellow);
        font-weight: 900;
    }

    .cw-step strong {
        display: block;
        font-size: 1rem;
        line-height: 1.25;
        letter-spacing: -.035em;
    }

    .cw-step span {
        display: block;
        margin-top: 8px;
        color: var(--cw-muted);
        font-size: .91rem;
        line-height: 1.5;
    }

    .cw-callout {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 24px;
        align-items: center;
        padding: 34px;
        border-radius: 34px;
        background: linear-gradient(135deg, #111827, #273046 58%, #111827);
        color: #fff;
        box-shadow: var(--cw-shadow);
    }

    .cw-callout h2 {
        margin: 0;
        font-size: clamp(1.8rem, 3vw, 3.25rem);
        line-height: 1.04;
        letter-spacing: -.06em;
        font-weight: 900;
    }

    .cw-callout p {
        margin: 12px 0 0;
        color: rgba(255,255,255,.72);
        font-size: 1rem;
        line-height: 1.62;
        letter-spacing: -.02em;
    }

    .cw-faq {
        display: grid;
        gap: 12px;
    }

    .cw-faq-item {
        padding: 22px 24px;
        border-radius: 26px;
        background: rgba(255,255,255,.82);
        border: 1px solid var(--cw-line);
        box-shadow: 0 14px 34px rgba(17,24,39,.05);
    }

    .cw-faq-item h3 {
        margin: 0 0 8px;
        font-size: 1.08rem;
        letter-spacing: -.035em;
    }

    .cw-faq-item p {
        margin: 0;
        color: var(--cw-muted);
        line-height: 1.6;
        letter-spacing: -.018em;
    }

    @media (max-width: 1020px) {
        .cw-hero-grid,
        .cw-split,
        .cw-split.reverse { grid-template-columns: 1fr; }
        .cw-feature-grid,
        .cw-feature-grid.two,
        .cw-feature-grid.four { grid-template-columns: repeat(2, minmax(0, 1fr)); }
        .cw-process { grid-template-columns: repeat(2, minmax(0, 1fr)); }
        .cw-trust-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
        .cw-product-card { transform: none; }
    }

    @media (max-width: 680px) {
        .cw-shell { width: min(100% - 24px, 1180px); }
        .cw-hero { padding-top: 44px; }
        .cw-title { font-size: clamp(2.3rem, 15vw, 3.3rem); }
        .cw-lead { font-size: 1rem; }
        .cw-nav { border-radius: 24px; justify-content: flex-start; overflow-x: auto; flex-wrap: nowrap; }
        .cw-nav a { white-space: nowrap; }
        .cw-feature-grid,
        .cw-feature-grid.two,
        .cw-feature-grid.four,
        .cw-process,
        .cw-trust-strip { grid-template-columns: 1fr; }
        .cw-callout { grid-template-columns: 1fr; padding: 24px; }
        .cw-text-card { padding: 24px; }
        .cw-section { padding: 52px 0; }
    }


/* Extracted from campaign/index.php */
.campaigns-web-page {
        --cw-ink: #111827;
        --cw-muted: #5b6475;
        --cw-soft: #f7f3ea;
        --cw-panel: #ffffff;
        --cw-line: rgba(17, 24, 39, .10);
        --cw-green: #1fc77a;
        --cw-green-dark: #0b8f58;
        --cw-purple: #7357ff;
        --cw-blue: #216bff;
        --cw-yellow: #ffe57a;
        --cw-pink: #ffe9f1;
        --cw-shadow: 0 24px 70px rgba(17, 24, 39, .11);
        --cw-radius: 28px;
        color: var(--cw-ink);
        background:
                radial-gradient(circle at 14% 2%, rgba(115, 87, 255, .16), transparent 34%),
                radial-gradient(circle at 88% 6%, rgba(31, 199, 122, .18), transparent 31%),
                linear-gradient(180deg, #fffaf0 0%, #ffffff 45%, #fbfbff 100%);
        overflow: hidden;
    }

    .campaigns-web-page * { box-sizing: border-box; }

    .cw-shell {
        width: min(1180px, calc(100% - 40px));
        margin: 0 auto;
    }

    .cw-hero {
        position: relative;
        padding: 72px 0 26px;
    }

    .cw-hero::before {
        content: "";
        position: absolute;
        inset: 18px auto auto 50%;
        width: 760px;
        height: 760px;
        transform: translateX(-50%);
        background:
                radial-gradient(circle, rgba(255, 229, 122, .38) 0 16%, transparent 17% 100%),
                radial-gradient(circle at 70% 30%, rgba(31, 199, 122, .22), transparent 38%),
                radial-gradient(circle at 27% 68%, rgba(115, 87, 255, .16), transparent 42%);
        border-radius: 50%;
        filter: blur(2px);
        pointer-events: none;
        z-index: 0;
    }

    .cw-hero-grid {
        position: relative;
        z-index: 1;
        display: grid;
        grid-template-columns: minmax(0, 1.05fr) minmax(330px, .78fr);
        gap: 42px;
        align-items: center;
    }
    .cw-title {
        margin: 0;
        max-width: 840px;
        font-size: clamp(2.55rem, 5vw, 5.3rem);
        line-height: .94;
        letter-spacing: -.075em;
        font-weight: 900;
    }

    .cw-gradient {
        background: linear-gradient(110deg, var(--cw-purple), var(--cw-blue) 45%, var(--cw-green-dark));
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }

    .cw-lead {
        margin: 24px 0 0;
        max-width: 710px;
        color: var(--cw-muted);
        font-size: 1.12rem;
        line-height: 1.72;
        letter-spacing: -.025em;
        font-weight: 520;
    }

    .cw-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        margin-top: 30px;
    }

    .cw-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 48px;
        padding: 0 20px;
        border-radius: 999px;
        text-decoration: none;
        font-size: .94rem;
        line-height: 1;
        font-weight: 850;
        letter-spacing: -.018em;
        transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
        white-space: nowrap;
    }

    .cw-btn:hover { transform: translateY(-1px); text-decoration: none; }

    .cw-btn-primary {
        color: #07140d;
        background: var(--cw-yellow);
        border: 1px solid rgba(17, 24, 39, .08);
        box-shadow: 0 18px 34px rgba(17, 24, 39, .12);
    }

    .cw-btn-secondary {
        color: var(--cw-ink);
        background: rgba(255, 255, 255, .82);
        border: 1px solid var(--cw-line);
    }
.cw-pill {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        padding: 9px 12px;
        border-radius: 999px;
        background: rgba(255, 255, 255, .72);
        border: 1px solid var(--cw-line);
        color: #384154;
        font-weight: 780;
        font-size: .86rem;
        letter-spacing: -.015em;
    }

    .cw-product-card {
        position: relative;
        border-radius: 34px;
        padding: 12px;
        background: rgba(255, 255, 255, .74);
        border: 1px solid rgba(17, 24, 39, .10);
        box-shadow: var(--cw-shadow);
        backdrop-filter: blur(14px);
        transform: rotate(1deg);
    }

    .cw-product-card::before,
    .cw-product-card::after {
        content: "";
        position: absolute;
        border-radius: 999px;
        pointer-events: none;
        z-index: -1;
    }

    .cw-product-card::before {
        width: 168px;
        height: 168px;
        right: -44px;
        top: -44px;
        background: rgba(31, 199, 122, .24);
    }

    .cw-product-card::after {
        width: 126px;
        height: 126px;
        left: -32px;
        bottom: -28px;
        background: rgba(115, 87, 255, .20);
    }

    .cw-browser {
        overflow: hidden;
        border-radius: 24px;
        background: #fff;
        border: 1px solid rgba(17, 24, 39, .08);
    }

    .cw-browser-bar {
        display: flex;
        align-items: center;
        gap: 7px;
        height: 34px;
        padding: 0 13px;
        background: #f8f8fb;
        border-bottom: 1px solid rgba(17, 24, 39, .07);
    }

    .cw-browser-dot {
        width: 9px;
        height: 9px;
        border-radius: 50%;
        background: #d9dee9;
    }

    .cw-browser img {
        display: block;
        width: 100%;
        height: auto;
    }

    .cw-image-note {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        gap: 12px;
        align-items: start;
        margin-top: 12px;
        padding: 14px;
        border-radius: 20px;
        background: rgba(17, 24, 39, .86);
        color: #fff;
        box-shadow: 0 18px 38px rgba(17, 24, 39, .13);
    }

    .cw-image-note span {
        display: inline-flex;
        width: 30px;
        height: 30px;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: var(--cw-green);
        color: #07140d;
        font-weight: 900;
    }

    .cw-image-note strong { display: block; font-size: .92rem; margin-bottom: 3px; }
    .cw-image-note p { margin: 0; color: rgba(255,255,255,.76); font-size: .82rem; line-height: 1.45; }

    .cw-nav-wrap {
        position: sticky;
        top: 12px;
        z-index: 12;
        padding: 12px 0 18px;
    }

    .cw-nav {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        align-items: center;
        justify-content: center;
        padding: 10px;
        border-radius: 999px;
        background: rgba(255, 255, 255, .86);
        border: 1px solid rgba(17, 24, 39, .08);
        box-shadow: 0 18px 40px rgba(17, 24, 39, .08);
        backdrop-filter: blur(18px);
    }

    .cw-nav a {
        display: inline-flex;
        align-items: center;
        min-height: 38px;
        padding: 0 14px;
        border-radius: 999px;
        color: #465064;
        text-decoration: none;
        background: transparent;
        border: 1px solid transparent;
        font-size: .88rem;
        font-weight: 850;
        letter-spacing: -.018em;
    }

    .cw-nav a:hover { text-decoration: none; background: rgba(17, 24, 39, .05); }

    .cw-nav a.is-active {
        color: #07140d;
        background: var(--cw-yellow);
        border-color: rgba(17, 24, 39, .08);
    }

    .cw-trust-strip {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 12px;
        margin-top: 26px;
    }

    .cw-trust-item {
        min-height: 96px;
        padding: 18px;
        border-radius: 24px;
        background: rgba(255,255,255,.72);
        border: 1px solid var(--cw-line);
        box-shadow: 0 16px 36px rgba(17,24,39,.055);
    }

    .cw-trust-item strong {
        display: block;
        font-size: 1.08rem;
        letter-spacing: -.035em;
        margin-bottom: 6px;
    }

    .cw-trust-item span {
        display: block;
        color: var(--cw-muted);
        font-size: .9rem;
        line-height: 1.46;
        letter-spacing: -.015em;
    }

    .cw-section { padding: 74px 0; }
    .cw-section.tight { padding-top: 42px; }

    .cw-section-head {
        max-width: 780px;
        margin-bottom: 28px;
    }

    .cw-section-head.center {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    .cw-section-title {
        margin: 0;
        font-size: clamp(2rem, 3.7vw, 4.05rem);
        line-height: 1.02;
        letter-spacing: -.065em;
        font-weight: 900;
    }

    .cw-section-copy {
        margin: 16px 0 0;
        color: var(--cw-muted);
        font-size: 1.05rem;
        line-height: 1.72;
        letter-spacing: -.025em;
    }

    .cw-feature-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 16px;
    }

    .cw-feature-grid.two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .cw-feature-grid.four { grid-template-columns: repeat(4, minmax(0, 1fr)); }

    .cw-feature-card {
        position: relative;
        min-height: 230px;
        padding: 24px;
        border-radius: 28px;
        background: rgba(255, 255, 255, .82);
        border: 1px solid var(--cw-line);
        box-shadow: 0 18px 42px rgba(17, 24, 39, .065);
        overflow: hidden;
    }

    .cw-feature-card.highlight {
        background: linear-gradient(135deg, #111827, #26324b);
        color: #fff;
    }

    .cw-feature-card.highlight p { color: rgba(255,255,255,.74); }

    .cw-feature-card::after {
        content: "";
        position: absolute;
        width: 150px;
        height: 150px;
        right: -70px;
        top: -70px;
        border-radius: 999px;
        background: rgba(31,199,122,.14);
    }

    .cw-icon {
        position: relative;
        z-index: 1;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 42px;
        height: 42px;
        margin-bottom: 16px;
        border-radius: 15px;
        background: #f0efff;
        color: var(--cw-purple);
        font-weight: 900;
    }

    .cw-feature-card.highlight .cw-icon {
        color: #07140d;
        background: var(--cw-yellow);
    }

    .cw-feature-card h3 {
        position: relative;
        z-index: 1;
        margin: 0 0 10px;
        font-size: 1.24rem;
        line-height: 1.12;
        letter-spacing: -.04em;
        font-weight: 900;
    }

    .cw-feature-card p {
        position: relative;
        z-index: 1;
        margin: 0;
        color: var(--cw-muted);
        font-size: .96rem;
        line-height: 1.64;
        letter-spacing: -.018em;
    }

    .cw-feature-card a {
        position: relative;
        z-index: 1;
        display: inline-flex;
        margin-top: 16px;
        color: var(--cw-purple);
        text-decoration: none;
        font-weight: 900;
        letter-spacing: -.018em;
    }

    .cw-split {
        display: grid;
        grid-template-columns: minmax(0, .9fr) minmax(0, 1fr);
        gap: 34px;
        align-items: center;
    }

    .cw-split.reverse { grid-template-columns: minmax(0, 1fr) minmax(0, .9fr); }

    .cw-text-card {
        padding: 34px;
        border-radius: 32px;
        background: rgba(255,255,255,.78);
        border: 1px solid var(--cw-line);
        box-shadow: 0 18px 44px rgba(17,24,39,.06);
    }

    .cw-text-card h2 {
        margin: 0;
        font-size: clamp(1.85rem, 3vw, 3.15rem);
        line-height: 1.04;
        letter-spacing: -.06em;
        font-weight: 900;
    }

    .cw-text-card p {
        margin: 15px 0 0;
        color: var(--cw-muted);
        font-size: 1rem;
        line-height: 1.72;
        letter-spacing: -.02em;
    }

    .cw-check-list {
        display: grid;
        gap: 12px;
        margin-top: 22px;
    }

    .cw-check {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        gap: 11px;
        align-items: start;
        padding: 13px;
        border-radius: 20px;
        background: rgba(247, 243, 234, .68);
        border: 1px solid rgba(17,24,39,.06);
    }

    .cw-check::before {
        content: "✓";
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        background: rgba(31,199,122,.18);
        color: var(--cw-green-dark);
        font-weight: 900;
    }

    .cw-check strong {
        display: block;
        margin-bottom: 3px;
        letter-spacing: -.025em;
    }

    .cw-check span {
        display: block;
        color: var(--cw-muted);
        font-size: .92rem;
        line-height: 1.45;
    }

    .cw-mini-image {
        max-width: 560px;
        margin: 0 auto;
        transform: none;
    }

    .cw-process {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 12px;
    }

    .cw-step {
        min-height: 190px;
        padding: 20px;
        border-radius: 26px;
        background: #fff;
        border: 1px solid var(--cw-line);
        box-shadow: 0 16px 38px rgba(17,24,39,.055);
    }

    .cw-step-number {
        display: inline-flex;
        width: 34px;
        height: 34px;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        margin-bottom: 16px;
        color: #07140d;
        background: var(--cw-yellow);
        font-weight: 900;
    }

    .cw-step strong {
        display: block;
        font-size: 1rem;
        line-height: 1.25;
        letter-spacing: -.035em;
    }

    .cw-step span {
        display: block;
        margin-top: 8px;
        color: var(--cw-muted);
        font-size: .91rem;
        line-height: 1.5;
    }

    .cw-callout {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 24px;
        align-items: center;
        padding: 34px;
        border-radius: 34px;
        background: linear-gradient(135deg, #111827, #273046 58%, #111827);
        color: #fff;
        box-shadow: var(--cw-shadow);
    }

    .cw-callout h2 {
        margin: 0;
        font-size: clamp(1.8rem, 3vw, 3.25rem);
        line-height: 1.04;
        letter-spacing: -.06em;
        font-weight: 900;
    }

    .cw-callout p {
        margin: 12px 0 0;
        color: rgba(255,255,255,.72);
        font-size: 1rem;
        line-height: 1.62;
        letter-spacing: -.02em;
    }

    .cw-faq {
        display: grid;
        gap: 12px;
    }

    .cw-faq-item {
        padding: 22px 24px;
        border-radius: 26px;
        background: rgba(255,255,255,.82);
        border: 1px solid var(--cw-line);
        box-shadow: 0 14px 34px rgba(17,24,39,.05);
    }

    .cw-faq-item h3 {
        margin: 0 0 8px;
        font-size: 1.08rem;
        letter-spacing: -.035em;
    }

    .cw-faq-item p {
        margin: 0;
        color: var(--cw-muted);
        line-height: 1.6;
        letter-spacing: -.018em;
    }



    .cw-benefit-strip {
        position: relative;
        z-index: 1;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 14px;
        margin-top: 28px;
    }

    .cw-benefit-card {
        min-height: 138px;
        padding: 20px;
        border-radius: 26px;
        background: rgba(255,255,255,.82);
        border: 1px solid var(--cw-line);
        box-shadow: 0 16px 36px rgba(17,24,39,.06);
    }

    .cw-benefit-card span {
        display: inline-flex;
        width: 38px;
        height: 38px;
        align-items: center;
        justify-content: center;
        margin-bottom: 13px;
        border-radius: 14px;
        background: #f0efff;
        color: var(--cw-purple);
        font-weight: 900;
    }

    .cw-benefit-card strong {
        display: block;
        font-size: 1.04rem;
        line-height: 1.2;
        letter-spacing: -.035em;
        margin-bottom: 7px;
    }

    .cw-benefit-card p {
        margin: 0;
        color: var(--cw-muted);
        font-size: .92rem;
        line-height: 1.5;
        letter-spacing: -.015em;
    }

    .cw-proof-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 16px;
    }

    .cw-proof-card {
        min-height: 255px;
        padding: 24px;
        border-radius: 30px;
        background: rgba(255,255,255,.84);
        border: 1px solid var(--cw-line);
        box-shadow: 0 18px 42px rgba(17,24,39,.065);
    }

    .cw-proof-card.highlight {
        background: linear-gradient(135deg, #111827, #26324b);
        color: #fff;
    }

    .cw-proof-metric {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 62px;
        height: 42px;
        padding: 0 14px;
        border-radius: 999px;
        margin-bottom: 18px;
        background: var(--cw-yellow);
        color: #07140d;
        font-weight: 900;
        letter-spacing: -.04em;
    }

    .cw-proof-card h3 {
        margin: 0 0 10px;
        font-size: 1.22rem;
        line-height: 1.16;
        letter-spacing: -.04em;
        font-weight: 900;
    }

    .cw-proof-card p {
        margin: 0;
        color: var(--cw-muted);
        font-size: .96rem;
        line-height: 1.62;
        letter-spacing: -.018em;
    }

    .cw-proof-card.highlight p { color: rgba(255,255,255,.76); }

    .cw-proof-role {
        display: block;
        margin-top: 18px;
        color: #384154;
        font-size: .82rem;
        font-weight: 850;
        letter-spacing: .02em;
        text-transform: uppercase;
    }

    .cw-proof-card.highlight .cw-proof-role { color: rgba(255,255,255,.68); }

    @media (max-width: 1020px) {
        .cw-hero-grid,
        .cw-split,
        .cw-split.reverse { grid-template-columns: 1fr; }
        .cw-feature-grid,
        .cw-feature-grid.two,
        .cw-feature-grid.four { grid-template-columns: repeat(2, minmax(0, 1fr)); }
        .cw-process { grid-template-columns: repeat(2, minmax(0, 1fr)); }
        .cw-trust-strip,
        .cw-proof-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
        .cw-product-card { transform: none; }
    }

    @media (max-width: 680px) {
        .cw-shell { width: min(100% - 24px, 1180px); }
        .cw-hero { padding-top: 44px; }
        .cw-title { font-size: clamp(2.3rem, 10vw, 2.3rem); }
        .cw-lead { font-size: 1rem; }
        .cw-nav { border-radius: 24px; justify-content: flex-start; overflow-x: auto; flex-wrap: nowrap; }
        .cw-nav a { white-space: nowrap; }
        .cw-feature-grid,
        .cw-feature-grid.two,
        .cw-feature-grid.four,
        .cw-process,
        .cw-trust-strip,
        .cw-benefit-strip,
        .cw-proof-grid { grid-template-columns: 1fr; }
        .cw-callout { grid-template-columns: 1fr; padding: 24px; }
        .cw-text-card { padding: 24px; }
        .cw-section { padding: 52px 0; }
    }


/* Extracted from campaign/indstillinger.php */
.campaigns-web-page {
        --cw-ink: #111827;
        --cw-muted: #5b6475;
        --cw-soft: #f7f3ea;
        --cw-panel: #ffffff;
        --cw-line: rgba(17, 24, 39, .10);
        --cw-green: #1fc77a;
        --cw-green-dark: #0b8f58;
        --cw-purple: #7357ff;
        --cw-blue: #216bff;
        --cw-yellow: #ffe57a;
        --cw-pink: #ffe9f1;
        --cw-shadow: 0 24px 70px rgba(17, 24, 39, .11);
        --cw-radius: 28px;
        color: var(--cw-ink);
        background:
            radial-gradient(circle at 14% 2%, rgba(115, 87, 255, .16), transparent 34%),
            radial-gradient(circle at 88% 6%, rgba(31, 199, 122, .18), transparent 31%),
            linear-gradient(180deg, #fffaf0 0%, #ffffff 45%, #fbfbff 100%);
        overflow: hidden;
    }

    .campaigns-web-page * { box-sizing: border-box; }

    .cw-shell {
        width: min(1180px, calc(100% - 40px));
        margin: 0 auto;
    }

    .cw-hero {
        position: relative;
        padding: 72px 0 26px;
    }

    .cw-hero::before {
        content: "";
        position: absolute;
        inset: 18px auto auto 50%;
        width: 760px;
        height: 760px;
        transform: translateX(-50%);
        background:
            radial-gradient(circle, rgba(255, 229, 122, .38) 0 16%, transparent 17% 100%),
            radial-gradient(circle at 70% 30%, rgba(31, 199, 122, .22), transparent 38%),
            radial-gradient(circle at 27% 68%, rgba(115, 87, 255, .16), transparent 42%);
        border-radius: 50%;
        filter: blur(2px);
        pointer-events: none;
        z-index: 0;
    }

    .cw-hero-grid {
        position: relative;
        z-index: 1;
        display: grid;
        grid-template-columns: minmax(0, 1.05fr) minmax(330px, .78fr);
        gap: 42px;
        align-items: center;
    }
    .cw-title {
        margin: 0;
        max-width: 840px;
        font-size: clamp(2.55rem, 5vw, 5.8rem);
        line-height: .94;
        letter-spacing: -.075em;
        font-weight: 900;
    }

    .cw-gradient {
        background: linear-gradient(110deg, var(--cw-purple), var(--cw-blue) 45%, var(--cw-green-dark));
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }

    .cw-lead {
        margin: 24px 0 0;
        max-width: 710px;
        color: var(--cw-muted);
        font-size: 1.12rem;
        line-height: 1.72;
        letter-spacing: -.025em;
        font-weight: 520;
    }

    .cw-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        margin-top: 30px;
    }

    .cw-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 48px;
        padding: 0 20px;
        border-radius: 999px;
        text-decoration: none;
        font-size: .94rem;
        line-height: 1;
        font-weight: 850;
        letter-spacing: -.018em;
        transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
        white-space: nowrap;
    }

    .cw-btn:hover { transform: translateY(-1px); text-decoration: none; }

    .cw-btn-primary {
        color: #07140d;
        background: var(--cw-yellow);
        border: 1px solid rgba(17, 24, 39, .08);
        box-shadow: 0 18px 34px rgba(17, 24, 39, .12);
    }

    .cw-btn-secondary {
        color: var(--cw-ink);
        background: rgba(255, 255, 255, .82);
        border: 1px solid var(--cw-line);
    }
.cw-pill {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        padding: 9px 12px;
        border-radius: 999px;
        background: rgba(255, 255, 255, .72);
        border: 1px solid var(--cw-line);
        color: #384154;
        font-weight: 780;
        font-size: .86rem;
        letter-spacing: -.015em;
    }

    .cw-product-card {
        position: relative;
        border-radius: 34px;
        padding: 12px;
        background: rgba(255, 255, 255, .74);
        border: 1px solid rgba(17, 24, 39, .10);
        box-shadow: var(--cw-shadow);
        backdrop-filter: blur(14px);
        transform: rotate(1deg);
    }

    .cw-product-card::before,
    .cw-product-card::after {
        content: "";
        position: absolute;
        border-radius: 999px;
        pointer-events: none;
        z-index: -1;
    }

    .cw-product-card::before {
        width: 168px;
        height: 168px;
        right: -44px;
        top: -44px;
        background: rgba(31, 199, 122, .24);
    }

    .cw-product-card::after {
        width: 126px;
        height: 126px;
        left: -32px;
        bottom: -28px;
        background: rgba(115, 87, 255, .20);
    }

    .cw-browser {
        overflow: hidden;
        border-radius: 24px;
        background: #fff;
        border: 1px solid rgba(17, 24, 39, .08);
    }

    .cw-browser-bar {
        display: flex;
        align-items: center;
        gap: 7px;
        height: 34px;
        padding: 0 13px;
        background: #f8f8fb;
        border-bottom: 1px solid rgba(17, 24, 39, .07);
    }

    .cw-browser-dot {
        width: 9px;
        height: 9px;
        border-radius: 50%;
        background: #d9dee9;
    }

    .cw-browser img {
        display: block;
        width: 100%;
        height: auto;
    }

    .cw-image-note {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        gap: 12px;
        align-items: start;
        margin-top: 12px;
        padding: 14px;
        border-radius: 20px;
        background: rgba(17, 24, 39, .86);
        color: #fff;
        box-shadow: 0 18px 38px rgba(17, 24, 39, .13);
    }

    .cw-image-note span {
        display: inline-flex;
        width: 30px;
        height: 30px;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: var(--cw-green);
        color: #07140d;
        font-weight: 900;
    }

    .cw-image-note strong { display: block; font-size: .92rem; margin-bottom: 3px; }
    .cw-image-note p { margin: 0; color: rgba(255,255,255,.76); font-size: .82rem; line-height: 1.45; }

    .cw-nav-wrap {
        position: sticky;
        top: 12px;
        z-index: 12;
        padding: 12px 0 18px;
    }

    .cw-nav {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        align-items: center;
        justify-content: center;
        padding: 10px;
        border-radius: 999px;
        background: rgba(255, 255, 255, .86);
        border: 1px solid rgba(17, 24, 39, .08);
        box-shadow: 0 18px 40px rgba(17, 24, 39, .08);
        backdrop-filter: blur(18px);
    }

    .cw-nav a {
        display: inline-flex;
        align-items: center;
        min-height: 38px;
        padding: 0 14px;
        border-radius: 999px;
        color: #465064;
        text-decoration: none;
        background: transparent;
        border: 1px solid transparent;
        font-size: .88rem;
        font-weight: 850;
        letter-spacing: -.018em;
    }

    .cw-nav a:hover { text-decoration: none; background: rgba(17, 24, 39, .05); }

    .cw-nav a.is-active {
        color: #07140d;
        background: var(--cw-yellow);
        border-color: rgba(17, 24, 39, .08);
    }

    .cw-trust-strip {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 12px;
        margin-top: 26px;
    }

    .cw-trust-item {
        min-height: 96px;
        padding: 18px;
        border-radius: 24px;
        background: rgba(255,255,255,.72);
        border: 1px solid var(--cw-line);
        box-shadow: 0 16px 36px rgba(17,24,39,.055);
    }

    .cw-trust-item strong {
        display: block;
        font-size: 1.08rem;
        letter-spacing: -.035em;
        margin-bottom: 6px;
    }

    .cw-trust-item span {
        display: block;
        color: var(--cw-muted);
        font-size: .9rem;
        line-height: 1.46;
        letter-spacing: -.015em;
    }

    .cw-section { padding: 74px 0; }
    .cw-section.tight { padding-top: 42px; }

    .cw-section-head {
        max-width: 780px;
        margin-bottom: 28px;
    }

    .cw-section-head.center {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    .cw-section-title {
        margin: 0;
        font-size: clamp(2rem, 3.7vw, 4.05rem);
        line-height: 1.02;
        letter-spacing: -.065em;
        font-weight: 900;
    }

    .cw-section-copy {
        margin: 16px 0 0;
        color: var(--cw-muted);
        font-size: 1.05rem;
        line-height: 1.72;
        letter-spacing: -.025em;
    }

    .cw-feature-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 16px;
    }

    .cw-feature-grid.two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .cw-feature-grid.four { grid-template-columns: repeat(4, minmax(0, 1fr)); }

    .cw-feature-card {
        position: relative;
        min-height: 230px;
        padding: 24px;
        border-radius: 28px;
        background: rgba(255, 255, 255, .82);
        border: 1px solid var(--cw-line);
        box-shadow: 0 18px 42px rgba(17, 24, 39, .065);
        overflow: hidden;
    }

    .cw-feature-card.highlight {
        background: linear-gradient(135deg, #111827, #26324b);
        color: #fff;
    }

    .cw-feature-card.highlight p { color: rgba(255,255,255,.74); }

    .cw-feature-card::after {
        content: "";
        position: absolute;
        width: 150px;
        height: 150px;
        right: -70px;
        top: -70px;
        border-radius: 999px;
        background: rgba(31,199,122,.14);
    }

    .cw-icon {
        position: relative;
        z-index: 1;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 42px;
        height: 42px;
        margin-bottom: 16px;
        border-radius: 15px;
        background: #f0efff;
        color: var(--cw-purple);
        font-weight: 900;
    }

    .cw-feature-card.highlight .cw-icon {
        color: #07140d;
        background: var(--cw-yellow);
    }

    .cw-feature-card h3 {
        position: relative;
        z-index: 1;
        margin: 0 0 10px;
        font-size: 1.24rem;
        line-height: 1.12;
        letter-spacing: -.04em;
        font-weight: 900;
    }

    .cw-feature-card p {
        position: relative;
        z-index: 1;
        margin: 0;
        color: var(--cw-muted);
        font-size: .96rem;
        line-height: 1.64;
        letter-spacing: -.018em;
    }

    .cw-feature-card a {
        position: relative;
        z-index: 1;
        display: inline-flex;
        margin-top: 16px;
        color: var(--cw-purple);
        text-decoration: none;
        font-weight: 900;
        letter-spacing: -.018em;
    }

    .cw-split {
        display: grid;
        grid-template-columns: minmax(0, .9fr) minmax(0, 1fr);
        gap: 34px;
        align-items: center;
    }

    .cw-split.reverse { grid-template-columns: minmax(0, 1fr) minmax(0, .9fr); }

    .cw-text-card {
        padding: 34px;
        border-radius: 32px;
        background: rgba(255,255,255,.78);
        border: 1px solid var(--cw-line);
        box-shadow: 0 18px 44px rgba(17,24,39,.06);
    }

    .cw-text-card h2 {
        margin: 0;
        font-size: clamp(1.85rem, 3vw, 3.15rem);
        line-height: 1.04;
        letter-spacing: -.06em;
        font-weight: 900;
    }

    .cw-text-card p {
        margin: 15px 0 0;
        color: var(--cw-muted);
        font-size: 1rem;
        line-height: 1.72;
        letter-spacing: -.02em;
    }

    .cw-check-list {
        display: grid;
        gap: 12px;
        margin-top: 22px;
    }

    .cw-check {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        gap: 11px;
        align-items: start;
        padding: 13px;
        border-radius: 20px;
        background: rgba(247, 243, 234, .68);
        border: 1px solid rgba(17,24,39,.06);
    }

    .cw-check::before {
        content: "✓";
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        background: rgba(31,199,122,.18);
        color: var(--cw-green-dark);
        font-weight: 900;
    }

    .cw-check strong {
        display: block;
        margin-bottom: 3px;
        letter-spacing: -.025em;
    }

    .cw-check span {
        display: block;
        color: var(--cw-muted);
        font-size: .92rem;
        line-height: 1.45;
    }

    .cw-mini-image {
        max-width: 560px;
        margin: 0 auto;
        transform: none;
    }

    .cw-process {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 12px;
    }

    .cw-step {
        min-height: 190px;
        padding: 20px;
        border-radius: 26px;
        background: #fff;
        border: 1px solid var(--cw-line);
        box-shadow: 0 16px 38px rgba(17,24,39,.055);
    }

    .cw-step-number {
        display: inline-flex;
        width: 34px;
        height: 34px;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        margin-bottom: 16px;
        color: #07140d;
        background: var(--cw-yellow);
        font-weight: 900;
    }

    .cw-step strong {
        display: block;
        font-size: 1rem;
        line-height: 1.25;
        letter-spacing: -.035em;
    }

    .cw-step span {
        display: block;
        margin-top: 8px;
        color: var(--cw-muted);
        font-size: .91rem;
        line-height: 1.5;
    }

    .cw-callout {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 24px;
        align-items: center;
        padding: 34px;
        border-radius: 34px;
        background: linear-gradient(135deg, #111827, #273046 58%, #111827);
        color: #fff;
        box-shadow: var(--cw-shadow);
    }

    .cw-callout h2 {
        margin: 0;
        font-size: clamp(1.8rem, 3vw, 3.25rem);
        line-height: 1.04;
        letter-spacing: -.06em;
        font-weight: 900;
    }

    .cw-callout p {
        margin: 12px 0 0;
        color: rgba(255,255,255,.72);
        font-size: 1rem;
        line-height: 1.62;
        letter-spacing: -.02em;
    }

    .cw-faq {
        display: grid;
        gap: 12px;
    }

    .cw-faq-item {
        padding: 22px 24px;
        border-radius: 26px;
        background: rgba(255,255,255,.82);
        border: 1px solid var(--cw-line);
        box-shadow: 0 14px 34px rgba(17,24,39,.05);
    }

    .cw-faq-item h3 {
        margin: 0 0 8px;
        font-size: 1.08rem;
        letter-spacing: -.035em;
    }

    .cw-faq-item p {
        margin: 0;
        color: var(--cw-muted);
        line-height: 1.6;
        letter-spacing: -.018em;
    }

    @media (max-width: 1020px) {
        .cw-hero-grid,
        .cw-split,
        .cw-split.reverse { grid-template-columns: 1fr; }
        .cw-feature-grid,
        .cw-feature-grid.two,
        .cw-feature-grid.four { grid-template-columns: repeat(2, minmax(0, 1fr)); }
        .cw-process { grid-template-columns: repeat(2, minmax(0, 1fr)); }
        .cw-trust-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
        .cw-product-card { transform: none; }
    }

    @media (max-width: 680px) {
        .cw-shell { width: min(100% - 24px, 1180px); }
        .cw-hero { padding-top: 44px; }
        .cw-title { font-size: clamp(2.3rem, 15vw, 3.3rem); }
        .cw-lead { font-size: 1rem; }
        .cw-nav { border-radius: 24px; justify-content: flex-start; overflow-x: auto; flex-wrap: nowrap; }
        .cw-nav a { white-space: nowrap; }
        .cw-feature-grid,
        .cw-feature-grid.two,
        .cw-feature-grid.four,
        .cw-process,
        .cw-trust-strip { grid-template-columns: 1fr; }
        .cw-callout { grid-template-columns: 1fr; padding: 24px; }
        .cw-text-card { padding: 24px; }
        .cw-section { padding: 52px 0; }
    }


/* Extracted from campaign/leads.php */
.campaigns-web-page {
        --cw-ink: #111827;
        --cw-muted: #5b6475;
        --cw-soft: #f7f3ea;
        --cw-panel: #ffffff;
        --cw-line: rgba(17, 24, 39, .10);
        --cw-green: #1fc77a;
        --cw-green-dark: #0b8f58;
        --cw-purple: #7357ff;
        --cw-blue: #216bff;
        --cw-yellow: #ffe57a;
        --cw-pink: #ffe9f1;
        --cw-shadow: 0 24px 70px rgba(17, 24, 39, .11);
        --cw-radius: 28px;
        color: var(--cw-ink);
        background:
            radial-gradient(circle at 14% 2%, rgba(115, 87, 255, .16), transparent 34%),
            radial-gradient(circle at 88% 6%, rgba(31, 199, 122, .18), transparent 31%),
            linear-gradient(180deg, #fffaf0 0%, #ffffff 45%, #fbfbff 100%);
        overflow: hidden;
    }

    .campaigns-web-page * { box-sizing: border-box; }

    .cw-shell {
        width: min(1180px, calc(100% - 40px));
        margin: 0 auto;
    }

    .cw-hero {
        position: relative;
        padding: 72px 0 26px;
    }

    .cw-hero::before {
        content: "";
        position: absolute;
        inset: 18px auto auto 50%;
        width: 760px;
        height: 760px;
        transform: translateX(-50%);
        background:
            radial-gradient(circle, rgba(255, 229, 122, .38) 0 16%, transparent 17% 100%),
            radial-gradient(circle at 70% 30%, rgba(31, 199, 122, .22), transparent 38%),
            radial-gradient(circle at 27% 68%, rgba(115, 87, 255, .16), transparent 42%);
        border-radius: 50%;
        filter: blur(2px);
        pointer-events: none;
        z-index: 0;
    }

    .cw-hero-grid {
        position: relative;
        z-index: 1;
        display: grid;
        grid-template-columns: minmax(0, 1.05fr) minmax(330px, .78fr);
        gap: 42px;
        align-items: center;
    }
    .cw-title {
        margin: 0;
        max-width: 840px;
        font-size: clamp(2.55rem, 5vw, 5.8rem);
        line-height: .94;
        letter-spacing: -.075em;
        font-weight: 900;
    }

    .cw-gradient {
        background: linear-gradient(110deg, var(--cw-purple), var(--cw-blue) 45%, var(--cw-green-dark));
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }

    .cw-lead {
        margin: 24px 0 0;
        max-width: 710px;
        color: var(--cw-muted);
        font-size: 1.12rem;
        line-height: 1.72;
        letter-spacing: -.025em;
        font-weight: 520;
    }

    .cw-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        margin-top: 30px;
    }

    .cw-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 48px;
        padding: 0 20px;
        border-radius: 999px;
        text-decoration: none;
        font-size: .94rem;
        line-height: 1;
        font-weight: 850;
        letter-spacing: -.018em;
        transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
        white-space: nowrap;
    }

    .cw-btn:hover { transform: translateY(-1px); text-decoration: none; }

    .cw-btn-primary {
        color: #07140d;
        background: var(--cw-yellow);
        border: 1px solid rgba(17, 24, 39, .08);
        box-shadow: 0 18px 34px rgba(17, 24, 39, .12);
    }

    .cw-btn-secondary {
        color: var(--cw-ink);
        background: rgba(255, 255, 255, .82);
        border: 1px solid var(--cw-line);
    }
.cw-pill {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        padding: 9px 12px;
        border-radius: 999px;
        background: rgba(255, 255, 255, .72);
        border: 1px solid var(--cw-line);
        color: #384154;
        font-weight: 780;
        font-size: .86rem;
        letter-spacing: -.015em;
    }

    .cw-product-card {
        position: relative;
        border-radius: 34px;
        padding: 12px;
        background: rgba(255, 255, 255, .74);
        border: 1px solid rgba(17, 24, 39, .10);
        box-shadow: var(--cw-shadow);
        backdrop-filter: blur(14px);
        transform: rotate(1deg);
    }

    .cw-product-card::before,
    .cw-product-card::after {
        content: "";
        position: absolute;
        border-radius: 999px;
        pointer-events: none;
        z-index: -1;
    }

    .cw-product-card::before {
        width: 168px;
        height: 168px;
        right: -44px;
        top: -44px;
        background: rgba(31, 199, 122, .24);
    }

    .cw-product-card::after {
        width: 126px;
        height: 126px;
        left: -32px;
        bottom: -28px;
        background: rgba(115, 87, 255, .20);
    }

    .cw-browser {
        overflow: hidden;
        border-radius: 24px;
        background: #fff;
        border: 1px solid rgba(17, 24, 39, .08);
    }

    .cw-browser-bar {
        display: flex;
        align-items: center;
        gap: 7px;
        height: 34px;
        padding: 0 13px;
        background: #f8f8fb;
        border-bottom: 1px solid rgba(17, 24, 39, .07);
    }

    .cw-browser-dot {
        width: 9px;
        height: 9px;
        border-radius: 50%;
        background: #d9dee9;
    }

    .cw-browser img {
        display: block;
        width: 100%;
        height: auto;
    }

    .cw-image-note {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        gap: 12px;
        align-items: start;
        margin-top: 12px;
        padding: 14px;
        border-radius: 20px;
        background: rgba(17, 24, 39, .86);
        color: #fff;
        box-shadow: 0 18px 38px rgba(17, 24, 39, .13);
    }

    .cw-image-note span {
        display: inline-flex;
        width: 30px;
        height: 30px;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: var(--cw-green);
        color: #07140d;
        font-weight: 900;
    }

    .cw-image-note strong { display: block; font-size: .92rem; margin-bottom: 3px; }
    .cw-image-note p { margin: 0; color: rgba(255,255,255,.76); font-size: .82rem; line-height: 1.45; }

    .cw-nav-wrap {
        position: sticky;
        top: 12px;
        z-index: 12;
        padding: 12px 0 18px;
    }

    .cw-nav {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        align-items: center;
        justify-content: center;
        padding: 10px;
        border-radius: 999px;
        background: rgba(255, 255, 255, .86);
        border: 1px solid rgba(17, 24, 39, .08);
        box-shadow: 0 18px 40px rgba(17, 24, 39, .08);
        backdrop-filter: blur(18px);
    }

    .cw-nav a {
        display: inline-flex;
        align-items: center;
        min-height: 38px;
        padding: 0 14px;
        border-radius: 999px;
        color: #465064;
        text-decoration: none;
        background: transparent;
        border: 1px solid transparent;
        font-size: .88rem;
        font-weight: 850;
        letter-spacing: -.018em;
    }

    .cw-nav a:hover { text-decoration: none; background: rgba(17, 24, 39, .05); }

    .cw-nav a.is-active {
        color: #07140d;
        background: var(--cw-yellow);
        border-color: rgba(17, 24, 39, .08);
    }

    .cw-trust-strip {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 12px;
        margin-top: 26px;
    }

    .cw-trust-item {
        min-height: 96px;
        padding: 18px;
        border-radius: 24px;
        background: rgba(255,255,255,.72);
        border: 1px solid var(--cw-line);
        box-shadow: 0 16px 36px rgba(17,24,39,.055);
    }

    .cw-trust-item strong {
        display: block;
        font-size: 1.08rem;
        letter-spacing: -.035em;
        margin-bottom: 6px;
    }

    .cw-trust-item span {
        display: block;
        color: var(--cw-muted);
        font-size: .9rem;
        line-height: 1.46;
        letter-spacing: -.015em;
    }

    .cw-section { padding: 74px 0; }
    .cw-section.tight { padding-top: 42px; }

    .cw-section-head {
        max-width: 780px;
        margin-bottom: 28px;
    }

    .cw-section-head.center {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    .cw-section-title {
        margin: 0;
        font-size: clamp(2rem, 3.7vw, 4.05rem);
        line-height: 1.02;
        letter-spacing: -.065em;
        font-weight: 900;
    }

    .cw-section-copy {
        margin: 16px 0 0;
        color: var(--cw-muted);
        font-size: 1.05rem;
        line-height: 1.72;
        letter-spacing: -.025em;
    }

    .cw-feature-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 16px;
    }

    .cw-feature-grid.two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .cw-feature-grid.four { grid-template-columns: repeat(4, minmax(0, 1fr)); }

    .cw-feature-card {
        position: relative;
        min-height: 230px;
        padding: 24px;
        border-radius: 28px;
        background: rgba(255, 255, 255, .82);
        border: 1px solid var(--cw-line);
        box-shadow: 0 18px 42px rgba(17, 24, 39, .065);
        overflow: hidden;
    }

    .cw-feature-card.highlight {
        background: linear-gradient(135deg, #111827, #26324b);
        color: #fff;
    }

    .cw-feature-card.highlight p { color: rgba(255,255,255,.74); }

    .cw-feature-card::after {
        content: "";
        position: absolute;
        width: 150px;
        height: 150px;
        right: -70px;
        top: -70px;
        border-radius: 999px;
        background: rgba(31,199,122,.14);
    }

    .cw-icon {
        position: relative;
        z-index: 1;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 42px;
        height: 42px;
        margin-bottom: 16px;
        border-radius: 15px;
        background: #f0efff;
        color: var(--cw-purple);
        font-weight: 900;
    }

    .cw-feature-card.highlight .cw-icon {
        color: #07140d;
        background: var(--cw-yellow);
    }

    .cw-feature-card h3 {
        position: relative;
        z-index: 1;
        margin: 0 0 10px;
        font-size: 1.24rem;
        line-height: 1.12;
        letter-spacing: -.04em;
        font-weight: 900;
    }

    .cw-feature-card p {
        position: relative;
        z-index: 1;
        margin: 0;
        color: var(--cw-muted);
        font-size: .96rem;
        line-height: 1.64;
        letter-spacing: -.018em;
    }

    .cw-feature-card a {
        position: relative;
        z-index: 1;
        display: inline-flex;
        margin-top: 16px;
        color: var(--cw-purple);
        text-decoration: none;
        font-weight: 900;
        letter-spacing: -.018em;
    }

    .cw-split {
        display: grid;
        grid-template-columns: minmax(0, .9fr) minmax(0, 1fr);
        gap: 34px;
        align-items: center;
    }

    .cw-split.reverse { grid-template-columns: minmax(0, 1fr) minmax(0, .9fr); }

    .cw-text-card {
        padding: 34px;
        border-radius: 32px;
        background: rgba(255,255,255,.78);
        border: 1px solid var(--cw-line);
        box-shadow: 0 18px 44px rgba(17,24,39,.06);
    }

    .cw-text-card h2 {
        margin: 0;
        font-size: clamp(1.85rem, 3vw, 3.15rem);
        line-height: 1.04;
        letter-spacing: -.06em;
        font-weight: 900;
    }

    .cw-text-card p {
        margin: 15px 0 0;
        color: var(--cw-muted);
        font-size: 1rem;
        line-height: 1.72;
        letter-spacing: -.02em;
    }

    .cw-check-list {
        display: grid;
        gap: 12px;
        margin-top: 22px;
    }

    .cw-check {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        gap: 11px;
        align-items: start;
        padding: 13px;
        border-radius: 20px;
        background: rgba(247, 243, 234, .68);
        border: 1px solid rgba(17,24,39,.06);
    }

    .cw-check::before {
        content: "✓";
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        background: rgba(31,199,122,.18);
        color: var(--cw-green-dark);
        font-weight: 900;
    }

    .cw-check strong {
        display: block;
        margin-bottom: 3px;
        letter-spacing: -.025em;
    }

    .cw-check span {
        display: block;
        color: var(--cw-muted);
        font-size: .92rem;
        line-height: 1.45;
    }

    .cw-mini-image {
        max-width: 560px;
        margin: 0 auto;
        transform: none;
    }

    .cw-process {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 12px;
    }

    .cw-step {
        min-height: 190px;
        padding: 20px;
        border-radius: 26px;
        background: #fff;
        border: 1px solid var(--cw-line);
        box-shadow: 0 16px 38px rgba(17,24,39,.055);
    }

    .cw-step-number {
        display: inline-flex;
        width: 34px;
        height: 34px;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        margin-bottom: 16px;
        color: #07140d;
        background: var(--cw-yellow);
        font-weight: 900;
    }

    .cw-step strong {
        display: block;
        font-size: 1rem;
        line-height: 1.25;
        letter-spacing: -.035em;
    }

    .cw-step span {
        display: block;
        margin-top: 8px;
        color: var(--cw-muted);
        font-size: .91rem;
        line-height: 1.5;
    }

    .cw-callout {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 24px;
        align-items: center;
        padding: 34px;
        border-radius: 34px;
        background: linear-gradient(135deg, #111827, #273046 58%, #111827);
        color: #fff;
        box-shadow: var(--cw-shadow);
    }

    .cw-callout h2 {
        margin: 0;
        font-size: clamp(1.8rem, 3vw, 3.25rem);
        line-height: 1.04;
        letter-spacing: -.06em;
        font-weight: 900;
    }

    .cw-callout p {
        margin: 12px 0 0;
        color: rgba(255,255,255,.72);
        font-size: 1rem;
        line-height: 1.62;
        letter-spacing: -.02em;
    }

    .cw-faq {
        display: grid;
        gap: 12px;
    }

    .cw-faq-item {
        padding: 22px 24px;
        border-radius: 26px;
        background: rgba(255,255,255,.82);
        border: 1px solid var(--cw-line);
        box-shadow: 0 14px 34px rgba(17,24,39,.05);
    }

    .cw-faq-item h3 {
        margin: 0 0 8px;
        font-size: 1.08rem;
        letter-spacing: -.035em;
    }

    .cw-faq-item p {
        margin: 0;
        color: var(--cw-muted);
        line-height: 1.6;
        letter-spacing: -.018em;
    }

    @media (max-width: 1020px) {
        .cw-hero-grid,
        .cw-split,
        .cw-split.reverse { grid-template-columns: 1fr; }
        .cw-feature-grid,
        .cw-feature-grid.two,
        .cw-feature-grid.four { grid-template-columns: repeat(2, minmax(0, 1fr)); }
        .cw-process { grid-template-columns: repeat(2, minmax(0, 1fr)); }
        .cw-trust-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
        .cw-product-card { transform: none; }
    }

    @media (max-width: 680px) {
        .cw-shell { width: min(100% - 24px, 1180px); }
        .cw-hero { padding-top: 44px; }
        .cw-title { font-size: clamp(2.3rem, 15vw, 3.3rem); }
        .cw-lead { font-size: 1rem; }
        .cw-nav { border-radius: 24px; justify-content: flex-start; overflow-x: auto; flex-wrap: nowrap; }
        .cw-nav a { white-space: nowrap; }
        .cw-feature-grid,
        .cw-feature-grid.two,
        .cw-feature-grid.four,
        .cw-process,
        .cw-trust-strip { grid-template-columns: 1fr; }
        .cw-callout { grid-template-columns: 1fr; padding: 24px; }
        .cw-text-card { padding: 24px; }
        .cw-section { padding: 52px 0; }
    }


/* Extracted from campaign/statistik.php */
.campaigns-web-page {
        --cw-ink: #111827;
        --cw-muted: #5b6475;
        --cw-soft: #f7f3ea;
        --cw-panel: #ffffff;
        --cw-line: rgba(17, 24, 39, .10);
        --cw-green: #1fc77a;
        --cw-green-dark: #0b8f58;
        --cw-purple: #7357ff;
        --cw-blue: #216bff;
        --cw-yellow: #ffe57a;
        --cw-pink: #ffe9f1;
        --cw-shadow: 0 24px 70px rgba(17, 24, 39, .11);
        --cw-radius: 28px;
        color: var(--cw-ink);
        background:
                radial-gradient(circle at 14% 2%, rgba(115, 87, 255, .16), transparent 34%),
                radial-gradient(circle at 88% 6%, rgba(31, 199, 122, .18), transparent 31%),
                linear-gradient(180deg, #fffaf0 0%, #ffffff 45%, #fbfbff 100%);
        overflow: hidden;
    }

    .campaigns-web-page * { box-sizing: border-box; }

    .cw-shell {
        width: min(1180px, calc(100% - 40px));
        margin: 0 auto;
    }

    .cw-hero {
        position: relative;
        padding: 72px 0 26px;
    }

    .cw-hero::before {
        content: "";
        position: absolute;
        inset: 18px auto auto 50%;
        width: 760px;
        height: 760px;
        transform: translateX(-50%);
        background:
                radial-gradient(circle, rgba(255, 229, 122, .38) 0 16%, transparent 17% 100%),
                radial-gradient(circle at 70% 30%, rgba(31, 199, 122, .22), transparent 38%),
                radial-gradient(circle at 27% 68%, rgba(115, 87, 255, .16), transparent 42%);
        border-radius: 50%;
        filter: blur(2px);
        pointer-events: none;
        z-index: 0;
    }

    .cw-hero-grid {
        position: relative;
        z-index: 1;
        display: grid;
        grid-template-columns: minmax(0, 1.05fr) minmax(330px, .78fr);
        gap: 42px;
        align-items: center;
    }
    .cw-title {
        margin: 0;
        max-width: 840px;
        font-size: clamp(2.55rem, 5vw, 5.8rem);
        line-height: .94;
        letter-spacing: -.075em;
        font-weight: 900;
    }

    .cw-gradient {
        background: linear-gradient(110deg, var(--cw-purple), var(--cw-blue) 45%, var(--cw-green-dark));
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }

    .cw-lead {
        margin: 24px 0 0;
        max-width: 710px;
        color: var(--cw-muted);
        font-size: 1.12rem;
        line-height: 1.72;
        letter-spacing: -.025em;
        font-weight: 520;
    }

    .cw-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        margin-top: 30px;
    }

    .cw-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 48px;
        padding: 0 20px;
        border-radius: 999px;
        text-decoration: none;
        font-size: .94rem;
        line-height: 1;
        font-weight: 850;
        letter-spacing: -.018em;
        transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
        white-space: nowrap;
    }

    .cw-btn:hover { transform: translateY(-1px); text-decoration: none; }

    .cw-btn-primary {
        color: #07140d;
        background: var(--cw-yellow);
        border: 1px solid rgba(17, 24, 39, .08);
        box-shadow: 0 18px 34px rgba(17, 24, 39, .12);
    }

    .cw-btn-secondary {
        color: var(--cw-ink);
        background: rgba(255, 255, 255, .82);
        border: 1px solid var(--cw-line);
    }
.cw-pill {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        padding: 9px 12px;
        border-radius: 999px;
        background: rgba(255, 255, 255, .72);
        border: 1px solid var(--cw-line);
        color: #384154;
        font-weight: 780;
        font-size: .86rem;
        letter-spacing: -.015em;
    }

    .cw-product-card {
        position: relative;
        border-radius: 34px;
        padding: 12px;
        background: rgba(255, 255, 255, .74);
        border: 1px solid rgba(17, 24, 39, .10);
        box-shadow: var(--cw-shadow);
        backdrop-filter: blur(14px);
        transform: rotate(1deg);
    }

    .cw-product-card::before,
    .cw-product-card::after {
        content: "";
        position: absolute;
        border-radius: 999px;
        pointer-events: none;
        z-index: -1;
    }

    .cw-product-card::before {
        width: 168px;
        height: 168px;
        right: -44px;
        top: -44px;
        background: rgba(31, 199, 122, .24);
    }

    .cw-product-card::after {
        width: 126px;
        height: 126px;
        left: -32px;
        bottom: -28px;
        background: rgba(115, 87, 255, .20);
    }

    .cw-browser {
        overflow: hidden;
        border-radius: 24px;
        background: #fff;
        border: 1px solid rgba(17, 24, 39, .08);
    }

    .cw-browser-bar {
        display: flex;
        align-items: center;
        gap: 7px;
        height: 34px;
        padding: 0 13px;
        background: #f8f8fb;
        border-bottom: 1px solid rgba(17, 24, 39, .07);
    }

    .cw-browser-dot {
        width: 9px;
        height: 9px;
        border-radius: 50%;
        background: #d9dee9;
    }

    .cw-browser img {
        display: block;
        width: 100%;
        height: auto;
    }

    .cw-image-note {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        gap: 12px;
        align-items: start;
        margin-top: 12px;
        padding: 14px;
        border-radius: 20px;
        background: rgba(17, 24, 39, .86);
        color: #fff;
        box-shadow: 0 18px 38px rgba(17, 24, 39, .13);
    }

    .cw-image-note span {
        display: inline-flex;
        width: 30px;
        height: 30px;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: var(--cw-green);
        color: #07140d;
        font-weight: 900;
    }

    .cw-image-note strong { display: block; font-size: .92rem; margin-bottom: 3px; }
    .cw-image-note p { margin: 0; color: rgba(255,255,255,.76); font-size: .82rem; line-height: 1.45; }

    .cw-nav-wrap {
        position: sticky;
        top: 12px;
        z-index: 12;
        padding: 12px 0 18px;
    }

    .cw-nav {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        align-items: center;
        justify-content: center;
        padding: 10px;
        border-radius: 999px;
        background: rgba(255, 255, 255, .86);
        border: 1px solid rgba(17, 24, 39, .08);
        box-shadow: 0 18px 40px rgba(17, 24, 39, .08);
        backdrop-filter: blur(18px);
    }

    .cw-nav a {
        display: inline-flex;
        align-items: center;
        min-height: 38px;
        padding: 0 14px;
        border-radius: 999px;
        color: #465064;
        text-decoration: none;
        background: transparent;
        border: 1px solid transparent;
        font-size: .88rem;
        font-weight: 850;
        letter-spacing: -.018em;
    }

    .cw-nav a:hover { text-decoration: none; background: rgba(17, 24, 39, .05); }

    .cw-nav a.is-active {
        color: #07140d;
        background: var(--cw-yellow);
        border-color: rgba(17, 24, 39, .08);
    }

    .cw-trust-strip {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 12px;
        margin-top: 26px;
    }

    .cw-trust-item {
        min-height: 96px;
        padding: 18px;
        border-radius: 24px;
        background: rgba(255,255,255,.72);
        border: 1px solid var(--cw-line);
        box-shadow: 0 16px 36px rgba(17,24,39,.055);
    }

    .cw-trust-item strong {
        display: block;
        font-size: 1.08rem;
        letter-spacing: -.035em;
        margin-bottom: 6px;
    }

    .cw-trust-item span {
        display: block;
        color: var(--cw-muted);
        font-size: .9rem;
        line-height: 1.46;
        letter-spacing: -.015em;
    }

    .cw-section { padding: 74px 0; }
    .cw-section.tight { padding-top: 42px; }

    .cw-section-head {
        max-width: 780px;
        margin-bottom: 28px;
    }

    .cw-section-head.center {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    .cw-section-title {
        margin: 0;
        font-size: clamp(2rem, 3.7vw, 4.05rem);
        line-height: 1.02;
        letter-spacing: -.065em;
        font-weight: 900;
    }

    .cw-section-copy {
        margin: 16px 0 0;
        color: var(--cw-muted);
        font-size: 1.05rem;
        line-height: 1.72;
        letter-spacing: -.025em;
    }

    .cw-feature-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 16px;
    }

    .cw-feature-grid.two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .cw-feature-grid.four { grid-template-columns: repeat(4, minmax(0, 1fr)); }

    .cw-feature-card {
        position: relative;
        min-height: 230px;
        padding: 24px;
        border-radius: 28px;
        background: rgba(255, 255, 255, .82);
        border: 1px solid var(--cw-line);
        box-shadow: 0 18px 42px rgba(17, 24, 39, .065);
        overflow: hidden;
    }

    .cw-feature-card.highlight {
        background: linear-gradient(135deg, #111827, #26324b);
        color: #fff;
    }

    .cw-feature-card.highlight p { color: rgba(255,255,255,.74); }

    .cw-feature-card::after {
        content: "";
        position: absolute;
        width: 150px;
        height: 150px;
        right: -70px;
        top: -70px;
        border-radius: 999px;
        background: rgba(31,199,122,.14);
    }

    .cw-icon {
        position: relative;
        z-index: 1;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 42px;
        height: 42px;
        margin-bottom: 16px;
        border-radius: 15px;
        background: #f0efff;
        color: var(--cw-purple);
        font-weight: 900;
    }

    .cw-feature-card.highlight .cw-icon {
        color: #07140d;
        background: var(--cw-yellow);
    }

    .cw-feature-card h3 {
        position: relative;
        z-index: 1;
        margin: 0 0 10px;
        font-size: 1.24rem;
        line-height: 1.12;
        letter-spacing: -.04em;
        font-weight: 900;
    }

    .cw-feature-card p {
        position: relative;
        z-index: 1;
        margin: 0;
        color: var(--cw-muted);
        font-size: .96rem;
        line-height: 1.64;
        letter-spacing: -.018em;
    }

    .cw-feature-card a {
        position: relative;
        z-index: 1;
        display: inline-flex;
        margin-top: 16px;
        color: var(--cw-purple);
        text-decoration: none;
        font-weight: 900;
        letter-spacing: -.018em;
    }

    .cw-split {
        display: grid;
        grid-template-columns: minmax(0, .9fr) minmax(0, 1fr);
        gap: 34px;
        align-items: center;
    }

    .cw-split.reverse { grid-template-columns: minmax(0, 1fr) minmax(0, .9fr); }

    .cw-text-card {
        padding: 34px;
        border-radius: 32px;
        background: rgba(255,255,255,.78);
        border: 1px solid var(--cw-line);
        box-shadow: 0 18px 44px rgba(17,24,39,.06);
    }

    .cw-text-card h2 {
        margin: 0;
        font-size: clamp(1.85rem, 3vw, 3.15rem);
        line-height: 1.04;
        letter-spacing: -.06em;
        font-weight: 900;
    }

    .cw-text-card p {
        margin: 15px 0 0;
        color: var(--cw-muted);
        font-size: 1rem;
        line-height: 1.72;
        letter-spacing: -.02em;
    }

    .cw-check-list {
        display: grid;
        gap: 12px;
        margin-top: 22px;
    }

    .cw-check {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        gap: 11px;
        align-items: start;
        padding: 13px;
        border-radius: 20px;
        background: rgba(247, 243, 234, .68);
        border: 1px solid rgba(17,24,39,.06);
    }

    .cw-check::before {
        content: "✓";
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        background: rgba(31,199,122,.18);
        color: var(--cw-green-dark);
        font-weight: 900;
    }

    .cw-check strong {
        display: block;
        margin-bottom: 3px;
        letter-spacing: -.025em;
    }

    .cw-check span {
        display: block;
        color: var(--cw-muted);
        font-size: .92rem;
        line-height: 1.45;
    }

    .cw-mini-image {
        max-width: 560px;
        margin: 0 auto;
        transform: none;
    }


    .cw-employee-steps {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 14px;
        margin-top: 24px;
    }

    .cw-employee-step {
        position: relative;
        min-height: 168px;
        padding: 22px;
        border-radius: 28px;
        background: rgba(255, 255, 255, .86);
        border: 1px solid var(--cw-line);
        box-shadow: 0 16px 42px rgba(17,24,39,.06);
        overflow: hidden;
    }

    .cw-employee-step::after {
        content: attr(data-step);
        position: absolute;
        right: 18px;
        bottom: -28px;
        color: rgba(115, 87, 255, .08);
        font-size: 7.5rem;
        line-height: 1;
        font-weight: 900;
        letter-spacing: -.08em;
        pointer-events: none;
    }

    .cw-employee-step-number {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
        margin-bottom: 18px;
        border-radius: 999px;
        color: #07140d;
        background: var(--cw-yellow);
        border: 1px solid rgba(17,24,39,.08);
        font-weight: 900;
        box-shadow: 0 10px 24px rgba(17,24,39,.08);
    }

    .cw-employee-step h3 {
        position: relative;
        z-index: 1;
        margin: 0;
        font-size: 1.08rem;
        line-height: 1.22;
        letter-spacing: -.035em;
        font-weight: 900;
    }

    .cw-employee-step p {
        position: relative;
        z-index: 1;
        margin: 9px 0 0;
        color: var(--cw-muted);
        font-size: .95rem;
        line-height: 1.55;
        letter-spacing: -.02em;
    }

    .cw-process {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 12px;
    }

    .cw-step {
        min-height: 190px;
        padding: 20px;
        border-radius: 26px;
        background: #fff;
        border: 1px solid var(--cw-line);
        box-shadow: 0 16px 38px rgba(17,24,39,.055);
    }

    .cw-step-number {
        display: inline-flex;
        width: 34px;
        height: 34px;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        margin-bottom: 16px;
        color: #07140d;
        background: var(--cw-yellow);
        font-weight: 900;
    }

    .cw-step strong {
        display: block;
        font-size: 1rem;
        line-height: 1.25;
        letter-spacing: -.035em;
    }

    .cw-step span {
        display: block;
        margin-top: 8px;
        color: var(--cw-muted);
        font-size: .91rem;
        line-height: 1.5;
    }

    .cw-callout {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 24px;
        align-items: center;
        padding: 34px;
        border-radius: 34px;
        background: linear-gradient(135deg, #111827, #273046 58%, #111827);
        color: #fff;
        box-shadow: var(--cw-shadow);
    }

    .cw-callout h2 {
        margin: 0;
        font-size: clamp(1.8rem, 3vw, 3.25rem);
        line-height: 1.04;
        letter-spacing: -.06em;
        font-weight: 900;
    }

    .cw-callout p {
        margin: 12px 0 0;
        color: rgba(255,255,255,.72);
        font-size: 1rem;
        line-height: 1.62;
        letter-spacing: -.02em;
    }

    .cw-faq {
        display: grid;
        gap: 12px;
    }

    .cw-faq-item {
        padding: 22px 24px;
        border-radius: 26px;
        background: rgba(255,255,255,.82);
        border: 1px solid var(--cw-line);
        box-shadow: 0 14px 34px rgba(17,24,39,.05);
    }

    .cw-faq-item h3 {
        margin: 0 0 8px;
        font-size: 1.08rem;
        letter-spacing: -.035em;
    }

    .cw-faq-item p {
        margin: 0;
        color: var(--cw-muted);
        line-height: 1.6;
        letter-spacing: -.018em;
    }



    .cw-stats-showcase {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(280px, .42fr);
        gap: 22px;
        align-items: stretch;
    }

    .cw-stats-widget {
        padding: 22px;
        border-radius: 28px;
        background: rgba(255,255,255,.92);
        border: 1px solid rgba(17,24,39,.08);
        box-shadow: 0 22px 56px rgba(17,24,39,.08);
        overflow: hidden;
    }

    .cw-stats-widget-head {
        display: flex;
        justify-content: space-between;
        gap: 16px;
        align-items: flex-start;
        margin-bottom: 14px;
    }

    .cw-stats-widget-head h3 {
        margin: 0;
        font-size: 1rem;
        line-height: 1.2;
        letter-spacing: -.03em;
        font-weight: 900;
    }

    .cw-stats-widget-head span {
        color: #657086;
        font-size: .82rem;
        white-space: nowrap;
    }

    .cw-stats-filters {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-bottom: 18px;
    }

    .cw-stats-chip {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        min-height: 38px;
        padding: 0 12px;
        border-radius: 999px;
        border: 1px solid rgba(17,24,39,.09);
        background: #fff;
        color: #14213d;
        font-size: .82rem;
        font-weight: 850;
        letter-spacing: -.018em;
        cursor: pointer;
        transition: opacity .18s ease, transform .18s ease, box-shadow .18s ease;
    }

    .cw-stats-chip:hover { transform: translateY(-1px); box-shadow: 0 10px 20px rgba(17,24,39,.07); }
    .cw-stats-chip:not(.is-active) { opacity: .42; }

    .cw-stats-chip-dot {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: var(--chip-color);
    }

    .cw-stats-chart {
        display: grid;
        grid-template-columns: repeat(7, minmax(58px, 1fr));
        gap: 14px;
        align-items: end;
        min-height: 238px;
        overflow-x: auto;
        padding-bottom: 3px;
    }

    .cw-stats-day {
        min-width: 58px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-end;
    }

    .cw-bars {
        height: 180px;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        gap: 6px;
        width: 100%;
        padding: 0 2px;
    }

    .cw-bar {
        width: 10px;
        height: calc(var(--bar-height) * 1px);
        min-height: 5px;
        border-radius: 999px 999px 0 0;
        background: var(--bar-color);
        box-shadow: 0 14px 28px rgba(17,24,39,.12);
        transition: height .2s ease, opacity .18s ease, transform .18s ease;
    }

    .cw-bar.is-hidden {
        width: 0;
        min-height: 0;
        opacity: 0;
        transform: scaleY(.2);
        margin: 0;
    }

    .cw-stats-total {
        display: block;
        margin-top: 9px;
        font-size: .82rem;
        font-weight: 900;
        color: #0f172a;
    }

    .cw-stats-date {
        display: block;
        margin-top: 6px;
        color: #556176;
        font-size: .72rem;
    }

    .cw-stats-side-card {
        padding: 26px;
        border-radius: 30px;
        background: linear-gradient(135deg, #111827, #26324b);
        color: #fff;
        box-shadow: var(--cw-shadow);
    }

    .cw-stats-side-card h3 {
        margin: 0;
        font-size: 1.5rem;
        line-height: 1.08;
        letter-spacing: -.055em;
        font-weight: 900;
    }

    .cw-stats-side-card p {
        margin: 14px 0 0;
        color: rgba(255,255,255,.74);
        line-height: 1.6;
        letter-spacing: -.018em;
    }

    .cw-stats-side-list {
        display: grid;
        gap: 10px;
        margin-top: 20px;
    }

    .cw-stats-side-list span {
        display: flex;
        align-items: center;
        gap: 9px;
        color: rgba(255,255,255,.86);
        font-size: .9rem;
        font-weight: 780;
    }

    .cw-stats-side-list span::before {
        content: "";
        width: 9px;
        height: 9px;
        border-radius: 50%;
        background: var(--cw-yellow);
    }

    @media (max-width: 1020px) {
        .cw-hero-grid,
        .cw-split,
        .cw-split.reverse { grid-template-columns: 1fr; }
        .cw-feature-grid,
        .cw-feature-grid.two,
        .cw-feature-grid.four { grid-template-columns: repeat(2, minmax(0, 1fr)); }
        .cw-process { grid-template-columns: repeat(2, minmax(0, 1fr)); }
        .cw-trust-strip,
        .cw-stats-showcase { grid-template-columns: 1fr; }
        .cw-employee-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); }
        .cw-product-card { transform: none; }
    }

    @media (max-width: 680px) {
        .cw-shell { width: min(100% - 24px, 1180px); }
        .cw-hero { padding-top: 44px; }
        .cw-title { font-size: clamp(2.3rem, 15vw, 3.3rem); }
        .cw-lead { font-size: 1rem; }
        .cw-nav { border-radius: 24px; justify-content: flex-start; overflow-x: auto; flex-wrap: nowrap; }
        .cw-nav a { white-space: nowrap; }
        .cw-feature-grid,
        .cw-feature-grid.two,
        .cw-feature-grid.four,
        .cw-process,
        .cw-trust-strip,
        .cw-stats-showcase,
        .cw-employee-steps { grid-template-columns: 1fr; }
        .cw-stats-widget { padding: 16px; }
        .cw-stats-widget-head { flex-direction: column; }
        .cw-callout { grid-template-columns: 1fr; padding: 24px; }
        .cw-text-card { padding: 24px; }
        .cw-section { padding: 52px 0; }
    }
/* New Coherta campaign design layer */
.campaigns-web-page {
  --cw-ink: var(--text, #223e67);
  --cw-muted: #607087;
  --cw-soft: var(--surface, #f4f7fb);
  --cw-panel: #ffffff;
  --cw-line: var(--border, #dfe4ea);
  --cw-green: #23b26d;
  --cw-green-dark: #168457;
  --cw-purple: var(--brand, #3f6df6);
  --cw-blue: var(--brand, #3f6df6);
  --cw-yellow: var(--brand, #3f6df6);
  --cw-pink: #eef4ff;
  --cw-shadow: var(--shadow, 0 18px 50px rgba(31, 53, 84, 0.08));
  --cw-radius: 8px;
  color: var(--text, #223e67);
  background:
    radial-gradient(circle at 8% 4%, rgba(63, 109, 246, 0.08), transparent 30rem),
    linear-gradient(180deg, #ffffff 0%, #f7faff 48%, #ffffff 100%);
  overflow: clip;
}

.page-shell > main.campaigns-web-page {
  background: linear-gradient(180deg, #ffffff 0%, #f7faff 52%, #ffffff 100%);
}

.cw-shell {
  width: min(1120px, calc(100% - 2rem));
}

.cw-hero {
  padding: clamp(4.8rem, 8vw, 7rem) 0 clamp(3rem, 6vw, 5rem);
}

.cw-hero::before,
.cw-product-card::before,
.cw-product-card::after {
  display: none;
}

.cw-hero-grid {
  grid-template-columns: minmax(0, 1.02fr) minmax(320px, 0.98fr);
  gap: clamp(1.5rem, 4vw, 3.5rem);
}
.cw-title,
    .cw-section-title {
  color: var(--text, #223e67);
  font-weight: 800;
  letter-spacing: 0;
  line-height: 0.98;
  text-wrap: balance;
}

.cw-title {
  max-width: 880px;
  font-size: clamp(3rem, 7vw, 5.9rem);
}

    .cw-section-title {
  font-size: clamp(2rem, 4vw, 3.5rem);
}

.cw-gradient {
  background: none;
  color: currentColor;
  -webkit-text-fill-color: currentColor;
}

.cw-lead,
.cw-section-copy,
.cw-text-card p,
.cw-feature-card p,
.cw-proof-card p,
.cw-step p,
.cw-benefit-card p,
.cw-callout p {
  color: #607087;
  font-size: clamp(1rem, 1.6vw, 1.16rem);
  line-height: 1.72;
  letter-spacing: 0;
}

.cw-btn,
.cw-btn-primary,
.cw-btn-secondary {
  min-height: 2.9rem;
  padding: 0.78rem 1.15rem;
  border-radius: 8px;
  border: 1px solid var(--brand, #3f6df6);
  background: var(--brand, #3f6df6);
  color: #fff;
  font-weight: 800;
  letter-spacing: 0;
  box-shadow: none;
}

.cw-btn:hover,
.cw-btn-primary:hover,
.cw-btn-secondary:hover {
  background: var(--brand-dark, #2f5ce6);
  color: #fff;
  box-shadow: 0 14px 34px rgba(63, 109, 246, 0.22);
}

.cw-btn-secondary {
  border-color: var(--border, #dfe4ea);
  background: #fff;
  color: var(--text, #223e67);
}

.cw-btn-secondary:hover {
  border-color: rgba(63, 109, 246, 0.35);
  background: #fff;
  color: var(--brand, #3f6df6);
  box-shadow: none;
}

.cw-pill,
.cw-nav a,
.cw-badge,
.cw-mini-pill {
  border: 1px solid rgba(63, 109, 246, 0.18);
  border-radius: 999px;
  background: #eef4ff;
  color: var(--brand, #3f6df6);
  font-weight: 800;
  letter-spacing: 0;
}

.cw-product-card,
.cw-browser,
.cw-feature-card,
.cw-proof-card,
.cw-benefit-card,
.cw-text-card,
.cw-step,
.cw-callout,
.cw-image-note,
.cw-trust-strip,
.cw-nav,
.cw-metric-card,
.cw-panel,
.cw-card {
  border: 1px solid var(--border, #dfe4ea);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: var(--shadow, 0 18px 50px rgba(31, 53, 84, 0.08));
}

.cw-product-card {
  padding: 0.75rem;
  transform: none;
  backdrop-filter: none;
}

.cw-browser {
  overflow: hidden;
  box-shadow: none;
}

.cw-browser-bar {
  border-bottom: 1px solid var(--border, #dfe4ea);
  background: #f7faff;
}

.cw-section {
  padding: clamp(3.5rem, 7vw, 6rem) 0;
}

.cw-section.tight {
  padding-top: clamp(2.5rem, 5vw, 4rem);
}

.cw-section-head {
  margin-bottom: clamp(1.8rem, 4vw, 3rem);
}

.cw-feature-grid,
.cw-proof-grid,
.cw-benefit-strip {
  gap: 1rem;
}

.cw-feature-card,
.cw-proof-card,
.cw-benefit-card,
.cw-text-card,
.cw-step,
.cw-callout {
  padding: clamp(1.25rem, 3vw, 2rem);
}

.cw-icon {
  display: inline-flex;
  width: 2.4rem;
  height: 2.4rem;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: #eef4ff;
  color: var(--brand, #3f6df6);
}

.cw-nav-wrap {
  position: sticky;
  top: 72px;
  z-index: 20;
  padding: 0.65rem 0;
  background: rgba(255, 255, 255, 0.86);
  border-block: 1px solid var(--border, #dfe4ea);
  backdrop-filter: blur(14px);
}

.cw-nav {
  display: flex;
  gap: 0.4rem;
  padding: 0.35rem;
  overflow-x: auto;
  box-shadow: none;
}

.cw-nav a {
  white-space: nowrap;
  text-decoration: none;
  padding: 0.72rem 0.95rem;
}

.cw-nav a.is-active,
.cw-nav a:hover {
  background: var(--brand, #3f6df6);
  border-color: var(--brand, #3f6df6);
  color: #fff;
}

.cw-process {
  gap: 1rem;
}

.cw-step span,
.cw-proof-card strong,
.cw-benefit-card strong {
  color: var(--text, #223e67);
}

.cw-check {
  border-color: var(--border, #dfe4ea);
  background: #fff;
  color: var(--text, #223e67);
}

.cw-check::before {
  color: var(--brand, #3f6df6);
}

@media (max-width: 900px) {
  .cw-hero-grid,
  .cw-split,
  .cw-feature-grid,
  .cw-feature-grid.three,
  .cw-feature-grid.four,
  .cw-proof-grid,
  .cw-benefit-strip {
    grid-template-columns: 1fr;
  }

  .cw-nav-wrap {
    top: 64px;
  }
}

@media (max-width: 640px) {
  .cw-shell {
    width: min(100% - 1rem, 1120px);
  }

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

  .cw-btn {
    width: 100%;
  }
}

/* Utility classes extracted from campaign inline style attributes */
.cw-inline-style-001 { min-height:360px; display:flex; flex-direction:column; justify-content:center; }
.cw-inline-style-002 { --chip-color:#2f6df6; }
.cw-inline-style-003 { --chip-color:#0fae73; }
.cw-inline-style-004 { --chip-color:#7c4ff5; }
.cw-inline-style-005 { --chip-color:#d98414; }
.cw-inline-style-006 { --chip-color:#df2c2c; }
.cw-inline-style-007 { --chip-color:#0f7f78; }
.cw-inline-style-008 { --bar-height:59; --bar-color:#2f6df6; }
.cw-inline-style-009 { --bar-height:31; --bar-color:#0fae73; }
.cw-inline-style-010 { --bar-height:56; --bar-color:#7c4ff5; }
.cw-inline-style-011 { --bar-height:29; --bar-color:#d98414; }
.cw-inline-style-012 { --bar-height:37; --bar-color:#df2c2c; }
.cw-inline-style-013 { --bar-height:32; --bar-color:#0f7f78; }
.cw-inline-style-014 { --bar-height:64; --bar-color:#2f6df6; }
.cw-inline-style-015 { --bar-height:40; --bar-color:#0fae73; }
.cw-inline-style-016 { --bar-height:61; --bar-color:#7c4ff5; }
.cw-inline-style-017 { --bar-height:36; --bar-color:#d98414; }
.cw-inline-style-018 { --bar-height:43; --bar-color:#df2c2c; }
.cw-inline-style-019 { --bar-height:37; --bar-color:#0f7f78; }
.cw-inline-style-020 { --bar-height:77; --bar-color:#2f6df6; }
.cw-inline-style-021 { --bar-height:43; --bar-color:#0fae73; }
.cw-inline-style-022 { --bar-height:76; --bar-color:#7c4ff5; }
.cw-inline-style-023 { --bar-height:34; --bar-color:#d98414; }
.cw-inline-style-024 { --bar-height:53; --bar-color:#df2c2c; }
.cw-inline-style-025 { --bar-height:45; --bar-color:#0f7f78; }
.cw-inline-style-026 { --bar-height:73; --bar-color:#2f6df6; }
.cw-inline-style-027 { --bar-height:55; --bar-color:#0fae73; }
.cw-inline-style-028 { --bar-height:88; --bar-color:#7c4ff5; }
.cw-inline-style-029 { --bar-height:43; --bar-color:#d98414; }
.cw-inline-style-030 { --bar-height:65; --bar-color:#df2c2c; }
.cw-inline-style-031 { --bar-height:56; --bar-color:#0f7f78; }
.cw-inline-style-032 { --bar-height:97; --bar-color:#2f6df6; }
.cw-inline-style-033 { --bar-height:53; --bar-color:#0fae73; }
.cw-inline-style-034 { --bar-height:104; --bar-color:#7c4ff5; }
.cw-inline-style-035 { --bar-height:50; --bar-color:#d98414; }
.cw-inline-style-036 { --bar-height:78; --bar-color:#df2c2c; }
.cw-inline-style-037 { --bar-height:66; --bar-color:#0f7f78; }
.cw-inline-style-038 { --bar-height:105; --bar-color:#2f6df6; }
.cw-inline-style-039 { --bar-height:65; --bar-color:#0fae73; }
.cw-inline-style-040 { --bar-height:97; --bar-color:#7c4ff5; }
.cw-inline-style-041 { --bar-height:54; --bar-color:#d98414; }
.cw-inline-style-042 { --bar-height:94; --bar-color:#df2c2c; }
.cw-inline-style-043 { --bar-height:79; --bar-color:#0f7f78; }
.cw-inline-style-044 { --bar-height:118; --bar-color:#2f6df6; }
.cw-inline-style-045 { --bar-height:71; --bar-color:#0fae73; }
.cw-inline-style-046 { --bar-height:122; --bar-color:#7c4ff5; }
.cw-inline-style-047 { --bar-height:62; --bar-color:#d98414; }
.cw-inline-style-048 { --bar-height:109; --bar-color:#df2c2c; }
.cw-inline-style-049 { --bar-height:95; --bar-color:#0f7f78; }

/* Campaign landing refinement */
.campaigns-web-page .cw-hero {
  padding: clamp(3.6rem, 7vw, 6rem) 0 clamp(2.5rem, 5vw, 4rem);
}

.campaigns-web-page .cw-hero-grid {
  position: relative;
  isolation: isolate;
  align-items: center;
  grid-template-columns: minmax(0, 0.94fr) minmax(0, 1.06fr);
  gap: clamp(2rem, 5vw, 4.5rem);
}

.campaigns-web-page .cw-hero-copy {
  position: relative;
  z-index: 2;
  min-width: 0;
}

.campaigns-web-page .cw-title {
  max-width: 720px;
  font-size: clamp(2.8rem, 5.2vw, 4.75rem);
  line-height: 1.04;
}

.campaigns-web-page .cw-lead {
  max-width: 650px;
}
.campaigns-web-page .cw-product-card {
  position: relative;
  z-index: 1;
  min-width: 0;
  width: 100%;
  max-width: 630px;
  justify-self: end;
}

.campaigns-web-page .cw-browser img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

.campaigns-web-page .cw-image-note {
  position: static;
  inset: auto;
  transform: none;
  display: flex;
  align-items: flex-start;
  gap: 0.8rem;
  margin-top: 0.75rem;
}

.campaigns-web-page .cw-image-note span {
  flex: 0 0 auto;
}

@media (max-width: 980px) {
  .campaigns-web-page .cw-hero-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .campaigns-web-page .cw-product-card {
    max-width: none;
    justify-self: stretch;
  }

  .campaigns-web-page .cw-title {
    max-width: 780px;
    font-size: clamp(2.35rem, 9vw, 4rem);
  }
}

@media (max-width: 640px) {
  .campaigns-web-page .cw-title {
    font-size: clamp(2.2rem, 13vw, 3.25rem);
  }
}

/* Founder to sales playbook */
.playbook-page .cw-hero-grid {
  align-items: center;
}

.playbook-hero-card {
  width: min(100%, 600px);
  justify-self: end;
  padding: clamp(1.2rem, 3vw, 1.8rem);
  border: 1px solid rgba(190, 210, 238, 0.92);
  border-radius: 30px;
  background: linear-gradient(180deg, #ffffff 0%, #f4f8ff 100%);
  box-shadow: 0 28px 70px rgba(31, 53, 84, 0.16);
}

.playbook-snapshot-head,
.playbook-founder-card,
.playbook-daily-task {
  border: 1px solid rgba(205, 216, 232, 0.88);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.88);
}

.playbook-snapshot-head {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  padding: 0.85rem 0.95rem;
}

.playbook-snapshot-head strong {
  color: #111c3d;
  font-size: 0.95rem;
}

.playbook-snapshot-head em {
  margin-left: auto;
  padding: 0.45rem 0.65rem;
  border-radius: 999px;
  background: #eaf8f0;
  color: #087847;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 850;
}

.playbook-live-dot {
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 999px;
  background: #32c781;
  box-shadow: 0 0 0 7px rgba(50, 199, 129, 0.13);
}

.playbook-founder-card {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.9rem;
  align-items: center;
  margin-top: 0.9rem;
  padding: 1rem;
}

.playbook-avatar {
  width: 3.4rem;
  height: 3.4rem;
  display: grid;
  place-items: center;
  border-radius: 18px;
  background: #111c3d;
  color: #fff;
  font-weight: 900;
}

.playbook-founder-card strong,
.playbook-founder-card span,
.playbook-daily-task span,
.playbook-daily-task strong {
  display: block;
}

.playbook-founder-card strong {
  color: #111c3d;
}

.playbook-founder-card span {
  margin-top: 0.25rem;
  color: #66758f;
  font-size: 0.9rem;
}

.playbook-mini-flow {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.65rem;
  margin-top: 0.8rem;
}

.playbook-mini-flow span {
  display: grid;
  min-height: 4.5rem;
  place-items: center;
  border: 1px solid rgba(63, 109, 246, 0.18);
  border-radius: 18px;
  background: #fff;
  color: #3f6df6;
  font-size: 0.78rem;
  font-weight: 850;
  text-align: center;
}

.playbook-daily-task {
  margin-top: 0.8rem;
  padding: 1rem;
}

.playbook-daily-task span {
  color: #64748f;
  font-size: 0.75rem;
  font-weight: 850;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.playbook-daily-task strong {
  margin-top: 0.55rem;
  color: #111c3d;
  line-height: 1.35;
}

.playbook-workflow {
  position: relative;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0.9rem;
}

.playbook-workflow::before {
  content: "";
  position: absolute;
  left: 7%;
  right: 7%;
  top: 3.2rem;
  height: 2px;
  background: linear-gradient(90deg, rgba(63, 109, 246, 0.08), rgba(63, 109, 246, 0.78), rgba(50, 199, 129, 0.75));
}

.playbook-node {
  position: relative;
  z-index: 1;
  min-height: 240px;
  padding: 1.25rem;
  border: 1px solid rgba(207, 218, 233, 0.9);
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 18px 42px rgba(31, 53, 84, 0.08);
}

.playbook-node::before {
  content: "";
  width: 1rem;
  height: 1rem;
  display: block;
  margin-bottom: 1.1rem;
  border-radius: 999px;
  background: #3f6df6;
  box-shadow: 0 0 0 8px rgba(63, 109, 246, 0.12);
}

.playbook-node.monitor::before,
.playbook-node.phone::before,
.playbook-node.call::before {
  background: #32c781;
  box-shadow: 0 0 0 8px rgba(50, 199, 129, 0.13);
}

.playbook-node h3 {
  margin: 0.55rem 0 0;
  color: #111c3d;
  font-size: 1.22rem;
  line-height: 1.12;
}

.playbook-node p {
  margin: 0.7rem 0 0;
  color: #66758f;
  font-size: 0.95rem;
  line-height: 1.55;
}

.playbook-visual-split {
  align-items: center;
}

.playbook-product-visual {
  position: relative;
}

.playbook-screen {
  padding: 1rem;
  border: 1px solid rgba(179, 202, 235, 0.95);
  border-radius: 30px;
  background: linear-gradient(180deg, #ffffff 0%, #edf4ff 100%);
  box-shadow: 0 28px 70px rgba(31, 53, 84, 0.16);
}

.playbook-screen-bar {
  display: flex;
  gap: 0.4rem;
  padding: 0.75rem;
  border-radius: 16px;
  background: #fff;
}

.playbook-screen-bar span {
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 999px;
  background: #d8e3f4;
}

.playbook-screen-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 0.92fr);
  gap: 0.9rem;
  margin-top: 0.9rem;
}

.playbook-monitor-panel,
.playbook-phone-panel {
  padding: 1rem;
  border: 1px solid rgba(190, 210, 238, 0.9);
  border-radius: 22px;
  background: #fff;
}

.playbook-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding-bottom: 0.8rem;
  border-bottom: 1px solid rgba(190, 210, 238, 0.78);
}

.playbook-panel-head strong {
  color: #111c3d;
  font-size: 0.9rem;
}

.playbook-panel-head em {
  padding: 0.42rem 0.6rem;
  border-radius: 999px;
  background: #eaf8f0;
  color: #087847;
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 850;
}

.playbook-stakeholder-row {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.75rem;
  align-items: center;
  margin-top: 0.9rem;
  padding: 0.9rem;
  border: 1px solid rgba(63, 109, 246, 0.18);
  border-radius: 18px;
  background: #f8fbff;
}

.playbook-stakeholder-row > span {
  width: 2.6rem;
  height: 2.6rem;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: #3f6df6;
  color: #fff;
  font-size: 0.78rem;
  font-weight: 900;
}

.playbook-stakeholder-row strong,
.playbook-stakeholder-row small {
  display: block;
}

.playbook-stakeholder-row strong {
  color: #111c3d;
}

.playbook-stakeholder-row small {
  margin-top: 0.2rem;
  color: #64748f;
}

.playbook-signal-row {
  margin-top: 0.7rem;
  padding: 0.85rem;
  border: 1px solid rgba(207, 218, 233, 0.9);
  border-radius: 16px;
}

.playbook-signal-row strong,
.playbook-signal-row span {
  display: block;
}

.playbook-signal-row strong {
  color: #111c3d;
  font-size: 0.85rem;
}

.playbook-signal-row span {
  margin-top: 0.25rem;
  color: #66758f;
  font-size: 0.82rem;
}

.playbook-phone-panel {
  background: #111c3d;
}

.playbook-phone-panel .playbook-panel-head {
  border-color: rgba(255, 255, 255, 0.14);
}

.playbook-phone-panel .playbook-panel-head strong {
  color: #fff;
}

.playbook-phone-card {
  margin-top: 0.9rem;
  padding: 1rem;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.08);
}

.playbook-phone-card span,
.playbook-phone-card strong,
.playbook-confidence span,
.playbook-confidence strong {
  display: block;
}

.playbook-phone-card span,
.playbook-confidence span {
  color: rgba(255, 255, 255, 0.68);
  font-size: 0.74rem;
  font-weight: 850;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.playbook-phone-card strong {
  margin-top: 0.6rem;
  color: #fff;
  font-size: clamp(1.5rem, 3vw, 2rem);
  line-height: 1.05;
  white-space: nowrap;
}

.playbook-confidence {
  margin-top: 1rem;
}

.playbook-confidence strong {
  margin-top: 0.2rem;
  color: #fff;
  font-size: 1.4rem;
}

.playbook-confidence div {
  height: 0.48rem;
  margin-top: 0.55rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.16);
  overflow: hidden;
}

.playbook-confidence i {
  display: block;
  width: 88%;
  height: 100%;
  border-radius: inherit;
  background: #32c781;
}

.playbook-phone-panel button {
  width: 100%;
  min-height: 2.8rem;
  margin-top: 1rem;
  border: 0;
  border-radius: 14px;
  background: #1f3f86;
  color: #fff;
  font: inherit;
  font-weight: 850;
}

.playbook-message-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.playbook-message-card {
  padding: clamp(1.25rem, 3vw, 2rem);
  border: 1px solid rgba(207, 218, 233, 0.9);
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 18px 42px rgba(31, 53, 84, 0.08);
}

.playbook-message-card span {
  display: inline-flex;
  padding: 0.45rem 0.65rem;
  border-radius: 999px;
  background: #eef4ff;
  color: #3f6df6;
  font-size: 0.75rem;
  font-weight: 850;
  text-transform: uppercase;
}

.playbook-message-card h3 {
  margin: 1rem 0 0;
  color: #111c3d;
  font-size: 1.25rem;
}

.playbook-message-card p {
  margin: 0.75rem 0 0;
  color: #334155;
  line-height: 1.65;
}

.playbook-calculation {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
  gap: clamp(2rem, 5vw, 4.5rem);
  align-items: center;
  padding: clamp(1.6rem, 4vw, 3.4rem);
  border: 1px solid rgba(190, 210, 238, 0.9);
  border-radius: 32px;
  background: linear-gradient(135deg, #f8fbff 0%, #eef4ff 100%);
}

.playbook-calculation h2 {
  margin: 0;
  color: #111c3d;
  font-size: clamp(2rem, 3.4vw, 3.3rem);
  line-height: 1.08;
}

.playbook-calculation p {
  margin: 1rem 0 0;
  color: #64748f;
  font-size: 1.05rem;
  line-height: 1.65;
}

.playbook-funnel {
  display: grid;
  gap: 0.75rem;
}

.playbook-funnel article {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.25rem 1rem;
  align-items: center;
  padding: 1rem;
  border: 1px solid rgba(207, 218, 233, 0.9);
  border-radius: 20px;
  background: #fff;
}

.playbook-funnel span {
  grid-row: span 2;
  width: 4.2rem;
  height: 4.2rem;
  display: grid;
  place-items: center;
  border-radius: 18px;
  background: #3f6df6;
  color: #fff;
  font-size: 1.45rem;
  font-weight: 900;
}

.playbook-funnel strong {
  color: #111c3d;
  font-size: 1.2rem;
}

.playbook-funnel p {
  margin: 0;
  color: #66758f;
  line-height: 1.45;
}

@media (max-width: 1100px) {
  .playbook-workflow,
  .playbook-message-grid,
  .playbook-calculation {
    grid-template-columns: 1fr;
  }

  .playbook-workflow::before {
    display: none;
  }
}

@media (max-width: 900px) {
  .playbook-hero-card {
    max-width: none;
    justify-self: stretch;
  }

  .playbook-screen-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .playbook-mini-flow {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .playbook-phone-card strong {
    font-size: 1.35rem;
  }
}

/* Campaign section redesign */
.campaigns-web-page {
  --cw-ink: #111c3d;
  --cw-muted: #64748f;
  --cw-soft: #f7faff;
  --cw-panel: #ffffff;
  --cw-line: rgba(190, 210, 238, 0.88);
  --cw-green: #32c781;
  --cw-green-dark: #087847;
  --cw-purple: #3f6df6;
  --cw-blue: #3f6df6;
  --cw-yellow: #3f6df6;
  --cw-shadow: 0 24px 62px rgba(31, 53, 84, 0.12);
  color: var(--cw-ink);
  background: linear-gradient(180deg, #ffffff 0%, #f7faff 52%, #ffffff 100%);
  overflow: clip;
}

.campaigns-web-page .cw-shell {
  width: min(1180px, calc(100% - 40px));
}

.campaigns-web-page .cw-hero {
  padding: clamp(3.8rem, 7vw, 6rem) 0 clamp(2.4rem, 5vw, 4rem);
}

.campaigns-web-page .cw-hero::before,
.campaigns-web-page .cw-product-card::before,
.campaigns-web-page .cw-product-card::after {
  display: none;
}

.campaigns-web-page .cw-hero-grid {
  position: relative;
  isolation: isolate;
  grid-template-columns: minmax(0, 0.95fr) minmax(360px, 1.05fr);
  gap: clamp(2rem, 5vw, 4.5rem);
  align-items: center;
}

.campaigns-web-page .cw-hero-copy,
.campaigns-web-page .cw-hero-grid > div:first-child {
  min-width: 0;
}
.campaigns-web-page .cw-title,
.campaigns-web-page .cw-section-title,
.campaigns-web-page .cw-feature-card h3,
.campaigns-web-page .cw-proof-card h3,
.campaigns-web-page .cw-benefit-card h3,
.campaigns-web-page .cw-text-card h3,
.campaigns-web-page .cw-callout h2,
.campaigns-web-page .cw-callout h3 {
  color: #111c3d;
  letter-spacing: 0;
}

.campaigns-web-page .cw-title {
  max-width: 760px;
  font-size: clamp(2.65rem, 5vw, 4.75rem);
  font-weight: 850;
  line-height: 1.04;
  text-wrap: balance;
}

.campaigns-web-page .cw-section-title {
  max-width: 820px;
  font-size: clamp(2rem, 3.4vw, 3.3rem);
  font-weight: 850;
  line-height: 1.08;
  text-wrap: balance;
}

.campaigns-web-page .cw-gradient {
  background: linear-gradient(135deg, #3f6df6 0%, #111c3d 100%);
  background-clip: text;
  color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.campaigns-web-page .cw-lead,
.campaigns-web-page .cw-section-copy,
.campaigns-web-page .cw-text-card p,
.campaigns-web-page .cw-feature-card p,
.campaigns-web-page .cw-proof-card p,
.campaigns-web-page .cw-step p,
.campaigns-web-page .cw-benefit-card p,
.campaigns-web-page .cw-callout p {
  color: #52637d;
  font-size: clamp(1rem, 1.5vw, 1.14rem);
  line-height: 1.65;
  letter-spacing: 0;
}

.campaigns-web-page .cw-lead {
  max-width: 650px;
}

.campaigns-web-page .cw-actions {
  gap: 0.8rem;
}

.campaigns-web-page .cw-btn,
.campaigns-web-page .cw-btn-primary,
.campaigns-web-page .cw-btn-secondary {
  min-height: 48px;
  padding: 0.82rem 1.2rem;
  border-radius: 12px;
  font-weight: 850;
  letter-spacing: 0;
  text-decoration: none;
}

.campaigns-web-page .cw-btn-primary {
  border-color: var(--brand, #3f6df6);
  background: var(--brand, #3f6df6);
  color: #fff;
  box-shadow: 0 10px 22px rgba(63, 109, 246, 0.18);
}

.campaigns-web-page .cw-btn-primary:hover {
  border-color: var(--brand-dark, #2f5ce6);
  background: var(--brand-dark, #2f5ce6);
  color: #fff;
}

.campaigns-web-page .cw-btn-secondary {
  border: 1px solid rgba(170, 193, 226, 0.95);
  background: #fff;
  color: #111c3d;
  box-shadow: 0 12px 28px rgba(31, 53, 84, 0.06);
}

.campaigns-web-page .cw-btn-secondary:hover {
  border-color: rgba(63, 109, 246, 0.45);
  background: #f8fbff;
  color: #3f6df6;
}
.campaigns-web-page .cw-pill,
.campaigns-web-page .cw-badge,
.campaigns-web-page .cw-mini-pill {
  border: 1px solid rgba(190, 210, 238, 0.9);
  border-radius: 999px;
  background: #fff;
  color: #354260;
  font-weight: 800;
  letter-spacing: 0;
  box-shadow: 0 10px 26px rgba(31, 53, 84, 0.06);
}

.campaigns-web-page .cw-product-card {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 640px;
  justify-self: end;
  min-width: 0;
  padding: 14px;
  transform: none;
  border: 1px solid rgba(179, 202, 235, 0.95);
  border-radius: 30px;
  background: linear-gradient(180deg, #ffffff 0%, #f4f8ff 100%);
  box-shadow: 0 28px 70px rgba(31, 53, 84, 0.16);
  backdrop-filter: none;
}

.campaigns-web-page .cw-browser,
.campaigns-web-page .cw-feature-card,
.campaigns-web-page .cw-proof-card,
.campaigns-web-page .cw-benefit-card,
.campaigns-web-page .cw-text-card,
.campaigns-web-page .cw-step,
.campaigns-web-page .cw-callout,
.campaigns-web-page .cw-trust-strip,
.campaigns-web-page .cw-metric-card,
.campaigns-web-page .cw-panel,
.campaigns-web-page .cw-card,
.campaigns-web-page .cw-image-note {
  border: 1px solid rgba(207, 218, 233, 0.9);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 18px 42px rgba(31, 53, 84, 0.08);
}

.campaigns-web-page .cw-browser {
  overflow: hidden;
  box-shadow: none;
}

.campaigns-web-page .cw-browser img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

.campaigns-web-page .cw-browser-bar {
  border-bottom: 1px solid rgba(207, 218, 233, 0.9);
  background: #f7faff;
}

.campaigns-web-page .cw-image-note {
  position: static;
  inset: auto;
  transform: none;
  display: flex;
  align-items: flex-start;
  gap: 0.8rem;
  margin-top: 0.75rem;
  padding: 1rem;
}

.campaigns-web-page .cw-image-note span,
.campaigns-web-page .cw-icon {
  display: inline-flex;
  flex: 0 0 auto;
  width: 2.4rem;
  height: 2.4rem;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: #eef4ff;
  color: #3f6df6;
  font-size: 0.86rem;
  font-weight: 900;
}

.campaigns-web-page .cw-feature-card,
.campaigns-web-page .cw-proof-card,
.campaigns-web-page .cw-benefit-card,
.campaigns-web-page .cw-text-card,
.campaigns-web-page .cw-step,
.campaigns-web-page .cw-callout {
  padding: clamp(1.25rem, 3vw, 2rem);
}

.campaigns-web-page .cw-feature-card.highlight,
.campaigns-web-page .cw-proof-card.highlight,
.campaigns-web-page .cw-callout.dark {
  border-color: rgba(17, 28, 61, 0.14);
  background: #111c3d;
  color: #fff;
}

.campaigns-web-page .cw-feature-card.highlight h3,
.campaigns-web-page .cw-feature-card.highlight p,
.campaigns-web-page .cw-proof-card.highlight h3,
.campaigns-web-page .cw-proof-card.highlight p,
.campaigns-web-page .cw-callout.dark h2,
.campaigns-web-page .cw-callout.dark h3,
.campaigns-web-page .cw-callout.dark p {
  color: #fff;
}

.campaigns-web-page .cw-feature-card.highlight .cw-icon,
.campaigns-web-page .cw-proof-card.highlight .cw-icon,
.campaigns-web-page .cw-callout.dark .cw-icon {
  background: rgba(63, 109, 246, 0.22);
  color: #fff;
}

.campaigns-web-page .cw-section {
  padding: clamp(3.5rem, 7vw, 6rem) 0;
}

.campaigns-web-page .cw-section.tight {
  padding-top: clamp(2.5rem, 5vw, 4rem);
}

.campaigns-web-page .cw-section-head {
  margin-bottom: clamp(1.8rem, 4vw, 3rem);
}

.campaigns-web-page .cw-nav-wrap {
  position: sticky;
  top: 72px;
  z-index: 20;
  padding: 0.65rem 0;
  border-block: 1px solid rgba(207, 218, 233, 0.9);
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(14px);
}

.campaigns-web-page .cw-nav {
  display: flex;
  gap: 0.4rem;
  padding: 0.35rem;
  overflow-x: auto;
  border: 1px solid rgba(207, 218, 233, 0.9);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 14px 34px rgba(31, 53, 84, 0.08);
}

.campaigns-web-page .cw-nav a {
  flex: 0 0 auto;
  padding: 0.72rem 0.95rem;
  border: 1px solid transparent;
  border-radius: 12px;
  background: transparent;
  color: #354260;
  font-size: 0.9rem;
  font-weight: 850;
  letter-spacing: 0;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
}

.campaigns-web-page .cw-nav a.is-active,
.campaigns-web-page .cw-nav a:hover {
  border-color: var(--brand, #3f6df6);
  background: var(--brand, #3f6df6);
  color: #fff;
}

.campaigns-web-page .cw-check {
  border-color: rgba(207, 218, 233, 0.9);
  background: #fff;
  color: #111c3d;
}

.campaigns-web-page .cw-check::before {
  color: #32c781;
}

.campaigns-web-page .cw-step span,
.campaigns-web-page .cw-proof-card strong,
.campaigns-web-page .cw-benefit-card strong {
  color: #111c3d;
}

.campaigns-web-page .playbook-hero-card,
.campaigns-web-page .playbook-message-card,
.campaigns-web-page .playbook-calculation,
.campaigns-web-page .playbook-workflow-node {
  border-color: rgba(207, 218, 233, 0.9);
  box-shadow: 0 18px 42px rgba(31, 53, 84, 0.08);
}

@media (max-width: 980px) {
  .campaigns-web-page .cw-hero-grid,
  .campaigns-web-page .cw-split,
  .campaigns-web-page .cw-feature-grid,
  .campaigns-web-page .cw-feature-grid.three,
  .campaigns-web-page .cw-feature-grid.four,
  .campaigns-web-page .cw-proof-grid,
  .campaigns-web-page .cw-benefit-strip {
    grid-template-columns: 1fr;
  }

  .campaigns-web-page .cw-product-card {
    max-width: none;
    justify-self: stretch;
  }

  .campaigns-web-page .cw-title {
    max-width: 780px;
    font-size: clamp(2.35rem, 9vw, 4rem);
  }
}

@media (max-width: 640px) {
  .campaigns-web-page .cw-shell {
    width: min(100% - 24px, 1180px);
  }

  .campaigns-web-page .cw-title {
    font-size: clamp(2.2rem, 13vw, 3.25rem);
  }

  .campaigns-web-page .cw-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .campaigns-web-page .cw-btn {
    width: 100%;
  }

  .campaigns-web-page .cw-nav-wrap {
    top: 64px;
  }
}

/* Playbook and Campaign pages: newer spacious layout layer */
.campaigns-web-page {
  overflow-x: clip;
}

.campaigns-web-page.playbook-page .cw-shell {
  width: min(1320px, calc(100% - 40px));
}

.campaigns-web-page.playbook-page .cw-hero {
  padding: clamp(4.2rem, 7vw, 7rem) 0 clamp(3rem, 6vw, 5.5rem);
}

.campaigns-web-page.playbook-page .cw-hero-grid {
  grid-template-columns: minmax(420px, 0.82fr) minmax(560px, 1.18fr);
  gap: clamp(2.4rem, 5vw, 5.5rem);
  align-items: center;
}

.campaigns-web-page.playbook-page .cw-title {
  max-width: 700px;
  font-size: clamp(3rem, 4.8vw, 5rem);
}

.campaigns-web-page.playbook-page .cw-lead {
  max-width: 680px;
}

.campaigns-web-page .playbook-hero-card.playbook-html-hero-card {
  width: 100%;
  max-width: 760px;
  justify-self: stretch;
  padding: clamp(1.1rem, 2.4vw, 1.75rem);
  overflow: visible;
}

.campaigns-web-page .playbook-workflow {
  gap: clamp(1rem, 1.7vw, 1.4rem);
}

.campaigns-web-page .playbook-node {
  min-height: 0;
  padding: clamp(1.15rem, 2vw, 1.55rem);
}

.campaigns-web-page .playbook-visual-section {
  padding-top: clamp(4rem, 7vw, 6.5rem);
  padding-bottom: clamp(4rem, 7vw, 6.5rem);
}

.campaigns-web-page .playbook-visual-split {
  display: grid;
  grid-template-columns: minmax(360px, 0.82fr) minmax(620px, 1.18fr);
  gap: clamp(2rem, 5vw, 5rem);
  align-items: center;
}

.campaigns-web-page .playbook-visual-split .cw-text-card {
  min-width: 0;
  padding: clamp(1.5rem, 3vw, 2.4rem);
}

.campaigns-web-page .playbook-visual-split .cw-text-card h2 {
  margin: 0;
  color: #111c3d;
  font-size: clamp(2rem, 3vw, 3.15rem);
  line-height: 1.08;
  letter-spacing: 0;
}

.campaigns-web-page .playbook-visual-split .cw-text-card p {
  margin-top: 1rem;
  font-size: clamp(1rem, 1.2vw, 1.12rem);
  line-height: 1.65;
}

.campaigns-web-page .playbook-product-visual {
  min-width: 0;
  width: 100%;
}

.campaigns-web-page .playbook-screen {
  padding: clamp(1rem, 2vw, 1.35rem);
}

.campaigns-web-page .playbook-screen-grid {
  grid-template-columns: minmax(280px, 1fr) minmax(300px, 0.95fr);
  gap: clamp(1rem, 2vw, 1.35rem);
}

.campaigns-web-page .playbook-phone-card strong {
  max-width: 100%;
  font-size: clamp(1.45rem, 2.35vw, 2.15rem);
  line-height: 1;
  white-space: nowrap;
}

.campaigns-web-page .playbook-message-grid,
.campaigns-web-page .cw-feature-grid.four {
  gap: clamp(1rem, 2vw, 1.25rem);
}

@media (max-width: 1180px) {
  .campaigns-web-page.playbook-page .cw-hero-grid,
  .campaigns-web-page .playbook-visual-split {
    grid-template-columns: 1fr;
  }

  .campaigns-web-page .playbook-hero-card.playbook-html-hero-card,
  .campaigns-web-page .playbook-product-visual {
    max-width: 900px;
    justify-self: center;
  }
}

@media (max-width: 760px) {
  .campaigns-web-page.playbook-page .cw-shell {
    width: min(100% - 24px, 1320px);
  }

  .campaigns-web-page.playbook-page .cw-hero {
    padding-top: 3rem;
  }

  .campaigns-web-page.playbook-page .cw-title {
    font-size: clamp(2.35rem, 12vw, 3.4rem);
  }

  .campaigns-web-page .playbook-hero-card.playbook-html-hero-card {
    padding: 0.85rem;
    border-radius: 24px;
  }

  .campaigns-web-page .playbook-screen-grid {
    grid-template-columns: 1fr;
  }

  .campaigns-web-page .playbook-phone-card strong {
    font-size: clamp(1.32rem, 7vw, 1.75rem);
  }
}

:is(
  .cw-btn,
  .cw-btn-primary,
  .cw-btn-secondary,
  .campaigns-web-page .cw-nav a,
  .playbook-phone-panel button
) {
  font-size: clamp(13.5px, 0.92vw, 14.5px);
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.012em;
}

@media (min-width: 1400px) {
  .cw-title {
    font-size: 5.9rem;
  }

  .campaigns-web-page .cw-title {
    font-size: 4.371875rem;
  }

  .campaigns-web-page.playbook-page .cw-title {
    font-size: 4.197rem;
  }
}

/* da campaign pages: aligned with the clean product-page example */
.page-shell > main.campaigns-web-page {
  --cw-ink: #223e67;
  --cw-muted: #75859a;
  --cw-line: #dfe4ea;
  --cw-panel: #ffffff;
  --cw-soft: #f4f7fb;
  --cw-brand: #3f6df6;
  --cw-brand-dark: #2f5ce6;
  --cw-dark: #1f3554;
  --cw-shadow: 0 18px 50px rgba(31, 53, 84, 0.08);
  background: #ffffff;
  color: var(--cw-ink);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  overflow: clip;
}

.campaigns-web-page .cw-shell,
.campaigns-web-page.playbook-page .cw-shell {
  width: min(1620px, calc(100% - 48px));
}

.campaigns-web-page .cw-hero,
.campaigns-web-page.playbook-page .cw-hero {
  padding: 92px 0 0;
}

.campaigns-web-page .cw-hero::before,
.campaigns-web-page .cw-product-card::before,
.campaigns-web-page .cw-product-card::after {
  display: none;
}

.campaigns-web-page .cw-hero-grid,
.campaigns-web-page.playbook-page .cw-hero-grid {
  display: block;
  min-height: 500px;
  padding: 94px 48px 82px;
  border-radius: 38px 38px 0 0;
  background: linear-gradient(180deg, #f5f8ff 0%, #ffffff 100%);
  border: 1px solid #e6ebf2;
  border-bottom: 0;
  text-align: center;
}

.campaigns-web-page .cw-hero-copy,
.campaigns-web-page .cw-hero-grid > div:first-child {
  max-width: 1080px;
  margin: 0 auto;
}

.campaigns-web-page .cw-hero .cw-product-card {
  display: none;
}

.campaigns-web-page .cw-title,
.campaigns-web-page.playbook-page .cw-title {
  max-width: 1120px;
  margin: 0 auto;
  color: #223e67;
  font-size: 76px;
  line-height: 0.95;
  letter-spacing: 0;
  font-weight: 760;
  text-wrap: balance;
}

.campaigns-web-page .cw-gradient {
  background: none;
  color: #2f6df6;
  -webkit-text-fill-color: currentColor;
}

.campaigns-web-page .cw-lead,
.campaigns-web-page.playbook-page .cw-lead {
  max-width: 980px;
  margin: 28px auto 0;
  color: #7f8fa5;
  font-size: 21px;
  line-height: 1.52;
  letter-spacing: 0;
  font-weight: 500;
}

.campaigns-web-page .cw-actions {
  justify-content: center;
  margin-top: 38px;
  gap: 14px;
}

.campaigns-web-page .cw-btn,
.campaigns-web-page .cw-btn-primary,
.campaigns-web-page .cw-btn-secondary {
  min-height: 56px;
  padding: 0 24px;
  border-radius: 11px;
  font-size: 17px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0;
  text-decoration: none;
}

.campaigns-web-page .cw-btn-primary {
  border-color: #2f6df6;
  background: #2f6df6;
  color: #fff;
  box-shadow: 0 14px 30px rgba(47, 109, 246, 0.28);
}

.campaigns-web-page .cw-btn-secondary {
  border-color: #dfe4ea;
  background: #fff;
  color: #223e67;
}
.campaigns-web-page .cw-pill,
.campaigns-web-page .cw-badge,
.campaigns-web-page .cw-mini-pill {
  min-height: 36px;
  padding: 0 14px;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  background: #fff;
  color: #567097;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0;
}

.campaigns-web-page .cw-nav-wrap {
  position: sticky;
  top: 64px;
  z-index: 12;
  margin: 0;
  padding: 14px 0;
  background: rgba(255, 255, 255, 0.9);
  border-block: 1px solid #e8edf4;
  backdrop-filter: blur(16px);
}

.campaigns-web-page .cw-nav {
  width: 100%;
  padding: 8px;
  border: 1px solid #dfe4ea;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 12px 28px rgba(31, 53, 84, 0.06);
}

.campaigns-web-page .cw-nav a {
  min-height: 42px;
  padding: 0 14px;
  border-radius: 10px;
  color: #354260;
  font-size: 14px;
  font-weight: 650;
  letter-spacing: 0;
}

.campaigns-web-page .cw-nav a.is-active,
.campaigns-web-page .cw-nav a:hover {
  border-color: #2f6df6;
  background: #2f6df6;
  color: #fff;
}

.campaigns-web-page .cw-section {
  padding: 110px 0 0;
}

.campaigns-web-page .cw-section.tight {
  padding-top: 88px;
}

.campaigns-web-page .cw-section-head {
  max-width: 980px;
  margin: 0 auto 58px;
  text-align: center;
}

.campaigns-web-page .cw-section-head:not(.center) {
  margin-left: 0;
  text-align: left;
}
.campaigns-web-page .cw-section-title,
.campaigns-web-page .cw-text-card h2,
.campaigns-web-page .cw-callout h2,
.campaigns-web-page .cw-feature-card h3,
.campaigns-web-page .cw-proof-card h3,
.campaigns-web-page .cw-benefit-card h3 {
  color: #223e67;
  letter-spacing: 0;
  text-wrap: balance;
}

.campaigns-web-page .cw-section-title {
  max-width: 980px;
  margin: 0;
  font-size: 52px;
  line-height: 1.09;
  font-weight: 740;
}

.campaigns-web-page .cw-section-head.center .cw-section-title {
  margin-inline: auto;
}

.campaigns-web-page .cw-section-copy,
.campaigns-web-page .cw-text-card p,
.campaigns-web-page .cw-feature-card p,
.campaigns-web-page .cw-proof-card p,
.campaigns-web-page .cw-benefit-card p,
.campaigns-web-page .cw-step span,
.campaigns-web-page .cw-callout p {
  color: #7f8fa5;
  font-size: 18px;
  line-height: 1.55;
  letter-spacing: 0;
  font-weight: 500;
}

.campaigns-web-page .cw-section-copy {
  max-width: 820px;
  margin: 22px auto 0;
}

.campaigns-web-page .cw-section-head:not(.center) .cw-section-copy {
  margin-left: 0;
}

.campaigns-web-page .cw-feature-grid,
.campaigns-web-page .cw-feature-grid.two,
.campaigns-web-page .cw-feature-grid.three,
.campaigns-web-page .cw-feature-grid.four,
.campaigns-web-page .cw-proof-grid,
.campaigns-web-page .cw-benefit-strip {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.campaigns-web-page .cw-feature-card,
.campaigns-web-page .cw-proof-card,
.campaigns-web-page .cw-benefit-card,
.campaigns-web-page .cw-text-card,
.campaigns-web-page .cw-step,
.campaigns-web-page .cw-panel,
.campaigns-web-page .cw-card,
.campaigns-web-page .cw-product-card,
.campaigns-web-page .cw-stats-widget,
.campaigns-web-page .cw-stats-side-card,
.campaigns-web-page .cw-employee-step {
  border: 1px solid #dfe4ea;
  border-radius: 28px;
  background: #ffffff;
  box-shadow: var(--cw-shadow);
}

.campaigns-web-page .cw-feature-card,
.campaigns-web-page .cw-proof-card,
.campaigns-web-page .cw-benefit-card {
  min-height: 0;
  padding: 34px;
}

.campaigns-web-page .cw-feature-card.highlight,
.campaigns-web-page .cw-proof-card.highlight,
.campaigns-web-page .cw-callout.dark {
  background: #f4f7fb;
  border-color: #dfe4ea;
  color: #223e67;
}

.campaigns-web-page .cw-feature-card.highlight h3,
.campaigns-web-page .cw-feature-card.highlight p,
.campaigns-web-page .cw-proof-card.highlight h3,
.campaigns-web-page .cw-proof-card.highlight p {
  color: inherit;
}

.campaigns-web-page .cw-icon,
.campaigns-web-page .cw-step-number,
.campaigns-web-page .cw-proof-metric {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
  padding: 0 12px;
  border-radius: 12px;
  background: #eef4ff;
  color: #2f6df6;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0;
}

.campaigns-web-page .cw-feature-card h3,
.campaigns-web-page .cw-proof-card h3,
.campaigns-web-page .cw-benefit-card h3 {
  margin-top: 24px;
  font-size: 28px;
  line-height: 1.12;
  font-weight: 730;
}

.campaigns-web-page .cw-split,
.campaigns-web-page .cw-split.reverse,
.campaigns-web-page .playbook-visual-split {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: 34px;
  align-items: center;
}

.campaigns-web-page .cw-split.reverse {
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
}

.campaigns-web-page .cw-text-card {
  padding: 46px;
}

.campaigns-web-page .cw-text-card h2 {
  margin: 0;
  font-size: 46px;
  line-height: 1.1;
  font-weight: 740;
}

.campaigns-web-page .cw-product-card,
.campaigns-web-page .cw-mini-image,
.campaigns-web-page .playbook-hero-card.playbook-html-hero-card,
.campaigns-web-page .playbook-product-visual {
  max-width: none;
  padding: 12px;
  transform: none;
  backdrop-filter: none;
}

.campaigns-web-page .cw-browser,
.campaigns-web-page .playbook-screen {
  overflow: hidden;
  border: 1px solid #dfe4ea;
  border-radius: 22px;
  background: #f4f7fb;
  box-shadow: none;
}

.campaigns-web-page .cw-browser img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 0 0 18px 18px;
}

.campaigns-web-page .cw-image-note {
  margin-top: 12px;
  border: 1px solid #dfe4ea;
  border-radius: 18px;
  background: #fff;
  box-shadow: none;
}

.campaigns-web-page .cw-process,
.campaigns-web-page .cw-employee-steps {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 18px;
}

.campaigns-web-page .cw-step,
.campaigns-web-page .cw-employee-step {
  min-height: 0;
  padding: 24px;
}

.campaigns-web-page .cw-callout {
  position: relative;
  display: block;
  max-width: 1620px;
  margin: 0 auto;
  padding: 72px 48px;
  border: 0;
  border-radius: 38px 38px 0 0;
  background: #1f3554;
  color: #fff;
  text-align: center;
  overflow: hidden;
}

.campaigns-web-page .cw-callout::before {
  content: "";
  position: absolute;
  top: -220px;
  right: -180px;
  width: 520px;
  height: 520px;
  border-radius: 50%;
  background: rgba(53, 107, 255, 0.28);
  filter: blur(8px);
}

.campaigns-web-page .cw-callout > * {
  position: relative;
  z-index: 1;
}

.campaigns-web-page .cw-callout h2 {
  max-width: 880px;
  margin: 0 auto;
  color: #fff;
  font-size: 52px;
  line-height: 1.08;
  font-weight: 740;
}

.campaigns-web-page .cw-callout p {
  max-width: 720px;
  margin: 22px auto 0;
  color: rgba(255, 255, 255, 0.78);
}

.campaigns-web-page .cw-callout .cw-btn {
  margin-top: 32px;
  min-width: 260px;
}

.campaigns-web-page .h1-trial-cta {
  display: none;
}

@media (max-width: 1180px) {
  .campaigns-web-page .cw-title,
  .campaigns-web-page.playbook-page .cw-title {
    font-size: 60px;
  }

  .campaigns-web-page .cw-feature-grid,
  .campaigns-web-page .cw-feature-grid.two,
  .campaigns-web-page .cw-feature-grid.three,
  .campaigns-web-page .cw-feature-grid.four,
  .campaigns-web-page .cw-proof-grid,
  .campaigns-web-page .cw-benefit-strip,
  .campaigns-web-page .cw-split,
  .campaigns-web-page .cw-split.reverse,
  .campaigns-web-page .playbook-visual-split {
    grid-template-columns: 1fr;
  }

  .campaigns-web-page .cw-process,
  .campaigns-web-page .cw-employee-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .campaigns-web-page .cw-shell,
  .campaigns-web-page.playbook-page .cw-shell {
    width: min(100% - 24px, 1620px);
  }

  .campaigns-web-page .cw-hero,
  .campaigns-web-page.playbook-page .cw-hero {
    padding-top: 56px;
  }

  .campaigns-web-page .cw-hero-grid,
  .campaigns-web-page.playbook-page .cw-hero-grid {
    min-height: 0;
    padding: 64px 24px;
    border-radius: 30px 30px 0 0;
  }

  .campaigns-web-page .cw-title,
  .campaigns-web-page.playbook-page .cw-title {
    font-size: 42px;
    line-height: 1.02;
  }

  .campaigns-web-page .cw-lead,
  .campaigns-web-page.playbook-page .cw-lead {
    font-size: 18px;
  }

  .campaigns-web-page .cw-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .campaigns-web-page .cw-btn {
    width: 100%;
    justify-content: center;
  }

  .campaigns-web-page .cw-section {
    padding-top: 72px;
  }

  .campaigns-web-page .cw-section.tight {
    padding-top: 56px;
  }

  .campaigns-web-page .cw-section-title,
  .campaigns-web-page .cw-text-card h2,
  .campaigns-web-page .cw-callout h2 {
    font-size: 34px;
  }

  .campaigns-web-page .cw-text-card,
  .campaigns-web-page .cw-feature-card,
  .campaigns-web-page .cw-proof-card,
  .campaigns-web-page .cw-benefit-card,
  .campaigns-web-page .cw-callout {
    padding: 28px;
  }

  .campaigns-web-page .cw-callout {
    padding-block: 56px;
    border-radius: 30px 30px 0 0;
  }

  .campaigns-web-page .cw-process,
  .campaigns-web-page .cw-employee-steps {
    grid-template-columns: 1fr;
  }

  .campaigns-web-page .cw-nav {
    overflow-x: auto;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
}

.campaign-page .campaigns-web-page .campaign-product-card-grid {
  align-items: stretch;
}

.campaign-page .campaigns-web-page .campaign-product-card-grid-four {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.campaign-page .campaigns-web-page .campaign-product-card-grid .product-card {
  min-height: 0;
}

.campaign-page .campaigns-web-page .campaign-product-card-grid .product-button {
  margin-top: 18px;
}

.campaign-page .campaigns-web-page .employee-hygiene-visual {
  min-height: 430px;
  display: grid;
  place-items: center;
  padding: clamp(18px, 3vw, 34px);
  perspective: 1100px;
}

.campaign-page .campaigns-web-page .employee-hygiene-card {
  width: min(100%, 560px);
  padding: 22px;
  border-radius: 30px;
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
  border: 1px solid rgba(205, 219, 238, 0.95);
  box-shadow: 0 28px 70px rgba(31, 53, 84, 0.18);
  transform: rotateX(8deg) rotateY(-10deg) rotateZ(1deg);
  transform-origin: center;
}

.campaign-page .campaigns-web-page .employee-hygiene-head,
.campaign-page .campaigns-web-page .employee-hygiene-profile,
.campaign-page .campaigns-web-page .employee-hygiene-warmup,
.campaign-page .campaigns-web-page .employee-hygiene-note {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.campaign-page .campaigns-web-page .employee-hygiene-head {
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(205, 219, 238, 0.85);
}

.campaign-page .campaigns-web-page .employee-hygiene-head span,
.campaign-page .campaigns-web-page .employee-hygiene-profile small,
.campaign-page .campaigns-web-page .employee-hygiene-warmup span,
.campaign-page .campaigns-web-page .employee-hygiene-row small,
.campaign-page .campaigns-web-page .employee-hygiene-note span {
  display: block;
  color: #66758f;
  font-size: 12px;
  line-height: 1.35;
  font-weight: 700;
}

.campaign-page .campaigns-web-page .employee-hygiene-head strong {
  display: block;
  margin-top: 5px;
  color: #08183c;
  font-size: 18px;
  line-height: 1.15;
}

.campaign-page .campaigns-web-page .employee-hygiene-head em {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  padding: 0 12px;
  border-radius: 999px;
  background: #ecfdf3;
  color: #087443;
  font-size: 12px;
  font-style: normal;
  font-weight: 850;
  white-space: nowrap;
}

.campaign-page .campaigns-web-page .employee-hygiene-profile {
  margin-top: 18px;
  justify-content: flex-start;
}

.campaign-page .campaigns-web-page .employee-hygiene-avatar {
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 18px;
  background: #111c3d;
  color: #fff;
  font-size: 15px;
  font-weight: 850;
}

.campaign-page .campaigns-web-page .employee-hygiene-profile strong,
.campaign-page .campaigns-web-page .employee-hygiene-warmup strong,
.campaign-page .campaigns-web-page .employee-hygiene-row strong,
.campaign-page .campaigns-web-page .employee-hygiene-note strong {
  display: block;
  color: #111c3d;
  font-size: 14px;
  line-height: 1.25;
}

.campaign-page .campaigns-web-page .employee-hygiene-warmup {
  margin-top: 18px;
  padding: 16px;
  border-radius: 20px;
  background: #f4f8ff;
  border: 1px solid rgba(211, 223, 239, 0.95);
}

.campaign-page .campaigns-web-page .employee-hygiene-meter {
  width: min(42%, 170px);
  height: 12px;
  overflow: hidden;
  border-radius: 999px;
  background: #dce7f6;
}

.campaign-page .campaigns-web-page .employee-hygiene-meter span {
  display: block;
  width: var(--warmth);
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #2f6df6, #12b76a);
}

.campaign-page .campaigns-web-page .employee-hygiene-sliders {
  display: grid;
  gap: 12px;
  margin-top: 16px;
}

.campaign-page .campaigns-web-page .employee-hygiene-row {
  display: grid;
  grid-template-columns: minmax(145px, 1fr) minmax(100px, 0.9fr) 62px;
  align-items: center;
  gap: 13px;
  padding: 13px;
  border-radius: 18px;
  background: #fff;
  border: 1px solid rgba(220, 228, 239, 0.94);
}

.campaign-page .campaigns-web-page .employee-hygiene-range {
  position: relative;
  height: 10px;
  border-radius: 999px;
  background: #dce7f6;
}

.campaign-page .campaigns-web-page .employee-hygiene-range::after {
  content: "";
  position: absolute;
  top: 50%;
  left: var(--target);
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  border: 4px solid #2f6df6;
  box-shadow: 0 6px 14px rgba(47, 109, 246, 0.24);
  transform: translate(-50%, -50%);
}

.campaign-page .campaigns-web-page .employee-hygiene-range span {
  display: block;
  width: var(--active);
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #8fb0ff, #2f6df6);
}

.campaign-page .campaigns-web-page .employee-hygiene-row em {
  justify-self: end;
  color: #087443;
  font-size: 12px;
  font-style: normal;
  font-weight: 850;
  white-space: nowrap;
}

.campaign-page .campaigns-web-page .employee-hygiene-note {
  align-items: flex-start;
  margin-top: 16px;
  padding: 15px;
  border-radius: 20px;
  background: #111c3d;
}

.campaign-page .campaigns-web-page .employee-hygiene-note strong {
  color: #fff;
}

.campaign-page .campaigns-web-page .employee-hygiene-note span {
  max-width: 330px;
  color: rgba(255, 255, 255, 0.72);
  text-align: right;
}

@media (max-width: 1120px) {
  .campaign-page .campaigns-web-page .campaign-product-card-grid-four {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .campaign-page .campaigns-web-page .campaign-product-card-grid,
  .campaign-page .campaigns-web-page .campaign-product-card-grid-four {
    grid-template-columns: 1fr;
  }

  .campaign-page .campaigns-web-page .employee-hygiene-card {
    transform: none;
  }

  .campaign-page .campaigns-web-page .employee-hygiene-row,
  .campaign-page .campaigns-web-page .employee-hygiene-warmup,
  .campaign-page .campaigns-web-page .employee-hygiene-note {
    grid-template-columns: 1fr;
  }

  .campaign-page .campaigns-web-page .employee-hygiene-warmup,
  .campaign-page .campaigns-web-page .employee-hygiene-note {
    display: grid;
  }

  .campaign-page .campaigns-web-page .employee-hygiene-meter {
    width: 100%;
  }

  .campaign-page .campaigns-web-page .employee-hygiene-note span {
    max-width: none;
    text-align: left;
  }
}

/* New page-structure alignment for /se/campaign.
   The old cw-* markup is preserved, but the visual system now follows
   da/index.php for the Campaigns front page and da/emnedatabase.php for
   Campaign subpages. */

.campaign-page {
  background: #fff;
}

.campaign-page .campaigns-web-page {
  --campaign-blue: #3f6df6;
  --campaign-deep: #111c3d;
  --campaign-muted: #5c7290;
  --campaign-canvas: #eaf3ff;
  --campaign-line: #dce8f8;
  --campaign-shadow: 0 24px 60px rgba(31, 53, 84, 0.12);
  background: #fff;
  color: var(--campaign-deep);
  overflow: clip;
}

.campaign-page .campaigns-web-page *,
.campaign-page .campaigns-web-page *::before,
.campaign-page .campaigns-web-page *::after {
  box-sizing: border-box;
}

.campaign-page .campaigns-web-page .cw-shell {
  width: min(1540px, calc(100% - 64px));
  margin: 0 auto;
}

.campaign-page .campaigns-web-page .cw-kicker,
.campaign-page .campaigns-web-page .cw-image-note,
.campaign-page .campaigns-web-page .cw-trust-strip {
  display: none;
}

.campaign-page .campaigns-web-page .cw-gradient {
  background: none;
  color: var(--campaign-blue);
  -webkit-background-clip: initial;
  background-clip: initial;
}

.campaign-page .campaigns-web-page .cw-btn {
  min-height: 58px;
  padding: 0 32px;
  border-radius: 12px;
  font-size: clamp(13.5px, 0.92vw, 14.5px);
  font-weight: 500;
  letter-spacing: -0.012em;
  box-shadow: none;
}

.campaign-page .campaigns-web-page .cw-btn-primary {
  border-color: var(--campaign-blue);
  background: var(--campaign-blue);
  color: #fff;
  box-shadow: 0 10px 22px rgba(63, 109, 246, 0.18);
}

.campaign-page .campaigns-web-page .cw-btn-secondary {
  border: 1px solid #dce8f8;
  background: #fff;
  color: #24415f;
}

.campaign-page .campaigns-web-page .cw-nav-wrap {
  position: static;
  padding: 16px 0 18px;
}

.campaign-page .campaigns-web-page .cw-nav {
  justify-content: center;
  gap: 8px;
  padding: 8px;
  border: 1px solid #dce8f8;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 14px 34px rgba(31, 53, 84, 0.08);
  backdrop-filter: none;
}

.campaign-page .campaigns-web-page .cw-nav a {
  min-height: 38px;
  padding: 0 14px;
  border-radius: 10px;
  color: #5f718c;
  font-size: 13.5px;
  font-weight: 650;
  letter-spacing: -0.012em;
  text-decoration: none;
}

.campaign-page .campaigns-web-page .cw-nav a.is-active,
.campaign-page .campaigns-web-page .cw-nav a:hover {
  background: #f4f8ff;
  color: var(--campaign-blue);
}

.campaign-home-page .campaigns-web-page .cw-hero {
  padding: 34px 32px 0;
}

.campaign-home-page .campaigns-web-page .cw-hero::before {
  display: none;
}

.campaign-home-page .campaigns-web-page .cw-hero-grid {
  min-height: calc(100vh - 150px);
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(420px, 0.74fr);
  gap: clamp(32px, 5vw, 72px);
  align-items: center;
  padding: clamp(54px, 7vw, 96px) clamp(26px, 4vw, 68px);
  border-radius: 42px 42px 0 0;
  background: linear-gradient(180deg, #f8fafc 0%, #f4f7fb 100%);
  box-shadow: 0 22px 58px rgba(31, 53, 84, 0.08);
  overflow: hidden;
  position: relative;
}

.campaign-home-page .campaigns-web-page .cw-hero-grid::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 16% 18%, rgba(63, 109, 246, 0.09), transparent 18%),
    radial-gradient(circle at 82% 18%, rgba(49, 191, 121, 0.08), transparent 17%);
  pointer-events: none;
}

.campaign-home-page .campaigns-web-page .cw-hero-grid > * {
  position: relative;
  z-index: 1;
}

.campaign-home-page .campaigns-web-page .cw-title {
  max-width: 960px;
  margin: 0;
  color: var(--campaign-deep);
  font-size: clamp(50px, 5.8vw, 92px);
  line-height: 0.98;
  letter-spacing: -0.06em;
  font-weight: 700;
}

.campaign-home-page .campaigns-web-page .cw-lead {
  max-width: 760px;
  margin: 24px 0 0;
  color: var(--campaign-muted);
  font-size: clamp(18px, 1.25vw, 21px);
  line-height: 1.55;
  letter-spacing: -0.015em;
  font-weight: 500;
}

.campaign-home-page .campaigns-web-page .cw-actions {
  margin-top: 32px;
  gap: 12px;
}

.campaign-home-page .campaigns-web-page .cw-product-card {
  margin: 0;
  padding: 12px;
  border: 1px solid rgba(194, 226, 205, 0.95);
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: var(--campaign-shadow);
  transform: none;
  backdrop-filter: none;
}

.campaign-home-page .campaigns-web-page .cw-product-card::before,
.campaign-home-page .campaigns-web-page .cw-product-card::after {
  display: none;
}

.campaign-page .campaigns-web-page .cw-browser {
  overflow: hidden;
  border: 1px solid #dfe4ea;
  border-radius: 22px;
  background: #f4f7fb;
  box-shadow: none;
}

.campaign-page .campaigns-web-page .cw-browser-bar {
  height: 34px;
  border-bottom: 1px solid #dfe4ea;
  background: #fff;
}

.campaign-page .campaigns-web-page .cw-browser img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 0 0 18px 18px;
}

.campaign-home-page .campaigns-web-page .cw-benefit-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  padding: clamp(28px, 3vw, 44px);
  border-radius: 0 0 42px 42px;
  background: var(--campaign-canvas);
}

.campaign-home-page .campaigns-web-page .cw-benefit-card,
.campaign-page .campaigns-web-page .cw-feature-card,
.campaign-page .campaigns-web-page .cw-proof-card,
.campaign-page .campaigns-web-page .cw-step,
.campaign-page .campaigns-web-page .cw-employee-step,
.campaign-page .campaigns-web-page .cw-text-card {
  border: 0;
  border-radius: 24px;
  background: #fff;
  box-shadow: var(--campaign-shadow);
}

.campaign-home-page .campaigns-web-page .cw-benefit-card {
  min-height: 0;
  padding: 26px;
}

.campaign-home-page .campaigns-web-page .cw-benefit-card span,
.campaign-page .campaigns-web-page .cw-icon,
.campaign-page .campaigns-web-page .cw-step-number,
.campaign-page .campaigns-web-page .cw-employee-step-number {
  display: inline-grid;
  place-items: center;
  min-width: 36px;
  height: 36px;
  border-radius: 11px;
  background: #f4f8ff;
  color: var(--campaign-blue);
  border: 1px solid #dce8f8;
  box-shadow: 0 7px 18px rgba(31, 53, 84, 0.065);
  font-size: 12px;
  font-weight: 800;
}

.campaign-home-page .campaigns-web-page .cw-benefit-card strong,
.campaign-page .campaigns-web-page .cw-feature-card h3,
.campaign-page .campaigns-web-page .cw-proof-card h3,
.campaign-page .campaigns-web-page .cw-step strong,
.campaign-page .campaigns-web-page .cw-employee-step strong {
  display: block;
  margin: 18px 0 0;
  color: #08183c;
  font-size: clamp(19px, 1.55vw, 25px);
  line-height: 1.16;
  letter-spacing: -0.035em;
  font-weight: 700;
}

.campaign-home-page .campaigns-web-page .cw-benefit-card p,
.campaign-page .campaigns-web-page .cw-feature-card p,
.campaign-page .campaigns-web-page .cw-proof-card p,
.campaign-page .campaigns-web-page .cw-step span,
.campaign-page .campaigns-web-page .cw-employee-step p,
.campaign-page .campaigns-web-page .cw-employee-step span,
.campaign-page .campaigns-web-page .cw-text-card p {
  margin: 12px 0 0;
  color: #6f7f99;
  font-size: 16px;
  line-height: 1.62;
  letter-spacing: -0.014em;
  font-weight: 500;
}

.campaign-page .campaigns-web-page .cw-section {
  padding: 18px 32px 76px;
}

.campaign-page .campaigns-web-page .cw-section.tight {
  padding-top: 42px;
}

.campaign-page .campaigns-web-page .cw-section > .cw-shell {
  padding: clamp(28px, 3vw, 44px);
  border-radius: 34px;
  background: var(--campaign-canvas);
}

.campaign-page .campaigns-web-page .cw-section-head {
  max-width: 980px;
  margin: 0 auto clamp(22px, 3vw, 36px);
  text-align: center;
}

.campaign-page .campaigns-web-page .cw-section-title,
.campaign-page .campaigns-web-page .cw-text-card h2 {
  max-width: 980px;
  margin: 0 auto;
  color: #08183c;
  font-size: clamp(32px, 3.6vw, 56px);
  line-height: 1.08;
  letter-spacing: -0.05em;
  font-weight: 700;
}

.campaign-page .campaigns-web-page .cw-section-copy {
  max-width: 850px;
  margin: 20px auto 0;
  color: #5c7290;
  font-size: clamp(17px, 1.12vw, 20px);
  line-height: 1.58;
  letter-spacing: -0.015em;
  font-weight: 500;
}

.campaign-page .campaigns-web-page .cw-feature-grid,
.campaign-page .campaigns-web-page .cw-proof-grid,
.campaign-page .campaigns-web-page .cw-process,
.campaign-page .campaigns-web-page .cw-employee-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.campaign-page .campaigns-web-page .cw-feature-grid.four {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.campaign-page .campaigns-web-page .cw-feature-grid.two,
.campaign-page .campaigns-web-page .cw-split,
.campaign-page .campaigns-web-page .cw-split.reverse,
.campaign-page .campaigns-web-page .playbook-visual-split {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  align-items: stretch;
}

.campaign-page .campaigns-web-page .cw-feature-card,
.campaign-page .campaigns-web-page .cw-proof-card,
.campaign-page .campaigns-web-page .cw-step,
.campaign-page .campaigns-web-page .cw-employee-step,
.campaign-page .campaigns-web-page .cw-text-card {
  min-height: 0;
  padding: 28px;
  color: #08183c;
}

.campaign-page .campaigns-web-page .cw-feature-card.highlight,
.campaign-page .campaigns-web-page .cw-proof-card.highlight {
  background: #1f3554;
  color: #fff;
}

.campaign-page .campaigns-web-page .cw-feature-card.highlight h3,
.campaign-page .campaigns-web-page .cw-feature-card.highlight p,
.campaign-page .campaigns-web-page .cw-feature-card.highlight a,
.campaign-page .campaigns-web-page .cw-proof-card.highlight h3,
.campaign-page .campaigns-web-page .cw-proof-card.highlight p {
  color: #fff;
}

.campaign-page .campaigns-web-page .cw-feature-card::after {
  display: none;
}

.campaign-page .campaigns-web-page .cw-feature-card a {
  display: inline-flex;
  margin-top: 18px;
  color: var(--campaign-blue);
  font-weight: 700;
  text-decoration: none;
}

.campaign-subpage .campaigns-web-page .cw-hero {
  padding: 82px 32px 0;
}

.campaign-subpage .campaigns-web-page .cw-hero::before {
  display: none;
}

.campaign-subpage .campaigns-web-page .cw-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(420px, 0.74fr);
  gap: clamp(28px, 4vw, 56px);
  align-items: center;
  padding: 64px 48px 54px;
  border-radius: 42px 42px 0 0;
  background: linear-gradient(180deg, #f8fafc 0%, #f4f7fb 100%);
  box-shadow: 0 22px 58px rgba(31, 53, 84, 0.08);
  overflow: hidden;
  position: relative;
}

.campaign-subpage .campaigns-web-page .cw-hero-grid::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 18% 18%, rgba(63, 109, 246, 0.08), transparent 17%),
    radial-gradient(circle at 82% 16%, rgba(63, 109, 246, 0.07), transparent 16%);
  pointer-events: none;
}

.campaign-subpage .campaigns-web-page .cw-hero-grid > * {
  position: relative;
  z-index: 1;
}

.campaign-subpage .campaigns-web-page .cw-title {
  margin: 0;
  color: var(--campaign-deep);
  font-size: clamp(44px, 4.6vw, 72px);
  line-height: 1.02;
  letter-spacing: -0.06em;
  font-weight: 700;
}

.campaign-subpage .campaigns-web-page .cw-lead {
  max-width: 850px;
  margin: 24px 0 0;
  color: var(--campaign-muted);
  font-size: clamp(18px, 1.25vw, 21px);
  line-height: 1.55;
  letter-spacing: -0.015em;
  font-weight: 500;
}

.campaign-subpage .campaigns-web-page .cw-product-card,
.campaign-subpage .campaigns-web-page .cw-mini-image,
.campaign-subpage .campaigns-web-page .playbook-product-visual,
.campaign-subpage .campaigns-web-page .playbook-hero-card.playbook-html-hero-card {
  padding: 12px;
  border: 1px solid rgba(194, 226, 205, 0.95);
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: var(--campaign-shadow);
  transform: none;
  backdrop-filter: none;
}

.campaign-page .campaigns-web-page .cw-check-list {
  display: grid;
  gap: 14px;
  margin-top: 24px;
}

.campaign-page .campaigns-web-page .cw-check {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.campaign-page .campaigns-web-page .cw-check::before {
  content: "";
  width: 36px;
  height: 36px;
  border-radius: 11px;
  background: #f4f8ff;
  border: 1px solid #dce8f8;
  box-shadow: 0 7px 18px rgba(31, 53, 84, 0.065);
}

.campaign-page .campaigns-web-page .cw-check strong {
  display: block;
  color: #08183c;
  font-size: 17px;
  line-height: 1.3;
  font-weight: 700;
}

.campaign-page .campaigns-web-page .cw-check span {
  display: block;
  margin-top: 4px;
  color: #6f7f99;
  font-size: 15px;
  line-height: 1.5;
}

.campaign-page .campaigns-web-page .cw-callout {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 28px;
  align-items: center;
  max-width: none;
  margin: 0;
  padding: 56px 48px;
  border: 0;
  border-radius: 28px;
  background: #1f3554;
  color: #fff;
  text-align: left;
  overflow: hidden;
}

.campaign-page .campaigns-web-page .cw-callout h2 {
  max-width: 880px;
  margin: 0;
  color: #fff;
  font-size: clamp(32px, 3.2vw, 52px);
  line-height: 1.08;
  letter-spacing: -0.05em;
  font-weight: 700;
}

.campaign-page .campaigns-web-page .cw-callout p {
  max-width: 720px;
  margin: 18px 0 0;
  color: rgba(255, 255, 255, 0.78);
}

.campaign-page .campaigns-web-page .cw-callout .cw-btn {
  margin: 0;
  min-width: 220px;
}

.campaign-page .campaigns-web-page .h1-trial-cta {
  display: none;
}

@media (max-width: 1180px) {
  .campaign-home-page .campaigns-web-page .cw-hero-grid,
  .campaign-subpage .campaigns-web-page .cw-hero-grid,
  .campaign-page .campaigns-web-page .cw-feature-grid.four,
  .campaign-page .campaigns-web-page .cw-feature-grid.three,
  .campaign-page .campaigns-web-page .cw-feature-grid.two,
  .campaign-page .campaigns-web-page .cw-feature-grid,
  .campaign-page .campaigns-web-page .cw-proof-grid,
  .campaign-page .campaigns-web-page .cw-process,
  .campaign-page .campaigns-web-page .cw-employee-steps,
  .campaign-page .campaigns-web-page .cw-split,
  .campaign-page .campaigns-web-page .cw-split.reverse,
  .campaign-page .campaigns-web-page .playbook-visual-split {
    grid-template-columns: 1fr;
  }

  .campaign-home-page .campaigns-web-page .cw-benefit-strip {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .campaign-page .campaigns-web-page .cw-shell {
    width: min(100% - 24px, 1540px);
  }

  .campaign-home-page .campaigns-web-page .cw-hero,
  .campaign-subpage .campaigns-web-page .cw-hero {
    padding: 34px 12px 0;
  }

  .campaign-home-page .campaigns-web-page .cw-hero-grid,
  .campaign-subpage .campaigns-web-page .cw-hero-grid {
    min-height: 0;
    padding: 44px 22px 36px;
    border-radius: 30px 30px 0 0;
  }

  .campaign-home-page .campaigns-web-page .cw-title,
  .campaign-subpage .campaigns-web-page .cw-title {
    font-size: 42px;
    line-height: 1.04;
  }

  .campaign-home-page .campaigns-web-page .cw-lead,
  .campaign-subpage .campaigns-web-page .cw-lead {
    font-size: 17px;
  }

  .campaign-page .campaigns-web-page .cw-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .campaign-page .campaigns-web-page .cw-btn {
    width: 100%;
    justify-content: center;
  }

  .campaign-home-page .campaigns-web-page .cw-benefit-strip,
  .campaign-page .campaigns-web-page .cw-section > .cw-shell {
    padding: 18px 10px 34px;
    border-radius: 0 0 28px 28px;
  }

  .campaign-page .campaigns-web-page .cw-section {
    padding: 16px 12px 64px;
  }

  .campaign-page .campaigns-web-page .cw-section-title,
  .campaign-page .campaigns-web-page .cw-text-card h2,
  .campaign-page .campaigns-web-page .cw-callout h2 {
    font-size: 34px;
  }

  .campaign-page .campaigns-web-page .cw-feature-card,
  .campaign-page .campaigns-web-page .cw-proof-card,
  .campaign-page .campaigns-web-page .cw-step,
  .campaign-page .campaigns-web-page .cw-employee-step,
  .campaign-page .campaigns-web-page .cw-text-card,
  .campaign-page .campaigns-web-page .cw-callout {
    padding: 24px;
    border-radius: 24px;
  }

  .campaign-page .campaigns-web-page .cw-callout {
    grid-template-columns: 1fr;
    text-align: left;
  }

  .campaign-page .campaigns-web-page .cw-nav {
    overflow-x: auto;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }

  .campaign-page .campaigns-web-page .cw-nav a {
    white-space: nowrap;
  }
}

.campaign-page .campaigns-web-page .message-field-visual {
  min-height: 520px;
  display: grid;
  place-items: center;
  padding: clamp(18px, 3vw, 34px);
  background:
    linear-gradient(135deg, rgba(63, 109, 246, 0.08), rgba(18, 183, 106, 0.08)),
    #f7fbff;
}

.campaign-page .campaigns-web-page .message-field-card {
  width: min(100%, 580px);
  display: grid;
  gap: 14px;
  padding: 22px;
  border: 1px solid rgba(205, 219, 238, 0.96);
  border-radius: 28px;
  background: #fff;
  box-shadow: 0 28px 70px rgba(31, 53, 84, 0.16);
}

.campaign-page .campaigns-web-page .message-field-head,
.campaign-page .campaigns-web-page .message-ai-panel,
.campaign-page .campaigns-web-page .message-ai-example-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
}

.campaign-page .campaigns-web-page .message-field-head span,
.campaign-page .campaigns-web-page .message-autocomplete span,
.campaign-page .campaigns-web-page .message-ai-panel span,
.campaign-page .campaigns-web-page .message-ai-example-head span,
.campaign-page .campaigns-web-page .message-ai-output span {
  display: block;
  color: #66758f;
  font-size: 12px;
  line-height: 1.35;
  font-weight: 800;
}

.campaign-page .campaigns-web-page .message-field-head strong,
.campaign-page .campaigns-web-page .message-autocomplete strong,
.campaign-page .campaigns-web-page .message-ai-panel strong,
.campaign-page .campaigns-web-page .message-ai-example-head strong {
  display: block;
  margin-top: 4px;
  color: #08183c;
  font-size: 16px;
  line-height: 1.25;
  font-weight: 800;
}

.campaign-page .campaigns-web-page .message-field-head em {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  background: #ecfdf3;
  color: #087443;
  font-size: 12px;
  font-style: normal;
  font-weight: 850;
  white-space: nowrap;
}

.campaign-page .campaigns-web-page .message-textarea {
  min-height: 176px;
  padding: 18px;
  border: 1px solid #dce8f8;
  border-radius: 22px;
  background: #f8fbff;
  color: #1f3554;
  font-size: 15px;
  line-height: 1.55;
}

.campaign-page .campaigns-web-page .message-textarea p {
  margin: 0 0 9px;
}

.campaign-page .campaigns-web-page .message-textarea mark {
  padding: 2px 6px;
  border-radius: 8px;
  background: #eaf1ff;
  color: #2f6df6;
  font-weight: 800;
}

.campaign-page .campaigns-web-page .message-cursor {
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding: 0 8px;
  border-radius: 8px;
  background: #111c3d;
  color: #fff;
  font-weight: 850;
}

.campaign-page .campaigns-web-page .message-autocomplete {
  display: grid;
  gap: 8px;
  padding: 14px;
  border: 1px solid rgba(220, 228, 239, 0.96);
  border-radius: 20px;
  background: #fff;
}

.campaign-page .campaigns-web-page .message-autocomplete div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 10px 12px;
  border-radius: 14px;
  background: #f4f8ff;
}

.campaign-page .campaigns-web-page .message-autocomplete strong {
  margin: 0;
  overflow-wrap: anywhere;
  font-size: 13px;
}

.campaign-page .campaigns-web-page .message-autocomplete small,
.campaign-page .campaigns-web-page .message-ai-panel small {
  color: #6f7f99;
  font-size: 12px;
  line-height: 1.35;
  font-weight: 750;
  text-align: right;
}

.campaign-page .campaigns-web-page .message-ai-panel {
  padding: 15px;
  border-radius: 20px;
  background: #111c3d;
}

.campaign-page .campaigns-web-page .message-ai-panel strong {
  color: #fff;
}

.campaign-page .campaigns-web-page .message-ai-panel span,
.campaign-page .campaigns-web-page .message-ai-panel small {
  color: rgba(255, 255, 255, 0.72);
}

.campaign-page .campaigns-web-page .message-ai-example {
  min-height: 360px;
  display: grid;
  align-content: center;
  gap: 16px;
  padding: 34px;
  border: 1px solid #dce8f8;
  border-radius: 28px;
  background: #fff;
  box-shadow: 0 22px 60px rgba(31, 53, 84, 0.1);
}

.campaign-page .campaigns-web-page .message-ai-prompt,
.campaign-page .campaigns-web-page .message-ai-output {
  padding: 18px;
  border-radius: 20px;
  border: 1px solid rgba(220, 228, 239, 0.96);
}

.campaign-page .campaigns-web-page .message-ai-prompt {
  background: #f4f8ff;
}

.campaign-page .campaigns-web-page .message-ai-output {
  background: #111c3d;
  color: #fff;
}

.campaign-page .campaigns-web-page .message-ai-prompt p,
.campaign-page .campaigns-web-page .message-ai-output p {
  margin: 0;
  color: inherit;
  font-size: 15px;
  line-height: 1.6;
}

.campaign-page .campaigns-web-page .message-ai-output span {
  margin-bottom: 8px;
  color: rgba(255, 255, 255, 0.72);
}

@media (max-width: 760px) {
  .campaign-page .campaigns-web-page .message-field-visual {
    min-height: 0;
    padding: 14px;
  }

  .campaign-page .campaigns-web-page .message-field-card,
  .campaign-page .campaigns-web-page .message-ai-example {
    padding: 18px;
    border-radius: 22px;
  }

  .campaign-page .campaigns-web-page .message-autocomplete div,
  .campaign-page .campaigns-web-page .message-ai-panel {
    grid-template-columns: 1fr;
  }

  .campaign-page .campaigns-web-page .message-field-head,
  .campaign-page .campaigns-web-page .message-ai-panel,
  .campaign-page .campaigns-web-page .message-ai-example-head {
    display: grid;
  }

  .campaign-page .campaigns-web-page .message-autocomplete small,
  .campaign-page .campaigns-web-page .message-ai-panel small {
    text-align: left;
  }
}

.campaign-page .campaigns-web-page .shared-inbox-visual {
  min-height: 520px;
  display: grid;
  place-items: center;
  padding: clamp(18px, 3vw, 34px);
  background:
    linear-gradient(135deg, rgba(63, 109, 246, 0.08), rgba(31, 53, 84, 0.06)),
    #f7fbff;
}

.campaign-page .campaigns-web-page .shared-inbox-card {
  width: min(100%, 590px);
  display: grid;
  gap: 15px;
  padding: 22px;
  border: 1px solid rgba(205, 219, 238, 0.96);
  border-radius: 28px;
  background: #fff;
  box-shadow: 0 28px 70px rgba(31, 53, 84, 0.16);
}

.campaign-page .campaigns-web-page .shared-inbox-head,
.campaign-page .campaigns-web-page .shared-inbox-note {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
}

.campaign-page .campaigns-web-page .shared-inbox-head span,
.campaign-page .campaigns-web-page .shared-thread-list span,
.campaign-page .campaigns-web-page .shared-inbox-team small,
.campaign-page .campaigns-web-page .shared-thread-list small,
.campaign-page .campaigns-web-page .shared-inbox-note span {
  display: block;
  color: #66758f;
  font-size: 12px;
  line-height: 1.35;
  font-weight: 800;
}

.campaign-page .campaigns-web-page .shared-inbox-head strong,
.campaign-page .campaigns-web-page .shared-inbox-team strong,
.campaign-page .campaigns-web-page .shared-thread-list strong,
.campaign-page .campaigns-web-page .shared-inbox-note strong {
  display: block;
  color: #08183c;
  font-size: 15px;
  line-height: 1.25;
  font-weight: 850;
}

.campaign-page .campaigns-web-page .shared-inbox-head strong {
  margin-top: 4px;
  font-size: 17px;
}

.campaign-page .campaigns-web-page .shared-inbox-head em {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  background: #ecfdf3;
  color: #087443;
  font-size: 12px;
  font-style: normal;
  font-weight: 850;
  white-space: nowrap;
}

.campaign-page .campaigns-web-page .shared-inbox-team {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.campaign-page .campaigns-web-page .shared-inbox-team div {
  display: grid;
  gap: 7px;
  min-width: 0;
  padding: 13px;
  border: 1px solid #dce8f8;
  border-radius: 18px;
  background: #f8fbff;
}

.campaign-page .campaigns-web-page .shared-avatar {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 13px;
  background: #111c3d;
  color: #fff;
  font-size: 12px;
  font-weight: 850;
}

.campaign-page .campaigns-web-page .shared-thread-list {
  display: grid;
  gap: 9px;
}

.campaign-page .campaigns-web-page .shared-thread-list div {
  display: grid;
  gap: 5px;
  padding: 14px;
  border: 1px solid rgba(220, 228, 239, 0.96);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 10px 24px rgba(31, 53, 84, 0.055);
}

.campaign-page .campaigns-web-page .shared-thread-list div:first-child {
  border-color: rgba(47, 109, 246, 0.28);
  background: #f4f8ff;
}

.campaign-page .campaigns-web-page .shared-thread-list div:first-child span {
  color: #2f6df6;
}

.campaign-page .campaigns-web-page .shared-inbox-note {
  padding: 15px;
  border-radius: 20px;
  background: #111c3d;
}

.campaign-page .campaigns-web-page .shared-inbox-note strong {
  color: #fff;
}

.campaign-page .campaigns-web-page .shared-inbox-note span {
  max-width: 330px;
  color: rgba(255, 255, 255, 0.72);
  text-align: right;
}

@media (max-width: 760px) {
  .campaign-page .campaigns-web-page .shared-inbox-visual {
    min-height: 0;
    padding: 14px;
  }

  .campaign-page .campaigns-web-page .shared-inbox-card {
    padding: 18px;
    border-radius: 22px;
  }

  .campaign-page .campaigns-web-page .shared-inbox-team {
    grid-template-columns: 1fr;
  }

  .campaign-page .campaigns-web-page .shared-inbox-head,
  .campaign-page .campaigns-web-page .shared-inbox-note {
    display: grid;
  }

  .campaign-page .campaigns-web-page .shared-inbox-note span {
    max-width: none;
    text-align: left;
  }
}

/* Campaign overview hero correction */
.campaign-home-page .campaigns-web-page .cw-hero {
  padding: 36px 32px 0;
}

.campaign-home-page .campaigns-web-page .cw-hero .cw-shell {
  width: min(1540px, calc(100% - 64px));
}

.campaign-home-page .campaigns-web-page .cw-hero-grid {
  min-height: auto;
  grid-template-columns: minmax(0, 0.78fr) minmax(460px, 0.88fr);
  gap: clamp(36px, 5vw, 76px);
  align-items: center;
  padding: clamp(42px, 5.2vw, 72px) clamp(36px, 4.8vw, 72px);
  border-radius: 34px 34px 0 0;
  text-align: left;
}

.campaign-home-page .campaigns-web-page .cw-hero-copy,
.campaign-home-page .campaigns-web-page .cw-hero-grid > div:first-child {
  max-width: 720px;
  text-align: left;
}

.campaign-home-page .campaigns-web-page .cw-title {
  max-width: 690px;
  font-size: clamp(42px, 4.25vw, 68px);
  line-height: 1.04;
  letter-spacing: 0;
  text-align: left;
}

.campaign-home-page .campaigns-web-page .cw-lead {
  max-width: 620px;
  margin-top: 22px;
  font-size: clamp(17px, 1.16vw, 20px);
  line-height: 1.58;
  text-align: left;
}

.campaign-home-page .campaigns-web-page .cw-actions {
  justify-content: flex-start;
  margin-top: 28px;
}

.campaign-home-page .campaigns-web-page .cw-product-card {
  justify-self: stretch;
  width: 100%;
}

.campaign-page .campaigns-web-page .campaign-overview-visual {
  min-height: 450px;
  display: grid;
  place-items: center;
  padding: clamp(18px, 3vw, 34px);
  background:
    linear-gradient(135deg, rgba(63, 109, 246, 0.08), rgba(18, 183, 106, 0.08)),
    #f7fbff;
}

.campaign-page .campaigns-web-page .campaign-overview-card {
  width: min(100%, 620px);
  display: grid;
  gap: 14px;
  padding: 22px;
  border: 1px solid rgba(205, 219, 238, 0.96);
  border-radius: 28px;
  background: #fff;
  box-shadow: 0 28px 70px rgba(31, 53, 84, 0.16);
}

.campaign-page .campaigns-web-page .campaign-overview-head,
.campaign-page .campaigns-web-page .campaign-overview-footer {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
}

.campaign-page .campaigns-web-page .campaign-overview-head span,
.campaign-page .campaigns-web-page .campaign-overview-metrics span,
.campaign-page .campaigns-web-page .campaign-overview-flow small,
.campaign-page .campaigns-web-page .campaign-overview-footer span {
  display: block;
  color: #66758f;
  font-size: 12px;
  line-height: 1.35;
  font-weight: 800;
}

.campaign-page .campaigns-web-page .campaign-overview-head strong,
.campaign-page .campaigns-web-page .campaign-overview-flow strong,
.campaign-page .campaigns-web-page .campaign-overview-footer strong {
  display: block;
  color: #08183c;
  font-size: 15px;
  line-height: 1.25;
  font-weight: 850;
}

.campaign-page .campaigns-web-page .campaign-overview-head strong {
  margin-top: 4px;
  font-size: 17px;
}

.campaign-page .campaigns-web-page .campaign-overview-head em {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  background: #ecfdf3;
  color: #087443;
  font-size: 12px;
  font-style: normal;
  font-weight: 850;
  white-space: nowrap;
}

.campaign-page .campaigns-web-page .campaign-overview-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.campaign-page .campaigns-web-page .campaign-overview-metrics div {
  padding: 14px;
  border: 1px solid #dce8f8;
  border-radius: 18px;
  background: #f8fbff;
}

.campaign-page .campaigns-web-page .campaign-overview-metrics strong {
  display: block;
  color: #08183c;
  font-size: clamp(24px, 2vw, 34px);
  line-height: 1;
  font-weight: 850;
}

.campaign-page .campaigns-web-page .campaign-overview-flow {
  display: grid;
  gap: 9px;
}

.campaign-page .campaigns-web-page .campaign-overview-flow div {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  column-gap: 12px;
  row-gap: 4px;
  align-items: center;
  padding: 13px;
  border: 1px solid rgba(220, 228, 239, 0.96);
  border-radius: 18px;
  background: #fff;
}

.campaign-page .campaigns-web-page .campaign-overview-flow span {
  grid-row: span 2;
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: #eef4ff;
  color: #2f6df6;
  font-size: 12px;
  font-weight: 850;
}

.campaign-page .campaigns-web-page .campaign-overview-footer {
  padding: 15px;
  border-radius: 20px;
  background: #111c3d;
}

.campaign-page .campaigns-web-page .campaign-overview-footer strong {
  color: #fff;
}

.campaign-page .campaigns-web-page .campaign-overview-footer span {
  max-width: 330px;
  margin-top: 4px;
  color: rgba(255, 255, 255, 0.72);
}

.campaign-page .campaigns-web-page .campaign-overview-footer button {
  flex: 0 0 auto;
  min-height: 38px;
  padding: 0 14px;
  border: 0;
  border-radius: 12px;
  background: #3f6df6;
  color: #fff;
  font: inherit;
  font-size: 13px;
  font-weight: 850;
}

.campaign-home-page .campaigns-web-page .cw-benefit-strip {
  border-radius: 0 0 34px 34px;
}

@media (max-width: 1180px) {
  .campaign-home-page .campaigns-web-page .cw-hero-grid {
    grid-template-columns: 1fr;
  }

  .campaign-home-page .campaigns-web-page .cw-hero-copy,
  .campaign-home-page .campaigns-web-page .cw-hero-grid > div:first-child,
  .campaign-home-page .campaigns-web-page .cw-title,
  .campaign-home-page .campaigns-web-page .cw-lead {
    max-width: 820px;
  }
}

@media (max-width: 760px) {
  .campaign-home-page .campaigns-web-page .cw-hero {
    padding: 24px 12px 0;
  }

  .campaign-home-page .campaigns-web-page .cw-hero .cw-shell {
    width: min(100% - 24px, 1540px);
  }

  .campaign-home-page .campaigns-web-page .cw-hero-grid {
    padding: 34px 20px 24px;
  }

  .campaign-home-page .campaigns-web-page .cw-title {
    font-size: 38px;
  }

  .campaign-page .campaigns-web-page .campaign-overview-visual {
    min-height: 0;
    padding: 14px;
  }

  .campaign-page .campaigns-web-page .campaign-overview-card {
    padding: 18px;
    border-radius: 22px;
  }

  .campaign-page .campaigns-web-page .campaign-overview-metrics,
  .campaign-page .campaigns-web-page .campaign-overview-flow div {
    grid-template-columns: 1fr;
  }

  .campaign-page .campaigns-web-page .campaign-overview-flow span {
    grid-row: auto;
  }

  .campaign-page .campaigns-web-page .campaign-overview-head,
  .campaign-page .campaigns-web-page .campaign-overview-footer {
    display: grid;
  }
}

/* Campaign subpage hero correction */
.campaign-subpage .campaigns-web-page .cw-hero {
  padding: 36px 32px 0;
}

.campaign-subpage .campaigns-web-page .cw-hero .cw-shell {
  width: min(1540px, calc(100% - 64px));
}

.campaign-subpage .campaigns-web-page .cw-hero-grid {
  min-height: auto;
  grid-template-columns: minmax(0, 0.8fr) minmax(430px, 0.86fr);
  gap: clamp(34px, 4.8vw, 72px);
  align-items: center;
  padding: clamp(42px, 5vw, 68px) clamp(34px, 4.6vw, 68px);
  border-radius: 34px 34px 0 0;
  text-align: left;
}

.campaign-subpage .campaigns-web-page .cw-hero-grid > div:first-child {
  max-width: 720px;
  text-align: left;
}

.campaign-subpage .campaigns-web-page .cw-title {
  max-width: 690px;
  font-size: clamp(40px, 4vw, 64px);
  line-height: 1.05;
  letter-spacing: 0;
  text-align: left;
}

.campaign-subpage .campaigns-web-page .cw-lead {
  max-width: 620px;
  margin-top: 22px;
  font-size: clamp(17px, 1.12vw, 19px);
  line-height: 1.58;
  text-align: left;
}

.campaign-subpage .campaigns-web-page .cw-actions {
  justify-content: flex-start;
  margin-top: 28px;
}

.campaign-subpage .campaigns-web-page .cw-product-card {
  justify-self: stretch;
  width: 100%;
}

.campaign-page .campaigns-web-page .campaign-settings-visual {
  min-height: 430px;
  display: grid;
  place-items: center;
  padding: clamp(18px, 3vw, 34px);
  background:
    linear-gradient(135deg, rgba(63, 109, 246, 0.08), rgba(18, 183, 106, 0.08)),
    #f7fbff;
}

.campaign-page .campaigns-web-page .campaign-settings-card {
  width: min(100%, 560px);
  display: grid;
  gap: 14px;
  padding: 22px;
  border: 1px solid rgba(205, 219, 238, 0.96);
  border-radius: 28px;
  background: #fff;
  box-shadow: 0 28px 70px rgba(31, 53, 84, 0.16);
}

.campaign-page .campaigns-web-page .campaign-settings-head,
.campaign-page .campaigns-web-page .campaign-settings-row,
.campaign-page .campaigns-web-page .campaign-settings-note {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
}

.campaign-page .campaigns-web-page .campaign-settings-head span,
.campaign-page .campaigns-web-page .campaign-settings-row span,
.campaign-page .campaigns-web-page .campaign-settings-period span,
.campaign-page .campaigns-web-page .campaign-settings-note span {
  display: block;
  color: #66758f;
  font-size: 12px;
  line-height: 1.35;
  font-weight: 800;
}

.campaign-page .campaigns-web-page .campaign-settings-head strong,
.campaign-page .campaigns-web-page .campaign-settings-people strong,
.campaign-page .campaigns-web-page .campaign-settings-period strong,
.campaign-page .campaigns-web-page .campaign-settings-note strong {
  display: block;
  color: #08183c;
  font-size: 15px;
  line-height: 1.25;
  font-weight: 850;
}

.campaign-page .campaigns-web-page .campaign-settings-head strong {
  margin-top: 4px;
  font-size: 17px;
}

.campaign-page .campaigns-web-page .campaign-settings-head em {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  background: #ecfdf3;
  color: #087443;
  font-size: 12px;
  font-style: normal;
  font-weight: 850;
  white-space: nowrap;
}

.campaign-page .campaigns-web-page .campaign-settings-row,
.campaign-page .campaigns-web-page .campaign-settings-period div {
  padding: 14px;
  border: 1px solid #dce8f8;
  border-radius: 18px;
  background: #f8fbff;
}

.campaign-page .campaigns-web-page .campaign-settings-people {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 7px;
}

.campaign-page .campaigns-web-page .campaign-settings-people strong {
  padding: 7px 9px;
  border-radius: 999px;
  background: #eef4ff;
  color: #2f6df6;
  font-size: 12px;
}

.campaign-page .campaigns-web-page .campaign-settings-period {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.campaign-page .campaigns-web-page .campaign-settings-period div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

.campaign-page .campaigns-web-page .campaign-settings-note {
  padding: 15px;
  border-radius: 20px;
  background: #111c3d;
}

.campaign-page .campaigns-web-page .campaign-settings-note strong {
  color: #fff;
}

.campaign-page .campaigns-web-page .campaign-settings-note span {
  max-width: 330px;
  color: rgba(255, 255, 255, 0.72);
  text-align: right;
}

@media (max-width: 1180px) {
  .campaign-subpage .campaigns-web-page .cw-hero-grid {
    grid-template-columns: 1fr;
  }

  .campaign-subpage .campaigns-web-page .cw-hero-grid > div:first-child,
  .campaign-subpage .campaigns-web-page .cw-title,
  .campaign-subpage .campaigns-web-page .cw-lead {
    max-width: 820px;
  }
}

@media (max-width: 760px) {
  .campaign-subpage .campaigns-web-page .cw-hero {
    padding: 24px 12px 0;
  }

  .campaign-subpage .campaigns-web-page .cw-hero .cw-shell {
    width: min(100% - 24px, 1540px);
  }

  .campaign-subpage .campaigns-web-page .cw-hero-grid {
    padding: 34px 20px 24px;
  }

  .campaign-subpage .campaigns-web-page .cw-title {
    font-size: 38px;
  }

  .campaign-page .campaigns-web-page .campaign-settings-visual {
    min-height: 0;
    padding: 14px;
  }

  .campaign-page .campaigns-web-page .campaign-settings-card {
    padding: 18px;
    border-radius: 22px;
  }

  .campaign-page .campaigns-web-page .campaign-settings-head,
  .campaign-page .campaigns-web-page .campaign-settings-row,
  .campaign-page .campaigns-web-page .campaign-settings-note,
  .campaign-page .campaigns-web-page .campaign-settings-period div {
    display: grid;
  }

  .campaign-page .campaigns-web-page .campaign-settings-period {
    grid-template-columns: 1fr;
  }

  .campaign-page .campaigns-web-page .campaign-settings-people {
    justify-content: flex-start;
  }

  .campaign-page .campaigns-web-page .campaign-settings-note span {
    max-width: none;
    text-align: left;
  }
}

/* Align Campaign CTA sections with da/index.php */
.campaign-page .campaigns-web-page .cw-section[aria-label$="CTA"] {
  padding: 72px 32px 0;
}

.campaign-page .campaigns-web-page .cw-section[aria-label$="CTA"] > .cw-shell {
  width: min(1540px, calc(100% - 64px));
  padding: 0;
  border-radius: 0;
  background: transparent;
}

.campaign-page .campaigns-web-page .cw-section[aria-label$="CTA"] .cw-callout {
  display: block;
  margin: 0;
  padding: 72px 48px;
  border-radius: 38px 38px 0 0;
  background: #1f3554;
  color: #fff;
  text-align: center;
  box-shadow: none;
}

.campaign-page .campaigns-web-page .cw-section[aria-label$="CTA"] .cw-callout h2 {
  max-width: 880px;
  margin: 0 auto;
  color: #fff;
  font-size: clamp(32px, 3.1vw, 52px);
  line-height: 1.08;
  letter-spacing: 0;
  font-weight: 700;
}

.campaign-page .campaigns-web-page .cw-section[aria-label$="CTA"] .cw-callout p {
  max-width: 720px;
  margin: 22px auto 0;
  color: rgba(255, 255, 255, 0.78);
  font-size: 18px;
  line-height: 1.5;
  font-weight: 500;
}

.campaign-page .campaigns-web-page .cw-section[aria-label$="CTA"] .cw-callout .cw-btn {
  min-width: 260px;
  margin: 30px auto 0;
}

@media (max-width: 760px) {
  .campaign-page .campaigns-web-page .cw-section[aria-label$="CTA"] {
    padding: 64px 14px 0;
  }

  .campaign-page .campaigns-web-page .cw-section[aria-label$="CTA"] > .cw-shell {
    width: 100%;
  }

  .campaign-page .campaigns-web-page .cw-section[aria-label$="CTA"] .cw-callout {
    padding: 56px 22px;
    border-radius: 30px 30px 0 0;
  }

  .campaign-page .campaigns-web-page .cw-section[aria-label$="CTA"] .cw-callout .cw-btn {
    width: 100%;
  }
}

/* New design: Campaign cards should not show decorative icon badges. */
.campaign-page .campaigns-web-page .cw-feature-card .cw-icon {
  display: none;
}

.campaign-page .campaigns-web-page .cw-feature-card h3 {
  margin-top: 0;
}

.campaign-page .campaigns-web-page .cw-check {
  grid-template-columns: 1fr;
}

.campaign-page .campaigns-web-page .cw-check::before {
  display: none;
}

.campaign-page .campaigns-web-page .playbook-practical-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 18px;
}

.campaign-page .campaigns-web-page .playbook-practical-grid article {
  min-height: 220px;
  padding: 28px;
  border-radius: 24px;
  background: #fff;
  box-shadow: var(--campaign-shadow);
}

.campaign-page .campaigns-web-page .playbook-practical-grid strong {
  display: block;
  max-width: 260px;
  color: #08183c;
  font-size: clamp(20px, 1.55vw, 26px);
  line-height: 1.16;
  font-weight: 720;
}

.campaign-page .campaigns-web-page .playbook-practical-grid p {
  margin: 16px 0 0;
  color: #6f7f99;
  font-size: 16px;
  line-height: 1.58;
  font-weight: 500;
}

/* Founder playbook: show the actual 10 -> 3 -> monitoring -> phone -> call flow. */
.campaign-page .campaigns-web-page .playbook-flow-card {
  display: grid;
  gap: 14px;
}

.campaign-page .campaigns-web-page .playbook-flow-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 8px 0 4px;
}

.campaign-page .campaigns-web-page .playbook-flow-head strong {
  color: #08183c;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 760;
}

.campaign-page .campaigns-web-page .playbook-flow-head span {
  color: #6f7f99;
  font-size: 14px;
  line-height: 1.35;
  font-weight: 600;
}

.campaign-page .campaigns-web-page .playbook-flow-stage,
.campaign-page .campaigns-web-page .playbook-flow-pair article {
  position: relative;
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr);
  gap: 18px;
  align-items: center;
  padding: 20px;
  border: 1px solid #dce8f8;
  border-radius: 22px;
  background: #fff;
}

.campaign-page .campaigns-web-page .playbook-flow-stage::after,
.campaign-page .campaigns-web-page .playbook-flow-pair::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -15px;
  width: 2px;
  height: 15px;
  background: #cfe0f5;
}

.campaign-page .campaigns-web-page .playbook-flow-stage:last-child::after {
  display: none;
}

.campaign-page .campaigns-web-page .playbook-flow-stage > span,
.campaign-page .campaigns-web-page .playbook-flow-pair article > span,
.campaign-page .campaigns-web-page .playbook-count-flow .playbook-node > span {
  display: grid;
  place-items: center;
  width: 76px;
  height: 76px;
  border-radius: 20px;
  background: #edf4ff;
  color: #3f6df6;
  font-size: 26px;
  line-height: 1;
  font-weight: 820;
}

.campaign-page .campaigns-web-page .playbook-flow-stage.is-large > span {
  background: #3f6df6;
  color: #fff;
  font-size: 34px;
}

.campaign-page .campaigns-web-page .playbook-flow-stage.is-final > span {
  background: #133057;
  color: #fff;
  font-size: 18px;
}

.campaign-page .campaigns-web-page .playbook-flow-stage strong,
.campaign-page .campaigns-web-page .playbook-flow-pair strong {
  display: block;
  color: #08183c;
  font-size: 19px;
  line-height: 1.2;
  font-weight: 760;
}

.campaign-page .campaigns-web-page .playbook-flow-stage p,
.campaign-page .campaigns-web-page .playbook-flow-pair p {
  margin: 6px 0 0;
  color: #6f7f99;
  font-size: 15px;
  line-height: 1.45;
  font-weight: 500;
}

.campaign-page .campaigns-web-page .playbook-flow-pair {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.campaign-page .campaigns-web-page .playbook-flow-pair article {
  grid-template-columns: 64px minmax(0, 1fr);
  padding: 18px;
}

.campaign-page .campaigns-web-page .playbook-flow-pair article > span {
  width: 64px;
  height: 64px;
  background: #eaf8f0;
  color: #13955e;
  font-size: 28px;
}

.campaign-page .campaigns-web-page .playbook-count-flow {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.campaign-page .campaigns-web-page .playbook-count-flow::before {
  display: none;
}

.campaign-page .campaigns-web-page .playbook-count-flow .playbook-node {
  min-height: 230px;
}

.campaign-page .campaigns-web-page .playbook-count-flow .playbook-node::before {
  display: none;
}

.campaign-page .campaigns-web-page .playbook-count-flow .playbook-node > span {
  width: 62px;
  height: 62px;
  border-radius: 17px;
  font-size: 23px;
}

.campaign-page .campaigns-web-page .playbook-count-flow .playbook-node.phone > span,
.campaign-page .campaigns-web-page .playbook-count-flow .playbook-node.call > span {
  background: #eaf8f0;
  color: #13955e;
  font-size: 17px;
}

.campaign-page .campaigns-web-page .playbook-count-flow .playbook-node.call > span {
  background: #133057;
  color: #fff;
}

.campaign-page .campaigns-web-page .playbook-count-flow .playbook-node h3 {
  margin-top: 18px;
}

@media (max-width: 1180px) {
  .campaign-page .campaigns-web-page .playbook-practical-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .campaign-page .campaigns-web-page .playbook-count-flow {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .campaign-page .campaigns-web-page .playbook-practical-grid {
    grid-template-columns: 1fr;
  }

  .campaign-page .campaigns-web-page .playbook-practical-grid article {
    min-height: 0;
    padding: 24px;
  }

  .campaign-page .campaigns-web-page .playbook-flow-head {
    display: block;
  }

  .campaign-page .campaigns-web-page .playbook-flow-head span {
    display: block;
    margin-top: 4px;
  }

  .campaign-page .campaigns-web-page .playbook-flow-stage,
  .campaign-page .campaigns-web-page .playbook-flow-pair,
  .campaign-page .campaigns-web-page .playbook-flow-pair article {
    grid-template-columns: 1fr;
  }

  .campaign-page .campaigns-web-page .playbook-flow-stage,
  .campaign-page .campaigns-web-page .playbook-flow-pair article {
    padding: 18px;
  }

  .campaign-page .campaigns-web-page .playbook-flow-stage > span,
  .campaign-page .campaigns-web-page .playbook-flow-pair article > span {
    width: 60px;
    height: 60px;
    border-radius: 16px;
    font-size: 22px;
  }

  .campaign-page .campaigns-web-page .playbook-count-flow {
    grid-template-columns: 1fr;
  }
}

/* Statistics card color correction for the new white card design. */
.campaign-page .campaigns-web-page .cw-stats-side-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100%;
  background: #fff;
  color: #08183c;
}

.campaign-page .campaigns-web-page .cw-stats-side-card h3 {
  color: #08183c;
  letter-spacing: 0;
}

.campaign-page .campaigns-web-page .cw-stats-side-card p {
  color: #5f7190;
}

.campaign-page .campaigns-web-page .cw-stats-side-list span {
  color: #223e67;
}

.campaign-page .campaigns-web-page .cw-stats-side-list span::before {
  background: #3f6df6;
}

/* Leads uses the product page template, so its campaign nav needs the same styling explicitly. */
.campaign-leads-page .product-main > .cw-nav-wrap {
  position: sticky;
  top: 72px;
  z-index: 20;
  padding: 12px 0;
  background: rgba(255, 255, 255, 0.92);
  border-top: 1px solid #dce8f8;
  border-bottom: 1px solid #dce8f8;
  backdrop-filter: blur(14px);
}

.campaign-leads-page .product-main > .cw-nav-wrap .cw-shell {
  width: min(100% - 48px, 1540px);
  margin: 0 auto;
}

.campaign-leads-page .product-main > .cw-nav-wrap .cw-nav {
  display: flex;
  justify-content: center;
  gap: 10px;
  padding: 8px;
  border: 1px solid #cfe0f5;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 18px 44px rgba(31, 53, 84, 0.08);
  overflow-x: auto;
}

.campaign-leads-page .product-main > .cw-nav-wrap .cw-nav a {
  flex: 0 0 auto;
  padding: 11px 16px;
  border: 1px solid transparent;
  border-radius: 10px;
  color: #5f7190;
  font-size: 13px;
  line-height: 1;
  font-weight: 760;
  text-decoration: none;
  white-space: nowrap;
}

.campaign-leads-page .product-main > .cw-nav-wrap .cw-nav a.is-active,
.campaign-leads-page .product-main > .cw-nav-wrap .cw-nav a:hover {
  border-color: #3f6df6;
  background: #f4f8ff;
  color: #3f6df6;
}

@media (max-width: 760px) {
  .campaign-leads-page .product-main > .cw-nav-wrap .cw-shell {
    width: min(100% - 24px, 1540px);
  }

  .campaign-leads-page .product-main > .cw-nav-wrap .cw-nav {
    justify-content: flex-start;
    border-radius: 14px;
  }
}

/* Founder playbook hero: center the HTML illustration in the single-column hero. */
.campaign-page .campaigns-web-page.playbook-page .product-hero .playbook-hero-card {
  box-sizing: border-box;
  width: min(100%, 720px);
  max-width: 720px;
  margin: clamp(28px, 4vw, 44px) auto 0;
  justify-self: center;
}

.campaign-page .campaigns-web-page.playbook-page .product-hero .founder-sales-flow-hero {
  width: 100%;
  margin-inline: auto;
  box-sizing: border-box;
}

@media (max-width: 760px) {
  .campaign-page .campaigns-web-page.playbook-page .product-hero .playbook-hero-card {
    width: 100%;
    margin-top: 28px;
    padding: 10px;
  }
}

/* Final Campaign H1 guard: keep hero headlines readable and consistent. */
.campaign-page .campaigns-web-page .cw-title,
.campaign-page.campaign-home-page .campaigns-web-page .cw-title,
.campaign-page.campaign-subpage .campaigns-web-page .cw-title,
.campaigns-web-page.playbook-page .cw-title {
  max-width: 760px;
  color: #08183c;
  font-size: clamp(42px, 4vw, 60px);
  line-height: 1.08;
  letter-spacing: 0;
  font-weight: 730;
  text-align: left;
  text-wrap: balance;
}

.campaign-page .campaigns-web-page .cw-gradient {
  color: inherit;
  background: none;
  -webkit-text-fill-color: currentColor;
}

.campaign-leads-page .product-hero h1 {
  max-width: 720px;
  color: #08183c;
  font-size: clamp(42px, 4vw, 58px);
  line-height: 1.08;
  letter-spacing: 0;
  font-weight: 730;
  text-wrap: balance;
}

@media (max-width: 760px) {
  .campaign-page .campaigns-web-page .cw-title,
  .campaign-page.campaign-home-page .campaigns-web-page .cw-title,
  .campaign-page.campaign-subpage .campaigns-web-page .cw-title,
  .campaigns-web-page.playbook-page .cw-title,
  .campaign-leads-page .product-hero h1 {
    font-size: 38px;
    line-height: 1.1;
  }
}

/* Campaign overview uses the same hero structure as /se/. */
.campaign-overview-main .campaign-overview-home-hero {
  padding-top: 82px;
}

.campaign-overview-main .home-hero-inner {
  max-width: 1540px;
}

.campaign-overview-main .home-hero-copy {
  max-width: 980px;
}

.campaign-overview-main .home-hero h1 {
  max-width: 980px;
}

.campaign-overview-main .home-subtitle {
  max-width: 820px;
}

.campaign-overview-main .home-hero-actions {
  margin-bottom: 0;
}

.campaign-overview-main > .cw-nav-wrap {
  margin-top: 0;
}

@media (max-width: 760px) {
  .campaign-overview-main .campaign-overview-home-hero {
    padding-top: 34px;
  }
}