/* Campaign arrangements; shared tokens and canonical components load first. */
@layer components.pages {
    :where([data-ui="unified"][data-campaign]) .g-header {
        background: var(--ui-surface);
        padding: 1rem 0;
        top: 0;
        z-index: 100;
        position: static;
        border-bottom: 1px solid var(--ui-line);
    }

    :where([data-ui="unified"][data-campaign]) .g-header__inner {
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 1rem;
        max-width: 1248px;
        padding: 8px 24px;
        flex-wrap: wrap;
    }

    :where([data-ui="unified"][data-campaign]) .g-header__brand {
        display: flex;
        align-items: center;
        gap: 0.875rem;
        text-decoration: none;
        color: inherit;
    }

    :where([data-ui="unified"][data-campaign]) .g-header__logo {
        width: 70px;
        height: auto;
    }

    :where([data-ui="unified"][data-campaign]) .g-header__name {
        font-weight: 700;
        color: var(--ui-ink);
        line-height: 1.2;
        font-size: 16px;
    }

    :where([data-ui="unified"][data-campaign]) .g-header__tag {
        font-size: 0.8125rem;
        color: var(--ui-muted);
        margin-top: 0.125rem;
    }

    :where([data-ui="unified"][data-campaign]) .g-header__contact {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 8px 20px;
    }

    :where([data-ui="unified"][data-campaign]) .g-header__contact-item {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        color: var(--ui-ink);
        text-decoration: none;
        font-weight: 500;
        min-height: 44px;
        overflow-wrap: anywhere;
    }

    :where([data-ui="unified"][data-campaign]) .g-header__contact-item i {
        color: var(--ui-accent);
    }

    :where([data-ui="unified"][data-campaign]) .g-header__contact-item:hover {
        color: var(--ui-accent);
    }

    @media screen and (width <= 720px) {
        :where([data-ui="unified"][data-campaign]) .g-header__contact span {
            display: none;
        }

        :where([data-ui="unified"][data-campaign]) .g-header__contact {
            gap: 1rem;
        }

        :where([data-ui="unified"][data-campaign]) .g-header__tag {
            display: none;
        }

        :where([data-ui="unified"][data-campaign]) .g-header__name {
            font-size: 1rem;
        }
    }

    :where([data-ui="unified"][data-campaign]) .hero {
        position: relative;
        display: flex;
        align-items: center;
        overflow: hidden;
        color: var(--ui-surface);
        min-height: 520px;
        background: var(--ui-accent-hover);
    }

    :where([data-ui="unified"][data-campaign]) .hero__image {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center 30%;
        z-index: 0;
    }

    :where([data-ui="unified"][data-campaign]) .hero__overlay {
        position: absolute;
        inset: 0;
        pointer-events: none;
        z-index: 1;
        background: color-mix(in srgb, var(--ui-ink) 70%, transparent);
    }

    :where([data-ui="unified"][data-campaign]) .hero--has-image .hero__overlay {
        background: color-mix(in srgb, var(--ui-ink) 72%, transparent);
    }

    :where([data-ui="unified"][data-campaign]) .hero__inner {
        z-index: 3;
        position: relative;
        margin: 0 auto;
        text-align: center;
        max-width: 1248px;
        padding: 64px 24px;
    }

    :where([data-ui="unified"][data-campaign]) .hero__eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        background: rgb(255 255 255 / 15%);
        backdrop-filter: blur(8px);
        padding: 0.5rem 1.25rem;
        border-radius: var(--radius-pill);
        font-size: 0.875rem;
        font-weight: 600;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        margin-bottom: 1.5rem;
    }

    :where([data-ui="unified"][data-campaign]) .hero__eyebrow i {
        color: var(--color-on-brand);
    }

    :where([data-ui="unified"][data-campaign]) .hero__headline {
        font-weight: 700;
        margin-bottom: 1.25rem;
        font-size: clamp(36px, 5vw, 60px);
        line-height: 1.12;
        letter-spacing: -0.035em;
        max-width: 850px;
    }

    :where([data-ui="unified"][data-campaign]) .hero__sub {
        margin: 0 auto 2rem;
        color: rgb(255 255 255 / 95%);
        font-size: 19px;
        line-height: 1.7;
        max-width: 750px;
    }

    :where([data-ui="unified"][data-campaign]) .hero__offer {
        background: linear-gradient(135deg, var(--amber-100) 0%, var(--amber-200) 100%);
        color: var(--ui-ink);
        padding: 1rem 1.5rem;
        border-radius: var(--radius-md);
        margin: 0 auto 2rem;
        max-width: 720px;
        display: flex;
        align-items: center;
        gap: 0.875rem;
        text-align: left;
        border: 2px solid var(--color-warning-ink);
    }

    :where([data-ui="unified"][data-campaign]) .hero__offer-icon {
        font-size: 1.75rem;
        flex-shrink: 0;
    }

    :where([data-ui="unified"][data-campaign]) .hero__offer-text {
        font-size: 0.9375rem;
        line-height: 1.4;
    }

    :where([data-ui="unified"][data-campaign]) .hero__bonus-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: stretch;
        gap: 1.25rem;
        max-width: 920px;
        margin: 0 auto 2rem;
        text-align: left;
    }

    :where([data-ui="unified"][data-campaign]) .hero__bonus-card {
        position: relative;
        isolation: isolate;
        padding: 1.5rem 1.25rem;
        border-radius: var(--radius-lg);
        border: 2px solid var(--color-warning-ink);
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
        text-align: center;
        align-items: center;
        justify-content: flex-start;
        overflow: hidden;
        border-color: var(--ui-line);
        background: var(--ui-surface);
        color: var(--ui-ink);
    }

    :where([data-ui="unified"][data-campaign]) .hero__bonus-card::before {
        content: '';
        position: absolute;
        top: -45%;
        right: -25%;
        width: 220px;
        height: 220px;
        background: radial-gradient(circle, rgb(255 255 255 / 55%) 0%, rgb(255 255 255 / 0%) 70%);
        pointer-events: none;
        z-index: 0;
    }

    :where([data-ui="unified"][data-campaign]) .hero__bonus-card > * {
        position: relative;
        z-index: 1;
    }

    :where([data-ui="unified"][data-campaign]) .hero__bonus-card--feature {
        background: linear-gradient(135deg, var(--ui-surface) 0%, var(--amber-100) 100%);
    }

    :where([data-ui="unified"][data-campaign]) .hero__bonus-card--link {
        text-decoration: none;
        color: inherit;
        cursor: pointer;
    }

    :where([data-ui="unified"][data-campaign]) .hero__bonus-card--link:hover {
        border-color: var(--ui-accent);
    }

    :where([data-ui="unified"][data-campaign]) .hero__bonus-card-cta {
        margin-top: 0.4rem;
        font-size: 0.8125rem;
        font-weight: 700;
        letter-spacing: 0.02em;
        color: var(--ui-accent);
    }

    :where([data-ui="unified"][data-campaign]) .hero__bonus-card--link:hover .hero__bonus-card-cta {
        color: var(--ui-accent-hover);
    }

    :where([data-ui="unified"][data-campaign]) .hero__bonus-portrait {
        position: relative;
        width: 140px;
        height: 140px;
        border-radius: 50%;
        background: var(--ui-surface);
        border: 4px solid var(--ui-surface);
        margin: 0.25rem 0 0.125rem;
    }

    :where([data-ui="unified"][data-campaign]) .hero__bonus-portrait-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: 35% 30%;
        display: block;
        border-radius: 50%;
    }

    :where([data-ui="unified"][data-campaign]) .hero__bonus-portrait-badge {
        position: absolute;
        top: -6px;
        right: -10px;
        z-index: 2;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 56px;
        height: 56px;
        border-radius: 50%;
        background: linear-gradient(135deg, var(--ui-accent) 0%, var(--ui-accent-hover) 100%);
        color: var(--ui-surface);
        font-size: 0.7rem;
        font-weight: 700;
        line-height: 1.05;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        text-align: center;
        border: 3px solid var(--ui-surface);
        transform: rotate(-8deg);
        transform-origin: center;
    }

    :where([data-ui="unified"][data-campaign]) .hero__bonus-portrait-caption {
        font-size: 0.7rem;
        font-weight: 700;
        color: var(--ui-accent-hover);
        letter-spacing: 0.06em;
        text-transform: uppercase;
        display: inline-flex;
        align-items: center;
        gap: 0.4rem;
        margin-bottom: 0.125rem;
    }

    :where([data-ui="unified"][data-campaign]) .hero__bonus-portrait-caption i {
        color: var(--color-warning-ink);
        font-size: 0.85em;
    }

    :where([data-ui="unified"][data-campaign]) .hero__bonus-card-imagewrap {
        position: relative;
        width: 160px;
        height: 160px;
        margin: 0.125rem 0 0.25rem;
    }

    :where([data-ui="unified"][data-campaign]) .hero__bonus-value-badge {
        position: absolute;
        top: -10px;
        right: -12px;
        z-index: 2;
        background: linear-gradient(135deg, var(--color-warning-ink) 0%, var(--amber-600) 100%);
        color: var(--ui-surface);
        font-size: 0.7rem;
        font-weight: 700;
        letter-spacing: 0.05em;
        padding: 0.35rem 0.65rem;
        border-radius: var(--radius-pill);
        transform: rotate(8deg);
        transform-origin: center;
        text-transform: uppercase;
        white-space: nowrap;
    }

    :where([data-ui="unified"][data-campaign]) .bonus-band__link {
        color: var(--ui-accent-hover);
        text-decoration: underline;
        text-decoration-color: var(--color-warning-ink);
        text-decoration-thickness: 2px;
        text-underline-offset: 3px;
    }

    :where([data-ui="unified"][data-campaign]) .bonus-band__link:hover,
    :where([data-ui="unified"][data-campaign]) .bonus-band__link:focus {
        color: var(--ui-accent-hover);
        text-decoration-color: var(--ui-accent-hover);
    }

    :where([data-ui="unified"][data-campaign]) .tournament-proof {
        padding: 4rem 0;
        background: linear-gradient(180deg, var(--ui-surface) 0%, var(--ui-canvas) 100%);
        border-top: 1px solid var(--ui-line);
    }

    :where([data-ui="unified"][data-campaign]) .tournament-proof__inner {
        max-width: 1280px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    :where([data-ui="unified"][data-campaign]) .tournament-proof__grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
        gap: 1.25rem;
        margin-top: 0.5rem;
    }

    :where([data-ui="unified"][data-campaign]) .proof-card {
        background: var(--ui-surface);
        border: 1px solid var(--ui-line);
        border-radius: var(--radius-md);
        overflow: hidden;
        cursor: default;
    }

    :where([data-ui="unified"][data-campaign]) .proof-card:hover {
        border-color: var(--ui-accent);
    }

    :where([data-ui="unified"][data-campaign]) .proof-card__image {
        aspect-ratio: 1;
        overflow: hidden;
        background: var(--ui-tint);
    }

    :where([data-ui="unified"][data-campaign]) .proof-card__image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    :where([data-ui="unified"][data-campaign]) .proof-card__caption {
        padding: 0.75rem 1rem;
        font-size: 0.9375rem;
        font-weight: 600;
        color: var(--ui-accent-hover);
        text-align: center;
        border-top: 3px solid var(--ui-accent);
        background: var(--ui-surface);
    }

    :where([data-ui="unified"][data-campaign]) .tournament-proof__footer {
        text-align: center;
        margin-top: 2rem;
        color: var(--ui-muted);
        font-size: 0.9375rem;
    }

    :where([data-ui="unified"][data-campaign]) .tournament-proof__link {
        color: var(--ui-accent-hover);
        font-weight: 700;
        text-decoration: underline;
        text-decoration-color: var(--color-warning-ink);
        text-decoration-thickness: 2px;
        text-underline-offset: 3px;
    }

    :where([data-ui="unified"][data-campaign]) .tournament-proof__link:hover {
        color: var(--ui-accent);
    }

    :where([data-ui="unified"][data-campaign]) .hero__bonus-card-image {
        width: 100%;
        height: 100%;
        object-fit: contain;
        background: radial-gradient(circle at 50% 45%, var(--ui-surface) 55%, var(--ui-tint) 100%);
        border-radius: var(--radius-md);
        padding: 8px;
        display: block;
    }

    :where([data-ui="unified"][data-campaign]) .hero__bonus-card-label {
        font-size: 0.6875rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        color: var(--ui-accent-hover);
        text-transform: uppercase;
    }

    :where([data-ui="unified"][data-campaign]) .hero__bonus-card-title {
        font-size: 1.0625rem;
        font-weight: 700;
        line-height: 1.2;
        color: var(--ui-ink);
    }

    :where([data-ui="unified"][data-campaign]) .hero__bonus-card-sub {
        font-size: 0.8125rem;
        color: var(--ui-ink);
        line-height: 1.35;
    }

    @media screen and (width <= 640px) {
        :where([data-ui="unified"][data-campaign]) .hero__bonus-grid {
            grid-template-columns: 1fr;
            gap: 0.875rem;
        }

        :where([data-ui="unified"][data-campaign]) .hero__bonus-portrait {
            width: 120px;
            height: 120px;
        }

        :where([data-ui="unified"][data-campaign]) .hero__bonus-card-imagewrap {
            width: 130px;
            height: 130px;
        }
    }

    :where([data-ui="unified"][data-campaign]) .hero__trust {
        margin-top: 1.5rem;
        font-size: 0.875rem;
        color: rgb(255 255 255 / 85%);
    }

    :where([data-ui="unified"][data-campaign]) .trust-band {
        background: var(--ui-surface);
        border-bottom: 1px solid var(--ui-line);
        padding: 2rem 0;
    }

    :where([data-ui="unified"][data-campaign]) .trust-band__inner {
        max-width: 960px;
        margin: 0 auto;
        padding: 0 1.5rem;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1.5rem;
        text-align: center;
    }

    :where([data-ui="unified"][data-campaign]) .trust-band__icon {
        width: 48px;
        height: 48px;
        margin: 0 auto 0.75rem;
        background: var(--ui-tint);
        color: var(--ui-accent-hover);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.25rem;
    }

    :where([data-ui="unified"][data-campaign]) .trust-band__label {
        font-size: 0.9375rem;
        font-weight: 600;
        color: var(--ui-ink);
    }

    @media screen and (width <= 720px) {
        :where([data-ui="unified"][data-campaign]) .trust-band__inner {
            grid-template-columns: 1fr;
        }
    }

    :where([data-ui="unified"][data-campaign]) .section-title {
        font-weight: 700;
        text-align: center;
        color: var(--ui-ink);
        margin-bottom: 0.75rem;
        font-size: clamp(26px, 3vw, 38px);
        line-height: 1.2;
        letter-spacing: -0.025em;
    }

    :where([data-ui="unified"][data-campaign]) .section-title--white {
        color: var(--ui-surface);
    }

    :where([data-ui="unified"][data-campaign]) .section-sub {
        text-align: center;
        color: var(--ui-muted);
        margin-bottom: 2.5rem;
        max-width: 640px;
        margin-left: auto;
        margin-right: auto;
        font-size: 1rem;
    }

    :where([data-ui="unified"][data-campaign]) .section-sub--white {
        color: rgb(255 255 255 / 85%);
    }

    :where([data-ui="unified"][data-campaign]) .how {
        padding: 4rem 0;
        background: var(--ui-surface);
    }

    :where([data-ui="unified"][data-campaign]) .how__inner {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    :where([data-ui="unified"][data-campaign]) .how__steps {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1.5rem;
        margin-top: 1.5rem;
    }

    :where([data-ui="unified"][data-campaign]) .how__step {
        background: var(--ui-canvas);
        padding: 2rem 1.5rem;
        border-radius: var(--radius-lg);
        text-align: center;
        border: 1px solid var(--ui-line);
    }

    :where([data-ui="unified"][data-campaign]) .how__step-num {
        width: 56px;
        height: 56px;
        margin: 0 auto 1rem;
        background: linear-gradient(135deg, var(--ui-accent), var(--ui-accent-hover));
        color: var(--ui-surface);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.5rem;
        font-weight: 700;
    }

    :where([data-ui="unified"][data-campaign]) .how__step h3 {
        font-size: 1.25rem;
        margin-bottom: 0.5rem;
        color: var(--ui-ink);
    }

    :where([data-ui="unified"][data-campaign]) .how__step p {
        color: var(--ui-ink);
        font-size: 0.9375rem;
    }

    @media screen and (width <= 720px) {
        :where([data-ui="unified"][data-campaign]) .how__steps {
            grid-template-columns: 1fr;
        }
    }

    :where([data-ui="unified"][data-campaign]) .bonus-band {
        background: linear-gradient(135deg, var(--amber-100) 0%, var(--amber-200) 100%);
        padding: 1.5rem 0;
        border-top: 3px solid var(--color-warning-ink);
        border-bottom: 3px solid var(--color-warning-ink);
    }

    :where([data-ui="unified"][data-campaign]) .bonus-band__inner {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
        display: flex;
        align-items: center;
        gap: 1.25rem;
        color: var(--ui-ink);
    }

    :where([data-ui="unified"][data-campaign]) .bonus-band__icon {
        font-size: 2.5rem;
        flex-shrink: 0;
    }

    :where([data-ui="unified"][data-campaign]) .bonus-band__text {
        font-size: 1rem;
        line-height: 1.5;
    }

    @media screen and (width <= 720px) {
        :where([data-ui="unified"][data-campaign]) .bonus-band__inner {
            flex-direction: column;
            text-align: center;
            gap: 0.75rem;
        }
    }

    :where([data-ui="unified"][data-campaign]) .showcase {
        padding: 4rem 0;
        background: var(--ui-canvas);
    }

    :where([data-ui="unified"][data-campaign]) .showcase__inner {
        max-width: 1280px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    :where([data-ui="unified"][data-campaign]) .showcase__filters {
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
        justify-content: center;
        margin-bottom: 2rem;
        position: sticky;
        top: 88px;
        z-index: 50;
        background: rgb(249 250 251 / 95%);
        backdrop-filter: blur(8px);
        padding: 0.875rem;
        border-radius: var(--radius-pill);
    }

    :where([data-ui="unified"][data-campaign]) .filter-chip {
        padding: 0.5rem 1.125rem;
        background: var(--ui-surface);
        border: 2px solid var(--ui-line);
        border-radius: var(--radius-pill);
        font-size: 0.875rem;
        font-weight: 600;
        color: var(--ui-ink);
        cursor: pointer;
    }

    :where([data-ui="unified"][data-campaign]) .filter-chip:hover {
        border-color: var(--ui-accent);
        color: var(--ui-accent-hover);
    }

    :where([data-ui="unified"][data-campaign]) .filter-chip--active {
        background: var(--ui-accent);
        border-color: var(--ui-accent);
        color: var(--color-on-brand);
    }

    :where([data-ui="unified"][data-campaign]) .category {
        margin-bottom: 2rem;
        background: var(--ui-surface);
        border-radius: var(--radius-lg);
        overflow: hidden;
    }

    :where([data-ui="unified"][data-campaign]) .category__header {
        padding: 1.25rem 1.5rem;
        background: linear-gradient(135deg, var(--ui-accent-hover) 0%, var(--ui-accent-hover) 100%);
        color: var(--ui-surface);
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: space-between;
        user-select: none;
        min-height: 52px;
        gap: 12px;
        flex-wrap: wrap;
    }

    :where([data-ui="unified"][data-campaign]) .category__header h3 {
        display: flex;
        align-items: center;
        gap: 0.625rem;
        font-size: 20px;
        margin: 0;
    }

    :where([data-ui="unified"][data-campaign]) .category__header-meta {
        font-size: 0.875rem;
        opacity: 0.85;
        display: flex;
        align-items: center;
        gap: 1rem;
    }

    :where([data-ui="unified"][data-campaign]) .category__chevron {
        font-size: 1rem;
    }

    :where([data-ui="unified"][data-campaign]) .category--collapsed .category__chevron {
        transform: rotate(-90deg);
    }

    :where([data-ui="unified"][data-campaign]) .category--collapsed .category__grid {
        display: none;
    }

    :where([data-ui="unified"][data-campaign]) .category__grid {
        display: grid;
        gap: 1rem;
        padding: 1.25rem;
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
    }

    :where([data-ui="unified"][data-campaign]) .product-card {
        background: var(--ui-surface);
        display: flex;
        flex-direction: column;
        border: 1px solid var(--ui-line);
        border-radius: var(--radius-lg);
        min-width: 0;
        overflow: hidden;
    }

    :where([data-ui="unified"][data-campaign]) .product-card:hover {
        border-color: var(--ui-accent);
    }

    :where([data-ui="unified"][data-campaign]) .product-card__image {
        aspect-ratio: 1;
        background: var(--ui-tint);
        align-items: center;
        justify-content: center;
        display: block;
        height: 230px;
        overflow: hidden;
    }

    :where([data-ui="unified"][data-campaign]) .product-card__image img {
        padding: 0.5rem;
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    :where([data-ui="unified"][data-campaign]) .product-card__image-placeholder {
        color: var(--ui-tint);
        font-size: 3rem;
    }

    :where([data-ui="unified"][data-campaign]) .product-card__body {
        padding: 1rem;
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
        flex: 1;
    }

    :where([data-ui="unified"][data-campaign]) .product-card__sku {
        font-size: 0.75rem;
        font-weight: 700;
        color: var(--ui-accent-hover);
        letter-spacing: 0.05em;
    }

    :where([data-ui="unified"][data-campaign]) .product-card__name {
        font-size: 0.9375rem;
        color: var(--ui-ink);
        min-height: 2.6em;
        font-weight: 600;
        line-height: 1.5;
    }

    :where([data-ui="unified"][data-campaign]) .product-card__price-snapshot {
        margin-top: auto;
        padding-top: 0.5rem;
        border-top: 1px solid var(--ui-line);
        display: flex;
        align-items: baseline;
        gap: 0.375rem;
        flex-wrap: wrap;
    }

    :where([data-ui="unified"][data-campaign]) .product-card__price-label {
        font-size: 0.75rem;
        color: var(--ui-muted);
        text-transform: uppercase;
        letter-spacing: 0.05em;
    }

    :where([data-ui="unified"][data-campaign]) .product-card__price-value {
        font-size: 1.25rem;
        font-weight: 700;
        color: var(--ui-accent-hover);
    }

    :where([data-ui="unified"][data-campaign]) .product-card__price-suffix {
        font-size: 0.8125rem;
        color: var(--ui-muted);
    }

    :where([data-ui="unified"][data-campaign]) .product-card__price-pending {
        font-size: 0.875rem;
        color: var(--ui-muted);
        font-style: italic;
    }

    :where([data-ui="unified"][data-campaign]) .product-card__name-link {
        text-decoration: none;
        color: inherit;
        display: block;
    }

    :where([data-ui="unified"][data-campaign]) .product-card__name-link:hover .product-card__name {
        color: var(--ui-accent-hover);
        text-decoration: underline;
    }

    :where([data-ui="unified"][data-campaign]) .product-card__detail-link {
        background: linear-gradient(135deg, var(--ui-accent), var(--ui-accent-hover));
        color: var(--ui-surface);
        padding: 0.75rem 1rem;
        text-decoration: none;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.5rem;
        font-size: 0.875rem;
        font-weight: 700;
    }

    :where([data-ui="unified"][data-campaign]) .product-card__detail-link:hover {
        background: linear-gradient(135deg, var(--ui-accent-hover), var(--ui-accent-hover));
    }

    :where([data-ui="unified"][data-campaign]) .product-card__detail-link i:first-child {
        font-size: 0.9375rem;
    }

    :where([data-ui="unified"][data-campaign]) .product-card__detail-link i:last-child {
        font-size: 0.75rem;
    }

    :where([data-ui="unified"][data-campaign]) .product-card__expand {
        background: var(--ui-canvas);
        border: none;
        border-top: 1px solid var(--ui-line);
        padding: 0.5rem 1rem;
        font-size: 0.75rem;
        font-weight: 600;
        color: var(--ui-accent-hover);
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 44px;
    }

    :where([data-ui="unified"][data-campaign]) .product-card__expand:hover {
        background: var(--ui-tint);
    }

    :where([data-ui="unified"][data-campaign]) .product-card__expand[aria-expanded='true'] i {
        transform: rotate(180deg);
    }

    :where([data-ui="unified"][data-campaign]) .product-card__pricing-table {
        display: none;
        background: var(--ui-canvas);
        padding: 0.75rem 1rem;
        border-top: 1px solid var(--ui-line);
    }

    :where([data-ui="unified"][data-campaign])
        .product-card__expand[aria-expanded='true']
        + .product-card__pricing-table {
        display: block;
    }

    :where([data-ui="unified"][data-campaign]) .pricing-table {
        width: 100%;
        border-collapse: collapse;
        font-size: 0.8125rem;
    }

    :where([data-ui="unified"][data-campaign]) .pricing-table th,
    :where([data-ui="unified"][data-campaign]) .pricing-table td {
        padding: 0.375rem 0.5rem;
        text-align: center;
        border-bottom: 1px solid var(--ui-line);
    }

    :where([data-ui="unified"][data-campaign]) .pricing-table th {
        font-size: 0.75rem;
        font-weight: 600;
        color: var(--ui-muted);
        text-transform: uppercase;
        letter-spacing: 0.03em;
    }

    :where([data-ui="unified"][data-campaign]) .pricing-table td {
        font-weight: 600;
        color: var(--ui-ink);
    }

    :where([data-ui="unified"][data-campaign]) .pricing-table .col-best {
        background: var(--ui-tint);
        color: var(--ui-accent-hover);
        position: relative;
    }

    :where([data-ui="unified"][data-campaign]) .pricing-table .col-best::after {
        content: 'BEST';
        position: absolute;
        top: -8px;
        left: 50%;
        transform: translateX(-50%);
        background: var(--ui-accent-hover);
        color: var(--ui-surface);
        font-size: 0.625rem;
        padding: 1px 6px;
        border-radius: 2px;
        letter-spacing: 0.05em;
    }

    :where([data-ui="unified"][data-campaign]) .product-card__note {
        font-size: 0.75rem;
        color: var(--ui-muted);
        padding: 0.5rem 1rem 0.75rem;
        background: var(--ui-canvas);
        border-top: 1px solid var(--ui-line);
        text-align: center;
        font-style: italic;
    }

    :where([data-ui="unified"][data-campaign]) .loading-state {
        text-align: center;
        padding: 3rem 1rem;
        color: var(--ui-muted);
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.625rem;
    }

    :where([data-ui="unified"][data-campaign]) .loading-state i {
        color: var(--ui-accent);
    }

    :where([data-ui="unified"][data-campaign]) .loading-state--white {
        color: rgb(255 255 255 / 85%);
    }

    :where([data-ui="unified"][data-campaign]) .example-package {
        padding: 4rem 0;
        background: linear-gradient(135deg, var(--ui-accent-hover) 0%, var(--ui-accent-hover) 100%);
        color: var(--ui-surface);
    }

    :where([data-ui="unified"][data-campaign]) .example-package__inner {
        max-width: 900px;
        margin: 0 auto;
        padding: 0 1.5rem;
        text-align: center;
    }

    :where([data-ui="unified"][data-campaign]) .example-package__card {
        background: var(--ui-surface);
        color: var(--ui-ink);
        border-radius: var(--radius-lg);
        padding: 2rem 1.5rem;
        margin-bottom: 2rem;
        text-align: left;
    }

    :where([data-ui="unified"][data-campaign]) .example-package__line-items {
        width: 100%;
        border-collapse: collapse;
        font-size: 0.9375rem;
    }

    :where([data-ui="unified"][data-campaign]) .example-package__line-items th {
        text-align: left;
        padding: 0.625rem 0.5rem;
        border-bottom: 2px solid var(--ui-line);
        font-size: 0.75rem;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        color: var(--ui-muted);
    }

    :where([data-ui="unified"][data-campaign]) .example-package__line-items td {
        padding: 0.75rem 0.5rem;
        border-bottom: 1px solid var(--ui-line);
    }

    :where([data-ui="unified"][data-campaign]) .example-package__line-items .num {
        text-align: right;
        font-variant-numeric: tabular-nums;
    }

    :where([data-ui="unified"][data-campaign]) .example-package__line-items tfoot td {
        border-bottom: none;
        border-top: 2px solid var(--ui-accent);
        font-weight: 700;
        color: var(--ui-accent-hover);
        padding-top: 1rem;
    }

    :where([data-ui="unified"][data-campaign]) .example-package__bonus {
        background: linear-gradient(135deg, var(--amber-100) 0%, var(--amber-200) 100%);
        border-left: 4px solid var(--color-warning-ink);
        padding: 1rem 1.25rem;
        margin-top: 1.25rem;
        border-radius: var(--radius-md);
    }

    :where([data-ui="unified"][data-campaign]) .example-package__bonus-header {
        font-size: 1rem;
        color: var(--ui-ink);
        margin-bottom: 0.5rem;
    }

    :where([data-ui="unified"][data-campaign]) .example-package__bonus-list {
        margin: 0;
        padding-left: 1.25rem;
        font-size: 0.9375rem;
        color: var(--ui-ink);
    }

    :where([data-ui="unified"][data-campaign]) .example-package__bonus-list li {
        margin-bottom: 0.25rem;
    }

    :where([data-ui="unified"][data-campaign]) .example-package__caveat {
        font-size: 0.8125rem;
        color: var(--ui-muted);
        margin-top: 1rem;
        font-style: italic;
    }

    :where([data-ui="unified"][data-campaign]) .form-section {
        padding: 4rem 0;
        background: var(--ui-surface);
    }

    :where([data-ui="unified"][data-campaign]) .form-section__inner {
        max-width: 800px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    :where([data-ui="unified"][data-campaign]) .quote-form {
        padding: 2rem;
        border: 1px solid var(--ui-line);
        border-radius: var(--radius-lg);
        background: var(--ui-surface);
    }

    :where([data-ui="unified"][data-campaign]) .quote-form__row {
        display: grid;
        grid-template-columns: 1fr 1fr;
        margin-bottom: 1rem;
        gap: 20px;
    }

    :where([data-ui="unified"][data-campaign]) .quote-form__field {
        display: flex;
        flex-direction: column;
        gap: 0.375rem;
    }

    :where([data-ui="unified"][data-campaign]) .quote-form__field--full {
        width: 100%;
        margin-bottom: 1rem;
    }

    :where([data-ui="unified"][data-campaign]) .quote-form__label {
        font-size: 0.8125rem;
        font-weight: 600;
        color: var(--ui-ink);
        text-transform: uppercase;
        letter-spacing: 0.03em;
    }

    :where([data-ui="unified"][data-campaign]) .req {
        color: var(--color-warning-ink);
    }

    :where([data-ui="unified"][data-campaign]) .quote-form__fieldset {
        border: 1.5px solid var(--ui-line);
        border-radius: var(--radius-md);
        padding: 1rem;
        margin-bottom: 1rem;
        background: var(--ui-surface);
    }

    :where([data-ui="unified"][data-campaign]) .quote-form__fieldset legend {
        padding: 0 0.5rem;
    }

    :where([data-ui="unified"][data-campaign]) .quote-form__checkboxes {
        display: flex;
        flex-wrap: wrap;
        gap: 0.75rem;
        margin-top: 0.5rem;
    }

    :where([data-ui="unified"][data-campaign]) .quote-form__checkbox {
        display: flex;
        align-items: center;
        gap: 0.375rem;
        padding: 0.5rem 0.875rem;
        border: 1.5px solid var(--ui-line);
        cursor: pointer;
        font-size: 0.875rem;
        font-weight: 500;
        background: var(--ui-surface);
        min-height: 44px;
        border-radius: var(--radius-md);
    }

    :where([data-ui="unified"][data-campaign]) .quote-form__checkbox input {
        width: auto;
        margin: 0;
        accent-color: var(--ui-accent);
    }

    :where([data-ui="unified"][data-campaign]) .quote-form__checkbox:hover {
        border-color: var(--ui-accent);
        background: var(--ui-tint);
    }

    :where([data-ui="unified"][data-campaign]) .quote-form__checkbox:has(input:checked) {
        border-color: var(--ui-accent);
        background: var(--ui-tint);
        color: var(--ui-accent-hover);
    }

    :where([data-ui="unified"][data-campaign]) .quote-form__submit {
        margin-top: 1.5rem;
        text-align: center;
    }

    :where([data-ui="unified"][data-campaign]) .quote-form__privacy {
        margin-top: 0.875rem;
        font-size: 0.8125rem;
        color: var(--ui-muted);
    }

    @media screen and (width <= 600px) {
        :where([data-ui="unified"][data-campaign]) .quote-form__row {
            grid-template-columns: 1fr;
        }

        :where([data-ui="unified"][data-campaign]) .quote-form {
            padding: 1.5rem 1rem;
        }
    }

    :where([data-ui="unified"][data-campaign]) .form-success {
        text-align: center;
        padding: 3rem 1.5rem;
        background: linear-gradient(135deg, var(--ui-tint) 0%, var(--ui-surface) 100%);
        border: 2px solid var(--ui-accent);
        border-radius: var(--radius-lg);
    }

    :where([data-ui="unified"][data-campaign]) .form-success__icon {
        font-size: 4rem;
        color: var(--ui-accent);
        margin-bottom: 1rem;
    }

    :where([data-ui="unified"][data-campaign]) .form-success h3 {
        font-size: 1.75rem;
        color: var(--ui-accent-hover);
        margin-bottom: 0.5rem;
    }

    :where([data-ui="unified"][data-campaign]) .form-success__lead {
        font-size: 1.0625rem;
        color: var(--ui-ink);
        max-width: 480px;
        margin: 0 auto 1rem;
    }

    :where([data-ui="unified"][data-campaign]) .form-success__quote-id {
        font-size: 0.875rem;
        color: var(--ui-muted);
        margin-bottom: 1rem;
    }

    :where([data-ui="unified"][data-campaign]) .form-success__cta a {
        color: var(--ui-accent-hover);
        font-weight: 700;
        text-decoration: none;
    }

    :where([data-ui="unified"][data-campaign]) .form-success__cta a:hover {
        text-decoration: underline;
    }

    :where([data-ui="unified"][data-campaign]) .faq {
        padding: 4rem 0;
        background: var(--ui-canvas);
    }

    :where([data-ui="unified"][data-campaign]) .faq__inner {
        max-width: 800px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    :where([data-ui="unified"][data-campaign]) .faq__item {
        background: var(--ui-surface);
        border: 1px solid var(--ui-line);
        border-radius: var(--radius-md);
        margin-bottom: 0.75rem;
        overflow: hidden;
    }

    :where([data-ui="unified"][data-campaign]) .faq__item summary {
        padding: 1.125rem 1.25rem;
        cursor: pointer;
        list-style: none;
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: var(--ui-ink);
        min-height: 52px;
        font-weight: 600;
    }

    :where([data-ui="unified"][data-campaign]) .faq__item summary::-webkit-details-marker {
        display: none;
    }

    :where([data-ui="unified"][data-campaign]) .faq__item summary::after {
        content: '⌄';
        font-weight: 700;
        color: var(--ui-accent);
        font-size: 1.25rem;
    }

    :where([data-ui="unified"][data-campaign]) .faq__item[open] summary::after {
        transform: rotate(180deg);
    }

    :where([data-ui="unified"][data-campaign]) .faq__item p {
        padding: 0 1.25rem 1.125rem;
        color: var(--ui-ink);
    }

    :where([data-ui="unified"][data-campaign]) .g-footer {
        background: linear-gradient(135deg, var(--ui-accent-hover) 0%, var(--ui-accent-hover) 100%);
        color: var(--ui-surface);
        padding: 3rem 0 1.5rem;
        overflow-wrap: anywhere;
    }

    :where([data-ui="unified"][data-campaign]) .g-footer__inner {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 1.5rem;
        display: grid;
        gap: 2rem;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    :where([data-ui="unified"][data-campaign]) .g-footer__rep {
        display: flex;
        gap: 1.25rem;
        align-items: center;
        min-width: 0;
    }

    :where([data-ui="unified"][data-campaign]) .g-footer__rep-icon {
        width: 64px;
        height: 64px;
        background: rgb(255 255 255 / 15%);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.75rem;
        color: var(--color-on-brand);
        flex-shrink: 0;
    }

    :where([data-ui="unified"][data-campaign]) .g-footer__rep-label {
        font-size: 0.75rem;
        text-transform: uppercase;
        letter-spacing: 0.08em;
        opacity: 0.7;
        margin-bottom: 0.125rem;
    }

    :where([data-ui="unified"][data-campaign]) .g-footer__rep-name {
        font-size: 1.25rem;
        font-weight: 700;
        margin-bottom: 0.25rem;
    }

    :where([data-ui="unified"][data-campaign]) .g-footer__rep-contact a {
        color: var(--ui-surface);
        text-decoration: none;
        line-height: 1.7;
    }

    :where([data-ui="unified"][data-campaign]) .g-footer__rep-contact a:hover {
        text-decoration: underline;
    }

    :where([data-ui="unified"][data-campaign]) .g-footer__reps {
        margin-top: 0.875rem;
        padding-top: 0.75rem;
        border-top: 1px solid rgb(255 255 255 / 20%);
        font-size: 0.8125rem;
        line-height: 1.5;
    }

    :where([data-ui="unified"][data-campaign]) .g-footer__reps-label {
        display: block;
        font-size: 0.6875rem;
        text-transform: uppercase;
        letter-spacing: 0.08em;
        opacity: 0.7;
        margin-bottom: 0.125rem;
    }

    :where([data-ui="unified"][data-campaign]) .g-footer__reps a {
        color: var(--ui-surface);
        text-decoration: none;
        font-weight: 600;
    }

    :where([data-ui="unified"][data-campaign]) .g-footer__reps a:hover {
        text-decoration: underline;
        color: var(--color-on-brand);
    }

    :where([data-ui="unified"][data-campaign]) .g-footer__name {
        font-size: 1.125rem;
        font-weight: 700;
        margin-bottom: 0.5rem;
    }

    :where([data-ui="unified"][data-campaign]) .g-footer__addr {
        font-size: 0.9375rem;
        opacity: 0.85;
        line-height: 1.6;
        margin-bottom: 0.5rem;
    }

    :where([data-ui="unified"][data-campaign]) .g-footer__since {
        font-size: 0.8125rem;
        opacity: 0.7;
        font-style: italic;
    }

    :where([data-ui="unified"][data-campaign]) .g-footer__copyright {
        text-align: center;
        margin-top: 2.5rem;
        padding-top: 1.5rem;
        border-top: 1px solid rgb(255 255 255 / 15%);
        font-size: 0.8125rem;
        opacity: 0.7;
    }

    @media screen and (width <= 720px) {
        :where([data-ui="unified"][data-campaign]) .g-footer__inner {
            grid-template-columns: 1fr;
        }
    }

    :where([data-ui="unified"][data-campaign]) .heritage {
        position: relative;
        padding: 4.5rem 0 4rem;
        background: linear-gradient(135deg, var(--ui-accent-hover) 0%, var(--ui-accent-hover) 100%);
        color: var(--ui-surface);
        overflow: hidden;
    }

    :where([data-ui="unified"][data-campaign]) .heritage::before {
        content: '';
        position: absolute;
        inset: 0;
        background-image: radial-gradient(circle, rgb(255 255 255 / 7%) 1px, transparent 1.5px);
        background-size: 18px 18px;
        pointer-events: none;
    }

    :where([data-ui="unified"][data-campaign]) .heritage__inner {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 1.5rem;
        position: relative;
        z-index: 1;
    }

    :where([data-ui="unified"][data-campaign]) .heritage__intro {
        text-align: center;
        max-width: 720px;
        margin: 0 auto 2.5rem;
    }

    :where([data-ui="unified"][data-campaign]) .heritage__eyebrow {
        display: inline-block;
        background: var(--color-warning-bg);
        color: var(--color-warning-ink);
        font-size: 0.7rem;
        font-weight: 700;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        padding: 0.4rem 1rem;
        border-radius: var(--radius-pill);
        margin-bottom: 1rem;
    }

    :where([data-ui="unified"][data-campaign]) .heritage__title {
        font-size: 1.875rem;
        font-weight: 700;
        line-height: 1.2;
        color: var(--ui-surface);
        margin-bottom: 0.875rem;
    }

    :where([data-ui="unified"][data-campaign]) .heritage__sub {
        font-size: 1rem;
        color: rgb(255 255 255 / 85%);
        line-height: 1.55;
    }

    :where([data-ui="unified"][data-campaign]) .heritage__stats {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1.5rem;
        max-width: 920px;
        margin: 0 auto;
    }

    :where([data-ui="unified"][data-campaign]) .heritage__stat {
        background: rgb(255 255 255 / 8%);
        border: 1px solid rgb(255 255 255 / 18%);
        border-radius: var(--radius-lg);
        padding: 1.75rem 1.25rem 1.5rem;
        text-align: center;
        backdrop-filter: blur(6px);
    }

    :where([data-ui="unified"][data-campaign]) .heritage__stat:hover {
        background: rgb(255 255 255 / 14%);
        border-color: rgb(255 255 255 / 30%);
    }

    :where([data-ui="unified"][data-campaign]) .heritage__stat-num {
        font-size: 3.75rem;
        font-weight: 700;
        line-height: 1;
        color: var(--color-on-brand);
        margin-bottom: 0.625rem;
        letter-spacing: -0.02em;
    }

    :where([data-ui="unified"][data-campaign]) .heritage__stat-label {
        font-size: 1rem;
        font-weight: 700;
        color: var(--ui-surface);
        line-height: 1.3;
    }

    :where([data-ui="unified"][data-campaign]) .heritage__stat-sub {
        margin-top: 0.375rem;
        font-size: 0.8125rem;
        font-weight: 400;
        color: rgb(255 255 255 / 72%);
        line-height: 1.4;
    }

    :where([data-ui="unified"][data-campaign]) .heritage__stat--with-photo {
        padding-bottom: 0;
        overflow: hidden;
        display: flex;
        flex-direction: column;
    }

    :where([data-ui="unified"][data-campaign]) .heritage__stat-photo {
        margin: 1.25rem -1.25rem 0;
        aspect-ratio: 16 / 9;
        overflow: hidden;
        border-bottom-left-radius: calc(var(--radius-lg) - 1px);
        border-bottom-right-radius: calc(var(--radius-lg) - 1px);
        border-top: 1px solid rgb(255 255 255 / 18%);
        background: rgb(0 0 0 / 25%);
    }

    :where([data-ui="unified"][data-campaign]) .heritage__stat-photo img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    :where([data-ui="unified"][data-campaign]) .heritage__stat-photo--logo {
        background: var(--ui-ink);
    }

    :where([data-ui="unified"][data-campaign]) .heritage__stat-photo--logo img {
        object-fit: contain;
        padding: 0.625rem;
    }

    @media screen and (width <= 768px) {
        :where([data-ui="unified"][data-campaign]) .heritage {
            padding: 3rem 0;
        }

        :where([data-ui="unified"][data-campaign]) .heritage__stats {
            grid-template-columns: 1fr;
            gap: 1rem;
            max-width: 380px;
        }

        :where([data-ui="unified"][data-campaign]) .heritage__stat-num {
            font-size: 2.75rem;
        }

        :where([data-ui="unified"][data-campaign]) .heritage__title {
            font-size: 1.5rem;
        }
    }

    :where([data-ui="unified"][data-campaign]) .team {
        padding: 4rem 0 4.5rem;
        background: var(--ui-surface);
    }

    :where([data-ui="unified"][data-campaign]) .team__inner {
        max-width: 1280px;
        margin: 0 auto;
        padding: 0 1.5rem;
    }

    :where([data-ui="unified"][data-campaign]) .team__intro {
        text-align: center;
        max-width: 720px;
        margin: 0 auto 2.5rem;
    }

    :where([data-ui="unified"][data-campaign]) .team__eyebrow {
        display: inline-block;
        background: var(--ui-tint);
        color: var(--ui-accent-hover);
        font-size: 0.7rem;
        font-weight: 700;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        padding: 0.4rem 1rem;
        border-radius: var(--radius-pill);
        margin-bottom: 1rem;
    }

    :where([data-ui="unified"][data-campaign]) .team__title {
        font-size: 1.875rem;
        font-weight: 700;
        line-height: 1.2;
        color: var(--ui-ink);
        margin-bottom: 0.875rem;
    }

    :where([data-ui="unified"][data-campaign]) .team__sub {
        font-size: 1rem;
        color: var(--ui-muted);
        line-height: 1.55;
    }

    :where([data-ui="unified"][data-campaign]) .team__grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 1.25rem;
    }

    :where([data-ui="unified"][data-campaign]) .team__card {
        position: relative;
        background: var(--ui-surface);
        border: 1px solid var(--ui-line);
        border-radius: var(--radius-md);
        overflow: hidden;
        margin: 0;
        display: flex;
        flex-direction: column;
    }

    :where([data-ui="unified"][data-campaign]) .team__card:hover {
        border-color: var(--ui-accent);
    }

    :where([data-ui="unified"][data-campaign]) .team__card-image {
        position: relative;
        aspect-ratio: 4 / 3;
        overflow: hidden;
        background: var(--ui-tint);
    }

    :where([data-ui="unified"][data-campaign]) .team__card-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    :where([data-ui="unified"][data-campaign]) .team__card figcaption {
        padding: 0.875rem 1rem 1.125rem;
        font-size: 0.8125rem;
        line-height: 1.45;
        color: var(--ui-ink);
        text-align: left;
        flex: 1;
    }

    :where([data-ui="unified"][data-campaign]) .team__card--featured {
        border-color: var(--color-warning-ink);
    }

    :where([data-ui="unified"][data-campaign]) .team__card--featured:hover {
        border-color: var(--color-warning-ink);
    }

    :where([data-ui="unified"][data-campaign]) .team__card-ribbon {
        position: absolute;
        bottom: 12px;
        left: 12px;
        z-index: 2;
        background: linear-gradient(135deg, var(--color-warning-ink) 0%, var(--amber-600) 100%);
        color: var(--ui-surface);
        font-size: 0.65rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        padding: 0.3rem 0.65rem;
        border-radius: var(--radius-pill);
        white-space: nowrap;
    }

    @media screen and (width <= 1024px) {
        :where([data-ui="unified"][data-campaign]) .team__grid {
            grid-template-columns: repeat(3, 1fr);
        }
    }

    @media screen and (width <= 768px) {
        :where([data-ui="unified"][data-campaign]) .team__grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 1rem;
        }

        :where([data-ui="unified"][data-campaign]) .team__title {
            font-size: 1.5rem;
        }
    }

    @media screen and (width <= 480px) {
        :where([data-ui="unified"][data-campaign]) .team__grid {
            grid-template-columns: 1fr;
        }
    }

    :where([data-ui="unified"][data-campaign]) .hero__cta-row {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        margin-bottom: 1rem;
        gap: 12px;
    }

    @media screen and (width <= 480px) {
        :where([data-ui="unified"][data-campaign]) .hero__cta-row {
            gap: 0.625rem;
        }
    }

    :where([data-ui="unified"][data-campaign]) .sticky-nav__inner {
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        max-width: 1248px;
        padding: 12px 24px;
        gap: 12px;
        flex-wrap: wrap;
    }

    :where([data-ui="unified"][data-campaign]) .sticky-nav__links {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        align-items: center;
        gap: 8px 20px;
        flex-wrap: wrap;
    }

    :where([data-ui="unified"][data-campaign]) .sticky-nav__links a {
        display: inline-flex;
        align-items: center;
        gap: 0.4rem;
        padding: 0.45rem 0.75rem;
        font-size: 0.875rem;
        font-weight: 600;
        color: var(--ui-accent-hover);
        text-decoration: none;
        border-radius: var(--radius-md);
        min-height: 44px;
    }

    :where([data-ui="unified"][data-campaign]) .sticky-nav__links a i {
        color: var(--ui-accent);
        font-size: 0.85em;
    }

    :where([data-ui="unified"][data-campaign]) .sticky-nav__links a:hover,
    :where([data-ui="unified"][data-campaign]) .sticky-nav__links a:focus-visible {
        background: var(--ui-tint);
        color: var(--ui-accent-hover);
    }

    @media screen and (width <= 768px) {
        :where([data-ui="unified"][data-campaign]) .sticky-nav__links {
            display: none;
        }

        :where([data-ui="unified"][data-campaign]) .sticky-nav__inner {
            justify-content: flex-end;
            padding: 0.625rem 1rem;
        }
    }

    :where([data-ui="unified"][data-campaign]) .team__card .team__card-image {
        cursor: zoom-in;
    }

    :where([data-ui="unified"][data-campaign]) .team__card .team__card-image:focus-visible {
        outline: 3px solid var(--ui-accent);
        outline-offset: 2px;
    }

    :where([data-ui="unified"][data-campaign]) .showroom-cta {
        padding: 4.5rem 0 5rem;
        background: linear-gradient(180deg, var(--ui-surface) 0%, var(--store-paper-deep) 100%);
        border-top: 1px solid var(--ui-line);
        border-bottom: 1px solid var(--ui-line);
    }

    :where([data-ui="unified"][data-campaign]) .showroom-cta__inner {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 1.5rem;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 3rem;
        align-items: center;
    }

    :where([data-ui="unified"][data-campaign]) .showroom-cta__photo {
        position: relative;
        border-radius: var(--radius-lg);
        overflow: hidden;
        aspect-ratio: 4 / 3;
    }

    :where([data-ui="unified"][data-campaign]) .showroom-cta__photo img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    :where([data-ui="unified"][data-campaign]) .showroom-cta__photo-tag {
        position: absolute;
        bottom: 1rem;
        left: 1rem;
        font-size: 0.7rem;
        font-weight: 700;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        padding: 0.45rem 0.9rem;
        border-radius: var(--radius-pill);
        background: var(--ui-accent);
        color: var(--color-on-brand);
    }

    :where([data-ui="unified"][data-campaign]) .showroom-cta__eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 0.45rem;
        background: var(--ui-accent-hover);
        color: var(--ui-surface);
        font-size: 0.7rem;
        font-weight: 700;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        padding: 0.4rem 1rem;
        border-radius: var(--radius-pill);
        margin-bottom: 1.125rem;
    }

    :where([data-ui="unified"][data-campaign]) .showroom-cta__eyebrow i {
        font-size: 0.85em;
        color: var(--color-warning-ink);
    }

    :where([data-ui="unified"][data-campaign]) .showroom-cta__title {
        font-size: clamp(1.5rem, 3vw, 2.25rem);
        font-weight: 700;
        line-height: 1.15;
        color: var(--ui-ink);
        margin-bottom: 1.25rem;
        letter-spacing: -0.01em;
    }

    :where([data-ui="unified"][data-campaign]) .showroom-cta__lead {
        font-size: 1rem;
        line-height: 1.6;
        color: var(--ui-ink);
        margin-bottom: 1rem;
    }

    :where([data-ui="unified"][data-campaign]) .showroom-cta__lead em {
        font-style: italic;
        color: var(--ui-accent-hover);
        font-weight: 600;
    }

    :where([data-ui="unified"][data-campaign]) .showroom-cta__details {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1rem;
        margin: 1.5rem 0;
        padding: 1rem 0;
        border-top: 1px solid rgb(0 0 0 / 10%);
        border-bottom: 1px solid rgb(0 0 0 / 10%);
    }

    :where([data-ui="unified"][data-campaign]) .showroom-cta__detail {
        display: flex;
        align-items: flex-start;
        gap: 0.75rem;
        font-size: 0.875rem;
        color: var(--ui-ink);
        line-height: 1.5;
    }

    :where([data-ui="unified"][data-campaign]) .showroom-cta__detail i {
        color: var(--ui-accent);
        font-size: 1rem;
        margin-top: 0.2rem;
        flex-shrink: 0;
    }

    :where([data-ui="unified"][data-campaign]) .showroom-cta__buttons {
        display: flex;
        flex-wrap: wrap;
        gap: 0.75rem;
    }

    @media screen and (width <= 900px) {
        :where([data-ui="unified"][data-campaign]) .showroom-cta__inner {
            grid-template-columns: 1fr;
            gap: 2rem;
        }
    }

    @media screen and (width <= 540px) {
        :where([data-ui="unified"][data-campaign]) .showroom-cta__details {
            grid-template-columns: 1fr;
            gap: 0.875rem;
        }
    }

    :where([data-ui="unified"][data-campaign]) .sponsor-extras {
        padding: 4rem 0 4.5rem;
        background: var(--ui-surface);
        border-top: 1px solid var(--ui-line);
        border-bottom: 1px solid var(--ui-line);
    }

    :where([data-ui="unified"][data-campaign]) .sponsor-extras__inner {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 1.5rem;
        display: grid;
        grid-template-columns: 1.1fr 1fr;
        gap: 3rem;
        align-items: center;
    }

    :where([data-ui="unified"][data-campaign]) .sponsor-extras__eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 0.45rem;
        background: var(--ui-ink);
        font-size: 0.7rem;
        font-weight: 700;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        padding: 0.4rem 1rem;
        border-radius: var(--radius-pill);
        margin-bottom: 1.125rem;
        color: var(--color-on-brand);
    }

    :where([data-ui="unified"][data-campaign]) .sponsor-extras__title {
        font-size: clamp(1.5rem, 2.6vw, 2rem);
        font-weight: 700;
        line-height: 1.18;
        color: var(--ui-ink);
        margin-bottom: 1.125rem;
        letter-spacing: -0.01em;
    }

    :where([data-ui="unified"][data-campaign]) .sponsor-extras__lead {
        font-size: 1rem;
        line-height: 1.6;
        color: var(--ui-ink);
        margin-bottom: 1.25rem;
    }

    :where([data-ui="unified"][data-campaign]) .sponsor-extras__list {
        list-style: none;
        padding: 0;
        margin: 0 0 1.25rem;
    }

    :where([data-ui="unified"][data-campaign]) .sponsor-extras__list li {
        display: block;
        padding: 0.45rem 0;
        font-size: 0.9375rem;
        color: var(--ui-ink);
        line-height: 1.45;
    }

    :where([data-ui="unified"][data-campaign]) .sponsor-extras__list i {
        color: var(--ui-accent);
        margin-top: 0.3rem;
        flex-shrink: 0;
    }

    :where([data-ui="unified"][data-campaign]) .sponsor-extras__close {
        font-size: 0.95rem;
        color: var(--ui-accent-hover);
        margin-bottom: 1.5rem;
        padding: 0.75rem 1rem;
        background: var(--ui-tint);
        border-left: 3px solid var(--ui-accent);
        border-radius: 0 var(--radius-md) var(--radius-md) 0;
        line-height: 1.5;
    }

    :where([data-ui="unified"][data-campaign]) .sponsor-extras__buttons {
        display: flex;
        flex-wrap: wrap;
        gap: 0.75rem;
    }

    :where([data-ui="unified"][data-campaign]) .sponsor-extras__photo {
        position: relative;
        border-radius: var(--radius-lg);
        overflow: hidden;
        aspect-ratio: 4 / 3;
    }

    :where([data-ui="unified"][data-campaign]) .sponsor-extras__photo img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    :where([data-ui="unified"][data-campaign]) .sponsor-extras__photo-tag {
        position: absolute;
        bottom: 1rem;
        left: 1rem;
        background: var(--ui-ink);
        font-size: 0.7rem;
        font-weight: 700;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        padding: 0.45rem 0.9rem;
        border-radius: var(--radius-pill);
        color: var(--color-on-brand);
    }

    @media screen and (width <= 900px) {
        :where([data-ui="unified"][data-campaign]) .sponsor-extras__inner {
            grid-template-columns: 1fr;
            gap: 2rem;
        }

        :where([data-ui="unified"][data-campaign]) .sponsor-extras__photo {
            order: -1;
        }
    }

    :where([data-ui="unified"][data-campaign]) {
        background: var(--ui-canvas);
    }

    :where([data-ui="unified"][data-campaign]) :is(p, figure, ul, h1, h2, h3) {
        margin-top: 0;
    }

    :where([data-ui="unified"][data-campaign]) .section-subtitle {
        font-size: 17px;
        line-height: 1.7;
    }

    :where([data-ui="unified"][data-campaign]) .sticky-nav {
        background: var(--ui-surface);
        border-bottom: 1px solid var(--ui-line);
        position: sticky;
        top: 0;
        z-index: 10;
    }

    :where([data-ui="unified"][data-campaign]) .sticky-nav__cta {
        white-space: normal;
    }

    :where([data-ui="unified"][data-campaign]) .lightbox::backdrop {
        background: color-mix(in srgb, var(--ui-ink) 75%, transparent);
    }

    :where([data-ui="unified"][data-campaign]) .lightbox__image {
        max-height: calc(100dvh - 200px);
        width: auto;
        object-fit: contain;
    }

    :where([data-ui="unified"][data-campaign]) .lightbox__close {
        position: absolute;
        top: 12px;
        right: 12px;
    }

    :where([data-ui="unified"][data-campaign]) .lightbox__next {
        position: absolute;
        top: 45%;
        right: 8px;
    }

    @media print {
        :where([data-ui="unified"][data-campaign]) {
            background: var(--ui-surface);
        }

        :where([data-ui="unified"][data-campaign])
            :is(
                .sticky-nav,
                .lightbox,
                .hero__cta-row,
                .showroom-cta__buttons,
                .sponsor-extras__buttons,
                .quote-form__submit,
                .product-card__expand,
                .showcase__filters
            ) {
            display: none;
        }

        :where([data-ui="unified"][data-campaign])
            :is(
                .g-header,
                .hero,
                .hero__inner,
                .heritage,
                .team,
                .showroom-cta,
                .sponsor-extras,
                .showcase,
                .example-package,
                .quote-section,
                .faq,
                .g-footer,
                .g-footer__inner,
                .section
            ) {
            position: static;
            min-height: 0;
            height: auto;
            padding: 12px 0;
            background: var(--ui-surface);
            color: var(--ui-ink);
        }

        :where([data-ui="unified"][data-campaign]) :is(.hero__image, .hero__overlay, .hero::before) {
            display: none;
        }

        :where([data-ui="unified"][data-campaign]) .hero__headline {
            font-size: 26px;
            max-width: none;
        }

        :where([data-ui="unified"][data-campaign]) :is(.hero__sub, .section-subtitle) {
            font-size: 12px;
        }

        :where([data-ui="unified"][data-campaign])
            :is(
                .section-title,
                .showroom-cta__title,
                .heritage__title,
                .team__title,
                .sponsor-extras__title
            ) {
            font-size: 21px;
        }

        :where([data-ui="unified"][data-campaign]) :is(p, li, td, th, label) {
            font-size: 11px;
            line-height: 1.5;
        }

        :where([data-ui="unified"][data-campaign]) :is(h2, h3, summary) {
            break-after: avoid;
        }

        :where([data-ui="unified"][data-campaign])
            :is(.hero__bonus-card, .team__card, .proof__card, .faq__item, .product-card, tr, figure) {
            break-inside: avoid;
        }

        :where([data-ui="unified"][data-campaign])
            :is(.category .category__grid, .product-card__pricing-table) {
            display: grid;
        }

        :where([data-ui="unified"][data-campaign]) .category__grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 12px;
            padding: 10px;
        }

        :where([data-ui="unified"][data-campaign]) .product-card__image {
            height: 110px;
            padding: 6px;
        }

        :where([data-ui="unified"][data-campaign]) .product-card__body {
            padding: 10px;
        }

        :where([data-ui="unified"][data-campaign]) .product-card__name {
            font-size: 12px;
        }

        :where([data-ui="unified"][data-campaign]) .product-card__price-value {
            font-size: 18px;
        }

        :where([data-ui="unified"][data-campaign]) :is(.g-footer, .g-footer__inner) {
            break-inside: avoid;
        }

        :where([data-ui="unified"][data-campaign])
            :is(.g-footer, .hero, .example-package)
            :is(a, p, span, h1, h2, h3, div) {
            color: var(--ui-ink);
        }

        :where([data-ui="unified"][data-campaign])
            :is(.hero__bonus-card-image, .showroom-cta__photo img, .team__card img, .heritage__image) {
            max-height: 180px;
            object-fit: contain;
        }

        :where([data-ui="unified"][data-campaign]) .quote-form {
            padding: 16px;
        }

        :where([data-ui="unified"][data-campaign]) :focus {
            outline: none;
        }
    }

    :where([data-ui="unified"][data-campaign]) img {
        display: block;
        max-width: 100%;
        height: auto;
    }

    :where([data-ui="unified"][data-campaign]) .lightbox {
        width: min(1100px, calc(100% - 32px));
        max-height: calc(100dvh - 32px);
        padding: 64px 64px 24px;
        border: 1px solid var(--ui-line);
        border-radius: var(--radius-lg);
        background: var(--ui-surface);
        color: var(--ui-ink);
        margin: auto;
    }

    :where([data-ui="unified"][data-campaign]) .lightbox__content {
        margin: 0;
        display: grid;
        justify-items: center;
        gap: 16px;
    }

    :where([data-ui="unified"][data-campaign]) .lightbox__caption {
        line-height: 1.6;
        text-align: center;
    }

    :where([data-ui="unified"][data-campaign]) .lightbox__prev {
        position: absolute;
        top: 45%;
        left: 8px;
    }

    @media screen and (width <= 720px) {
        :where([data-ui="unified"][data-campaign]) .g-header__inner {
            padding-inline: 16px;
        }

        :where([data-ui="unified"][data-campaign]) .hero__inner {
            padding: 40px 16px;
        }

        :where([data-ui="unified"][data-campaign]) .hero__sub {
            font-size: 17px;
        }

        :where([data-ui="unified"][data-campaign]) .g-header__contact span {
            display: inline;
        }

        :where([data-ui="unified"][data-campaign]) .g-header__contact-item {
            font-size: 13px;
        }

        :where([data-ui="unified"][data-campaign]) .sticky-nav {
            position: static;
        }

        :where([data-ui="unified"][data-campaign]) .sticky-nav__inner {
            padding: 12px 16px;
        }

        :where([data-ui="unified"][data-campaign]) .sticky-nav__links {
            display: flex;
        }

        :where([data-ui="unified"][data-campaign]) .lightbox {
            padding-inline: 48px;
        }
    }

    :where([data-ui="unified"][data-campaign]) .campaign-pricing-note {
        text-align: center;
        color: var(--ui-muted);
        font-size: 13px;
        padding: 8px;
    }

    :where([data-ui="unified"][data-campaign]) .campaign-small-note {
        font-size: 12px;
        color: var(--ui-muted);
        margin-top: 8px;
        text-align: center;
    }

    :where([data-ui="unified"][data-campaign]) .campaign-loading {
        padding: 32px;
    }

    :where([data-ui="unified"][data-campaign]) .campaign-spinner {
        font-size: 20px;
    }

    :where([data-ui="unified"][data-campaign]) .campaign-spec-list {
        margin: 0;
        padding-left: 20px;
        color: var(--ui-ink);
        font-size: 14px;
        line-height: 1.7;
    }

    :where([data-ui="unified"][data-campaign]) .campaign-quote-on-request {
        font-size: 14px;
        color: var(--ui-muted);
    }

    :where([data-ui="unified"][data-campaign]) .campaign-first-column {
        text-align: left;
        padding-left: 24px;
    }

    :where([data-ui="unified"][data-campaign]) .campaign-price-error {
        padding: 32px;
        text-align: center;
        color: var(--ui-muted);
    }

    :where([data-ui="unified"][data-campaign]) .campaign-price-error-icon {
        font-size: 24px;
        color: var(--ui-accent);
        margin-bottom: 8px;
    }

    :where([data-ui="unified"][data-campaign]) .campaign-quote-link {
        color: var(--ui-accent);
        font-weight: 700;
    }

    :where([data-ui="unified"][data-campaign]) .campaign-submit-status {
        padding: 16px;
        border: 1px solid var(--color-warning);
        border-radius: var(--radius-md);
        background: var(--color-warning-bg);
        color: var(--color-warning-ink);
        line-height: 1.6;
    }

    :where([data-ui="unified"][data-campaign]) .g-footer__rep > div {
        min-width: 0;
    }

    @media print {
        :where([data-ui="unified"][data-campaign]) main > section {
            padding-block: 16px;
            margin-block: 0;
        }

        :where([data-ui="unified"][data-campaign]) :is(.tournament-proof__grid, .team__grid) {
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 12px;
        }

        :where([data-ui="unified"][data-campaign])
            :is(.proof-card, .team__card, .how__step, .showroom-cta__inner, .sponsor-extras__inner) {
            break-inside: avoid;
        }

        :where([data-ui="unified"][data-campaign]) :is(.proof-card__image, .team__card-image) {
            height: 120px;
            aspect-ratio: auto;
            overflow: hidden;
        }

        :where([data-ui="unified"][data-campaign]) :is(.proof-card__image, .team__card-image) img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }

        :where([data-ui="unified"][data-campaign]) :is(.proof-card__caption, .team__card figcaption) {
            padding: 8px;
            font-size: 11px;
            line-height: 1.4;
        }

        :where([data-ui="unified"][data-campaign]) .showroom-cta__inner {
            grid-template-columns: 180px minmax(0, 1fr);
            gap: 16px;
        }

        :where([data-ui="unified"][data-campaign]) .sponsor-extras__inner {
            grid-template-columns: minmax(0, 1fr) 180px;
            gap: 16px;
        }

        :where([data-ui="unified"][data-campaign]) .sponsor-extras__close {
            break-inside: avoid;
        }

        :where([data-ui="unified"][data-campaign])
            main
            :is(
                .hero,
                .heritage,
                .sponsor-extras,
                .example-package,
                .cta-band,
                .showroom-cta,
                .tournament-proof,
                .trust-bar
            )
            :is([class], p, a, strong, em, span, h1, h2, h3, h4, li, div) {
            color: var(--ui-ink);
            background: transparent;
            -webkit-text-fill-color: currentcolor;
        }

        :where([data-ui="unified"][data-campaign]) .heritage__intro {
            margin-bottom: 12px;
        }

        :where([data-ui="unified"][data-campaign]) .heritage__stat {
            padding: 12px;
            break-inside: avoid;
        }

        :where([data-ui="unified"][data-campaign]) .heritage__stat-num {
            font-size: 26px;
            margin-bottom: 8px;
        }

        :where([data-ui="unified"][data-campaign]) .heritage__stat-label {
            font-size: 12px;
        }

        :where([data-ui="unified"][data-campaign]) .heritage__stat-sub {
            font-size: 11px;
        }

        :where([data-ui="unified"][data-campaign]) .heritage__stat-photo {
            height: 90px;
            margin: 8px 0 0;
        }

        :where([data-ui="unified"][data-campaign]) :is(.showroom-cta__photo, .sponsor-extras__photo) {
            aspect-ratio: auto;
            max-height: 160px;
        }

        :where([data-ui="unified"][data-campaign]) :is(.showroom-cta__photo, .sponsor-extras__photo) img {
            height: 160px;
            object-fit: contain;
        }

        :where([data-ui="unified"][data-campaign]) .showroom-cta__inner:not(:has(.showroom-cta__photo)) {
            grid-template-columns: 1fr;
        }

        :where([data-ui="unified"][data-campaign]) .how__step {
            padding: 12px;
        }

        :where([data-ui="unified"][data-campaign]) .how__step h3 {
            font-size: 15px;
        }

        :where([data-ui="unified"][data-campaign]) .how__step p {
            font-size: 11px;
        }

        :where([data-ui="unified"][data-campaign]) .how__step-num {
            width: 30px;
            height: 30px;
            font-size: 16px;
            margin-bottom: 8px;
        }

        :where([data-ui="unified"][data-campaign]) .g-footer__inner {
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 16px;
        }

        :where([data-ui="unified"][data-campaign]) .g-footer__rep {
            gap: 10px;
            align-items: flex-start;
        }

        :where([data-ui="unified"][data-campaign]) .g-footer__rep-icon {
            display: none;
        }

        :where([data-ui="unified"][data-campaign]) .g-footer__copyright {
            padding: 12px 0;
            margin: 0;
        }

        :where([data-ui="unified"][data-campaign]) .g-footer :is(div, a, span) {
            font-size: 11px;
            line-height: 1.5;
            letter-spacing: normal;
        }

        :where([data-ui="unified"][data-campaign]) .g-footer :is(.g-footer__rep-name, .g-footer__name) {
            font-size: 13px;
            margin-bottom: 6px;
        }

        :where([data-ui="unified"][data-campaign]) .g-footer__reps {
            margin-top: 8px;
            padding-top: 8px;
        }

        :where([data-ui="unified"][data-campaign]) :is(.product-error, .loading-state--page) {
            min-height: 0;
            padding: 20px 0;
        }

        :where([data-ui="unified"][data-campaign]) .cta-band .btn {
            display: none;
        }

        :where([data-ui="unified"][data-campaign]) .gallery__main img {
            padding: 10px;
            max-height: 210px;
        }

        :where([data-ui="unified"][data-campaign])
            :is(.product-card__pricing-table table, .example-package__line-items, .volume-pricing__table) {
            break-inside: avoid;
        }

        :where([data-ui="unified"][data-campaign])
            :is(
                .product-card__pricing-table td,
                .product-card__pricing-table th,
                .volume-pricing__table td,
                .volume-pricing__table th
            ) {
            padding: 8px;
            font-size: 11px;
        }

        :where([data-ui="unified"][data-campaign])
            :is(.product-card__pricing-table, .volume-pricing__table-wrap) {
            overflow: visible;
        }

        :where([data-ui="unified"][data-campaign]) .product-card__pricing-table {
            padding: 8px;
        }

        :where([data-ui="unified"][data-campaign]) .product-card__pricing-table :is(td, th) {
            padding: 4px;
            font-size: 10px;
        }

        :where([data-ui="unified"][data-campaign]) .product-card__pricing-table td {
            white-space: nowrap;
        }

        :where([data-ui="unified"][data-campaign]) .faq__item {
            margin-bottom: 8px;
        }

        :where([data-ui="unified"][data-campaign]) .faq__item summary {
            padding: 8px 12px;
            min-height: 0;
            font-size: 12px;
        }

        :where([data-ui="unified"][data-campaign]) .faq__item summary::after {
            display: none;
        }

        :where([data-ui="unified"][data-campaign]) .faq__item p {
            padding: 0 12px 8px;
            margin-bottom: 0;
        }

        :where([data-ui="unified"][data-campaign]) .example-package__card {
            padding: 12px;
            margin-bottom: 12px;
        }

        :where([data-ui="unified"][data-campaign]) .example-package .btn {
            display: none;
        }

        :where([data-ui="unified"][data-campaign]) .quote-form__group {
            break-inside: avoid;
        }
    }
}