/* PlatPlus — /home-design sandbox (dark fold + light scroll) */

body.pp-home-design {
    --pp-primary: #7c3aed;
    --pp-design-ink: #0f172a;
    --pp-design-muted: #64748b;
    --pp-design-border: #e2e8f0;
    --pp-design-nav-h: 4.15rem;
    --pp-design-announce-h: 2.65rem;
    --pp-hero-edge-lift: 53px;
    --pp-ink: #ffffff;
    --pp-ink-2: #f8fafc;
    --pp-line: rgba(15, 23, 42, 0.08);
    --pp-soft: #64748b;
    --pp-accent: #7c3aed;
    --pp-accent-2: #6366f1;
    background: #fff;
    color: #334155;
}

body.pp-home-design:not(:has(.pp-announce)) {
    --pp-design-announce-h: 0px;
}

/* ── Nav (near-black header in light; same in dark) ── */
body.pp-home-design .pp-top-sticky .pp-nav {
    background: rgba(0, 0, 0, 0.92);
    backdrop-filter: blur(18px);
    border-bottom-color: rgba(255, 255, 255, 0.08);
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.28);
}

body.pp-home-design.pp-theme-dark .pp-top-sticky .pp-nav {
    background: rgba(0, 0, 0, 0.88);
    border-bottom-color: rgba(255, 255, 255, 0.06);
}

body.pp-home-design .pp-nav-toggle {
    color: #fff !important;
}

body.pp-home-design .pp-logo-word {
    color: #fff !important;
}

body.pp-home-design .pp-logo-word span {
    color: #c4b5fd !important;
}

body.pp-home-design .pp-menu a {
    color: rgba(255, 255, 255, 0.78) !important;
    font-weight: 600;
}

body.pp-home-design .pp-menu a:hover,
body.pp-home-design .pp-menu a.active {
    color: #fff !important;
}

body.pp-home-design .pp-nav-login {
    border-color: rgba(255, 255, 255, 0.35);
    color: #fff !important;
    background: transparent;
    font-weight: 700;
}

/* Theme switch — sun / moon pill */
body.pp-home-design .pp-theme-switch {
    --pp-sw-w: 3.15rem;
    --pp-sw-h: 1.7rem;
    --pp-sw-pad: 0.18rem;
    appearance: none;
    border: 0;
    padding: 0;
    margin: 0;
    background: transparent;
    cursor: pointer;
    flex-shrink: 0;
    line-height: 0;
}

body.pp-home-design .pp-theme-switch-track {
    position: relative;
    display: block;
    width: var(--pp-sw-w);
    height: var(--pp-sw-h);
    border-radius: 999px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.05)),
        #111827;
    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.16),
        0 6px 16px rgba(0, 0, 0, 0.35);
    overflow: hidden;
    transition: background 0.35s ease, box-shadow 0.35s ease;
}

body.pp-home-design .pp-theme-switch-track::before,
body.pp-home-design .pp-theme-switch-track::after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.62rem;
    opacity: 0.45;
    color: #fff;
    pointer-events: none;
}

body.pp-home-design .pp-theme-switch-thumb {
    position: absolute;
    top: var(--pp-sw-pad);
    inset-inline-start: var(--pp-sw-pad);
    width: calc(var(--pp-sw-h) - var(--pp-sw-pad) * 2);
    height: calc(var(--pp-sw-h) - var(--pp-sw-pad) * 2);
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: linear-gradient(145deg, #fde68a, #f59e0b);
    color: #78350f;
    box-shadow: 0 4px 10px rgba(245, 158, 11, 0.45);
    transition:
        transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
        background 0.35s ease,
        color 0.35s ease,
        box-shadow 0.35s ease;
}

body.pp-home-design .pp-theme-switch-thumb i {
    position: absolute;
    font-size: 0.78rem;
    transition: opacity 0.25s ease, transform 0.25s ease;
}

body.pp-home-design .pp-theme-icon-moon {
    opacity: 0;
    transform: scale(0.6) rotate(-40deg);
}

body.pp-home-design .pp-theme-icon-sun {
    opacity: 1;
    transform: scale(1) rotate(0deg);
}

/* RTL: thumb starts at right (inline-start); dark slides toward left (end) */
html[dir="rtl"] body.pp-home-design .pp-theme-switch.is-dark .pp-theme-switch-thumb {
    transform: translateX(calc(-1 * (var(--pp-sw-w) - var(--pp-sw-h))));
}

html[dir="ltr"] body.pp-home-design .pp-theme-switch.is-dark .pp-theme-switch-thumb {
    transform: translateX(calc(var(--pp-sw-w) - var(--pp-sw-h)));
}

body.pp-home-design .pp-theme-switch.is-dark .pp-theme-switch-track {
    background:
        linear-gradient(135deg, rgba(124, 58, 237, 0.45), rgba(59, 130, 246, 0.35)),
        #0b1220;
    box-shadow:
        inset 0 0 0 1px rgba(167, 139, 250, 0.35),
        0 6px 18px rgba(124, 58, 237, 0.28);
}

body.pp-home-design .pp-theme-switch.is-dark .pp-theme-switch-thumb {
    background: linear-gradient(145deg, #e0e7ff, #818cf8);
    color: #1e1b4b;
    box-shadow: 0 4px 12px rgba(129, 140, 248, 0.5);
}

body.pp-home-design .pp-theme-switch.is-dark .pp-theme-icon-sun {
    opacity: 0;
    transform: scale(0.6) rotate(40deg);
}

body.pp-home-design .pp-theme-switch.is-dark .pp-theme-icon-moon {
    opacity: 1;
    transform: scale(1) rotate(0deg);
}

body.pp-home-design .pp-theme-switch:focus-visible .pp-theme-switch-track {
    outline: 2px solid #a78bfa;
    outline-offset: 3px;
}

body.pp-home-design .pp-theme-switch:hover .pp-theme-switch-track {
    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.22),
        0 8px 20px rgba(0, 0, 0, 0.4);
}

body.pp-home-design .pp-nav-actions {
    display: flex;
    align-items: center;
    gap: 0.55rem;
}

body.pp-home-design .pp-nav-actions .pp-btn-ghost {
    color: rgba(255, 255, 255, 0.9) !important;
    border-color: transparent;
    background: transparent;
    font-weight: 700;
}

body.pp-home-design .pp-nav-actions .pp-btn-ghost:hover {
    color: #fff !important;
    background: rgba(255, 255, 255, 0.08);
}

body.pp-home-design .pp-nav-actions .pp-btn-white {
    background: #fff !important;
    color: #0f172a !important;
    border: 0;
    font-weight: 800;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.25);
}

body.pp-home-design .pp-nav-actions .pp-btn-white:hover {
    background: #f8fafc !important;
    color: #0f172a !important;
}

body.pp-home-design .pp-nav-bar-end {
    display: flex;
    align-items: center;
    gap: 0.2rem;
    flex-shrink: 0;
}

body.pp-home-design .pp-nav-call {
    align-items: center;
    gap: 0.4rem;
    text-decoration: none;
    color: #fff !important;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

body.pp-home-design .pp-nav-call--icon {
    display: inline-flex;
    width: 2.35rem;
    height: 2.35rem;
    justify-content: center;
    border-radius: 999px;
    background: rgba(52, 211, 153, 0.18);
    border: 1px solid rgba(52, 211, 153, 0.45);
    color: #5eead4 !important;
    font-size: 1.05rem;
}

body.pp-home-design .pp-nav-call--icon:hover {
    background: rgba(52, 211, 153, 0.22);
    color: #fff !important;
}

body.pp-home-design .pp-announce {
    background: linear-gradient(90deg, #5b21b6, #6d28d9 40%, #4f46e5 75%, #2563eb);
    border-bottom: 0;
}

body.pp-home-design.pp-theme-dark .pp-announce {
    background: linear-gradient(90deg, #4c1d95, #5b21b6 35%, #4338ca 70%, #1d4ed8);
}

body.pp-home-design .pp-btn-primary {
    background: linear-gradient(135deg, #8b5cf6 0%, #6366f1 55%, #3b82f6 100%);
    box-shadow: 0 8px 24px rgba(124, 58, 237, 0.32);
    border: 0;
}

body.pp-home-design .pp-btn-primary:hover {
    background: linear-gradient(135deg, #7c3aed 0%, #4f46e5 55%, #2563eb 100%);
    filter: brightness(1.03);
}

/* ── First screen (nav + hero = 100dvh on desktop) ── */
body.pp-home-design .pp-design-fold {
    background: #f4f7fb;
    overflow: visible;
}

body.pp-home-design.pp-theme-dark .pp-design-fold,
body.pp-home-design.pp-hero-theme-dark .pp-design-fold {
    background: #050505;
}

body.pp-home-design .pp-design-fold [data-reveal] {
    opacity: 1;
    transform: none;
}

body.pp-home-design .pp-hero.pp-hero-design {
    position: relative;
    display: flex;
    flex-direction: column;
    background: #eef2ff;
    padding: 0;
    overflow-x: clip;
    overflow-y: visible;
}

body.pp-home-design.pp-theme-dark .pp-hero.pp-hero-design,
body.pp-home-design.pp-hero-theme-dark .pp-hero.pp-hero-design {
    background: #050505;
}

@media (min-width: 992px) {
    body.pp-home-design .pp-design-fold {
        display: flex;
        flex-direction: column;
        height: 100dvh;
        max-height: 100dvh;
        overflow: hidden;
    }

    body.pp-home-design .pp-design-fold > .pp-top-sticky {
        flex-shrink: 0;
        z-index: 20;
    }

    body.pp-home-design .pp-nav-inner {
        flex-wrap: nowrap;
        gap: 0.65rem;
    }

    body.pp-home-design .pp-nav-links {
        min-width: 0;
        flex-wrap: nowrap;
    }

    body.pp-home-design .pp-hero.pp-hero-design-viewport {
        flex: 1 1 auto;
        min-height: 0;
        height: auto;
        max-height: none;
    }

    body.pp-home-design .pp-hero-assistant-dock.pp-oa-landing {
        width: min(720px, 87%);
        max-width: 720px;
        margin-inline: auto;
        padding: clamp(0.9rem, 1.8vh, 1.15rem) clamp(1rem, 2vw, 1.2rem);
        border-radius: 1.5rem;
    }

    body.pp-home-design .pp-hero-design-frame {
        justify-content: flex-start;
        gap: clamp(0.85rem, 2.2vh, 1.5rem);
        padding-top: 0.85rem;
        padding-bottom: clamp(4.25rem, 11vw, 7.5rem);
        margin-top: 0;
    }

    body.pp-home-design .pp-hero-design-top {
        padding-top: 0.15rem;
        margin-top: auto;
    }

    body.pp-home-design .pp-hero-command-zone {
        margin-top: 0;
        margin-bottom: auto;
        padding-bottom: 0.25rem;
    }

    body.pp-home-design .pp-hero-oa-suggestions {
        max-height: none;
        overflow: visible;
    }
}

/* Light hero media — soft bright wash over video */
body.pp-home-design .pp-hero-design .pp-hero-photo {
    opacity: 1;
    background:
        radial-gradient(ellipse 60% 50% at 50% 40%, rgba(255, 255, 255, 0.55), transparent 60%),
        linear-gradient(160deg, #eef2ff 0%, #f8fafc 45%, #ede9fe 100%);
}

body.pp-home-design .pp-hero-design.has-video.is-ready .pp-hero-photo,
body.pp-home-design .pp-hero-design.has-video.is-playing .pp-hero-photo {
    opacity: 0.35;
}

body.pp-home-design .pp-hero-design .pp-hero-video {
    object-position: center center;
    transform: scale(1.06);
    filter: blur(5px) saturate(0.8) brightness(1.25);
    opacity: 0.55;
}

body.pp-home-design .pp-hero-design .pp-hero-veil {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.55) 0%, rgba(248, 250, 252, 0.35) 45%, rgba(238, 242, 255, 0.55) 100%),
        rgba(255, 255, 255, 0.28);
}

html[dir="rtl"] body.pp-home-design .pp-hero-design .pp-hero-veil {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.55) 0%, rgba(248, 250, 252, 0.35) 45%, rgba(238, 242, 255, 0.55) 100%),
        rgba(255, 255, 255, 0.28);
}

body.pp-home-design .pp-hero-design .pp-hero-glow {
    inset-inline: auto;
    left: 50%;
    transform: translateX(-50%);
    top: 8%;
    width: min(70vw, 640px);
    height: min(50vw, 420px);
    background: radial-gradient(circle, rgba(167, 139, 250, 0.28), transparent 68%);
    opacity: 0.85;
}

body.pp-home-design .pp-hero-design .pp-hero-grain {
    opacity: 0.04;
    mix-blend-mode: soft-light;
}

body.pp-home-design .pp-hero-design-frame {
    position: relative;
    z-index: 5;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: clamp(1.1rem, 2.8vh, 1.75rem);
    min-height: 0;
    padding-bottom: clamp(5.5rem, 16vw, 9rem);
    text-align: center;
}

body.pp-home-design .pp-hero-design-top {
    padding: clamp(1.5rem, 4vh, 2.5rem) 0 0;
    flex-shrink: 0;
    width: 100%;
}

body.pp-home-design .pp-hero-command-zone {
    flex-shrink: 0;
    margin-top: 0;
    padding: 0;
    width: 100%;
    position: relative;
    z-index: 6;
    display: flex;
    justify-content: center;
}

body.pp-home-design .pp-hero-design-copy {
    max-width: 48rem;
    margin-inline: auto;
    padding-inline: clamp(1.25rem, 5.5vw, 3.25rem);
    box-sizing: border-box;
}

body.pp-home-design .pp-hero-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin: 0 0 clamp(0.75rem, 1.8vh, 1.15rem);
    padding: 0.42rem 1rem;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 700;
    color: #6d28d9;
    background: rgba(237, 233, 254, 0.9);
    border: 1px solid rgba(167, 139, 250, 0.45);
}

body.pp-home-design .pp-hero-title-design {
    color: #0f172a;
    font-size: clamp(1.7rem, 3.1vw, 2.45rem);
    font-weight: 900;
    line-height: 1.32;
    letter-spacing: -0.03em;
    margin: 0 0 clamp(0.65rem, 1.5vh, 1rem);
    padding-inline: clamp(0.5rem, 2vw, 1.25rem);
    text-wrap: balance;
}

@media (min-width: 992px) {
    body.pp-home-design .pp-hero-title-design {
        font-size: 2.35rem;
    }
}

body.pp-home-design .pp-hero-accent {
    display: inline;
    background: linear-gradient(135deg, #7c3aed, #6366f1 45%, #3b82f6);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
}

body.pp-home-design .pp-hero-desc-design {
    color: #64748b;
    font-size: clamp(0.88rem, 1.15vw, 0.95rem);
    max-width: 36rem;
    margin: 0 auto;
    line-height: 1.85;
    padding-inline: clamp(0.75rem, 3vw, 1.75rem);
    box-sizing: border-box;
}

body.pp-home-design .pp-hero-design-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.65rem;
    margin-top: 1.1rem;
    padding-inline: clamp(0.5rem, 2vw, 1.25rem);
}

body.pp-home-design .pp-hero-design-actions .pp-btn-lg {
    padding: 0.72rem 1.2rem;
    font-size: 0.92rem;
    font-weight: 800;
}

body.pp-home-design .pp-hero-call-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

body.pp-home-design:not(.pp-theme-dark) .pp-hero-start-btn {
    background: #0f172a !important;
    color: #fff !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.18);
}

body.pp-home-design:not(.pp-theme-dark) .pp-hero-call-btn {
    color: #4c1d95 !important;
    border-color: rgba(124, 58, 237, 0.35);
    background: rgba(255, 255, 255, 0.72);
}

body.pp-home-design:not(.pp-theme-dark) .pp-hero-call-btn:hover {
    background: #fff !important;
    color: #5b21b6 !important;
}

@media (min-width: 992px) {
    body.pp-home-design .pp-hero-desc-design {
        font-size: 0.92rem;
        line-height: 1.8;
        max-width: 34rem;
    }
}

body.pp-home-design .pp-hero-assistant-dock.pp-oa-landing {
    width: min(720px, 87%);
    max-width: 720px;
    margin-inline: auto;
    padding: clamp(0.95rem, 2vh, 1.35rem) clamp(0.85rem, 2vw, 1.35rem) clamp(0.85rem, 1.8vh, 1.1rem);
    border-radius: 1.5rem;
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid rgba(255, 255, 255, 0.9);
    box-shadow:
        0 24px 60px rgba(15, 23, 42, 0.1),
        0 0 0 1px rgba(226, 232, 240, 0.8);
    backdrop-filter: blur(16px);
    box-sizing: border-box;
}

body.pp-home-design .pp-oa-landing .oa-composer-wrap {
    padding: 0;
    border-top: 0;
    background: transparent;
}

body.pp-home-design .pp-oa-landing .oa-composer {
    max-width: none;
    margin: 0;
    width: 100%;
}

body.pp-home-design .pp-oa-landing form.oa-composer {
    display: flex;
    gap: 0.5rem;
    align-items: flex-end;
    width: 100%;
}

body.pp-home-design .pp-oa-landing .oa-hint {
    color: #94a3b8;
    text-align: start;
    margin-inline: 0.15rem;
    max-width: none;
}

body.pp-home-design .pp-hero-oa-suggest-head {
    display: none;
}

body.pp-home-design .pp-hero-oa-suggestions {
    justify-content: center;
    gap: 0.45rem;
    max-height: none;
    overflow: visible;
    padding-inline-end: 0;
    min-height: 2.4rem;
    margin-top: 0.85rem;
}

body.pp-home-design .pp-hero-oa-suggestions .oa-suggest {
    background:
        linear-gradient(#fff, #fff) padding-box,
        linear-gradient(120deg, #0d9488, #38bdf8, #818cf8, #c084fc, #2dd4bf) border-box;
    background-origin: border-box;
    background-clip: padding-box, border-box;
    border: 1.5px solid transparent;
    color: #334155;
    font-size: 0.78rem;
    padding: 0.45rem 0.8rem;
    opacity: 1;
    transform: translateY(0);
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.05);
}

body.pp-home-design .pp-hero-oa-suggestions .oa-suggest:hover {
    background:
        linear-gradient(#f8fafc, #f8fafc) padding-box,
        linear-gradient(120deg, #0d9488, #38bdf8, #818cf8, #c084fc, #2dd4bf) border-box;
    background-origin: border-box;
    background-clip: padding-box, border-box;
    color: #0f172a;
}

body.pp-home-design .pp-hero-oa-suggestions .oa-suggest.is-enter {
    animation: ppSuggestIn 0.45s cubic-bezier(0.22, 1, 0.36, 1) both;
    animation-delay: calc(var(--i, 0) * 70ms);
}

body.pp-home-design .pp-hero-oa-suggestions .oa-suggest.is-leave {
    opacity: 0;
    transform: translateY(-10px);
    pointer-events: none;
}

@keyframes ppSuggestIn {
    from {
        opacity: 0;
        transform: translateY(14px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    body.pp-home-design .pp-hero-oa-suggestions .oa-suggest.is-enter {
        animation: none;
    }
    body.pp-home-design .pp-hero-oa-suggestions .oa-suggest.is-leave {
        transition: none;
    }
}

/* Soft purple/blue layered waves (light) */
body.pp-home-design .pp-hero-design-edge {
    position: absolute;
    inset-inline: 0;
    bottom: -4.5rem;
    left: 0;
    right: 0;
    width: 100%;
    height: auto;
    z-index: 4;
    pointer-events: none;
    line-height: 0;
    overflow: visible;
}

body.pp-home-design .pp-hero-soft-waves-svg {
    display: block;
    width: 100%;
    height: clamp(230px, 30vw, 320px);
}

@media (max-width: 991.98px) {
    body.pp-home-design .pp-hero-design-edge {
        bottom: -5rem;
    }

    body.pp-home-design .pp-hero-soft-waves-svg {
        /* Keep wavelength a bit longer — don’t squash curves on narrow screens */
        width: 128%;
        max-width: none;
        margin-inline-start: -14%;
        height: clamp(250px, 38vw, 320px);
    }

    body.pp-home-design .pp-design-rest {
        margin-top: 130px;
    }
}

@media (max-width: 575.98px) {
    body.pp-home-design .pp-hero-design-edge {
        bottom: -5.35rem;
    }

    body.pp-home-design .pp-hero-soft-waves-svg {
        width: 145%;
        margin-inline-start: -22.5%;
        height: 270px;
    }

    body.pp-home-design .pp-design-rest {
        margin-top: 140px;
    }
}

/* Echo layers — same shape, progressive mm-scale gaps, fade to white */
body.pp-home-design .pp-hero-soft-waves-svg .w-echo {
    fill: #e0e7ff;
}

body.pp-home-design .pp-hero-soft-waves-svg .w-echo.e1 { fill: #c7d2fe; opacity: 0.42; }
body.pp-home-design .pp-hero-soft-waves-svg .w-echo.e2 { fill: #ddd6fe; opacity: 0.32; }
body.pp-home-design .pp-hero-soft-waves-svg .w-echo.e3 { fill: #e0e7ff; opacity: 0.22; }
body.pp-home-design .pp-hero-soft-waves-svg .w-echo.e4 { fill: #eef2ff; opacity: 0.14; }
body.pp-home-design .pp-hero-soft-waves-svg .w-echo.e5 { fill: #ffffff; opacity: 0.55; }

body.pp-home-design .pp-hero-soft-waves-svg .w1,
body.pp-home-design .pp-hero-soft-waves-svg .w2,
body.pp-home-design .pp-hero-soft-waves-svg .w3 {
    opacity: 1;
}

body.pp-home-design .pp-hero-soft-waves-svg .w-cap {
    fill: #ffffff;
    opacity: 1;
}

body.pp-home-design .pp-design-rest {
    min-height: 0;
    background: #fff;
    margin-top: 116px;
    position: relative;
    z-index: 2;
}

/* Dark theme — same soft waves, ink palette fading to black */
body.pp-home-design.pp-theme-dark .pp-hero-soft-waves-svg,
body.pp-home-design.pp-hero-theme-dark .pp-hero-soft-waves-svg {
    display: block;
}

body.pp-home-design.pp-theme-dark .pp-hero-soft-waves-svg .w-echo.e1 { fill: #334155; opacity: 0.45; }
body.pp-home-design.pp-theme-dark .pp-hero-soft-waves-svg .w-echo.e2 { fill: #1e293b; opacity: 0.36; }
body.pp-home-design.pp-theme-dark .pp-hero-soft-waves-svg .w-echo.e3 { fill: #0f172a; opacity: 0.28; }
body.pp-home-design.pp-theme-dark .pp-hero-soft-waves-svg .w-echo.e4 { fill: #0b1220; opacity: 0.2; }
body.pp-home-design.pp-theme-dark .pp-hero-soft-waves-svg .w-echo.e5 { fill: #050505; opacity: 0.65; }

body.pp-home-design.pp-theme-dark .pp-hero-soft-waves-svg .w1 {
    fill: url(#ppWaveFade1Dark);
}
body.pp-home-design.pp-theme-dark .pp-hero-soft-waves-svg .w2 {
    fill: url(#ppWaveFade2Dark);
}
body.pp-home-design.pp-theme-dark .pp-hero-soft-waves-svg .w3 {
    fill: url(#ppWaveFade3Dark);
}
body.pp-home-design.pp-theme-dark .pp-hero-soft-waves-svg .w-cap {
    fill: #050505;
}

/* Iran map stage — light default; dark via .pp-theme-dark on body or section */
body.pp-home-design .pp-stage.pp-stage-iranpay {
    --pp-iran-statement-dim: #94a3b8;
    --pp-iran-statement-lit: var(--pp-design-ink);
    --pp-iran-chip-bg: rgba(255, 255, 255, 0.92);
    --pp-iran-chip-border: rgba(15, 23, 42, 0.08);
    --pp-iran-chip-shadow: 0 16px 40px rgba(15, 23, 42, 0.1);
    --pp-iran-chip-title: var(--pp-design-ink);
    --pp-iran-chip-sub: #0f766e;
    background:
        radial-gradient(ellipse 50% 55% at 22% 48%, rgba(45, 212, 191, 0.1), transparent 58%),
        radial-gradient(ellipse 35% 40% at 78% 30%, rgba(56, 189, 248, 0.06), transparent 50%),
        linear-gradient(180deg, #ffffff 0%, #f0fdfa 42%, #ffffff 100%);
    border-top: none;
}

body.pp-home-design.pp-theme-dark .pp-stage.pp-stage-iranpay,
body.pp-home-design .pp-stage.pp-stage-iranpay.pp-theme-dark {
    --pp-iran-statement-dim: rgba(255, 255, 255, 0.28);
    --pp-iran-statement-lit: #fff;
    --pp-iran-chip-bg: rgba(8, 18, 14, 0.82);
    --pp-iran-chip-border: rgba(94, 234, 212, 0.35);
    --pp-iran-chip-shadow: 0 16px 40px rgba(0, 0, 0, 0.4);
    --pp-iran-chip-title: #fff;
    --pp-iran-chip-sub: #6ee7b7;
    background:
        radial-gradient(ellipse 50% 55% at 22% 48%, rgba(45, 212, 191, 0.12), transparent 58%),
        radial-gradient(ellipse 35% 40% at 78% 30%, rgba(56, 189, 248, 0.06), transparent 50%),
        linear-gradient(180deg, #050505 0%, #061612 42%, #050505 100%);
}

body.pp-home-design .pp-stage-iranpay .pp-iran-stage {
    background: transparent;
    border: 0;
    overflow: visible;
}

/* Hide flat dots — pins replace them */
body.pp-home-design .pp-iran-nodes {
    display: none;
}

/* ── Nationwide 3D pins + mini stores ── */
body.pp-home-design .pp-iran-pins {
    position: absolute;
    inset: 0;
    z-index: 4;
    pointer-events: none;
}

body.pp-home-design .pp-map-pin,
body.pp-home-design .pp-map-store {
    position: absolute;
    left: var(--x);
    top: var(--y);
    display: grid;
    place-items: center;
    transform: translate(-50%, -88%);
    animation: ppMapPinBob 2.8s ease-in-out infinite;
    animation-delay: var(--d, 0s);
    will-change: transform;
}

body.pp-home-design .pp-map-pin__marker {
    position: relative;
    z-index: 1;
    width: 18px;
    height: 18px;
    border-radius: 50% 50% 50% 0;
    transform: rotate(-45deg);
    background:
        linear-gradient(145deg, #fde68a 0%, #fbbf24 42%, #f59e0b 72%, #d97706 100%);
    box-shadow:
        inset 1.5px 1.5px 3px rgba(255, 255, 255, 0.55),
        inset -2px -2px 4px rgba(120, 53, 15, 0.28),
        0 6px 12px rgba(15, 23, 42, 0.28);
}

body.pp-home-design .pp-map-pin__marker::after {
    content: "";
    position: absolute;
    inset: 4px;
    border-radius: 50%;
    background: radial-gradient(circle at 35% 30%, #fff 0%, #f8fafc 55%, #e2e8f0 100%);
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.12);
}

body.pp-home-design .pp-map-pin__marker i {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: grid;
    place-items: center;
    transform: rotate(45deg);
    font-size: 0.55rem;
    color: #0f766e;
    line-height: 1;
}

body.pp-home-design .pp-map-pin.is-hub .pp-map-pin__marker {
    width: 24px;
    height: 24px;
    background:
        linear-gradient(145deg, #5eead4 0%, #2dd4bf 40%, #14b8a6 75%, #0f766e 100%);
    box-shadow:
        inset 1.5px 1.5px 3px rgba(255, 255, 255, 0.5),
        inset -2px -2px 4px rgba(15, 118, 110, 0.35),
        0 8px 16px rgba(13, 148, 136, 0.4),
        0 0 0 3px rgba(45, 212, 191, 0.22);
}

body.pp-home-design .pp-map-pin.is-hub .pp-map-pin__marker::after {
    inset: 5px;
    background: radial-gradient(circle at 35% 30%, #fff 0%, #ecfdf5 60%, #ccfbf1 100%);
}

body.pp-home-design .pp-map-pin.is-hub .pp-map-pin__marker i {
    font-size: 0.62rem;
    color: #0f766e;
}

body.pp-home-design .pp-map-pin.is-teal .pp-map-pin__marker {
    background:
        linear-gradient(145deg, #99f6e4 0%, #2dd4bf 45%, #0d9488 100%);
}

body.pp-home-design .pp-map-pin.is-sm .pp-map-pin__marker {
    width: 13px;
    height: 13px;
}

body.pp-home-design .pp-map-pin.is-sm .pp-map-pin__marker::after {
    inset: 3px;
}

body.pp-home-design .pp-map-pin__shadow {
    position: absolute;
    bottom: -3px;
    left: 50%;
    width: 14px;
    height: 5px;
    border-radius: 50%;
    background: rgba(15, 23, 42, 0.28);
    filter: blur(2px);
    transform: translateX(-50%) scaleX(1);
    animation: ppMapPinShadow 2.8s ease-in-out infinite;
    animation-delay: var(--d, 0s);
}

body.pp-home-design .pp-map-pin.is-hub .pp-map-pin__shadow {
    width: 18px;
    height: 6px;
    background: rgba(13, 148, 136, 0.35);
}

body.pp-home-design .pp-map-pin.is-sm .pp-map-pin__shadow {
    width: 10px;
    height: 4px;
}

/* Mini storefronts */
body.pp-home-design .pp-map-store {
    transform: translate(-50%, -70%);
    animation-name: ppMapStoreBob;
}

body.pp-home-design .pp-map-store__box {
    position: relative;
    z-index: 1;
    width: 20px;
    height: 18px;
    border-radius: 4px 4px 3px 3px;
    display: grid;
    place-items: center;
    background:
        linear-gradient(160deg, #ffffff 0%, #f1f5f9 55%, #e2e8f0 100%);
    border: 1px solid rgba(15, 23, 42, 0.1);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.9),
        0 1px 0 rgba(15, 23, 42, 0.06),
        0 6px 12px rgba(15, 23, 42, 0.22);
    color: #0f766e;
    font-size: 0.62rem;
    transform-style: preserve-3d;
}

body.pp-home-design .pp-map-store__box::before {
    content: "";
    position: absolute;
    top: -5px;
    left: -2px;
    right: -2px;
    height: 7px;
    border-radius: 3px 3px 1px 1px;
    background: linear-gradient(90deg, #f59e0b, #fbbf24 50%, #d97706);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.45),
        0 2px 4px rgba(180, 83, 9, 0.25);
    transform: skewX(-8deg);
}

body.pp-home-design .pp-map-store__box::after {
    content: "";
    position: absolute;
    right: -3px;
    top: 1px;
    bottom: 1px;
    width: 4px;
    border-radius: 0 3px 3px 0;
    background: linear-gradient(180deg, #cbd5e1, #94a3b8);
    opacity: 0.85;
}

body.pp-home-design .pp-map-store.is-warm .pp-map-store__box {
    color: #c2410c;
}

body.pp-home-design .pp-map-store.is-warm .pp-map-store__box::before {
    background: linear-gradient(90deg, #fb7185, #f43f5e 55%, #e11d48);
}

body.pp-home-design .pp-map-store.is-sm .pp-map-store__box {
    width: 15px;
    height: 14px;
    font-size: 0.48rem;
}

body.pp-home-design .pp-map-store.is-sm .pp-map-store__box::before {
    top: -4px;
    height: 5px;
}

body.pp-home-design .pp-map-store__shadow {
    position: absolute;
    bottom: -4px;
    left: 50%;
    width: 18px;
    height: 5px;
    border-radius: 50%;
    background: rgba(15, 23, 42, 0.26);
    filter: blur(2px);
    transform: translateX(-50%);
    animation: ppMapPinShadow 2.8s ease-in-out infinite;
    animation-delay: var(--d, 0s);
}

body.pp-home-design .pp-map-store.is-sm .pp-map-store__shadow {
    width: 13px;
    height: 4px;
}

@keyframes ppMapPinBob {
    0%, 100% { transform: translate(-50%, -88%) translateY(0); }
    50% { transform: translate(-50%, -88%) translateY(-5px); }
}

@keyframes ppMapStoreBob {
    0%, 100% { transform: translate(-50%, -70%) translateY(0); }
    50% { transform: translate(-50%, -70%) translateY(-4px); }
}

@keyframes ppMapPinShadow {
    0%, 100% { transform: translateX(-50%) scaleX(1); opacity: 0.55; }
    50% { transform: translateX(-50%) scaleX(0.72); opacity: 0.28; }
}

/* Dark theme pins */
body.pp-home-design.pp-theme-dark .pp-map-pin__marker,
body.pp-home-design .pp-stage-iranpay.pp-theme-dark .pp-map-pin__marker {
    box-shadow:
        inset 1.5px 1.5px 3px rgba(255, 255, 255, 0.4),
        inset -2px -2px 4px rgba(120, 53, 15, 0.35),
        0 6px 14px rgba(0, 0, 0, 0.45);
}

body.pp-home-design.pp-theme-dark .pp-map-pin.is-hub .pp-map-pin__marker,
body.pp-home-design .pp-stage-iranpay.pp-theme-dark .pp-map-pin.is-hub .pp-map-pin__marker {
    box-shadow:
        inset 1.5px 1.5px 3px rgba(255, 255, 255, 0.45),
        inset -2px -2px 4px rgba(15, 118, 110, 0.4),
        0 8px 18px rgba(13, 148, 136, 0.45),
        0 0 0 3px rgba(45, 212, 191, 0.28);
}

body.pp-home-design.pp-theme-dark .pp-map-store__box,
body.pp-home-design .pp-stage-iranpay.pp-theme-dark .pp-map-store__box {
    background: linear-gradient(160deg, #1e293b 0%, #0f172a 100%);
    border-color: rgba(148, 163, 184, 0.28);
    color: #5eead4;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 6px 14px rgba(0, 0, 0, 0.45);
}

body.pp-home-design.pp-theme-dark .pp-map-pin__shadow,
body.pp-home-design.pp-theme-dark .pp-map-store__shadow,
body.pp-home-design .pp-stage-iranpay.pp-theme-dark .pp-map-pin__shadow,
body.pp-home-design .pp-stage-iranpay.pp-theme-dark .pp-map-store__shadow {
    background: rgba(0, 0, 0, 0.55);
}

@media (prefers-reduced-motion: reduce) {
    body.pp-home-design .pp-map-pin,
    body.pp-home-design .pp-map-store,
    body.pp-home-design .pp-map-pin__shadow,
    body.pp-home-design .pp-map-store__shadow {
        animation: none;
    }
}

@media (max-width: 575.98px) {
    body.pp-home-design .pp-map-pin.is-hub .pp-map-pin__marker {
        width: 20px;
        height: 20px;
    }

    body.pp-home-design .pp-map-pin__marker {
        width: 14px;
        height: 14px;
    }

    body.pp-home-design .pp-map-store__box {
        width: 16px;
        height: 14px;
        font-size: 0.5rem;
    }

    body.pp-home-design .pp-map-pin.is-sm,
    body.pp-home-design .pp-map-store.is-sm {
        display: none;
    }
}

body.pp-home-design .pp-iranpay-copy h2,
body.pp-home-design .pp-iranpay-copy .pp-statement {
    margin: 0;
    max-width: 14ch;
    margin-inline-start: auto;
    text-align: right;
    font-size: clamp(1.85rem, 4vw, 3.1rem);
    line-height: 1.22;
    color: unset;
}

body.pp-home-design .pp-iranpay-copy .pp-statement > span {
    display: block;
}

body.pp-home-design .pp-iranpay-chip {
    background: var(--pp-iran-chip-bg);
    border-color: var(--pp-iran-chip-border);
    box-shadow: var(--pp-iran-chip-shadow);
}

body.pp-home-design .pp-iranpay-chip strong {
    color: var(--pp-iran-chip-title);
}

body.pp-home-design .pp-iranpay-chip span {
    color: var(--pp-iran-chip-sub);
}

body.pp-home-design .pp-iranpay-body {
    margin-top: clamp(1.75rem, 4vw, 2.75rem);
    padding-bottom: 0.25rem;
}

body.pp-home-design .pp-iranpay-desc {
    margin: 0 auto;
    max-width: 46rem;
    text-align: center;
    font-size: clamp(0.95rem, 1.45vw, 1.06rem);
    font-weight: 500;
    line-height: 2;
    color: #475569;
}

body.pp-home-design.pp-theme-dark .pp-iranpay-desc,
body.pp-home-design .pp-stage-iranpay.pp-theme-dark .pp-iranpay-desc {
    color: rgba(255, 255, 255, 0.68);
}

@media (max-width: 991.98px) {
    body.pp-home-design .pp-iranpay-copy .pp-statement {
        margin-inline: auto;
        text-align: center;
        max-width: 16ch;
    }

    body.pp-home-design .pp-iranpay-body {
        margin-top: 1.5rem;
    }
}

@media (max-width: 991.98px) {
    body.pp-home-design .pp-design-fold {
        display: flex;
        flex-direction: column;
        min-height: 100dvh;
        height: 100dvh;
        max-height: 100dvh;
        overflow-x: clip;
        overflow-y: visible;
    }

    body.pp-home-design .pp-design-fold > .pp-top-sticky {
        flex-shrink: 0;
    }

    body.pp-home-design .pp-hero.pp-hero-design-viewport {
        flex: 1 1 auto;
        min-height: 0;
        height: auto;
        max-height: none;
        display: flex;
        flex-direction: column;
    }

    body.pp-home-design .pp-hero-design-frame {
        flex: 1;
        min-height: 0;
        justify-content: space-between;
        padding-bottom: max(clamp(4.5rem, 22vw, 7rem), calc(env(safe-area-inset-bottom, 0px) + 3.5rem));
    }

    body.pp-home-design .pp-hero-design-top {
        padding-top: clamp(1.65rem, 3.5vh, 2.25rem);
    }

    body.pp-home-design .pp-hero-command-zone {
        margin-top: auto;
    }

    body.pp-home-design .pp-hero-start-btn {
        display: none;
    }

    body.pp-home-design .pp-hero-design-actions {
        margin-top: 0.65rem;
    }

    body.pp-home-design .pp-hero-call-btn {
        font-size: 0.84rem;
        padding: 0.48rem 0.95rem;
    }

    body.pp-home-design .pp-hero-assistant-dock.pp-oa-landing {
        width: 87%;
    }

    body.pp-home-design .pp-oa-landing .oa-hint {
        display: none;
    }

    body.pp-home-design .pp-hero-oa-suggestions {
        max-height: none;
        overflow: visible;
    }
}

@media (max-width: 575.98px) {
    body.pp-home-design .pp-hero-design-copy {
        padding-inline: clamp(1.35rem, 7vw, 2rem);
    }

    body.pp-home-design .pp-hero-title-design {
        font-size: clamp(1.65rem, 7vw, 2.1rem);
        padding-inline: 0.35rem;
    }

    body.pp-home-design .pp-hero-desc-design {
        font-size: 0.9rem;
        line-height: 1.65;
        padding-inline: 0.5rem;
    }

    body.pp-home-design .pp-hero-start-btn {
        display: none;
    }

    body.pp-home-design .pp-hero-design-actions {
        margin-top: 0.7rem;
    }

    body.pp-home-design .pp-hero-call-btn {
        font-size: 0.82rem;
        padding: 0.45rem 0.9rem;
    }

    body.pp-home-design .pp-oa-landing .oa-composer {
        padding: 0.4rem 0.4rem 0.4rem 0.55rem;
        border-radius: 18px;
    }

    body.pp-home-design .pp-oa-landing .oa-composer::after {
        border-radius: 16px;
    }

    body.pp-home-design .pp-hero-oa-suggestions .oa-suggest {
        font-size: 0.72rem;
        padding: 0.38rem 0.62rem;
    }

    body.pp-home-design .pp-nav-inner {
        padding: 0.55rem 0;
    }

    body.pp-home-design {
        --pp-design-nav-h: 3.65rem;
        --pp-design-announce-h: 2.45rem;
    }
}

/* ── Light page body (sections below hero) ── */
body.pp-home-design .pp-stage:not(.pp-stage-iranpay):not(.pp-stage-intro):not(.pp-stage-industry):not(.pp-stage-plugins):not(.pp-stage-works):not(.pp-stage-signup):not(.pp-stage-blog):not(.pp-stage-faq) {
    background: #fff;
    border-top: 1px solid #f1f5f9;
}

body.pp-home-design .pp-intro-pattern {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
    /* Soft mid wash — edges stay pure white for wave + map seams */
    background:
        radial-gradient(ellipse 70% 50% at 50% 50%, rgba(124, 58, 237, 0.07), transparent 70%),
        linear-gradient(180deg, #fff 0%, #f8fafc 28%, #f8fafc 72%, #fff 100%);
    /* Fade pattern+wash out hard at top & bottom so seams stay clean */
    mask-image: linear-gradient(
        180deg,
        transparent 0%,
        #000 18%,
        #000 82%,
        transparent 100%
    );
    -webkit-mask-image: linear-gradient(
        180deg,
        transparent 0%,
        #000 18%,
        #000 82%,
        transparent 100%
    );
}

/* Linear grid — clear hairlines */
body.pp-home-design .pp-intro-pattern-grid {
    position: absolute;
    inset: -15%;
    opacity: 1;
    background-image:
        repeating-linear-gradient(
            90deg,
            rgba(15, 23, 42, 0.11) 0,
            rgba(15, 23, 42, 0.11) 1px,
            transparent 1px,
            transparent 40px
        ),
        repeating-linear-gradient(
            0deg,
            rgba(15, 23, 42, 0.09) 0,
            rgba(15, 23, 42, 0.09) 1px,
            transparent 1px,
            transparent 40px
        );
    mask-image: radial-gradient(ellipse 85% 70% at 50% 50%, #000 30%, transparent 78%);
    -webkit-mask-image: radial-gradient(ellipse 85% 70% at 50% 50%, #000 30%, transparent 78%);
    animation: ppIntroGridDrift 22s linear infinite;
}

/* Diagonal linear strokes — purple accent */
body.pp-home-design .pp-intro-pattern-beam {
    position: absolute;
    inset: -25%;
    opacity: 1;
    background-image:
        repeating-linear-gradient(
            -28deg,
            transparent 0,
            transparent 18px,
            rgba(124, 58, 237, 0.14) 18px,
            rgba(124, 58, 237, 0.14) 19px,
            transparent 19px,
            transparent 52px
        ),
        repeating-linear-gradient(
            28deg,
            transparent 0,
            transparent 26px,
            rgba(99, 102, 241, 0.1) 26px,
            rgba(99, 102, 241, 0.1) 27px,
            transparent 27px,
            transparent 64px
        );
    mask-image: radial-gradient(ellipse 80% 65% at 50% 50%, #000 25%, transparent 75%);
    -webkit-mask-image: radial-gradient(ellipse 80% 65% at 50% 50%, #000 25%, transparent 75%);
    animation: ppIntroBeamDrift 30s linear infinite reverse;
}

/* Extra white edge wash at bottom only — top overlaps soft waves with intro card */
body.pp-home-design .pp-stage-intro::after {
    content: "";
    position: absolute;
    inset-inline: 0;
    bottom: 0;
    z-index: 0;
    height: clamp(2.5rem, 8vw, 4rem);
    pointer-events: none;
    background: linear-gradient(0deg, #fff 0%, #fff 30%, transparent 100%);
}

@keyframes ppIntroGridDrift {
    from { transform: translate3d(0, 0, 0); }
    to { transform: translate3d(40px, 40px, 0); }
}

@keyframes ppIntroBeamDrift {
    from { transform: translate3d(0, 0, 0); }
    to { transform: translate3d(-52px, 36px, 0); }
}

@media (prefers-reduced-motion: reduce) {
    body.pp-home-design .pp-intro-pattern-grid,
    body.pp-home-design .pp-intro-pattern-beam {
        animation: none;
    }
}

body.pp-home-design .pp-intro-shell {
    position: relative;
    z-index: 1;
}

body.pp-home-design .pp-stage-intro {
    position: relative;
    isolation: isolate;
    overflow: visible;
    padding: 0 0 clamp(2.75rem, 5.5vw, 4rem);
    border-top: none;
    background: #fff;
    margin-top: -2.5rem;
    z-index: 5;
}

body.pp-home-design .pp-intro-pattern {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
    background:
        radial-gradient(ellipse 70% 50% at 50% 50%, rgba(124, 58, 237, 0.05), transparent 70%),
        linear-gradient(180deg, #fff 0%, #f8fafc 28%, #f8fafc 72%, #fff 100%);
    mask-image: linear-gradient(180deg, transparent 0%, #000 22%, #000 78%, transparent 100%);
    -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 22%, #000 78%, transparent 100%);
}

body.pp-home-design .pp-intro-shell {
    position: relative;
    z-index: 1;
}

body.pp-home-design .pp-intro-card {
    margin: 0 auto;
    max-width: 52rem;
    padding: clamp(1.5rem, 3.5vw, 2.25rem) clamp(1.25rem, 3vw, 2rem);
    border-radius: 1.75rem;
    background: rgba(255, 255, 255, 0.88);
    border: 1px solid rgba(226, 232, 240, 0.95);
    box-shadow:
        0 24px 60px rgba(15, 23, 42, 0.08),
        0 0 0 1px rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(14px);
}

body.pp-home-design .pp-intro-lead {
    margin: 0;
    max-width: none;
    text-align: center;
    font-size: clamp(0.95rem, 1.45vw, 1.06rem);
    font-weight: 500;
    line-height: 2;
    color: #475569;
    padding: 0;
    border-radius: 0;
    background: transparent;
    backdrop-filter: none;
    box-shadow: none;
}

body.pp-home-design .pp-intro-feats {
    list-style: none;
    margin: 1.5rem 0 0;
    padding: 1.25rem 0 0;
    border-top: 1px solid #e2e8f0;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.85rem 1rem;
}

body.pp-home-design .pp-intro-feats li {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.45rem;
    text-align: center;
    color: #7c3aed;
    font-size: 0.82rem;
    font-weight: 800;
    line-height: 1.45;
}

body.pp-home-design .pp-intro-feats i {
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 0.85rem;
    display: grid;
    place-items: center;
    font-size: 1.1rem;
    color: #7c3aed;
    background: linear-gradient(145deg, #ede9fe, #e0e7ff);
    box-shadow: inset 0 0 0 1px rgba(167, 139, 250, 0.35);
}

@media (max-width: 767.98px) {
    body.pp-home-design .pp-intro-feats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.pp-home-design .pp-stage-intro {
        margin-top: -3rem;
    }
}

body.pp-home-design .pp-stage-ab {
    padding-top: 3.5rem;
    border-top: none;
}

body.pp-home-design .pp-stage:not(.pp-stage-iranpay):not(.pp-stage-intro):not(.pp-stage-industry):not(.pp-stage-plugins):not(.pp-stage-works):not(.pp-stage-signup):not(.pp-stage-blog):not(.pp-stage-faq):nth-of-type(even) {
    background: #f8fafc;
}

/* Industry — light default; dark via .pp-theme-dark */

body.pp-home-design .pp-stage-industry {
    --pp-ind-title: var(--pp-design-ink);
    --pp-ind-muted: var(--pp-design-muted);
    --pp-ind-chip-fill: #fff;
    --pp-ind-chip-text: #334155;
    --pp-ind-chip-icon: #0d9488;
    --pp-ind-chip-shadow: 0 8px 22px rgba(15, 23, 42, 0.06);
    background:
        radial-gradient(ellipse 50% 55% at 18% 40%, rgba(124, 58, 237, 0.07), transparent 55%),
        radial-gradient(ellipse 40% 45% at 88% 70%, rgba(45, 212, 191, 0.06), transparent 50%),
        linear-gradient(180deg, #ffffff 0%, #f8fafc 48%, #ffffff 100%);
    border-top: none;
}

body.pp-home-design.pp-theme-dark .pp-stage-industry,
body.pp-home-design .pp-stage-industry.pp-theme-dark {
    --pp-ind-title: #fff;
    --pp-ind-muted: rgba(255, 255, 255, 0.62);
    --pp-ind-chip-fill: #0b1220;
    --pp-ind-chip-text: rgba(255, 255, 255, 0.92);
    --pp-ind-chip-icon: #5eead4;
    --pp-ind-chip-shadow: 0 10px 28px rgba(0, 0, 0, 0.35);
    background:
        radial-gradient(ellipse 50% 55% at 18% 40%, rgba(124, 58, 237, 0.14), transparent 55%),
        radial-gradient(ellipse 40% 45% at 88% 70%, rgba(45, 212, 191, 0.08), transparent 50%),
        linear-gradient(180deg, #050505 0%, #0b1220 48%, #050505 100%);
}

body.pp-home-design .pp-stage-industry .pp-split-head h2 {
    color: var(--pp-ind-title) !important;
}

body.pp-home-design .pp-stage-industry .pp-split-head p {
    color: var(--pp-ind-muted) !important;
}

body.pp-home-design .pp-stage-industry .pp-split-head {
    margin-bottom: 1.35rem;
}

body.pp-home-design .pp-stage-industry .pp-sample-chip {
    position: relative;
    isolation: isolate;
    border: 1.5px solid transparent !important;
    color: var(--pp-ind-chip-text) !important;
    box-shadow: var(--pp-ind-chip-shadow);
    background:
        linear-gradient(var(--pp-ind-chip-fill), var(--pp-ind-chip-fill)) padding-box,
        linear-gradient(120deg, #0d9488, #38bdf8, #818cf8, #c084fc, #2dd4bf, #0d9488) border-box;
    background-origin: border-box;
    background-clip: padding-box, border-box;
}

body.pp-home-design .pp-stage-industry .pp-sample-chip i {
    color: var(--pp-ind-chip-icon);
}

/* Cancel home.css white statement colors — theme tokens drive dim/lit */
body.pp-home-design .pp-statement .is-dim {
    color: var(--pp-iran-statement-dim, #94a3b8);
}

body.pp-home-design .pp-statement .is-lit {
    color: var(--pp-iran-statement-lit, var(--pp-design-ink));
}

/* Outside iranpay (no tokens): keep light-theme ink */
body.pp-home-design .pp-stage:not(.pp-stage-iranpay) .pp-statement .is-dim {
    color: #94a3b8;
}

body.pp-home-design .pp-stage:not(.pp-stage-iranpay) .pp-statement .is-lit {
    color: var(--pp-design-ink);
}

body.pp-home-design .pp-split-head h2,
body.pp-home-design .pp-mega-title,
body.pp-home-design .pp-sellboard-head h2,
body.pp-home-design .pp-stats-copy h2,
body.pp-home-design .pp-stage h2.pp-blog-title,
body.pp-home-design .pp-for-head h2,
body.pp-home-design .pp-plugin-head h2,
body.pp-home-design .pp-iran-head h2 {
    color: var(--pp-design-ink) !important;
}

body.pp-home-design .pp-split-head p,
body.pp-home-design .pp-sellboard-head p,
body.pp-home-design .pp-panel-copy p,
body.pp-home-design .pp-stats-footnote,
body.pp-home-design .pp-for-head p,
body.pp-home-design .pp-plugin-head p,
body.pp-home-design .pp-iran-head p {
    color: var(--pp-design-muted) !important;
}

body.pp-home-design .pp-split-head a,
body.pp-home-design .pp-sellboard-head a,
body.pp-home-design .pp-text-link {
    color: var(--pp-primary) !important;
}

body.pp-home-design .pp-text-link:hover,
body.pp-home-design .pp-split-head a:hover,
body.pp-home-design .pp-sellboard-head a:hover {
    color: #6d28d9 !important;
}

body.pp-home-design .pp-panel {
    border-color: #e2e8f0;
    background: #fff;
    box-shadow: 0 12px 40px rgba(15, 23, 42, 0.06);
}

body.pp-home-design .pp-panel-copy h2 {
    color: var(--pp-design-ink);
}

body.pp-home-design .pp-chip {
    background: #f5f3ff;
    border-color: #e9d5ff;
    color: #5b21b6;
}

body.pp-home-design .pp-builder-board {
    border-color: #e2e8f0;
    background:
        radial-gradient(ellipse 60% 50% at 50% 100%, rgba(167, 139, 250, 0.12), transparent 55%),
        linear-gradient(165deg, #faf5ff 0%, #f8fafc 50%, #fff 100%);
    box-shadow: 0 16px 48px rgba(15, 23, 42, 0.06);
}

body.pp-home-design .pp-sellboard {
    border-color: #e2e8f0;
    background:
        radial-gradient(ellipse 70% 55% at 72% 48%, rgba(167, 139, 250, 0.15), transparent 58%),
        radial-gradient(ellipse 45% 50% at 18% 70%, rgba(199, 210, 254, 0.2), transparent 55%),
        linear-gradient(145deg, #faf5ff 0%, #f8fafc 42%, #eef2ff 100%);
}

body.pp-home-design .pp-stage-stats {
    background:
        radial-gradient(ellipse 55% 70% at 85% 40%, rgba(167, 139, 250, 0.12), transparent 55%),
        radial-gradient(ellipse 40% 50% at 10% 80%, rgba(199, 210, 254, 0.15), transparent 50%),
        linear-gradient(180deg, #faf5ff 0%, #f8fafc 70%, #fff 100%);
}

body.pp-home-design .pp-stat-bigs {
    border-bottom-color: #e2e8f0;
}

body.pp-home-design .pp-stat-bigs strong,
body.pp-home-design .pp-stats-footnote u {
    color: var(--pp-design-ink) !important;
}

body.pp-home-design .pp-stat-label {
    color: var(--pp-primary) !important;
}

body.pp-home-design .pp-plugin-card {
    background: #fff;
    border-color: #e2e8f0;
}

body.pp-home-design .pp-plugin-card h3 {
    color: var(--pp-design-ink);
}

body.pp-home-design .pp-story-card {
    background: #fff;
    border-color: #e2e8f0;
}

body.pp-home-design .pp-story-card h3,
body.pp-home-design .pp-story-card strong {
    color: var(--pp-design-ink);
}

body.pp-home-design .pp-step-card {
    background: #fff;
    border-color: #e2e8f0;
}

body.pp-home-design .pp-step-t {
    color: var(--pp-design-ink);
}

body.pp-home-design .pp-cta {
    background: #f8fafc;
    padding-bottom: 4rem;
}

body.pp-home-design .pp-cta-inner {
    border-color: #e9d5ff;
    background:
        radial-gradient(ellipse at 10% 0%, rgba(167, 139, 250, 0.2), transparent 45%),
        radial-gradient(ellipse at 90% 100%, rgba(99, 102, 241, 0.15), transparent 45%),
        linear-gradient(135deg, #faf5ff, #fff);
    box-shadow: 0 20px 50px rgba(124, 58, 237, 0.08);
}

body.pp-home-design .pp-cta-inner h2 {
    color: var(--pp-design-ink) !important;
}

body.pp-home-design .pp-cta-inner p {
    color: var(--pp-design-muted) !important;
}

body.pp-home-design .pp-contact-card {
    background: #fff !important;
    border-color: #e2e8f0 !important;
    color: var(--pp-design-ink) !important;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04);
}

body.pp-home-design .pp-contact-card:hover {
    background: #faf5ff !important;
}

body.pp-home-design .pp-contact-card i {
    color: var(--pp-primary) !important;
}

body.pp-home-design .pp-contact-card span {
    color: var(--pp-design-muted) !important;
}

body.pp-home-design .pp-footer {
    background: #fff;
    border-top: 1px solid #e2e8f0;
    color: var(--pp-design-muted);
}

body.pp-home-design .pp-footer h4 {
    color: var(--pp-design-ink);
}

body.pp-home-design .pp-footer a {
    color: #64748b;
}

body.pp-home-design .pp-footer a:hover {
    color: var(--pp-primary);
}

body.pp-home-design .pp-scroll-top {
    background: var(--pp-primary);
    color: #fff;
    box-shadow: 0 8px 24px rgba(124, 58, 237, 0.35);
}

body.pp-home-design .pp-home-blog-head h2 {
    color: var(--pp-design-ink);
}

body.pp-home-design .pp-home-blog-head p {
    color: var(--pp-design-muted);
}

body.pp-home-design .pp-btn-outline-light {
    border-color: #c4b5fd !important;
    color: var(--pp-primary) !important;
    background: #fff !important;
}

body.pp-home-design .pp-btn-outline-light:hover {
    background: #f5f3ff !important;
    color: #6d28d9 !important;
}

body.pp-home-design .pp-sample-chip {
    background: #fff;
    border-color: #e2e8f0;
    color: #475569;
}

/* ── Dark theme (toggled via header switch) ── */
body.pp-home-design.pp-theme-dark {
    background: #050505;
    color: rgba(255, 255, 255, 0.78);
}

body.pp-home-design.pp-theme-dark .pp-design-rest {
    background: #050505;
}

body.pp-home-design.pp-theme-dark .pp-hero.pp-hero-design .pp-hero-photo {
    background:
        radial-gradient(ellipse 55% 50% at 75% 45%, rgba(94, 234, 212, 0.08), transparent 55%),
        linear-gradient(135deg, #0a1628 0%, #0b1220 45%, #050505 100%);
    opacity: 1;
}

body.pp-home-design.pp-theme-dark .pp-hero.pp-hero-design.has-video.is-ready .pp-hero-photo,
body.pp-home-design.pp-theme-dark .pp-hero.pp-hero-design.has-video.is-playing .pp-hero-photo {
    opacity: 0;
}

body.pp-home-design.pp-theme-dark .pp-hero.pp-hero-design .pp-hero-video {
    filter: blur(2px) saturate(0.9) brightness(0.78);
    opacity: 1;
}

body.pp-home-design.pp-theme-dark .pp-hero.pp-hero-design .pp-hero-veil,
html[dir="rtl"] body.pp-home-design.pp-theme-dark .pp-hero.pp-hero-design .pp-hero-veil {
    background:
        linear-gradient(180deg, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.28) 50%, rgba(0, 0, 0, 0.55) 100%),
        rgba(0, 0, 0, 0.35);
}

body.pp-home-design.pp-theme-dark .pp-hero-pill {
    color: #e9d5ff;
    background: rgba(124, 58, 237, 0.22);
    border-color: rgba(167, 139, 250, 0.35);
}

body.pp-home-design.pp-theme-dark .pp-hero-title-design {
    color: #fff;
}

body.pp-home-design.pp-theme-dark .pp-hero-accent {
    background: linear-gradient(135deg, #c4b5fd, #a78bfa 45%, #67e8f9);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
}

body.pp-home-design.pp-theme-dark .pp-hero-desc-design {
    color: rgba(255, 255, 255, 0.68);
}

body.pp-home-design.pp-theme-dark .pp-hero-call-btn {
    color: #fff !important;
    border-color: rgba(255, 255, 255, 0.38);
    background: rgba(255, 255, 255, 0.08);
}

body.pp-home-design.pp-theme-dark .pp-hero-call-btn:hover {
    background: rgba(255, 255, 255, 0.14);
    color: #fff !important;
}

body.pp-home-design.pp-theme-dark .pp-hero-assistant-dock.pp-oa-landing {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.03) 100%);
    border-color: rgba(255, 255, 255, 0.1);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

body.pp-home-design.pp-theme-dark .pp-oa-landing .oa-hint {
    color: rgba(255, 255, 255, 0.38);
}

body.pp-home-design.pp-theme-dark .pp-hero-oa-suggestions .oa-suggest {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.9);
    box-shadow: none;
}

body.pp-home-design.pp-theme-dark .pp-hero-oa-suggestions .oa-suggest:hover {
    background: rgba(255, 255, 255, 0.16);
    color: #fff;
}

body.pp-home-design.pp-theme-dark .pp-stage-intro {
    background: #050505;
}

body.pp-home-design.pp-theme-dark .pp-intro-card {
    background: rgba(15, 23, 42, 0.72);
    border-color: rgba(255, 255, 255, 0.08);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35);
}

body.pp-home-design.pp-theme-dark .pp-intro-lead {
    color: rgba(255, 255, 255, 0.72);
}

body.pp-home-design.pp-theme-dark .pp-intro-feats {
    border-top-color: rgba(255, 255, 255, 0.1);
}

body.pp-home-design.pp-theme-dark .pp-intro-feats li {
    color: #c4b5fd;
}

body.pp-home-design.pp-theme-dark .pp-intro-feats i {
    color: #c4b5fd;
    background: linear-gradient(145deg, rgba(124, 58, 237, 0.35), rgba(99, 102, 241, 0.25));
    box-shadow: inset 0 0 0 1px rgba(167, 139, 250, 0.35);
}

body.pp-home-design.pp-theme-dark .pp-intro-pattern {
    background:
        radial-gradient(ellipse 70% 50% at 50% 50%, rgba(124, 58, 237, 0.12), transparent 70%),
        linear-gradient(180deg, #050505 0%, #0b1220 50%, #050505 100%);
}

body.pp-home-design.pp-theme-dark .pp-stage-intro::after {
    background: linear-gradient(0deg, #050505 0%, #050505 30%, transparent 100%);
}

/* ── Theme switch motion ── */
body.pp-home-design,
body.pp-home-design .pp-design-fold,
body.pp-home-design .pp-design-rest,
body.pp-home-design .pp-hero.pp-hero-design,
body.pp-home-design .pp-hero-photo,
body.pp-home-design .pp-hero-veil,
body.pp-home-design .pp-hero-video,
body.pp-home-design .pp-hero-pill,
body.pp-home-design .pp-hero-title-design,
body.pp-home-design .pp-hero-desc-design,
body.pp-home-design .pp-hero-assistant-dock,
body.pp-home-design .pp-oa-landing .oa-hint,
body.pp-home-design .pp-hero-oa-suggestions .oa-suggest,
body.pp-home-design .pp-stage,
body.pp-home-design .pp-intro-card,
body.pp-home-design .pp-intro-lead,
body.pp-home-design .pp-intro-feats,
body.pp-home-design .pp-intro-feats li,
body.pp-home-design .pp-intro-feats i,
body.pp-home-design .pp-intro-pattern,
body.pp-home-design .pp-iranpay-desc,
body.pp-home-design .pp-statement .is-dim,
body.pp-home-design .pp-statement .is-lit,
body.pp-home-design .pp-split-head h2,
body.pp-home-design .pp-split-head p,
body.pp-home-design .pp-sample-chip,
body.pp-home-design .pp-stage-plugins,
body.pp-home-design .pp-cf-card,
body.pp-home-design .pp-cf-detail,
body.pp-home-design .pp-top-sticky .pp-nav,
body.pp-home-design .pp-hero-soft-waves-svg .w-echo,
body.pp-home-design .pp-hero-soft-waves-svg .w-cap {
    transition:
        background 0.55s cubic-bezier(0.22, 1, 0.36, 1),
        background-color 0.55s cubic-bezier(0.22, 1, 0.36, 1),
        color 0.45s ease,
        border-color 0.45s ease,
        box-shadow 0.55s ease,
        fill 0.55s ease,
        opacity 0.45s ease,
        filter 0.55s ease,
        transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
}

body.pp-home-design.pp-theme-animating {
    cursor: wait;
}

/* Staggered pop per section on theme change */
body.pp-home-design .pp-theme-pop {
    animation: ppThemePop 0.7s cubic-bezier(0.22, 1, 0.36, 1) both;
    animation-delay: calc(var(--pp-theme-i, 0) * 55ms);
}

@keyframes ppThemePop {
    0% {
        opacity: 0.55;
        transform: translateY(12px) scale(0.985);
        filter: blur(2px);
    }
    55% {
        opacity: 1;
        transform: translateY(-4px) scale(1.01);
        filter: blur(0);
    }
    100% {
        opacity: 1;
        transform: none;
        filter: none;
    }
}

/* Circular wipe — View Transitions API */
@supports (view-transition-name: none) {
    html {
        view-transition-name: root;
    }

    ::view-transition-old(root),
    ::view-transition-new(root) {
        animation-duration: 0.7s;
        animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
        mix-blend-mode: normal;
    }

    ::view-transition-old(root) {
        z-index: 1;
        animation-name: ppThemeFadeOut;
    }

    ::view-transition-new(root) {
        z-index: 2;
        animation-name: ppThemeCircleIn;
    }

    @keyframes ppThemeCircleIn {
        from {
            clip-path: circle(0% at var(--pp-theme-x, 85%) var(--pp-theme-y, 6%));
            filter: saturate(1.15) brightness(1.05);
        }
        to {
            clip-path: circle(150% at var(--pp-theme-x, 85%) var(--pp-theme-y, 6%));
            filter: none;
        }
    }

    @keyframes ppThemeFadeOut {
        from { opacity: 1; }
        to { opacity: 0.35; }
    }
}

/* Fallback veil wipe when View Transitions unavailable */
.pp-theme-veil {
    position: fixed;
    inset: 0;
    z-index: 9999;
    pointer-events: none;
    opacity: 0;
    transform: scale(0.2);
    transform-origin: var(--pp-theme-x, 85%) var(--pp-theme-y, 6%);
    border-radius: 50%;
    filter: blur(18px);
    transition:
        opacity 0.28s ease,
        transform 0.65s cubic-bezier(0.22, 1, 0.36, 1),
        border-radius 0.65s ease,
        filter 0.45s ease;
}

.pp-theme-veil.is-to-dark {
    background:
        radial-gradient(circle at center, rgba(124, 58, 237, 0.55), transparent 42%),
        linear-gradient(145deg, #0b1220, #050505 60%);
}

.pp-theme-veil.is-to-light {
    background:
        radial-gradient(circle at center, rgba(167, 139, 250, 0.45), transparent 42%),
        linear-gradient(145deg, #eef2ff, #ffffff 60%);
}

.pp-theme-veil.is-in {
    opacity: 1;
    transform: scale(3.2);
    border-radius: 0;
    filter: blur(0);
}

.pp-theme-veil.is-out {
    opacity: 0;
    transform: scale(3.4);
    transition-duration: 0.45s;
}

@media (prefers-reduced-motion: reduce) {
    body.pp-home-design,
    body.pp-home-design * {
        transition: none !important;
        animation: none !important;
    }

    .pp-theme-veil {
        display: none !important;
    }
}

/* ═══════════════════════════════════════════
   Plugins — CoverFlow magnetic slider
   ═══════════════════════════════════════════ */
body.pp-home-design .pp-stage-plugins {
    --cf-accent: #a78bfa;
    --pp-pl-title: var(--pp-design-ink);
    --pp-pl-muted: var(--pp-design-muted);
    --pp-pl-card: #ffffff;
    --pp-pl-card-border: rgba(148, 163, 184, 0.35);
    --pp-pl-card-text: #0f172a;
    --pp-pl-card-muted: #64748b;
    --pp-pl-detail: rgba(255, 255, 255, 0.92);
    --pp-pl-detail-border: rgba(124, 58, 237, 0.18);
    --pp-pl-nav: #fff;
    --pp-pl-nav-border: #e2e8f0;
    --pp-pl-nav-icon: #475569;
    --pp-pl-dot: #cbd5e1;
    --pp-pl-dot-on: #7c3aed;
    --pp-pl-phone-bezel: #0f172a;
    --pp-pl-screen: #f1f5f9;
    position: relative;
    overflow-x: clip;
    overflow-y: visible;
    padding: clamp(3rem, 6vw, 4.5rem) 0 clamp(2rem, 4vw, 2.75rem);
    border-top: none;
    background:
        radial-gradient(ellipse 55% 50% at 50% 0%, rgba(124, 58, 237, 0.1), transparent 55%),
        radial-gradient(ellipse 40% 40% at 12% 80%, rgba(45, 212, 191, 0.07), transparent 50%),
        radial-gradient(ellipse 35% 35% at 90% 60%, rgba(56, 189, 248, 0.06), transparent 50%),
        linear-gradient(180deg, #ffffff 0%, #f8fafc 45%, #ffffff 100%);
}

body.pp-home-design.pp-theme-dark .pp-stage-plugins,
body.pp-home-design .pp-stage-plugins.pp-theme-dark {
    --pp-pl-title: #fff;
    --pp-pl-muted: rgba(255, 255, 255, 0.62);
    --pp-pl-card: rgba(11, 18, 32, 0.88);
    --pp-pl-card-border: rgba(167, 139, 250, 0.22);
    --pp-pl-card-text: #f8fafc;
    --pp-pl-card-muted: rgba(226, 232, 240, 0.62);
    --pp-pl-detail: rgba(11, 18, 32, 0.78);
    --pp-pl-detail-border: rgba(167, 139, 250, 0.28);
    --pp-pl-nav: rgba(11, 18, 32, 0.9);
    --pp-pl-nav-border: rgba(167, 139, 250, 0.35);
    --pp-pl-nav-icon: #e9d5ff;
    --pp-pl-dot: rgba(148, 163, 184, 0.45);
    --pp-pl-dot-on: #c4b5fd;
    --pp-pl-phone-bezel: #050505;
    --pp-pl-screen: #0b1220;
    background:
        radial-gradient(ellipse 60% 45% at 50% -5%, rgba(124, 58, 237, 0.28), transparent 55%),
        radial-gradient(ellipse 40% 40% at 10% 85%, rgba(45, 212, 191, 0.1), transparent 50%),
        radial-gradient(ellipse 35% 40% at 92% 55%, rgba(56, 189, 248, 0.1), transparent 50%),
        linear-gradient(180deg, #050505 0%, #0b1220 48%, #050505 100%);
}

body.pp-home-design .pp-stage-plugins::before {
    content: "";
    position: absolute;
    inset: 8% 5% auto;
    height: 42%;
    pointer-events: none;
    background:
        radial-gradient(circle at 30% 40%, rgba(124, 58, 237, 0.12), transparent 40%),
        radial-gradient(circle at 70% 50%, rgba(14, 165, 233, 0.1), transparent 42%);
    filter: blur(28px);
}

body.pp-home-design .pp-plugin-head {
    text-align: center;
    max-width: 40rem;
    margin: 0 auto 1.75rem;
    position: relative;
    z-index: 1;
}

body.pp-home-design .pp-plugin-head h2 {
    color: var(--pp-pl-title) !important;
    font-size: clamp(1.45rem, 3.2vw, 2rem);
    font-weight: 800;
    letter-spacing: -0.02em;
    margin: 0 0 0.65rem;
}

body.pp-home-design .pp-plugin-head p {
    color: var(--pp-pl-muted) !important;
    margin: 0;
    font-size: 0.98rem;
    line-height: 1.7;
}

/* CoverFlow shell */
body.pp-home-design .pp-cf {
    --cf-accent: #a78bfa;
    position: relative;
    z-index: 1;
    max-width: 980px;
    margin: 0 auto;
    touch-action: pan-y;
    user-select: none;
}

body.pp-home-design .pp-cf-loader {
    position: absolute;
    inset: 0;
    z-index: 40;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.85rem;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
}

body.pp-home-design .pp-cf.is-loading .pp-cf-loader {
    opacity: 1;
    visibility: visible;
}

body.pp-home-design .pp-cf-loader.is-done {
    opacity: 0;
    visibility: hidden;
}

body.pp-home-design .pp-cf-loader p {
    margin: 0;
    font-size: 0.86rem;
    font-weight: 600;
    color: var(--pp-pl-muted);
}

body.pp-home-design .pp-cf-loader-ring {
    width: 3.1rem;
    height: 3.1rem;
    border-radius: 50%;
    border: 2.5px solid color-mix(in srgb, var(--cf-accent) 22%, transparent);
    border-top-color: var(--cf-accent);
    box-shadow: 0 0 24px color-mix(in srgb, var(--cf-accent) 35%, transparent);
    animation: ppCfSpin 0.85s linear infinite;
}

body.pp-home-design .pp-cf-loader-orbit {
    position: absolute;
    width: 5.5rem;
    height: 5.5rem;
    animation: ppCfSpin 2.8s linear infinite;
}

body.pp-home-design .pp-cf-loader-orbit span {
    position: absolute;
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 50%;
    background: var(--cf-accent);
    box-shadow: 0 0 10px color-mix(in srgb, var(--cf-accent) 70%, transparent);
}

body.pp-home-design .pp-cf-loader-orbit span:nth-child(1) { top: 0; left: 50%; transform: translateX(-50%); }
body.pp-home-design .pp-cf-loader-orbit span:nth-child(2) { right: 0; top: 50%; transform: translateY(-50%); background: #38bdf8; }
body.pp-home-design .pp-cf-loader-orbit span:nth-child(3) { bottom: 0; left: 50%; transform: translateX(-50%); background: #2dd4bf; }
body.pp-home-design .pp-cf-loader-orbit span:nth-child(4) { left: 0; top: 50%; transform: translateY(-50%); background: #c084fc; }

@keyframes ppCfSpin {
    to { transform: rotate(360deg); }
}

body.pp-home-design .pp-cf.is-loading .pp-cf-viewport,
body.pp-home-design .pp-cf.is-loading .pp-cf-nav,
body.pp-home-design .pp-cf.is-loading .pp-cf-status {
    opacity: 0.18;
    filter: blur(3px);
    pointer-events: none;
}

body.pp-home-design .pp-cf.is-ready .pp-cf-viewport,
body.pp-home-design .pp-cf.is-ready .pp-cf-nav,
body.pp-home-design .pp-cf.is-ready .pp-cf-status {
    opacity: 1;
    filter: none;
    transition: opacity 0.55s ease, filter 0.55s ease;
}

body.pp-home-design .pp-cf.is-ready .pp-cf-viewport {
    animation: ppCfViewportIn 0.65s cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes ppCfViewportIn {
    from {
        opacity: 0.2;
        transform: scale(0.96);
        filter: blur(4px);
    }
    to {
        opacity: 1;
        transform: none;
        filter: none;
    }
}

body.pp-home-design .pp-cf.is-loading ~ .pp-cf-detail {
    opacity: 0;
    transform: translateY(12px);
    pointer-events: none;
}

body.pp-home-design .pp-cf.is-ready ~ .pp-cf-detail.is-open {
    transition:
        opacity 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0.12s,
        transform 0.55s cubic-bezier(0.22, 1, 0.36, 1) 0.12s,
        max-height 0.45s ease,
        margin 0.35s ease,
        padding 0.35s ease,
        border-width 0.2s ease;
}

body.pp-home-design .pp-cf-viewport {
    position: relative;
    height: clamp(280px, 42vw, 340px);
    perspective: 1100px;
    perspective-origin: 50% 45%;
    overflow: visible;
}

body.pp-home-design .pp-cf-track {
    position: absolute;
    inset: 0;
    transform-style: preserve-3d;
    cursor: grab;
}

body.pp-home-design .pp-cf.is-dragging .pp-cf-track {
    cursor: grabbing;
}

body.pp-home-design .pp-cf-card {
    position: absolute;
    top: 50%;
    left: 50%;
    width: min(200px, 42vw);
    min-height: 248px;
    padding: 1.15rem 1rem 1rem;
    border-radius: 1.25rem;
    border: 1.5px solid var(--pp-pl-card-border);
    background:
        linear-gradient(165deg, rgba(255, 255, 255, 0.06), transparent 40%),
        var(--pp-pl-card);
    box-shadow:
        0 18px 40px rgba(15, 23, 42, 0.1),
        0 0 0 1px rgba(255, 255, 255, 0.04) inset;
    color: var(--pp-pl-card-text);
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    transform-origin: center center;
    transform-style: preserve-3d;
    backface-visibility: hidden;
    transition: box-shadow 0.35s ease, border-color 0.35s ease;
    will-change: transform, opacity;
}

body.pp-home-design .pp-cf-card.is-enter {
    animation: none;
}

body.pp-home-design.pp-theme-dark .pp-cf-card {
    box-shadow:
        0 22px 48px rgba(0, 0, 0, 0.45),
        0 0 28px rgba(124, 58, 237, 0.08);
}

body.pp-home-design .pp-cf-card.is-active {
    border-color: color-mix(in srgb, var(--c, var(--cf-accent)) 65%, transparent);
    box-shadow:
        0 24px 56px rgba(15, 23, 42, 0.16),
        0 0 0 1px color-mix(in srgb, var(--c, var(--cf-accent)) 45%, transparent),
        0 0 36px color-mix(in srgb, var(--c, var(--cf-accent)) 35%, transparent);
}

body.pp-home-design.pp-theme-dark .pp-cf-card.is-active {
    box-shadow:
        0 26px 60px rgba(0, 0, 0, 0.55),
        0 0 0 1px color-mix(in srgb, var(--c, var(--cf-accent)) 55%, transparent),
        0 0 42px color-mix(in srgb, var(--c, var(--cf-accent)) 45%, transparent);
}

body.pp-home-design .pp-cf-icon {
    width: 3.1rem;
    height: 3.1rem;
    border-radius: 1rem;
    display: grid;
    place-items: center;
    font-size: 1.45rem;
    color: #fff;
    background:
        radial-gradient(circle at 30% 25%, rgba(255, 255, 255, 0.35), transparent 45%),
        linear-gradient(145deg, var(--c, #7c3aed), color-mix(in srgb, var(--c, #7c3aed) 55%, #0f172a));
    box-shadow: 0 10px 24px color-mix(in srgb, var(--c, #7c3aed) 40%, transparent);
    margin-bottom: 0.15rem;
}

body.pp-home-design .pp-cf-card h3 {
    margin: 0;
    font-size: 1.02rem;
    font-weight: 800;
    line-height: 1.35;
    color: var(--pp-pl-card-text);
}

body.pp-home-design .pp-cf-card > p {
    margin: 0;
    flex: 1;
    font-size: 0.78rem;
    line-height: 1.65;
    color: var(--pp-pl-card-muted);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

body.pp-home-design .pp-cf-foot {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    margin-top: auto;
}

body.pp-home-design .pp-cf-chip {
    align-self: flex-start;
    font-size: 0.68rem;
    font-weight: 700;
    padding: 0.22rem 0.55rem;
    border-radius: 999px;
    color: color-mix(in srgb, var(--c, #7c3aed) 85%, #fff);
    background: color-mix(in srgb, var(--c, #7c3aed) 14%, transparent);
    border: 1px solid color-mix(in srgb, var(--c, #7c3aed) 28%, transparent);
}

body.pp-home-design .pp-cf-price {
    display: block;
    text-align: center;
    font-size: 0.78rem;
    font-weight: 700;
    padding: 0.55rem 0.65rem;
    border-radius: 0.85rem;
    color: var(--pp-pl-card-text);
    background: color-mix(in srgb, var(--c, #7c3aed) 10%, transparent);
    border: 1px solid color-mix(in srgb, var(--c, #7c3aed) 22%, transparent);
}

body.pp-home-design .pp-cf-nav {
    position: absolute;
    top: calc(50% - 28px);
    z-index: 30;
    width: 2.65rem;
    height: 2.65rem;
    border-radius: 50%;
    border: 1px solid var(--pp-pl-nav-border);
    background: var(--pp-pl-nav);
    color: var(--pp-pl-nav-icon);
    display: grid;
    place-items: center;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.12);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

body.pp-home-design .pp-cf-nav:hover {
    transform: scale(1.06);
    box-shadow: 0 12px 32px rgba(124, 58, 237, 0.22);
}

body.pp-home-design .pp-cf-prev { right: 0; }
body.pp-home-design .pp-cf-next { left: 0; }

body.pp-home-design .pp-cf-status {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.85rem;
    margin-top: 0.95rem;
    flex-wrap: wrap;
}

body.pp-home-design .pp-cf-counter {
    font-size: 0.88rem;
    font-weight: 700;
    color: var(--pp-pl-title);
    padding: 0.35rem 0.75rem;
    border-radius: 999px;
    border: 1px solid var(--pp-pl-nav-border);
    background: var(--pp-pl-nav);
}

body.pp-home-design .pp-cf-counter strong {
    color: var(--cf-accent, #a78bfa);
}

body.pp-home-design .pp-cf-hint {
    font-size: 0.78rem;
    color: var(--pp-pl-muted);
}

/* Detail panel */
body.pp-home-design .pp-cf-detail {
    --cf-accent: #a78bfa;
    position: relative;
    margin-top: 1.5rem;
    padding: clamp(1.1rem, 3vw, 1.6rem);
    border-radius: 1.5rem;
    border: 1px solid var(--pp-pl-detail-border);
    background:
        linear-gradient(145deg, color-mix(in srgb, var(--cf-accent) 10%, transparent), transparent 42%),
        var(--pp-pl-detail);
    box-shadow:
        0 24px 60px rgba(15, 23, 42, 0.1),
        0 0 40px color-mix(in srgb, var(--cf-accent) 12%, transparent);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    opacity: 0;
    transform: translateY(18px) scale(0.985);
    pointer-events: none;
    max-height: 0;
    overflow: hidden;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    border-width: 0;
    transition:
        opacity 0.4s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
        max-height 0.45s ease,
        margin 0.35s ease,
        padding 0.35s ease,
        border-width 0.2s ease;
}

body.pp-home-design .pp-cf-detail.is-open {
    opacity: 1;
    transform: none;
    pointer-events: auto;
    max-height: 6000px;
    margin-top: 1.5rem;
    padding: clamp(1.1rem, 3vw, 1.6rem);
    border-width: 1px;
    overflow: visible;
}

body.pp-home-design.pp-theme-dark .pp-cf-detail {
    box-shadow:
        0 28px 70px rgba(0, 0, 0, 0.5),
        0 0 48px color-mix(in srgb, var(--cf-accent) 18%, transparent);
}

body.pp-home-design .pp-cf-detail-close {
    position: absolute;
    top: 0.85rem;
    left: 0.85rem;
    z-index: 2;
    width: 2.1rem;
    height: 2.1rem;
    border-radius: 50%;
    border: 1px solid var(--pp-pl-nav-border);
    background: var(--pp-pl-nav);
    color: var(--pp-pl-nav-icon);
    display: grid;
    place-items: center;
    font-size: 0.85rem;
}

body.pp-home-design .pp-cf-detail-grid {
    display: grid;
    grid-template-columns: minmax(160px, 220px) 1fr;
    gap: clamp(1.1rem, 3vw, 2rem);
    align-items: center;
}

body.pp-home-design .pp-cf-info-head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem 1rem;
    margin-bottom: 0.75rem;
    padding-left: 2.2rem;
}

body.pp-home-design .pp-cf-info-head h3 {
    margin: 0 0 0.35rem;
    font-size: clamp(1.15rem, 2.4vw, 1.45rem);
    font-weight: 800;
    color: var(--pp-pl-title);
}

body.pp-home-design .pp-cf-rating {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    color: #fbbf24;
    font-weight: 700;
    font-size: 0.92rem;
}

body.pp-home-design .pp-cf-rating span {
    color: var(--pp-pl-muted);
}

body.pp-home-design .pp-cf-group-pill {
    display: inline-flex;
    align-items: center;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.28rem 0.65rem;
    border-radius: 999px;
    color: var(--pp-pl-title);
    background: color-mix(in srgb, var(--cf-accent) 14%, transparent);
    border: 1px solid color-mix(in srgb, var(--cf-accent) 28%, transparent);
}

body.pp-home-design .pp-cf-detail-price {
    font-size: 0.82rem;
    font-weight: 700;
    padding: 0.45rem 0.75rem;
    border-radius: 999px;
    color: var(--pp-pl-title);
    border: 1px solid color-mix(in srgb, var(--cf-accent) 35%, transparent);
    background: color-mix(in srgb, var(--cf-accent) 12%, transparent);
    white-space: nowrap;
}

body.pp-home-design .pp-cf-about {
    margin: 0 0 1rem;
    color: var(--pp-pl-muted);
    font-size: 0.9rem;
    line-height: 1.85;
    max-height: 11.5rem;
    overflow: auto;
    padding-left: 0.15rem;
    scrollbar-width: thin;
}

body.pp-home-design .pp-cf-about p {
    margin: 0 0 0.7rem;
}

body.pp-home-design .pp-cf-about p:last-child {
    margin-bottom: 0;
}

body.pp-home-design .pp-cf-tags {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.5rem;
    margin-bottom: 1.1rem;
}

@media (min-width: 768px) {
    body.pp-home-design .pp-cf-tags {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

body.pp-home-design .pp-cf-tag {
    display: inline-flex;
    align-items: flex-start;
    gap: 0.45rem;
    padding: 0.55rem 0.75rem;
    border-radius: 1rem;
    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1.45;
    color: var(--pp-pl-card-text);
    background: color-mix(in srgb, var(--cf-accent) 10%, var(--pp-pl-card));
    border: 1px solid color-mix(in srgb, var(--cf-accent) 22%, transparent);
}

body.pp-home-design .pp-cf-tag i {
    color: var(--cf-accent);
    font-size: 0.95rem;
}

body.pp-home-design .pp-cf-meta-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem 1.1rem;
    font-size: 0.75rem;
    color: var(--pp-pl-muted);
}

body.pp-home-design .pp-cf-meta-row span {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
}

body.pp-home-design .pp-cf-meta-row i {
    opacity: 0.75;
}

/* Phone mockup */
body.pp-home-design .pp-cf-phone {
    display: flex;
    justify-content: center;
}

body.pp-home-design .pp-phone-frame {
    --pp-phone-r-outer: 1.85rem;
    --pp-phone-r-top: 1.28rem;
    --pp-phone-r-bottom: 1.62rem;
    --pp-phone-r-screen: var(--pp-phone-r-top) var(--pp-phone-r-top) var(--pp-phone-r-bottom) var(--pp-phone-r-bottom);
    --pp-phone-bezel: 0.4rem;
    width: min(100%, 204px);
    aspect-ratio: 9 / 18.4;
    border-radius: var(--pp-phone-r-outer);
    padding: var(--pp-phone-bezel);
    background:
        linear-gradient(145deg, #5a5a62 0%, #2a2a30 18%, #121216 48%, #070709 78%, #1c1c22 100%);
    box-shadow:
        0 28px 56px rgba(0, 0, 0, 0.45),
        0 0 0 1px rgba(255, 255, 255, 0.14) inset,
        0 1px 0 rgba(255, 255, 255, 0.22) inset,
        0 -1px 0 rgba(0, 0, 0, 0.55) inset,
        0 0 40px color-mix(in srgb, var(--cf-accent) 24%, transparent);
    position: relative;
}

/* Titanium rim highlight */
body.pp-home-design .pp-phone-frame::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    z-index: 1;
    background:
        linear-gradient(125deg, rgba(255, 255, 255, 0.28) 0%, transparent 22%, transparent 78%, rgba(255, 255, 255, 0.1) 100%);
    opacity: 0.55;
    mix-blend-mode: screen;
}

/* Side hardware: silent + volume (left), power (right) */
body.pp-home-design .pp-phone-frame::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 6;
    background:
        /* silent switch */
        linear-gradient(#1a1a1e, #0a0a0c) left 0 top 16% / 2.5px 7% no-repeat,
        /* volume up */
        linear-gradient(#1a1a1e, #0a0a0c) left 0 top 26% / 2.5px 10% no-repeat,
        /* volume down */
        linear-gradient(#1a1a1e, #0a0a0c) left 0 top 38% / 2.5px 10% no-repeat,
        /* power */
        linear-gradient(#1a1a1e, #0a0a0c) right 0 top 28% / 2.5px 14% no-repeat;
    filter: drop-shadow(0 0 0.5px rgba(255, 255, 255, 0.15));
}

body.pp-home-design .pp-phone-notch {
    position: absolute;
    top: calc(var(--pp-phone-bezel) + 0.34rem);
    left: 50%;
    transform: translateX(-50%);
    width: 32%;
    height: 0.7rem;
    border-radius: 999px;
    background: #000;
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.07) inset,
        0 1px 2px rgba(0, 0, 0, 0.55);
    z-index: 7;
    pointer-events: none;
}

/* Camera lens on Dynamic Island */
body.pp-home-design .pp-phone-notch::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0.28rem;
    width: 0.32rem;
    height: 0.32rem;
    border-radius: 50%;
    transform: translateY(-50%);
    background:
        radial-gradient(circle at 35% 30%, #3b82f6 0%, #1e3a5f 45%, #0b1220 70%, #000 100%);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12);
}

body.pp-home-design .pp-phone-screen {
    position: relative;
    height: 100%;
    border-radius: var(--pp-phone-r-screen);
    overflow: hidden;
    background: var(--pp-pl-screen);
    isolation: isolate;
    z-index: 2;
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.08) inset,
        0 0 0 0.5px rgba(0, 0, 0, 0.35);
}

/* Apple-like center spinner while switching plugins */
body.pp-home-design .pp-phone-loader {
    position: absolute;
    inset: 0;
    z-index: 8;
    display: grid;
    place-items: center;
    background: color-mix(in srgb, var(--pp-pl-screen) 72%, #000 28%);
    backdrop-filter: blur(10px) saturate(1.15);
    -webkit-backdrop-filter: blur(10px) saturate(1.15);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.28s ease, visibility 0.28s ease;
}

body.pp-home-design .pp-phone-loader.is-on {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

body.pp-home-design .pp-phone-loader-ring {
    width: 1.55rem;
    height: 1.55rem;
    border-radius: 50%;
    border: 2px solid rgba(148, 163, 184, 0.22);
    border-top-color: rgba(255, 255, 255, 0.92);
    border-right-color: rgba(255, 255, 255, 0.45);
    animation: ppPhoneSpin 0.72s linear infinite;
    filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.18));
}

body.pp-home-design.pp-theme-dark .pp-phone-loader {
    background: rgba(8, 12, 22, 0.72);
}

@keyframes ppPhoneSpin {
    to { transform: rotate(360deg); }
}

body.pp-home-design .pp-phone-ui {
    position: absolute;
    inset: 0;
    padding: 1.35rem 0.7rem 0.75rem;
    display: none;
    flex-direction: column;
    gap: 0.42rem;
    color: var(--pp-pl-card-text);
}

body.pp-home-design .pp-phone-ui.is-active {
    display: flex;
    animation: ppPhoneIn 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

body.pp-home-design .pp-phone-ui--shot {
    padding: 0;
    gap: 0;
}

body.pp-home-design .pp-phone-ui--shot.is-active {
    display: block;
}

body.pp-home-design .pp-phone-ui--frame {
    padding: 0;
    gap: 0;
}

body.pp-home-design .pp-phone-ui--frame.is-active {
    display: block;
}

/*
 * Phone demo iframe: scale a fixed-width admin shell into the screen.
 * Clip ONLY on the wrap (rounded). Never border-radius the iframe itself —
 * that + transform was blanking most of the screen.
 */
body.pp-home-design .pp-pui-frame-wrap {
    --pp-pui-scale: 0.445;
    --pp-pui-demo-w: 390px;
    --pp-pui-safe-x: 0;
    --pp-pui-safe-top: 1.28rem;
    --pp-pui-safe-bottom: 0.32rem;
    position: absolute;
    inset: 0;
    overflow: hidden;
    background: var(--pp-pl-screen);
    border-radius: var(--pp-phone-r-screen);
    padding: var(--pp-pui-safe-top) var(--pp-pui-safe-x) var(--pp-pui-safe-bottom);
    box-sizing: border-box;
}

body.pp-home-design .pp-pui-frame {
    position: absolute;
    top: var(--pp-pui-safe-top);
    left: 50%;
    width: var(--pp-pui-demo-w);
    height: calc((100% - var(--pp-pui-safe-top) - var(--pp-pui-safe-bottom)) / var(--pp-pui-scale));
    max-width: none;
    border: 0;
    background: var(--pp-pl-screen);
    color-scheme: light;
    transform: translateX(-50%) scale(var(--pp-pui-scale));
    transform-origin: top center;
    pointer-events: auto;
}

body.pp-home-design.pp-theme-dark .pp-pui-frame {
    color-scheme: dark;
}

body.pp-home-design .pp-pui-shot {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: color-mix(in srgb, var(--cf-accent) 45%, transparent) transparent;
    background: var(--pp-pl-screen);
}

body.pp-home-design .pp-pui-shot::-webkit-scrollbar {
    width: 3px;
}

body.pp-home-design .pp-pui-shot::-webkit-scrollbar-thumb {
    background: color-mix(in srgb, var(--cf-accent) 50%, transparent);
    border-radius: 999px;
}

body.pp-home-design .pp-pui-shot img {
    display: block;
    width: 100%;
    height: auto;
    pointer-events: none;
    user-select: none;
}

@keyframes ppPhoneIn {
    from { opacity: 0; transform: translateY(8px) scale(0.98); }
    to { opacity: 1; transform: none; }
}

body.pp-home-design .pp-pui-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.72rem;
    font-weight: 800;
    gap: 0.35rem;
}

body.pp-home-design .pp-pui-top strong {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.pp-home-design .pp-pui-top span,
body.pp-home-design .pp-pui-top i {
    color: var(--pp-pl-muted);
    font-weight: 600;
    flex-shrink: 0;
}

body.pp-home-design .pp-pui-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
}

body.pp-home-design .pp-pui-chips span {
    font-size: 0.52rem;
    font-weight: 700;
    padding: 0.22rem 0.45rem;
    border-radius: 999px;
    color: var(--pp-pl-muted);
    background: color-mix(in srgb, var(--cf-accent) 8%, transparent);
    border: 1px solid color-mix(in srgb, var(--cf-accent) 18%, transparent);
}

body.pp-home-design .pp-pui-chips .is-on {
    color: #fff;
    background: var(--cf-accent);
    border-color: transparent;
}

body.pp-home-design .pp-pui-kpis {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.28rem;
}

body.pp-home-design .pp-pui-kpis > div {
    padding: 0.35rem 0.3rem;
    border-radius: 0.55rem;
    text-align: center;
    background: color-mix(in srgb, var(--cf-accent) 9%, transparent);
    border: 1px solid color-mix(in srgb, var(--cf-accent) 16%, transparent);
}

body.pp-home-design .pp-pui-kpis > div.accent {
    background: linear-gradient(145deg, color-mix(in srgb, var(--cf-accent) 75%, #0f766e), color-mix(in srgb, var(--cf-accent) 40%, #0d9488));
    border-color: transparent;
    color: #fff;
}

body.pp-home-design .pp-pui-kpis em {
    display: block;
    font-style: normal;
    font-size: 0.48rem;
    color: var(--pp-pl-muted);
    margin-bottom: 0.12rem;
}

body.pp-home-design .pp-pui-kpis > div.accent em {
    color: rgba(255, 255, 255, 0.82);
}

body.pp-home-design .pp-pui-kpis b {
    font-size: 0.62rem;
    font-weight: 800;
}

body.pp-home-design .pp-pui-kpis .ok { color: #34d399; }
body.pp-home-design .pp-pui-kpis .warn { color: #fbbf24; }
body.pp-home-design .pp-pui-kpis .bad { color: #fb7185; }
body.pp-home-design .pp-pui-kpis > div.accent b { color: #fff; }

body.pp-home-design .pp-pui-cal-head,
body.pp-home-design .pp-pui-cal-grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 0.18rem;
    text-align: center;
}

body.pp-home-design .pp-pui-cal-head {
    font-size: 0.55rem;
    color: var(--pp-pl-muted);
    margin-bottom: 0.2rem;
}

body.pp-home-design .pp-pui-cal-grid span {
    font-size: 0.58rem;
    padding: 0.28rem 0;
    border-radius: 0.4rem;
    background: color-mix(in srgb, var(--cf-accent) 8%, transparent);
}

body.pp-home-design .pp-pui-cal-grid .is-busy {
    background: color-mix(in srgb, var(--cf-accent) 22%, transparent);
}

body.pp-home-design .pp-pui-cal-grid .is-pick {
    background: var(--cf-accent);
    color: #fff;
    font-weight: 800;
}

body.pp-home-design .pp-pui-slots {
    display: flex;
    gap: 0.3rem;
}

body.pp-home-design .pp-pui-slots span {
    flex: 1;
    text-align: center;
    font-size: 0.58rem;
    font-weight: 700;
    padding: 0.35rem 0;
    border-radius: 0.5rem;
    border: 1px solid color-mix(in srgb, var(--cf-accent) 25%, transparent);
}

body.pp-home-design .pp-pui-slots .is-on {
    background: var(--cf-accent);
    color: #fff;
    border-color: transparent;
}

body.pp-home-design .pp-pui-cta {
    margin-top: auto;
    text-align: center;
    font-size: 0.68rem;
    font-weight: 800;
    padding: 0.55rem;
    border-radius: 0.7rem;
    color: #fff;
    background: linear-gradient(135deg, var(--cf-accent), color-mix(in srgb, var(--cf-accent) 50%, #06b6d4));
}

body.pp-home-design .pp-pui-cta.soft {
    background: color-mix(in srgb, var(--cf-accent) 18%, transparent);
    color: var(--pp-pl-card-text);
    border: 1px solid color-mix(in srgb, var(--cf-accent) 30%, transparent);
}

body.pp-home-design .pp-pui-prod {
    display: grid;
    gap: 0.45rem;
}

body.pp-home-design .pp-pui-prod-card {
    display: grid;
    grid-template-columns: 2.2rem 1fr;
    grid-template-rows: auto auto;
    column-gap: 0.45rem;
    padding: 0.4rem;
    border-radius: 0.7rem;
    background: color-mix(in srgb, var(--cf-accent) 10%, transparent);
}

body.pp-home-design .pp-pui-prod-card span {
    grid-row: 1 / span 2;
    border-radius: 0.45rem;
    background: linear-gradient(145deg, var(--cf-accent), #38bdf8);
}

body.pp-home-design .pp-pui-prod-card b {
    font-size: 0.62rem;
}

body.pp-home-design .pp-pui-prod-card small {
    font-size: 0.55rem;
    color: var(--pp-pl-muted);
}

body.pp-home-design .pp-pui-cart {
    margin-top: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    font-size: 0.65rem;
    font-weight: 700;
    padding: 0.5rem;
    border-radius: 0.7rem;
    background: var(--cf-accent);
    color: #fff;
}

body.pp-home-design .pp-pui-inv {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    flex: 1;
}

body.pp-home-design .pp-pui-inv-row {
    display: flex;
    justify-content: space-between;
    font-size: 0.62rem;
    padding: 0.35rem 0.45rem;
    border-radius: 0.5rem;
    background: color-mix(in srgb, var(--cf-accent) 8%, transparent);
}

body.pp-home-design .pp-pui-inv-row .ok { color: #34d399; }

body.pp-home-design .pp-pui-qr {
    width: 4.2rem;
    height: 4.2rem;
    margin: 0.35rem auto;
    border-radius: 0.55rem;
    background:
        repeating-linear-gradient(90deg, #0f172a 0 2px, transparent 2px 5px),
        repeating-linear-gradient(0deg, #0f172a 0 2px, transparent 2px 5px),
        #e2e8f0;
    opacity: 0.85;
}

body.pp-home-design.pp-theme-dark .pp-pui-qr {
    background:
        repeating-linear-gradient(90deg, #e2e8f0 0 2px, transparent 2px 5px),
        repeating-linear-gradient(0deg, #e2e8f0 0 2px, transparent 2px 5px),
        #1e293b;
}

body.pp-home-design .pp-pui-camp label {
    font-size: 0.58rem;
    color: var(--pp-pl-muted);
}

body.pp-home-design .pp-pui-bubble {
    font-size: 0.68rem;
    line-height: 1.55;
    padding: 0.65rem;
    border-radius: 0.85rem;
    background: color-mix(in srgb, var(--cf-accent) 14%, transparent);
    border: 1px solid color-mix(in srgb, var(--cf-accent) 25%, transparent);
}

body.pp-home-design .pp-pui-meta {
    display: flex;
    justify-content: space-between;
    font-size: 0.55rem;
    color: var(--pp-pl-muted);
}

body.pp-home-design .pp-pui-kanban {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.3rem;
    flex: 1;
}

body.pp-home-design .pp-pui-kanban > div {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 0.3rem;
    border-radius: 0.55rem;
    background: color-mix(in srgb, var(--cf-accent) 8%, transparent);
}

body.pp-home-design .pp-pui-kanban em {
    font-style: normal;
    font-size: 0.52rem;
    font-weight: 800;
    color: var(--pp-pl-muted);
}

body.pp-home-design .pp-pui-kanban span {
    height: 1.35rem;
    border-radius: 0.35rem;
    background: color-mix(in srgb, var(--cf-accent) 28%, transparent);
}

body.pp-home-design .pp-pui-kanban .hot span {
    background: linear-gradient(135deg, var(--cf-accent), #38bdf8);
}

body.pp-home-design .pp-pui-chat {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    flex: 1;
}

body.pp-home-design .pp-pui-chat .them,
body.pp-home-design .pp-pui-chat .me {
    max-width: 88%;
    font-size: 0.62rem;
    line-height: 1.5;
    padding: 0.45rem 0.55rem;
    border-radius: 0.75rem;
}

body.pp-home-design .pp-pui-chat .them {
    align-self: flex-start;
    background: color-mix(in srgb, var(--cf-accent) 14%, transparent);
}

body.pp-home-design .pp-pui-chat .me {
    align-self: flex-end;
    background: var(--cf-accent);
    color: #fff;
}

body.pp-home-design .pp-pui-course {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    flex: 1;
}

body.pp-home-design .pp-pui-course-card {
    display: grid;
    grid-template-columns: 2.4rem 1fr;
    gap: 0.45rem;
    padding: 0.4rem;
    border-radius: 0.7rem;
    background: color-mix(in srgb, var(--cf-accent) 10%, transparent);
}

body.pp-home-design .pp-pui-course-card .thumb {
    border-radius: 0.45rem;
    background: linear-gradient(145deg, #818cf8, #2dd4bf);
}

body.pp-home-design .pp-pui-course-card .thumb.alt {
    background: linear-gradient(145deg, #f472b6, #a78bfa);
}

body.pp-home-design .pp-pui-course-card b {
    display: block;
    font-size: 0.62rem;
}

body.pp-home-design .pp-pui-course-card small {
    font-size: 0.52rem;
    color: var(--pp-pl-muted);
}

body.pp-home-design .pp-pui-course-card i {
    display: block;
    height: 0.28rem;
    margin-top: 0.25rem;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--cf-accent) 68%, color-mix(in srgb, var(--cf-accent) 20%, transparent) 68%);
}

body.pp-home-design .pp-pui-list {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

body.pp-home-design .pp-pui-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.62rem;
    padding: 0.4rem 0.45rem;
    border-radius: 0.55rem;
    background: color-mix(in srgb, var(--cf-accent) 9%, transparent);
}

body.pp-home-design .pp-pui-row.tall {
    align-items: flex-start;
    flex-direction: column;
}

body.pp-home-design .pp-pui-row .ok { color: #34d399; }
body.pp-home-design .pp-pui-row .warn { color: #fbbf24; }
body.pp-home-design .pp-pui-row .bad { color: #fb7185; }

body.pp-home-design .pp-pui-bars {
    display: flex;
    align-items: flex-end;
    gap: 0.28rem;
    height: 4.2rem;
    padding: 0.35rem 0.2rem;
}

body.pp-home-design .pp-pui-bars.tall { height: 5rem; }

body.pp-home-design .pp-pui-bars i {
    flex: 1;
    border-radius: 0.3rem 0.3rem 0.15rem 0.15rem;
    background: linear-gradient(180deg, var(--cf-accent), color-mix(in srgb, var(--cf-accent) 35%, #38bdf8));
    font-style: normal;
}

body.pp-home-design .pp-pui-bars i:nth-child(1) { height: 42%; }
body.pp-home-design .pp-pui-bars i:nth-child(2) { height: 68%; }
body.pp-home-design .pp-pui-bars i:nth-child(3) { height: 55%; }
body.pp-home-design .pp-pui-bars i:nth-child(4) { height: 86%; }
body.pp-home-design .pp-pui-bars i:nth-child(5) { height: 62%; }
body.pp-home-design .pp-pui-bars i:nth-child(6) { height: 74%; }

body.pp-home-design .pp-pui-flow {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.3rem;
    flex: 1;
    justify-content: center;
}

body.pp-home-design .pp-pui-flow span {
    width: 100%;
    text-align: center;
    font-size: 0.62rem;
    font-weight: 700;
    padding: 0.45rem 0.5rem;
    border-radius: 0.65rem;
    background: color-mix(in srgb, var(--cf-accent) 14%, transparent);
    border: 1px solid color-mix(in srgb, var(--cf-accent) 25%, transparent);
}

body.pp-home-design .pp-pui-flow i {
    color: var(--cf-accent);
    font-size: 0.75rem;
}

body.pp-home-design .pp-pui-wallet {
    padding: 0.75rem;
    border-radius: 0.9rem;
    background: linear-gradient(145deg, color-mix(in srgb, var(--cf-accent) 35%, transparent), color-mix(in srgb, var(--cf-accent) 8%, transparent));
    text-align: center;
}

body.pp-home-design .pp-pui-wallet em {
    display: block;
    font-style: normal;
    font-size: 0.58rem;
    color: var(--pp-pl-muted);
}

body.pp-home-design .pp-pui-wallet strong {
    display: block;
    font-size: 0.95rem;
    margin: 0.25rem 0 0.45rem;
}

body.pp-home-design .pp-pui-gift {
    margin: 0.6rem 0;
    padding: 1rem 0.7rem;
    border-radius: 1rem;
    text-align: center;
    background:
        radial-gradient(circle at 20% 20%, rgba(255, 255, 255, 0.2), transparent 40%),
        linear-gradient(145deg, var(--cf-accent), #f472b6);
    color: #fff;
}

body.pp-home-design .pp-pui-gift b {
    display: block;
    font-size: 1rem;
}

body.pp-home-design .pp-pui-gift small {
    opacity: 0.85;
    font-size: 0.58rem;
}

body.pp-home-design .pp-pui-form {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    flex: 1;
}

body.pp-home-design .pp-pui-form label {
    height: 1.4rem;
    border-radius: 0.45rem;
    background: color-mix(in srgb, var(--cf-accent) 12%, transparent);
    border: 1px solid color-mix(in srgb, var(--cf-accent) 18%, transparent);
}

body.pp-home-design .pp-pui-form label.short { height: 2.4rem; }

body.pp-home-design .pp-pui-form label.labeled {
    height: auto;
    min-height: 1.35rem;
    padding: 0.35rem 0.45rem;
    font-size: 0.52rem;
    font-weight: 600;
    color: var(--pp-pl-muted);
    display: flex;
    align-items: center;
}

body.pp-home-design .pp-pui-form label.labeled.short {
    min-height: 2.4rem;
    align-items: flex-start;
}

body.pp-home-design .pp-pui-score {
    text-align: center;
    padding: 0.7rem;
    border-radius: 1rem;
    background: color-mix(in srgb, var(--cf-accent) 14%, transparent);
}

body.pp-home-design .pp-pui-score strong {
    display: block;
    font-size: 1.6rem;
    color: var(--cf-accent);
}

body.pp-home-design .pp-pui-score span {
    font-size: 0.58rem;
    color: var(--pp-pl-muted);
}

body.pp-home-design .pp-pui-builder {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    flex: 1;
}

body.pp-home-design .pp-pui-builder span {
    height: 1.6rem;
    border-radius: 0.45rem;
    background: color-mix(in srgb, var(--cf-accent) 14%, transparent);
}

body.pp-home-design .pp-pui-builder span.wide { flex: 1; min-height: 3.5rem; }

body.pp-home-design .pp-pui-pwa {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    text-align: center;
    padding: 0.75rem;
    border-radius: 1rem;
    background: color-mix(in srgb, var(--cf-accent) 12%, transparent);
}

body.pp-home-design .pp-pui-pwa i {
    font-size: 1.6rem;
    color: var(--cf-accent);
}

body.pp-home-design .pp-pui-pwa b {
    font-size: 0.72rem;
}

body.pp-home-design .pp-pui-pwa small {
    font-size: 0.58rem;
    color: var(--pp-pl-muted);
}

body.pp-home-design .pp-pui-generic {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    text-align: center;
    padding: 0.5rem;
}

body.pp-home-design .pp-pui-generic-icon {
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 1rem;
    display: grid;
    place-items: center;
    font-size: 1.4rem;
    color: #fff;
    background: linear-gradient(145deg, var(--cf-accent), #38bdf8);
}

body.pp-home-design .pp-pui-generic p {
    margin: 0;
    font-size: 0.65rem;
    line-height: 1.55;
    color: var(--pp-pl-muted);
}

body.pp-home-design .pp-pui-feat-list {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.28rem;
    margin-top: 0.35rem;
}

body.pp-home-design .pp-pui-feat {
    font-size: 0.52rem;
    font-weight: 600;
    line-height: 1.35;
    text-align: right;
    padding: 0.35rem 0.45rem;
    border-radius: 0.5rem;
    color: var(--pp-pl-card-text);
    background: color-mix(in srgb, var(--cf-accent) 10%, transparent);
    border: 1px solid color-mix(in srgb, var(--cf-accent) 18%, transparent);
}

body.pp-home-design .pp-plugin-cta {
    margin-top: 2rem;
    position: relative;
    z-index: 1;
}

body.pp-home-design .pp-plugin-cta .pp-plugin-cta-btn {
    padding: 1.15rem 2.1rem;
    font-size: 1.12rem;
    font-weight: 800;
    border-radius: 1rem;
    letter-spacing: -0.01em;
    box-shadow:
        0 14px 36px rgba(124, 58, 237, 0.45),
        0 0 0 1px rgba(255, 255, 255, 0.12) inset;
}

body.pp-home-design .pp-plugin-cta .pp-plugin-cta-btn:hover {
    transform: translateY(-2px);
    box-shadow:
        0 18px 42px rgba(124, 58, 237, 0.55),
        0 0 0 1px rgba(255, 255, 255, 0.16) inset;
}

body.pp-home-design .pp-plugin-cta .pp-fineprint {
    color: var(--pp-pl-muted);
}

@media (max-width: 767.98px) {
    body.pp-home-design .pp-cf-nav {
        width: 2.25rem;
        height: 2.25rem;
        top: calc(50% - 18px);
    }

    body.pp-home-design .pp-cf-prev { right: -0.15rem; }
    body.pp-home-design .pp-cf-next { left: -0.15rem; }

    body.pp-home-design .pp-cf-viewport {
        height: 300px;
    }

    body.pp-home-design .pp-cf-card {
        width: min(168px, 48vw);
        min-height: 230px;
        padding: 1rem 0.85rem 0.85rem;
    }

    body.pp-home-design .pp-cf-detail.is-open {
        max-height: none;
        overflow: visible;
    }

    body.pp-home-design .pp-cf-detail-grid {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 1.15rem;
    }

    body.pp-home-design .pp-cf-info {
        width: 100%;
    }

    body.pp-home-design .pp-cf-phone {
        width: 100%;
        display: flex;
        justify-content: center;
        padding: 0.15rem 0 0.35rem;
        flex-shrink: 0;
    }

    body.pp-home-design .pp-cf-info-head {
        padding-left: 2rem;
    }

    body.pp-home-design .pp-cf-about {
        max-height: 9.5rem;
    }

    body.pp-home-design .pp-phone-frame {
        width: min(72vw, 204px);
        max-width: 204px;
        --pp-phone-r-outer: 1.7rem;
        --pp-phone-r-top: 1.18rem;
        --pp-phone-r-bottom: 1.5rem;
        --pp-phone-bezel: 0.36rem;
    }

    body.pp-home-design .pp-pui-frame-wrap {
        --pp-pui-scale: 0.43;
        --pp-pui-safe-x: 0;
        --pp-pui-safe-top: 1.3rem;
        --pp-pui-safe-bottom: 0.3rem;
    }
}

@media (max-width: 420px) {
    body.pp-home-design .pp-cf-viewport {
        height: 270px;
    }

    body.pp-home-design .pp-cf-card > p {
        -webkit-line-clamp: 2;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.pp-home-design .pp-phone-loader-ring {
        animation: none;
        border-top-color: rgba(255, 255, 255, 0.75);
    }

    body.pp-home-design .pp-phone-ui.is-active,
    body.pp-home-design .pp-cf-detail {
        animation: none !important;
        transition: none !important;
    }
}

/* ═══════════════════════════════════════════
   Dark canvas — only Plugins is the color signature
   Hero dark → About soft-dark → Map dark →
   Plugins purple burst → Business dark → …
   ═══════════════════════════════════════════ */
body.pp-home-design.pp-dark-canvas {
    background: #050505;
}

body.pp-home-design.pp-dark-canvas .pp-design-rest {
    /* Match About soft-dark so no 1px black seam under waves */
    background: #0b1220;
    z-index: 6;
}

body.pp-home-design.pp-dark-canvas .pp-design-fold,
body.pp-home-design.pp-dark-canvas .pp-hero.pp-hero-design {
    background: #050505 !important;
}

body.pp-home-design.pp-dark-canvas .pp-hero.pp-hero-design .pp-hero-photo {
    background:
        radial-gradient(ellipse 55% 50% at 75% 45%, rgba(94, 234, 212, 0.08), transparent 55%),
        linear-gradient(135deg, #0a1628 0%, #0b1220 45%, #050505 100%) !important;
}

body.pp-home-design.pp-dark-canvas .pp-hero.pp-hero-design .pp-hero-veil,
html[dir="rtl"] body.pp-home-design.pp-dark-canvas .pp-hero.pp-hero-design .pp-hero-veil {
    background:
        linear-gradient(180deg, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.28) 50%, rgba(0, 0, 0, 0.55) 100%),
        rgba(0, 0, 0, 0.35) !important;
}

body.pp-home-design.pp-dark-canvas .pp-hero-title-design { color: #fff !important; }
body.pp-home-design.pp-dark-canvas .pp-hero-accent {
    background: linear-gradient(135deg, #c4b5fd, #a78bfa 45%, #67e8f9) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
}
body.pp-home-design.pp-dark-canvas .pp-hero-desc-design { color: rgba(255, 255, 255, 0.7) !important; }
body.pp-home-design.pp-dark-canvas .pp-hero-soft-waves-svg .w-cap,
body.pp-home-design.pp-dark-canvas.pp-theme-dark .pp-hero-soft-waves-svg .w-cap,
body.pp-home-design.pp-dark-canvas.pp-hero-theme-dark .pp-hero-soft-waves-svg .w-cap {
    fill: #0b1220 !important;
}
body.pp-home-design.pp-dark-canvas .pp-hero-soft-waves-svg .w-echo.e5,
body.pp-home-design.pp-dark-canvas.pp-theme-dark .pp-hero-soft-waves-svg .w-echo.e5 {
    fill: #0b1220 !important;
    opacity: 1 !important;
}
body.pp-home-design.pp-dark-canvas .pp-hero-design-edge {
    z-index: 3;
}

/* About sits above wave edge — no black hairline, card on top */
body.pp-home-design.pp-dark-canvas .pp-stage-intro.pp-tone-soft-dark {
    background: #0b1220 !important;
    margin-top: -2.75rem;
    z-index: 10;
    isolation: isolate;
}
body.pp-home-design.pp-dark-canvas .pp-stage-intro.pp-tone-soft-dark .pp-intro-shell {
    position: relative;
    z-index: 12;
}
body.pp-home-design.pp-dark-canvas .pp-stage-intro.pp-tone-soft-dark .pp-intro-card {
    position: relative;
    z-index: 13;
    background: rgba(15, 23, 42, 0.78) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35) !important;
}
body.pp-home-design.pp-dark-canvas .pp-stage-intro.pp-tone-soft-dark .pp-intro-pattern {
    background:
        radial-gradient(ellipse 70% 50% at 50% 50%, rgba(124, 58, 237, 0.1), transparent 70%),
        linear-gradient(180deg, #0b1220 0%, #111827 50%, #0b1220 100%) !important;
}
body.pp-home-design.pp-dark-canvas .pp-stage-intro.pp-tone-soft-dark::after {
    background: linear-gradient(0deg, #0b1220 0%, #0b1220 30%, transparent 100%) !important;
}
body.pp-home-design.pp-dark-canvas .pp-stage-intro.pp-tone-soft-dark .pp-intro-lead {
    color: rgba(255, 255, 255, 0.72) !important;
}
body.pp-home-design.pp-dark-canvas .pp-stage-intro.pp-tone-soft-dark .pp-intro-feats {
    border-top-color: rgba(255, 255, 255, 0.1) !important;
}
body.pp-home-design.pp-dark-canvas .pp-stage-intro.pp-tone-soft-dark .pp-intro-feats li {
    color: #c4b5fd !important;
}
body.pp-home-design.pp-dark-canvas .pp-stage-intro.pp-tone-soft-dark .pp-intro-feats i {
    color: #c4b5fd !important;
    background: linear-gradient(145deg, rgba(124, 58, 237, 0.35), rgba(99, 102, 241, 0.25)) !important;
    box-shadow: inset 0 0 0 1px rgba(167, 139, 250, 0.35) !important;
}

@media (max-width: 991.98px) {
    /* Close the oversized black band under waves on tablet/mobile */
    body.pp-home-design.pp-dark-canvas .pp-design-rest {
        margin-top: 64px;
        background: #0b1220;
    }
    body.pp-home-design.pp-dark-canvas .pp-stage-intro.pp-tone-soft-dark {
        margin-top: -2.6rem;
        padding-top: 0;
        z-index: 12;
    }
    body.pp-home-design.pp-dark-canvas .pp-hero-design-edge {
        z-index: 2;
        bottom: -4.25rem;
    }
    body.pp-home-design.pp-dark-canvas .pp-intro-shell,
    body.pp-home-design.pp-dark-canvas .pp-intro-card {
        position: relative;
        z-index: 14;
    }
}

@media (max-width: 767.98px) {
    body.pp-home-design.pp-dark-canvas .pp-design-rest {
        margin-top: 56px;
    }
    body.pp-home-design.pp-dark-canvas .pp-stage-intro.pp-tone-soft-dark {
        margin-top: -2.35rem;
        padding-top: 0;
    }
}

@media (max-width: 575.98px) {
    body.pp-home-design.pp-dark-canvas .pp-design-rest {
        margin-top: 52px;
    }
    body.pp-home-design.pp-dark-canvas .pp-hero-design-edge {
        bottom: -4.5rem;
    }
    body.pp-home-design.pp-dark-canvas .pp-stage-intro.pp-tone-soft-dark {
        margin-top: -2.15rem;
        padding-top: 0.15rem;
    }
}

/* Map — deep dark */
body.pp-home-design.pp-dark-canvas .pp-stage-iranpay.pp-tone-dark {
    --pp-iran-statement-dim: rgba(255, 255, 255, 0.28);
    --pp-iran-statement-lit: #fff;
    --pp-iran-chip-bg: rgba(8, 18, 14, 0.82);
    --pp-iran-chip-border: rgba(94, 234, 212, 0.35);
    --pp-iran-chip-shadow: 0 16px 40px rgba(0, 0, 0, 0.4);
    --pp-iran-chip-title: #fff;
    --pp-iran-chip-sub: #6ee7b7;
    background:
        radial-gradient(ellipse 50% 55% at 22% 48%, rgba(45, 212, 191, 0.1), transparent 58%),
        radial-gradient(ellipse 35% 40% at 78% 30%, rgba(56, 189, 248, 0.05), transparent 50%),
        linear-gradient(180deg, #050505 0%, #061612 42%, #050505 100%) !important;
}
body.pp-home-design.pp-dark-canvas .pp-stage-iranpay.pp-tone-dark .pp-iranpay-desc {
    color: rgba(255, 255, 255, 0.62) !important;
}
body.pp-home-design.pp-dark-canvas .pp-stage-iranpay.pp-tone-dark .pp-map-store__box {
    background: linear-gradient(160deg, #1e293b 0%, #0f172a 100%) !important;
}

/* Plugins — dark: purple signature burst (only when theme is dark) */
body.pp-home-design.pp-theme-dark.pp-dark-canvas .pp-stage-plugins.pp-tone-signature {
    --pp-pl-title: #fff;
    --pp-pl-muted: rgba(255, 255, 255, 0.7);
    --pp-pl-card: rgba(6, 4, 14, 0.72);
    --pp-pl-card-border: rgba(167, 139, 250, 0.22);
    --pp-pl-card-text: #f8fafc;
    --pp-pl-card-muted: rgba(226, 232, 240, 0.62);
    --pp-pl-detail: rgba(5, 5, 8, 0.62);
    --pp-pl-detail-border: rgba(139, 92, 246, 0.28);
    --pp-pl-nav: rgba(5, 5, 8, 0.78);
    --pp-pl-nav-border: rgba(167, 139, 250, 0.28);
    --pp-pl-nav-icon: #ddd6fe;
    --pp-pl-dot: rgba(167, 139, 250, 0.35);
    --pp-pl-dot-on: #c4b5fd;
    --pp-pl-phone-bezel: #050505;
    --pp-pl-screen: #0a0612;
    --cf-accent: #a78bfa;
    background:
        radial-gradient(ellipse 65% 50% at 50% -8%, rgba(139, 92, 246, 0.32), transparent 55%),
        radial-gradient(ellipse 40% 45% at 15% 75%, rgba(91, 33, 182, 0.22), transparent 52%),
        radial-gradient(ellipse 38% 42% at 88% 60%, rgba(76, 29, 149, 0.2), transparent 50%),
        linear-gradient(180deg, #050505 0%, #12081f 22%, #1e1035 48%, #10081c 78%, #050505 100%) !important;
}
body.pp-home-design.pp-theme-dark.pp-dark-canvas .pp-stage-plugins.pp-tone-signature::before {
    background:
        radial-gradient(circle at 40% 30%, rgba(124, 58, 237, 0.18), transparent 42%),
        radial-gradient(circle at 65% 60%, rgba(88, 28, 135, 0.16), transparent 44%),
        linear-gradient(180deg, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.55));
    filter: blur(28px);
}
body.pp-home-design.pp-theme-dark.pp-dark-canvas .pp-stage-plugins.pp-tone-signature::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background:
        linear-gradient(180deg, rgba(5, 5, 5, 0.55) 0%, transparent 18%, transparent 82%, rgba(5, 5, 5, 0.65) 100%),
        radial-gradient(ellipse 80% 60% at 50% 50%, transparent 40%, rgba(0, 0, 0, 0.35) 100%);
}
body.pp-home-design.pp-theme-dark.pp-dark-canvas .pp-stage-plugins.pp-tone-signature > .pp-shell {
    position: relative;
    z-index: 1;
}
body.pp-home-design.pp-theme-dark.pp-dark-canvas .pp-stage-plugins.pp-tone-signature .pp-plugin-head h2,
body.pp-home-design.pp-theme-dark.pp-dark-canvas .pp-stage-plugins.pp-tone-signature .pp-cf-info-head h3 {
    color: #fff !important;
}
body.pp-home-design.pp-theme-dark.pp-dark-canvas .pp-stage-plugins.pp-tone-signature .pp-plugin-head p,
body.pp-home-design.pp-theme-dark.pp-dark-canvas .pp-stage-plugins.pp-tone-signature .pp-plugin-cta .pp-fineprint,
body.pp-home-design.pp-theme-dark.pp-dark-canvas .pp-stage-plugins.pp-tone-signature .pp-cf-about,
body.pp-home-design.pp-theme-dark.pp-dark-canvas .pp-stage-plugins.pp-tone-signature .pp-cf-meta-row,
body.pp-home-design.pp-theme-dark.pp-dark-canvas .pp-stage-plugins.pp-tone-signature .pp-cf-hint {
    color: rgba(255, 255, 255, 0.68) !important;
}

/* Plugins — light: soft lavender mist (not stark white, not heavy dark) */
body.pp-home-design:not(.pp-theme-dark) .pp-stage-plugins.pp-tone-signature {
    --pp-pl-title: #1e1b4b;
    --pp-pl-muted: #5b6478;
    --pp-pl-card: rgba(255, 255, 255, 0.88);
    --pp-pl-card-border: rgba(124, 58, 237, 0.16);
    --pp-pl-card-text: #0f172a;
    --pp-pl-card-muted: #64748b;
    --pp-pl-detail: rgba(255, 255, 255, 0.94);
    --pp-pl-detail-border: rgba(124, 58, 237, 0.18);
    --pp-pl-nav: #ffffff;
    --pp-pl-nav-border: rgba(124, 58, 237, 0.16);
    --pp-pl-nav-icon: #5b21b6;
    --pp-pl-dot: rgba(148, 163, 184, 0.55);
    --pp-pl-dot-on: #7c3aed;
    --pp-pl-phone-bezel: #1e1b4b;
    --pp-pl-screen: #f5f3ff;
    --cf-accent: #8b5cf6;
    background:
        radial-gradient(ellipse 70% 55% at 50% -5%, rgba(139, 92, 246, 0.18), transparent 58%),
        radial-gradient(ellipse 42% 48% at 12% 78%, rgba(167, 139, 250, 0.12), transparent 55%),
        radial-gradient(ellipse 40% 42% at 90% 58%, rgba(56, 189, 248, 0.1), transparent 52%),
        linear-gradient(180deg, #f5f3ff 0%, #eef2ff 28%, #f8fafc 62%, #f5f3ff 100%) !important;
    color: #334155;
}
body.pp-home-design:not(.pp-theme-dark) .pp-stage-plugins.pp-tone-signature::before {
    background:
        radial-gradient(circle at 35% 35%, rgba(124, 58, 237, 0.14), transparent 44%),
        radial-gradient(circle at 70% 55%, rgba(99, 102, 241, 0.1), transparent 46%);
    filter: blur(32px);
    opacity: 0.9;
}
body.pp-home-design:not(.pp-theme-dark) .pp-stage-plugins.pp-tone-signature::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background:
        linear-gradient(180deg, rgba(245, 243, 255, 0.55) 0%, transparent 16%, transparent 84%, rgba(245, 243, 255, 0.65) 100%),
        radial-gradient(ellipse 85% 65% at 50% 50%, transparent 45%, rgba(124, 58, 237, 0.04) 100%);
}
body.pp-home-design:not(.pp-theme-dark) .pp-stage-plugins.pp-tone-signature > .pp-shell {
    position: relative;
    z-index: 1;
}
body.pp-home-design:not(.pp-theme-dark) .pp-stage-plugins.pp-tone-signature .pp-plugin-head h2,
body.pp-home-design:not(.pp-theme-dark) .pp-stage-plugins.pp-tone-signature .pp-cf-info-head h3 {
    color: #1e1b4b !important;
}
body.pp-home-design:not(.pp-theme-dark) .pp-stage-plugins.pp-tone-signature .pp-plugin-head p,
body.pp-home-design:not(.pp-theme-dark) .pp-stage-plugins.pp-tone-signature .pp-plugin-cta .pp-fineprint,
body.pp-home-design:not(.pp-theme-dark) .pp-stage-plugins.pp-tone-signature .pp-cf-about,
body.pp-home-design:not(.pp-theme-dark) .pp-stage-plugins.pp-tone-signature .pp-cf-meta-row,
body.pp-home-design:not(.pp-theme-dark) .pp-stage-plugins.pp-tone-signature .pp-cf-hint {
    color: #5b6478 !important;
}
body.pp-home-design:not(.pp-theme-dark) .pp-stage-plugins.pp-tone-signature .pp-cf-card {
    box-shadow:
        0 16px 36px rgba(79, 70, 229, 0.08),
        0 0 0 1px rgba(255, 255, 255, 0.7) inset;
}
body.pp-home-design:not(.pp-theme-dark) .pp-stage-plugins.pp-tone-signature .pp-cf-card.is-active {
    box-shadow:
        0 22px 48px rgba(124, 58, 237, 0.14),
        0 0 0 1px color-mix(in srgb, var(--c, var(--cf-accent)) 40%, transparent),
        0 0 28px color-mix(in srgb, var(--c, var(--cf-accent)) 22%, transparent);
}
body.pp-home-design:not(.pp-theme-dark) .pp-stage-plugins.pp-tone-signature .pp-cf-detail {
    box-shadow:
        0 22px 56px rgba(79, 70, 229, 0.1),
        0 0 36px rgba(124, 58, 237, 0.06);
}
body.pp-home-design:not(.pp-theme-dark) .pp-stage-plugins.pp-tone-signature .pp-cf-nav:hover {
    border-color: rgba(124, 58, 237, 0.35);
    background: #f5f3ff;
}
body.pp-home-design:not(.pp-theme-dark) .pp-stage-plugins.pp-tone-signature .pp-plugin-cta .pp-plugin-cta-btn {
    box-shadow: 0 10px 28px rgba(124, 58, 237, 0.22);
}

/* Business / industry — back to dark */
body.pp-home-design.pp-dark-canvas .pp-stage-industry.pp-tone-dark {
    --pp-ind-title: #fff;
    --pp-ind-muted: rgba(255, 255, 255, 0.62);
    --pp-ind-chip-fill: #0b1220;
    --pp-ind-chip-text: rgba(255, 255, 255, 0.92);
    --pp-ind-chip-icon: #5eead4;
    --pp-ind-chip-shadow: 0 10px 28px rgba(0, 0, 0, 0.35);
    background:
        radial-gradient(ellipse 50% 55% at 18% 40%, rgba(124, 58, 237, 0.1), transparent 55%),
        radial-gradient(ellipse 40% 45% at 88% 70%, rgba(45, 212, 191, 0.06), transparent 50%),
        linear-gradient(180deg, #050505 0%, #0b1220 48%, #050505 100%) !important;
}
body.pp-home-design.pp-dark-canvas .pp-stage-industry.pp-tone-dark .pp-split-head h2 {
    color: #fff !important;
}
body.pp-home-design.pp-dark-canvas .pp-stage-industry.pp-tone-dark .pp-split-head p {
    color: rgba(255, 255, 255, 0.62) !important;
}

/* ── One body, many faces — the PlatPlus proof ── */
body.pp-home-design .pp-stage-works {
    --pp-works-ink: #0f172a;
    --pp-works-muted: #64748b;
    --pp-works-face: #050505;
    --pp-works-spine: #0b1220;
    scroll-margin-top: calc(var(--pp-design-nav-h, 4rem) + var(--pp-design-announce-h, 2.5rem) + 0.75rem);
    padding: 2.4rem 0 3rem;
    background: #fff;
    border-top: none;
}

body.pp-home-design.pp-theme-dark .pp-stage-works {
    --pp-works-ink: #f8fafc;
    --pp-works-muted: rgba(255, 255, 255, 0.55);
    background: #050505;
}

body.pp-home-design .pp-works-hook {
    margin: 0 0 0.55rem;
    color: var(--pp-works-ink);
    font-size: clamp(2.1rem, 6.5vw, 4.4rem);
    font-weight: 900;
    letter-spacing: -0.055em;
    line-height: 0.95;
}

body.pp-home-design .pp-works-hook-sub {
    margin: 0 0 1.6rem;
    color: var(--pp-works-muted);
    font-size: 1rem;
    line-height: 1.7;
}

body.pp-home-design .pp-works-body {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
}

body.pp-home-design .pp-works-face {
    position: relative;
    background: var(--pp-works-face);
}

body.pp-home-design .pp-works-sign {
    position: absolute;
    z-index: 4;
    top: 0.85rem;
    right: 0.85rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: min(18.5rem, calc(100% - 1.7rem));
    padding: 0.85rem 0.95rem 0.9rem;
    background: rgba(5, 5, 5, 0.78);
    color: #fff;
    backdrop-filter: blur(10px);
    pointer-events: none;
}

body.pp-home-design .pp-works-sign a,
body.pp-home-design .pp-works-sign-tools {
    pointer-events: auto;
}

body.pp-home-design .pp-works-sign-kicker {
    margin-bottom: 0.28rem;
    color: #5eead4;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.14em;
}

body.pp-home-design .pp-works-sign strong {
    font-size: clamp(1.15rem, 2.2vw, 1.55rem);
    font-weight: 900;
    letter-spacing: -0.03em;
    line-height: 1.15;
}

body.pp-home-design .pp-works-host {
    margin-top: 0.28rem;
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.78rem;
    font-weight: 600;
    direction: ltr;
    text-decoration: none;
}

body.pp-home-design .pp-works-host:hover {
    color: #fff;
}

body.pp-home-design .pp-works-cat {
    margin-top: 0.45rem;
    color: rgba(255, 255, 255, 0.45);
    font-size: 0.72rem;
    font-weight: 700;
}

body.pp-home-design .pp-works-sign-tools {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    margin-top: 0.7rem;
}

body.pp-home-design .pp-works-devices {
    display: flex;
    border: 1px solid rgba(255, 255, 255, 0.16);
}

body.pp-home-design .pp-works-devices button {
    border: 0;
    padding: 0.28rem 0.55rem;
    background: transparent;
    color: rgba(255, 255, 255, 0.55);
    font: inherit;
    font-size: 0.68rem;
    font-weight: 700;
    cursor: pointer;
}

body.pp-home-design .pp-works-devices button + button {
    border-right: 1px solid rgba(255, 255, 255, 0.16);
}

body.pp-home-design .pp-works-devices button.is-on {
    background: #fff;
    color: #0f172a;
}

body.pp-home-design .pp-works-open {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
}

body.pp-home-design .pp-works-open:hover {
    color: #fff;
}

body.pp-home-design .pp-works-screen {
    position: relative;
    overflow: hidden;
    background: #050505;
    height: min(64vh, 30rem);
}

body.pp-home-design .pp-works-face.is-swap .pp-works-screen {
    animation: ppFaceSwap 0.62s cubic-bezier(0.22, 1, 0.36, 1);
}

@keyframes ppFaceSwap {
    0% { clip-path: inset(0 0 0 0); }
    42% { clip-path: inset(0 0 100% 0); }
    43% { clip-path: inset(100% 0 0 0); }
    100% { clip-path: inset(0 0 0 0); }
}

body.pp-home-design .pp-works-scaler {
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: 0 0;
}

body.pp-home-design .pp-works-scaler iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    background: #fff;
    pointer-events: none;
}

body.pp-home-design .pp-works-face.is-live .pp-works-scaler iframe {
    pointer-events: auto;
}

body.pp-home-design .pp-works-face[data-device="phone"] .pp-works-screen {
    display: flex;
    justify-content: center;
    background: #050505;
}

body.pp-home-design .pp-works-face[data-device="phone"] .pp-works-scaler {
    outline: 5px solid #111827;
}

body.pp-home-design .pp-works-skeleton {
    position: absolute;
    inset: 0;
    display: grid;
    gap: 0.85rem;
    align-content: start;
    padding: 1.5rem;
    background: #0b1220;
    pointer-events: none;
}

body.pp-home-design .pp-works-skeleton span {
    display: block;
    height: 0.85rem;
    background: linear-gradient(90deg, #1e293b 0%, #334155 45%, #1e293b 100%);
    background-size: 200% 100%;
    animation: ppWorksShimmer 1.2s linear infinite;
}

body.pp-home-design .pp-works-skeleton span:nth-child(1) { width: 42%; height: 1.4rem; }
body.pp-home-design .pp-works-skeleton span:nth-child(2) { width: 78%; }
body.pp-home-design .pp-works-skeleton span:nth-child(3) { width: 64%; }

body.pp-home-design .pp-works-face.is-ready .pp-works-skeleton {
    display: none;
}

@keyframes ppWorksShimmer {
    to { background-position: -200% 0; }
}

body.pp-home-design .pp-works-unlock {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    background: rgba(5, 5, 5, 0.18);
    color: #fff;
    font: inherit;
    font-size: 0.88rem;
    font-weight: 800;
    cursor: pointer;
}

body.pp-home-design .pp-works-face.is-live .pp-works-unlock,
body.pp-home-design .pp-works-face.is-fail .pp-works-unlock {
    display: none;
}

body.pp-home-design .pp-works-fail {
    position: absolute;
    inset: 0;
    z-index: 3;
    display: grid;
    place-content: center;
    gap: 0.85rem;
    justify-items: center;
    background: #050505;
    color: rgba(255, 255, 255, 0.82);
    text-align: center;
    padding: 1.5rem;
}

body.pp-home-design .pp-works-fail[hidden] {
    display: none;
}

body.pp-home-design .pp-works-fail p {
    margin: 0;
}

body.pp-home-design .pp-works-spine {
    display: grid;
    grid-template-columns: auto 1fr auto auto;
    align-items: center;
    gap: 0.75rem 1.15rem;
    padding: 0.95rem 1.1rem;
    background: var(--pp-works-spine);
    color: #fff;
    box-shadow: inset 0 2px 0 #14b8a6;
}

body.pp-home-design .pp-works-spine-live {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: #5eead4;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    white-space: nowrap;
}

body.pp-home-design .pp-works-live {
    width: 0.48rem;
    height: 0.48rem;
    border-radius: 50%;
    background: #10b981;
    box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.55);
    animation: ppWorksPulse 1.8s ease-out infinite;
}

@keyframes ppWorksPulse {
    70% { box-shadow: 0 0 0 8px rgba(16, 185, 129, 0); }
    100% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); }
}

body.pp-home-design .pp-works-spine strong {
    font-size: 0.95rem;
    font-weight: 800;
}

body.pp-home-design .pp-works-spine ul {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem 0.9rem;
    margin: 0;
    padding: 0;
    list-style: none;
    color: rgba(255, 255, 255, 0.62);
    font-size: 0.78rem;
    font-weight: 700;
}

body.pp-home-design .pp-works-spine-go {
    color: #fff;
    font-size: 0.88rem;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
    border-bottom: 1px solid #14b8a6;
}

body.pp-home-design .pp-works-spine-go:hover {
    color: #5eead4;
}

body.pp-home-design .pp-works-faces {
    display: flex;
    align-items: baseline;
    gap: 0.85rem 1.1rem;
    margin-top: 1.15rem;
    flex-wrap: wrap;
}

body.pp-home-design .pp-works-faces > span {
    color: var(--pp-works-muted);
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.08em;
}

body.pp-home-design .pp-works-faces div {
    display: flex;
    flex-wrap: wrap;
    gap: 0.15rem 0.35rem;
}

body.pp-home-design .pp-works-faces button {
    border: 0;
    padding: 0.2rem 0.15rem;
    background: none;
    color: var(--pp-works-muted);
    font: inherit;
    font-size: 1.05rem;
    font-weight: 800;
    cursor: pointer;
}

body.pp-home-design .pp-works-faces button + button::before {
    content: "/";
    margin-left: 0.45rem;
    color: rgba(100, 116, 139, 0.55);
    font-weight: 500;
}

body.pp-home-design .pp-works-faces button.is-on {
    color: var(--pp-works-ink);
}

@media (max-width: 860px) {
    body.pp-home-design .pp-works-spine {
        grid-template-columns: 1fr;
        gap: 0.45rem;
    }

    body.pp-home-design .pp-works-sign {
        max-width: calc(100% - 1.2rem);
        right: 0.6rem;
        top: 0.6rem;
        padding: 0.7rem 0.8rem;
    }

    body.pp-home-design .pp-works-screen {
        height: 19rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.pp-home-design .pp-works-live,
    body.pp-home-design .pp-works-skeleton span,
    body.pp-home-design .pp-works-face.is-swap .pp-works-screen {
        animation: none;
    }
}

/* ── Blog — editorial index, not cards ── */
body.pp-home-design .pp-stage-blog {
    --pp-read-ink: #0f172a;
    --pp-read-muted: #64748b;
    --pp-read-line: rgba(15, 23, 42, 0.1);
    --pp-read-panel: #f8fafc;
    --pp-read-bg: #fff;
    padding: 3rem 0 3.4rem;
    background: #fff;
    border-top: none;
}

body.pp-home-design.pp-theme-dark .pp-stage-blog {
    --pp-read-ink: #f8fafc;
    --pp-read-muted: rgba(255, 255, 255, 0.58);
    --pp-read-line: rgba(255, 255, 255, 0.1);
    --pp-read-panel: #0b1220;
    --pp-read-bg: #050505;
    background: #050505;
}

body.pp-home-design .pp-read {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(16rem, 0.7fr);
    gap: 2rem 2.25rem;
    align-items: stretch;
}

body.pp-home-design .pp-read.is-solo {
    grid-template-columns: 1fr;
}

body.pp-home-design .pp-read-feature {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(10rem, 0.9fr);
    min-height: 22rem;
    overflow: hidden;
    border-radius: 0;
    color: inherit;
    text-decoration: none;
}

body.pp-home-design .pp-read-copy {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 0.4rem 1.4rem 0.2rem 0;
}

body.pp-home-design .pp-read-kicker {
    margin: 0 0 0.85rem;
    color: #0d9488;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.16em;
}

body.pp-home-design.pp-theme-dark .pp-read-kicker {
    color: #5eead4;
}

body.pp-home-design .pp-read-cat {
    display: inline-block;
    margin-bottom: 0.65rem;
    color: var(--pp-read-muted);
    font-size: 0.78rem;
    font-weight: 700;
}

body.pp-home-design .pp-read-copy h2 {
    margin: 0 0 0.85rem;
    color: var(--pp-read-ink);
    font-size: clamp(1.7rem, 4.2vw, 3.1rem);
    font-weight: 900;
    letter-spacing: -0.04em;
    line-height: 1.12;
}

body.pp-home-design .pp-read-excerpt {
    margin: 0 0 1.25rem;
    max-width: 36ch;
    color: var(--pp-read-muted);
    font-size: 0.95rem;
    line-height: 1.8;
}

body.pp-home-design .pp-read-go {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    color: var(--pp-read-ink);
    font-size: 0.88rem;
    font-weight: 800;
}

body.pp-home-design .pp-read-go em {
    color: var(--pp-read-muted);
    font-style: normal;
    font-weight: 600;
    font-size: 0.78rem;
}

body.pp-home-design .pp-read-feature:hover .pp-read-go {
    color: #0d9488;
}

body.pp-home-design.pp-theme-dark .pp-read-feature:hover .pp-read-go {
    color: #5eead4;
}

body.pp-home-design .pp-read-art {
    position: relative;
    min-height: 16rem;
    background:
        radial-gradient(circle at 30% 20%, rgba(94, 234, 212, 0.35), transparent 50%),
        linear-gradient(160deg, #0f172a 0%, #134e4a 100%);
    background-size: cover;
    background-position: center;
}

body.pp-home-design .pp-read-num {
    position: absolute;
    left: 0.7rem;
    bottom: 0.35rem;
    color: rgba(255, 255, 255, 0.22);
    font-size: clamp(3.5rem, 8vw, 6.5rem);
    font-weight: 900;
    letter-spacing: -0.08em;
    line-height: 0.8;
    pointer-events: none;
}

body.pp-home-design .pp-read-index {
    display: flex;
    flex-direction: column;
    border-top: 1px solid var(--pp-read-line);
}

body.pp-home-design .pp-read-index-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.85rem 0 0.7rem;
}

body.pp-home-design .pp-read-index-head h3 {
    margin: 0;
    color: var(--pp-read-ink);
    font-size: 0.92rem;
    font-weight: 800;
}

body.pp-home-design .pp-read-index-head a {
    color: var(--pp-read-muted);
    font-size: 0.78rem;
    font-weight: 700;
    text-decoration: none;
}

body.pp-home-design .pp-read-index-head a:hover {
    color: var(--pp-read-ink);
}

body.pp-home-design .pp-read-index ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

body.pp-home-design .pp-read-index li {
    border-top: 1px solid var(--pp-read-line);
}

body.pp-home-design .pp-read-index a {
    display: grid;
    grid-template-columns: 2.4rem minmax(0, 1fr);
    gap: 0.65rem;
    align-items: start;
    padding: 0.95rem 0;
    color: inherit;
    text-decoration: none;
}

body.pp-home-design .pp-read-index em {
    color: #0d9488;
    font-size: 0.78rem;
    font-style: normal;
    font-weight: 800;
    letter-spacing: 0.04em;
}

body.pp-home-design.pp-theme-dark .pp-read-index em {
    color: #5eead4;
}

body.pp-home-design .pp-read-index small {
    display: block;
    margin-bottom: 0.2rem;
    color: var(--pp-read-muted);
    font-size: 0.7rem;
    font-weight: 700;
}

body.pp-home-design .pp-read-index strong {
    display: block;
    color: var(--pp-read-ink);
    font-size: 0.95rem;
    font-weight: 800;
    line-height: 1.45;
}

body.pp-home-design .pp-read-index a:hover strong {
    color: #0d9488;
}

body.pp-home-design.pp-theme-dark .pp-read-index a:hover strong {
    color: #5eead4;
}

/* ── Landing footer — cinematic closer ── */
body.pp-home-design .pp-design-foot {
    position: relative;
    overflow: hidden;
    padding: 4.5rem 0 0;
    background: #050505;
    color: rgba(255, 255, 255, 0.58);
    isolation: isolate;
}

body.pp-home-design .pp-design-foot::before {
    content: '';
    position: absolute;
    inset: 0 auto auto 0;
    width: 55%;
    height: 70%;
    background: radial-gradient(ellipse at 20% 0%, rgba(94, 234, 212, 0.16), transparent 62%);
    pointer-events: none;
    z-index: 0;
}

body.pp-home-design .pp-design-foot-mark {
    position: absolute;
    right: 50%;
    bottom: -0.22em;
    z-index: 0;
    transform: translateX(50%);
    font-size: clamp(5.5rem, 22vw, 16rem);
    font-weight: 900;
    letter-spacing: -0.08em;
    line-height: 0.8;
    color: transparent;
    -webkit-text-stroke: 1px rgba(255, 255, 255, 0.1);
    text-stroke: 1px rgba(255, 255, 255, 0.1);
    white-space: nowrap;
    pointer-events: none;
    user-select: none;
}

body.pp-home-design .pp-design-foot-inner {
    position: relative;
    z-index: 1;
    padding-bottom: 2.75rem;
}

body.pp-home-design .pp-design-foot-kicker {
    margin: 0 0 0.85rem;
    color: #5eead4;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.14em;
}

body.pp-home-design .pp-design-foot-title {
    margin: 0 0 1.6rem;
    color: #fff;
    font-size: clamp(2.4rem, 7vw, 5.4rem);
    font-weight: 900;
    letter-spacing: -0.05em;
    line-height: 0.95;
}

body.pp-home-design .pp-design-foot-go {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    max-width: 40rem;
    margin-bottom: 1.75rem;
    padding: 1rem 1.05rem 1rem 0.85rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: rgba(255, 255, 255, 0.04);
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    text-decoration: none;
}

body.pp-home-design .pp-design-foot-go:hover {
    border-color: #5eead4;
    background: rgba(94, 234, 212, 0.08);
    color: #fff;
}

body.pp-home-design .pp-design-foot-go-short {
    display: none;
}

body.pp-home-design .pp-design-foot-go i {
    display: grid;
    place-items: center;
    width: 2.4rem;
    height: 2.4rem;
    flex-shrink: 0;
    border-radius: 50%;
    background: #fff;
    color: #050505;
    font-size: 1.05rem;
}

body.pp-home-design .pp-design-foot-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

body.pp-home-design .pp-design-foot-chips a {
    padding: 0.38rem 0.75rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.72);
    font-size: 0.8rem;
    font-weight: 600;
    text-decoration: none;
}

body.pp-home-design .pp-design-foot-chips a:hover {
    border-color: rgba(94, 234, 212, 0.45);
    color: #fff;
}

body.pp-home-design .pp-design-foot-marquee {
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}

body.pp-home-design .pp-design-foot-track {
    display: flex;
    width: max-content;
    gap: 2.4rem;
    padding: 0.85rem 0;
    direction: ltr;
    animation: ppFootMarquee 28s linear infinite;
}

body.pp-home-design .pp-design-foot-track a {
    color: rgba(255, 255, 255, 0.42);
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-decoration: none;
    white-space: nowrap;
}

body.pp-home-design .pp-design-foot-track a:hover {
    color: #5eead4;
}

@keyframes ppFootMarquee {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}

body.pp-home-design .pp-design-foot-bar {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding-top: 1.1rem;
    padding-bottom: 1.15rem;
    font-size: 0.78rem;
}

body.pp-home-design .pp-design-foot-bar p {
    margin: 0;
}

body.pp-home-design .pp-design-foot-trust {
    display: flex;
    align-items: center;
    gap: 1rem;
}

body.pp-home-design .pp-design-foot-status {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: #5eead4;
    font-weight: 700;
    text-decoration: none;
}

body.pp-home-design .pp-design-foot-status:hover {
    color: #fff;
}

body.pp-home-design .pp-design-foot .pp-enamad img {
    max-height: 42px;
    width: auto;
}

@media (max-width: 900px) {
    body.pp-home-design .pp-stage-blog {
        padding: 1.6rem 0 2.2rem;
    }

    body.pp-home-design .pp-read {
        grid-template-columns: 1fr;
        gap: 1.35rem;
    }

    body.pp-home-design .pp-read-feature {
        display: flex;
        flex-direction: column;
        min-height: 0;
    }

    body.pp-home-design .pp-read-art {
        order: 0;
        width: 100vw;
        height: min(62vw, 18.5rem);
        min-height: 15.5rem;
        margin-inline: calc(50% - 50vw);
        border-radius: 0;
    }

    body.pp-home-design .pp-read-num {
        top: 0.15rem;
        bottom: auto;
        left: 0.45rem;
        font-size: clamp(4.8rem, 28vw, 7.5rem);
        color: rgba(255, 255, 255, 0.28);
    }

    body.pp-home-design .pp-read-copy {
        z-index: 1;
        margin-top: -4.75rem;
        padding: 3.4rem 0.05rem 0;
        background: linear-gradient(180deg, transparent 0%, var(--pp-read-bg) 3.1rem);
    }

    body.pp-home-design .pp-read-copy h2 {
        font-size: clamp(2rem, 10.5vw, 2.85rem);
        letter-spacing: -0.045em;
        line-height: 1.08;
    }

    body.pp-home-design .pp-read-excerpt {
        max-width: none;
        display: -webkit-box;
        overflow: hidden;
        font-size: 0.92rem;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    body.pp-home-design .pp-read-go {
        font-size: 0.95rem;
    }

    body.pp-home-design .pp-read-index {
        margin-inline: calc(50% - 50vw);
        width: 100vw;
        border-top: 1px solid var(--pp-read-line);
        padding-bottom: 0.15rem;
    }

    body.pp-home-design .pp-read-index-head {
        padding-inline: max(1.25rem, calc((100vw - var(--pp-shell)) / 2));
    }

    body.pp-home-design .pp-read-index ol {
        display: flex;
        gap: 0;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        padding-inline: max(1.25rem, calc((100vw - var(--pp-shell)) / 2));
    }

    body.pp-home-design .pp-read-index ol::-webkit-scrollbar {
        display: none;
    }

    body.pp-home-design .pp-read-index li {
        flex: 0 0 min(78%, 18.5rem);
        border-top: 0;
        border-inline-start: 1px solid var(--pp-read-line);
        scroll-snap-align: start;
    }

    body.pp-home-design .pp-read-index li:first-child {
        border-inline-start: 0;
    }

    body.pp-home-design .pp-read-index a {
        min-height: 6.4rem;
        padding: 1rem 1.05rem 1.1rem 0.15rem;
    }

    body.pp-home-design .pp-read-index strong {
        font-size: 1.02rem;
    }

    body.pp-home-design .pp-design-foot {
        padding-top: 2.6rem;
    }

    body.pp-home-design .pp-design-foot-inner {
        padding-bottom: 2.1rem;
    }

    body.pp-home-design .pp-design-foot-mark {
        font-size: clamp(4.8rem, 34vw, 9rem);
        bottom: 2.4rem;
        letter-spacing: -0.1em;
        -webkit-text-stroke: 1px rgba(255, 255, 255, 0.14);
    }

    body.pp-home-design .pp-design-foot-kicker {
        font-size: 0.72rem;
        letter-spacing: 0.18em;
    }

    body.pp-home-design .pp-design-foot-title {
        margin-bottom: 1.25rem;
        font-size: clamp(2.55rem, 16vw, 4.1rem);
        line-height: 0.92;
    }

    body.pp-home-design .pp-design-foot-go {
        max-width: none;
        margin-bottom: 1.25rem;
        padding: 0.82rem 0.75rem 0.82rem 0.7rem;
        font-size: 0.95rem;
    }

    body.pp-home-design .pp-design-foot-chips {
        flex-wrap: nowrap;
        overflow-x: auto;
        scrollbar-width: none;
        margin-inline: calc(50% - 50vw);
        padding-inline: max(1.25rem, calc((100vw - var(--pp-shell)) / 2));
        width: 100vw;
        -webkit-overflow-scrolling: touch;
    }

    body.pp-home-design .pp-design-foot-chips::-webkit-scrollbar {
        display: none;
    }

    body.pp-home-design .pp-design-foot-chips a {
        flex: 0 0 auto;
        white-space: nowrap;
    }

    body.pp-home-design .pp-design-foot-track {
        gap: 1.6rem;
        padding: 0.95rem 0;
        animation-duration: 22s;
    }

    body.pp-home-design .pp-design-foot-track a {
        font-size: 0.9rem;
    }
}

@media (max-width: 640px) {
    body.pp-home-design .pp-design-foot-go-full {
        display: none;
    }

    body.pp-home-design .pp-design-foot-go-short {
        display: inline;
    }

    body.pp-home-design .pp-design-foot-bar {
        align-items: center;
        padding-bottom: 1.35rem;
    }

    body.pp-home-design .pp-design-foot-trust {
        gap: 0.75rem;
    }

    body.pp-home-design .pp-design-foot .pp-enamad img {
        max-height: 36px;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.pp-home-design .pp-design-foot-track {
        animation: none;
        flex-wrap: wrap;
        width: auto;
        justify-content: center;
        gap: 1rem 1.5rem;
        padding-inline: 1rem;
    }
}

/* ── Signup step 1 on landing ── */
body.pp-home-design .pp-stage-signup {
    --sg-primary: #ffffff;
    --sg-blue: #38bdf8;
    --sg-dark: #f5f5f5;
    --sg-text: rgba(255, 255, 255, 0.78);
    --sg-muted: rgba(255, 255, 255, 0.55);
    --sg-border: rgba(255, 255, 255, 0.12);
    --sg-surface: #0b0f0c;
    --sg-surface-2: #111111;
    --sg-input-bg: #0a0a0a;
    --sg-btn-fg: #111;
    --sg-btn-bg: #fff;
    --sg-ghost-bg: transparent;
    --sg-ghost-fg: rgba(255, 255, 255, 0.85);
    scroll-margin-top: calc(var(--pp-design-nav-h, 4rem) + var(--pp-design-announce-h, 2.5rem) + 0.75rem);
    padding: 2.4rem 0 2.8rem;
    background:
        radial-gradient(ellipse 50% 50% at 82% 8%, rgba(124, 58, 237, 0.14), transparent 55%),
        radial-gradient(ellipse 40% 45% at 12% 90%, rgba(45, 212, 191, 0.08), transparent 50%),
        linear-gradient(180deg, #050505 0%, #0b1220 52%, #050505 100%);
    border-top: none;
}

html[data-pp-theme="light"] body.pp-home-design .pp-stage-signup,
body.pp-home-design:not(.pp-theme-dark) .pp-stage-signup {
    --sg-primary: #111111;
    --sg-blue: #334155;
    --sg-dark: #0f172a;
    --sg-text: #334155;
    --sg-muted: #64748b;
    --sg-border: #e2e8f0;
    --sg-surface: #ffffff;
    --sg-surface-2: #f1f5f9;
    --sg-input-bg: #ffffff;
    --sg-btn-fg: #fff;
    --sg-btn-bg: #111111;
    --sg-ghost-bg: #fff;
    --sg-ghost-fg: #64748b;
    background:
        radial-gradient(ellipse 50% 50% at 82% 8%, rgba(124, 58, 237, 0.07), transparent 55%),
        radial-gradient(ellipse 40% 45% at 12% 90%, rgba(20, 184, 166, 0.07), transparent 50%),
        linear-gradient(180deg, #ffffff 0%, #f8fafc 48%, #ffffff 100%);
}

body.pp-home-design .pp-start-head {
    text-align: center;
    max-width: 38rem;
    margin: 0 auto 1.6rem;
}

body.pp-home-design .pp-start-kicker {
    margin: 0 0 0.7rem;
    color: #5eead4;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.16em;
}

html[data-pp-theme="light"] body.pp-home-design .pp-start-kicker,
body.pp-home-design:not(.pp-theme-dark) .pp-start-kicker {
    color: #0d9488;
}

body.pp-home-design .pp-start-head h2 {
    margin: 0 0 0.7rem;
    color: #fff;
    font-size: clamp(1.55rem, 3.6vw, 2.35rem);
    font-weight: 900;
    letter-spacing: -0.03em;
    line-height: 1.2;
}

html[data-pp-theme="light"] body.pp-home-design .pp-start-head h2,
body.pp-home-design:not(.pp-theme-dark) .pp-start-head h2 {
    color: #0f172a;
}

body.pp-home-design .pp-start-head p {
    margin: 0;
    color: rgba(255, 255, 255, 0.62);
    font-size: 0.98rem;
    line-height: 1.7;
}

html[data-pp-theme="light"] body.pp-home-design .pp-start-head p,
body.pp-home-design:not(.pp-theme-dark) .pp-start-head p {
    color: #64748b;
}

body.pp-home-design .pp-start-board {
    max-width: 40rem;
    margin: 0 auto;
    padding: 1.35rem 1.25rem 1.2rem;
    border: 1px solid var(--sg-border);
    border-radius: 24px;
    background: color-mix(in srgb, var(--sg-surface) 88%, transparent);
    box-shadow: 0 22px 50px rgba(0, 0, 0, 0.22);
}

body.pp-home-design .pp-stage-signup .sg-job {
    margin: 0;
}

body.pp-home-design .pp-stage-signup .sg-job__input {
    background: transparent !important;
    box-shadow: none !important;
    color: var(--sg-dark);
}

body.pp-home-design .pp-stage-signup .sg-job__input::placeholder {
    color: var(--sg-muted);
}

body.pp-home-design .pp-start-actions {
    margin-top: 1.15rem;
    justify-content: flex-end;
}

body.pp-home-design .pp-stage-signup .sg-btn--primary {
    min-width: 8.5rem;
}

@media (max-width: 720px) {
    body.pp-home-design .pp-stage-signup {
        padding: 1.7rem 0 2.1rem;
    }

    body.pp-home-design .pp-start-board {
        padding: 1.05rem 0.9rem 1rem;
        border-radius: 20px;
    }

    body.pp-home-design .pp-stage-signup .sg-job__search {
        margin-top: 0;
    }

    body.pp-home-design .pp-start-actions {
        justify-content: stretch;
    }

    body.pp-home-design .pp-stage-signup .sg-btn--primary {
        width: 100%;
    }
}

/* Home FAQ — proof of Iranian website builder, not keyword stuffing */
body.pp-home-design .pp-stage-faq {
    padding: 2.4rem 0 3rem;
    background: #fff;
    border-top: none;
}

body.pp-home-design.pp-theme-dark .pp-stage-faq {
    background: #050505;
}

body.pp-home-design .pp-faq-wrap {
    max-width: 40rem;
}

body.pp-home-design .pp-stage-faq h2 {
    margin: 0 0 1.25rem;
    color: #0f172a;
    font-size: clamp(1.4rem, 3vw, 1.9rem);
    font-weight: 900;
    letter-spacing: -0.03em;
}

body.pp-home-design.pp-theme-dark .pp-stage-faq h2 {
    color: #f8fafc;
}

body.pp-home-design .pp-faq {
    margin: 0;
}

body.pp-home-design .pp-faq > div {
    padding: 0.95rem 0;
    border-top: 1px solid rgba(15, 23, 42, 0.1);
}

body.pp-home-design.pp-theme-dark .pp-faq > div {
    border-top-color: rgba(255, 255, 255, 0.1);
}

body.pp-home-design .pp-faq dt {
    margin: 0 0 0.4rem;
    color: #0f172a;
    font-size: 1rem;
    font-weight: 800;
}

body.pp-home-design.pp-theme-dark .pp-faq dt {
    color: #fff;
}

body.pp-home-design .pp-faq dd {
    margin: 0;
    color: #64748b;
    font-size: 0.92rem;
    line-height: 1.75;
}

body.pp-home-design.pp-theme-dark .pp-faq dd {
    color: rgba(255, 255, 255, 0.58);
}

body.pp-home-design .pp-faq-more {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem 1.1rem;
    margin: 1.35rem 0 0;
}

body.pp-home-design .pp-faq-more a {
    color: #0d9488;
    font-size: 0.88rem;
    font-weight: 800;
    text-decoration: none;
}

body.pp-home-design.pp-theme-dark .pp-faq-more a {
    color: #5eead4;
}

body.pp-home-design .pp-spoke-jump {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem 1rem;
    margin: 0.85rem 0 0;
}

body.pp-home-design .pp-plugin-head .pp-spoke-jump {
    justify-content: center;
}

body.pp-home-design .pp-spoke-jump a {
    color: #0d9488;
    font-size: 0.88rem;
    font-weight: 800;
    text-decoration: none;
}

body.pp-home-design.pp-theme-dark .pp-spoke-jump a,
body.pp-home-design .pp-stage-plugins .pp-spoke-jump a,
body.pp-home-design .pp-stage-industry .pp-spoke-jump a,
body.pp-home-design .pp-stage-signup .pp-spoke-jump a {
    color: #5eead4;
}