.scroll-reveal {
        opacity: 0;
        transform: translate3d(0, 20px, 0);
        transition: opacity .65s cubic-bezier(.22, 1, .36, 1), transform .65s cubic-bezier(.22, 1, .36, 1);
        transition-delay: var(--anim-delay, 0ms);
        will-change: opacity, transform;
    }
    .scroll-reveal.is-visible {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
    .scroll-reveal[data-anim="zoom-in"] {
        transform: scale(.94);
    }
    .scroll-reveal[data-anim="zoom-in"].is-visible {
        transform: scale(1);
    }
    .scroll-fade-soft {
        will-change: opacity, transform;
    }
    body.guest-portfolio,
    .dark body.guest-portfolio,
    body.guest-portfolio > .relative {
        background: #050608 !important;
    }
    body.guest-portfolio > .relative > main {
        background: #050608;
    }
    .landing-hover {
        transition: background-color .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease;
    }
    .landing-hover:hover {
        transform: none;
        background: rgba(255, 255, 255, .12);
        color: #fff;
    }
    .dark .landing-hover-solid:hover {
        background: #e2e8f0;
        color: #0f172a;
    }
    .dark .landing-hover-outline:hover {
        background: rgba(51, 65, 85, 0.28);
        color: #e2e8f0;
    }
    .guest-home-hero {
        margin: 0;
        padding: 0;
        overflow: hidden;
        text-align: left;
        background: #050608;
    }
    .guest-fixed-header {
        display: block !important;
    }
    .guest-sticky-nav {
        position: fixed;
        top: 18px;
        left: 50%;
        z-index: 1000;
        display: grid;
        width: min(1040px, calc(100% - 48px));
        min-height: 52px;
        grid-template-columns: 1fr auto 1fr;
        align-items: center;
        gap: 18px;
        transform: translateX(-50%);
        border: 1px solid rgba(255, 255, 255, .14);
        border-radius: 14px;
        background: rgba(5, 6, 8, .72);
        padding: 8px 10px 8px 16px;
        color: #fff;
        backdrop-filter: blur(18px);
        -webkit-backdrop-filter: blur(18px);
        box-shadow: 0 18px 50px rgba(0, 0, 0, .24);
    }
    .guest-sticky-nav {
        display: none !important;
    }
    .guest-home-hero-inner {
        position: relative;
        display: grid;
        min-height: 780px;
        max-width: none;
        margin: 0;
        grid-template-columns: minmax(0, .92fr) minmax(470px, .78fr);
        align-items: center;
        gap: clamp(28px, 5vw, 72px);
        overflow: hidden;
        border-bottom-left-radius: 52px;
        border-bottom-right-radius: 52px;
        background:
            radial-gradient(circle at 74% 42%, color-mix(in srgb, var(--color-brand-500, #c34b9a) 24%, transparent), transparent 34%),
            radial-gradient(circle at 42% 87%, color-mix(in srgb, var(--color-brand-500, #c34b9a) 42%, transparent), transparent 38%),
            linear-gradient(180deg, #050608 0%, #05070b 44%, var(--color-brand-900, #5e244a) 100%);
        padding: 128px clamp(24px, 7vw, 150px) 78px;
    }
    .guest-home-after {
        margin-top: -52px;
        background:
            radial-gradient(circle at 12% 8%, color-mix(in srgb, var(--color-brand-500, #c34b9a) 18%, transparent), transparent 28%),
            radial-gradient(circle at 86% 20%, rgba(255, 255, 255, .06), transparent 24%),
            linear-gradient(180deg, #050608 0%, #08070a 42%, #050608 100%);
        color: #fff;
        padding-top: 90px;
        overflow: hidden;
    }
    .guest-home-after section {
        position: relative;
        border: 0 !important;
    }
    .guest-home-after button,
    .guest-home-after a {
        border-color: rgba(255, 255, 255, .16);
    }
    .guest-showcase,
    .guest-capabilities,
    .guest-flow,
    .guest-final-cta {
        width: min(1180px, calc(100% - 32px));
        margin: 0 auto;
        padding: 72px 0;
    }
    .guest-home-after .guest-showcase {
        padding-top: 44px;
    }
    .guest-section-kicker,
    .guest-card-eyebrow {
        color: var(--color-brand-300, #db93c2);
        font-size: 11px;
        font-weight: 800;
        letter-spacing: .18em;
        text-transform: uppercase;
    }
    .guest-section-heading {
        display: grid;
        grid-template-columns: minmax(0, .92fr) minmax(280px, .62fr);
        gap: 32px;
        align-items: end;
        margin-top: 14px;
        margin-bottom: 30px;
    }
    .guest-section-heading.is-centered {
        display: block;
        max-width: 780px;
        margin: 0 auto 30px;
        text-align: center;
    }
    .guest-section-heading h2,
    .guest-showcase-copy h3,
    .guest-flow-card h2,
    .guest-final-cta h2 {
        margin: 0;
        color: #fff;
        font-size: clamp(30px, 4vw, 54px);
        font-weight: 600;
        line-height: 1.02;
        letter-spacing: 0;
    }
    .guest-section-heading p,
    .guest-showcase-copy p,
    .guest-capability-card p,
    .guest-final-cta p {
        margin: 0;
        color: rgba(255, 255, 255, .62);
        font-size: 15px;
        line-height: 1.75;
    }
    .guest-product-tabs {
        display: flex;
        gap: 10px;
        overflow-x: auto;
        padding: 2px 0 18px;
        scrollbar-width: none;
    }
    .guest-product-tabs::-webkit-scrollbar {
        display: none;
    }
    .guest-product-tabs button {
        flex: 0 0 auto;
        border: 1px solid rgba(255, 255, 255, .12);
        border-radius: 999px;
        background: rgba(255, 255, 255, .045);
        color: rgba(255, 255, 255, .68);
        padding: 10px 16px;
        font-size: 13px;
        font-weight: 750;
        transition: background-color .18s ease, color .18s ease, border-color .18s ease;
    }
    .guest-product-tabs button.is-active {
        border-color: color-mix(in srgb, var(--color-brand-400, #cf6fae) 62%, white);
        background: color-mix(in srgb, var(--color-brand-500, #c34b9a) 28%, transparent);
        color: #fff;
    }
    .guest-showcase-panel {
        display: grid;
        grid-template-columns: minmax(280px, .42fr) minmax(0, .78fr);
        gap: 22px;
        border: 1px solid rgba(255, 255, 255, .1);
        border-radius: 30px;
        background:
            radial-gradient(circle at 16% 18%, color-mix(in srgb, var(--color-brand-500, #c34b9a) 16%, transparent), transparent 32%),
            linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.035));
        padding: 22px;
        box-shadow: inset 0 1px rgba(255,255,255,.08);
    }
    .guest-showcase-copy {
        display: flex;
        min-height: 420px;
        flex-direction: column;
        justify-content: flex-end;
        border-radius: 22px;
        background: rgba(0, 0, 0, .18);
        padding: 28px;
    }
    .guest-showcase-copy h3 {
        margin-top: 14px;
        font-size: clamp(28px, 3vw, 44px);
    }
    .guest-showcase-copy p:not(.guest-card-eyebrow) {
        margin-top: 14px;
    }
    .guest-showcase-actions,
    .guest-final-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        margin-top: 24px;
    }
    .guest-btn {
        display: inline-flex;
        min-height: 46px;
        align-items: center;
        justify-content: center;
        border-radius: 999px;
        padding: 0 19px;
        font-size: 13px;
        font-weight: 800;
        transition: transform .18s ease, background-color .18s ease, border-color .18s ease;
    }
    .guest-btn:hover {
        transform: translateY(-1px);
    }
    .guest-btn-primary {
        background: #fff;
        color: #050608;
    }
    .guest-btn-soft {
        border: 1px solid rgba(255, 255, 255, .14);
        background: rgba(255,255,255,.07);
        color: #fff;
    }
    .guest-showcase-screen {
        display: block;
        min-height: 420px;
        overflow: hidden;
        border: 1px solid rgba(255, 255, 255, .12);
        border-radius: 24px;
        background: #0f1117;
    }
    .guest-showcase-screen img {
        display: block;
        width: 100%;
        height: 100%;
        min-height: 420px;
        object-fit: cover;
        object-position: left top;
    }
    .guest-showcase-fallback {
        min-height: 420px;
        background:
            radial-gradient(circle at 24% 18%, color-mix(in srgb, var(--color-brand-400, #cf6fae) 34%, transparent), transparent 28%),
            linear-gradient(145deg, #151018, #08090d);
    }
    .guest-window-bar {
        display: flex;
        gap: 8px;
        padding: 18px;
        border-bottom: 1px solid rgba(255,255,255,.08);
    }
    .guest-window-bar span {
        width: 9px;
        height: 9px;
        border-radius: 99px;
        background: rgba(255,255,255,.32);
    }
    .guest-window-layout {
        display: grid;
        grid-template-columns: 150px 1fr;
        gap: 18px;
        padding: 22px;
    }
    .guest-window-layout aside,
    .guest-window-layout > div {
        border: 1px solid rgba(255,255,255,.08);
        border-radius: 18px;
        background: rgba(255,255,255,.045);
        padding: 18px;
    }
    .guest-window-layout aside {
        display: grid;
        align-content: start;
        gap: 14px;
    }
    .guest-window-layout span {
        display: block;
        height: 10px;
        border-radius: 99px;
        background: rgba(255,255,255,.16);
    }
    .guest-window-layout .wide {
        width: 58%;
        height: 14px;
    }
    .guest-window-cards {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 12px;
        margin-top: 24px;
    }
    .guest-window-cards span {
        height: 120px;
        border-radius: 18px;
        background: rgba(255,255,255,.08);
    }
    .guest-window-layout .chart {
        height: 120px;
        margin-top: 18px;
        border-radius: 18px;
        background: linear-gradient(90deg, rgba(255,255,255,.2), color-mix(in srgb, var(--color-brand-500, #c34b9a) 28%, transparent));
    }
    .guest-capability-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 18px;
    }
    .guest-capability-card {
        border: 1px solid rgba(255,255,255,.1);
        border-radius: 24px;
        background: rgba(255,255,255,.045);
        padding: 24px;
    }
    .guest-capability-card > span {
        display: inline-flex;
        width: 44px;
        height: 44px;
        align-items: center;
        justify-content: center;
        border-radius: 14px;
        background: color-mix(in srgb, var(--color-brand-500, #c34b9a) 18%, transparent);
        color: var(--color-brand-200, #e7b7d7);
        font-size: 22px;
    }
    .guest-capability-card h3 {
        margin: 18px 0 8px;
        color: #fff;
        font-size: 19px;
        font-weight: 700;
    }
    .guest-flow-card,
    .guest-final-cta {
        display: grid;
        grid-template-columns: minmax(0, .72fr) minmax(280px, .58fr);
        align-items: center;
        gap: 28px;
        border: 1px solid rgba(255,255,255,.1);
        border-radius: 30px;
        background:
            radial-gradient(circle at 80% 50%, color-mix(in srgb, var(--color-brand-500, #c34b9a) 18%, transparent), transparent 30%),
            rgba(255,255,255,.045);
        padding: 32px;
    }
    .guest-flow-steps {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-end;
        gap: 10px;
        color: rgba(255,255,255,.5);
    }
    .guest-flow-steps span {
        border: 1px solid rgba(255,255,255,.12);
        border-radius: 999px;
        background: rgba(255,255,255,.055);
        padding: 10px 13px;
        color: #fff;
        font-size: 12px;
        font-weight: 800;
    }
    .guest-final-cta {
        margin-bottom: 72px;
    }
    .guest-final-cta p {
        max-width: 620px;
        margin-top: 14px;
    }
    .guest-final-actions {
        justify-content: flex-end;
        margin-top: 0;
    }
    body.guest-portfolio footer {
        border-top: 0 !important;
        background:
            radial-gradient(circle at 18% 0%, color-mix(in srgb, var(--color-brand-500, #c34b9a) 18%, transparent), transparent 30%),
            radial-gradient(circle at 84% 18%, rgba(255, 255, 255, .06), transparent 24%),
            linear-gradient(180deg, #050608 0%, #07070a 100%);
        padding: 18px 0 38px !important;
    }
    body.guest-portfolio footer > div {
        width: min(1180px, calc(100% - 32px));
        max-width: none !important;
        border: 1px solid rgba(255, 255, 255, .1);
        border-radius: 24px;
        background: rgba(255, 255, 255, .045);
        color: rgba(255, 255, 255, .62) !important;
        padding: 22px 24px !important;
        box-shadow: inset 0 1px rgba(255, 255, 255, .08);
    }
    body.guest-portfolio footer a {
        color: rgba(255, 255, 255, .72) !important;
    }
    body.guest-portfolio footer a:hover {
        color: #fff !important;
    }
    body.guest-portfolio #guest-theme-toggle-footer {
        display: inline-flex !important;
        flex: 0 0 auto !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 5px !important;
        margin-left: auto !important;
        min-height: 0 !important;
        height: auto !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        padding: 0 !important;
        color: rgba(255, 255, 255, .42) !important;
        font-size: 12px !important;
        font-weight: 400 !important;
        line-height: 1.5 !important;
        white-space: nowrap !important;
    }
    body.guest-portfolio #guest-theme-toggle-footer i,
    body.guest-portfolio #guest-theme-toggle-footer span {
        font-size: inherit !important;
        font-weight: inherit !important;
    }
    body.guest-portfolio #guest-theme-toggle-footer span {
        line-height: inherit !important;
    }
    body.guest-portfolio #guest-theme-toggle-footer i {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 1em !important;
        height: 1em !important;
        line-height: 1 !important;
        transform: translateY(.07em);
    }
    .guest-home-after {
        margin-top: -52px;
        padding-top: 52px;
        background: #050608;
    }
    .guest-section-inner {
        width: min(1240px, calc(100% - 48px));
        margin: 0 auto;
    }
    .guest-market-band,
    .guest-live-band,
    .guest-product-band,
    .guest-process-band,
    .guest-final-cta {
        width: 100%;
        margin: 0;
        padding: 82px 0;
    }
    .guest-market-band {
        padding-top: 42px;
        background:
            linear-gradient(180deg, color-mix(in srgb, var(--color-brand-950, #3e1831) 44%, #050608) 0%, #050608 100%);
    }
    .guest-market-layout {
        display: grid;
        grid-template-columns: minmax(0, .82fr) minmax(520px, 1fr);
        align-items: center;
        gap: clamp(32px, 6vw, 88px);
    }
    .guest-market-copy h2,
    .guest-live-layout h2,
    .guest-product-heading h2,
    .guest-process-layout h2,
    .guest-final-inner h2 {
        margin: 12px 0 0;
        max-width: 780px;
        color: #fff;
        font-size: clamp(34px, 4.4vw, 64px);
        font-weight: 600;
        line-height: 1;
        letter-spacing: 0;
    }
    .guest-market-copy > p:not(.guest-section-kicker),
    .guest-product-heading > p,
    .guest-final-inner p:not(.guest-section-kicker) {
        max-width: 660px;
        margin: 22px 0 0;
        color: rgba(255, 255, 255, .62);
        font-size: 16px;
        line-height: 1.75;
    }
    .guest-model-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
    }
    .guest-model-card {
        min-height: 420px;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        border: 1px solid rgba(255, 255, 255, .1);
        border-radius: 28px;
        background:
            radial-gradient(circle at 24% 18%, color-mix(in srgb, var(--color-brand-400, #cf6fae) 30%, transparent), transparent 34%),
            linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.035));
        padding: 28px;
        box-shadow: inset 0 1px rgba(255, 255, 255, .08);
    }
    .guest-model-card.is-source {
        background:
            radial-gradient(circle at 76% 18%, rgba(255, 255, 255, .12), transparent 30%),
            radial-gradient(circle at 22% 84%, color-mix(in srgb, var(--color-brand-500, #c34b9a) 26%, transparent), transparent 34%),
            linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03));
    }
    .guest-model-icon {
        width: 52px;
        height: 52px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 16px;
        background: rgba(255, 255, 255, .1);
        color: #fff;
        font-size: 26px;
        margin-bottom: auto;
    }
    .guest-model-card span {
        color: var(--color-brand-200, #e7b7d7);
        font-size: 12px;
        font-weight: 850;
        letter-spacing: .12em;
        text-transform: uppercase;
    }
    .guest-model-card h3 {
        margin: 14px 0 10px;
        color: #fff;
        font-size: 28px;
        line-height: 1.08;
        font-weight: 650;
    }
    .guest-model-card p {
        margin: 0;
        color: rgba(255, 255, 255, .62);
        font-size: 15px;
        line-height: 1.65;
    }
    .guest-live-band {
        background: color-mix(in srgb, var(--color-brand-950, #3e1831) 26%, #08080b);
        padding: 58px 0;
    }
    .guest-live-layout {
        display: grid;
        grid-template-columns: minmax(0, .8fr) minmax(560px, 1fr);
        align-items: center;
        gap: 40px;
    }
    .guest-live-layout h2 {
        font-size: clamp(30px, 3.5vw, 48px);
    }
    .guest-live-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
    }
    .guest-live-item {
        border: 1px solid rgba(255,255,255,.1);
        border-radius: 18px;
        background: rgba(5, 6, 8, .42);
        padding: 20px;
    }
    .guest-live-item i {
        color: var(--color-brand-200, #e7b7d7);
        font-size: 24px;
    }
    .guest-live-item span,
    .guest-live-item strong {
        display: block;
    }
    .guest-live-item span {
        margin-top: 20px;
        color: rgba(255,255,255,.48);
        font-size: 12px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: .1em;
    }
    .guest-live-item strong {
        margin-top: 6px;
        color: #fff;
        font-size: 16px;
    }
    .guest-product-band {
        background:
            radial-gradient(circle at 8% 24%, color-mix(in srgb, var(--color-brand-500, #c34b9a) 16%, transparent), transparent 28%),
            #050608;
    }
    .guest-marketplace-split {
        background: #050608;
        border-top: 1px solid rgba(255,255,255,.08);
        padding-top: 78px;
    }
    .guest-split-heading {
        max-width: 760px;
        margin-bottom: 26px;
    }
    .guest-split-heading h2 {
        margin: 8px 0 10px;
        color: #fff;
        font-size: clamp(32px, 4vw, 58px);
        line-height: 1.02;
        font-weight: 650;
    }
    .guest-split-heading p {
        margin: 0;
        color: rgba(255,255,255,.62);
        font-size: 15px;
        line-height: 1.7;
    }
    .guest-split-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
    }
    .guest-market-card {
        min-height: 190px;
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto;
        align-items: start;
        gap: 18px;
        border: 1px solid rgba(255,255,255,.1);
        border-radius: 24px;
        background: rgba(255,255,255,.055);
        padding: 24px;
        color: #fff;
        transition: transform .2s ease, border-color .2s ease, background .2s ease;
    }
    .guest-market-card:hover {
        transform: translateY(-2px);
        border-color: rgba(255,255,255,.22);
        background: rgba(255,255,255,.075);
    }
    .guest-market-icon {
        width: 48px;
        height: 48px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 16px;
        background: #fff;
        color: #050608;
        font-size: 24px;
    }
    .guest-market-copy strong,
    .guest-market-copy small,
    .guest-market-copy em {
        display: block;
    }
    .guest-market-copy strong {
        font-size: 22px;
        font-weight: 650;
    }
    .guest-market-copy small {
        margin-top: 10px;
        color: rgba(255,255,255,.62);
        font-size: 14px;
        line-height: 1.6;
    }
    .guest-market-copy em {
        margin-top: 18px;
        color: rgba(255,255,255,.45);
        font-size: 12px;
        font-style: normal;
        word-break: break-all;
    }
    .guest-product-heading {
        display: grid;
        grid-template-columns: minmax(0, .88fr) minmax(320px, .52fr);
        align-items: end;
        gap: 34px;
        margin-bottom: 28px;
    }
    .guest-product-preview {
        display: grid;
        grid-template-columns: minmax(310px, .42fr) minmax(0, 1fr);
        gap: 18px;
        align-items: stretch;
    }
    .guest-product-preview-copy {
        min-height: 430px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        border: 1px solid rgba(255,255,255,.1);
        border-radius: 26px;
        background: rgba(255,255,255,.055);
        padding: 28px;
    }
    .guest-product-preview-copy h3 {
        margin: 14px 0 12px;
        color: #fff;
        font-size: clamp(30px, 3.4vw, 48px);
        line-height: 1.04;
        font-weight: 650;
    }
    .guest-product-preview-copy p:not(.guest-card-eyebrow) {
        margin: 0 0 24px;
        color: rgba(255,255,255,.62);
        font-size: 15px;
        line-height: 1.7;
    }
    .guest-product-preview-copy .guest-btn {
        margin-top: auto;
    }
    .guest-product-preview-media {
        min-height: 430px;
        display: block;
        overflow: hidden;
        border: 1px solid rgba(255,255,255,.1);
        border-radius: 26px;
        background: #0d0e14;
    }
    .guest-product-preview-media img {
        width: 100%;
        height: 100%;
        min-height: 430px;
        object-fit: cover;
        object-position: left top;
    }
    .guest-preview-skeleton {
        height: 100%;
        min-height: 430px;
        display: grid;
        grid-template-columns: 1.1fr .9fr;
        gap: 16px;
        padding: 24px;
        background:
            radial-gradient(circle at 80% 16%, color-mix(in srgb, var(--color-brand-400, #cf6fae) 30%, transparent), transparent 30%),
            linear-gradient(145deg, #17111a, #08090d);
    }
    .guest-preview-skeleton span {
        border-radius: 18px;
        background: rgba(255,255,255,.08);
    }
    .guest-preview-skeleton span:first-child {
        grid-row: span 2;
    }
    .guest-process-band {
        background: #09090c;
    }
    .guest-process-layout {
        display: grid;
        grid-template-columns: minmax(0, .74fr) minmax(580px, 1fr);
        gap: 48px;
        align-items: start;
    }
    .guest-process-list {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
    }
    .guest-process-list div {
        min-height: 180px;
        border: 1px solid rgba(255,255,255,.1);
        border-radius: 22px;
        background: rgba(255,255,255,.045);
        padding: 22px;
    }
    .guest-process-list span {
        color: var(--color-brand-200, #e7b7d7);
        font-size: 12px;
        font-weight: 900;
        letter-spacing: .14em;
    }
    .guest-process-list strong {
        display: block;
        margin-top: 28px;
        color: #fff;
        font-size: 20px;
    }
    .guest-process-list p {
        margin: 8px 0 0;
        color: rgba(255,255,255,.56);
        font-size: 14px;
        line-height: 1.6;
    }
    @media (min-width: 720px) {
        .guest-process-list div {
            display: grid;
            grid-template-rows: 20px minmax(52px, auto) 1fr;
            align-content: start;
        }
        .guest-process-list span {
            display: inline-flex;
            align-items: center;
            line-height: 1;
        }
        .guest-process-list strong {
            display: flex;
            align-items: end;
            margin-top: 0;
            padding-top: 18px;
        }
        .guest-process-list p {
            align-self: start;
        }
    }
    .guest-final-cta {
        margin-bottom: 0;
        background:
            radial-gradient(circle at 80% 34%, color-mix(in srgb, var(--color-brand-500, #c34b9a) 22%, transparent), transparent 30%),
            linear-gradient(180deg, #050608 0%, #07070a 100%);
    }
    .guest-final-inner {
        display: grid;
        grid-template-columns: minmax(0, .86fr) auto;
        gap: 28px;
        align-items: end;
    }
    .guest-hero-nav {
        display: none !important;
        position: absolute;
        top: 18px;
        left: 50%;
        z-index: 5;
        width: min(1040px, calc(100% - 48px));
        min-height: 52px;
        grid-template-columns: 1fr auto 1fr;
        align-items: center;
        gap: 18px;
        transform: translateX(-50%);
        border: 1px solid rgba(255, 255, 255, .14);
        border-radius: 14px;
        background: rgba(5, 6, 8, .62);
        padding: 8px 10px 8px 16px;
        color: #fff;
        backdrop-filter: blur(18px);
        box-shadow: 0 18px 50px rgba(0, 0, 0, .24);
    }
    .guest-hero-nav-brand {
        display: inline-flex;
        width: fit-content;
        align-items: center;
    }
    .guest-hero-nav-links {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 28px;
        font-size: 13px;
        font-weight: 600;
        color: rgba(255, 255, 255, .82);
    }
    .guest-hero-nav-links a {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        white-space: nowrap;
    }
    .guest-hero-nav-links a:hover {
        color: #fff;
    }
    .guest-hero-nav-links .guest-hero-nav-demo {
        min-height: 30px;
        border: 1px solid rgba(255, 255, 255, .14);
        border-radius: 999px;
        background: rgba(255, 255, 255, .1);
        padding: 0 11px;
        color: #fff;
        font-weight: 800;
    }
    .guest-hero-nav-links .guest-hero-nav-demo:hover {
        background: #fff;
        color: #0b0d12;
    }
    .guest-hero-nav-actions {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 8px;
    }
    .guest-hero-nav-login,
    .guest-hero-nav-try {
        display: inline-flex;
        min-height: 34px;
        align-items: center;
        justify-content: center;
        border-radius: 10px;
        padding: 0 14px;
        font-size: 12px;
        font-weight: 700;
    }
    .guest-hero-nav-login {
        background: rgba(255, 255, 255, .08);
        color: #fff;
    }
    .guest-hero-theme-toggle {
        display: inline-flex;
        width: 34px;
        min-height: 34px;
        align-items: center;
        justify-content: center;
        border: 1px solid rgba(255, 255, 255, .1);
        border-radius: 10px;
        background: rgba(255, 255, 255, .08);
        color: #fff;
        font-size: 16px;
    }
    .guest-hero-nav-try {
        background: #fff;
        color: #0b0d12;
    }
    .guest-home-hero-copy {
        position: relative;
        z-index: 8;
        min-width: 0;
        padding-top: 34px;
    }
    .guest-hero-proof {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        border: 1px solid rgba(255, 255, 255, .18);
        border-radius: 8px;
        background: rgba(255, 255, 255, .05);
        padding: 7px 12px;
        color: rgba(255, 255, 255, .72);
        font-size: 13px;
        line-height: 1;
        box-shadow: inset 0 1px rgba(255, 255, 255, .08);
    }
    .guest-hero-proof strong {
        color: #fff;
    }
    .guest-hero-stars {
        display: inline-flex;
        align-items: center;
        color: #fbbf24;
        letter-spacing: 1px;
    }
    .guest-hero-stars img {
        display: block;
        width: 15px;
        height: 15px;
    }
    .guest-hero-title {
        max-width: 760px;
        margin-top: 32px;
        color: #fff;
        font-size: clamp(34px, 4.4vw, 64px);
        line-height: 1.02;
        font-weight: 600;
    }
    .guest-hero-title-accent {
        color: var(--color-brand-300, #db93c2);
    }
    .guest-hero-copy-text {
        max-width: 660px;
        margin: 28px 0 0;
        color: rgba(255, 255, 255, .55);
        font-size: 19px;
        font-weight: 600;
        line-height: 1.55;
    }
    .guest-hero-actions {
        justify-content: flex-start;
        gap: 14px;
        margin-top: 44px;
    }
    .guest-hero-primary-btn,
    .guest-hero-secondary-btn {
        display: inline-flex;
        min-height: 54px;
        align-items: center;
        justify-content: center;
        border-radius: 14px;
        padding: 0 30px;
        font-size: 15px;
        font-weight: 700;
        transition: transform .18s ease, background-color .18s ease, border-color .18s ease;
    }
    .guest-hero-primary-btn {
        min-width: 310px;
        background: #fff;
        color: #050608;
    }
    .guest-hero-secondary-btn {
        min-width: 145px;
        border: 1px solid rgba(255, 255, 255, .17);
        background: rgba(255, 255, 255, .11);
        color: #fff;
        backdrop-filter: blur(16px);
    }
    .guest-hero-primary-btn:hover,
    .guest-hero-secondary-btn:hover {
        transform: translateY(-1px);
    }
    .guest-hero-checks {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        margin-top: 11px;
        color: rgba(255, 255, 255, .46);
        font-size: 12px;
        font-weight: 600;
    }
    .guest-hero-checks span {
        display: inline-flex;
        align-items: center;
        gap: 5px;
    }
    .guest-hero-product-wall {
        position: relative;
        z-index: 2;
        min-height: 680px;
        perspective: 1200px;
    }
    .guest-hero-product-track {
        position: absolute;
        top: 48%;
        right: -34px;
        display: grid;
        width: min(var(--guest-hero-track-width, 680px), 52vw);
        height: 760px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: var(--guest-hero-tile-gap, 18px);
        transform: translateY(-50%) rotate(8deg);
        overflow: hidden;
        -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 13%, #000 87%, transparent 100%);
        mask-image: linear-gradient(180deg, transparent 0%, #000 13%, #000 87%, transparent 100%);
    }
    .guest-product-column {
        display: flex;
        flex-direction: column;
        gap: var(--guest-hero-tile-gap, 18px);
        will-change: transform;
    }
    .guest-product-column.is-up {
        animation: guestProductSlideUp 18s linear infinite;
        animation-delay: -6s;
    }
    .guest-product-column.is-down {
        transform: translateY(var(--guest-hero-loop-offset, -50%));
        animation: guestProductSlideDown 20s linear infinite;
        animation-delay: -11s;
    }
    .guest-product-column.is-mobile-extra {
        display: none;
    }
    .guest-product-tile {
        position: relative;
        height: var(--guest-hero-tile-height, 250px);
        min-height: var(--guest-hero-tile-height, 250px);
        aspect-ratio: auto;
        overflow: hidden;
        border-radius: 22px;
        border: 8px solid #050608;
        background: #0f172a;
        box-shadow: none;
        flex: 0 0 auto;
    }
    .guest-product-tile img {
        display: block;
        height: 100%;
        width: 100%;
        object-fit: cover;
        object-position: center top;
        transition: opacity .35s ease;
    }
    .guest-product-tile.is-image-loading img {
        opacity: 0;
    }
    .guest-hero-image-skeleton {
        position: absolute;
        inset: 0;
        z-index: 2;
        overflow: hidden;
        background:
            linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--color-brand-500, #c34b9a) 10%, transparent) 48%, transparent 100%),
            linear-gradient(145deg, #e7edf3 0%, #f2f5f8 48%, #e4eaf0 100%);
        background-size: 220% 100%, 100% 100%;
        animation: guestHeroImageSkeleton 1.35s linear infinite;
        transition: opacity .3s ease, visibility .3s ease;
    }
    .guest-product-tile:not(.is-image-loading) .guest-hero-image-skeleton {
        opacity: 0;
        visibility: hidden;
    }
    html.dark .guest-hero-image-skeleton {
        background:
            linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--color-brand-500, #c34b9a) 13%, transparent) 48%, transparent 100%),
            linear-gradient(145deg, #101315 0%, #171b1d 48%, #0d1012 100%);
        background-size: 220% 100%, 100% 100%;
    }
    @keyframes guestHeroImageSkeleton {
        from { background-position: 120% 0, 0 0; }
        to { background-position: -120% 0, 0 0; }
    }
    @media (prefers-reduced-motion: reduce) {
        .guest-hero-image-skeleton {
            animation: none;
        }
    }
    .guest-product-tile .guest-hero-theme-image-dark {
        display: none;
    }
    html.dark .guest-product-tile .guest-hero-theme-image-light {
        display: none;
    }
    html.dark .guest-product-tile .guest-hero-theme-image-dark {
        display: block;
    }
    .guest-product-shot {
        position: relative;
        height: 100%;
        width: 100%;
        overflow: hidden;
        background:
            radial-gradient(circle at 20% 18%, color-mix(in srgb, var(--color-brand-300, #db93c2) 50%, transparent), transparent 24%),
            radial-gradient(circle at 76% 72%, color-mix(in srgb, var(--color-brand-500, #c34b9a) 58%, transparent), transparent 30%),
            linear-gradient(145deg, #f8fafc 0%, var(--color-brand-50, #f7e6f1) 52%, var(--color-brand-950, #3e1831) 100%);
    }
    .guest-product-tile:nth-child(2n) .guest-product-shot {
        background:
            radial-gradient(circle at 70% 22%, color-mix(in srgb, var(--color-brand-400, #cf6fae) 48%, transparent), transparent 26%),
            radial-gradient(circle at 24% 80%, color-mix(in srgb, var(--color-brand-600, #ac4288) 46%, transparent), transparent 28%),
            linear-gradient(145deg, #f8fafc 0%, var(--color-brand-100, #f0d2e6) 44%, #111827 100%);
    }
    .guest-product-tile:nth-child(3n) .guest-product-shot {
        background:
            radial-gradient(circle at 18% 18%, color-mix(in srgb, var(--color-brand-200, #e7b7d7) 54%, transparent), transparent 24%),
            radial-gradient(circle at 82% 72%, color-mix(in srgb, var(--color-brand-500, #c34b9a) 56%, transparent), transparent 30%),
            linear-gradient(145deg, #f8fafc 0%, var(--color-brand-50, #f7e6f1) 48%, var(--color-brand-950, #3e1831) 100%);
    }
    .guest-product-shot-nav {
        position: relative;
        z-index: 1;
        display: flex;
        align-items: center;
        gap: 6px;
        padding: 16px;
    }
    .guest-product-shot-nav span {
        height: 8px;
        width: 8px;
        border-radius: 50%;
        background: rgba(15, 23, 42, .38);
    }
    .guest-product-shot-grid {
        position: relative;
        z-index: 1;
        display: grid;
        grid-template-columns: 1.2fr .8fr;
        grid-template-rows: 110px 88px;
        gap: 12px;
        padding: 10px 16px 0;
    }
    .guest-product-shot-panel {
        border-radius: 18px;
        background: rgba(255, 255, 255, .62);
        box-shadow: inset 0 1px rgba(255, 255, 255, .55);
        backdrop-filter: blur(12px);
    }
    .guest-product-shot-panel.is-large {
        grid-row: span 2;
    }
    .guest-product-shot-chart {
        position: absolute;
        left: 18px;
        right: 18px;
        bottom: 46px;
        z-index: 1;
        height: 52px;
        border-radius: 18px;
        background:
            linear-gradient(90deg, rgba(255,255,255,.72) 0 18%, transparent 18% 23%, rgba(255,255,255,.62) 23% 48%, transparent 48% 53%, rgba(255,255,255,.5) 53% 100%);
        box-shadow: inset 0 1px rgba(255, 255, 255, .45);
        backdrop-filter: blur(12px);
    }
    @keyframes guestProductSlideUp {
        from {
            transform: translate3d(0, 0, 0);
        }
        to {
            transform: translate3d(0, var(--guest-hero-loop-offset, -50%), 0);
        }
    }
    @keyframes guestProductSlideDown {
        from {
            transform: translate3d(0, var(--guest-hero-loop-offset, -50%), 0);
        }
        to {
            transform: translate3d(0, 0, 0);
        }
    }
    @media (max-width: 1023px) {
        .guest-sticky-nav {
            grid-template-columns: 1fr auto;
        }
        .guest-sticky-nav .guest-hero-nav-links {
            display: none;
        }
        .guest-home-hero-inner {
            grid-template-columns: 1fr;
            min-height: auto;
            padding-top: 104px;
        }
        .guest-hero-product-wall {
            min-height: 420px;
        }
        .guest-hero-nav {
            grid-template-columns: 1fr auto;
        }
        .guest-hero-nav-links {
            display: none;
        }
        .guest-hero-product-track {
            left: 50%;
            right: auto;
            width: min(520px, 92vw);
            transform: translate(-50%, -50%) rotate(7deg);
        }
        .guest-section-heading,
        .guest-showcase-panel,
        .guest-flow-card,
        .guest-final-cta {
            grid-template-columns: 1fr;
        }
        .guest-capability-grid {
            grid-template-columns: 1fr;
        }
        .guest-showcase-copy,
        .guest-showcase-screen,
        .guest-showcase-screen img,
        .guest-showcase-fallback {
            min-height: 340px;
        }
        .guest-flow-steps,
        .guest-final-actions {
            justify-content: flex-start;
        }
    }
    @media (max-width: 719px) {
        .guest-sticky-nav {
            top: 12px;
            width: calc(100% - 24px);
            min-height: 46px;
            grid-template-columns: minmax(0, 1fr) auto;
            gap: 8px;
            padding: 7px 8px 7px 12px;
        }
        .guest-sticky-nav .guest-hero-nav-login {
            display: none;
        }
        body.guest-portfolio footer {
            padding: 4px 0 20px !important;
        }
        body.guest-portfolio footer > div {
            width: calc(100% - 24px);
            gap: 18px;
            border-radius: 20px;
            padding: 18px !important;
        }
        body.guest-portfolio footer > div > div {
            width: 100%;
            gap: 10px;
        }
        .guest-home-hero {
            text-align: left;
        }
        .guest-home-hero-inner {
            min-height: auto;
            border-bottom-left-radius: 30px;
            border-bottom-right-radius: 30px;
            gap: 22px;
            padding: 86px 16px 40px;
        }
        .guest-home-after {
            margin-top: -30px;
            padding-top: 30px;
            background:
                radial-gradient(circle at 18% 0%, color-mix(in srgb, var(--color-brand-500, #c34b9a) 14%, transparent), transparent 34%),
                linear-gradient(180deg, #050608 0%, #07070a 44%, #050608 100%);
        }
        .guest-home-hero-copy {
            padding-top: 10px;
        }
        .guest-hero-proof {
            max-width: 100%;
            gap: 6px;
            overflow: hidden;
            padding: 7px 9px;
            font-size: 11px;
            white-space: nowrap;
        }
        .guest-hero-stars {
            display: inline-flex;
            flex: 0 0 auto;
        }
        .guest-hero-copy-text {
            font-size: 16px;
            line-height: 1.55;
        }
        .guest-hero-nav {
            width: calc(100% - 24px);
            top: 12px;
            min-height: 46px;
            grid-template-columns: minmax(0, 1fr) auto;
            gap: 8px;
            padding: 7px 8px 7px 12px;
        }
        .guest-hero-nav-actions {
            gap: 6px;
        }
        .guest-hero-nav-login {
            display: none;
        }
        .guest-hero-title {
            margin-top: 24px;
            font-size: 40px;
            line-height: 1.02;
        }
        .guest-hero-actions {
            margin-top: 28px;
        }
        .guest-hero-primary-btn,
        .guest-hero-secondary-btn {
            width: 100%;
            min-height: 50px;
            min-width: 0;
            border-radius: 13px;
            padding: 0 18px;
        }
        .guest-hero-checks {
            gap: 12px;
            font-size: 11px;
        }
        .guest-hero-product-wall {
            min-height: 300px;
            margin-top: 0;
            overflow: hidden;
        }
        .guest-hero-product-track {
            top: 50%;
            width: min(var(--guest-hero-track-width, 420px), 92vw);
            height: 540px;
            gap: var(--guest-hero-tile-gap, 12px);
        }
        .guest-product-tile {
            border-radius: 14px;
            border-width: 6px;
            min-height: var(--guest-hero-tile-height, 178px);
        }
        .guest-showcase,
        .guest-capabilities,
        .guest-flow,
        .guest-final-cta {
            width: min(100% - 24px, 1180px);
            padding: 38px 0;
        }
        .guest-home-after .guest-showcase {
            padding-top: 22px;
        }
        .guest-section-heading {
            gap: 14px;
            margin-bottom: 22px;
        }
        .guest-section-heading.is-centered {
            margin-bottom: 22px;
        }
        .guest-section-heading h2,
        .guest-flow-card h2,
        .guest-final-cta h2 {
            font-size: 29px;
            line-height: 1.08;
        }
        .guest-section-heading p,
        .guest-showcase-copy p,
        .guest-capability-card p,
        .guest-final-cta p {
            font-size: 14px;
            line-height: 1.65;
        }
        .guest-product-tabs {
            margin-right: -12px;
            padding-bottom: 14px;
        }
        .guest-showcase-panel,
        .guest-flow-card,
        .guest-final-cta {
            border-radius: 24px;
            padding: 16px;
        }
        .guest-showcase-copy {
            min-height: 280px;
            padding: 20px;
        }
        .guest-showcase-screen,
        .guest-showcase-screen img,
        .guest-showcase-fallback {
            min-height: 280px;
            border-radius: 18px;
        }
        .guest-capability-card {
            border-radius: 20px;
            padding: 20px;
        }
        .guest-window-layout {
            grid-template-columns: 1fr;
            padding: 16px;
        }
        .guest-window-layout aside {
            display: none;
        }
        .guest-window-cards {
            grid-template-columns: 1fr;
        }
        .guest-window-cards span {
            height: 72px;
        }
        .guest-flow-steps i {
            display: none;
        }
        .guest-flow-steps span {
            flex: 1 1 calc(50% - 8px);
            text-align: center;
        }
        .guest-btn {
            width: 100%;
        }
        .guest-final-cta {
            margin-bottom: 38px;
        }
    }
    @media (max-width: 1023px) {
        .guest-section-inner {
            width: min(100% - 32px, 1240px);
        }
        .guest-market-layout,
        .guest-live-layout,
        .guest-product-heading,
        .guest-product-preview,
        .guest-split-grid,
        .guest-process-layout,
        .guest-final-inner {
            grid-template-columns: 1fr;
        }
        .guest-live-grid,
        .guest-process-list {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .guest-market-band,
        .guest-marketplace-split,
        .guest-product-band,
        .guest-process-band,
        .guest-final-cta {
            width: 100%;
            padding: 66px 0;
        }
        .guest-market-band {
            padding-top: 18px;
        }
        .guest-model-card {
            min-height: 340px;
        }
        .guest-product-preview-copy,
        .guest-product-preview-media,
        .guest-product-preview-media img,
        .guest-preview-skeleton {
            min-height: 340px;
        }
    }
    @media (max-width: 719px) {
        .guest-home-hero-inner {
            border-bottom-left-radius: 24px;
            border-bottom-right-radius: 24px;
            padding-bottom: 34px;
        }
        .guest-hero-product-wall {
            display: none;
        }
        .guest-home-after {
            margin-top: -24px;
            padding-top: 24px;
        }
        .guest-section-inner {
            width: calc(100% - 28px);
        }
        .guest-market-band,
        .guest-marketplace-split,
        .guest-live-band,
        .guest-product-band,
        .guest-process-band,
        .guest-final-cta {
            width: 100%;
            margin: 0;
            padding: 46px 0;
        }
        .guest-market-band {
            padding-top: 34px;
        }
        .guest-market-copy h2,
        .guest-split-heading h2,
        .guest-live-layout h2,
        .guest-product-heading h2,
        .guest-process-layout h2,
        .guest-final-inner h2 {
            font-size: 32px;
            line-height: 1.05;
        }
        .guest-market-copy > p:not(.guest-section-kicker),
        .guest-product-heading > p,
        .guest-final-inner p:not(.guest-section-kicker) {
            margin-top: 16px;
            font-size: 14px;
            line-height: 1.65;
        }
        .guest-showcase-actions,
        .guest-final-actions {
            width: 100%;
            margin-top: 22px;
        }
        .guest-model-grid,
        .guest-live-grid,
        .guest-process-list {
            grid-template-columns: 1fr;
        }
        .guest-model-card {
            min-height: auto;
            border-radius: 20px;
            padding: 22px;
        }
        .guest-model-icon {
            width: 44px;
            height: 44px;
            margin-bottom: 34px;
            border-radius: 14px;
            font-size: 22px;
        }
        .guest-model-card h3 {
            font-size: 24px;
        }
        .guest-live-band {
            padding: 40px 0;
        }
        .guest-live-item {
            padding: 18px;
        }
        .guest-product-heading {
            gap: 16px;
            margin-bottom: 20px;
        }
        .guest-product-preview {
            gap: 12px;
        }
        .guest-product-preview-copy {
            min-height: auto;
            border-radius: 20px;
            padding: 22px;
        }
        .guest-product-preview-copy h3 {
            font-size: 28px;
        }
        .guest-product-preview-media,
        .guest-product-preview-media img,
        .guest-preview-skeleton {
            min-height: 220px;
            border-radius: 20px;
        }
        .guest-preview-skeleton {
            grid-template-columns: 1fr 1fr;
            padding: 16px;
        }
        .guest-process-list div {
            min-height: auto;
            border-radius: 18px;
            padding: 18px;
        }
        .guest-process-list strong {
            margin-top: 18px;
            font-size: 18px;
        }
        .guest-final-inner {
            align-items: start;
        }
        body.guest-portfolio footer {
            padding-top: 0 !important;
        }
    }
    @media (prefers-reduced-motion: reduce) {
        .scroll-reveal {
            opacity: 1 !important;
            transform: none !important;
            transition: none !important;
        }
    }
    @media (min-width: 1024px) {
        .guest-home-hero {
            height: 100vh !important;
            min-height: 100vh !important;
            max-height: none !important;
            overflow: hidden;
        }
        .guest-home-hero-inner {
            height: 100vh !important;
            min-height: 100vh !important;
            max-height: none !important;
            align-content: center;
            padding-bottom: 112px;
        }
    }
    .guest-home-after {
        margin-top: -52px;
        padding-top: 0;
    }
    .guest-section-inner {
        width: min(1480px, calc(100% - 32px));
    }
    body.guest-portfolio footer > div {
        width: min(1480px, calc(100% - 32px));
    }
    .guest-market-band {
        padding-top: 30px;
    }
    .guest-market-layout {
        grid-template-columns: minmax(0, .78fr) minmax(560px, 1.08fr);
    }
    .guest-live-layout {
        grid-template-columns: minmax(0, .72fr) minmax(620px, 1.08fr);
    }
    .guest-process-layout {
        grid-template-columns: minmax(0, .68fr) minmax(660px, 1.12fr);
    }
    @media (max-width: 1023px) {
        .guest-home-hero-inner {
            height: auto !important;
            min-height: 760px !important;
            max-height: none !important;
            padding-bottom: 82px;
        }
        .guest-home-hero {
            height: auto !important;
            min-height: 0 !important;
            max-height: none !important;
        }
        .guest-hero-nav {
            position: fixed;
            top: 18px;
        }
        .guest-home-after {
            padding-top: 0;
        }
        .guest-section-inner {
            width: min(100% - 28px, 1480px);
        }
        .guest-market-band {
            padding-top: 26px;
        }
    }
    @media (max-width: 719px) {
        .guest-home-hero-inner {
            height: auto !important;
            min-height: 620px !important;
            max-height: none !important;
            padding-bottom: 58px;
        }
        .guest-hero-nav {
            top: 12px;
        }
        .guest-home-after {
            margin-top: -24px;
            padding-top: 0;
        }
        .guest-section-inner,
        body.guest-portfolio footer > div {
            width: calc(100% - 20px);
        }
        .guest-market-band {
            padding-top: 22px;
        }
    }
    .guest-final-cta {
        position: relative;
        padding-bottom: 72px;
        background:
            radial-gradient(circle at 78% 22%, color-mix(in srgb, var(--color-brand-500, #c34b9a) 24%, transparent), transparent 30%),
            linear-gradient(180deg, #09090c 0%, color-mix(in srgb, var(--color-brand-950, #3e1831) 22%, #07070a) 58%, #07070a 100%);
    }
    .guest-final-cta::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: -1px;
        height: 80px;
        pointer-events: none;
        background: linear-gradient(180deg, transparent 0%, #07070a 100%);
    }
    .guest-final-inner {
        position: relative;
        z-index: 1;
    }
    body.guest-portfolio footer {
        margin-top: -1px;
        background:
            radial-gradient(circle at 20% 0%, color-mix(in srgb, var(--color-brand-500, #c34b9a) 10%, transparent), transparent 26%),
            linear-gradient(180deg, #07070a 0%, #050608 100%) !important;
        padding: 0 0 42px !important;
    }
    body.guest-portfolio footer > div {
        border: 0 !important;
        border-top: 1px solid rgba(255, 255, 255, .1) !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        padding-top: 28px !important;
    }
    @media (max-width: 719px) {
        .guest-final-cta {
            padding-bottom: 50px;
        }
        body.guest-portfolio footer {
            padding-bottom: 26px !important;
        }
        body.guest-portfolio footer > div {
            padding-top: 22px !important;
        }
    }
    .guest-final-cta {
        background:
            radial-gradient(circle at 74% 8%, color-mix(in srgb, var(--color-brand-500, #c34b9a) 18%, transparent), transparent 30%),
            linear-gradient(180deg, #09090c 0%, #07070a 72%, #07070a 100%) !important;
        padding-bottom: 84px;
    }
    .guest-final-cta::after {
        display: none !important;
    }
    body.guest-portfolio footer {
        border: 0 !important;
        margin-top: 0 !important;
        background: #07070a !important;
        padding-top: 0 !important;
    }
    body.guest-portfolio footer > div {
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        padding-top: 0 !important;
    }
    body.guest-portfolio footer::before,
    body.guest-portfolio footer > div::before,
    body.guest-portfolio footer > div::after {
        display: none !important;
        content: none !important;
    }
    @media (max-width: 719px) {
        .guest-final-cta {
            padding-bottom: 58px;
        }
    }
    .guest-sticky-nav {
        top: 18px !important;
        transition: top .2s ease, background-color .2s ease, box-shadow .2s ease;
    }
    .guest-sticky-nav.is-scrolled {
        top: 1px !important;
        background: rgba(5, 6, 8, .82);
        box-shadow: 0 14px 42px rgba(0, 0, 0, .3);
    }
    html:not(.dark) body.guest-portfolio,
    html:not(.dark) body.guest-portfolio > .relative,
    html:not(.dark) body.guest-portfolio > .relative > main,
    html:not(.dark) .guest-home-hero,
    html:not(.dark) .guest-home-after {
        background: #f8fafc !important;
        color: #0f172a;
    }
    html:not(.dark) .guest-sticky-nav,
    html:not(.dark) .guest-hero-nav {
        border-color: rgba(15, 23, 42, .08);
        background: rgba(255, 255, 255, .86);
        box-shadow: 0 18px 60px rgba(15, 23, 42, .08);
    }
    .guest-mobile-sidebar {
        display: none !important;
    }
    html:not(.dark) .guest-hero-theme-toggle {
        border-color: rgba(15, 23, 42, .08);
        background: rgba(15, 23, 42, .04);
        color: #0f172a;
    }
    html:not(.dark) .guest-sticky-nav.is-scrolled {
        background: rgba(255, 255, 255, .94);
    }
    html:not(.dark) .guest-hero-nav-links a,
    html:not(.dark) .guest-hero-title,
    html:not(.dark) .guest-split-heading h2,
    html:not(.dark) .guest-product-heading h2,
    html:not(.dark) .guest-process-layout h2,
    html:not(.dark) .guest-final-inner h2 {
        color: #0f172a;
    }
    html:not(.dark) .guest-hero-nav-links .guest-hero-nav-demo {
        border-color: rgba(15, 23, 42, .1);
        background: rgba(15, 23, 42, .06);
        color: #0f172a;
    }
    html:not(.dark) .guest-hero-nav-links .guest-hero-nav-demo:hover {
        background: #0f172a;
        color: #fff;
    }
    html:not(.dark) .guest-hero-title {
        color: #0f172a;
    }
    html:not(.dark) .guest-hero-title-accent {
        color: var(--color-brand-600, #ac4288);
    }
    html:not(.dark) .guest-hero-copy-text,
    html:not(.dark) .guest-split-heading p,
    html:not(.dark) .guest-product-heading p,
    html:not(.dark) .guest-process-layout p,
    html:not(.dark) .guest-final-inner p {
        color: #475569;
    }
    html:not(.dark) .guest-market-card,
    html:not(.dark) .guest-product-preview,
    html:not(.dark) .guest-process-list > div,
    html:not(.dark) .guest-final-inner {
        border-color: rgba(15, 23, 42, .08);
        background: #ffffff;
        color: #0f172a;
        box-shadow: 0 20px 60px rgba(15, 23, 42, .08);
    }
    @media (min-width: 1024px) {
        .guest-home-hero {
            height: 100vh !important;
            min-height: 100vh !important;
            overflow: hidden !important;
        }
        .guest-home-hero-inner {
            height: 100vh !important;
            min-height: 100vh !important;
        }
    }
    .guest-home-after {
        margin-top: 0 !important;
        padding-top: 0 !important;
        background: #07070a !important;
    }
    .guest-product-band,
    .guest-process-band,
    .guest-final-cta,
    body.guest-portfolio footer {
        background: #07070a !important;
    }
    .guest-product-band {
        padding-top: 78px !important;
        scroll-margin-top: 76px;
    }
    .guest-product-preview-copy,
    .guest-product-preview-media,
    .guest-process-list div {
        border-color: transparent !important;
        background: rgba(255, 255, 255, .045) !important;
        box-shadow: none !important;
    }
    .guest-product-preview-media {
        background: rgba(255, 255, 255, .032) !important;
    }
    .guest-process-band {
        padding-top: 68px !important;
    }
    .guest-final-cta {
        padding-top: 70px !important;
    }
    .guest-product-band::before,
    .guest-product-band::after,
    .guest-process-band::before,
    .guest-process-band::after,
    .guest-final-cta::before,
    .guest-final-cta::after {
        display: none !important;
        content: none !important;
    }
    .guest-home-after {
        position: relative;
    }
    .guest-home-after::before,
    .guest-home-after::after,
    .guest-process-band::before,
    .guest-final-cta::before {
        content: "" !important;
        position: absolute;
        z-index: 0;
        display: block !important;
        pointer-events: none;
        border-radius: 999px;
        filter: blur(62px);
        opacity: .34;
    }
    .guest-home-after::before {
        top: 48px;
        left: -8%;
        width: 360px;
        height: 220px;
        background: color-mix(in srgb, var(--color-brand-500, #c34b9a) 46%, transparent);
    }
    .guest-home-after::after {
        top: 560px;
        right: -10%;
        width: 420px;
        height: 260px;
        background: color-mix(in srgb, var(--color-brand-300, #db93c2) 28%, transparent);
    }
    .guest-process-band,
    .guest-final-cta {
        position: relative;
    }
    .guest-process-band::before {
        top: -90px;
        left: 18%;
        width: 440px;
        height: 210px;
        background: color-mix(in srgb, var(--color-brand-600, #ac4288) 30%, transparent);
    }
    .guest-final-cta::before {
        top: -72px;
        right: 12%;
        width: 460px;
        height: 230px;
        background: color-mix(in srgb, var(--color-brand-400, #cf6fae) 28%, transparent);
    }
    .guest-section-inner {
        position: relative;
        z-index: 1;
    }
    @media (max-width: 719px) {
        .guest-sticky-nav {
            top: 12px !important;
        }
        .guest-sticky-nav.is-scrolled {
            top: 1px !important;
        }
        .guest-product-band {
            padding-top: 46px !important;
        }
        .guest-home-after::before,
        .guest-home-after::after,
        .guest-process-band::before,
        .guest-final-cta::before {
            width: 220px;
            height: 150px;
            filter: blur(46px);
            opacity: .26;
        }
    }
    @media (min-width: 1024px) {
        .guest-hero-product-wall {
            align-self: stretch;
            height: 100%;
            min-height: 100% !important;
        }
        .guest-hero-product-track {
            top: 52%;
            right: -34px;
            width: min(var(--guest-hero-track-width, 700px), 54vw);
            height: calc(100vh + 120px);
            -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 7%, #000 calc(100% - 34px), transparent calc(100% - 2px));
            mask-image: linear-gradient(180deg, transparent 0%, #000 7%, #000 calc(100% - 34px), transparent calc(100% - 2px));
        }
        .guest-product-tile {
            min-height: var(--guest-hero-tile-height, 260px);
            border-width: 1px;
        }
    }
    .guest-mobile-menu-button,
    .guest-mobile-sidebar {
        display: none;
    }
    @media (max-width: 719px) {
        body.guest-mobile-sidebar-open {
            overflow: hidden;
            position: fixed;
            width: 100%;
            overscroll-behavior: none;
        }
        html.guest-mobile-sidebar-open { overflow: hidden; overscroll-behavior: none; }
        .guest-sticky-nav {
            width: calc(100% - 18px);
            min-height: 50px;
            grid-template-columns: minmax(0, 1fr) auto;
            gap: 8px;
            border-radius: 12px;
            padding: 7px 7px 7px 12px;
        }
        .guest-sticky-nav .guest-hero-nav-brand img {
            max-width: 118px;
        }
        .guest-sticky-nav .guest-hero-nav-actions {
            gap: 6px;
        }
        .guest-sticky-nav .guest-hero-nav-try {
            min-height: 34px;
            border-radius: 9px;
            padding: 0 11px;
            font-size: 11px;
        }
        .guest-mobile-menu-button {
            display: inline-flex;
            width: 34px;
            height: 34px;
            align-items: center;
            justify-content: center;
            border: 1px solid rgba(255, 255, 255, .14);
            border-radius: 9px;
            background: rgba(255, 255, 255, .08);
            color: #fff;
            font-size: 20px;
        }
        .guest-mobile-sidebar {
            position: fixed;
            inset: 0;
            z-index: 1200;
            display: block;
            pointer-events: none;
            visibility: hidden;
            opacity: 0;
            transition: opacity .28s ease, visibility 0s linear .28s;
        }
        .guest-mobile-sidebar.is-open {
            pointer-events: auto;
            visibility: visible;
            opacity: 1;
            transition-delay: 0s;
        }
        .guest-mobile-sidebar-backdrop {
            position: absolute;
            inset: 0;
            background: #07070a;
            opacity: 0;
            transition: opacity .22s ease;
        }
        .guest-mobile-sidebar.is-open .guest-mobile-sidebar-backdrop {
            opacity: 1;
        }
        .guest-mobile-sidebar-panel {
            position: absolute;
            top: 0;
            right: 0;
            width: 100%;
            height: 100dvh;
            display: grid;
            grid-template-rows: auto auto minmax(0, 1fr) auto;
            border-left: 0;
            background:
                radial-gradient(circle at 80% 10%, color-mix(in srgb, var(--color-brand-500, #c34b9a) 24%, transparent), transparent 34%),
                #07070a;
            padding: max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));
            overflow: hidden;
            transform: translateX(100%);
            overscroll-behavior: contain;
            transition: transform .32s cubic-bezier(.22, 1, .36, 1), opacity .26s ease;
            box-shadow: none;
            opacity: .94;
        }
        .guest-mobile-sidebar.is-open .guest-mobile-sidebar-panel {
            transform: translateX(0);
            opacity: 1;
        }
        .guest-mobile-sidebar-head {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 16px;
            min-height: 44px;
        }
        .guest-mobile-sidebar-close {
            width: 38px;
            height: 38px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border: 1px solid rgba(255, 255, 255, .12);
            border-radius: 10px;
            background: rgba(255, 255, 255, .07);
            color: #fff;
            font-size: 20px;
        }
        .guest-mobile-sidebar-links {
            position: relative;
            display: grid;
            gap: 8px;
            min-height: 0;
            margin-top: 18px;
            padding-top: 18px;
            padding-bottom: 4px;
            overflow-y: auto;
            overscroll-behavior: contain;
        }
        .guest-mobile-sidebar-top-auth {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 10px;
            margin-top: 32px;
        }
        .guest-mobile-sidebar-top-auth > *:only-child { grid-column: 1 / -1; }
        .guest-mobile-sidebar-divider {
            position: relative;
            display: block;
            margin-top: 8px;
            padding: 14px 2px 3px;
            color: rgba(255,255,255,.42);
            font-size: 10px;
            font-weight: 850;
            letter-spacing: .17em;
            text-transform: uppercase;
        }
        .guest-mobile-sidebar-divider:first-child { margin-top: 0; padding-top: 0; }
        .guest-mobile-sidebar-divider:not(:first-child)::before {
            content: none;
        }
        .guest-mobile-sidebar-links a {
            display: flex;
            min-height: 48px;
            align-items: center;
            gap: 12px;
            border-radius: 12px;
            background: rgba(255, 255, 255, .055);
            color: rgba(255, 255, 255, .84);
            padding: 0 13px;
            font-size: 14px;
            font-weight: 750;
        }
        .guest-mobile-sidebar-links i {
            color: var(--color-brand-200, #e7b7d7);
            font-size: 19px;
        }
        .guest-mobile-sidebar-bottom-controls {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 10px;
            margin-top: 12px;
            border: 1px solid rgba(255,255,255,.1);
            border-radius: 20px;
            background: rgba(255,255,255,.035);
            padding: 7px;
            box-shadow: 0 14px 34px rgba(0,0,0,.28);
        }
        .guest-mobile-sidebar-support-control {
            display: flex;
            min-height: 48px;
            align-items: center;
            justify-content: center;
            gap: 0;
            border: 1px solid rgba(255,255,255,.09);
            border-radius: 14px;
            background: rgba(255,255,255,.07);
            color: #cbd5e1;
            font-size: 20px;
            font-weight: 850;
        }
        .guest-mobile-sidebar-control,
        .guest-mobile-sidebar-bottom-controls .guest-mobile-bottom-control {
            display: flex;
            min-height: 48px;
            width: 100%;
            align-items: center;
            justify-content: center;
            gap: 8px;
            border: 1px solid rgba(255,255,255,.09);
            border-radius: 14px;
            background: rgba(255,255,255,.07);
            padding: 0;
            color: #cbd5e1;
            font-size: 12px;
            font-weight: 800;
        }
        .guest-mobile-sidebar-theme-switch {
            background: rgba(255,255,255,.07);
        }
        .guest-home-hero-inner {
            display: flex;
            min-height: 100svh !important;
            flex-direction: column;
            justify-content: center;
            padding: 92px 14px 42px;
        }
        .guest-home-hero-copy {
            width: 100%;
            padding-top: 0;
        }
        .guest-hero-proof {
            max-width: fit-content;
            border-radius: 999px;
            padding: 8px 10px;
        }
        .guest-hero-title {
            max-width: 100%;
            margin-top: 22px;
            font-size: 29px;
            line-height: 1.08;
        }
        .guest-hero-copy-text {
            margin-top: 18px;
            color: rgba(255, 255, 255, .64);
            font-size: 15px;
            line-height: 1.62;
        }
        .guest-hero-actions {
            display: grid;
            gap: 10px;
            margin-top: 28px;
        }
        .guest-hero-checks {
            margin-top: 14px;
        }
        .guest-product-band,
        .guest-process-band,
        .guest-final-cta {
            padding-left: 0;
            padding-right: 0;
        }
        .guest-product-heading {
            gap: 12px;
        }
        .guest-section-kicker,
        .guest-card-eyebrow {
            font-size: 10px;
            letter-spacing: .14em;
        }
        .guest-product-heading h2,
        .guest-process-layout h2,
        .guest-final-inner h2 {
            font-size: 30px;
            line-height: 1.05;
        }
        .guest-product-tabs {
            margin: 0 -10px;
            padding: 2px 10px 14px;
        }
        .guest-product-tabs button {
            min-height: 38px;
            padding: 0 14px;
        }
        .guest-product-preview {
            gap: 10px;
        }
        .guest-product-preview-copy,
        .guest-product-preview-media {
            border-radius: 18px;
        }
        .guest-product-preview-copy {
            padding: 20px;
        }
        .guest-product-preview-copy h3 {
            font-size: 26px;
        }
        .guest-product-preview-copy .guest-btn {
            margin-top: 4px;
        }
        .guest-product-preview-media,
        .guest-product-preview-media img,
        .guest-preview-skeleton {
            min-height: 190px;
        }
        .guest-process-layout {
            gap: 20px;
        }
        .guest-process-list {
            gap: 10px;
        }
        .guest-process-list div {
            border-radius: 16px;
            padding: 18px;
        }
        .guest-process-list strong {
            margin-top: 16px;
        }
        .guest-final-actions {
            display: grid;
            gap: 10px;
            width: 100%;
        }
    }
    @media (max-width: 719px) {
        .guest-home-after {
            background:
                radial-gradient(circle at 82% 9%, color-mix(in srgb, var(--color-brand-500, #c34b9a) 18%, transparent), transparent 30%),
                #07070a !important;
        }
        .guest-section-inner {
            width: calc(100% - 24px);
        }
        .guest-product-band {
            padding-top: 54px !important;
            padding-bottom: 36px !important;
        }
        .guest-product-heading {
            display: block;
            margin-bottom: 18px;
        }
        .guest-product-heading h2,
        .guest-process-layout h2,
        .guest-final-inner h2 {
            max-width: 330px;
            font-size: 31px;
            line-height: 1.04;
        }
        .guest-product-heading > p {
            margin-top: 12px;
            max-width: 330px;
            color: rgba(255, 255, 255, .58);
        }
        .guest-product-tabs {
            gap: 8px;
            margin: 0 -12px;
            padding: 4px 12px 18px;
        }
        .guest-product-tabs button {
            border: 0;
            background: rgba(255, 255, 255, .07);
            color: rgba(255, 255, 255, .7);
        }
        .guest-product-tabs button.is-active {
            background: color-mix(in srgb, var(--color-brand-500, #c34b9a) 36%, rgba(255,255,255,.1));
        }
        .guest-product-preview {
            display: flex;
            flex-direction: column-reverse;
            gap: 0;
            overflow: hidden;
            border-radius: 24px;
            background:
                radial-gradient(circle at 82% 0%, color-mix(in srgb, var(--color-brand-500, #c34b9a) 24%, transparent), transparent 42%),
                rgba(255, 255, 255, .055);
        }
        .guest-product-preview-copy,
        .guest-product-preview-media {
            border-radius: 0;
            background: transparent !important;
        }
        .guest-product-preview-copy {
            padding: 20px;
        }
        .guest-product-preview-copy h3 {
            margin-top: 10px;
            font-size: 27px;
        }
        .guest-product-preview-copy p:not(.guest-card-eyebrow) {
            margin-bottom: 18px;
            font-size: 14px;
            line-height: 1.62;
        }
        .guest-product-preview-media,
        .guest-product-preview-media img,
        .guest-preview-skeleton {
            min-height: 178px;
        }
        .guest-product-preview-media img {
            object-position: left top;
        }
        .guest-process-band {
            padding-top: 44px !important;
            padding-bottom: 38px !important;
        }
        .guest-process-layout {
            display: block;
        }
        .guest-process-layout > div:first-child {
            margin-bottom: 20px;
        }
        .guest-process-list {
            position: relative;
            display: grid;
            gap: 12px;
        }
        .guest-process-list::before {
            content: "";
            position: absolute;
            top: 20px;
            bottom: 20px;
            left: 20px;
            width: 1px;
            transform: translateX(-50%);
            background: linear-gradient(180deg, color-mix(in srgb, var(--color-brand-400, #cf6fae) 52%, transparent), transparent);
        }
        .guest-process-list div {
            position: relative;
            min-height: 0;
            padding: 16px 16px 16px 56px;
            border-radius: 18px;
            background: rgba(255, 255, 255, .045) !important;
        }
        .guest-process-list span {
            position: absolute;
            top: 15px;
            left: 10px;
            width: 20px;
            height: 20px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            background: var(--color-brand-500, #c34b9a);
            color: #fff;
            font-size: 9px;
            letter-spacing: 0;
        }
        .guest-process-list strong {
            margin-top: 0;
            font-size: 17px;
        }
        .guest-process-list p {
            margin-top: 5px;
            font-size: 13px;
        }
        .guest-final-cta {
            padding-top: 48px !important;
            padding-bottom: 46px !important;
            text-align: left;
        }
        .guest-final-inner {
            display: block;
            border-radius: 24px;
            background:
                radial-gradient(circle at 84% 14%, color-mix(in srgb, var(--color-brand-500, #c34b9a) 22%, transparent), transparent 36%),
                rgba(255, 255, 255, .05);
            padding: 22px;
        }
        .guest-final-inner p:not(.guest-section-kicker) {
            margin-top: 12px;
            font-size: 14px;
            line-height: 1.62;
        }
        .guest-final-actions {
            margin-top: 22px;
        }
        .guest-final-actions .guest-btn {
            min-height: 48px;
        }
        body.guest-portfolio footer > div {
            width: calc(100% - 24px);
            display: grid !important;
            gap: 16px;
            padding-bottom: 22px !important;
            text-align: left;
        }
        body.guest-portfolio footer > div > div {
            display: grid !important;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 10px;
            width: 100%;
        }
        body.guest-portfolio footer a {
            min-height: 38px;
            justify-content: flex-start;
            border-radius: 11px;
            background: rgba(255, 255, 255, .045);
            padding: 0 12px;
        }
        body.guest-portfolio #guest-theme-toggle-footer {
            width: auto;
        }
    }
    html:not(.dark) body.guest-portfolio,
    html:not(.dark) body.guest-portfolio > .relative,
    html:not(.dark) body.guest-portfolio > .relative > main,
    html:not(.dark) .guest-home-hero,
    html:not(.dark) .guest-home-after,
    html:not(.dark) .guest-product-band,
    html:not(.dark) .guest-process-band,
    html:not(.dark) .guest-final-cta {
        background: #f8fafc !important;
        color: #0f172a !important;
    }
    html:not(.dark) .guest-home-hero-inner {
        background:
            radial-gradient(circle at 74% 42%, color-mix(in srgb, var(--color-brand-500, #c34b9a) 10%, transparent), transparent 34%),
            radial-gradient(circle at 42% 87%, color-mix(in srgb, var(--color-brand-500, #c34b9a) 14%, transparent), transparent 38%),
            linear-gradient(180deg, #f8fafc 0%, #eef2ff 44%, #e2e8f0 100%) !important;
    }
    html:not(.dark) .guest-showcase-panel,
    html:not(.dark) .guest-product-preview-copy,
    html:not(.dark) .guest-product-preview-media,
    html:not(.dark) .guest-process-list div,
    html:not(.dark) .guest-market-card,
    html:not(.dark) .guest-final-inner {
        background: #ffffff !important;
        border-color: rgba(15, 23, 42, .10) !important;
        box-shadow: 0 12px 36px rgba(15, 23, 42, .08) !important;
        color: #0f172a !important;
    }
    html:not(.dark) .guest-section-heading h2,
    html:not(.dark) .guest-showcase-copy h3,
    html:not(.dark) .guest-flow-card h2,
    html:not(.dark) .guest-final-cta h2,
    html:not(.dark) .guest-hero-title,
    html:not(.dark) .guest-home-after h2,
    html:not(.dark) .guest-home-after h3,
    html:not(.dark) .guest-home-after strong {
        color: #0f172a !important;
    }
    html:not(.dark) .guest-section-heading p,
    html:not(.dark) .guest-showcase-copy p,
    html:not(.dark) .guest-capability-card p,
    html:not(.dark) .guest-final-cta p,
    html:not(.dark) .guest-hero-copy-text,
    html:not(.dark) .guest-home-after p,
    html:not(.dark) .guest-home-after small,
    html:not(.dark) .guest-home-after span {
        color: #475569 !important;
    }
    html:not(.dark) body.guest-portfolio footer {
        background: #f1f5f9 !important;
        color: #475569 !important;
    }
    html:not(.dark) body.guest-portfolio footer a {
        color: #334155 !important;
    }
    html:not(.dark) body.guest-portfolio #guest-theme-toggle-footer {
        border-color: rgba(15, 23, 42, .14) !important;
        background: rgba(15, 23, 42, .04) !important;
        color: #0f172a !important;
    }
    body.guest-portfolio footer {
        margin-top: 0 !important;
        border-top: 1px solid rgba(255, 255, 255, .10) !important;
        background: #050608 !important;
        padding: 30px 0 !important;
    }
    body.guest-portfolio footer > div {
        width: min(1180px, calc(100% - 32px)) !important;
        max-width: none !important;
        display: flex !important;
        flex-direction: column;
        gap: 14px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        padding: 0 !important;
        color: rgba(255, 255, 255, .58) !important;
    }
    body.guest-portfolio footer > div > div {
        display: flex !important;
        flex-wrap: wrap;
        align-items: center;
        gap: 14px !important;
        width: auto !important;
    }
    body.guest-portfolio footer a {
        min-height: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        padding: 0 !important;
        color: rgba(255, 255, 255, .68) !important;
        font-size: 12px;
        line-height: 1.4;
    }
    body.guest-portfolio #guest-theme-toggle-footer {
        min-height: 0 !important;
        width: auto !important;
        height: auto !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 5px !important;
        flex: 0 0 auto !important;
        margin-left: auto !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        padding: 0 !important;
        color: rgba(255, 255, 255, .42) !important;
        font-size: 12px !important;
        font-weight: 400 !important;
        line-height: 1.5 !important;
        white-space: nowrap !important;
    }
    body.guest-portfolio #guest-theme-toggle-footer i,
    body.guest-portfolio #guest-theme-toggle-footer span {
        font-size: inherit !important;
        font-weight: inherit !important;
    }
    body.guest-portfolio #guest-theme-toggle-footer span {
        line-height: inherit !important;
    }
    body.guest-portfolio #guest-theme-toggle-footer i {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 1em !important;
        height: 1em !important;
        line-height: 1 !important;
        transform: translateY(.07em);
    }
    html:not(.dark) body.guest-portfolio footer {
        border-top-color: rgba(15, 23, 42, .10) !important;
        background: #f8fafc !important;
    }
    html:not(.dark) body.guest-portfolio footer > div {
        color: #64748b !important;
    }
    html:not(.dark) body.guest-portfolio footer a,
    html:not(.dark) body.guest-portfolio #guest-theme-toggle-footer {
        background: transparent !important;
        color: #64748b !important;
    }
    @media (min-width: 1024px) {
        body.guest-portfolio footer > div {
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
        }
    }
    @media (max-width: 719px) {
        .guest-hero-actions {
            display: flex !important;
            flex-wrap: nowrap;
            align-items: stretch;
            gap: 8px !important;
            width: 100%;
            margin-top: 24px;
        }
        .guest-hero-primary-btn,
        .guest-hero-secondary-btn {
            width: auto !important;
            min-width: 0 !important;
            min-height: 46px !important;
            flex: 1 1 0;
            padding: 0 10px !important;
            border-radius: 12px !important;
            font-size: 12px;
            line-height: 1.1;
        }
        .guest-hero-button-content {
            min-width: 0;
            white-space: nowrap;
        }
        .guest-hero-button-content .ti {
            font-size: 15px !important;
        }
        body.guest-portfolio footer {
            padding: 24px 0 28px !important;
        }
        body.guest-portfolio footer > div {
            width: calc(100% - 28px) !important;
            text-align: left;
        }
        body.guest-portfolio footer > div > div {
            display: flex !important;
            gap: 12px !important;
        }
    }
    body.guest-portfolio .guest-site-footer {
        margin-top: 0 !important;
        border-top: 1px solid rgba(255, 255, 255, .10) !important;
        background: #050608 !important;
        padding: 34px 0 !important;
    }
    body.guest-portfolio .guest-site-footer-inner {
        width: min(1180px, calc(100% - 32px)) !important;
        max-width: none !important;
        margin: 0 auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 24px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        padding: 0 !important;
    }
    body.guest-portfolio .guest-site-footer-brand {
        display: grid !important;
        gap: 8px !important;
        min-width: 0;
    }
    body.guest-portfolio .guest-site-footer-logo {
        display: inline-flex !important;
        align-items: center;
        gap: 9px;
        width: fit-content;
        color: #fff !important;
        font-size: 14px;
        font-weight: 800;
        text-decoration: none;
    }
    body.guest-portfolio .guest-site-footer-logo img {
        height: 18px;
        width: auto;
    }
    body.guest-portfolio .guest-site-footer-brand p {
        margin: 0 !important;
        color: rgba(255, 255, 255, .48) !important;
        font-size: 12px;
        line-height: 1.5;
    }
    body.guest-portfolio .guest-site-footer-links {
        display: flex !important;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-end;
        gap: 14px !important;
    }
    body.guest-portfolio .guest-site-footer-links a,
    body.guest-portfolio .guest-site-footer-links button {
        display: inline-flex !important;
        min-height: 0 !important;
        width: auto !important;
        align-items: center;
        gap: 6px;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        padding: 0 !important;
        color: rgba(255, 255, 255, .66) !important;
        font-size: 12px;
        font-weight: 700;
        line-height: 1.4;
        text-decoration: none;
    }
    body.guest-portfolio .guest-site-footer-links a:hover,
    body.guest-portfolio .guest-site-footer-links button:hover {
        color: #fff !important;
    }
    html:not(.dark) body.guest-portfolio .guest-site-footer {
        border-top-color: rgba(15, 23, 42, .10) !important;
        background: #f8fafc !important;
    }
    html:not(.dark) body.guest-portfolio .guest-site-footer-logo {
        color: #0f172a !important;
    }
    html:not(.dark) body.guest-portfolio .guest-site-footer-brand p {
        color: #64748b !important;
    }
    html:not(.dark) body.guest-portfolio .guest-site-footer-links a,
    html:not(.dark) body.guest-portfolio .guest-site-footer-links button {
        color: #475569 !important;
    }
    html:not(.dark) body.guest-portfolio .guest-site-footer-links a:hover,
    html:not(.dark) body.guest-portfolio .guest-site-footer-links button:hover {
        color: #0f172a !important;
    }
    @media (max-width: 719px) {
        body.guest-portfolio .guest-site-footer {
            padding: 28px 0 !important;
        }
        body.guest-portfolio .guest-site-footer-inner {
            width: calc(100% - 28px) !important;
            align-items: flex-start !important;
            flex-direction: column;
            gap: 18px !important;
        }
        body.guest-portfolio .guest-site-footer-links {
            justify-content: flex-start;
            gap: 12px 16px !important;
        }
    }
    body.guest-portfolio .guest-site-footer {
        padding: 36px 0 20px !important;
    }
    body.guest-portfolio .guest-site-footer-inner {
        display: grid !important;
        align-items: initial !important;
        justify-content: initial !important;
        gap: 24px !important;
    }
    body.guest-portfolio .guest-site-footer-main {
        display: flex !important;
        align-items: flex-start !important;
        justify-content: space-between !important;
        gap: 32px !important;
        width: 100%;
    }
    body.guest-portfolio .guest-site-footer-brand {
        max-width: 460px;
        gap: 10px !important;
    }
    body.guest-portfolio .guest-site-footer-brand p {
        line-height: 1.65;
    }
    body.guest-portfolio .guest-site-footer-bottom {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 16px !important;
        flex-wrap: nowrap !important;
        width: 100%;
        border-top: 1px solid rgba(255, 255, 255, .08);
        padding-top: 16px;
    }
    body.guest-portfolio .guest-site-footer-bottom p {
        margin: 0 !important;
        color: rgba(255, 255, 255, .42) !important;
        font-size: 12px;
        line-height: 1.5;
        min-width: 0;
        flex: 1 1 auto;
        overflow: hidden;
        text-align: left;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    html:not(.dark) body.guest-portfolio .guest-site-footer-bottom {
        border-top-color: rgba(15, 23, 42, .08);
    }
    html:not(.dark) body.guest-portfolio .guest-site-footer-bottom p {
        color: #64748b !important;
    }
    @media (max-width: 719px) {
        body.guest-portfolio .guest-site-footer {
            padding: 30px 0 20px !important;
        }
        body.guest-portfolio .guest-site-footer-inner {
            gap: 20px !important;
        }
        body.guest-portfolio .guest-site-footer-main {
            display: grid !important;
            gap: 18px !important;
        }
        body.guest-portfolio .guest-site-footer-links {
            justify-content: flex-start !important;
        }
    }

    html:not(.dark) body.guest-portfolio {
        background: #f8fafc !important;
        color: #0f172a !important;
    }
    html:not(.dark) .guest-home-after,
    html:not(.dark) .guest-product-band,
    html:not(.dark) .guest-process-band,
    html:not(.dark) .guest-final-cta,
    html:not(.dark) .guest-live-band,
    html:not(.dark) .guest-marketplace-split {
        background:
            radial-gradient(circle at 12% 10%, color-mix(in srgb, var(--color-brand-500, #c34b9a) 8%, transparent), transparent 30%),
            linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%) !important;
        color: #0f172a !important;
    }
    html:not(.dark) .guest-product-band,
    html:not(.dark) .guest-process-band,
    html:not(.dark) .guest-final-cta {
        border-top: 1px solid rgba(15, 23, 42, .08);
    }
    html:not(.dark) .guest-hero-proof,
    html:not(.dark) .guest-model-card,
    html:not(.dark) .guest-live-item,
    html:not(.dark) .guest-market-card,
    html:not(.dark) .guest-product-preview,
    html:not(.dark) .guest-product-preview-copy,
    html:not(.dark) .guest-product-preview-media,
    html:not(.dark) .guest-process-list div,
    html:not(.dark) .guest-final-inner {
        border-color: rgba(15, 23, 42, .10) !important;
        background: rgba(255, 255, 255, .92) !important;
        color: #0f172a !important;
        box-shadow: 0 18px 48px rgba(15, 23, 42, .08) !important;
    }
    html:not(.dark) .guest-model-card,
    html:not(.dark) .guest-model-card.is-source {
        background:
            radial-gradient(circle at 24% 16%, color-mix(in srgb, var(--color-brand-500, #c34b9a) 10%, transparent), transparent 34%),
            #ffffff !important;
    }
    html:not(.dark) .guest-hero-product-wall::before,
    html:not(.dark) .guest-hero-product-wall::after,
    html:not(.dark) .guest-product-band::before,
    html:not(.dark) .guest-product-band::after,
    html:not(.dark) .guest-process-band::before,
    html:not(.dark) .guest-process-band::after,
    html:not(.dark) .guest-home-after::before,
    html:not(.dark) .guest-home-after::after {
        opacity: .32 !important;
    }
    html:not(.dark) .guest-section-kicker,
    html:not(.dark) .guest-card-eyebrow,
    html:not(.dark) .guest-model-card span,
    html:not(.dark) .guest-process-list span,
    html:not(.dark) .guest-live-item i {
        color: color-mix(in srgb, var(--color-brand-600, #ac4288) 78%, #334155) !important;
    }
    html:not(.dark) .guest-hero-title,
    html:not(.dark) .guest-section-heading h2,
    html:not(.dark) .guest-split-heading h2,
    html:not(.dark) .guest-product-heading h2,
    html:not(.dark) .guest-process-layout h2,
    html:not(.dark) .guest-final-inner h2,
    html:not(.dark) .guest-model-card h3,
    html:not(.dark) .guest-market-copy strong,
    html:not(.dark) .guest-product-preview-copy h3,
    html:not(.dark) .guest-process-list strong,
    html:not(.dark) .guest-live-item strong {
        color: #0f172a !important;
    }
    html:not(.dark) .guest-hero-copy-text,
    html:not(.dark) .guest-section-heading p,
    html:not(.dark) .guest-split-heading p,
    html:not(.dark) .guest-product-heading p,
    html:not(.dark) .guest-process-layout p,
    html:not(.dark) .guest-final-inner p,
    html:not(.dark) .guest-model-card p,
    html:not(.dark) .guest-market-copy small,
    html:not(.dark) .guest-market-copy em,
    html:not(.dark) .guest-product-preview-copy p:not(.guest-card-eyebrow),
    html:not(.dark) .guest-process-list p,
    html:not(.dark) .guest-live-item span {
        color: #475569 !important;
    }
    html:not(.dark) .guest-product-tabs {
        border-color: rgba(15, 23, 42, .10) !important;
        background: rgba(255, 255, 255, .72) !important;
    }
    html:not(.dark) .guest-product-tabs button {
        background: rgba(15, 23, 42, .04) !important;
        color: #475569 !important;
    }
    html:not(.dark) .guest-product-tabs button.is-active {
        background: #0f172a !important;
        color: #ffffff !important;
    }
    html:not(.dark) .guest-market-icon,
    html:not(.dark) .guest-model-icon {
        background: #0f172a !important;
        color: #ffffff !important;
    }
    html:not(.dark) .guest-preview-skeleton {
        background:
            radial-gradient(circle at 78% 18%, color-mix(in srgb, var(--color-brand-400, #cf6fae) 16%, transparent), transparent 30%),
            linear-gradient(145deg, #ffffff, #e2e8f0) !important;
    }
    html:not(.dark) .guest-preview-skeleton span {
        background: rgba(15, 23, 42, .08) !important;
    }

    html:not(.dark) .guest-home-hero {
        background:
            radial-gradient(circle at 88% 14%, color-mix(in srgb, var(--color-brand-400, #cf6fae) 18%, transparent), transparent 30%),
            linear-gradient(180deg, #f8fafc 0%, #edf2f7 100%) !important;
    }
    html:not(.dark) .guest-home-hero-inner {
        background:
            radial-gradient(circle at 70% 18%, color-mix(in srgb, var(--color-brand-300, #db93c2) 20%, transparent), transparent 34%),
            radial-gradient(circle at 24% 86%, color-mix(in srgb, var(--color-brand-500, #c34b9a) 18%, transparent), transparent 38%),
            linear-gradient(140deg, #f8fafc 0%, #eef2f7 48%, #dbe4ee 100%) !important;
        box-shadow: inset 0 -1px rgba(15, 23, 42, .06);
    }
    html:not(.dark) .guest-hero-proof {
        border-color: rgba(15, 23, 42, .10) !important;
        background: rgba(255, 255, 255, .78) !important;
        color: #475569 !important;
        box-shadow: 0 12px 32px rgba(15, 23, 42, .08) !important;
    }
    html:not(.dark) .guest-hero-proof strong {
        color: #0f172a !important;
    }
    html:not(.dark) .guest-hero-title {
        max-width: 540px !important;
        color: #111827 !important;
        text-shadow: none !important;
    }
    html:not(.dark) .guest-hero-copy-text {
        max-width: 520px !important;
        color: #64748b !important;
    }
    html:not(.dark) .guest-hero-primary-btn {
        background: #0f172a !important;
        color: #ffffff !important;
        box-shadow: 0 18px 38px rgba(15, 23, 42, .18);
    }
    html:not(.dark) .guest-hero-secondary-btn {
        border-color: rgba(15, 23, 42, .12) !important;
        background: rgba(255, 255, 255, .78) !important;
        color: #0f172a !important;
        box-shadow: 0 12px 28px rgba(15, 23, 42, .08);
        backdrop-filter: blur(16px);
    }
    html:not(.dark) .guest-hero-checks {
        color: #64748b !important;
    }
    html:not(.dark) .guest-hero-checks i {
        color: color-mix(in srgb, var(--color-brand-600, #ac4288) 72%, #0f172a) !important;
    }
    html:not(.dark) .guest-product-tile {
        border-color: rgba(255, 255, 255, .88) !important;
        background: #ffffff !important;
        box-shadow: 0 18px 48px rgba(15, 23, 42, .16) !important;
    }
    html:not(.dark) .guest-product-tile img {
        filter: saturate(.96) contrast(.98);
    }
    html:not(.dark) .guest-home-after {
        background:
            radial-gradient(circle at 12% 8%, color-mix(in srgb, var(--color-brand-500, #c34b9a) 10%, transparent), transparent 30%),
            linear-gradient(180deg, #f8fafc 0%, #eef2f7 44%, #f8fafc 100%) !important;
    }
    html:not(.dark) .guest-marketplace-split {
        background: transparent !important;
        border-top-color: rgba(15, 23, 42, .08) !important;
    }
    html:not(.dark) .guest-market-card:hover {
        border-color: rgba(15, 23, 42, .16) !important;
        background: #ffffff !important;
        box-shadow: 0 22px 52px rgba(15, 23, 42, .12) !important;
    }
    html:not(.dark) .guest-product-band {
        background:
            radial-gradient(circle at 10% 18%, color-mix(in srgb, var(--color-brand-500, #c34b9a) 8%, transparent), transparent 30%),
            linear-gradient(180deg, #f8fafc 0%, #ffffff 48%, #eef2f7 100%) !important;
    }
    html:not(.dark) .guest-product-preview {
        background: rgba(255, 255, 255, .68) !important;
        border: 1px solid rgba(15, 23, 42, .08);
        box-shadow: 0 24px 70px rgba(15, 23, 42, .10) !important;
    }
    html:not(.dark) .guest-product-preview-copy,
    html:not(.dark) .guest-product-preview-media {
        box-shadow: none !important;
    }
    html:not(.dark) .guest-process-band {
        background:
            radial-gradient(circle at 82% 16%, color-mix(in srgb, var(--color-brand-400, #cf6fae) 9%, transparent), transparent 30%),
            linear-gradient(180deg, #eef2f7 0%, #f8fafc 100%) !important;
    }
    html:not(.dark) .guest-process-list div {
        background: rgba(255, 255, 255, .88) !important;
    }

    html:not(.dark) .guest-home-hero {
        background: #eef3f8 !important;
    }
    html:not(.dark) .guest-home-hero-inner {
        background:
            radial-gradient(circle at 82% 18%, rgba(15, 23, 42, .11), transparent 31%),
            radial-gradient(circle at 21% 83%, color-mix(in srgb, var(--color-brand-500, #c34b9a) 18%, transparent), transparent 36%),
            radial-gradient(circle at 64% 92%, rgba(15, 23, 42, .07), transparent 33%),
            linear-gradient(145deg, #f8fafc 0%, #eef3f8 48%, #dde7f0 100%) !important;
        box-shadow: inset 0 -1px rgba(15, 23, 42, .08) !important;
    }
    html:not(.dark) .guest-home-hero-inner::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        pointer-events: none;
        background:
            linear-gradient(90deg, rgba(248, 250, 252, .94) 0%, rgba(248, 250, 252, .78) 39%, rgba(248, 250, 252, .08) 64%, transparent 100%),
            linear-gradient(180deg, rgba(255, 255, 255, .34), transparent 38%);
    }
    html:not(.dark) body.guest-portfolio:has(.guest-home-hero) .guest-marketing-nav {
        border-color: rgba(15, 23, 42, .08) !important;
        background: rgba(255, 255, 255, .88) !important;
        box-shadow: 0 18px 60px rgba(15, 23, 42, .10) !important;
    }
    html:not(.dark) body.guest-portfolio:has(.guest-home-hero) .guest-marketing-nav-link,
    html:not(.dark) body.guest-portfolio:has(.guest-home-hero) .guest-nav-brand-text {
        color: #111827 !important;
    }
    html:not(.dark) body.guest-portfolio:has(.guest-home-hero) .guest-marketing-nav-link:hover {
        color: #64748b !important;
    }
    html:not(.dark) body.guest-portfolio:has(.guest-home-hero) .guest-marketing-nav-demo {
        border-color: rgba(15, 23, 42, .1) !important;
        background: rgba(15, 23, 42, .06) !important;
        color: #0f172a !important;
    }
    html:not(.dark) body.guest-portfolio:has(.guest-home-hero) .guest-marketing-nav-demo:hover {
        background: #0f172a !important;
        color: #fff !important;
    }
    html:not(.dark) body.guest-portfolio:has(.guest-home-hero) .guest-nav-action,
    html:not(.dark) body.guest-portfolio:has(.guest-home-hero) .guest-nav-icon-button {
        border-color: rgba(15, 23, 42, .08) !important;
        background: rgba(15, 23, 42, .04) !important;
        color: #0f172a !important;
    }
    html:not(.dark) body.guest-portfolio:has(.guest-home-hero) .guest-nav-primary-action {
        background: #0f172a !important;
        color: #fff !important;
    }
    html:not(.dark) .guest-home-hero-copy {
        max-width: 600px !important;
    }
    html:not(.dark) .guest-hero-proof {
        border-color: rgba(15, 23, 42, .10) !important;
        background: rgba(255, 255, 255, .80) !important;
        color: #475569 !important;
        box-shadow: 0 14px 34px rgba(15, 23, 42, .10) !important;
    }
    html:not(.dark) .guest-hero-proof strong {
        color: #111827 !important;
    }
    html:not(.dark) .guest-hero-title {
        max-width: 590px !important;
        color: #111827 !important;
        font-size: clamp(34px, 4.4vw, 64px) !important;
        line-height: 1.02 !important;
        text-shadow: none !important;
    }
    html:not(.dark) .guest-hero-copy-text {
        max-width: 520px !important;
        color: #64748b !important;
    }
    html:not(.dark) .guest-hero-primary-btn {
        background: #111827 !important;
        color: #fff !important;
        box-shadow: 0 18px 38px rgba(15, 23, 42, .18) !important;
    }
    html:not(.dark) .guest-hero-secondary-btn {
        border-color: rgba(15, 23, 42, .12) !important;
        background: rgba(255, 255, 255, .80) !important;
        color: #111827 !important;
        box-shadow: 0 12px 28px rgba(15, 23, 42, .08) !important;
    }
    html:not(.dark) .guest-hero-checks {
        color: #64748b !important;
    }
    html:not(.dark) .guest-hero-checks i {
        color: color-mix(in srgb, var(--color-brand-600, #ac4288) 70%, #111827) !important;
    }
    html:not(.dark) .guest-product-tile {
        border-color: rgba(255, 255, 255, .92) !important;
        background: #fff !important;
        box-shadow: 0 22px 54px rgba(15, 23, 42, .18) !important;
    }
    html:not(.dark) .guest-product-tile img {
        filter: saturate(.97) contrast(.98) !important;
    }
    @media (min-width: 1024px) {
        html:not(.dark) .guest-home-hero-inner {
            grid-template-columns: minmax(470px, .74fr) minmax(520px, .82fr) !important;
            gap: clamp(56px, 7vw, 112px) !important;
        }
        html:not(.dark) .guest-hero-product-track {
            right: -108px !important;
            width: min(650px, 48vw) !important;
            transform: translateY(-50%) rotate(7deg) !important;
        }
    }

    html:not(.dark) .guest-home-hero-inner {
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }
    html:not(.dark) .guest-home-after {
        margin-top: 0 !important;
        padding-top: 0 !important;
        background:
            radial-gradient(circle at 10% 16%, color-mix(in srgb, var(--color-brand-500, #c34b9a) 9%, transparent), transparent 32%),
            linear-gradient(180deg, #eef3f8 0%, #edf3f8 20%, #f8fafc 52%, #ffffff 100%) !important;
    }
    html:not(.dark) .guest-marketplace-split {
        padding-top: 76px !important;
        background: transparent !important;
    }
    html:not(.dark) .guest-market-card {
        border-color: rgba(15, 23, 42, .08) !important;
        background: rgba(255, 255, 255, .88) !important;
        box-shadow: 0 18px 48px rgba(15, 23, 42, .07) !important;
    }
    html:not(.dark) .guest-hero-actions {
        gap: 12px !important;
    }
    html:not(.dark) .guest-hero-primary-btn,
    html:not(.dark) .guest-hero-secondary-btn {
        min-height: 52px !important;
        border-radius: 14px !important;
    }
    html:not(.dark) .guest-hero-primary-btn {
        min-width: 280px !important;
        background: linear-gradient(180deg, #1f2937 0%, #111827 100%) !important;
        border: 1px solid rgba(15, 23, 42, .88) !important;
        color: #fff !important;
        box-shadow: 0 18px 36px rgba(15, 23, 42, .18) !important;
    }
    html:not(.dark) .guest-hero-secondary-btn {
        min-width: 170px !important;
        border-color: rgba(15, 23, 42, .10) !important;
        background: rgba(255, 255, 255, .86) !important;
        color: #111827 !important;
        box-shadow: 0 14px 30px rgba(15, 23, 42, .08) !important;
    }
    html:not(.dark) .guest-hero-primary-btn:hover,
    html:not(.dark) .guest-hero-secondary-btn:hover {
        transform: translateY(-2px);
    }
    html:not(.dark) .guest-product-band {
        background:
            radial-gradient(circle at 12% 12%, color-mix(in srgb, var(--color-brand-500, #c34b9a) 7%, transparent), transparent 30%),
            linear-gradient(180deg, #ffffff 0%, #f8fafc 52%, #eef3f8 100%) !important;
    }
    html:not(.dark) .guest-product-tabs {
        display: inline-flex !important;
        max-width: 100%;
        gap: 6px !important;
        overflow-x: auto;
        border: 1px solid rgba(15, 23, 42, .08) !important;
        border-radius: 16px !important;
        background: rgba(255, 255, 255, .86) !important;
        padding: 6px !important;
        box-shadow: 0 12px 30px rgba(15, 23, 42, .06) !important;
    }
    html:not(.dark) .guest-product-tabs button {
        min-height: 38px !important;
        border: 0 !important;
        border-radius: 11px !important;
        background: transparent !important;
        padding: 0 14px !important;
        color: #64748b !important;
        box-shadow: none !important;
    }
    html:not(.dark) .guest-product-tabs button span {
        color: inherit !important;
    }
    html:not(.dark) .guest-product-tabs button.is-active {
        background: #111827 !important;
        color: #fff !important;
        box-shadow: 0 10px 22px rgba(15, 23, 42, .16) !important;
    }
    html:not(.dark) .guest-product-tabs button.is-active span {
        color: #fff !important;
    }
    html:not(.dark) .guest-product-preview {
        gap: 0 !important;
        overflow: hidden !important;
        border: 1px solid rgba(15, 23, 42, .10) !important;
        border-radius: 28px !important;
        background: #fff !important;
        box-shadow: 0 24px 70px rgba(15, 23, 42, .10) !important;
    }
    html:not(.dark) .guest-product-preview-copy,
    html:not(.dark) .guest-product-preview-media {
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }
    html:not(.dark) .guest-product-preview-copy {
        border-right: 0 !important;
    }
    html:not(.dark) .guest-product-preview-media {
        background: #f8fafc !important;
    }
    html:not(.dark) .guest-product-preview-media img {
        display: block;
    }
    @media (max-width: 1023px) {
        html:not(.dark) .guest-product-preview-copy {
            border-right: 0 !important;
            border-bottom: 1px solid rgba(15, 23, 42, .08) !important;
        }
    }

    /*
     * Landing page theme contract. This sits after the older one-off rules so
     * the visible post-hero blocks use the same palette in each theme.
     */
    body.guest-portfolio {
        --landing-page-bg: #050608;
        --landing-section-bg: #07070a;
        --landing-hero-end-bg: color-mix(in srgb, var(--color-brand-900, #5e244a) 68%, var(--landing-page-bg));
        --landing-post-hero-bg:
            radial-gradient(circle at 12% 32%, color-mix(in srgb, var(--color-brand-500, #c34b9a) 10%, transparent), transparent 30%),
            radial-gradient(circle at 82% 34%, rgba(255, 255, 255, .045), transparent 28%),
            linear-gradient(180deg, #050608 0%, #050608 18%, #07070a 38%, #08080c 68%, #050608 100%);
        --landing-product-section-bg:
            radial-gradient(circle at 12% 10%, color-mix(in srgb, var(--color-brand-500, #c34b9a) 12%, transparent), transparent 28%),
            radial-gradient(circle at 82% 12%, rgba(255, 255, 255, .05), transparent 26%),
            linear-gradient(180deg, #07070a 0%, #08080c 54%, #050608 100%);
        --landing-surface-bg: rgba(255, 255, 255, .055);
        --landing-surface-bg-hover: rgba(255, 255, 255, .075);
        --landing-surface-border: rgba(255, 255, 255, .12);
        --landing-surface-border-hover: rgba(255, 255, 255, .22);
        --landing-surface-shadow: none;
        --landing-subtle-bg: rgba(255, 255, 255, .045);
        --landing-subtle-border: rgba(255, 255, 255, .10);
        --landing-text-strong: #ffffff;
        --landing-text-muted: rgba(255, 255, 255, .62);
        --landing-text-soft: rgba(255, 255, 255, .48);
        --landing-accent-text: var(--color-brand-200, #e7b7d7);
        --landing-icon-bg: #ffffff;
        --landing-icon-color: #050608;
        --landing-tabs-bg: rgba(255, 255, 255, .06);
        --landing-tab-hover-bg: rgba(255, 255, 255, .12);
        --landing-tab-hover-text: #ffffff;
        --landing-tab-active-bg: #ffffff;
        --landing-tab-active-text: #050608;
        --landing-tab-active-bg-hover: #e2e8f0;
        --landing-tab-active-text-hover: #050608;
        --landing-action-bg: #ffffff;
        --landing-action-text: #050608;
        --landing-action-border: rgba(255, 255, 255, .92);
        --landing-action-bg-hover: #e2e8f0;
        --landing-action-text-hover: #050608;
        --landing-action-border-hover: #e2e8f0;
        --landing-action-shadow: none;
        --landing-preview-media-bg: rgba(255, 255, 255, .032);
        --landing-preview-card-bg:
            linear-gradient(135deg, color-mix(in srgb, var(--color-brand-500, #c34b9a) 10%, transparent), transparent 38%),
            rgba(255, 255, 255, .055);
        --landing-preview-copy-bg: rgba(10, 10, 15, .68);
        --landing-preview-skeleton-bg: linear-gradient(145deg, #17111a, #08090d);
        --landing-preview-skeleton-line: rgba(255, 255, 255, .08);
    }

    html:not(.dark) body.guest-portfolio {
        --landing-page-bg: #f8fafc;
        --landing-section-bg: #f8fafc;
        --landing-post-hero-bg: #ffffff;
        --landing-product-section-bg:
            radial-gradient(circle at 10% 8%, color-mix(in srgb, var(--color-brand-500, #c34b9a) 7%, transparent), transparent 30%),
            radial-gradient(circle at 86% 8%, rgba(15, 23, 42, .045), transparent 28%),
            linear-gradient(180deg, #ffffff 0%, #f8fafc 58%, #eef3f8 100%);
        --landing-surface-bg: rgba(255, 255, 255, .92);
        --landing-surface-bg-hover: #ffffff;
        --landing-surface-border: rgba(15, 23, 42, .10);
        --landing-surface-border-hover: rgba(15, 23, 42, .16);
        --landing-surface-shadow: 0 18px 48px rgba(15, 23, 42, .08);
        --landing-subtle-bg: rgba(15, 23, 42, .04);
        --landing-subtle-border: rgba(15, 23, 42, .08);
        --landing-text-strong: #0f172a;
        --landing-text-muted: #475569;
        --landing-text-soft: #64748b;
        --landing-accent-text: color-mix(in srgb, var(--color-brand-600, #ac4288) 78%, #334155);
        --landing-icon-bg: #0f172a;
        --landing-icon-color: #ffffff;
        --landing-tabs-bg: rgba(255, 255, 255, .92);
        --landing-tab-hover-bg: rgba(15, 23, 42, .065);
        --landing-tab-hover-text: #0f172a;
        --landing-tab-active-bg: #0f172a;
        --landing-tab-active-text: #ffffff;
        --landing-tab-active-bg-hover: #1e293b;
        --landing-tab-active-text-hover: #ffffff;
        --landing-action-bg: #0f172a;
        --landing-action-text: #ffffff;
        --landing-action-border: rgba(15, 23, 42, .88);
        --landing-action-bg-hover: #1e293b;
        --landing-action-text-hover: #ffffff;
        --landing-action-border-hover: #1e293b;
        --landing-action-shadow: 0 16px 32px rgba(15, 23, 42, .16);
        --landing-preview-media-bg: #f8fafc;
        --landing-preview-card-bg:
            linear-gradient(135deg, color-mix(in srgb, var(--color-brand-500, #c34b9a) 6%, transparent), transparent 38%),
            #ffffff;
        --landing-preview-copy-bg: rgba(255, 255, 255, .88);
        --landing-preview-skeleton-bg: linear-gradient(145deg, #ffffff, #e2e8f0);
        --landing-preview-skeleton-line: rgba(15, 23, 42, .08);
    }

    body.guest-portfolio,
    body.guest-portfolio > .relative,
    body.guest-portfolio > .relative > main {
        background: var(--landing-page-bg) !important;
        color: var(--landing-text-strong) !important;
    }

    body.guest-portfolio :is(.guest-home-after, .guest-marketplace-split, .guest-product-band, .guest-process-band) {
        background: var(--landing-section-bg) !important;
        color: var(--landing-text-strong) !important;
        border-top-color: var(--landing-subtle-border) !important;
    }

    body.guest-portfolio .guest-home-after {
        background: var(--landing-post-hero-bg) !important;
    }

    body.guest-portfolio :is(.guest-marketplace-split, .guest-product-band) {
        background: transparent !important;
    }

    body.guest-portfolio :is(
        .guest-home-after,
        .guest-marketplace-split,
        .guest-product-band,
        .guest-process-band
    )::before,
    body.guest-portfolio :is(
        .guest-home-after,
        .guest-marketplace-split,
        .guest-product-band,
        .guest-process-band
    )::after {
        display: none !important;
        content: none !important;
    }

    body.guest-portfolio :is(.guest-market-card, .guest-product-preview, .guest-process-list > div) {
        border-color: var(--landing-surface-border) !important;
        background: var(--landing-surface-bg) !important;
        color: var(--landing-text-strong) !important;
        box-shadow: var(--landing-surface-shadow) !important;
    }

    body.guest-portfolio .guest-market-card:hover {
        border-color: var(--landing-surface-border-hover) !important;
        background: var(--landing-surface-bg-hover) !important;
        box-shadow: var(--landing-surface-shadow) !important;
    }

    body.guest-portfolio :is(.guest-product-preview-copy, .guest-product-preview-media) {
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    body.guest-portfolio .guest-product-preview-media {
        background: var(--landing-preview-media-bg) !important;
    }

    body.guest-portfolio .guest-product-tabs {
        display: inline-flex !important;
        width: fit-content !important;
        max-width: 100% !important;
        margin: 0 !important;
        gap: 6px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        border: 1px solid var(--landing-surface-border) !important;
        border-radius: 999px !important;
        background: var(--landing-tabs-bg) !important;
        padding: 5px !important;
        box-shadow: none !important;
        scrollbar-width: none !important;
    }

    body.guest-portfolio .guest-product-tabs button[type="button"],
    body.guest-portfolio .guest-product-tabs button[type="button"].is-active,
    body.guest-portfolio .guest-product-tabs button[type="button"]:hover,
    body.guest-portfolio .guest-product-tabs button[type="button"].is-active:hover {
        display: inline-flex !important;
        flex: 0 1 auto !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: 220px !important;
        height: 38px !important;
        min-height: 38px !important;
        align-items: center !important;
        justify-content: center !important;
        border: 0 !important;
        border-radius: 999px !important;
        background: transparent !important;
        overflow: hidden !important;
        padding: 0 14px !important;
        color: var(--landing-text-muted) !important;
        font-size: 13px !important;
        font-weight: 800 !important;
        line-height: 1 !important;
        box-shadow: none !important;
        text-align: center !important;
        transform: none !important;
        white-space: nowrap !important;
    }

    body.guest-portfolio .guest-product-tabs button[type="button"].is-active {
        background: var(--landing-tab-active-bg) !important;
        color: var(--landing-tab-active-text) !important;
    }

    body.guest-portfolio .guest-product-tabs button[type="button"]:not(.is-active):hover,
    body.guest-portfolio .guest-product-tabs button[type="button"]:not(.is-active):focus-visible {
        background: var(--landing-tab-hover-bg) !important;
        color: var(--landing-tab-hover-text) !important;
    }

    body.guest-portfolio .guest-product-tabs button[type="button"].is-active:hover,
    body.guest-portfolio .guest-product-tabs button[type="button"].is-active:focus-visible {
        background: var(--landing-tab-active-bg-hover) !important;
        color: var(--landing-tab-active-text-hover) !important;
    }

    body.guest-portfolio .guest-product-tabs button[type="button"]:focus-visible {
        outline: 2px solid color-mix(in srgb, var(--landing-tab-active-bg) 48%, transparent) !important;
        outline-offset: 2px !important;
    }

    body.guest-portfolio .guest-product-tab-title {
        display: block !important;
        min-width: 0 !important;
        max-width: 100% !important;
        overflow: hidden !important;
        color: inherit !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    body.guest-portfolio .guest-product-workspace {
        display: grid !important;
        gap: 24px !important;
    }

    body.guest-portfolio .guest-product-command {
        display: grid !important;
        grid-template-columns: minmax(0, .9fr) auto !important;
        align-items: end !important;
        gap: 24px !important;
    }

    body.guest-portfolio .guest-product-workspace .guest-product-heading {
        display: block !important;
        max-width: 760px !important;
        margin: 0 !important;
    }

    body.guest-portfolio .guest-product-workspace .guest-product-heading h2 {
        max-width: 720px !important;
        margin: 12px 0 0 !important;
        color: var(--landing-text-strong) !important;
    }

    body.guest-portfolio .guest-product-workspace .guest-product-heading > p {
        max-width: 620px !important;
        margin: 18px 0 0 !important;
        color: var(--landing-text-muted) !important;
    }

    body.guest-portfolio .guest-product-command-controls {
        display: grid !important;
        min-width: 0 !important;
        justify-items: end !important;
        gap: 10px !important;
    }

    body.guest-portfolio .guest-product-counter {
        display: inline-flex !important;
        align-items: center !important;
        gap: 5px !important;
        color: var(--landing-text-soft) !important;
        font-size: 12px !important;
        font-weight: 900 !important;
        letter-spacing: .12em !important;
    }

    body.guest-portfolio .guest-product-workspace .guest-product-preview {
        display: grid !important;
        grid-template-columns: minmax(0, 1.05fr) minmax(330px, .48fr) !important;
        gap: 0 !important;
        align-items: stretch !important;
        min-height: 520px !important;
        overflow: hidden !important;
        border: 1px solid var(--landing-surface-border) !important;
        border-radius: 40px !important;
        background: var(--landing-preview-card-bg) !important;
        box-shadow: var(--landing-surface-shadow) !important;
    }

    body.guest-portfolio .guest-product-workspace .guest-product-preview-media {
        position: relative !important;
        display: block !important;
        min-height: 520px !important;
        overflow: hidden !important;
        border: 0 !important;
        border-right: 1px solid var(--landing-surface-border) !important;
        border-radius: 0 !important;
        background: var(--landing-preview-media-bg) !important;
    }

    body.guest-portfolio .guest-product-workspace .guest-product-preview-media::after {
        content: "" !important;
        position: absolute !important;
        inset: 0 !important;
        pointer-events: none !important;
        background: linear-gradient(180deg, transparent 68%, rgba(0, 0, 0, .18) 100%) !important;
    }

    body.guest-portfolio .guest-product-workspace .guest-product-preview-media img {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 520px !important;
        object-fit: cover !important;
        object-position: left top !important;
    }

    body.guest-portfolio .guest-product-workspace .guest-product-preview-copy {
        display: flex !important;
        min-height: 520px !important;
        flex-direction: column !important;
        justify-content: center !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: var(--landing-preview-copy-bg) !important;
        padding: 34px !important;
        box-shadow: none !important;
    }

    body.guest-portfolio .guest-product-workspace .guest-product-preview-meta {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 16px !important;
        margin-bottom: 18px !important;
    }

    body.guest-portfolio .guest-product-workspace .guest-product-preview-meta .guest-card-eyebrow {
        margin: 0 !important;
    }

    body.guest-portfolio .guest-product-workspace .guest-product-preview-meta span {
        color: var(--landing-text-soft) !important;
        font-size: 12px !important;
        font-weight: 900 !important;
        letter-spacing: .12em !important;
    }

    body.guest-portfolio .guest-product-workspace .guest-product-preview-copy h3 {
        margin: 0 !important;
        color: var(--landing-text-strong) !important;
        font-size: clamp(28px, 3vw, 44px) !important;
        line-height: 1.04 !important;
        font-weight: 650 !important;
    }

    body.guest-portfolio .guest-product-workspace .guest-product-preview-copy p:not(.guest-card-eyebrow) {
        margin: 18px 0 0 !important;
        color: var(--landing-text-muted) !important;
        font-size: 15px !important;
        line-height: 1.72 !important;
    }

    body.guest-portfolio .guest-product-workspace .guest-product-preview-actions {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        gap: 14px !important;
        margin-top: 28px !important;
    }

    body.guest-portfolio .guest-product-workspace .guest-product-preview-actions .guest-btn {
        width: fit-content !important;
        max-width: 100% !important;
        flex: 0 0 auto !important;
        gap: 8px !important;
        min-height: 46px !important;
        border: 1px solid var(--landing-action-border) !important;
        background: var(--landing-action-bg) !important;
        color: var(--landing-action-text) !important;
        box-shadow: var(--landing-action-shadow) !important;
        margin-top: 0 !important;
        padding: 0 18px !important;
        transition: transform .18s ease, background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease !important;
    }

    html:not(.dark) body.guest-portfolio .guest-product-workspace .guest-product-preview-actions .guest-btn span,
    html:not(.dark) body.guest-portfolio .guest-product-workspace .guest-product-preview-actions .guest-btn i {
        color: #ffffff !important;
    }

    body.guest-portfolio .guest-product-workspace .guest-product-preview-actions .guest-btn:hover,
    body.guest-portfolio .guest-product-workspace .guest-product-preview-actions .guest-btn:focus-visible {
        border-color: var(--landing-action-border-hover) !important;
        background: var(--landing-action-bg-hover) !important;
        color: var(--landing-action-text-hover) !important;
        transform: translateY(-1px) !important;
    }

    body.guest-portfolio .guest-product-workspace .guest-product-preview-actions .guest-btn:focus-visible {
        outline: 2px solid color-mix(in srgb, var(--landing-action-bg) 42%, transparent) !important;
        outline-offset: 3px !important;
    }

    body.guest-portfolio .guest-product-workspace .guest-product-preview-actions > span {
        color: var(--landing-text-soft) !important;
        font-size: 12px !important;
        font-weight: 800 !important;
    }

    @media (max-width: 719px) {
        body.guest-portfolio .guest-product-tabs {
            max-width: calc(100vw - 28px) !important;
        }

        body.guest-portfolio .guest-product-workspace .guest-product-heading {
            display: none !important;
        }

        body.guest-portfolio .guest-product-tabs button[type="button"],
        body.guest-portfolio .guest-product-tabs button[type="button"].is-active,
        body.guest-portfolio .guest-product-tabs button[type="button"]:hover,
        body.guest-portfolio .guest-product-tabs button[type="button"].is-active:hover {
            max-width: 190px !important;
        }
    }

    @media (max-width: 1023px) {
        body.guest-portfolio .guest-product-command {
            grid-template-columns: 1fr !important;
            align-items: start !important;
        }

        body.guest-portfolio .guest-product-command-controls {
            justify-items: start !important;
        }

        body.guest-portfolio .guest-product-workspace .guest-product-preview {
            grid-template-columns: 1fr !important;
            min-height: 0 !important;
        }

        body.guest-portfolio .guest-product-workspace .guest-product-preview-media {
            min-height: 300px !important;
            border-right: 0 !important;
            border-bottom: 1px solid var(--landing-surface-border) !important;
        }

        body.guest-portfolio .guest-product-workspace .guest-product-preview-media img,
        body.guest-portfolio .guest-product-workspace .guest-preview-skeleton {
            min-height: 300px !important;
        }

        body.guest-portfolio .guest-product-workspace .guest-product-preview-copy {
            min-height: auto !important;
            padding: 24px !important;
        }
    }

    @media (max-width: 719px) {
        body.guest-portfolio .guest-product-workspace {
            gap: 18px !important;
        }

        body.guest-portfolio .guest-product-workspace .guest-product-preview {
            border-radius: 22px !important;
        }

        body.guest-portfolio .guest-product-workspace .guest-product-preview-media {
            min-height: 230px !important;
        }

        body.guest-portfolio .guest-product-workspace .guest-product-preview-media img,
        body.guest-portfolio .guest-product-workspace .guest-preview-skeleton {
            min-height: 230px !important;
        }

        body.guest-portfolio .guest-product-workspace .guest-product-preview-copy {
            padding: 20px !important;
        }

        body.guest-portfolio .guest-product-workspace .guest-product-preview-copy h3 {
            font-size: 26px !important;
        }
    }

    body.guest-portfolio :is(
        .guest-product-heading h2,
        .guest-process-layout h2,
        .guest-market-copy strong,
        .guest-product-preview-copy h3,
        .guest-process-list strong
    ) {
        color: var(--landing-text-strong) !important;
    }

    body.guest-portfolio :is(
        .guest-product-heading > p,
        .guest-process-layout p,
        .guest-market-copy small,
        .guest-market-copy em,
        .guest-product-preview-copy p:not(.guest-card-eyebrow),
        .guest-process-list p
    ) {
        color: var(--landing-text-muted) !important;
    }

    body.guest-portfolio :is(.guest-section-kicker, .guest-card-eyebrow, .guest-process-list span) {
        color: var(--landing-accent-text) !important;
    }

    body.guest-portfolio .guest-market-icon {
        background: var(--landing-icon-bg) !important;
        color: var(--landing-icon-color) !important;
    }

    body.guest-portfolio .guest-preview-skeleton {
        background: var(--landing-preview-skeleton-bg) !important;
    }

    body.guest-portfolio .guest-preview-skeleton span {
        background: var(--landing-preview-skeleton-line) !important;
    }

    /*
     * Hero geometry contract. Light mode previously changed these values
     * independently, so the hero shifted between themes.
     */
    body.guest-portfolio .guest-home-hero {
        background: var(--landing-page-bg) !important;
        text-align: left !important;
    }

    body.guest-portfolio .guest-home-hero-inner {
        background:
            radial-gradient(circle at 74% 42%, color-mix(in srgb, var(--color-brand-500, #c34b9a) 24%, transparent), transparent 34%),
            radial-gradient(circle at 42% 87%, color-mix(in srgb, var(--color-brand-500, #c34b9a) 42%, transparent), transparent 38%),
            linear-gradient(180deg, var(--landing-page-bg) 0%, var(--landing-page-bg) 44%, color-mix(in srgb, var(--color-brand-900, #5e244a) 68%, var(--landing-page-bg)) 100%) !important;
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
        box-shadow: none !important;
    }

    html:not(.dark) body.guest-portfolio .guest-home-hero-inner {
        background:
            radial-gradient(circle at 82% 18%, rgba(15, 23, 42, .08), transparent 31%),
            radial-gradient(circle at 21% 83%, color-mix(in srgb, var(--color-brand-500, #c34b9a) 14%, transparent), transparent 36%),
            radial-gradient(circle at 62% 88%, color-mix(in srgb, var(--color-brand-300, #db93c2) 12%, transparent), transparent 34%),
            radial-gradient(circle at 64% 92%, rgba(15, 23, 42, .045), transparent 33%),
            linear-gradient(145deg, #ffffff 0%, #f8fafc 48%, #eef3f8 100%) !important;
    }

    body.guest-portfolio .guest-home-hero-inner::before {
        display: none !important;
        content: none !important;
    }

    body.guest-portfolio .guest-marketplace-split {
        background: transparent !important;
        border-top: 0 !important;
        padding-top: 78px !important;
        padding-bottom: 12px !important;
    }

    body.guest-portfolio .guest-home-hero-copy {
        max-width: none !important;
    }

    body.guest-portfolio .guest-hero-title {
        max-width: 760px !important;
        color: var(--landing-text-strong) !important;
        font-size: clamp(34px, 4.4vw, 64px) !important;
        line-height: 1.02 !important;
        letter-spacing: 0 !important;
        text-shadow: none !important;
    }

    body.guest-portfolio .guest-hero-copy-text {
        max-width: 660px !important;
        color: var(--landing-text-muted) !important;
    }

    body.guest-portfolio .guest-hero-actions {
        display: grid !important;
        width: min(100%, 448px) !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 14px !important;
    }

    body.guest-portfolio .guest-hero-primary-btn,
    body.guest-portfolio .guest-hero-secondary-btn,
    body.guest-portfolio .guest-hero-primary-btn:hover,
    body.guest-portfolio .guest-hero-secondary-btn:hover {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        min-height: 54px !important;
        height: 54px !important;
        border-radius: 14px !important;
        padding: 0 18px !important;
        font-size: 15px !important;
        line-height: 1 !important;
        transform: none !important;
    }

    body.guest-portfolio .guest-hero-button-content {
        min-width: 0 !important;
        max-width: 100% !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    body.guest-portfolio .guest-product-tile img {
        object-position: center top !important;
    }

    @media (min-width: 1024px) {
        body.guest-portfolio .guest-home-hero {
            height: 100vh !important;
            min-height: 780px !important;
            overflow: hidden !important;
        }

        body.guest-portfolio .guest-home-hero-inner {
            display: grid !important;
            height: 100vh !important;
            min-height: 780px !important;
            grid-template-columns: minmax(0, .92fr) minmax(470px, .78fr) !important;
            align-items: center !important;
            gap: clamp(28px, 5vw, 72px) !important;
            padding: 128px clamp(24px, 7vw, 150px) 112px !important;
        }

        body.guest-portfolio .guest-hero-product-wall {
            align-self: stretch !important;
            height: 100% !important;
            min-height: 100% !important;
        }

        body.guest-portfolio .guest-hero-product-track {
            top: 52% !important;
            right: -34px !important;
            left: auto !important;
            width: min(var(--guest-hero-track-width, 700px), 54vw) !important;
            height: calc(100vh + 120px) !important;
            transform: translateY(-50%) rotate(8deg) !important;
        }

        body.guest-portfolio .guest-product-tile {
            height: var(--guest-hero-tile-height, 260px) !important;
            min-height: var(--guest-hero-tile-height, 260px) !important;
            border-width: 1px !important;
            box-shadow: none !important;
        }
    }

    @media (max-width: 719px) {
        body.guest-portfolio .guest-home-hero {
            min-height: 100svh !important;
            overflow: hidden !important;
        }

        body.guest-portfolio .guest-home-hero-inner {
            min-height: 100svh !important;
            isolation: isolate !important;
            overflow: hidden !important;
        }

        body.guest-portfolio .guest-home-hero-copy {
            position: relative !important;
            z-index: 3 !important;
        }

        body.guest-portfolio .guest-home-hero-copy::before {
            display: none !important;
            content: none !important;
        }

        body.guest-portfolio .guest-hero-product-wall {
            position: absolute !important;
            z-index: 1 !important;
            inset: 0 !important;
            display: block !important;
            min-height: 100% !important;
            margin: 0 !important;
            overflow: hidden !important;
            opacity: 1 !important;
            pointer-events: none !important;
        }

        body.guest-portfolio .guest-hero-product-wall::after {
            position: absolute;
            z-index: 2;
            inset: 0;
            background:
                linear-gradient(90deg, color-mix(in srgb, var(--landing-page-bg) 40%, transparent), color-mix(in srgb, var(--landing-page-bg) 24%, transparent) 50%, color-mix(in srgb, var(--landing-page-bg) 40%, transparent)),
                linear-gradient(180deg, color-mix(in srgb, var(--landing-page-bg) 18%, transparent), transparent 58%, color-mix(in srgb, var(--landing-page-bg) 28%, transparent));
            content: "";
            pointer-events: none;
        }

        body.guest-portfolio .guest-hero-product-track {
            top: 50% !important;
            left: 50% !important;
            right: auto !important;
            display: grid !important;
            width: 168vw !important;
            height: calc(100% + 180px) !important;
            min-height: calc(100svh + 180px) !important;
            grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
            grid-template-rows: 1fr !important;
            gap: 10px !important;
            opacity: .5 !important;
            transform: translate(-50%, -50%) rotate(6deg) !important;
            -webkit-mask-image: none !important;
            mask-image: none !important;
        }

        body.guest-portfolio .guest-product-column,
        body.guest-portfolio .guest-product-column.is-mobile-extra {
            display: flex !important;
            min-width: 0 !important;
            min-height: max-content !important;
            flex-direction: column !important;
            gap: 10px !important;
            backface-visibility: hidden;
            transform-style: preserve-3d;
        }

        body.guest-portfolio .guest-product-column.is-up {
            animation: guestProductSlideUp 38s linear infinite !important;
        }

        body.guest-portfolio .guest-product-column.is-down {
            transform: translate3d(0, var(--guest-hero-loop-offset, -50%), 0);
            animation: guestProductSlideDown 42s linear infinite !important;
        }

        body.guest-portfolio .guest-product-column:nth-child(1) {
            animation-delay: -8s !important;
        }

        body.guest-portfolio .guest-product-column:nth-child(2) {
            animation-delay: -25s !important;
        }

        body.guest-portfolio .guest-product-column:nth-child(3) {
            animation-duration: 44s !important;
            animation-delay: -29s !important;
        }

        body.guest-portfolio .guest-product-column:nth-child(4) {
            animation-duration: 47s !important;
            animation-delay: -12s !important;
        }

        body.guest-portfolio .guest-product-column:nth-child(5) {
            animation-duration: 41s !important;
            animation-delay: -34s !important;
        }

        body.guest-portfolio .guest-product-column:nth-child(6) {
            animation-duration: 45s !important;
            animation-delay: -20s !important;
        }

        body.guest-portfolio .guest-product-column:nth-child(7) {
            animation-duration: 48s !important;
            animation-delay: -17s !important;
        }

        body.guest-portfolio .guest-product-column:nth-child(8) {
            animation-duration: 40s !important;
            animation-delay: -31s !important;
        }

        body.guest-portfolio .guest-product-tile {
            width: 100% !important;
            height: var(--guest-hero-tile-height, 178px) !important;
            min-height: var(--guest-hero-tile-height, 178px) !important;
            aspect-ratio: auto !important;
            border-width: 1px !important;
            border-radius: 14px !important;
            box-shadow: none !important;
            transform: translateZ(0);
        }

        body.guest-portfolio .guest-marketplace-split {
            padding-top: 25px !important;
            padding-bottom: 24px !important;
        }

        body.guest-portfolio .guest-market-band {
            padding-top: 0 !important;
            padding-bottom: 34px !important;
        }

        body.guest-portfolio .guest-process-list {
            --guest-process-marker-left: 16px;
            --guest-process-marker-top: 16px;
            --guest-process-marker-size: 20px;
            --guest-process-line-width: 2px;
            --guest-process-gap: 12px;
            position: relative !important;
            display: grid !important;
            grid-template-columns: 1fr !important;
            gap: var(--guest-process-gap) !important;
        }

        body.guest-portfolio .guest-process-list::before {
            content: none !important;
        }

        body.guest-portfolio .guest-process-list div::before {
            content: "" !important;
            position: absolute !important;
            z-index: 1 !important;
            top: calc(var(--guest-process-marker-top) + (var(--guest-process-marker-size) / 2)) !important;
            bottom: calc(-1 * (var(--guest-process-gap) + var(--guest-process-marker-top) + (var(--guest-process-marker-size) / 2))) !important;
            left: calc(var(--guest-process-marker-left) + (var(--guest-process-marker-size) / 2) - (var(--guest-process-line-width) / 2)) !important;
            width: var(--guest-process-line-width) !important;
            background: linear-gradient(180deg, color-mix(in srgb, var(--color-brand-400, #cf6fae) 52%, transparent), transparent) !important;
        }

        body.guest-portfolio .guest-process-list div:last-child::before {
            content: none !important;
        }

        body.guest-portfolio .guest-process-list div {
            position: relative !important;
            min-height: 0 !important;
            padding: 16px 16px 16px 64px !important;
        }

        body.guest-portfolio .guest-process-list span {
            position: absolute !important;
            z-index: 2 !important;
            top: var(--guest-process-marker-top) !important;
            left: var(--guest-process-marker-left) !important;
            width: var(--guest-process-marker-size) !important;
            height: var(--guest-process-marker-size) !important;
        }
    }
    /* Premium editorial landing sections below the existing hero. */
    body.guest-portfolio .guest-premium-home {
        --premium-bg: #f4f3ef;
        --premium-panel: #ffffff;
        --premium-ink: #11120f;
        --premium-muted: #676a63;
        --premium-line: #d9d9d2;
        --premium-soft: #ebeae4;
        position: relative;
        overflow: hidden;
        background: var(--premium-bg) !important;
        color: var(--premium-ink);
    }
    .dark body.guest-portfolio .guest-premium-home {
        --premium-bg: #090a09;
        --premium-panel: #111210;
        --premium-ink: #f3f4ef;
        --premium-muted: #9b9e96;
        --premium-line: #292b27;
        --premium-soft: #171916;
    }
    body.guest-portfolio .guest-premium-home::before {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background-image: linear-gradient(to right, color-mix(in srgb, var(--premium-line) 35%, transparent) 1px, transparent 1px);
        background-size: calc((100% - 48px) / 4) 100%;
        background-position: 24px 0;
        opacity: .28;
    }
    body.guest-portfolio .guest-premium-home section {
        position: relative;
        border: 0;
        border-bottom: 1px solid var(--premium-line);
        background: transparent !important;
        padding: 0;
    }
    body.guest-portfolio .guest-premium-shell {
        width: min(1240px, calc(100% - 40px));
        margin: 0 auto;
        padding: 112px 0;
    }
    body.guest-portfolio .guest-premium-showcase .guest-premium-shell {
        padding-bottom: 16px;
    }
    body.guest-portfolio .guest-premium-process .guest-premium-shell {
        padding-top: 24px;
    }
    body.guest-portfolio .guest-premium-heading {
        max-width: 800px;
    }
    body.guest-portfolio .guest-premium-heading > p,
    body.guest-portfolio .guest-premium-product-copy > p,
    body.guest-portfolio .guest-premium-cta p {
        margin: 0 0 18px;
        color: var(--premium-muted);
        font-size: 11px;
        font-weight: 800;
        letter-spacing: .16em;
        text-transform: uppercase;
    }
    body.guest-portfolio .guest-premium-heading h2,
    body.guest-portfolio .guest-premium-cta h2 {
        margin: 0;
        color: var(--premium-ink);
        font-size: clamp(34px, 5vw, 68px);
        font-weight: 560;
        letter-spacing: -.055em;
        line-height: .98;
    }
    body.guest-portfolio .guest-premium-heading > span {
        display: block;
        max-width: 620px;
        margin-top: 24px;
        color: var(--premium-muted);
        font-size: 16px;
        line-height: 1.7;
    }
    body.guest-portfolio .guest-premium-options {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-top: 72px;
        border-top: 1px solid var(--premium-line);
        border-left: 1px solid var(--premium-line);
    }
    body.guest-portfolio .guest-premium-option {
        position: relative;
        display: flex;
        min-height: 0;
        flex-direction: column;
        padding: 34px;
        border-right: 1px solid var(--premium-line);
        border-bottom: 1px solid var(--premium-line);
        background: color-mix(in srgb, var(--premium-panel) 70%, transparent);
        color: var(--premium-ink);
        text-decoration: none;
        overflow: hidden;
        transition: background-color .3s ease, transform .35s cubic-bezier(.22, 1, .36, 1), box-shadow .35s ease;
    }
    body.guest-portfolio .guest-premium-option:hover {
        background: var(--premium-panel);
        transform: translateY(-8px);
        box-shadow: 0 24px 60px rgb(0 0 0 / .10);
    }
    body.guest-portfolio .guest-premium-number {
        color: var(--premium-muted);
        font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
        font-size: 11px;
        font-weight: 700;
    }
    body.guest-portfolio .guest-premium-option-icon {
        display: inline-flex;
        height: 52px;
        width: 52px;
        margin-top: 0;
        align-items: center;
        justify-content: center;
        border: 1px solid var(--premium-line);
        border-radius: 50%;
        font-size: 22px;
        transition: transform .4s cubic-bezier(.22, 1, .36, 1), background-color .3s ease;
    }
    body.guest-portfolio .guest-premium-option:hover .guest-premium-option-icon { transform: rotate(-8deg) scale(1.08); background: var(--premium-soft); }
    body.guest-portfolio .guest-premium-option strong {
        margin-top: 30px;
        color: var(--premium-ink);
        font-size: 27px;
        font-weight: 600;
        letter-spacing: -.035em;
    }
    body.guest-portfolio .guest-premium-option small {
        max-width: 460px;
        margin-top: 12px;
        color: var(--premium-muted);
        font-size: 14px;
        line-height: 1.65;
    }
    body.guest-portfolio .guest-premium-link {
        display: flex;
        margin-top: auto;
        align-items: center;
        justify-content: space-between;
        padding-top: 28px;
        color: var(--premium-ink);
        font-size: 13px;
        font-weight: 700;
    }
    body.guest-portfolio .guest-premium-showcase-head {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(320px, .65fr);
        gap: 80px;
        align-items: end;
    }
    body.guest-portfolio .guest-premium-tabs {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        border: 1px solid var(--premium-line);
        border-radius: 20px;
        background: color-mix(in srgb, var(--premium-panel) 58%, transparent);
        padding: 8px;
        box-shadow: inset 0 1px 0 color-mix(in srgb, var(--premium-panel) 90%, transparent);
    }
    body.guest-portfolio .guest-premium-tabs button {
        display: flex;
        width: 100%;
        position: relative;
        min-width: 0;
        gap: 12px;
        align-items: center;
        border: 1px solid transparent;
        border-radius: 14px;
        background: transparent;
        color: var(--premium-muted);
        padding: 13px 14px;
        text-align: left;
        cursor: pointer;
        transition: color .25s ease, background-color .25s ease, border-color .25s ease, box-shadow .25s ease, transform .25s ease;
    }
    body.guest-portfolio .guest-premium-tabs button.is-active {
        border-color: var(--premium-line);
        background: var(--premium-panel);
        color: var(--premium-ink);
        box-shadow: 0 10px 25px rgb(0 0 0 / .08);
        transform: translateY(-1px);
    }
    body.guest-portfolio .guest-premium-tabs button:hover { border-color: var(--premium-line); background: var(--premium-soft); color: var(--premium-ink); }
    body.guest-portfolio .guest-premium-tab-number {
        display: inline-flex;
        height: 34px;
        width: 34px;
        flex: 0 0 auto;
        align-items: center;
        justify-content: center;
        border: 1px solid var(--premium-line);
        border-radius: 10px;
        background: var(--premium-soft);
        font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
        font-size: 10px;
        transition: background-color .25s ease, color .25s ease, border-color .25s ease;
    }
    body.guest-portfolio .guest-premium-tabs button.is-active .guest-premium-tab-number { border-color: var(--premium-ink); background: var(--premium-ink); color: var(--premium-bg); }
    body.guest-portfolio .guest-premium-tab-copy { display: grid; min-width: 0; gap: 2px; }
    body.guest-portfolio .guest-premium-tabs button strong { min-width: 0; overflow: hidden; color: inherit; font-size: 13px; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
    body.guest-portfolio .guest-premium-tabs button small { color: var(--premium-muted); font-size: 10px; font-weight: 650; white-space: nowrap; }
    body.guest-portfolio .guest-premium-tabs button > i { margin-left: auto; flex: 0 0 auto; color: var(--premium-muted); font-size: 15px; transition: transform .25s ease, color .25s ease; }
    body.guest-portfolio .guest-premium-tabs button:is(:hover, .is-active) > i { color: var(--premium-ink); transform: translate(2px, -2px); }
    body.guest-portfolio .guest-premium-product {
        display: grid;
        grid-template-columns: minmax(0, 1.5fr) minmax(330px, .5fr);
        min-height: 570px;
        margin-top: 72px;
        border: 1px solid var(--premium-line);
        border-radius: 24px;
        background: var(--premium-panel);
        overflow: hidden;
        box-shadow: 0 30px 90px rgb(0 0 0 / .08);
    }
    body.guest-portfolio .guest-premium-product-media {
        display: grid;
        grid-template-rows: auto minmax(0, 1fr) auto;
        min-width: 0;
        overflow: hidden;
        border-right: 1px solid var(--premium-line);
        background:
            radial-gradient(circle at 50% 10%, rgb(255 255 255 / .08), transparent 45%),
            #0d0e0c;
        color: #f5f5f1;
        padding: 14px;
        text-decoration: none;
    }
    body.guest-portfolio .guest-premium-media-top {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto;
        gap: 14px;
        align-items: center;
        padding: 5px 4px 14px;
        color: #aaaDA5;
    }
    body.guest-portfolio .guest-premium-media-top > span { display: flex; gap: 5px; }
    body.guest-portfolio .guest-premium-media-top i { display: block; height: 7px; width: 7px; border-radius: 50%; background: #4d5049; }
    body.guest-portfolio .guest-premium-media-top i:first-child { background: #d76c62; }
    body.guest-portfolio .guest-premium-media-top i:nth-child(2) { background: #d7ad62; }
    body.guest-portfolio .guest-premium-media-top i:nth-child(3) { background: #70b77a; }
    body.guest-portfolio .guest-premium-media-top strong { min-width: 0; overflow: hidden; color: #d8dad4; font-size: 11px; font-weight: 700; text-align: center; text-overflow: ellipsis; white-space: nowrap; }
    body.guest-portfolio .guest-premium-media-top em { color: #8f938a; font-size: 9px; font-style: normal; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
    body.guest-portfolio .guest-premium-media-stage {
        display: flex;
        min-height: 0;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        border: 1px solid #2c2e29;
        border-radius: 15px;
        background: #151613;
        box-shadow: inset 0 1px 0 rgb(255 255 255 / .04), 0 18px 55px rgb(0 0 0 / .32);
        padding: 18px;
    }
    body.guest-portfolio .guest-premium-media-stage img {
        width: 100%;
        height: 100%;
        max-height: 440px;
        object-fit: contain;
        border-radius: 10px;
        filter: saturate(.96) contrast(1.02);
        transition: transform .7s cubic-bezier(.22, 1, .36, 1);
    }
    body.guest-portfolio .guest-premium-media-open {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 7px;
        padding: 13px 5px 2px;
        color: #b9bcb4;
        font-size: 10px;
        font-weight: 750;
        letter-spacing: .06em;
        text-transform: uppercase;
    }
    body.guest-portfolio .guest-premium-media-open i { transition: transform .25s ease; }
    body.guest-portfolio .guest-premium-product:hover .guest-premium-media-stage img { transform: scale(1.025); }
    body.guest-portfolio .guest-premium-product-media:hover .guest-premium-media-open i { transform: translate(2px, -2px); }
    body.guest-portfolio .guest-premium-product-copy {
        display: flex;
        min-width: 0;
        flex-direction: column;
        padding: 38px;
    }
    body.guest-portfolio .guest-premium-product-copy > p { margin-top: 70px; }
    body.guest-portfolio .guest-premium-product-copy h3 {
        margin: 0;
        color: var(--premium-ink);
        font-size: 34px;
        font-weight: 600;
        letter-spacing: -.05em;
        line-height: 1.05;
    }
    body.guest-portfolio .guest-premium-product-copy > span:not(.guest-premium-number) {
        margin-top: 18px;
        color: var(--premium-muted);
        font-size: 14px;
        line-height: 1.7;
    }
    body.guest-portfolio .guest-premium-product-copy ul {
        display: grid;
        gap: 11px;
        margin: 28px 0 0;
        padding: 22px 0 0;
        border-top: 1px solid var(--premium-line);
        list-style: none;
    }
    body.guest-portfolio .guest-premium-product-copy li { display: flex; gap: 9px; color: var(--premium-muted); font-size: 12px; }
    body.guest-portfolio .guest-premium-product-copy li i { color: var(--premium-ink); }
    body.guest-portfolio .guest-premium-action {
        display: flex;
        margin-top: auto;
        align-items: center;
        justify-content: space-between;
        border-top: 1px solid var(--premium-line);
        padding-top: 22px;
        color: var(--premium-ink);
        font-size: 13px;
        font-weight: 800;
        text-decoration: none;
    }
    body.guest-portfolio .guest-premium-steps { margin-top: 72px; border-top: 1px solid var(--premium-line); }
    body.guest-portfolio .guest-premium-steps article {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 44px;
        gap: 28px;
        align-items: start;
        border-bottom: 1px solid var(--premium-line);
        padding: 30px 0;
        transition: padding-left .3s cubic-bezier(.22, 1, .36, 1), background-color .3s ease;
    }
    body.guest-portfolio .guest-premium-steps article:hover { padding-left: 18px; background: color-mix(in srgb, var(--premium-panel) 55%, transparent); }
    body.guest-portfolio .guest-premium-steps article > span { color: var(--premium-muted); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 11px; }
    body.guest-portfolio .guest-premium-steps h3 { margin: 0; color: var(--premium-ink); font-size: 20px; font-weight: 600; letter-spacing: -.025em; }
    body.guest-portfolio .guest-premium-steps p { max-width: 580px; margin: 8px 0 0; color: var(--premium-muted); font-size: 14px; line-height: 1.65; }
    body.guest-portfolio .guest-premium-steps article > i { color: var(--premium-muted); font-size: 24px; }
    body.guest-portfolio .guest-premium-steps article:hover > i { animation: guest-premium-icon-pulse .65s cubic-bezier(.22, 1, .36, 1); }
    body.guest-portfolio .guest-premium-heading-row {
        display: grid;
        max-width: none;
        grid-template-columns: minmax(0, 1fr) minmax(280px, .55fr);
        gap: 100px;
        align-items: end;
    }
    body.guest-portfolio .guest-premium-heading-row > span { margin: 0; }
    body.guest-portfolio .guest-premium-capability-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        margin-top: 72px;
        border-top: 1px solid var(--premium-line);
        border-left: 1px solid var(--premium-line);
    }
    body.guest-portfolio .guest-premium-capability-grid article {
        position: relative;
        overflow: hidden;
        min-height: 270px;
        border-right: 1px solid var(--premium-line);
        border-bottom: 1px solid var(--premium-line);
        padding: 28px;
        background: color-mix(in srgb, var(--premium-panel) 56%, transparent);
        transition: transform .35s cubic-bezier(.22, 1, .36, 1), background-color .3s ease, box-shadow .3s ease;
    }
    body.guest-portfolio .guest-premium-capability-grid article:hover { z-index: 1; background: var(--premium-panel); transform: translateY(-7px); box-shadow: 0 22px 55px rgb(0 0 0 / .09); }
    body.guest-portfolio .guest-premium-capability-grid i { color: var(--premium-muted); font-size: 23px; }
    body.guest-portfolio .guest-premium-capability-grid strong { display: block; margin-top: 72px; color: var(--premium-ink); font-size: 16px; font-weight: 650; }
    body.guest-portfolio .guest-premium-capability-grid p { margin: 12px 0 0; color: var(--premium-muted); font-size: 12px; line-height: 1.65; }
    body.guest-portfolio .guest-premium-cta .guest-premium-shell {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 60px;
        align-items: end;
        padding-top: 90px;
        padding-bottom: 90px;
    }
    body.guest-portfolio .guest-premium-cta .guest-premium-shell > div:last-child { display: flex; gap: 10px; }
    body.guest-portfolio .guest-premium-cta a {
        display: inline-flex;
        min-height: 48px;
        align-items: center;
        justify-content: center;
        gap: 10px;
        border: 1px solid var(--premium-line);
        padding: 0 20px;
        color: var(--premium-ink);
        font-size: 13px;
        font-weight: 800;
        text-decoration: none;
        border-radius: 14px;
        transition: transform .25s ease, box-shadow .25s ease, background-color .25s ease;
    }
    body.guest-portfolio .guest-premium-cta a:hover { transform: translateY(-3px); box-shadow: 0 14px 30px rgb(0 0 0 / .12); }
    body.guest-portfolio .guest-premium-cta a:first-child { border-color: var(--premium-ink); background: var(--premium-ink); color: var(--premium-bg); }
    body.guest-portfolio .guest-premium-options,
    body.guest-portfolio .guest-premium-capability-grid {
        border-radius: 24px;
        overflow: hidden;
    }
    body.guest-portfolio .guest-premium-home .scroll-reveal.is-visible .guest-premium-option,
    body.guest-portfolio .guest-premium-home .scroll-reveal.is-visible .guest-premium-steps article,
    body.guest-portfolio .guest-premium-home .scroll-reveal.is-visible .guest-premium-capability-grid article {
        animation: guest-premium-rise .7s cubic-bezier(.22, 1, .36, 1) both;
    }
    body.guest-portfolio .guest-premium-home .scroll-reveal.is-visible :is(.guest-premium-option, .guest-premium-steps article, .guest-premium-capability-grid article):nth-child(2) { animation-delay: .08s; }
    body.guest-portfolio .guest-premium-home .scroll-reveal.is-visible :is(.guest-premium-option, .guest-premium-steps article, .guest-premium-capability-grid article):nth-child(3) { animation-delay: .16s; }
    body.guest-portfolio .guest-premium-home .scroll-reveal.is-visible :is(.guest-premium-option, .guest-premium-steps article, .guest-premium-capability-grid article):nth-child(4) { animation-delay: .24s; }
    @keyframes guest-premium-rise {
        from { opacity: 0; transform: translate3d(0, 28px, 0); }
        to { opacity: 1; transform: translate3d(0, 0, 0); }
    }
    @keyframes guest-premium-icon-pulse {
        0% { transform: scale(1) rotate(0); }
        45% { transform: scale(1.18) rotate(-8deg); }
        100% { transform: scale(1) rotate(0); }
    }
    @media (max-width: 900px) {
        body.guest-portfolio .guest-premium-shell { width: min(100% - 28px, 1240px); padding: 76px 0; }
        body.guest-portfolio .guest-premium-showcase .guest-premium-shell { padding-bottom: 12px; }
        body.guest-portfolio .guest-premium-process .guest-premium-shell { padding-top: 20px; }
        body.guest-portfolio .guest-premium-options,
        body.guest-portfolio .guest-premium-showcase-head,
        body.guest-portfolio .guest-premium-product,
        body.guest-portfolio .guest-premium-heading-row,
        body.guest-portfolio .guest-premium-cta .guest-premium-shell { grid-template-columns: 1fr; gap: 40px; }
        body.guest-portfolio .guest-premium-option { min-height: 0; padding: 24px; }
        body.guest-portfolio .guest-premium-product { margin-top: 44px; }
        body.guest-portfolio .guest-premium-product-media { min-height: 360px; border-right: 0; border-bottom: 1px solid var(--premium-line); padding: 18px; }
        body.guest-portfolio .guest-premium-product-copy { min-height: 410px; padding: 26px; }
        body.guest-portfolio .guest-premium-product-copy > p { margin-top: 44px; }
        body.guest-portfolio .guest-premium-capability-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
        body.guest-portfolio .guest-premium-cta .guest-premium-shell > div:last-child { flex-wrap: wrap; }
        body.guest-portfolio .guest-premium-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    }
    @media (max-width: 560px) {
        body.guest-portfolio .guest-hero-title {
            margin-top: 36px !important;
        }
        body.guest-portfolio .guest-hero-copy-text {
            margin-top: 30px !important;
        }
        body.guest-portfolio .guest-hero-actions {
            margin-top: 40px !important;
        }
        body.guest-portfolio .guest-hero-checks {
            margin-top: 26px !important;
        }
        body.guest-portfolio .guest-premium-heading h2,
        body.guest-portfolio .guest-premium-cta h2 { font-size: 38px; }
        body.guest-portfolio .guest-premium-options {
            gap: 14px;
            margin-inline: 0;
            border: 0;
        }
        body.guest-portfolio .guest-premium-option {
            min-height: 0;
            border: 1px solid var(--premium-line);
            border-radius: 20px;
            background:
                linear-gradient(145deg, color-mix(in srgb, var(--premium-panel) 94%, transparent), color-mix(in srgb, var(--premium-soft) 72%, transparent));
            padding: 20px;
            box-shadow: 0 12px 34px rgb(15 23 42 / .07);
        }
        body.guest-portfolio .guest-premium-option:hover {
            transform: none;
            box-shadow: 0 12px 34px rgb(15 23 42 / .07);
        }
        body.guest-portfolio .guest-premium-number {
            display: inline-flex;
            width: fit-content;
            min-width: 34px;
            min-height: 24px;
            align-items: center;
            justify-content: center;
            border: 1px solid var(--premium-line);
            border-radius: 999px;
            background: var(--premium-panel);
            padding: 0 9px;
            color: var(--premium-muted);
            font-size: 9px;
        }
        body.guest-portfolio .guest-premium-option-icon {
            height: 44px;
            width: 44px;
            margin-top: 0;
            border-radius: 14px;
            background: var(--premium-panel);
            font-size: 19px;
        }
        body.guest-portfolio .guest-premium-option strong {
            margin-top: 22px;
            font-size: 22px;
            line-height: 1.1;
        }
        body.guest-portfolio .guest-premium-option small {
            margin-top: 10px;
            font-size: 12px;
            line-height: 1.65;
        }
        body.guest-portfolio .guest-premium-link {
            margin-top: 28px;
            border-top: 1px solid var(--premium-line);
            padding-top: 16px;
            font-size: 11px;
        }
        body.guest-portfolio .guest-premium-link i {
            display: inline-flex;
            height: 30px;
            width: 30px;
            align-items: center;
            justify-content: center;
            border: 1px solid var(--premium-line);
            border-radius: 50%;
            background: var(--premium-panel);
        }
        body.guest-portfolio .guest-premium-options,
        body.guest-portfolio .guest-premium-capability-grid { grid-template-columns: 1fr; }
        body.guest-portfolio .guest-premium-steps article { grid-template-columns: minmax(0, 1fr); gap: 14px; }
        body.guest-portfolio .guest-premium-steps article > i { display: none; }
        body.guest-portfolio .guest-premium-capability-grid article { min-height: 230px; }
        body.guest-portfolio .guest-premium-cta a { width: 100%; }
        body.guest-portfolio .guest-premium-tabs button { padding: 13px 10px; }
        body.guest-portfolio .guest-premium-tabs { gap: 6px; padding: 6px; }
        body.guest-portfolio .guest-premium-tabs button { gap: 7px; padding: 9px 8px; }
        body.guest-portfolio .guest-premium-tab-number { height: 28px; width: 28px; border-radius: 8px; font-size: 9px; }
        body.guest-portfolio .guest-premium-tabs button strong { font-size: 11px; }
        body.guest-portfolio .guest-premium-tabs button small,
        body.guest-portfolio .guest-premium-tabs button > i { display: none; }
        body.guest-portfolio .guest-premium-media-top { grid-template-columns: auto minmax(0, 1fr); }
        body.guest-portfolio .guest-premium-media-top em { display: none; }
    }
    @media (prefers-reduced-motion: reduce) {
        body.guest-portfolio .guest-premium-home *,
        body.guest-portfolio .guest-premium-home *::before,
        body.guest-portfolio .guest-premium-home *::after {
            animation-duration: 1ms !important;
            transition-duration: 1ms !important;
        }
    }
    html:not(.dark) body.guest-portfolio .guest-premium-showcase {
        background:
            radial-gradient(circle at 82% 18%, rgb(194 166 121 / .13), transparent 31%),
            linear-gradient(180deg, #faf9f6 0%, #f2f0ea 100%) !important;
    }
    html:not(.dark) body.guest-portfolio .guest-premium-tabs {
        border-color: #d8d4ca;
        background: #eae7df;
        box-shadow: inset 0 1px 0 #fff, 0 12px 35px rgb(60 55 45 / .08);
    }
    html:not(.dark) body.guest-portfolio .guest-premium-tabs button {
        color: #747168;
    }
    html:not(.dark) body.guest-portfolio .guest-premium-tabs button.is-active {
        border-color: #cbc5b8;
        background: #fff;
        color: #171713;
        box-shadow: 0 8px 20px rgb(65 57 43 / .12);
    }
    html:not(.dark) body.guest-portfolio .guest-premium-tab-number {
        border-color: #d4d0c6;
        background: #dedbd3;
        color: #68655d;
    }
    html:not(.dark) body.guest-portfolio .guest-premium-tabs button.is-active .guest-premium-tab-number {
        border-color: #181914;
        background: #181914;
        color: #fff;
    }
    html:not(.dark) body.guest-portfolio .guest-premium-product {
        border-color: #d1cdc3;
        background: #fff;
        box-shadow: 0 34px 90px rgb(66 58 44 / .14);
    }
    html:not(.dark) body.guest-portfolio .guest-premium-product-media {
        border-right-color: #d1cdc3;
        background:
            radial-gradient(circle at 50% 4%, rgb(255 255 255 / .98), transparent 44%),
            linear-gradient(145deg, #e8e5dc 0%, #d9d5cb 100%);
        color: #272821;
    }
    html:not(.dark) body.guest-portfolio .guest-premium-media-top {
        color: #75736c;
    }
    html:not(.dark) body.guest-portfolio .guest-premium-media-top strong {
        color: #34352f;
    }
    html:not(.dark) body.guest-portfolio .guest-premium-media-top em {
        color: #77756e;
    }
    html:not(.dark) body.guest-portfolio .guest-premium-media-stage {
        border-color: #c9c5ba;
        background: #f8f7f3;
        box-shadow: inset 0 1px 0 #fff, 0 20px 48px rgb(65 57 43 / .17);
    }
    html:not(.dark) body.guest-portfolio .guest-premium-media-stage img {
        filter: saturate(1) contrast(1);
        box-shadow: 0 8px 25px rgb(67 60 48 / .10);
    }
    html:not(.dark) body.guest-portfolio .guest-premium-media-open {
        color: #595950;
    }
    html:not(.dark) body.guest-portfolio .guest-premium-product-copy {
        background:
            linear-gradient(145deg, rgb(255 255 255 / .95), rgb(248 247 243 / .98));
    }
    html:not(.dark) body.guest-portfolio .guest-premium-product-copy > p {
        color: #77736a;
    }
    html:not(.dark) body.guest-portfolio .guest-premium-product-copy h3 {
        color: #11120e;
    }
    html:not(.dark) body.guest-portfolio .guest-premium-product-copy > span:not(.guest-premium-number),
    html:not(.dark) body.guest-portfolio .guest-premium-product-copy li {
        color: #65645d;
    }
    html:not(.dark) body.guest-portfolio .guest-premium-product-copy li i {
        display: inline-flex;
        height: 18px;
        width: 18px;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: #1c1d18;
        color: #fff;
        font-size: 10px;
    }
    html:not(.dark) body.guest-portfolio .guest-premium-action {
        color: #151611;
    }
    body.guest-portfolio .guest-premium-home {
        --premium-brand: var(--color-brand-500, #c34b9a);
    }
    body.guest-portfolio .guest-premium-heading > p,
    body.guest-portfolio .guest-premium-product-copy > p,
    body.guest-portfolio .guest-premium-cta p {
        color: var(--premium-brand);
    }
    body.guest-portfolio .guest-premium-option::before,
    body.guest-portfolio .guest-premium-capability-grid article::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        height: 2px;
        background: linear-gradient(90deg, transparent, var(--premium-brand), transparent);
        opacity: 0;
        transform: scaleX(.35);
        transition: opacity .3s ease, transform .4s cubic-bezier(.22, 1, .36, 1);
    }
    body.guest-portfolio .guest-premium-option:hover::before,
    body.guest-portfolio .guest-premium-capability-grid article:hover::before {
        opacity: .85;
        transform: scaleX(1);
    }
    body.guest-portfolio .guest-premium-option-icon,
    body.guest-portfolio .guest-premium-capability-grid i {
        color: var(--premium-brand);
    }
    body.guest-portfolio .guest-premium-options {
        gap: 18px;
        border: 0;
    }
    body.guest-portfolio .guest-premium-option {
        border: 1px solid color-mix(in srgb, var(--premium-line) 88%, transparent);
        border-radius: 24px;
        box-shadow: 0 10px 34px rgb(15 23 42 / .045);
    }
    body.guest-portfolio .guest-premium-option:hover {
        border-color: color-mix(in srgb, var(--premium-brand) 34%, var(--premium-line));
        box-shadow: 0 24px 60px rgb(0 0 0 / .10);
    }
    body.guest-portfolio .guest-premium-capability-grid {
        gap: 1px;
        overflow: hidden;
        border: 1px solid color-mix(in srgb, var(--premium-ink) 16%, transparent);
        border-radius: 18px;
        background: color-mix(in srgb, var(--premium-ink) 14%, transparent);
        box-shadow: 0 10px 32px rgb(15 23 42 / .045);
    }
    body.guest-portfolio .guest-premium-capability-grid article {
        border: 0;
        border-radius: 0;
        background: var(--premium-panel);
        box-shadow: none;
    }
    body.guest-portfolio .guest-premium-capability-grid article:hover {
        background: color-mix(in srgb, var(--premium-panel) 92%, var(--premium-brand));
        transform: none;
        box-shadow: none;
    }
    body.guest-portfolio .guest-premium-capability-grid article::before {
        content: none;
    }
    @media (max-width: 900px) {
        body.guest-portfolio .guest-premium-options {
            gap: 14px;
        }
    }
    body.guest-portfolio .guest-premium-tabs button.is-active {
        border-color: color-mix(in srgb, var(--premium-brand) 42%, var(--premium-line));
    }
    body.guest-portfolio .guest-premium-tabs button.is-active .guest-premium-tab-number {
        border-color: var(--premium-brand);
        background: var(--premium-brand);
        color: #fff;
        box-shadow: 0 5px 15px color-mix(in srgb, var(--premium-brand) 35%, transparent);
    }
    body.guest-portfolio .guest-premium-media-stage {
        border-color: color-mix(in srgb, var(--premium-brand) 24%, #2c2e29);
    }
    body.guest-portfolio .guest-premium-media-open,
    body.guest-portfolio .guest-premium-action,
    body.guest-portfolio .guest-premium-link {
        color: var(--premium-brand);
    }
    body.guest-portfolio .guest-premium-steps article > span {
        color: var(--premium-brand);
    }
    body.guest-portfolio .guest-premium-steps article:hover {
        box-shadow: inset 3px 0 0 var(--premium-brand);
    }
    body.guest-portfolio .guest-premium-product-copy li i {
        color: var(--premium-brand);
    }
    body.guest-portfolio .guest-premium-cta a:first-child {
        border-color: var(--premium-brand);
        background: var(--premium-brand);
        color: #fff;
        box-shadow: 0 14px 35px color-mix(in srgb, var(--premium-brand) 28%, transparent);
    }
    html:not(.dark) body.guest-portfolio .guest-premium-tabs button.is-active .guest-premium-tab-number,
    html:not(.dark) body.guest-portfolio .guest-premium-product-copy li i {
        border-color: var(--premium-brand);
        background: var(--premium-brand);
        color: #fff;
    }
    html:not(.dark) body.guest-portfolio .guest-premium-media-stage {
        border-color: color-mix(in srgb, var(--premium-brand) 24%, #c9c5ba);
    }
    body.guest-portfolio .guest-site-footer {
        position: relative !important;
        padding: 58px 24px 190px !important;
        overflow: hidden !important;
    }
    body.guest-portfolio .guest-footer-particle-word {
        position: absolute !important;
        inset: 0 !important;
        z-index: 0 !important;
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
    }
    body.guest-portfolio .guest-site-footer-inner {
        position: relative !important;
        z-index: 2 !important;
        width: min(1180px, 100%) !important;
        border: 1px solid rgba(255, 255, 255, .10) !important;
        border-radius: 24px !important;
        background: rgba(11, 13, 17, .76) !important;
        box-shadow: 0 30px 80px rgba(0, 0, 0, .28) !important;
        padding: 28px !important;
    }
    html:not(.dark) body.guest-portfolio .guest-site-footer-inner {
        border-color: rgba(15, 23, 42, .09) !important;
        background: rgba(255, 255, 255, .72) !important;
        box-shadow: 0 24px 70px rgba(15, 23, 42, .08) !important;
    }
    body.guest-portfolio .guest-site-footer-navigation {
        display: grid !important;
        justify-items: end !important;
        gap: 12px !important;
    }
    body.guest-portfolio .guest-site-footer-kicker,
    body.guest-portfolio .guest-site-footer-nav-title {
        color: var(--premium-brand) !important;
    }
    @media (max-width: 719px) {
        body.guest-portfolio .guest-site-footer {
            padding: 34px 14px 130px !important;
        }
        body.guest-portfolio .guest-site-footer-inner {
            width: 100% !important;
            border-radius: 20px !important;
            padding: 20px !important;
        }
        body.guest-portfolio .guest-site-footer-navigation {
            justify-items: start !important;
        }
    }
    body.guest-portfolio .guest-site-footer,
    html:not(.dark) body.guest-portfolio .guest-site-footer {
        min-height: 590px !important;
        border-top-color: color-mix(in srgb, var(--premium-brand) 18%, transparent) !important;
        background: transparent !important;
        padding: 88px 24px 150px !important;
    }
    body.guest-portfolio .guest-site-footer-inner,
    html:not(.dark) body.guest-portfolio .guest-site-footer-inner {
        width: min(1180px, 100%) !important;
        display: grid !important;
        gap: 72px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
        padding: 0 !important;
    }
    @media (max-width: 900px) {
        body.guest-portfolio .guest-site-footer,
        html:not(.dark) body.guest-portfolio .guest-site-footer {
            min-height: 0 !important;
            padding: 68px 20px 120px !important;
        }
    }
    @media (max-width: 600px) {
        body.guest-portfolio .guest-site-footer,
        html:not(.dark) body.guest-portfolio .guest-site-footer {
            min-height: 640px !important;
            padding: 48px 18px 72px !important;
        }
        body.guest-portfolio .guest-site-footer-inner,
        html:not(.dark) body.guest-portfolio .guest-site-footer-inner {
            width: 100% !important;
            gap: 38px !important;
            border-radius: 0 !important;
            padding: 0 !important;
        }
        body.guest-portfolio .guest-footer-particle-word {
            inset: auto 0 0 !important;
            width: 100% !important;
            height: 58% !important;
            opacity: .72 !important;
        }
    }

    /* Product delivery workspace */
    body.guest-portfolio .guest-system {
        --system-panel: color-mix(in srgb, var(--premium-panel) 92%, transparent);
        --system-panel-strong: var(--premium-panel);
        --system-line: color-mix(in srgb, var(--premium-line) 86%, transparent);
        --system-muted: var(--premium-muted);
        --system-ink: var(--premium-ink);
        --system-brand: var(--premium-brand);
    }
    body.guest-portfolio .guest-system-heading {
        display: grid;
        grid-template-columns: minmax(0, 1.2fr) minmax(280px, .5fr);
        gap: clamp(44px, 8vw, 120px);
        align-items: end;
        margin-bottom: 58px;
    }
    body.guest-portfolio .guest-system-kicker {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        margin-bottom: 20px;
        color: var(--system-brand);
        font-size: 11px;
        font-weight: 850;
        letter-spacing: .16em;
        text-transform: uppercase;
    }
    body.guest-portfolio .guest-system-kicker i,
    body.guest-portfolio .guest-system-live i {
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: currentColor;
        box-shadow: 0 0 0 5px color-mix(in srgb, currentColor 12%, transparent);
    }
    body.guest-portfolio .guest-system-heading h2 {
        max-width: 850px;
        margin: 0;
        color: var(--system-ink);
        font-size: clamp(40px, 5.8vw, 76px);
        font-weight: 560;
        letter-spacing: -.065em;
        line-height: .94;
    }
    body.guest-portfolio .guest-system-heading > p {
        max-width: 440px;
        margin: 0;
        color: var(--system-muted);
        font-size: 14px;
        line-height: 1.75;
    }
    body.guest-portfolio .guest-system-workspace {
        display: grid;
        grid-template-columns: minmax(280px, .34fr) minmax(0, 1fr);
        gap: 0;
        align-items: stretch;
        min-height: 0;
        overflow: hidden;
        border: 1px solid var(--system-line);
        border-radius: 30px;
        background: var(--system-panel-strong);
        box-shadow: 0 36px 100px rgb(15 23 42 / .10);
    }
    .dark body.guest-portfolio .guest-system-workspace {
        border-color: rgba(255, 255, 255, .09);
        background: #090d0f;
        box-shadow: 0 36px 100px rgb(0 0 0 / .28);
    }
    .dark body.guest-portfolio .guest-system-control {
        border-right-color: rgba(255, 255, 255, .09);
        background:
            radial-gradient(circle at 0 0, color-mix(in srgb, var(--system-brand) 12%, transparent), transparent 40%),
            linear-gradient(145deg, #101216 0%, #090d0f 100%);
    }
    body.guest-portfolio .guest-system-control {
        display: flex;
        min-width: 0;
        flex-direction: column;
        min-height: 0;
        border: 0;
        border-right: 1px solid var(--system-line);
        border-radius: 0;
        background:
            radial-gradient(circle at 0 0, color-mix(in srgb, var(--system-brand) 9%, transparent), transparent 34%),
            var(--system-panel-strong);
        padding: 22px;
        box-shadow: none;
    }
    body.guest-portfolio .guest-system-control-head,
    body.guest-portfolio .guest-system-preview-bar,
    body.guest-portfolio .guest-system-preview-foot {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 18px;
    }
    body.guest-portfolio .guest-system-control-head {
        color: var(--system-muted);
        font-size: 10px;
        font-weight: 800;
        letter-spacing: .14em;
        text-transform: uppercase;
    }
    body.guest-portfolio .guest-system-control-head em {
        color: var(--system-brand);
        font: 750 10px ui-monospace, SFMono-Regular, Menlo, monospace;
        font-style: normal;
    }
    body.guest-portfolio .guest-system-switcher {
        display: grid;
        gap: 6px;
        margin-top: 18px;
    }
    body.guest-portfolio .guest-system-switcher button {
        position: relative;
        display: grid;
        width: 100%;
        grid-template-columns: 38px minmax(0, 1fr) 16px;
        gap: 11px;
        align-items: center;
        overflow: hidden;
        border: 1px solid transparent;
        border-radius: 16px;
        background: transparent;
        padding: 9px 10px;
        color: var(--system-muted);
        text-align: left;
        cursor: pointer;
        transition: background-color .25s ease, border-color .25s ease, color .25s ease, transform .25s ease, box-shadow .25s ease;
    }
    body.guest-portfolio .guest-system-switcher button:hover {
        border-color: var(--system-line);
        background: color-mix(in srgb, var(--system-panel) 76%, transparent);
        color: var(--system-ink);
        transform: translateX(3px);
    }
    body.guest-portfolio .guest-system-switcher button.is-active {
        border-color: color-mix(in srgb, var(--system-brand) 35%, var(--system-line));
        background: color-mix(in srgb, var(--system-brand) 8%, var(--system-panel-strong));
        color: var(--system-ink);
        box-shadow: 0 12px 30px color-mix(in srgb, var(--system-brand) 10%, transparent);
    }
    body.guest-portfolio .guest-system-switcher button.is-active::before {
        content: "";
        position: absolute;
        inset: 10px auto 10px 0;
        width: 2px;
        border-radius: 999px;
        background: var(--system-brand);
    }
    body.guest-portfolio .guest-system-switch-icon {
        display: inline-flex;
        width: 38px;
        height: 38px;
        align-items: center;
        justify-content: center;
        border: 1px solid var(--system-line);
        border-radius: 13px;
        background: color-mix(in srgb, var(--system-panel-strong) 84%, transparent);
        color: var(--system-brand);
        font-size: 18px;
    }
    body.guest-portfolio .guest-system-switcher button > span:nth-child(2) {
        display: grid;
        min-width: 0;
        gap: 4px;
    }
    body.guest-portfolio .guest-system-switcher strong {
        overflow: hidden;
        color: inherit;
        font-size: 13px;
        font-weight: 800;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    body.guest-portfolio .guest-system-switcher small {
        overflow: hidden;
        color: var(--system-muted);
        font-size: 10px;
        line-height: 1.4;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    body.guest-portfolio .guest-system-switcher button > i {
        color: var(--system-muted);
        font-size: 15px;
        transition: transform .25s ease, color .25s ease;
    }
    body.guest-portfolio .guest-system-switcher button:is(:hover, .is-active) > i {
        color: var(--system-brand);
        transform: translateX(2px);
    }
    body.guest-portfolio .guest-system-summary {
        display: flex;
        min-width: 0;
        flex: 1;
        flex-direction: column;
        margin-top: 18px;
        border-top: 1px solid var(--system-line);
        padding-top: 18px;
    }
    body.guest-portfolio .guest-system-summary > span {
        color: var(--system-brand);
        font-size: 10px;
        font-weight: 850;
        letter-spacing: .14em;
        text-transform: uppercase;
    }
    body.guest-portfolio .guest-system-summary h3 {
        margin: 9px 0 0;
        color: var(--system-ink);
        font-size: clamp(25px, 2.6vw, 36px);
        font-weight: 600;
        letter-spacing: -.055em;
        line-height: 1;
    }
    body.guest-portfolio .guest-system-summary p {
        display: -webkit-box;
        margin: 11px 0 0;
        overflow: hidden;
        color: var(--system-muted);
        font-size: 11px;
        line-height: 1.58;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }
    body.guest-portfolio .guest-system-facts {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 6px;
        margin-top: 15px;
    }
    body.guest-portfolio .guest-system-facts span {
        display: flex;
        align-items: center;
        gap: 5px;
        color: var(--system-muted);
        font-size: 9px;
        font-weight: 700;
    }
    body.guest-portfolio .guest-system-facts i {
        color: var(--system-brand);
        font-size: 15px;
    }
    body.guest-portfolio .guest-system-action {
        display: flex;
        min-height: 42px;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        margin-top: 18px;
        border: 1px solid var(--system-ink);
        border-radius: 15px;
        background: var(--system-ink);
        padding: 0 14px;
        color: #ffffff !important;
        font-size: 12px;
        font-weight: 800;
        text-decoration: none;
        transition: transform .25s ease, box-shadow .25s ease;
    }
    body.guest-portfolio .guest-system-action :is(span, i) {
        color: inherit !important;
    }
    body.guest-portfolio .guest-system-action:hover {
        transform: translateY(-2px);
        box-shadow: 0 14px 30px rgb(15 23 42 / .18);
    }
    .dark body.guest-portfolio .guest-system-action {
        border-color: var(--system-brand);
        background: var(--system-brand);
        color: #ffffff !important;
        box-shadow: 0 14px 32px color-mix(in srgb, var(--system-brand) 24%, transparent);
    }
    .dark body.guest-portfolio .guest-system-action:hover {
        border-color: color-mix(in srgb, var(--system-brand) 82%, #ffffff);
        background: color-mix(in srgb, var(--system-brand) 82%, #ffffff);
        box-shadow: 0 18px 38px color-mix(in srgb, var(--system-brand) 34%, transparent);
    }
    body.guest-portfolio .guest-system-preview {
        position: relative;
        display: block;
        min-width: 0;
        overflow: hidden;
        align-self: start;
        border-radius: 0;
        background: transparent;
        color: var(--system-ink);
        padding: 0;
        box-shadow: none;
        text-decoration: none;
    }
    body.guest-portfolio .guest-system-preview-stage {
        position: relative;
        z-index: 1;
    }
    body.guest-portfolio .guest-system-preview-stage {
        display: block;
        width: 100%;
        height: auto;
        min-height: 0;
        overflow: hidden;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        padding: 0;
    }
    body.guest-portfolio .guest-system-preview-stage img {
        display: block;
        width: 100%;
        height: auto;
        max-height: none;
        object-fit: contain;
        border-radius: 0;
        box-shadow: none;
        transition: transform .65s cubic-bezier(.22, 1, .36, 1), filter .3s ease;
    }
    .dark body.guest-portfolio .guest-system-preview,
    .dark body.guest-portfolio .guest-system-preview-stage {
        background: transparent;
    }
    body.guest-portfolio .guest-system-preview:hover .guest-system-preview-stage img {
        transform: scale(1.018);
        filter: saturate(1.04);
    }
    body.guest-portfolio .guest-system-placeholder {
        display: grid;
        justify-items: center;
        gap: 14px;
        color: rgba(255, 255, 255, .42);
        font-size: 11px;
        font-weight: 750;
        letter-spacing: .08em;
        text-transform: uppercase;
    }
    body.guest-portfolio .guest-system-placeholder i {
        font-size: 44px;
    }
    @media (max-width: 980px) {
        body.guest-portfolio .guest-system-heading,
        body.guest-portfolio .guest-system-workspace {
            grid-template-columns: 1fr;
        }
        body.guest-portfolio .guest-system-heading {
            gap: 24px;
            margin-bottom: 42px;
        }
        body.guest-portfolio .guest-system-heading > p {
            max-width: 640px;
        }
        body.guest-portfolio .guest-system-control {
            min-height: 0;
            border-right: 0;
            border-bottom: 1px solid var(--system-line);
        }
        .dark body.guest-portfolio .guest-system-control {
            border-bottom-color: rgba(255, 255, 255, .09);
        }
        body.guest-portfolio .guest-system-switcher {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        body.guest-portfolio .guest-system-summary p {
            max-width: 680px;
            -webkit-line-clamp: 3;
        }
        body.guest-portfolio .guest-system-facts {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
        body.guest-portfolio .guest-system-action {
            width: fit-content;
            min-width: 210px;
            margin-top: 28px;
        }
        body.guest-portfolio .guest-system-preview {
            min-height: 0;
        }
    }
    @media (max-width: 600px) {
        body.guest-portfolio .guest-system-heading {
            margin-bottom: 30px;
        }
        body.guest-portfolio .guest-system-heading h2 {
            font-size: 40px;
        }
        body.guest-portfolio .guest-system-workspace {
            min-height: 0;
            gap: 0;
            border-radius: 22px;
        }
        body.guest-portfolio .guest-system-control {
            border-radius: 0;
            padding: 18px;
        }
        body.guest-portfolio .guest-system-switcher {
            grid-template-columns: 1fr;
        }
        body.guest-portfolio .guest-system-summary {
            margin-top: 20px;
            padding-top: 20px;
        }
        body.guest-portfolio .guest-system-summary p {
            -webkit-line-clamp: 5;
        }
        body.guest-portfolio .guest-system-facts {
            grid-template-columns: 1fr;
        }
        body.guest-portfolio .guest-system-action {
            width: 100%;
        }
        body.guest-portfolio .guest-system-preview {
            min-height: 0;
            border-radius: 0;
            padding: 0;
        }
        body.guest-portfolio .guest-system-preview-stage {
            min-height: 0;
            border-radius: 0;
            padding: 0;
        }
        body.guest-portfolio .guest-system-preview-stage img {
            border-radius: 0;
        }
    }
    body.guest-portfolio .guest-section-pixels {
        position: relative;
        isolation: isolate;
        overflow: hidden;
    }
    body.guest-portfolio .guest-section-pixels > .guest-section-pixel-canvas {
        position: absolute;
        inset: 0;
        z-index: -1;
        display: block;
        width: 100%;
        height: 100%;
        pointer-events: none;
    }
    body.guest-portfolio .guest-section-pixels > .guest-premium-shell {
        position: relative;
        z-index: 1;
    }
/* Marketplace home refresh: premium product-led sections below the existing hero. */
body.guest-portfolio .guest-home-after.guest-market-v2 {
    --mv-bg: #f6f7fb;
    --mv-panel: #ffffff;
    --mv-panel-soft: #eef0f7;
    --mv-ink: #151827;
    --mv-muted: #687083;
    --mv-line: rgba(21, 24, 39, .12);
    --mv-line-soft: rgba(21, 24, 39, .07);
    --mv-brand: var(--color-brand-500, #c34b9a);
    --mv-brand-dark: var(--color-brand-700, #923874);
    --mv-shell-width: min(calc(100vw * var(--guest-layout-width, 80) / 100), calc(100vw - 36px));
    position: relative;
    z-index: 1;
    margin-top: 0;
    overflow: hidden;
    background: var(--mv-bg) !important;
    color: var(--mv-ink);
    padding: 0;
}
html.dark body.guest-portfolio .guest-home-after.guest-market-v2 {
    --mv-bg: #090b12;
    --mv-panel: #121621;
    --mv-panel-soft: #181d2a;
    --mv-ink: #f4f5fa;
    --mv-muted: #a4adbf;
    --mv-line: rgba(255, 255, 255, .13);
    --mv-line-soft: rgba(255, 255, 255, .08);
    --mv-brand-dark: #e0a3cf;
}
body.guest-portfolio .guest-market-v2 section { border: 0 !important; background: transparent !important; padding: 0; }
body.guest-portfolio .guest-market-v2 .market-v2-shell { width: var(--mv-shell-width); max-width: 1440px; margin-inline: auto; }
body.guest-portfolio .guest-market-v2 :is(a, button) { border-color: var(--mv-line); }
body.guest-portfolio .guest-market-v2 :is(h2, h3, p) { margin-block-start: 0; }
body.guest-portfolio .guest-market-v2 h2,
body.guest-portfolio .guest-market-v2 h3,
body.guest-portfolio .guest-market-v2 strong { color: var(--mv-ink); }
body.guest-portfolio .guest-market-v2 p,
body.guest-portfolio .guest-market-v2 small { color: var(--mv-muted); }
body.guest-portfolio .guest-market-v2 .market-v2-eyebrow,
body.guest-portfolio .guest-market-v2 .market-v2-card-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: var(--mv-brand-dark);
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .16em;
    line-height: 1.2;
    text-transform: uppercase;
}
body.guest-portfolio .guest-market-v2 .market-v2-eyebrow > i {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--mv-brand);
    box-shadow: 0 0 0 5px color-mix(in srgb, var(--mv-brand) 13%, transparent);
}
body.guest-portfolio .guest-market-v2 .market-v2-intro {
    position: relative;
    padding: clamp(84px, 10vw, 148px) 0 clamp(74px, 9vw, 126px);
    background: radial-gradient(circle at 10% 0, color-mix(in srgb, var(--mv-brand) 14%, transparent), transparent 31%), linear-gradient(180deg, var(--mv-bg) 0%, color-mix(in srgb, var(--mv-bg) 87%, var(--mv-brand)) 100%);
}
body.guest-portfolio .guest-market-v2 .market-v2-intro::after {
    position: absolute;
    right: -130px;
    top: 40px;
    width: 360px;
    height: 360px;
    border: 1px solid color-mix(in srgb, var(--mv-brand) 18%, transparent);
    border-radius: 50%;
    content: '';
    opacity: .55;
    pointer-events: none;
}
body.guest-portfolio .guest-market-v2 .market-v2-intro-head,
body.guest-portfolio .guest-market-v2 .market-v2-section-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, .38fr);
    align-items: end;
    gap: clamp(26px, 7vw, 120px);
}
body.guest-portfolio .guest-market-v2 .market-v2-intro-head h2,
body.guest-portfolio .guest-market-v2 .market-v2-section-head h2,
body.guest-portfolio .guest-market-v2 .market-v2-assurance-copy h2,
body.guest-portfolio .guest-market-v2 .market-v2-cta-card h2 {
    max-width: 760px;
    margin: 20px 0 0;
    font-size: clamp(36px, 5.2vw, 76px);
    font-weight: 650;
    letter-spacing: -.065em;
    line-height: .98;
}
body.guest-portfolio .guest-market-v2 .market-v2-intro-note { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 16px; align-items: start; padding-bottom: 4px; }
body.guest-portfolio .guest-market-v2 .market-v2-intro-note strong { display: inline-flex; height: 36px; width: 36px; align-items: center; justify-content: center; border: 1px solid var(--mv-line); border-radius: 50%; color: var(--mv-brand-dark); font-size: 11px; letter-spacing: .05em; }
body.guest-portfolio .guest-market-v2 .market-v2-intro-note p { margin: 0; font-size: 14px; line-height: 1.7; }
body.guest-portfolio .guest-market-v2 .market-v2-path-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: clamp(46px, 6vw, 78px); }
body.guest-portfolio .guest-market-v2 .market-v2-path-card {
    position: relative;
    display: flex;
    min-height: 300px;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--mv-line);
    border-radius: var(--radius-card) !important;
    background: color-mix(in srgb, var(--mv-panel) 90%, transparent);
    box-shadow: 0 18px 44px rgba(22, 25, 44, .055);
    color: var(--mv-ink);
    padding: clamp(20px, 3vw, 34px);
    text-decoration: none;
    transition: transform .45s cubic-bezier(.22, 1, .36, 1), box-shadow .45s ease, border-color .3s ease;
}
body.guest-portfolio .guest-market-v2 .market-v2-path-card::before { position: absolute; right: -58px; top: -70px; width: 190px; height: 190px; border-radius: 50%; background: color-mix(in srgb, var(--mv-brand) 13%, transparent); content: ''; transition: transform .5s cubic-bezier(.22, 1, .36, 1); }
body.guest-portfolio .guest-market-v2 .market-v2-path-card:hover { transform: translateY(-9px); border-color: color-mix(in srgb, var(--mv-brand) 45%, var(--mv-line)); box-shadow: 0 28px 62px color-mix(in srgb, var(--mv-brand) 14%, rgba(22, 25, 44, .12)); }
body.guest-portfolio .guest-market-v2 .market-v2-path-card:hover::before { transform: scale(1.22); }
body.guest-portfolio .guest-market-v2 .market-v2-path-top { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; }
body.guest-portfolio .guest-market-v2 .market-v2-path-icon,
body.guest-portfolio .guest-market-v2 .market-v2-mini-icon { display: inline-flex; height: 46px; width: 46px; align-items: center; justify-content: center; border: 1px solid color-mix(in srgb, var(--mv-brand) 33%, var(--mv-line)); border-radius: 14px !important; background: color-mix(in srgb, var(--mv-brand) 10%, var(--mv-panel)); color: var(--mv-brand-dark); font-size: 21px; transition: transform .4s cubic-bezier(.22, 1, .36, 1), background-color .3s ease; }
body.guest-portfolio .guest-market-v2 .market-v2-path-card:hover .market-v2-path-icon { transform: rotate(-7deg) scale(1.08); background: color-mix(in srgb, var(--mv-brand) 17%, var(--mv-panel)); }
body.guest-portfolio .guest-market-v2 .market-v2-path-arrow { display: inline-flex; height: 32px; width: 32px; align-items: center; justify-content: center; border: 1px solid var(--mv-line); border-radius: 50%; color: var(--mv-muted); transition: color .3s ease, transform .35s ease; }
body.guest-portfolio .guest-market-v2 .market-v2-path-card:hover .market-v2-path-arrow { color: var(--mv-brand-dark); transform: translate(3px, -3px); }
body.guest-portfolio .guest-market-v2 .market-v2-path-card .market-v2-card-eyebrow { position: relative; z-index: 1; margin-top: 46px; }
body.guest-portfolio .guest-market-v2 .market-v2-path-card h3 { position: relative; z-index: 1; margin: 11px 0 0; font-size: clamp(23px, 2.4vw, 32px); font-weight: 650; letter-spacing: -.045em; }
body.guest-portfolio .guest-market-v2 .market-v2-path-card p { position: relative; z-index: 1; max-width: 330px; margin: 13px 0 0; font-size: 14px; line-height: 1.65; }
body.guest-portfolio .guest-market-v2 .market-v2-path-footer { position: relative; z-index: 1; display: flex; align-items: center; gap: 5px; margin-top: auto; padding-top: 28px; color: var(--mv-muted); font-size: 11px; font-weight: 700; }
body.guest-portfolio .guest-market-v2 .market-v2-path-footer strong { color: var(--mv-ink); font-size: 15px; }
body.guest-portfolio .guest-market-v2 .market-v2-path-footer i { margin-left: auto; color: var(--mv-brand-dark); font-size: 17px; transition: transform .3s ease; }
body.guest-portfolio .guest-market-v2 .market-v2-path-card:hover .market-v2-path-footer i { transform: translateX(4px); }

body.guest-portfolio .guest-market-v2 .market-v2-featured { padding: clamp(76px, 10vw, 140px) 0; }
body.guest-portfolio .guest-market-v2 .market-v2-section-head { margin-bottom: 42px; }
body.guest-portfolio .guest-market-v2 .market-v2-section-head > p { max-width: 370px; margin: 0 0 3px; font-size: 14px; line-height: 1.75; }
body.guest-portfolio .guest-market-v2 .market-v2-text-link,
body.guest-portfolio .guest-market-v2 .market-v2-button-link,
body.guest-portfolio .guest-market-v2 .market-v2-dark-link { display: inline-flex; align-items: center; gap: 9px; color: var(--mv-brand-dark); font-size: 12px; font-weight: 800; text-decoration: none; }
body.guest-portfolio .guest-market-v2 :is(.market-v2-text-link, .market-v2-button-link, .market-v2-dark-link):hover i { transform: translate(3px, -3px); }
body.guest-portfolio .guest-market-v2 :is(.market-v2-text-link, .market-v2-button-link, .market-v2-dark-link) i { transition: transform .3s ease; }
body.guest-portfolio .guest-market-v2 .market-v2-feature-grid { display: grid; grid-template-columns: minmax(0, 1.16fr) minmax(320px, .84fr); gap: 14px; }
body.guest-portfolio .guest-market-v2 .market-v2-spotlight { display: grid; min-height: 560px; grid-template-rows: minmax(300px, 1fr) auto; overflow: hidden; border: 1px solid var(--mv-line); border-radius: var(--radius-card) !important; background: var(--mv-panel); color: var(--mv-ink); text-decoration: none; box-shadow: 0 18px 46px rgba(22, 25, 44, .06); transition: transform .45s cubic-bezier(.22, 1, .36, 1), box-shadow .45s ease; }
body.guest-portfolio .guest-market-v2 .market-v2-spotlight:hover { transform: translateY(-7px); box-shadow: 0 28px 68px color-mix(in srgb, var(--mv-brand) 12%, rgba(22, 25, 44, .13)); }
body.guest-portfolio .guest-market-v2 .market-v2-spotlight-media { position: relative; min-height: 300px; overflow: hidden; background: linear-gradient(135deg, color-mix(in srgb, var(--mv-brand) 18%, #111827), #171b2b 60%, #0e1020); }
body.guest-portfolio .guest-market-v2 .market-v2-spotlight-media::after { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 42%, rgba(7, 9, 18, .32)); content: ''; pointer-events: none; }
body.guest-portfolio .guest-market-v2 .market-v2-spotlight-media img { height: 100%; width: 100%; object-fit: cover; opacity: .96; transition: transform .7s cubic-bezier(.22, 1, .36, 1); }
body.guest-portfolio .guest-market-v2 .market-v2-spotlight:hover .market-v2-spotlight-media img { transform: scale(1.035); }
body.guest-portfolio .guest-market-v2 .market-v2-media-badge { position: absolute; left: 20px; top: 20px; z-index: 1; display: inline-flex; align-items: center; gap: 6px; border: 1px solid rgba(255,255,255,.2); border-radius: 999px; background: rgba(8, 10, 20, .58); padding: 7px 10px; color: #fff; font-size: 10px; font-weight: 800; backdrop-filter: blur(12px); }
body.guest-portfolio .guest-market-v2 .market-v2-media-badge i { color: #f3b5df; }
body.guest-portfolio .guest-market-v2 .market-v2-spotlight-copy { padding: 27px clamp(22px, 3vw, 36px) 30px; }
body.guest-portfolio .guest-market-v2 .market-v2-spotlight-copy h3 { margin: 11px 0 0; font-size: clamp(25px, 3vw, 40px); font-weight: 650; letter-spacing: -.05em; }
body.guest-portfolio .guest-market-v2 .market-v2-spotlight-copy p { max-width: 600px; margin: 12px 0 22px; font-size: 14px; line-height: 1.7; }
body.guest-portfolio .guest-market-v2 .market-v2-interface-mock { position: absolute; inset: 11% 9%; overflow: hidden; border: 1px solid rgba(255,255,255,.18); border-radius: 16px; background: linear-gradient(145deg, rgba(255,255,255,.13), rgba(255,255,255,.03)); box-shadow: 0 28px 60px rgba(0,0,0,.35); transform: perspective(1000px) rotateX(5deg) rotateY(-7deg); }
body.guest-portfolio .guest-market-v2 .market-v2-mock-top { display: flex; align-items: center; gap: 5px; padding: 12px 14px; border-bottom: 1px solid rgba(255,255,255,.11); }
body.guest-portfolio .guest-market-v2 .market-v2-mock-top i { width: 6px; height: 6px; border-radius: 50%; background: #ef9abf; }
body.guest-portfolio .guest-market-v2 .market-v2-mock-top i:nth-child(2) { background: #f5cf8f; }
body.guest-portfolio .guest-market-v2 .market-v2-mock-top i:nth-child(3) { background: #91d6af; }
body.guest-portfolio .guest-market-v2 .market-v2-mock-top b { margin-left: 10px; color: rgba(255,255,255,.7); font-size: 9px; }
body.guest-portfolio .guest-market-v2 .market-v2-mock-chart { display: grid; height: 58%; grid-template-columns: repeat(8, 1fr); align-items: end; gap: 8px; padding: 24px 20px; }
body.guest-portfolio .guest-market-v2 .market-v2-mock-chart i { display: block; height: 22%; border-radius: 4px 4px 1px 1px; background: linear-gradient(180deg, #e996c7, #a94b91); animation: market-v2-bars 2.6s ease-in-out infinite alternate; }
body.guest-portfolio .guest-market-v2 .market-v2-mock-chart i:nth-child(2n) { height: 48%; animation-delay: -.7s; }
body.guest-portfolio .guest-market-v2 .market-v2-mock-chart i:nth-child(3n) { height: 72%; animation-delay: -1.2s; }
body.guest-portfolio .guest-market-v2 .market-v2-mock-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; padding: 0 20px 20px; }
body.guest-portfolio .guest-market-v2 .market-v2-mock-cards i { display: block; height: 42px; border: 1px solid rgba(255,255,255,.1); border-radius: 8px; background: rgba(255,255,255,.07); }
body.guest-portfolio .guest-market-v2 .market-v2-feature-stack { display: grid; grid-template-rows: repeat(2, minmax(0, 1fr)) auto; gap: 14px; }
body.guest-portfolio .guest-market-v2 .market-v2-mini-card { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: start; gap: 17px; min-height: 0; border: 1px solid var(--mv-line); border-radius: var(--radius-card) !important; background: var(--mv-panel); color: var(--mv-ink); padding: clamp(21px, 3vw, 30px); text-decoration: none; transition: transform .4s cubic-bezier(.22, 1, .36, 1), border-color .3s ease, box-shadow .4s ease; }
body.guest-portfolio .guest-market-v2 .market-v2-mini-card:hover { transform: translateY(-6px); border-color: color-mix(in srgb, var(--mv-brand) 45%, var(--mv-line)); box-shadow: 0 22px 48px color-mix(in srgb, var(--mv-brand) 10%, rgba(22, 25, 44, .11)); }
body.guest-portfolio .guest-market-v2 .market-v2-mini-card .market-v2-mini-icon { height: 42px; width: 42px; border-radius: 12px !important; font-size: 18px; }
body.guest-portfolio .guest-market-v2 .market-v2-mini-card h3 { margin: 9px 0 0; font-size: 20px; font-weight: 650; letter-spacing: -.04em; }
body.guest-portfolio .guest-market-v2 .market-v2-mini-card p { margin: 8px 0 0; font-size: 12px; line-height: 1.6; }
body.guest-portfolio .guest-market-v2 .market-v2-mini-arrow { color: var(--mv-muted); font-size: 18px; transition: transform .3s ease, color .3s ease; }
body.guest-portfolio .guest-market-v2 .market-v2-mini-card:hover .market-v2-mini-arrow { color: var(--mv-brand-dark); transform: translate(3px, -3px); }
body.guest-portfolio .guest-market-v2 .market-v2-stat-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; overflow: hidden; border: 1px solid var(--mv-line); border-radius: var(--radius-card) !important; background: var(--mv-line); }
body.guest-portfolio .guest-market-v2 .market-v2-stat-row > div { display: grid; gap: 4px; align-content: center; min-height: 82px; background: var(--mv-panel); padding: 14px 16px; }
body.guest-portfolio .guest-market-v2 .market-v2-stat-row strong { font-size: 22px; letter-spacing: -.04em; }
body.guest-portfolio .guest-market-v2 .market-v2-stat-row span { color: var(--mv-muted); font-size: 9px; font-weight: 750; line-height: 1.3; text-transform: uppercase; }

body.guest-portfolio .guest-market-v2 .market-v2-model { padding: clamp(80px, 10vw, 140px) 0; border-top: 1px solid var(--mv-line-soft) !important; }
body.guest-portfolio .guest-market-v2 .market-v2-section-head-centered { grid-template-columns: minmax(0, 1fr) minmax(250px, .55fr); }
body.guest-portfolio .guest-market-v2 .market-v2-section-head-centered > p { margin-bottom: 4px; }
body.guest-portfolio .guest-market-v2 .market-v2-model-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; margin-top: 62px; border-top: 1px solid var(--mv-line); border-left: 1px solid var(--mv-line); }
body.guest-portfolio .guest-market-v2 .market-v2-model-card { position: relative; min-height: 280px; border-right: 1px solid var(--mv-line); border-bottom: 1px solid var(--mv-line); background: color-mix(in srgb, var(--mv-panel) 55%, transparent); padding: 25px; transition: background-color .35s ease, transform .4s cubic-bezier(.22, 1, .36, 1); }
body.guest-portfolio .guest-market-v2 .market-v2-model-card:hover { z-index: 1; background: var(--mv-panel); transform: translateY(-6px); box-shadow: 0 22px 46px rgba(22, 25, 44, .08); }
body.guest-portfolio .guest-market-v2 .market-v2-model-card > span { color: var(--mv-muted); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 11px; font-weight: 800; }
body.guest-portfolio .guest-market-v2 .market-v2-model-card > i { display: block; margin-top: 54px; color: var(--mv-brand-dark); font-size: 24px; transition: transform .35s ease; }
body.guest-portfolio .guest-market-v2 .market-v2-model-card:hover > i { transform: translateY(-4px) rotate(-6deg); }
body.guest-portfolio .guest-market-v2 .market-v2-model-card h3 { margin: 20px 0 0; font-size: 17px; font-weight: 700; letter-spacing: -.025em; }
body.guest-portfolio .guest-market-v2 .market-v2-model-card p { margin: 9px 0 0; font-size: 12px; line-height: 1.65; }

body.guest-portfolio .guest-market-v2 .market-v2-assurance { padding: 0 0 clamp(80px, 10vw, 140px); }
body.guest-portfolio .guest-market-v2 .market-v2-assurance-grid { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: clamp(30px, 7vw, 110px); border-radius: var(--radius-card) !important; background: #10131e; color: #f7f8fc; padding: clamp(28px, 5vw, 70px); box-shadow: 0 30px 70px rgba(10, 12, 23, .2); }
body.guest-portfolio .guest-market-v2 .market-v2-assurance-copy h2 { color: #f7f8fc; font-size: clamp(32px, 4.4vw, 60px); }
body.guest-portfolio .guest-market-v2 .market-v2-assurance-copy p { max-width: 470px; margin: 20px 0 26px; color: rgba(247,248,252,.64); font-size: 14px; line-height: 1.75; }
body.guest-portfolio .guest-market-v2 .market-v2-assurance-copy .market-v2-eyebrow { color: #efb2da; }
body.guest-portfolio .guest-market-v2 .market-v2-assurance-copy .market-v2-eyebrow > i { background: #e58bc4; box-shadow: 0 0 0 5px rgba(229,139,196,.14); }
body.guest-portfolio .guest-market-v2 .market-v2-dark-link { color: #f0abd8; }
body.guest-portfolio .guest-market-v2 .market-v2-assurance-list { display: grid; align-content: center; gap: 0; }
body.guest-portfolio .guest-market-v2 .market-v2-assurance-list > div { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 15px; align-items: center; border-bottom: 1px solid rgba(255,255,255,.12); padding: 20px 0; }
body.guest-portfolio .guest-market-v2 .market-v2-assurance-list > div:first-child { border-top: 1px solid rgba(255,255,255,.12); }
body.guest-portfolio .guest-market-v2 .market-v2-assurance-list > div > span { display: inline-flex; height: 38px; width: 38px; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.16); border-radius: 12px !important; background: rgba(255,255,255,.06); color: #efafd9; font-size: 18px; }
body.guest-portfolio .guest-market-v2 .market-v2-assurance-list strong { display: block; color: #f7f8fc; font-size: 14px; }
body.guest-portfolio .guest-market-v2 .market-v2-assurance-list small { display: block; margin-top: 4px; color: rgba(247,248,252,.55); font-size: 11px; line-height: 1.5; }
body.guest-portfolio .guest-market-v2 .market-v2-assurance-list b { color: rgba(247,248,252,.38); font-size: 10px; font-weight: 800; }

body.guest-portfolio .guest-market-v2 .market-v2-cta { padding: 0 0 clamp(36px, 6vw, 84px); }
body.guest-portfolio .guest-market-v2 .market-v2-cta-card { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 30px; align-items: end; overflow: hidden; border: 1px solid color-mix(in srgb, var(--mv-brand) 32%, var(--mv-line)); border-radius: var(--radius-card) !important; background: linear-gradient(120deg, color-mix(in srgb, var(--mv-brand) 22%, var(--mv-panel)), var(--mv-panel) 66%); padding: clamp(28px, 5vw, 62px); }
body.guest-portfolio .guest-market-v2 .market-v2-cta-card h2 { max-width: 650px; font-size: clamp(32px, 4.8vw, 64px); }
body.guest-portfolio .guest-market-v2 .market-v2-cta-card p { max-width: 540px; margin: 18px 0 0; font-size: 14px; line-height: 1.7; }
body.guest-portfolio .guest-market-v2 .market-v2-cta-actions { display: flex; flex-wrap: wrap; gap: 9px; justify-content: flex-end; }
body.guest-portfolio .guest-market-v2 .market-v2-cta-actions a { display: inline-flex; min-height: 42px; align-items: center; justify-content: center; border-radius: var(--radius-button) !important; padding: 0 16px; font-size: 11px; font-weight: 800; text-decoration: none; transition: transform .3s ease, box-shadow .3s ease, background-color .3s ease; }
body.guest-portfolio .guest-market-v2 .market-v2-cta-actions a:hover { transform: translateY(-3px); box-shadow: 0 13px 28px color-mix(in srgb, var(--mv-brand) 20%, transparent); }
body.guest-portfolio .guest-market-v2 .market-v2-cta-primary { gap: 8px; border: 1px solid var(--mv-brand) !important; background: var(--mv-brand); color: #fff; }
body.guest-portfolio .guest-market-v2 .market-v2-cta-secondary { border: 1px solid var(--mv-line) !important; background: var(--mv-panel); color: var(--mv-ink); }
@keyframes market-v2-bars { from { transform: scaleY(.78); transform-origin: bottom; } to { transform: scaleY(1); transform-origin: bottom; } }
@media (prefers-reduced-motion: reduce) { body.guest-portfolio .guest-market-v2 *, body.guest-portfolio .guest-market-v2 *::before, body.guest-portfolio .guest-market-v2 *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } }
@media (max-width: 960px) {
    body.guest-portfolio .guest-market-v2 .market-v2-intro-head,
    body.guest-portfolio .guest-market-v2 .market-v2-section-head,
    body.guest-portfolio .guest-market-v2 .market-v2-section-head-centered { grid-template-columns: minmax(0, 1fr); gap: 22px; }
    body.guest-portfolio .guest-market-v2 .market-v2-section-head > .market-v2-text-link { justify-self: start; }
    body.guest-portfolio .guest-market-v2 .market-v2-feature-grid { grid-template-columns: 1fr; }
    body.guest-portfolio .guest-market-v2 .market-v2-spotlight { min-height: 0; }
    body.guest-portfolio .guest-market-v2 .market-v2-feature-stack { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: auto auto; }
    body.guest-portfolio .guest-market-v2 .market-v2-stat-row { grid-column: 1 / -1; }
    body.guest-portfolio .guest-market-v2 .market-v2-model-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    body.guest-portfolio .guest-market-v2 .market-v2-assurance-grid { grid-template-columns: 1fr; gap: 32px; }
    body.guest-portfolio .guest-market-v2 .market-v2-cta-card { grid-template-columns: 1fr; align-items: start; }
    body.guest-portfolio .guest-market-v2 .market-v2-cta-actions { justify-content: flex-start; }
}
@media (max-width: 640px) {
    body.guest-portfolio .guest-market-v2 .market-v2-shell { width: min(calc(100% - 28px), 100%); }
    body.guest-portfolio .guest-market-v2 .market-v2-intro { padding-top: 70px; }
    body.guest-portfolio .guest-market-v2 .market-v2-intro-head h2,
    body.guest-portfolio .guest-market-v2 .market-v2-section-head h2,
    body.guest-portfolio .guest-market-v2 .market-v2-assurance-copy h2,
    body.guest-portfolio .guest-market-v2 .market-v2-cta-card h2 { font-size: 38px; }
    body.guest-portfolio .guest-market-v2 .market-v2-path-grid { grid-template-columns: 1fr; gap: 10px; margin-top: 38px; }
    body.guest-portfolio .guest-market-v2 .market-v2-path-card { min-height: 240px; }
    body.guest-portfolio .guest-market-v2 .market-v2-path-card .market-v2-card-eyebrow { margin-top: 32px; }
    body.guest-portfolio .guest-market-v2 .market-v2-featured { padding-block: 76px; }
    body.guest-portfolio .guest-market-v2 .market-v2-feature-stack { grid-template-columns: 1fr; }
    body.guest-portfolio .guest-market-v2 .market-v2-stat-row { grid-column: auto; }
    body.guest-portfolio .guest-market-v2 .market-v2-stat-row > div { min-height: 74px; padding: 11px 10px; }
    body.guest-portfolio .guest-market-v2 .market-v2-stat-row strong { font-size: 18px; }
    body.guest-portfolio .guest-market-v2 .market-v2-stat-row span { font-size: 8px; }
    body.guest-portfolio .guest-market-v2 .market-v2-model { padding-block: 76px; }
    body.guest-portfolio .guest-market-v2 .market-v2-model-grid { grid-template-columns: 1fr; margin-top: 40px; }
    body.guest-portfolio .guest-market-v2 .market-v2-model-card { min-height: 0; padding: 22px; }
    body.guest-portfolio .guest-market-v2 .market-v2-model-card > i { margin-top: 30px; }
    body.guest-portfolio .guest-market-v2 .market-v2-assurance-list > div { grid-template-columns: auto minmax(0, 1fr); }
    body.guest-portfolio .guest-market-v2 .market-v2-assurance-list > div > b { display: none; }
    body.guest-portfolio .guest-market-v2 .market-v2-cta-actions { display: grid; grid-template-columns: 1fr; }
    body.guest-portfolio .guest-market-v2 .market-v2-cta-actions a { width: 100%; }
}


/* Premium marketplace landing v3 */
body.guest-portfolio .guest-market-v3 {
    --mv3-ink: #142033;
    --mv3-muted: #657187;
    --mv3-line: rgba(20,32,51,.12);
    --mv3-surface: #ffffff;
    --mv3-soft: #f5f7fa;
    --mv3-brand: var(--color-brand-600, #7b3f93);
    --mv3-brand-dark: var(--color-brand-700, #622d79);
    --mv3-radius: var(--radius-card, 8px);
    color: var(--mv3-ink);
    overflow: clip;
}
html.dark body.guest-portfolio .guest-market-v3 {
    --mv3-ink: #f4f6fb;
    --mv3-muted: #a6b0c2;
    --mv3-line: rgba(255,255,255,.13);
    --mv3-surface: #111827;
    --mv3-soft: #172033;
}
body.guest-portfolio .market-v3-shell {
    width: min(calc(100vw * var(--guest-layout-width, 80) / 100), calc(100vw - 36px));
    max-width: 1380px;
    margin-inline: auto;
}
body.guest-portfolio .market-v3-intro { padding: clamp(76px, 10vw, 150px) 0 32px; }
body.guest-portfolio .market-v3-intro-grid { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(240px,.55fr); gap:48px; align-items:end; }
body.guest-portfolio .market-v3-intro h2,
body.guest-portfolio .market-v3-heading-row h2,
body.guest-portfolio .market-v3-assurance h2,
body.guest-portfolio .market-v3-cta h2 { margin:0; max-width:780px; color:var(--mv3-ink); font-size:clamp(34px,5vw,68px); line-height:1.03; letter-spacing:-.055em; font-weight:700; }
body.guest-portfolio .market-v3-intro p,
body.guest-portfolio .market-v3-heading-row p,
body.guest-portfolio .market-v3-assurance p,
body.guest-portfolio .market-v3-cta p { margin:18px 0 0; max-width:650px; color:var(--mv3-muted); font-size:clamp(16px,1.4vw,20px); line-height:1.55; }
body.guest-portfolio .market-v3-intro-aside { border-left:1px solid var(--mv3-line); padding-left:22px; color:var(--mv3-muted); display:grid; gap:8px; font-size:14px; line-height:1.45; }
body.guest-portfolio .market-v3-intro-aside strong { color:var(--mv3-ink); font-size:16px; }
body.guest-portfolio .market-v3-paths { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-top:50px; }
body.guest-portfolio .market-v3-path-card,
body.guest-portfolio .market-v3-feature-card,
body.guest-portfolio .market-v3-small-card,
body.guest-portfolio .market-v3-step-card,
body.guest-portfolio .market-v3-assurance-grid,
body.guest-portfolio .market-v3-cta-card { border:1px solid var(--mv3-line); border-radius:var(--mv3-radius); background:var(--mv3-surface); }
body.guest-portfolio .market-v3-path-card { min-height:220px; padding:28px; display:flex; flex-direction:column; transition:transform .35s ease, border-color .35s ease, box-shadow .35s ease; }
body.guest-portfolio .market-v3-path-card:hover { transform:translateY(-7px); border-color:color-mix(in srgb,var(--mv3-brand) 46%,transparent); box-shadow:0 22px 50px rgba(20,32,51,.12); }
body.guest-portfolio .market-v3-path-icon { width:42px; height:42px; border-radius:var(--radius-button); display:grid; place-items:center; background:color-mix(in srgb,var(--mv3-brand) 11%,transparent); color:var(--mv3-brand); font-size:21px; }
body.guest-portfolio .market-v3-path-card h3 { margin:26px 0 8px; color:var(--mv3-ink); font-size:21px; letter-spacing:-.02em; }
body.guest-portfolio .market-v3-path-card p { margin:0; color:var(--mv3-muted); line-height:1.55; font-size:14px; }
body.guest-portfolio .market-v3-card-link { margin-top:auto; padding-top:25px; color:var(--mv3-brand); font-size:13px; font-weight:700; }
body.guest-portfolio .market-v3-feature { padding:clamp(72px,10vw,138px) 0 30px; }
body.guest-portfolio .market-v3-heading-row { display:flex; align-items:end; justify-content:space-between; gap:28px; margin-bottom:30px; }
body.guest-portfolio .market-v3-heading-row h2 { font-size:clamp(30px,4vw,52px); }
body.guest-portfolio .market-v3-heading-row p { font-size:16px; max-width:510px; }
body.guest-portfolio .market-v3-action { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:42px; border-radius:var(--radius-button); padding:0 17px; background:var(--mv3-brand); color:#fff; font-size:13px; font-weight:700; white-space:nowrap; transition:transform .25s ease, background .25s ease, box-shadow .25s ease; }
body.guest-portfolio .market-v3-action:hover { transform:translateY(-2px); background:var(--mv3-brand-dark); box-shadow:0 10px 24px color-mix(in srgb,var(--mv3-brand) 26%,transparent); }
body.guest-portfolio .market-v3-action-light { background:transparent; color:var(--mv3-brand); border:1px solid color-mix(in srgb,var(--mv3-brand) 32%,transparent); }
body.guest-portfolio .market-v3-action-light:hover { background:color-mix(in srgb,var(--mv3-brand) 8%,transparent); }
body.guest-portfolio .market-v3-action-dark { background:var(--mv3-ink); color:var(--mv3-surface); }
body.guest-portfolio .market-v3-feature-grid { display:grid; grid-template-columns:minmax(0,1.22fr) minmax(280px,.78fr); gap:14px; }
body.guest-portfolio .market-v3-feature-card-large { overflow:hidden; }
body.guest-portfolio .market-v3-feature-media { min-height:340px; padding:26px; background:linear-gradient(145deg,color-mix(in srgb,var(--mv3-brand) 14%,var(--mv3-soft)),var(--mv3-soft)); display:grid; place-items:center; }
body.guest-portfolio .market-v3-product-visual { width:min(100%,480px); aspect-ratio:1.35; border:1px solid var(--mv3-line); border-radius:var(--mv3-radius); background:var(--mv3-surface); box-shadow:0 24px 60px rgba(20,32,51,.14); padding:17px; transform:rotate(-2deg); animation:market-v3-float 7s ease-in-out infinite; }
body.guest-portfolio .market-v3-visual-bar { display:flex; gap:5px; align-items:center; color:var(--mv3-muted); font-size:9px; }
body.guest-portfolio .market-v3-visual-bar i { width:6px; height:6px; border-radius:50%; background:var(--mv3-brand); opacity:.5; }
body.guest-portfolio .market-v3-visual-bar b { margin-left:auto; font-weight:700; }
body.guest-portfolio .market-v3-visual-chart { height:55%; margin-top:18px; display:flex; align-items:end; gap:6px; border-bottom:1px solid var(--mv3-line); }
body.guest-portfolio .market-v3-visual-chart i { flex:1; height:var(--h,50%); border-radius:4px 4px 0 0; background:linear-gradient(var(--mv3-brand),color-mix(in srgb,var(--mv3-brand) 26%,transparent)); }
body.guest-portfolio .market-v3-visual-chart i:nth-child(1){--h:32%}.market-v3-visual-chart i:nth-child(2){--h:48%}.market-v3-visual-chart i:nth-child(3){--h:40%}.market-v3-visual-chart i:nth-child(4){--h:67%}.market-v3-visual-chart i:nth-child(5){--h:56%}.market-v3-visual-chart i:nth-child(6){--h:82%}.market-v3-visual-chart i:nth-child(7){--h:72%}
body.guest-portfolio .market-v3-visual-panels { display:flex; gap:8px; margin-top:14px; }.market-v3-visual-panels i { height:24px; flex:1; border-radius:4px; background:var(--mv3-soft); }
body.guest-portfolio .market-v3-feature-copy { padding:27px 30px 32px; }.market-v3-feature-copy > span,.market-v3-small-card span,.market-v3-step-card small { color:var(--mv3-brand); font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.12em; }.market-v3-feature-copy h3 { margin:10px 0 8px; color:var(--mv3-ink); font-size:28px; letter-spacing:-.03em; }.market-v3-feature-copy p,.market-v3-small-card p { margin:0; color:var(--mv3-muted); line-height:1.55; font-size:14px; }.market-v3-feature-copy strong,.market-v3-small-card strong { display:block; margin-top:22px; color:var(--mv3-brand); font-size:13px; }
body.guest-portfolio .market-v3-feature-side { display:grid; gap:14px; }.market-v3-small-card { padding:25px; display:grid; grid-template-columns:46px 1fr; gap:17px; transition:transform .35s ease,box-shadow .35s ease; }.market-v3-small-card:hover { transform:translateY(-5px); box-shadow:0 18px 40px rgba(20,32,51,.1); }.market-v3-small-visual { width:46px; height:46px; border-radius:var(--radius-button); display:grid; place-items:center; color:var(--mv3-brand); background:color-mix(in srgb,var(--mv3-brand) 10%,transparent); font-size:21px; }.market-v3-small-card h3 { margin:7px 0 7px; color:var(--mv3-ink); font-size:18px; letter-spacing:-.02em; }
body.guest-portfolio .market-v3-journey { padding:clamp(88px,11vw,160px) 0 34px; }.market-v3-heading-row-centered { justify-content:center; text-align:center; }.market-v3-heading-row-centered > div { max-width:680px; }.market-v3-heading-row-centered h2 { margin-inline:auto; }
body.guest-portfolio .market-v3-timeline { position:relative; margin:40px auto 0; max-width:980px; }.market-v3-timeline-track { position:absolute; top:0; bottom:0; left:50%; width:1px; background:var(--mv3-line); transform:translateX(-50%); }.market-v3-timeline-track i { display:block; width:100%; height:var(--market-progress,0%); background:var(--mv3-brand); transform-origin:top; transition:height .35s ease; }.market-v3-timeline ol { position:relative; display:grid; gap:34px; margin:0; padding:0; list-style:none; }.market-v3-timeline li { position:relative; padding-top:38px; }.market-v3-step-marker { position:absolute; z-index:2; top:0; left:50%; width:48px; height:48px; border:1px solid var(--mv3-line); border-radius:50%; background:var(--mv3-surface); transform:translate(-50%,-50%); display:grid; place-items:center; transition:transform .4s ease,background .4s ease,box-shadow .4s ease,border-color .4s ease; }.market-v3-step-marker span { width:8px; height:8px; border-radius:50%; background:var(--mv3-muted); transition:transform .4s ease,background .4s ease; }.market-v3-timeline li.is-current .market-v3-step-marker,.market-v3-timeline li.is-passed .market-v3-step-marker { border-color:var(--mv3-brand); }.market-v3-timeline li.is-current .market-v3-step-marker { transform:translate(-50%,-50%) scale(1.16); background:var(--mv3-brand); box-shadow:0 0 0 9px color-mix(in srgb,var(--mv3-brand) 13%,transparent),0 14px 30px color-mix(in srgb,var(--mv3-brand) 23%,transparent); }.market-v3-timeline li.is-current .market-v3-step-marker span,.market-v3-timeline li.is-passed .market-v3-step-marker span { background:#fff; }
body.guest-portfolio .market-v3-step-card { display:grid; grid-template-columns:minmax(0,1fr) 250px; gap:30px; align-items:center; padding:31px; transition:transform .45s ease,box-shadow .45s ease,border-color .45s ease; }.market-v3-timeline li.is-current .market-v3-step-card { border-color:color-mix(in srgb,var(--mv3-brand) 38%,transparent); box-shadow:0 20px 52px color-mix(in srgb,var(--mv3-brand) 13%,transparent); transform:translateY(-3px); }.market-v3-step-card h3 { margin:9px 0 10px; max-width:520px; color:var(--mv3-ink); font-size:clamp(22px,3vw,32px); line-height:1.12; letter-spacing:-.035em; }.market-v3-step-card p { margin:0; max-width:550px; color:var(--mv3-muted); line-height:1.6; font-size:15px; }.market-v3-step-card .market-v3-action { margin-top:23px; }.market-v3-step-art { min-height:160px; border-radius:var(--mv3-radius); background:var(--mv3-soft); display:flex; align-items:center; justify-content:center; position:relative; overflow:hidden; }.market-v3-step-art-choice { gap:9px; }.market-v3-step-art-choice span { width:48px; height:78px; border:1px solid var(--mv3-line); border-radius:9px; background:var(--mv3-surface); transform:rotate(var(--r)); box-shadow:0 12px 22px rgba(20,32,51,.08); }.market-v3-step-art-choice span:nth-child(1){--r:-12deg}.market-v3-step-art-choice span:nth-child(2){--r:0deg; transform:translateY(-9px)}.market-v3-step-art-choice span:nth-child(3){--r:12deg}.market-v3-step-art-modules { flex-wrap:wrap; align-content:center; gap:8px; padding:20px; }.market-v3-step-art-modules span { display:flex; align-items:center; gap:6px; padding:8px 10px; border-radius:var(--radius-button); background:var(--mv3-surface); color:var(--mv3-muted); font-size:11px; font-weight:700; }.market-v3-step-art-modules i { color:var(--mv3-brand); }.market-v3-step-art-launch { flex-direction:column; gap:12px; color:var(--mv3-brand); }.market-v3-step-art-launch span { width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--mv3-brand) 13%,transparent);font-size:25px;animation:market-v3-pulse 2.8s ease-in-out infinite; }.market-v3-step-art-launch b,.market-v3-step-art-support span { color:var(--mv3-muted);font-size:12px; }.market-v3-step-art-support { gap:9px; }.market-v3-step-art-support span { width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--mv3-surface);font-size:19px; }.market-v3-step-art-support span:first-child { color:var(--mv3-brand); transform:translateY(-10px); }.market-v3-step-art-support span:last-child { color:var(--mv3-brand); transform:translateY(10px); }
body.guest-portfolio .market-v3-assurance { padding:88px 0 34px; }.market-v3-assurance-grid { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:50px; padding:clamp(30px,5vw,65px); background:var(--mv3-soft); }.market-v3-assurance h2 { font-size:clamp(30px,4vw,48px); }.market-v3-assurance .market-v3-action { margin-top:27px; }.market-v3-assurance-items { display:grid; gap:0; }.market-v3-assurance-items > div { display:grid; grid-template-columns:35px 1fr; gap:15px; padding:18px 0; border-bottom:1px solid var(--mv3-line); }.market-v3-assurance-items > div:first-child { padding-top:0; }.market-v3-assurance-items > div:last-child { border-bottom:0; padding-bottom:0; }.market-v3-assurance-items i { color:var(--mv3-brand); font-size:22px; }.market-v3-assurance-items strong,.market-v3-assurance-items small { display:block; }.market-v3-assurance-items strong { color:var(--mv3-ink); font-size:15px; }.market-v3-assurance-items small { margin-top:5px; color:var(--mv3-muted); font-size:13px; line-height:1.45; }
body.guest-portfolio .market-v3-cta { padding:88px 0 110px; }.market-v3-cta-card { display:flex; align-items:center; justify-content:space-between; gap:30px; padding:clamp(30px,5vw,58px); background:var(--mv3-ink); border-color:transparent; }.market-v3-cta-card h2,.market-v3-cta-card p { color:#fff; }.market-v3-cta-card p { color:rgba(255,255,255,.67); }.market-v3-cta-actions { display:flex; gap:10px; flex-wrap:wrap; }.market-v3-cta-card .market-v3-action { background:var(--mv3-brand); }.market-v3-cta-card .market-v3-action-light { border-color:rgba(255,255,255,.24); color:#fff; }
@keyframes market-v3-float { 0%,100%{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(-1deg) translateY(-8px)} } @keyframes market-v3-pulse { 0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--mv3-brand) 25%,transparent)}50%{box-shadow:0 0 0 12px transparent} }
@media (max-width:800px) { body.guest-portfolio .market-v3-intro-grid,.market-v3-feature-grid,.market-v3-assurance-grid { grid-template-columns:1fr; } body.guest-portfolio .market-v3-paths { grid-template-columns:1fr; margin-top:34px; } body.guest-portfolio .market-v3-heading-row { align-items:flex-start; flex-direction:column; } body.guest-portfolio .market-v3-step-card { grid-template-columns:1fr; padding:23px; gap:22px; } body.guest-portfolio .market-v3-step-art { min-height:125px; } body.guest-portfolio .market-v3-timeline { margin-top:32px; } body.guest-portfolio .market-v3-timeline-track { left:22px; } body.guest-portfolio .market-v3-timeline li { padding:0 0 0 58px; } body.guest-portfolio .market-v3-step-marker { left:22px; top:25px; transform:translate(-50%,-50%); width:42px;height:42px; } body.guest-portfolio .market-v3-timeline li.is-current .market-v3-step-marker { transform:translate(-50%,-50%) scale(1.1); } body.guest-portfolio .market-v3-cta-card { align-items:flex-start; flex-direction:column; } }
@media (prefers-reduced-motion:reduce) { body.guest-portfolio .market-v3-product-visual,.market-v3-step-art-launch span { animation:none; } }


/* Timeline v4: quiet rail, alternating editorial cards, viewport reveals */
body.guest-portfolio .market-v4-timeline { position:relative; max-width:1080px; margin:54px auto 0; }
body.guest-portfolio .market-v4-timeline-rail { position:absolute; top:24px; bottom:24px; left:50%; width:2px; transform:translateX(-50%); border-radius:99px; background:color-mix(in srgb,var(--mv3-ink) 12%,transparent); overflow:hidden; }
body.guest-portfolio .market-v4-timeline-rail i { display:block; width:100%; height:var(--market-progress,0%); border-radius:inherit; background:var(--mv3-brand); transition:height .65s cubic-bezier(.22,1,.36,1); }
body.guest-portfolio .market-v4-timeline ol { position:relative; display:grid; gap:82px; margin:0; padding:0; list-style:none; }
body.guest-portfolio .market-v4-timeline li { position:relative; min-height:260px; display:flex; align-items:center; }
body.guest-portfolio .market-v4-timeline li:nth-child(odd) { justify-content:flex-start; padding-right:calc(50% + 45px); }
body.guest-portfolio .market-v4-timeline li:nth-child(even) { justify-content:flex-end; padding-left:calc(50% + 45px); }
body.guest-portfolio .market-v4-marker { position:absolute; z-index:3; top:50%; left:50%; width:18px; height:18px; transform:translate(-50%,-50%) scale(.72); border:4px solid var(--mv3-surface); border-radius:50%; background:color-mix(in srgb,var(--mv3-ink) 32%,transparent); box-shadow:0 0 0 1px color-mix(in srgb,var(--mv3-ink) 18%,transparent); transition:transform .65s cubic-bezier(.22,1,.36,1),background .4s ease,box-shadow .4s ease; }
body.guest-portfolio .market-v4-timeline li.is-current .market-v4-marker { transform:translate(-50%,-50%) scale(1.2); background:var(--mv3-brand); box-shadow:0 0 0 8px color-mix(in srgb,var(--mv3-brand) 16%,transparent),0 8px 20px color-mix(in srgb,var(--mv3-brand) 30%,transparent); }
body.guest-portfolio .market-v4-timeline li.is-passed .market-v4-marker { background:var(--mv3-brand); }
body.guest-portfolio .market-v4-card { width:100%; min-height:260px; display:grid; grid-template-columns:1fr; align-content:space-between; gap:22px; padding:30px; border:1px solid var(--mv3-line); border-radius:var(--radius-card); background:var(--mv3-surface); opacity:.22; transform:translateY(32px) scale(.97); transition:opacity .7s ease,transform .75s cubic-bezier(.22,1,.36,1),border-color .4s ease,box-shadow .5s ease; }
body.guest-portfolio .market-v4-card.is-visible,.market-v4-timeline li.is-current .market-v4-card,.market-v4-timeline li.is-passed .market-v4-card { opacity:1; transform:none; }
body.guest-portfolio .market-v4-timeline li.is-current .market-v4-card { border-color:color-mix(in srgb,var(--mv3-brand) 45%,transparent); box-shadow:0 22px 60px color-mix(in srgb,var(--mv3-brand) 15%,transparent); }
body.guest-portfolio .market-v4-card-copy { min-width:0; }
body.guest-portfolio .market-v4-kicker { margin:0 0 11px; color:var(--mv3-brand); font-size:11px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
body.guest-portfolio .market-v4-card h3 { margin:0; color:var(--mv3-ink); font-size:clamp(22px,2.5vw,32px); line-height:1.1; letter-spacing:-.04em; }
body.guest-portfolio .market-v4-card-copy > p:not(.market-v4-kicker) { margin:14px 0 0; color:var(--mv3-muted); font-size:14px; line-height:1.6; }
body.guest-portfolio .market-v4-card .market-v3-action { margin-top:22px; }
body.guest-portfolio .market-v4-visual { min-height:105px; border-radius:var(--radius-card); background:var(--mv3-soft); display:flex; align-items:center; justify-content:center; }
body.guest-portfolio .market-v4-visual-path { gap:7px; padding:14px; }
body.guest-portfolio .market-v4-visual-path span,.market-v4-visual-stack span { display:grid; justify-items:center; gap:7px; min-width:64px; padding:11px 8px; border:1px solid var(--mv3-line); border-radius:var(--radius-button); color:var(--mv3-muted); background:var(--mv3-surface); font-size:10px; font-weight:700; transition:transform .35s ease,color .35s ease; }
body.guest-portfolio .market-v4-card:hover .market-v4-visual-path span:nth-child(1),body.guest-portfolio .market-v4-card:hover .market-v4-visual-path span:nth-child(3) { transform:translateY(-5px); }
body.guest-portfolio .market-v4-card:hover .market-v4-visual-path span:nth-child(2) { transform:translateY(5px); }
body.guest-portfolio .market-v4-visual-path i,.market-v4-visual-stack i { color:var(--mv3-brand); font-size:19px; }
body.guest-portfolio .market-v4-visual-stack { gap:8px; padding:14px; flex-wrap:wrap; }.market-v4-visual-stack span { display:flex; align-items:center; gap:7px; }
body.guest-portfolio .market-v4-visual-live { flex-direction:column; gap:4px; color:var(--mv3-brand); }.market-v4-visual-live > i { font-size:28px; }.market-v4-visual-live strong { color:var(--mv3-ink); font-size:13px; }.market-v4-visual-live small { color:var(--mv3-muted); font-size:10px; }
body.guest-portfolio .market-v4-visual-care { gap:10px; }.market-v4-visual-care span { width:42px; height:42px; display:grid; place-items:center; border-radius:50%; background:var(--mv3-surface); color:var(--mv3-brand); font-size:18px; }.market-v4-visual-care span:nth-child(1){transform:translateY(-7px)}.market-v4-visual-care span:nth-child(2){transform:translateY(7px)}
@media (max-width:800px) { body.guest-portfolio .market-v4-timeline { margin-top:38px; padding-left:28px; } body.guest-portfolio .market-v4-timeline-rail { left:9px; top:20px; bottom:20px; } body.guest-portfolio .market-v4-timeline ol { gap:22px; } body.guest-portfolio .market-v4-timeline li,.market-v4-timeline li:nth-child(odd),.market-v4-timeline li:nth-child(even) { min-height:0; display:block; padding:0; } body.guest-portfolio .market-v4-marker { left:-19px; top:28px; width:16px; height:16px; } body.guest-portfolio .market-v4-timeline li.is-current .market-v4-marker { transform:translate(-50%,-50%) scale(1.12); } body.guest-portfolio .market-v4-card { min-height:0; padding:24px; opacity:.28; transform:translateY(22px); } body.guest-portfolio .market-v4-visual { min-height:92px; } }
@media (prefers-reduced-motion:reduce) { body.guest-portfolio .market-v4-card { opacity:1; transform:none; transition:none; } body.guest-portfolio .market-v4-timeline-rail i { transition:none; } }

/* Keep the timeline fully readable if scripts or motion APIs are unavailable.
   Scroll reveals are an enhancement, never a requirement for visible content. */
body.guest-portfolio .market-v4-card { opacity:1; transform:none; }
html.market-v4-motion-ready body.guest-portfolio .market-v4-timeline li:not(.is-current):not(.is-passed) .market-v4-card:not(.is-visible) { opacity:.08; transform:translateY(18px); }
html.market-v4-motion-ready body.guest-portfolio .market-v4-timeline li.is-current .market-v4-card,
html.market-v4-motion-ready body.guest-portfolio .market-v4-timeline li.is-passed .market-v4-card,
html.market-v4-motion-ready body.guest-portfolio .market-v4-card.is-visible { opacity:1; transform:none; }
@media (prefers-reduced-motion:reduce) { body.guest-portfolio .market-v4-card { opacity:1 !important; transform:none !important; transition:none !important; } }

/* The primary action also appears above .guest-market-v3 in the hero. */
body.guest-portfolio { --mv3-brand: var(--color-brand-600, #7b3f93); --mv3-brand-dark: var(--color-brand-700, #622d79); }
body.guest-portfolio .market-v3-action { background:var(--mv3-brand, var(--color-brand-600, #7b3f93)); color:#fff; }
body.guest-portfolio .market-v3-action:hover { background:var(--mv3-brand-dark, var(--color-brand-700, #622d79)); }
body.guest-portfolio .market-v3-action-light { background:transparent; color:var(--mv3-brand, var(--color-brand-700, #622d79)); }
body.guest-portfolio .market-v3-action-light:hover { background:color-mix(in srgb,var(--mv3-brand, var(--color-brand-600, #7b3f93)) 8%,transparent); }

/* Three hero choices: one consistent, compact decision surface. */
body.guest-portfolio .guest-hero-actions.market-v3-hero-paths { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; width:min(100%,720px) !important; gap:10px !important; margin-top:30px !important; }
body.guest-portfolio .market-v3-hero-paths .market-v3-path-card { display:flex !important; flex-direction:column !important; align-items:flex-start !important; justify-content:flex-start !important; min-width:0 !important; min-height:178px !important; height:100% !important; padding:17px !important; border:1px solid color-mix(in srgb,var(--color-brand-500,#7b3f93) 24%,transparent) !important; border-radius:var(--radius-card) !important; background:color-mix(in srgb,var(--landing-page-bg,#fff) 88%,var(--color-brand-500,#7b3f93) 12%) !important; color:var(--landing-text-strong,#142033) !important; box-shadow:0 12px 28px rgba(15,23,42,.08) !important; transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease,background .3s ease !important; }
body.guest-portfolio .market-v3-hero-paths .market-v3-path-card:hover { transform:translateY(-5px) !important; border-color:color-mix(in srgb,var(--color-brand-500,#7b3f93) 56%,transparent) !important; box-shadow:0 20px 38px color-mix(in srgb,var(--color-brand-500,#7b3f93) 20%,transparent) !important; }
body.guest-portfolio .market-v3-hero-paths .market-v3-path-icon { display:grid !important; width:36px !important; height:36px !important; flex:0 0 auto !important; place-items:center !important; border-radius:var(--radius-button) !important; background:color-mix(in srgb,var(--color-brand-500,#7b3f93) 14%,transparent) !important; color:var(--color-brand-700,#622d79) !important; font-size:18px !important; }
body.guest-portfolio .market-v3-hero-path-copy { display:block !important; min-width:0 !important; margin-top:18px !important; }
body.guest-portfolio .market-v3-hero-path-copy strong { display:block !important; color:var(--landing-text-strong,#142033) !important; font-size:14px !important; line-height:1.2 !important; letter-spacing:-.01em !important; }
body.guest-portfolio .market-v3-hero-path-copy small { display:block !important; margin-top:7px !important; color:var(--landing-text-muted,#657187) !important; font-size:11px !important; line-height:1.42 !important; }
body.guest-portfolio .market-v3-hero-paths .market-v3-card-link { display:flex !important; align-items:center !important; justify-content:flex-end !important; width:100% !important; min-height:18px !important; margin-top:auto !important; padding:12px 0 0 !important; color:var(--color-brand-700,#622d79) !important; font-size:17px !important; line-height:1 !important; }
html.dark body.guest-portfolio .market-v3-hero-paths .market-v3-path-card { background:color-mix(in srgb,#111827 88%,var(--color-brand-500,#7b3f93) 12%) !important; color:#f4f6fb !important; box-shadow:0 14px 32px rgba(0,0,0,.2) !important; }
html.dark body.guest-portfolio .market-v3-hero-path-copy strong { color:#f4f6fb !important; }
html.dark body.guest-portfolio .market-v3-hero-path-copy small { color:#a6b0c2 !important; }
@media (max-width:800px) { body.guest-portfolio .guest-hero-actions.market-v3-hero-paths { grid-template-columns:1fr !important; width:100% !important; gap:8px !important; } body.guest-portfolio .market-v3-hero-paths .market-v3-path-card { min-height:86px !important; display:grid !important; grid-template-columns:36px minmax(0,1fr) auto !important; align-items:center !important; gap:12px !important; padding:13px !important; } body.guest-portfolio .market-v3-hero-path-copy { margin-top:0 !important; } body.guest-portfolio .market-v3-hero-path-copy small { margin-top:4px !important; } body.guest-portfolio .market-v3-hero-paths .market-v3-card-link { width:auto !important; padding:0 !important; margin:0 !important; }
}

/* Centered hero presentation on larger screens. */
@media (min-width:1024px) {
    body.guest-portfolio .guest-home-hero-inner { position:relative !important; display:flex !important; align-items:center !important; justify-content:center !important; grid-template-columns:none !important; padding-inline:clamp(32px,5vw,96px) !important; }
    body.guest-portfolio .guest-home-hero-copy { position:relative !important; z-index:3 !important; width:min(100%,1120px) !important; margin-inline:auto !important; text-align:center !important; align-items:center !important; }
    body.guest-portfolio .guest-hero-title { max-width:1000px !important; margin-inline:auto !important; text-align:center !important; }
    body.guest-portfolio .guest-hero-copy-text { max-width:860px !important; margin-inline:auto !important; text-align:center !important; }
    body.guest-portfolio .guest-hero-proof { margin-inline:auto !important; }
    body.guest-portfolio .guest-hero-actions.market-v3-hero-paths { width:min(100%,980px) !important; margin-inline:auto !important; gap:14px !important; }
    body.guest-portfolio .market-v3-hero-paths .market-v3-path-card { min-height:202px !important; padding:22px !important; }
    body.guest-portfolio .market-v3-hero-paths .market-v3-path-icon { width:44px !important; height:44px !important; font-size:20px !important; }
    body.guest-portfolio .market-v3-hero-path-copy { margin-top:22px !important; }
    body.guest-portfolio .market-v3-hero-path-copy strong { font-size:16px !important; }
    body.guest-portfolio .market-v3-hero-path-copy small { max-width:245px !important; font-size:12px !important; line-height:1.5 !important; }
    body.guest-portfolio .guest-hero-checks { justify-content:center !important; }
    body.guest-portfolio .guest-hero-product-wall { position:absolute !important; z-index:1 !important; inset:0 !important; width:100% !important; min-height:100% !important; pointer-events:none !important; opacity:.24 !important; }
    body.guest-portfolio .guest-hero-product-track { right:-34px !important; opacity:.8 !important; }
}

/* Use the full desktop hero as the animated product canvas, matching mobile. */
@media (min-width:1024px) {
    body.guest-portfolio .guest-hero-product-wall { position:absolute !important; z-index:1 !important; inset:0 !important; display:block !important; width:100% !important; height:100% !important; min-height:100% !important; margin:0 !important; overflow:hidden !important; opacity:1 !important; pointer-events:none !important; }
    body.guest-portfolio .guest-hero-product-wall::after { position:absolute; z-index:2; inset:0; background:linear-gradient(90deg,color-mix(in srgb,var(--landing-page-bg) 40%,transparent),color-mix(in srgb,var(--landing-page-bg) 24%,transparent) 50%,color-mix(in srgb,var(--landing-page-bg) 40%,transparent)),linear-gradient(180deg,color-mix(in srgb,var(--landing-page-bg) 18%,transparent),transparent 58%,color-mix(in srgb,var(--landing-page-bg) 28%,transparent)); content:""; pointer-events:none; }
    body.guest-portfolio .guest-hero-product-track { top:50% !important; left:50% !important; right:auto !important; display:grid !important; width:168vw !important; height:calc(100% + 180px) !important; min-height:calc(100vh + 180px) !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; grid-template-rows:1fr !important; gap:10px !important; opacity:.5 !important; transform:translate(-50%,-50%) rotate(6deg) !important; -webkit-mask-image:none !important; mask-image:none !important; }
    body.guest-portfolio .guest-product-column { display:flex !important; min-width:0 !important; min-height:max-content !important; flex-direction:column !important; gap:10px !important; backface-visibility:hidden; transform-style:preserve-3d; }
    body.guest-portfolio .guest-product-column.is-up { animation:guestProductSlideUp 38s linear infinite !important; }
    body.guest-portfolio .guest-product-column.is-down { transform:translate3d(0,var(--guest-hero-loop-offset,-50%),0); animation:guestProductSlideDown 42s linear infinite !important; }
    body.guest-portfolio .guest-product-column:nth-child(1) { animation-delay:-8s !important; }
    body.guest-portfolio .guest-product-column:nth-child(2) { animation-delay:-25s !important; }
    body.guest-portfolio .guest-product-column:nth-child(3) { animation-duration:44s !important; animation-delay:-29s !important; }
    body.guest-portfolio .guest-product-column:nth-child(4) { animation-duration:47s !important; animation-delay:-12s !important; }
}

/* Keep the admin-defined tile dimensions. The desktop wall grows by adding
   more fixed-size columns instead of stretching the existing previews. */
@media (min-width:1024px) {
    body.guest-portfolio .guest-hero-product-track {
        width: var(--guest-hero-desktop-track-width, 2470px) !important;
        grid-template-columns: repeat(8, var(--guest-hero-tile-width, 300px)) !important;
        gap: 10px !important;
    }

    body.guest-portfolio .guest-product-column {
        width: var(--guest-hero-tile-width, 300px) !important;
        min-width: var(--guest-hero-tile-width, 300px) !important;
    }

    body.guest-portfolio .guest-product-tile {
        width: var(--guest-hero-tile-width, 300px) !important;
        height: var(--guest-hero-tile-height, 348px) !important;
        min-height: var(--guest-hero-tile-height, 348px) !important;
        flex: 0 0 var(--guest-hero-tile-width, 300px) !important;
    }
}

/* The mobile presentation remains the original four-column composition. */
@media (max-width:1023px) {
    body.guest-portfolio .guest-product-column:nth-child(n+5) { display: none !important; }
}

/* Hero product paths: a compact selector with clear hierarchy and quiet motion. */
body.guest-portfolio .market-v4-path-grid {
    position: relative;
    z-index: 4;
    perspective: 1200px;
}

body.guest-portfolio .market-v4-path-card {
    position: relative !important;
    isolation: isolate;
    overflow: hidden;
    display: flex !important;
    min-height: 202px !important;
    height: 100% !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    padding: 18px !important;
    border: 1px solid color-mix(in srgb, var(--color-brand-500, #7b3f93) 22%, var(--landing-border, #d9dee7)) !important;
    border-radius: var(--radius-card) !important;
    background: linear-gradient(145deg, color-mix(in srgb, var(--landing-page-bg, #fff) 86%, var(--color-brand-500, #7b3f93) 14%), var(--landing-page-bg, #fff)) !important;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .07), inset 0 1px 0 rgba(255, 255, 255, .55) !important;
    color: var(--landing-text-strong, #142033) !important;
    transform: translateZ(0);
    transition: transform .45s cubic-bezier(.22, 1, .36, 1), border-color .35s ease, box-shadow .45s ease, background .35s ease !important;
}

body.guest-portfolio .market-v4-path-card::before {
    position: absolute;
    z-index: -1;
    top: -80%;
    left: -35%;
    width: 38%;
    height: 260%;
    background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--color-brand-500, #7b3f93) 13%, transparent), transparent);
    content: "";
    opacity: 0;
    transform: rotate(24deg) translateX(-160%);
    transition: opacity .2s ease, transform .8s cubic-bezier(.22, 1, .36, 1);
}

body.guest-portfolio .market-v4-path-card::after {
    position: absolute;
    z-index: -2;
    right: -50px;
    bottom: -65px;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--color-brand-500, #7b3f93) 11%, transparent);
    content: "";
    filter: blur(2px);
    opacity: .72;
    transition: transform .5s cubic-bezier(.22, 1, .36, 1), opacity .35s ease;
}

body.guest-portfolio .market-v4-path-card:hover,
body.guest-portfolio .market-v4-path-card:focus-visible {
    border-color: color-mix(in srgb, var(--color-brand-500, #7b3f93) 58%, var(--landing-border, #d9dee7)) !important;
    box-shadow: 0 22px 46px color-mix(in srgb, var(--color-brand-500, #7b3f93) 17%, transparent), inset 0 1px 0 rgba(255, 255, 255, .7) !important;
    transform: translateY(-7px) rotateX(1deg);
}

body.guest-portfolio .market-v4-path-card:hover::before,
body.guest-portfolio .market-v4-path-card:focus-visible::before {
    opacity: 1;
    transform: rotate(24deg) translateX(450%);
}

body.guest-portfolio .market-v4-path-card:hover::after,
body.guest-portfolio .market-v4-path-card:focus-visible::after {
    opacity: 1;
    transform: scale(1.45) translate(-8px, -8px);
}

body.guest-portfolio .market-v4-path-topline {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

body.guest-portfolio .market-v4-path-card .market-v3-path-icon {
    position: relative;
    display: grid !important;
    width: 44px !important;
    height: 44px !important;
    flex: 0 0 44px !important;
    place-items: center !important;
    border: 1px solid color-mix(in srgb, var(--color-brand-500, #7b3f93) 20%, transparent);
    border-radius: var(--radius-button) !important;
    background: color-mix(in srgb, var(--color-brand-500, #7b3f93) 12%, transparent) !important;
    color: var(--color-brand-700, #622d79) !important;
    font-size: 20px !important;
    transition: transform .45s cubic-bezier(.22, 1, .36, 1), background .35s ease, color .35s ease;
}

body.guest-portfolio .market-v4-path-card .market-v3-path-icon::after {
    position: absolute;
    inset: -5px;
    border: 1px solid color-mix(in srgb, var(--color-brand-500, #7b3f93) 22%, transparent);
    border-radius: inherit;
    content: "";
    opacity: .65;
    transform: scale(.86);
    transition: transform .45s ease, opacity .35s ease;
}

body.guest-portfolio .market-v4-path-card:hover .market-v3-path-icon,
body.guest-portfolio .market-v4-path-card:focus-visible .market-v3-path-icon {
    background: color-mix(in srgb, var(--color-brand-500, #7b3f93) 19%, transparent) !important;
    transform: translateY(-2px) rotate(-4deg);
}

body.guest-portfolio .market-v4-path-card:hover .market-v3-path-icon::after,
body.guest-portfolio .market-v4-path-card:focus-visible .market-v3-path-icon::after {
    opacity: 0;
    transform: scale(1.3);
}

body.guest-portfolio .market-v4-path-status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--landing-text-muted, #657187);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .02em;
    white-space: nowrap;
}

body.guest-portfolio .market-v4-path-status i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--color-brand-600, #7b3f93);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--color-brand-500, #7b3f93) 12%, transparent);
    animation: marketV4StatusPulse 2.8s ease-in-out infinite;
}

body.guest-portfolio .market-v4-path-card .market-v3-hero-path-copy {
    position: relative;
    z-index: 1;
    display: block !important;
    min-width: 0;
    margin-top: 22px !important;
}

body.guest-portfolio .market-v4-path-card .market-v3-hero-path-copy strong {
    display: block !important;
    color: var(--landing-text-strong, #142033) !important;
    font-size: 16px !important;
    font-weight: 750;
    line-height: 1.2 !important;
    letter-spacing: -.02em;
}

body.guest-portfolio .market-v4-path-card .market-v3-hero-path-copy small {
    display: block !important;
    max-width: 245px;
    margin-top: 8px !important;
    color: var(--landing-text-muted, #657187) !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
}

body.guest-portfolio .market-v4-path-footer {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: auto;
    padding-top: 17px;
    color: var(--color-brand-700, #622d79);
    font-size: 11px;
    font-weight: 750;
}

body.guest-portfolio .market-v4-path-footer .market-v3-card-link {
    display: grid !important;
    width: 28px !important;
    min-width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--color-brand-500, #7b3f93) 24%, transparent);
    border-radius: 50%;
    background: color-mix(in srgb, var(--color-brand-500, #7b3f93) 9%, transparent);
    color: var(--color-brand-700, #622d79) !important;
    font-size: 15px !important;
    transition: transform .35s cubic-bezier(.22, 1, .36, 1), background .3s ease, color .3s ease;
}

body.guest-portfolio .market-v4-path-card:hover .market-v3-card-link,
body.guest-portfolio .market-v4-path-card:focus-visible .market-v3-card-link {
    background: var(--color-brand-600, #7b3f93);
    color: #fff !important;
    transform: translate(2px, -2px) rotate(3deg);
}

html.dark body.guest-portfolio .market-v4-path-card {
    background: linear-gradient(145deg, color-mix(in srgb, var(--landing-page-bg, #111827) 86%, var(--color-brand-500, #7b3f93) 14%), var(--landing-page-bg, #111827)) !important;
    box-shadow: 0 16px 34px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(255, 255, 255, .06) !important;
}

@keyframes marketV4StatusPulse {
    0%, 100% { opacity: .55; transform: scale(.85); }
    50% { opacity: 1; transform: scale(1.08); }
}

@media (max-width:800px) {
    body.guest-portfolio .market-v4-path-grid { gap: 8px !important; }
    body.guest-portfolio .market-v4-path-card {
        display: grid !important;
        grid-template-columns: 42px minmax(0, 1fr) auto !important;
        grid-template-areas: "icon copy action" !important;
        min-height: 86px !important;
        padding: 13px !important;
        align-items: center !important;
    }
    body.guest-portfolio .market-v4-path-topline { display: contents !important; }
    body.guest-portfolio .market-v4-path-card .market-v3-path-icon { grid-area: icon; width: 36px !important; height: 36px !important; flex-basis: 36px !important; font-size: 17px !important; }
    body.guest-portfolio .market-v4-path-status { display: none !important; }
    body.guest-portfolio .market-v4-path-card .market-v3-hero-path-copy { grid-area: copy; margin: 0 !important; }
    body.guest-portfolio .market-v4-path-card .market-v3-hero-path-copy strong { font-size: 14px !important; }
    body.guest-portfolio .market-v4-path-card .market-v3-hero-path-copy small { max-width: none; margin-top: 4px !important; font-size: 11px !important; line-height: 1.4 !important; }
    body.guest-portfolio .market-v4-path-footer { grid-area: action; display: block !important; margin: 0 !important; padding: 0 !important; }
    body.guest-portfolio .market-v4-path-footer > span:first-child { display: none !important; }
    body.guest-portfolio .market-v4-path-footer .market-v3-card-link { width: 28px !important; min-width: 28px !important; height: 28px !important; }
}

@media (prefers-reduced-motion: reduce) {
    body.guest-portfolio .market-v4-path-card,
    body.guest-portfolio .market-v4-path-card::before,
    body.guest-portfolio .market-v4-path-card::after,
    body.guest-portfolio .market-v4-path-card .market-v3-path-icon,
    body.guest-portfolio .market-v4-path-footer .market-v3-card-link { transition: none !important; }
    body.guest-portfolio .market-v4-path-status i { animation: none !important; }
}

/* Use the existing guest surface tokens so the selector belongs to the page
   instead of introducing another tinted panel color. */
body.guest-portfolio .market-v4-path-card {
    border-color: var(--landing-surface-border, rgba(15, 23, 42, .1)) !important;
    background: var(--landing-surface-bg, #fff) !important;
    box-shadow: var(--landing-surface-shadow, 0 12px 28px rgba(15, 23, 42, .07)) !important;
}

body.guest-portfolio .market-v4-path-card:hover,
body.guest-portfolio .market-v4-path-card:focus-visible {
    border-color: var(--landing-surface-border-hover, rgba(15, 23, 42, .16)) !important;
    background: var(--landing-surface-bg-hover, #fff) !important;
    box-shadow: var(--landing-surface-shadow, 0 22px 46px rgba(15, 23, 42, .12)) !important;
}

body.guest-portfolio .market-v4-path-card .market-v3-path-icon {
    border-color: var(--landing-subtle-border, rgba(15, 23, 42, .08));
    background: var(--landing-subtle-bg, rgba(15, 23, 42, .04)) !important;
}

body.guest-portfolio .market-v4-path-card .market-v3-path-icon::after {
    border-color: var(--landing-subtle-border, rgba(15, 23, 42, .08));
}

@media (max-width:800px) {
    body.guest-portfolio .market-v4-path-grid {
        width: 100% !important;
        gap: 9px !important;
    }

    body.guest-portfolio .market-v4-path-card,
    body.guest-portfolio .market-v4-path-card:hover,
    body.guest-portfolio .market-v4-path-card:focus-visible {
        min-height: 82px !important;
        padding: 12px !important;
        border-radius: var(--radius-card) !important;
        box-shadow: 0 8px 20px rgba(15, 23, 42, .055) !important;
        transform: none !important;
    }

    body.guest-portfolio .market-v4-path-card::before,
    body.guest-portfolio .market-v4-path-card::after {
        display: none !important;
    }

    body.guest-portfolio .market-v4-path-card .market-v3-path-icon {
        width: 34px !important;
        height: 34px !important;
        flex-basis: 34px !important;
        border-radius: var(--radius-button) !important;
        font-size: 16px !important;
    }

    body.guest-portfolio .market-v4-path-card .market-v3-path-icon::after {
        display: none !important;
    }

    body.guest-portfolio .market-v4-path-card .market-v3-hero-path-copy strong {
        font-size: 13px !important;
        line-height: 1.2 !important;
    }

    body.guest-portfolio .market-v4-path-card .market-v3-hero-path-copy small {
        display: -webkit-box !important;
        overflow: hidden;
        margin-top: 3px !important;
        font-size: 10.5px !important;
        line-height: 1.35 !important;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    body.guest-portfolio .market-v4-path-footer .market-v3-card-link,
    body.guest-portfolio .market-v4-path-footer .market-v3-card-link:hover {
        width: 26px !important;
        min-width: 26px !important;
        height: 26px !important;
        min-height: 26px !important;
        border-color: var(--landing-subtle-border, rgba(15, 23, 42, .08));
        background: var(--landing-subtle-bg, rgba(15, 23, 42, .04));
        color: var(--landing-text-muted, #475569) !important;
        transform: none !important;
    }
}

/* High-contrast path treatment. The dark surface gives the choices a clear
   visual role over the hero canvas while keeping the brand accent restrained. */
body.guest-portfolio .market-v4-path-card,
body.guest-portfolio .market-v4-path-card:hover,
body.guest-portfolio .market-v4-path-card:focus-visible {
    border-color: rgba(255, 255, 255, .14) !important;
    background: linear-gradient(145deg, #111827 0%, #182235 100%) !important;
    box-shadow: 0 18px 38px rgba(15, 23, 42, .2), inset 0 1px 0 rgba(255, 255, 255, .08) !important;
    color: #fff !important;
}

body.guest-portfolio .market-v4-path-card:hover,
body.guest-portfolio .market-v4-path-card:focus-visible {
    border-color: color-mix(in srgb, var(--color-brand-400, #d48ac0) 56%, rgba(255, 255, 255, .14)) !important;
    background: linear-gradient(145deg, #172136 0%, #202d44 100%) !important;
    box-shadow: 0 24px 50px rgba(15, 23, 42, .28), 0 0 0 1px color-mix(in srgb, var(--color-brand-400, #d48ac0) 18%, transparent) !important;
}

body.guest-portfolio .market-v4-path-card .market-v3-path-icon {
    border-color: rgba(255, 255, 255, .15) !important;
    background: rgba(255, 255, 255, .09) !important;
    color: var(--color-brand-200, #e7b7d7) !important;
}

body.guest-portfolio .market-v4-path-card .market-v3-path-icon::after {
    border-color: rgba(255, 255, 255, .18) !important;
}

body.guest-portfolio .market-v4-path-status {
    color: rgba(255, 255, 255, .62) !important;
}

body.guest-portfolio .market-v4-path-status i {
    background: var(--color-brand-300, #db93c2) !important;
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--color-brand-400, #d48ac0) 20%, transparent) !important;
}

body.guest-portfolio .market-v4-path-card .market-v3-hero-path-copy strong {
    color: #fff !important;
}

body.guest-portfolio .market-v4-path-card .market-v3-hero-path-copy small {
    color: rgba(255, 255, 255, .64) !important;
}

body.guest-portfolio .market-v4-path-footer {
    color: var(--color-brand-200, #e7b7d7) !important;
}

body.guest-portfolio .market-v4-path-footer .market-v3-card-link,
body.guest-portfolio .market-v4-path-footer .market-v3-card-link:hover {
    border-color: rgba(255, 255, 255, .18) !important;
    background: rgba(255, 255, 255, .09) !important;
    color: #fff !important;
}

@media (max-width:800px) {
    body.guest-portfolio .market-v4-path-grid {
        gap: 6px !important;
    }

    body.guest-portfolio .market-v4-path-card,
    body.guest-portfolio .market-v4-path-card:hover,
    body.guest-portfolio .market-v4-path-card:focus-visible {
        min-height: 54px !important;
        height: 54px !important;
        padding: 8px 10px !important;
        border-radius: var(--radius-card) !important;
        box-shadow: 0 8px 18px rgba(15, 23, 42, .16) !important;
        transform: none !important;
    }

    body.guest-portfolio .market-v4-path-card .market-v3-path-icon {
        width: 30px !important;
        height: 30px !important;
        flex-basis: 30px !important;
        font-size: 14px !important;
    }

    body.guest-portfolio .market-v4-path-card .market-v3-hero-path-copy {
        text-align: center !important;
    }

    body.guest-portfolio .market-v4-path-card .market-v3-hero-path-copy strong {
        font-size: 12px !important;
        line-height: 1.15 !important;
    }

    body.guest-portfolio .market-v4-path-card .market-v3-hero-path-copy small {
        max-width: 100% !important;
        margin-top: 2px !important;
        overflow: hidden;
        font-size: 9px !important;
        line-height: 1.15 !important;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    body.guest-portfolio .market-v4-path-footer .market-v3-card-link,
    body.guest-portfolio .market-v4-path-footer .market-v3-card-link:hover {
        width: 22px !important;
        min-width: 22px !important;
        height: 22px !important;
        min-height: 22px !important;
        font-size: 12px !important;
    }
}

/* Compact route selector: replace the tall marketing cards with one focused,
   easy-to-scan control surface. */
body.guest-portfolio .guest-hero-route-picker {
    position: relative;
    z-index: 4;
    display: grid !important;
    width: min(100%, 760px) !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
    margin: 30px auto 0 !important;
    padding: 6px !important;
    border: 1px solid rgba(15, 23, 42, .1);
    border-radius: var(--radius-card) !important;
    background: #e9edf2 !important;
    box-shadow: 0 14px 30px rgba(15, 23, 42, .1);
}

body.guest-portfolio .guest-hero-route-option {
    position: relative;
    display: grid !important;
    min-width: 0;
    height: 70px;
    grid-template-columns: 32px minmax(0, 1fr) 24px;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    overflow: hidden;
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: var(--radius-button) !important;
    background: #fff;
    color: #0f172a;
    box-shadow: 0 3px 8px rgba(15, 23, 42, .04);
    text-decoration: none;
    transform: translateY(7px);
    opacity: 0;
    animation: guestRouteOptionIn .55s cubic-bezier(.22, 1, .36, 1) forwards;
    transition: transform .3s cubic-bezier(.22, 1, .36, 1), border-color .25s ease, background .25s ease, box-shadow .3s ease;
}

body.guest-portfolio .guest-hero-route-option:nth-child(1) { animation-delay: .08s; }
body.guest-portfolio .guest-hero-route-option:nth-child(2) { animation-delay: .16s; }
body.guest-portfolio .guest-hero-route-option:nth-child(3) { animation-delay: .24s; }

body.guest-portfolio .guest-hero-route-option::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 3px;
    background: var(--color-brand-600, #7b3f93);
    content: "";
    opacity: .78;
    transform: scaleY(.35);
    transform-origin: center;
    transition: transform .3s ease;
}

body.guest-portfolio .guest-hero-route-option:hover,
body.guest-portfolio .guest-hero-route-option:focus-visible {
    border-color: color-mix(in srgb, var(--color-brand-600, #7b3f93) 36%, rgba(15, 23, 42, .08));
    background: #fff;
    box-shadow: 0 10px 22px rgba(15, 23, 42, .12);
    outline: none;
    transform: translateY(-3px);
}

body.guest-portfolio .guest-hero-route-option:hover::before,
body.guest-portfolio .guest-hero-route-option:focus-visible::before { transform: scaleY(1); }

body.guest-portfolio .guest-hero-route-icon {
    display: grid;
    width: 32px;
    height: 32px;
    place-items: center;
    border-radius: var(--radius-button);
    background: #eef1f5;
    color: var(--color-brand-700, #622d79);
    font-size: 16px;
    transition: transform .35s cubic-bezier(.22, 1, .36, 1), background .25s ease;
}

body.guest-portfolio .guest-hero-route-option:hover .guest-hero-route-icon,
body.guest-portfolio .guest-hero-route-option:focus-visible .guest-hero-route-icon {
    background: color-mix(in srgb, var(--color-brand-500, #7b3f93) 13%, #eef1f5);
    transform: rotate(-7deg) scale(1.06);
}

body.guest-portfolio .guest-hero-route-copy {
    display: block;
    min-width: 0;
    text-align: left;
}

body.guest-portfolio .guest-hero-route-copy strong,
body.guest-portfolio .guest-hero-route-copy small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.guest-portfolio .guest-hero-route-copy strong {
    color: #0f172a;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.25;
}

body.guest-portfolio .guest-hero-route-copy small {
    margin-top: 3px;
    color: #64748b;
    font-size: 10px;
    line-height: 1.2;
}

body.guest-portfolio .guest-hero-route-arrow {
    display: grid;
    width: 24px;
    height: 24px;
    place-items: center;
    border-radius: 50%;
    color: #64748b;
    font-size: 14px;
    transition: color .25s ease, background .25s ease, transform .3s ease;
}

body.guest-portfolio .guest-hero-route-option:hover .guest-hero-route-arrow,
body.guest-portfolio .guest-hero-route-option:focus-visible .guest-hero-route-arrow {
    background: var(--color-brand-600, #7b3f93);
    color: #fff;
    transform: translate(2px, -2px);
}

html.dark body.guest-portfolio .guest-hero-route-picker {
    border-color: rgba(255, 255, 255, .1);
    background: #111827 !important;
    box-shadow: 0 18px 34px rgba(0, 0, 0, .24);
}

html.dark body.guest-portfolio .guest-hero-route-option {
    border-color: rgba(255, 255, 255, .1);
    background: #1b2435;
    color: #fff;
    box-shadow: none;
}

html.dark body.guest-portfolio .guest-hero-route-option:hover,
html.dark body.guest-portfolio .guest-hero-route-option:focus-visible { background: #232f44; }
html.dark body.guest-portfolio .guest-hero-route-icon { background: rgba(255, 255, 255, .08); color: var(--color-brand-200, #e7b7d7); }
html.dark body.guest-portfolio .guest-hero-route-copy strong { color: #fff; }
html.dark body.guest-portfolio .guest-hero-route-copy small,
html.dark body.guest-portfolio .guest-hero-route-arrow { color: rgba(255, 255, 255, .58); }

@keyframes guestRouteOptionIn {
    to { opacity: 1; transform: translateY(0); }
}

@media (max-width:800px) {
    body.guest-portfolio .guest-hero-route-picker {
        width: 100% !important;
        grid-template-columns: 1fr !important;
        gap: 4px !important;
        margin-top: 18px !important;
        padding: 4px !important;
        border-radius: var(--radius-card) !important;
    }

    body.guest-portfolio .guest-hero-route-option {
        height: 46px !important;
        min-height: 46px !important;
        grid-template-columns: 28px minmax(0, 1fr) 22px !important;
        gap: 8px !important;
        padding: 6px 8px !important;
        border-radius: var(--radius-button) !important;
        transform: translateY(4px);
    }

    body.guest-portfolio .guest-hero-route-icon {
        width: 28px;
        height: 28px;
        font-size: 14px;
    }

    body.guest-portfolio .guest-hero-route-copy { text-align: center; }
    body.guest-portfolio .guest-hero-route-copy strong { font-size: 11px; }
    body.guest-portfolio .guest-hero-route-copy small { display: none; }
    body.guest-portfolio .guest-hero-route-arrow { width: 22px; height: 22px; font-size: 13px; }
}

@media (prefers-reduced-motion: reduce) {
    body.guest-portfolio .guest-hero-route-option { animation: none; opacity: 1; transform: none; transition: none; }
    body.guest-portfolio .guest-hero-route-option:hover,
    body.guest-portfolio .guest-hero-route-option:focus-visible { transform: none; }
}

/* Match the translucent proof control used above the hero title. */
body.guest-portfolio .guest-hero-route-picker {
    gap: 8px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

html.dark body.guest-portfolio .guest-hero-route-picker,
html:not(.dark) body.guest-portfolio .guest-hero-route-picker {
    border: 0 !important;
    border-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.guest-portfolio .guest-hero-route-option,
body.guest-portfolio .guest-hero-route-option:hover,
body.guest-portfolio .guest-hero-route-option:focus-visible {
    border-color: rgba(15, 23, 42, .10) !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, .78) !important;
    box-shadow: 0 12px 32px rgba(15, 23, 42, .08), inset 0 1px rgba(255, 255, 255, .72) !important;
    backdrop-filter: blur(16px);
}

body.guest-portfolio .guest-hero-route-option:hover,
body.guest-portfolio .guest-hero-route-option:focus-visible {
    border-color: rgba(15, 23, 42, .18) !important;
    background: rgba(255, 255, 255, .9) !important;
}

html.dark body.guest-portfolio .guest-hero-route-option,
html.dark body.guest-portfolio .guest-hero-route-option:hover,
html.dark body.guest-portfolio .guest-hero-route-option:focus-visible {
    border-color: rgba(255, 255, 255, .18) !important;
    background: rgba(255, 255, 255, .05) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .08), 0 14px 32px rgba(0, 0, 0, .16) !important;
}

html.dark body.guest-portfolio .guest-hero-route-option:hover,
html.dark body.guest-portfolio .guest-hero-route-option:focus-visible { background: rgba(255, 255, 255, .09) !important; }

@media (max-width:800px) {
    body.guest-portfolio .guest-hero-route-picker {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 5px !important;
        margin-top: 16px !important;
    }

    body.guest-portfolio .guest-hero-route-option,
    body.guest-portfolio .guest-hero-route-option:hover,
    body.guest-portfolio .guest-hero-route-option:focus-visible {
        height: 58px !important;
        min-height: 58px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 4px !important;
        padding: 6px 4px !important;
        border-radius: 8px !important;
        transform: none !important;
    }

    body.guest-portfolio .guest-hero-route-option::before { display: none !important; }
    body.guest-portfolio .guest-hero-route-icon { width: 24px !important; height: 24px !important; font-size: 13px !important; }
    body.guest-portfolio .guest-hero-route-copy { width: 100%; text-align: center !important; }
    body.guest-portfolio .guest-hero-route-copy strong { font-size: 10px !important; line-height: 1.15 !important; }
    body.guest-portfolio .guest-hero-route-copy small { display: none !important; }
    body.guest-portfolio .guest-hero-route-arrow { display: none !important; }
}

/* Dark mode uses the exact proof-control surface: translucent white fill,
   light border, and only the small inset highlight. */
html.dark body.guest-portfolio .guest-hero-route-option,
html.dark body.guest-portfolio .guest-hero-route-option:hover,
html.dark body.guest-portfolio .guest-hero-route-option:focus-visible {
    border: 1px solid rgba(255, 255, 255, .18) !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, .05) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .08) !important;
    backdrop-filter: none !important;
}

/* Route badges use the same configurable card radius as the proof badge and
   other Guest Appearance containers. */
html.dark body.guest-portfolio .guest-hero-route-option,
html.dark body.guest-portfolio .guest-hero-route-option:hover,
html.dark body.guest-portfolio .guest-hero-route-option:focus-visible,
html:not(.dark) body.guest-portfolio .guest-hero-route-option,
html:not(.dark) body.guest-portfolio .guest-hero-route-option:hover,
html:not(.dark) body.guest-portfolio .guest-hero-route-option:focus-visible {
    border-radius: var(--radius-card) !important;
}

html.dark body.guest-portfolio .guest-hero-route-option:hover,
html.dark body.guest-portfolio .guest-hero-route-option:focus-visible {
    background: rgba(255, 255, 255, .08) !important;
}

/* One unified proof-style control. The destinations are transparent options
   inside the same surface instead of three separate dark cards. */
body.guest-portfolio .guest-hero-route-picker {
    display: grid !important;
    gap: 0 !important;
    padding: 7px 8px !important;
    border: 1px solid rgba(255, 255, 255, .18) !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, .05) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .08) !important;
    backdrop-filter: none !important;
}

body.guest-portfolio .guest-hero-route-option,
body.guest-portfolio .guest-hero-route-option:hover,
body.guest-portfolio .guest-hero-route-option:focus-visible {
    height: 54px !important;
    min-height: 54px !important;
    border: 0 !important;
    border-radius: 4px !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: translateY(7px);
}

body.guest-portfolio .guest-hero-route-option + .guest-hero-route-option {
    border-left: 1px solid rgba(255, 255, 255, .12) !important;
}

body.guest-portfolio .guest-hero-route-option:hover,
body.guest-portfolio .guest-hero-route-option:focus-visible {
    background: rgba(255, 255, 255, .06) !important;
    transform: translateY(-1px);
}

body.guest-portfolio .guest-hero-route-option::before { display: none !important; }
body.guest-portfolio .guest-hero-route-icon { width: 27px !important; height: 27px !important; background: transparent !important; color: var(--color-brand-200, #e7b7d7) !important; }
body.guest-portfolio .guest-hero-route-copy strong { color: #fff !important; }
body.guest-portfolio .guest-hero-route-copy small { color: rgba(255, 255, 255, .58) !important; }
body.guest-portfolio .guest-hero-route-arrow { color: rgba(255, 255, 255, .58) !important; }

html:not(.dark) body.guest-portfolio .guest-hero-route-picker {
    border-color: rgba(15, 23, 42, .10) !important;
    background: rgba(255, 255, 255, .78) !important;
    box-shadow: 0 12px 32px rgba(15, 23, 42, .08), inset 0 1px rgba(255, 255, 255, .72) !important;
}

html:not(.dark) body.guest-portfolio .guest-hero-route-option,
html:not(.dark) body.guest-portfolio .guest-hero-route-option:hover,
html:not(.dark) body.guest-portfolio .guest-hero-route-option:focus-visible {
    color: #0f172a !important;
}

html:not(.dark) body.guest-portfolio .guest-hero-route-option + .guest-hero-route-option { border-left-color: rgba(15, 23, 42, .10) !important; }
html:not(.dark) body.guest-portfolio .guest-hero-route-option:hover,
html:not(.dark) body.guest-portfolio .guest-hero-route-option:focus-visible { background: rgba(15, 23, 42, .04) !important; }
html:not(.dark) body.guest-portfolio .guest-hero-route-icon { color: var(--color-brand-700, #622d79) !important; }
html:not(.dark) body.guest-portfolio .guest-hero-route-copy strong { color: #0f172a !important; }
html:not(.dark) body.guest-portfolio .guest-hero-route-copy small,
html:not(.dark) body.guest-portfolio .guest-hero-route-arrow { color: #64748b !important; }

@media (max-width:800px) {
    body.guest-portfolio .guest-hero-route-picker {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        padding: 5px !important;
        margin-top: 16px !important;
    }

    body.guest-portfolio .guest-hero-route-option,
    body.guest-portfolio .guest-hero-route-option:hover,
    body.guest-portfolio .guest-hero-route-option:focus-visible {
        height: 50px !important;
        min-height: 50px !important;
        padding: 4px 3px !important;
        gap: 3px !important;
        transform: none !important;
    }

    body.guest-portfolio .guest-hero-route-option + .guest-hero-route-option { border-left: 1px solid rgba(255, 255, 255, .12) !important; }
    html:not(.dark) body.guest-portfolio .guest-hero-route-option + .guest-hero-route-option { border-left-color: rgba(15, 23, 42, .10) !important; }
    body.guest-portfolio .guest-hero-route-icon { width: 22px !important; height: 22px !important; font-size: 12px !important; }
    body.guest-portfolio .guest-hero-route-copy strong { font-size: 9px !important; }
}

/* Keep the selector transparent while giving each destination its own
   proof-style surface, matching the Available On badge above the title. */
body.guest-portfolio .guest-hero-route-picker {
    gap: 8px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.guest-portfolio .guest-hero-route-option,
body.guest-portfolio .guest-hero-route-option:hover,
body.guest-portfolio .guest-hero-route-option:focus-visible {
    border: 1px solid rgba(255, 255, 255, .18) !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, .05) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .08) !important;
    backdrop-filter: none !important;
}

body.guest-portfolio .guest-hero-route-option + .guest-hero-route-option {
    border-left: 1px solid rgba(255, 255, 255, .18) !important;
}

body.guest-portfolio .guest-hero-route-option:hover,
body.guest-portfolio .guest-hero-route-option:focus-visible {
    background: rgba(255, 255, 255, .08) !important;
}

html:not(.dark) body.guest-portfolio .guest-hero-route-option,
html:not(.dark) body.guest-portfolio .guest-hero-route-option:hover,
html:not(.dark) body.guest-portfolio .guest-hero-route-option:focus-visible {
    border-color: rgba(15, 23, 42, .10) !important;
    background: rgba(255, 255, 255, .78) !important;
    box-shadow: 0 12px 32px rgba(15, 23, 42, .08), inset 0 1px rgba(255, 255, 255, .72) !important;
}

html:not(.dark) body.guest-portfolio .guest-hero-route-option + .guest-hero-route-option {
    border-left-color: rgba(15, 23, 42, .10) !important;
}

html:not(.dark) body.guest-portfolio .guest-hero-route-option:hover,
html:not(.dark) body.guest-portfolio .guest-hero-route-option:focus-visible {
    background: rgba(255, 255, 255, .90) !important;
}

/* Final panel reset: the three badges must not sit inside a shared surface. */
html.dark body.guest-portfolio .guest-hero-route-picker,
html:not(.dark) body.guest-portfolio .guest-hero-route-picker {
    gap: 8px !important;
    padding: 0 !important;
    border: 0 !important;
    border-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}

/* Keep route copy on a single crisp text layer. The picker already has its
   reveal animation, so nested option transforms only soften the glyphs. */
html.dark body.guest-portfolio .guest-hero-route-option,
html.dark body.guest-portfolio .guest-hero-route-option:hover,
html.dark body.guest-portfolio .guest-hero-route-option:focus-visible,
html:not(.dark) body.guest-portfolio .guest-hero-route-option,
html:not(.dark) body.guest-portfolio .guest-hero-route-option:hover,
html:not(.dark) body.guest-portfolio .guest-hero-route-option:focus-visible {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
    will-change: auto !important;
}

body.guest-portfolio .guest-hero-route-copy strong {
    font-size: 13px !important;
    font-weight: 800 !important;
    letter-spacing: -.01em;
}

body.guest-portfolio .guest-hero-route-copy small {
    font-size: 11px !important;
    font-weight: 600 !important;
}

html.dark body.guest-portfolio .guest-hero-route-copy small {
    color: rgba(255, 255, 255, .72) !important;
}

html:not(.dark) body.guest-portfolio .guest-hero-route-copy small {
    color: #475569 !important;
}

/* Stronger glass treatment for each route badge. */
html.dark body.guest-portfolio .guest-hero-route-option,
html.dark body.guest-portfolio .guest-hero-route-option:hover,
html.dark body.guest-portfolio .guest-hero-route-option:focus-visible {
    border-color: rgba(255, 255, 255, .24) !important;
    background: rgba(255, 255, 255, .08) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .14), 0 16px 34px rgba(0, 0, 0, .20) !important;
    backdrop-filter: blur(28px) saturate(135%) !important;
    -webkit-backdrop-filter: blur(28px) saturate(135%) !important;
}

html.dark body.guest-portfolio .guest-hero-route-option:hover,
html.dark body.guest-portfolio .guest-hero-route-option:focus-visible {
    background: rgba(255, 255, 255, .13) !important;
}

html:not(.dark) body.guest-portfolio .guest-hero-route-option,
html:not(.dark) body.guest-portfolio .guest-hero-route-option:hover,
html:not(.dark) body.guest-portfolio .guest-hero-route-option:focus-visible {
    border-color: rgba(15, 23, 42, .14) !important;
    background: rgba(255, 255, 255, .58) !important;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .10), inset 0 1px rgba(255, 255, 255, .84) !important;
    backdrop-filter: blur(28px) saturate(140%) !important;
    -webkit-backdrop-filter: blur(28px) saturate(140%) !important;
}

html:not(.dark) body.guest-portfolio .guest-hero-route-option:hover,
html:not(.dark) body.guest-portfolio .guest-hero-route-option:focus-visible {
    background: rgba(255, 255, 255, .70) !important;
}

/* Keep the glass edge subtle and lightweight. */
html.dark body.guest-portfolio .guest-hero-route-option,
html.dark body.guest-portfolio .guest-hero-route-option:hover,
html.dark body.guest-portfolio .guest-hero-route-option:focus-visible {
    border-color: rgba(255, 255, 255, .14) !important;
}

html.dark body.guest-portfolio .guest-hero-route-option + .guest-hero-route-option {
    border-left-color: rgba(255, 255, 255, .14) !important;
}

html:not(.dark) body.guest-portfolio .guest-hero-route-option,
html:not(.dark) body.guest-portfolio .guest-hero-route-option:hover,
html:not(.dark) body.guest-portfolio .guest-hero-route-option:focus-visible {
    border-color: rgba(15, 23, 42, .08) !important;
}

html:not(.dark) body.guest-portfolio .guest-hero-route-option + .guest-hero-route-option {
    border-left-color: rgba(15, 23, 42, .08) !important;
}

/* Premium category cards for the hero route chooser. */
body.guest-portfolio .guest-paths {
    position: relative;
    z-index: 4;
    display: grid;
    width: min(100%, 1120px);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin: 30px auto 0;
    text-align: left;
}

body.guest-portfolio .guest-path-card {
    position: relative;
    display: flex !important;
    min-width: 0;
    min-height: 310px;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .16) !important;
    border-radius: var(--radius-card) !important;
    background: rgba(255, 255, 255, .07) !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, .18), inset 0 1px rgba(255, 255, 255, .12) !important;
    color: #fff;
    text-decoration: none;
    backdrop-filter: blur(18px) saturate(130%);
    -webkit-backdrop-filter: blur(18px) saturate(130%);
    transition: transform .38s cubic-bezier(.22, 1, .36, 1), border-color .3s ease, box-shadow .38s ease, background .3s ease;
}

body.guest-portfolio .guest-path-card:hover,
body.guest-portfolio .guest-path-card:focus-visible {
    border-color: rgba(255, 255, 255, .34) !important;
    background: rgba(255, 255, 255, .12) !important;
    box-shadow: 0 26px 58px rgba(0, 0, 0, .28), inset 0 1px rgba(255, 255, 255, .18) !important;
    outline: none;
    transform: translateY(-7px);
}

body.guest-portfolio .guest-path-media {
    position: relative;
    display: block;
    height: 142px;
    flex: 0 0 142px;
    overflow: hidden;
    background: #151827;
}

body.guest-portfolio .guest-path-media::after {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(4, 6, 12, .04) 12%, rgba(4, 6, 12, .72) 100%);
    content: "";
    pointer-events: none;
}

body.guest-portfolio .guest-path-card-hosted .guest-path-media::after { background: linear-gradient(180deg, rgba(4, 6, 12, .04), rgba(4, 6, 12, .76)), linear-gradient(135deg, rgba(37, 211, 187, .22), transparent 62%); }
body.guest-portfolio .guest-path-card-code .guest-path-media::after { background: linear-gradient(180deg, rgba(4, 6, 12, .04), rgba(4, 6, 12, .76)), linear-gradient(135deg, rgba(123, 111, 255, .22), transparent 62%); }
body.guest-portfolio .guest-path-card-templates .guest-path-media::after { background: linear-gradient(180deg, rgba(4, 6, 12, .04), rgba(4, 6, 12, .76)), linear-gradient(135deg, rgba(238, 155, 89, .22), transparent 62%); }

body.guest-portfolio .guest-path-media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .92;
    transition: transform .7s cubic-bezier(.22, 1, .36, 1), opacity .35s ease;
}

body.guest-portfolio .guest-path-card:hover .guest-path-media img,
body.guest-portfolio .guest-path-card:focus-visible .guest-path-media img {
    opacity: 1;
    transform: scale(1.08);
}

body.guest-portfolio .guest-path-badge {
    position: absolute;
    bottom: 14px;
    left: 14px;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 26px;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: var(--radius-button);
    background: rgba(5, 6, 8, .52);
    padding: 0 9px;
    color: rgba(255, 255, 255, .86);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
    backdrop-filter: blur(12px) saturate(125%);
    -webkit-backdrop-filter: blur(12px) saturate(125%);
}

body.guest-portfolio .guest-path-badge i { color: #fff; font-size: 13px; }
body.guest-portfolio .guest-path-card-hosted .guest-path-badge i { color: #72e8d6; }
body.guest-portfolio .guest-path-card-code .guest-path-badge i { color: #bdb6ff; }
body.guest-portfolio .guest-path-card-templates .guest-path-badge i { color: #ffc58e; }

body.guest-portfolio .guest-path-body {
    display: flex;
    min-height: 168px;
    flex: 1;
    flex-direction: column;
    padding: 20px 19px 18px;
}

body.guest-portfolio .guest-path-title {
    display: block;
    color: #fff;
    font-size: 17px;
    font-weight: 800;
    letter-spacing: -.02em;
    line-height: 1.2;
}

body.guest-portfolio .guest-path-description {
    display: block;
    max-width: 250px;
    margin-top: 8px;
    color: rgba(255, 255, 255, .62);
    font-size: 12px;
    font-weight: 550;
    line-height: 1.55;
}

body.guest-portfolio .guest-path-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: auto;
    padding-top: 18px;
    color: rgba(255, 255, 255, .86);
    font-size: 11px;
    font-weight: 800;
}

body.guest-portfolio .guest-path-arrow {
    display: grid;
    width: 28px;
    height: 28px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: var(--radius-button);
    background: rgba(255, 255, 255, .08);
    color: #fff;
    font-size: 15px;
    transition: transform .35s cubic-bezier(.22, 1, .36, 1), background .25s ease;
}

body.guest-portfolio .guest-path-card:hover .guest-path-arrow,
body.guest-portfolio .guest-path-card:focus-visible .guest-path-arrow {
    background: rgba(255, 255, 255, .17);
    transform: translate(2px, -2px);
}

html:not(.dark) body.guest-portfolio .guest-path-card {
    border-color: rgba(15, 23, 42, .10) !important;
    background: rgba(255, 255, 255, .66) !important;
    box-shadow: 0 18px 42px rgba(15, 23, 42, .09), inset 0 1px rgba(255, 255, 255, .86) !important;
    color: #0f172a;
}

html:not(.dark) body.guest-portfolio .guest-path-card:hover,
html:not(.dark) body.guest-portfolio .guest-path-card:focus-visible {
    border-color: rgba(15, 23, 42, .18) !important;
    background: rgba(255, 255, 255, .82) !important;
    box-shadow: 0 26px 58px rgba(15, 23, 42, .13), inset 0 1px rgba(255, 255, 255, .94) !important;
}

html:not(.dark) body.guest-portfolio .guest-path-title { color: #0f172a; }
html:not(.dark) body.guest-portfolio .guest-path-description { color: #64748b; }
html:not(.dark) body.guest-portfolio .guest-path-footer { color: #334155; }
html:not(.dark) body.guest-portfolio .guest-path-arrow { border-color: rgba(15, 23, 42, .10); background: rgba(15, 23, 42, .06); color: #0f172a; }

@media (max-width: 800px) {
    body.guest-portfolio .guest-paths {
        width: 100%;
        grid-template-columns: 1fr;
        gap: 9px;
        margin-top: 18px;
    }

    body.guest-portfolio .guest-path-card {
        min-height: 0;
        display: grid !important;
        grid-template-columns: 104px minmax(0, 1fr);
        flex-direction: initial;
    }

    body.guest-portfolio .guest-path-media { height: 100%; min-height: 130px; }
    body.guest-portfolio .guest-path-badge { right: 8px; bottom: 8px; left: 8px; justify-content: center; padding: 0 5px; font-size: 7px; letter-spacing: .03em; }
    body.guest-portfolio .guest-path-body { min-height: 130px; padding: 15px 15px 13px; }
    body.guest-portfolio .guest-path-title { font-size: 14px; }
    body.guest-portfolio .guest-path-description { margin-top: 5px; font-size: 11px; line-height: 1.4; }
    body.guest-portfolio .guest-path-footer { padding-top: 10px; font-size: 10px; }
    body.guest-portfolio .guest-path-arrow { width: 24px; height: 24px; font-size: 13px; }
}

@media (prefers-reduced-motion: reduce) {
    body.guest-portfolio .guest-path-card,
    body.guest-portfolio .guest-path-media img,
    body.guest-portfolio .guest-path-arrow { transition: none !important; }
}

/* Livelier three-up category grid. */
body.guest-portfolio .guest-path-card {
    --path-accent: #72e8d6;
    isolation: isolate;
    min-height: 292px;
    background: linear-gradient(145deg, color-mix(in srgb, var(--path-accent) 15%, transparent), rgba(255, 255, 255, .06) 48%, rgba(255, 255, 255, .02)) !important;
    box-shadow: 0 20px 44px rgba(0, 0, 0, .20), inset 0 1px rgba(255, 255, 255, .15) !important;
}

body.guest-portfolio .guest-path-card-code { --path-accent: #aaa3ff; }
body.guest-portfolio .guest-path-card-templates { --path-accent: #ffc58e; }

body.guest-portfolio .guest-path-card::before {
    position: absolute;
    top: 0;
    right: 18px;
    left: 18px;
    z-index: 4;
    height: 3px;
    border-radius: 0 0 999px 999px;
    background: linear-gradient(90deg, transparent, var(--path-accent), transparent);
    content: "";
    opacity: .95;
}

body.guest-portfolio .guest-path-card::after {
    position: absolute;
    top: -70px;
    right: -50px;
    z-index: -1;
    width: 170px;
    height: 170px;
    border-radius: 50%;
    background: var(--path-accent);
    content: "";
    filter: blur(42px);
    opacity: .14;
    pointer-events: none;
    transition: opacity .35s ease, transform .45s ease;
}

body.guest-portfolio .guest-path-card:hover::after,
body.guest-portfolio .guest-path-card:focus-visible::after {
    opacity: .30;
    transform: scale(1.25);
}

body.guest-portfolio .guest-path-card:hover,
body.guest-portfolio .guest-path-card:focus-visible {
    border-color: color-mix(in srgb, var(--path-accent) 60%, rgba(255, 255, 255, .28)) !important;
    background: linear-gradient(145deg, color-mix(in srgb, var(--path-accent) 24%, transparent), rgba(255, 255, 255, .10) 48%, rgba(255, 255, 255, .04)) !important;
    box-shadow: 0 28px 64px color-mix(in srgb, var(--path-accent) 18%, rgba(0, 0, 0, .30)), inset 0 1px rgba(255, 255, 255, .20) !important;
    transform: translateY(-8px) scale(1.015);
}

body.guest-portfolio .guest-path-media { height: 128px; flex-basis: 128px; }
body.guest-portfolio .guest-path-media img { opacity: .98; }
body.guest-portfolio .guest-path-body { min-height: 164px; padding: 19px 19px 16px; }
body.guest-portfolio .guest-path-title { font-size: 18px; }
body.guest-portfolio .guest-path-description { color: rgba(255, 255, 255, .70); }
body.guest-portfolio .guest-path-footer { color: #fff; }
body.guest-portfolio .guest-path-arrow { border-color: color-mix(in srgb, var(--path-accent) 52%, rgba(255, 255, 255, .18)); background: color-mix(in srgb, var(--path-accent) 18%, rgba(255, 255, 255, .08)); }

html:not(.dark) body.guest-portfolio .guest-path-card {
    background: linear-gradient(145deg, color-mix(in srgb, var(--path-accent) 13%, white), rgba(255, 255, 255, .92) 55%, color-mix(in srgb, var(--path-accent) 6%, white)) !important;
    box-shadow: 0 20px 44px rgba(15, 23, 42, .10), inset 0 1px rgba(255, 255, 255, .92) !important;
}

html:not(.dark) body.guest-portfolio .guest-path-card:hover,
html:not(.dark) body.guest-portfolio .guest-path-card:focus-visible {
    background: linear-gradient(145deg, color-mix(in srgb, var(--path-accent) 22%, white), rgba(255, 255, 255, .96) 55%, color-mix(in srgb, var(--path-accent) 10%, white)) !important;
    box-shadow: 0 28px 64px color-mix(in srgb, var(--path-accent) 17%, rgba(15, 23, 42, .16)), inset 0 1px rgba(255, 255, 255, .98) !important;
}

html:not(.dark) body.guest-portfolio .guest-path-description { color: #5d6b82; }
html:not(.dark) body.guest-portfolio .guest-path-footer { color: #1f2937; }
html:not(.dark) body.guest-portfolio .guest-path-arrow { border-color: color-mix(in srgb, var(--path-accent) 48%, rgba(15, 23, 42, .14)); background: color-mix(in srgb, var(--path-accent) 22%, rgba(15, 23, 42, .04)); }

@media (max-width: 800px) {
    body.guest-portfolio .guest-paths {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 6px;
        margin-top: 16px;
    }

    body.guest-portfolio .guest-path-card {
        display: flex !important;
        min-height: 188px;
        height: 188px;
        flex-direction: column;
    }

    body.guest-portfolio .guest-path-card::before { right: 8px; left: 8px; height: 2px; }
    body.guest-portfolio .guest-path-card::after { top: -45px; right: -60px; width: 120px; height: 120px; filter: blur(30px); }
    body.guest-portfolio .guest-path-media { height: 78px; min-height: 78px; flex: 0 0 78px; }
    body.guest-portfolio .guest-path-badge { right: auto; bottom: 7px; left: 7px; width: 23px; min-height: 23px; height: 23px; justify-content: center; gap: 0; padding: 0; }
    body.guest-portfolio .guest-path-badge span { display: none; }
    body.guest-portfolio .guest-path-badge i { font-size: 12px; }
    body.guest-portfolio .guest-path-body { min-height: 110px; padding: 10px 8px 8px; }
    body.guest-portfolio .guest-path-title { font-size: 11px; line-height: 1.15; }
    body.guest-portfolio .guest-path-description { display: -webkit-box; margin-top: 5px; overflow: hidden; font-size: 9px; line-height: 1.32; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
    body.guest-portfolio .guest-path-footer { gap: 3px; padding-top: 6px; font-size: 8px; line-height: 1.15; }
    body.guest-portfolio .guest-path-arrow { width: 20px; height: 20px; flex: 0 0 20px; font-size: 11px; }
    body.guest-portfolio .guest-path-card:hover,
    body.guest-portfolio .guest-path-card:focus-visible { transform: translateY(-4px) scale(1.01); }
}

/* Give each whole card an unmistakable destination action. */
body.guest-portfolio .guest-path-card { cursor: pointer; }

body.guest-portfolio .guest-path-footer {
    min-height: 40px;
    gap: 8px;
    border: 1px solid color-mix(in srgb, var(--path-accent) 72%, white);
    border-radius: var(--radius-button) !important;
    background: var(--path-accent);
    padding: 0 9px;
    color: #101827 !important;
    font-size: 11px;
    font-weight: 850;
    transition: filter .2s ease, transform .2s ease, box-shadow .2s ease;
}

body.guest-portfolio .guest-path-card:hover .guest-path-footer,
body.guest-portfolio .guest-path-card:focus-visible .guest-path-footer {
    filter: brightness(1.07);
    box-shadow: 0 5px 14px color-mix(in srgb, var(--path-accent) 34%, transparent);
    transform: translateY(-1px);
}

body.guest-portfolio .guest-path-arrow,
html:not(.dark) body.guest-portfolio .guest-path-arrow {
    width: 25px;
    height: 25px;
    flex: 0 0 25px;
    border-color: rgba(16, 24, 39, .15);
    background: rgba(16, 24, 39, .10);
    color: #101827;
    font-size: 14px;
}

body.guest-portfolio .guest-path-card:hover .guest-path-arrow,
body.guest-portfolio .guest-path-card:focus-visible .guest-path-arrow {
    background: rgba(16, 24, 39, .18);
}

@media (max-width: 800px) {
    body.guest-portfolio .guest-path-body { padding-bottom: 7px; }
    body.guest-portfolio .guest-path-footer {
        min-height: 28px;
        gap: 3px;
        padding: 0 5px;
        font-size: 8.5px;
        letter-spacing: -.01em;
    }
    body.guest-portfolio .guest-path-arrow,
    html:not(.dark) body.guest-portfolio .guest-path-arrow {
        width: 17px;
        height: 17px;
        flex-basis: 17px;
        font-size: 10px;
    }
}



/* Direct product switcher: compact destination controls instead of content cards. */
body.guest-portfolio .guest-paths {
    position: relative;
    z-index: 4;
    display: grid;
    width: min(100%, 760px);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin: 30px auto 0;
    text-align: left;
}

body.guest-portfolio .guest-path-card,
body.guest-portfolio .guest-path-card:hover,
body.guest-portfolio .guest-path-card:focus-visible {
    --path-accent: #72e8d6;
    position: relative;
    display: grid !important;
    min-width: 0;
    width: 100%;
    height: 78px;
    min-height: 78px;
    grid-template-columns: 34px minmax(0, 1fr) 28px;
    align-items: center;
    gap: 10px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .13) !important;
    border-radius: var(--radius-card) !important;
    background: rgba(255, 255, 255, .065) !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, .18), inset 0 1px rgba(255, 255, 255, .11) !important;
    color: #fff;
    text-decoration: none;
    backdrop-filter: blur(22px) saturate(145%);
    -webkit-backdrop-filter: blur(22px) saturate(145%);
    transform: none !important;
    transition: transform .24s ease, border-color .24s ease, background .24s ease, box-shadow .24s ease;
}

body.guest-portfolio .guest-path-card-code { --path-accent: #aaa3ff; }
body.guest-portfolio .guest-path-card-templates { --path-accent: #ffc58e; }

body.guest-portfolio .guest-path-card::before {
    position: absolute;
    top: 0;
    right: 14px;
    left: 14px;
    z-index: 2;
    height: 2px;
    border-radius: 0 0 999px 999px;
    background: var(--path-accent);
    content: "";
    opacity: .92;
}

body.guest-portfolio .guest-path-card::after {
    position: absolute;
    top: -44px;
    right: -34px;
    z-index: -1;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    background: var(--path-accent);
    content: "";
    filter: blur(24px);
    opacity: .11;
    pointer-events: none;
    transition: opacity .24s ease, transform .24s ease;
}

body.guest-portfolio .guest-path-card:hover,
body.guest-portfolio .guest-path-card:focus-visible {
    border-color: color-mix(in srgb, var(--path-accent) 64%, rgba(255, 255, 255, .22)) !important;
    background: color-mix(in srgb, var(--path-accent) 10%, rgba(255, 255, 255, .08)) !important;
    box-shadow: 0 18px 38px rgba(0, 0, 0, .25), inset 0 1px rgba(255, 255, 255, .17) !important;
    outline: none;
    transform: translateY(-3px) !important;
}

body.guest-portfolio .guest-path-card:hover::after,
body.guest-portfolio .guest-path-card:focus-visible::after {
    opacity: .22;
    transform: scale(1.18);
}

body.guest-portfolio .guest-path-icon {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--path-accent) 62%, rgba(255, 255, 255, .16));
    border-radius: var(--radius-button);
    background: color-mix(in srgb, var(--path-accent) 17%, rgba(255, 255, 255, .08));
    color: var(--path-accent);
    font-size: 17px;
}

body.guest-portfolio .guest-path-copy {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 3px;
}

body.guest-portfolio .guest-path-copy strong {
    overflow: hidden;
    color: #fff;
    font-size: 13px;
    font-weight: 820;
    letter-spacing: -.01em;
    line-height: 1.15;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.guest-portfolio .guest-path-copy small {
    overflow: hidden;
    color: rgba(255, 255, 255, .58);
    font-size: 10px;
    font-weight: 600;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.guest-portfolio .guest-path-arrow {
    display: grid;
    width: 28px;
    height: 28px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--path-accent) 58%, rgba(255, 255, 255, .14));
    border-radius: var(--radius-button);
    background: color-mix(in srgb, var(--path-accent) 13%, rgba(255, 255, 255, .06));
    color: var(--path-accent);
    font-size: 14px;
    transition: transform .24s ease, background .24s ease;
}

body.guest-portfolio .guest-path-card:hover .guest-path-arrow,
body.guest-portfolio .guest-path-card:focus-visible .guest-path-arrow {
    background: color-mix(in srgb, var(--path-accent) 27%, rgba(255, 255, 255, .08));
    transform: translate(2px, -2px);
}

html:not(.dark) body.guest-portfolio .guest-path-card,
html:not(.dark) body.guest-portfolio .guest-path-card:hover,
html:not(.dark) body.guest-portfolio .guest-path-card:focus-visible {
    border-color: rgba(15, 23, 42, .11) !important;
    background: rgba(255, 255, 255, .70) !important;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .10), inset 0 1px rgba(255, 255, 255, .90) !important;
    color: #0f172a;
}

html:not(.dark) body.guest-portfolio .guest-path-card:hover,
html:not(.dark) body.guest-portfolio .guest-path-card:focus-visible {
    border-color: color-mix(in srgb, var(--path-accent) 52%, rgba(15, 23, 42, .12)) !important;
    background: color-mix(in srgb, var(--path-accent) 8%, rgba(255, 255, 255, .88)) !important;
    box-shadow: 0 18px 38px rgba(15, 23, 42, .14), inset 0 1px rgba(255, 255, 255, .96) !important;
}

html:not(.dark) body.guest-portfolio .guest-path-copy strong { color: #0f172a; }
html:not(.dark) body.guest-portfolio .guest-path-copy small { color: #64748b; }
html:not(.dark) body.guest-portfolio .guest-path-arrow { color: color-mix(in srgb, var(--path-accent) 82%, #0f172a); }

@media (max-width: 800px) {
    body.guest-portfolio .guest-paths {
        width: 100%;
        gap: 5px;
        margin-top: 18px;
    }

    body.guest-portfolio .guest-path-card,
    body.guest-portfolio .guest-path-card:hover,
    body.guest-portfolio .guest-path-card:focus-visible {
        height: 72px;
        min-height: 72px;
        grid-template-columns: 1fr;
        justify-items: center;
        gap: 3px;
        padding: 9px 4px 7px;
        text-align: center;
        transform: none !important;
    }

    body.guest-portfolio .guest-path-icon {
        width: 23px;
        height: 23px;
        border-radius: 8px;
        font-size: 12px;
    }

    body.guest-portfolio .guest-path-copy {
        align-items: center;
        gap: 2px;
        max-width: 100%;
    }

    body.guest-portfolio .guest-path-copy strong {
        max-width: 100%;
        font-size: 9.5px;
    }

    body.guest-portfolio .guest-path-copy small {
        max-width: 100%;
        font-size: 7px;
    }

    body.guest-portfolio .guest-path-arrow {
        position: absolute;
        top: 5px;
        right: 5px;
        width: 16px;
        height: 16px;
        border-radius: 6px;
        font-size: 9px;
    }
}

@media (max-width: 360px) {
    body.guest-portfolio .guest-path-copy strong { font-size: 9px; }
    body.guest-portfolio .guest-path-copy small { font-size: 6.5px; }
}

@media (prefers-reduced-motion: reduce) {
    body.guest-portfolio .guest-path-card,
    body.guest-portfolio .guest-path-card::after,
    body.guest-portfolio .guest-path-arrow { transition: none !important; }
}

/* Hero destinations use the shared marketplace action treatment. */
body.guest-portfolio .guest-paths {
    display: grid;
    width: min(100%, 760px);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin: 30px auto 0;
    text-align: center;
}

body.guest-portfolio .guest-paths > .market-v3-action {
    width: 100%;
    min-width: 0;
    min-height: 42px;
    margin: 0;
    padding-inline: 12px;
    border-radius: var(--radius-button) !important;
    font-size: 12px;
    line-height: 1;
}

body.guest-portfolio .guest-paths > .market-v3-action i {
    font-size: 15px;
    line-height: 1;
}

@media (max-width: 800px) {
    body.guest-portfolio .guest-paths {
        width: 100%;
        gap: 6px;
        margin-top: 18px;
    }

    body.guest-portfolio .guest-paths > .market-v3-action {
        min-height: 40px;
        padding-inline: 6px;
        gap: 4px;
        font-size: 10px;
    }

    body.guest-portfolio .guest-paths > .market-v3-action i { font-size: 12px; }
}

/* Use the Guest Appearance action palette: dark on light mode, light on dark mode. */
body.guest-portfolio .guest-paths > .market-v3-action,
body.guest-portfolio .guest-paths > .market-v3-action:hover,
body.guest-portfolio .guest-paths > .market-v3-action:focus-visible {
    background: var(--landing-action-bg, #0f172a) !important;
    border: 1px solid var(--landing-action-border, rgba(15, 23, 42, .88)) !important;
    color: var(--landing-action-text, #fff) !important;
    box-shadow: var(--landing-action-shadow, none) !important;
}

body.guest-portfolio .guest-paths > .market-v3-action:hover,
body.guest-portfolio .guest-paths > .market-v3-action:focus-visible {
    background: var(--landing-action-bg-hover, #1e293b) !important;
    border-color: var(--landing-action-border-hover, #1e293b) !important;
}

/* Keep the headline accent primary while highlighting the description without recoloring it. */
body.guest-portfolio .guest-hero-title-accent {
    color: var(--color-brand-500, #c34b9a) !important;
}

body.guest-portfolio .guest-hero-copy-highlight {
    color: #f4f6fb !important;
    font-weight: 750 !important;
    opacity: 1 !important;
    transform: none !important;
    text-shadow: none !important;
}

html:not(.dark) body.guest-portfolio .guest-hero-copy-highlight {
    color: #334155 !important;
}

/* Larger desktop headline with the requested two-line composition. */
@media (min-width: 1024px) {
    body.guest-portfolio .guest-home-hero-copy {
        width: min(100%, 1248px) !important;
    }

    body.guest-portfolio .guest-hero-title {
        max-width: 1248px !important;
        font-size: clamp(51px, 6.3vw, 92px) !important;
    }
}

/* Keep one consistent vertical rhythm across the hero content. */
body.guest-portfolio .guest-hero-title,
body.guest-portfolio .guest-hero-copy-highlight,
body.guest-portfolio .guest-paths,
body.guest-portfolio .guest-hero-checks {
    margin-top: 96px !important;
}

@media (max-width: 800px) {
    body.guest-portfolio .guest-hero-title,
    body.guest-portfolio .guest-hero-copy-highlight,
    body.guest-portfolio .guest-paths,
    body.guest-portfolio .guest-hero-checks {
        margin-top: 64px !important;
    }
}

/* Hero copy rhythm: keep the restored image composition and tune only the
   headline, description, destination buttons, and proof row. */
body.guest-portfolio .guest-home-hero-copy {
    width: min(100%, 1080px) !important;
    max-width: 1080px !important;
    margin-inline: auto !important;
    text-align: center !important;
}

body.guest-portfolio .guest-hero-title {
    max-width: 1080px !important;
    margin: 24px auto 0 !important;
    font-size: clamp(48px, 5.8vw, 84px) !important;
    line-height: 1.02 !important;
    letter-spacing: -.035em !important;
    text-align: center !important;
}

body.guest-portfolio .guest-hero-copy-highlight {
    max-width: 820px !important;
    margin: 22px auto 0 !important;
    font-size: 17px !important;
    line-height: 1.55 !important;
    text-align: center !important;
}

body.guest-portfolio .guest-paths {
    width: min(100%, 760px) !important;
    margin: 28px auto 0 !important;
    gap: 12px !important;
}

body.guest-portfolio .guest-paths > .market-v3-action {
    min-height: 46px !important;
    border-radius: var(--radius-button, 12px) !important;
    padding-inline: 16px !important;
    font-size: 12px !important;
}

body.guest-portfolio .guest-hero-checks {
    justify-content: center !important;
    gap: 16px 24px !important;
    margin: 18px auto 0 !important;
    text-align: center !important;
}

@media (max-width: 800px) {
    body.guest-portfolio .guest-home-hero-copy {
        width: 100% !important;
        max-width: 100% !important;
    }

    body.guest-portfolio .guest-hero-title {
        margin-top: 24px !important;
        font-size: clamp(39px, 11vw, 54px) !important;
        line-height: 1.04 !important;
    }

    body.guest-portfolio .guest-hero-copy-highlight {
        margin-top: 20px !important;
        font-size: 15px !important;
        line-height: 1.55 !important;
    }

    body.guest-portfolio .guest-paths {
        margin-top: 22px !important;
        gap: 8px !important;
    }

    body.guest-portfolio .guest-paths > .market-v3-action {
        min-height: 42px !important;
        padding-inline: 8px !important;
        font-size: 10px !important;
    }

    body.guest-portfolio .guest-hero-checks {
        width: 100% !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 10px 14px !important;
        margin-top: 16px !important;
        font-size: 11px !important;
    }

    body.guest-portfolio .guest-hero-checks span {
        white-space: nowrap !important;
    }
}

/* Premium motion layer for the restored full-viewport hero. */
body.guest-portfolio .guest-home-hero-inner {
    min-height: calc(100svh - 62px) !important;
    isolation: isolate !important;
}

body.guest-portfolio .guest-home-hero-inner::before {
    display: block !important;
    position: absolute;
    z-index: 0;
    inset: -18%;
    pointer-events: none;
    content: "";
    background:
        radial-gradient(circle at 30% 30%, color-mix(in srgb, var(--color-brand-300, #db93c2) 22%, transparent), transparent 22%),
        radial-gradient(circle at 76% 28%, color-mix(in srgb, var(--color-brand-500, #c34b9a) 18%, transparent), transparent 27%),
        radial-gradient(circle at 58% 82%, rgba(255, 255, 255, .08), transparent 25%);
    filter: blur(34px);
    opacity: .58;
    animation: wpHeroAurora 16s ease-in-out infinite alternate;
}

body.guest-portfolio .guest-home-hero-inner::after {
    position: absolute;
    z-index: 0;
    inset: 0;
    pointer-events: none;
    content: "";
    background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
    background-size: 72px 72px;
    mask-image: linear-gradient(180deg, transparent, #000 22%, #000 76%, transparent);
    opacity: .24;
    animation: wpHeroGrid 22s linear infinite;
}

body.guest-portfolio .guest-home-hero-inner > * {
    position: relative;
    z-index: 2;
}

body.guest-portfolio .guest-hero-product-wall::before {
    position: absolute;
    z-index: -1;
    inset: 10% 8% 12%;
    border-radius: 50%;
    background: radial-gradient(ellipse, color-mix(in srgb, var(--color-brand-500, #c34b9a) 30%, transparent), transparent 68%);
    filter: blur(28px);
    content: "";
    opacity: .55;
    animation: wpHeroGlow 8s ease-in-out infinite alternate;
}

body.guest-portfolio .guest-paths > .market-v3-action {
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

body.guest-portfolio .guest-paths > .market-v3-action:hover,
body.guest-portfolio .guest-paths > .market-v3-action:focus-visible {
    transform: translateY(-4px);
    box-shadow: 0 16px 34px rgba(0, 0, 0, .18);
}

@keyframes wpHeroAurora {
    0% { transform: translate3d(-3%, -2%, 0) scale(1); }
    100% { transform: translate3d(4%, 3%, 0) scale(1.08); }
}

@keyframes wpHeroGrid {
    from { background-position: 0 0, 0 0; }
    to { background-position: 72px 72px, 72px 72px; }
}

@keyframes wpHeroGlow {
    0% { transform: scale(.94); opacity: .35; }
    100% { transform: scale(1.08); opacity: .72; }
}

@media (max-width: 719px) {
    body.guest-portfolio .guest-home-hero-inner {
        min-height: 100svh !important;
    }
    body.guest-portfolio .guest-home-hero-inner::after {
        background-size: 52px 52px;
        opacity: .18;
    }
    body.guest-portfolio .guest-hero-product-wall::before {
        inset: 18% 0 18%;
        opacity: .42;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.guest-portfolio .guest-home-hero-inner::before,
    body.guest-portfolio .guest-home-hero-inner::after,
    body.guest-portfolio .guest-hero-product-wall::before,
    body.guest-portfolio .guest-product-tile { animation: none !important; }
}

/* Journey section: a visible, responsive path from selection to launch. */
body.guest-portfolio .market-v3-journey {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: clamp(78px, 9vw, 132px) 0 clamp(64px, 7vw, 94px);
    background:
        radial-gradient(circle at 8% 18%, color-mix(in srgb, var(--mv3-brand) 13%, transparent), transparent 29%),
        radial-gradient(circle at 92% 82%, color-mix(in srgb, var(--mv3-brand) 10%, transparent), transparent 27%),
        linear-gradient(180deg, color-mix(in srgb, var(--mv3-soft) 48%, transparent), transparent 38%);
}

body.guest-portfolio .market-v3-journey::before {
    position: absolute;
    inset: 0;
    z-index: -2;
    background-image:
        linear-gradient(color-mix(in srgb, var(--mv3-brand) 7%, transparent) 1px, transparent 1px),
        linear-gradient(90deg, color-mix(in srgb, var(--mv3-brand) 7%, transparent) 1px, transparent 1px);
    background-size: 28px 28px;
    content: "";
    opacity: .42;
    mask-image: linear-gradient(180deg, transparent, #000 13%, #000 80%, transparent);
    animation: market-v4-pixel-drift 26s linear infinite;
}

body.guest-portfolio .market-v3-journey::after {
    position: absolute;
    inset: 0;
    z-index: -2;
    background:
        repeating-linear-gradient(135deg, transparent 0 11px, color-mix(in srgb, var(--mv3-brand) 5%, transparent) 11px 12px),
        radial-gradient(circle at 50% 44%, color-mix(in srgb, var(--mv3-brand) 10%, transparent), transparent 34%);
    content: "";
    opacity: .34;
    pointer-events: none;
}

body.guest-portfolio .market-v3-journey > .guest-section-pixel-canvas {
    position: absolute;
    inset: 0;
    z-index: -1;
    display: block;
    width: 100%;
    height: 100%;
    opacity: .72;
    pointer-events: none;
}

body.guest-portfolio .market-v3-journey > .market-v3-shell {
    position: relative;
    z-index: 1;
}

body.guest-portfolio .market-v3-journey .market-v3-heading-row-centered {
    display: grid;
    justify-items: center;
    gap: 12px;
    margin-bottom: 0;
}

body.guest-portfolio .market-v3-journey .market-v3-heading-row-centered::before {
    display: inline-flex;
    align-items: center;
    min-height: 25px;
    padding: 0 11px;
    border: 1px solid color-mix(in srgb, var(--mv3-brand) 28%, transparent);
    border-radius: var(--radius-button);
    background: color-mix(in srgb, var(--mv3-brand) 8%, transparent);
    color: var(--mv3-brand);
    content: "FOUR STEPS TO GO LIVE";
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .16em;
    line-height: 1;
}

body.guest-portfolio .market-v3-journey .market-v3-heading-row-centered h2 {
    max-width: 760px;
    font-size: clamp(34px, 5vw, 64px);
    line-height: 1.02;
    letter-spacing: -.055em;
}

body.guest-portfolio .market-v3-journey .market-v3-heading-row-centered p {
    max-width: 620px;
    margin-top: 14px;
    font-size: clamp(16px, 1.4vw, 19px);
    line-height: 1.55;
}

body.guest-portfolio .market-v3-journey .market-v4-timeline {
    max-width: 1120px;
    margin-top: clamp(42px, 5vw, 62px);
}

body.guest-portfolio .market-v3-journey .market-v4-timeline-rail {
    width: 3px;
    background: color-mix(in srgb, var(--mv3-brand) 15%, var(--mv3-line));
    box-shadow: 0 0 18px color-mix(in srgb, var(--mv3-brand) 14%, transparent);
}

body.guest-portfolio .market-v3-journey .market-v4-timeline-rail::before {
    position: absolute;
    inset: 0 -6px;
    background: color-mix(in srgb, var(--mv3-brand) 14%, transparent);
    content: "";
    filter: blur(8px);
}

body.guest-portfolio .market-v3-journey .market-v4-timeline-rail i {
    position: relative;
    z-index: 1;
    background: linear-gradient(180deg, color-mix(in srgb, var(--mv3-brand) 72%, #fff), var(--mv3-brand));
    box-shadow: 0 0 12px color-mix(in srgb, var(--mv3-brand) 42%, transparent);
}

body.guest-portfolio .market-v3-journey .market-v4-timeline ol {
    gap: clamp(42px, 5vw, 72px);
}

body.guest-portfolio .market-v3-journey .market-v4-card {
    position: relative;
    isolation: isolate;
    grid-template-columns: minmax(0, 1fr) minmax(150px, 172px);
    align-items: center;
    min-height: 288px;
    gap: clamp(18px, 2.5vw, 26px);
    overflow: hidden;
    padding: clamp(25px, 3vw, 34px);
    border-color: color-mix(in srgb, var(--mv3-line) 74%, var(--mv3-brand) 12%);
    background: color-mix(in srgb, var(--mv3-surface) 91%, var(--mv3-brand) 9%);
    box-shadow: 0 14px 34px color-mix(in srgb, var(--mv3-ink) 7%, transparent);
}

body.guest-portfolio .market-v3-journey .market-v4-card::before {
    position: absolute;
    inset: 0;
    z-index: -1;
    background-image: radial-gradient(color-mix(in srgb, var(--mv3-brand) 20%, transparent) 1px, transparent 1px);
    background-size: 14px 14px;
    content: "";
    opacity: .14;
    mask-image: linear-gradient(135deg, #000, transparent 48%);
    pointer-events: none;
}

body.guest-portfolio .market-v3-journey .market-v4-card::after {
    position: absolute;
    top: 0;
    left: 28px;
    width: 72px;
    height: 3px;
    border-radius: 0 0 8px 8px;
    background: var(--mv3-brand);
    box-shadow: 0 0 16px color-mix(in srgb, var(--mv3-brand) 42%, transparent);
    content: "";
    opacity: .72;
}

body.guest-portfolio .market-v3-journey .market-v4-card:hover {
    border-color: color-mix(in srgb, var(--mv3-brand) 48%, var(--mv3-line));
    box-shadow: 0 24px 52px color-mix(in srgb, var(--mv3-brand) 15%, transparent);
    transform: translateY(-5px);
}

body.guest-portfolio .market-v3-journey .market-v4-marker {
    border-color: var(--mv3-surface);
    background: color-mix(in srgb, var(--mv3-brand) 28%, var(--mv3-surface));
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--mv3-brand) 30%, transparent), 0 0 0 7px color-mix(in srgb, var(--mv3-brand) 7%, transparent);
}

body.guest-portfolio .market-v3-journey .market-v4-timeline li.is-current .market-v4-marker {
    animation: market-v4-node-pulse 2.8s ease-in-out infinite;
}

body.guest-portfolio .market-v3-journey .market-v4-kicker {
    margin-bottom: 12px;
    font-size: 10px;
    letter-spacing: .17em;
}

body.guest-portfolio .market-v3-journey .market-v4-card h3 {
    max-width: 560px;
    font-size: clamp(24px, 2.35vw, 32px);
    line-height: 1.08;
}

body.guest-portfolio .market-v3-journey .market-v4-card-copy > p:not(.market-v4-kicker) {
    max-width: 570px;
    margin-top: 16px;
    font-size: 15px;
    line-height: 1.62;
}

body.guest-portfolio .market-v3-journey .market-v4-card .market-v3-action {
    width: fit-content;
    margin-top: 24px;
    border-radius: var(--radius-button);
    box-shadow: 0 8px 22px color-mix(in srgb, var(--mv3-brand) 14%, transparent);
}

body.guest-portfolio .market-v3-journey .market-v4-visual {
    min-height: 142px;
    border: 1px solid color-mix(in srgb, var(--mv3-brand) 15%, var(--mv3-line));
    background: color-mix(in srgb, var(--mv3-soft) 84%, var(--mv3-brand) 16%);
    box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 44%, transparent);
}

body.guest-portfolio .market-v3-journey .market-v4-visual-path span,
body.guest-portfolio .market-v3-journey .market-v4-visual-stack span {
    border-color: color-mix(in srgb, var(--mv3-brand) 16%, var(--mv3-line));
    background: color-mix(in srgb, var(--mv3-surface) 86%, var(--mv3-brand) 14%);
}

body.guest-portfolio .market-v3-journey .market-v4-visual-live > i {
    animation: market-v4-live-beacon 2.6s ease-in-out infinite;
}

html.market-v4-motion-ready body.guest-portfolio .market-v3-journey .market-v4-timeline li:not(.is-current):not(.is-passed) .market-v4-card:not(.is-visible) {
    opacity: .72 !important;
    transform: translateY(16px) !important;
}

html.market-v4-motion-ready body.guest-portfolio .market-v3-journey .market-v4-card.is-visible,
html.market-v4-motion-ready body.guest-portfolio .market-v3-journey .market-v4-timeline li.is-current .market-v4-card,
html.market-v4-motion-ready body.guest-portfolio .market-v3-journey .market-v4-timeline li.is-passed .market-v4-card {
    opacity: 1 !important;
    transform: none !important;
}

@media (max-width: 800px) {
    body.guest-portfolio .market-v3-journey {
        padding: 58px 0 48px;
        background:
            radial-gradient(circle at 0% 8%, color-mix(in srgb, var(--mv3-brand) 8%, transparent), transparent 34%),
            linear-gradient(180deg, color-mix(in srgb, var(--mv3-soft) 30%, transparent), transparent 34%);
    }

    body.guest-portfolio .market-v3-journey > .market-v3-shell {
        width: calc(100vw - 28px) !important;
        max-width: none !important;
    }

    body.guest-portfolio .market-v3-journey::before {
        background-size: 22px 22px;
        opacity: .18;
    }

    body.guest-portfolio .market-v3-journey::after {
        opacity: .1;
    }

    body.guest-portfolio .market-v3-journey > .guest-section-pixel-canvas {
        opacity: .22;
    }

    body.guest-portfolio .market-v3-journey .market-v3-heading-row-centered {
        justify-items: start;
        text-align: left;
    }

    body.guest-portfolio .market-v3-journey .market-v3-heading-row-centered > div {
        max-width: none;
    }

    body.guest-portfolio .market-v3-journey .market-v3-heading-row-centered h2,
    body.guest-portfolio .market-v3-journey .market-v3-heading-row-centered p {
        text-align: left;
    }

    body.guest-portfolio .market-v3-journey .market-v3-heading-row-centered h2 {
        font-size: clamp(34px, 10vw, 48px);
    }

    body.guest-portfolio .market-v3-journey .market-v4-timeline {
        margin-top: 28px;
        padding-left: 24px;
    }

    body.guest-portfolio .market-v3-journey .market-v4-timeline-rail {
        left: 7px;
        top: 14px;
        bottom: 14px;
    }

    body.guest-portfolio .market-v3-journey .market-v4-timeline ol {
        gap: 14px;
    }

    body.guest-portfolio .market-v3-journey .market-v4-timeline li,
    body.guest-portfolio .market-v3-journey .market-v4-timeline li:nth-child(odd),
    body.guest-portfolio .market-v3-journey .market-v4-timeline li:nth-child(even) {
        display: block;
        min-height: 0;
        padding: 0;
    }

    body.guest-portfolio .market-v3-journey .market-v4-marker {
        top: 25px;
        left: -17px;
        width: 13px;
        height: 13px;
    }

    body.guest-portfolio .market-v3-journey .market-v4-card {
        grid-template-columns: 1fr;
        min-height: 0;
        gap: 14px;
        padding: 20px 17px 17px;
        border-radius: var(--radius-card);
        background: var(--mv3-surface);
        box-shadow: 0 10px 24px color-mix(in srgb, var(--mv3-ink) 6%, transparent);
    }

    body.guest-portfolio .market-v3-journey .market-v4-kicker {
        margin-bottom: 9px;
        font-size: 9px;
        letter-spacing: .12em;
    }

    body.guest-portfolio .market-v3-journey .market-v4-card h3 {
        font-size: clamp(23px, 6.4vw, 28px);
        line-height: 1.12;
    }

    body.guest-portfolio .market-v3-journey .market-v4-card-copy > p:not(.market-v4-kicker) {
        margin-top: 11px;
        font-size: 15px;
        line-height: 1.5;
    }

    body.guest-portfolio .market-v3-journey .market-v4-card .market-v3-action {
        width: 100%;
        min-height: 44px;
        margin-top: 15px;
    }

    body.guest-portfolio .market-v3-journey .market-v4-visual {
        min-height: 72px;
        border-radius: var(--radius-button);
    }

    body.guest-portfolio .market-v3-journey .market-v4-visual-path {
        gap: 4px;
        padding: 7px 6px;
    }

    body.guest-portfolio .market-v3-journey .market-v4-visual-path span,
    body.guest-portfolio .market-v3-journey .market-v4-visual-stack span {
        min-width: 0;
        flex: 1 1 0;
        padding: 7px 4px;
        font-size: 9px;
    }

    body.guest-portfolio .market-v3-journey .market-v4-visual-path i,
    body.guest-portfolio .market-v3-journey .market-v4-visual-stack i {
        font-size: 17px;
    }

    body.guest-portfolio .market-v3-journey .market-v4-visual-care span {
        width: 36px;
        height: 36px;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.guest-portfolio .market-v3-journey::before,
    body.guest-portfolio .market-v3-journey .market-v4-timeline li.is-current .market-v4-marker,
    body.guest-portfolio .market-v3-journey .market-v4-visual-live > i {
        animation: none;
    }
}

@keyframes market-v4-pixel-drift {
    from { background-position: 0 0, 0 0; }
    to { background-position: 28px 28px, -28px 28px; }
}

@keyframes market-v4-node-pulse {
    0%, 100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--mv3-brand) 22%, transparent), 0 0 0 7px color-mix(in srgb, var(--mv3-brand) 7%, transparent); }
    50% { box-shadow: 0 0 0 10px color-mix(in srgb, var(--mv3-brand) 0%, transparent), 0 0 0 7px color-mix(in srgb, var(--mv3-brand) 12%, transparent); }
}

@keyframes market-v4-live-beacon {
    0%, 100% { transform: scale(1); opacity: .82; }
    50% { transform: scale(1.1); opacity: 1; }
}

/* Dark journey palette requested for the marketplace path. */
body.guest-portfolio .market-v3-journey {
    --mv3-ink: #ffffff;
    --mv3-muted: rgba(255, 255, 255, .72);
    --mv3-line: rgba(255, 255, 255, .16);
    --mv3-surface: #000000;
    --mv3-soft: #000000;
    --mv3-brand: var(--color-brand-500, #c34b9a);
    --mv3-brand-dark: var(--color-brand-400, #d76db5);
    color: #ffffff;
    background: #172033;
}

body.guest-portfolio .market-v3-journey::before {
    background-image:
        linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px);
    opacity: .72;
}

body.guest-portfolio .market-v3-journey::after {
    background:
        repeating-linear-gradient(135deg, transparent 0 11px, rgba(255, 255, 255, .018) 11px 12px),
        radial-gradient(circle at 50% 44%, color-mix(in srgb, var(--mv3-brand) 20%, transparent), transparent 36%);
    opacity: .58;
}

body.guest-portfolio .market-v3-journey .market-v3-heading-row-centered h2,
body.guest-portfolio .market-v3-journey .market-v4-card h3,
body.guest-portfolio .market-v3-journey .market-v4-visual-live strong {
    color: #ffffff !important;
}

body.guest-portfolio .market-v3-journey .market-v3-heading-row-centered p,
body.guest-portfolio .market-v3-journey .market-v4-card-copy > p:not(.market-v4-kicker),
body.guest-portfolio .market-v3-journey .market-v4-visual-live small {
    color: rgba(255, 255, 255, .72) !important;
}

body.guest-portfolio .market-v3-journey .market-v4-kicker {
    color: var(--mv3-brand) !important;
}

body.guest-portfolio .market-v3-journey .market-v4-card {
    border-color: rgba(255, 255, 255, .18);
    background: #000000;
    box-shadow: 0 18px 44px rgba(0, 0, 0, .28);
}

body.guest-portfolio .market-v3-journey .market-v4-card::before {
    background-image: radial-gradient(color-mix(in srgb, var(--mv3-brand) 32%, transparent) 1px, transparent 1px);
    opacity: .18;
}

body.guest-portfolio .market-v3-journey .market-v4-card:hover {
    border-color: color-mix(in srgb, var(--mv3-brand) 72%, #ffffff 28%);
    box-shadow: 0 26px 56px rgba(0, 0, 0, .4);
}

body.guest-portfolio .market-v3-journey .market-v4-visual,
body.guest-portfolio .market-v3-journey .market-v4-visual-path span,
body.guest-portfolio .market-v3-journey .market-v4-visual-stack span,
body.guest-portfolio .market-v3-journey .market-v4-visual-care span {
    border-color: rgba(255, 255, 255, .18);
    background: #000000;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}

body.guest-portfolio .market-v3-journey .market-v4-visual-path span,
body.guest-portfolio .market-v3-journey .market-v4-visual-stack span {
    color: rgba(255, 255, 255, .72) !important;
}

body.guest-portfolio .market-v3-journey .market-v4-marker {
    border-color: #172033;
    background: #000000;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .22), 0 0 0 7px rgba(195, 75, 154, .14);
}

@media (max-width: 800px) {
    body.guest-portfolio .market-v3-journey {
        background: #172033;
    }

    body.guest-portfolio .market-v3-journey .market-v4-card {
        background: #000000;
    }
}

/* Keep the requested dark palette isolated to dark mode. */
html:not(.dark) body.guest-portfolio .market-v3-journey {
    --mv3-ink: #142033;
    --mv3-muted: #657187;
    --mv3-line: rgba(20, 32, 51, .12);
    --mv3-surface: #ffffff;
    --mv3-soft: #f5f7fa;
    color: #142033;
    background:
        radial-gradient(circle at 8% 18%, color-mix(in srgb, var(--mv3-brand) 13%, transparent), transparent 29%),
        radial-gradient(circle at 92% 82%, color-mix(in srgb, var(--mv3-brand) 10%, transparent), transparent 27%),
        linear-gradient(180deg, color-mix(in srgb, var(--mv3-soft) 48%, transparent), transparent 38%);
}

html:not(.dark) body.guest-portfolio .market-v3-journey::before {
    background-image:
        linear-gradient(color-mix(in srgb, var(--mv3-brand) 7%, transparent) 1px, transparent 1px),
        linear-gradient(90deg, color-mix(in srgb, var(--mv3-brand) 7%, transparent) 1px, transparent 1px);
    opacity: .42;
}

html:not(.dark) body.guest-portfolio .market-v3-journey::after {
    background:
        repeating-linear-gradient(135deg, transparent 0 11px, color-mix(in srgb, var(--mv3-brand) 5%, transparent) 11px 12px),
        radial-gradient(circle at 50% 44%, color-mix(in srgb, var(--mv3-brand) 10%, transparent), transparent 34%);
    opacity: .34;
}

html:not(.dark) body.guest-portfolio .market-v3-journey .market-v3-heading-row-centered h2,
html:not(.dark) body.guest-portfolio .market-v3-journey .market-v4-card h3,
html:not(.dark) body.guest-portfolio .market-v3-journey .market-v4-visual-live strong {
    color: #142033 !important;
}

html:not(.dark) body.guest-portfolio .market-v3-journey .market-v3-heading-row-centered p,
html:not(.dark) body.guest-portfolio .market-v3-journey .market-v4-card-copy > p:not(.market-v4-kicker),
html:not(.dark) body.guest-portfolio .market-v3-journey .market-v4-visual-live small {
    color: #657187 !important;
}

html:not(.dark) body.guest-portfolio .market-v3-journey .market-v4-card {
    border-color: rgba(20, 32, 51, .12);
    background: #ffffff;
    box-shadow: 0 14px 34px rgba(20, 32, 51, .07);
}

html:not(.dark) body.guest-portfolio .market-v3-journey .market-v4-card::before {
    background-image: radial-gradient(color-mix(in srgb, var(--mv3-brand) 20%, transparent) 1px, transparent 1px);
    opacity: .14;
}

html:not(.dark) body.guest-portfolio .market-v3-journey .market-v4-card:hover {
    border-color: color-mix(in srgb, var(--mv3-brand) 48%, var(--mv3-line));
    box-shadow: 0 24px 52px color-mix(in srgb, var(--mv3-brand) 15%, transparent);
}

html:not(.dark) body.guest-portfolio .market-v3-journey .market-v4-visual,
html:not(.dark) body.guest-portfolio .market-v3-journey .market-v4-visual-path span,
html:not(.dark) body.guest-portfolio .market-v3-journey .market-v4-visual-stack span,
html:not(.dark) body.guest-portfolio .market-v3-journey .market-v4-visual-care span {
    border-color: rgba(20, 32, 51, .12);
    background: #f5f7fa;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .55);
}

html:not(.dark) body.guest-portfolio .market-v3-journey .market-v4-visual-path span,
html:not(.dark) body.guest-portfolio .market-v3-journey .market-v4-visual-stack span {
    color: #657187 !important;
}

html:not(.dark) body.guest-portfolio .market-v3-journey .market-v4-marker {
    border-color: #ffffff;
    background: color-mix(in srgb, var(--mv3-brand) 28%, #ffffff);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--mv3-brand) 30%, transparent), 0 0 0 7px color-mix(in srgb, var(--mv3-brand) 7%, transparent);
}

@media (max-width: 800px) {
    html:not(.dark) body.guest-portfolio .market-v3-journey {
        background:
            radial-gradient(circle at 0% 8%, color-mix(in srgb, var(--mv3-brand) 8%, transparent), transparent 34%),
            linear-gradient(180deg, color-mix(in srgb, var(--mv3-soft) 30%, transparent), transparent 34%);
    }

    html:not(.dark) body.guest-portfolio .market-v3-journey .market-v4-card {
        background: #ffffff;
    }
}

/* Dark mode uses pure black for the complete journey surface. */
html.dark body.guest-portfolio .market-v3-journey,
html.dark body.guest-portfolio .market-v3-journey .market-v4-card,
html.dark body.guest-portfolio .market-v3-journey .market-v4-visual,
html.dark body.guest-portfolio .market-v3-journey .market-v4-visual-path span,
html.dark body.guest-portfolio .market-v3-journey .market-v4-visual-stack span,
html.dark body.guest-portfolio .market-v3-journey .market-v4-visual-care span {
    background-color: #000000;
}

html.dark body.guest-portfolio .market-v3-journey {
    background: #000000 !important;
}

html.dark body.guest-portfolio .market-v3-journey .market-v4-marker {
    border-color: #000000;
}

/* Continue the dark treatment through the assurance and final action sections. */
html.dark body.guest-portfolio .market-v3-assurance,
html.dark body.guest-portfolio .market-v3-cta,
html.dark body.guest-portfolio .market-v3-assurance-grid,
html.dark body.guest-portfolio .market-v3-cta-card {
    background: #000000 !important;
}

html.dark body.guest-portfolio .market-v3-assurance-grid,
html.dark body.guest-portfolio .market-v3-cta-card {
    border-color: rgba(255, 255, 255, .18);
    box-shadow: 0 18px 44px rgba(0, 0, 0, .3);
}

html.dark body.guest-portfolio .market-v3-assurance h2,
html.dark body.guest-portfolio .market-v3-assurance p,
html.dark body.guest-portfolio .market-v3-assurance-items strong,
html.dark body.guest-portfolio .market-v3-assurance-items small,
html.dark body.guest-portfolio .market-v3-cta-card h2 {
    color: #ffffff !important;
}

html.dark body.guest-portfolio .market-v3-assurance p,
html.dark body.guest-portfolio .market-v3-assurance-items small,
html.dark body.guest-portfolio .market-v3-cta-card p {
    color: rgba(255, 255, 255, .72) !important;
}

html.dark body.guest-portfolio .market-v3-assurance-items > div {
    border-color: rgba(255, 255, 255, .16);
}

/* Deterministic product UI scenes inside each journey card. */
body.guest-portfolio .market-v3-journey .market-v4-ux {
    position: relative;
    display: flex;
    min-height: 150px;
    flex-direction: column;
    justify-content: space-between;
    gap: 10px;
    overflow: hidden;
    padding: 13px;
    border: 1px solid color-mix(in srgb, var(--mv3-brand) 22%, var(--mv3-line));
    border-radius: var(--radius-card);
    background: color-mix(in srgb, var(--mv3-surface) 90%, var(--mv3-brand) 10%);
    color: var(--mv3-ink);
}

body.guest-portfolio .market-v3-journey .market-v4-ux::after {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, color-mix(in srgb, var(--mv3-brand) 8%, transparent), transparent 45%);
    content: "";
    pointer-events: none;
}

body.guest-portfolio .market-v3-journey .market-v4-ux > * {
    position: relative;
    z-index: 1;
}

body.guest-portfolio .market-v3-journey .market-v4-ux-topline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    color: var(--mv3-muted);
    font-size: 8px;
    font-weight: 850;
    letter-spacing: .12em;
    line-height: 1.2;
}

body.guest-portfolio .market-v3-journey .market-v4-ux-topline i {
    color: var(--mv3-brand);
    font-size: 14px;
}

body.guest-portfolio .market-v3-journey .market-v4-ux-topline b {
    color: var(--mv3-brand);
    font-size: 8px;
    letter-spacing: .08em;
}

body.guest-portfolio .market-v3-journey .market-v4-selector-list,
body.guest-portfolio .market-v3-journey .market-v4-check-list,
body.guest-portfolio .market-v3-journey .market-v4-account-list {
    display: grid;
    gap: 5px;
}

body.guest-portfolio .market-v3-journey .market-v4-selector-list > span,
body.guest-portfolio .market-v3-journey .market-v4-check-list > span,
body.guest-portfolio .market-v3-journey .market-v4-account-list > span {
    min-width: 0;
    border: 1px solid var(--mv3-line);
    border-radius: var(--radius-button);
    background: color-mix(in srgb, var(--mv3-surface) 86%, var(--mv3-brand) 14%);
    color: var(--mv3-muted);
}

body.guest-portfolio .market-v3-journey .market-v4-selector-list > span {
    display: grid;
    grid-template-columns: 16px minmax(0, 1fr);
    grid-template-rows: auto auto;
    column-gap: 7px;
    align-items: center;
    padding: 5px 7px;
    animation: market-v4-selector-focus 6s ease-in-out infinite;
}

body.guest-portfolio .market-v3-journey .market-v4-selector-list > span:nth-child(2) { animation-delay: -2s; }
body.guest-portfolio .market-v3-journey .market-v4-selector-list > span:nth-child(3) { animation-delay: -4s; }

body.guest-portfolio .market-v3-journey .market-v4-selector-list i,
body.guest-portfolio .market-v3-journey .market-v4-check-list i,
body.guest-portfolio .market-v3-journey .market-v4-account-list i {
    color: var(--mv3-brand);
    font-size: 14px;
}

body.guest-portfolio .market-v3-journey .market-v4-selector-list i {
    grid-row: 1 / span 2;
}

body.guest-portfolio .market-v3-journey .market-v4-selector-list b,
body.guest-portfolio .market-v3-journey .market-v4-check-list b,
body.guest-portfolio .market-v3-journey .market-v4-account-list b {
    min-width: 0;
    overflow: hidden;
    color: var(--mv3-ink);
    font-size: 9px;
    line-height: 1.1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.guest-portfolio .market-v3-journey .market-v4-selector-list small {
    min-width: 0;
    overflow: hidden;
    color: var(--mv3-muted);
    font-size: 7px;
    line-height: 1.1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.guest-portfolio .market-v3-journey .market-v4-ux-scan,
body.guest-portfolio .market-v3-journey .market-v4-ux-progress {
    position: relative;
    height: 3px;
    overflow: hidden;
    border-radius: 99px;
    background: color-mix(in srgb, var(--mv3-brand) 16%, var(--mv3-line));
}

body.guest-portfolio .market-v3-journey .market-v4-ux-scan i,
body.guest-portfolio .market-v3-journey .market-v4-ux-progress i {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--mv3-brand);
    box-shadow: 0 0 10px color-mix(in srgb, var(--mv3-brand) 50%, transparent);
}

body.guest-portfolio .market-v3-journey .market-v4-ux-scan i {
    width: 30%;
    animation: market-v4-selector-scan 6s ease-in-out infinite;
}

body.guest-portfolio .market-v3-journey .market-v4-check-list > span {
    display: grid;
    grid-template-columns: 16px minmax(0, 1fr) auto;
    align-items: center;
    gap: 6px;
    padding: 6px 7px;
    animation: market-v4-check-cycle 5.4s ease-in-out infinite;
}

body.guest-portfolio .market-v3-journey .market-v4-check-list > span:nth-child(2) { animation-delay: -.9s; }
body.guest-portfolio .market-v3-journey .market-v4-check-list > span:nth-child(3) { animation-delay: -1.8s; }

body.guest-portfolio .market-v3-journey .market-v4-check-list em,
body.guest-portfolio .market-v3-journey .market-v4-account-list em {
    color: var(--mv3-brand);
    font-size: 8px;
    font-style: normal;
    font-weight: 750;
    white-space: nowrap;
}

body.guest-portfolio .market-v3-journey .market-v4-ux-progress i {
    width: 100%;
    transform-origin: left center;
    animation: market-v4-check-progress 5.4s ease-in-out infinite;
}

body.guest-portfolio .market-v3-journey .market-v4-ux-browser {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    padding: 6px 8px;
    border: 1px solid var(--mv3-line);
    border-radius: var(--radius-button);
    background: color-mix(in srgb, var(--mv3-surface) 86%, var(--mv3-brand) 14%);
    color: var(--mv3-muted);
    font-size: 8px;
}

body.guest-portfolio .market-v3-journey .market-v4-ux-browser i {
    color: var(--mv3-brand);
    font-size: 12px;
}

body.guest-portfolio .market-v3-journey .market-v4-ux-browser span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.guest-portfolio .market-v3-journey .market-v4-ux-browser b {
    margin-left: auto;
    color: var(--mv3-muted);
    font-size: 8px;
    letter-spacing: .08em;
}

body.guest-portfolio .market-v3-journey .market-v4-live-state {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

body.guest-portfolio .market-v3-journey .market-v4-live-state > i {
    color: var(--mv3-brand);
    font-size: 25px;
    animation: market-v4-live-pulse 2.6s ease-in-out infinite;
}

body.guest-portfolio .market-v3-journey .market-v4-live-state span {
    display: grid;
    gap: 3px;
}

body.guest-portfolio .market-v3-journey .market-v4-live-state strong {
    color: var(--mv3-ink);
    font-size: 12px;
    letter-spacing: .08em;
}

body.guest-portfolio .market-v3-journey .market-v4-live-state small {
    color: var(--mv3-muted);
    font-size: 8px;
}

body.guest-portfolio .market-v3-journey .market-v4-deploy-progress i {
    animation: market-v4-deploy-cycle 5s ease-in-out infinite;
}

body.guest-portfolio .market-v3-journey .market-v4-account-list > span {
    display: grid;
    grid-template-columns: 16px minmax(0, 1fr) auto;
    align-items: center;
    gap: 6px;
    padding: 6px 7px;
    animation: market-v4-account-cycle 6s ease-in-out infinite;
}

body.guest-portfolio .market-v3-journey .market-v4-account-list > span:nth-child(2) { animation-delay: -1s; }
body.guest-portfolio .market-v3-journey .market-v4-account-list > span:nth-child(3) { animation-delay: -2s; }

body.guest-portfolio .market-v3-journey .market-v4-account-sync {
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--mv3-muted);
    font-size: 8px;
}

body.guest-portfolio .market-v3-journey .market-v4-account-sync i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--mv3-brand);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--mv3-brand) 14%, transparent);
    animation: market-v4-sync-pulse 2.8s ease-in-out infinite;
}

@media (max-width: 800px) {
    body.guest-portfolio .market-v3-journey .market-v4-ux {
        min-height: 122px;
        padding: 11px;
    }

    body.guest-portfolio .market-v3-journey .market-v4-selector-list > span,
    body.guest-portfolio .market-v3-journey .market-v4-check-list > span,
    body.guest-portfolio .market-v3-journey .market-v4-account-list > span {
        padding: 6px 8px;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.guest-portfolio .market-v3-journey .market-v4-selector-list > span,
    body.guest-portfolio .market-v3-journey .market-v4-check-list > span,
    body.guest-portfolio .market-v3-journey .market-v4-account-list > span,
    body.guest-portfolio .market-v3-journey .market-v4-ux-scan i,
    body.guest-portfolio .market-v3-journey .market-v4-ux-progress i,
    body.guest-portfolio .market-v3-journey .market-v4-live-state > i,
    body.guest-portfolio .market-v3-journey .market-v4-account-sync i {
        animation: none;
    }
}

@keyframes market-v4-selector-focus {
    0%, 15% { opacity: .58; transform: translateX(0); border-color: var(--mv3-line); }
    22%, 42% { opacity: 1; transform: translateX(3px); border-color: color-mix(in srgb, var(--mv3-brand) 70%, var(--mv3-line)); }
    50%, 100% { opacity: .58; transform: translateX(0); border-color: var(--mv3-line); }
}

@keyframes market-v4-selector-scan {
    0%, 12% { transform: translateX(-110%); }
    48%, 68% { transform: translateX(345%); }
    100% { transform: translateX(-110%); }
}

@keyframes market-v4-check-cycle {
    0%, 13% { opacity: .58; transform: translateX(0); }
    20%, 40% { opacity: 1; transform: translateX(3px); border-color: color-mix(in srgb, var(--mv3-brand) 62%, var(--mv3-line)); }
    48%, 100% { opacity: .58; transform: translateX(0); }
}

@keyframes market-v4-check-progress {
    0%, 10% { transform: scaleX(.08); }
    64%, 76% { transform: scaleX(1); }
    100% { transform: scaleX(.08); }
}

@keyframes market-v4-live-pulse {
    0%, 100% { transform: scale(1); opacity: .76; }
    50% { transform: scale(1.1); opacity: 1; }
}

@keyframes market-v4-deploy-cycle {
    0%, 12% { transform: scaleX(.06); }
    62%, 80% { transform: scaleX(1); }
    100% { transform: scaleX(.06); }
}

@keyframes market-v4-account-cycle {
    0%, 16% { opacity: .62; transform: translateX(0); }
    23%, 43% { opacity: 1; transform: translateX(3px); border-color: color-mix(in srgb, var(--mv3-brand) 58%, var(--mv3-line)); }
    50%, 100% { opacity: .62; transform: translateX(0); }
}

@keyframes market-v4-sync-pulse {
    0%, 100% { opacity: .58; transform: scale(.9); }
    50% { opacity: 1; transform: scale(1.15); }
}

/* Premium scene set: each step has a different product-led motion system. */
body.guest-portfolio .market-v3-journey .market-v4-scene {
    position: relative;
    display: flex;
    min-height: 150px;
    flex-direction: column;
    justify-content: space-between;
    gap: 8px;
    overflow: hidden;
    padding: 12px;
    border: 1px solid color-mix(in srgb, var(--mv3-brand) 24%, var(--mv3-line));
    border-radius: var(--radius-card);
    background: linear-gradient(145deg, color-mix(in srgb, var(--mv3-surface) 94%, var(--mv3-brand) 6%), var(--mv3-soft));
    color: var(--mv3-ink);
}

body.guest-portfolio .market-v3-journey .market-v4-scene::before {
    position: absolute;
    inset: 0;
    background-image: linear-gradient(color-mix(in srgb, var(--mv3-brand) 10%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--mv3-brand) 10%, transparent) 1px, transparent 1px);
    background-size: 14px 14px;
    content: "";
    opacity: .28;
    pointer-events: none;
}

body.guest-portfolio .market-v3-journey .market-v4-scene > * {
    position: relative;
    z-index: 1;
}

body.guest-portfolio .market-v3-journey .scene-model-head,
body.guest-portfolio .market-v3-journey .scene-build-head,
body.guest-portfolio .market-v3-journey .scene-support-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    color: var(--mv3-muted);
    font-size: 8px;
    font-weight: 850;
    letter-spacing: .13em;
    line-height: 1;
}

body.guest-portfolio .market-v3-journey .scene-model-head i {
    color: var(--mv3-brand);
    font-size: 13px;
}

body.guest-portfolio .market-v3-journey .scene-build-head b,
body.guest-portfolio .market-v3-journey .scene-support-head b {
    color: var(--mv3-brand);
    font-size: 8px;
    letter-spacing: .08em;
}

body.guest-portfolio .market-v3-journey .scene-model-stage {
    position: relative;
    flex: 1;
    min-height: 84px;
}

body.guest-portfolio .market-v3-journey .scene-model-card {
    position: absolute;
    display: grid;
    grid-template-columns: 15px minmax(0, 1fr);
    grid-template-rows: auto auto;
    column-gap: 6px;
    align-items: center;
    width: 76%;
    min-height: 31px;
    padding: 5px 7px;
    border: 1px solid var(--mv3-line);
    border-radius: var(--radius-button);
    background: color-mix(in srgb, var(--mv3-surface) 88%, var(--mv3-brand) 12%);
    box-shadow: 0 8px 16px color-mix(in srgb, var(--mv3-ink) 8%, transparent);
}

body.guest-portfolio .market-v3-journey .scene-model-card i {
    grid-row: 1 / span 2;
    color: var(--mv3-brand);
    font-size: 14px;
}

body.guest-portfolio .market-v3-journey .scene-model-card b {
    color: var(--mv3-ink);
    font-size: 8px;
    line-height: 1.1;
}

body.guest-portfolio .market-v3-journey .scene-model-card small {
    color: var(--mv3-muted);
    font-size: 7px;
    line-height: 1.1;
}

body.guest-portfolio .market-v3-journey .scene-model-card-hosted {
    top: 5px;
    left: 0;
    z-index: 3;
    animation: market-v4-model-front 6.6s ease-in-out infinite;
}

body.guest-portfolio .market-v3-journey .scene-model-card-code {
    top: 27px;
    left: 12%;
    z-index: 2;
    animation: market-v4-model-middle 6.6s ease-in-out infinite -2.2s;
}

body.guest-portfolio .market-v3-journey .scene-model-card-template {
    top: 49px;
    left: 24%;
    z-index: 1;
    animation: market-v4-model-back 6.6s ease-in-out infinite -4.4s;
}

body.guest-portfolio .market-v3-journey .scene-model-connector {
    position: absolute;
    top: 18px;
    right: 1px;
    width: 19px;
    height: 48px;
    border-top: 1px solid color-mix(in srgb, var(--mv3-brand) 48%, transparent);
    border-right: 1px solid color-mix(in srgb, var(--mv3-brand) 48%, transparent);
    border-radius: 0 8px 0 0;
    opacity: .62;
}

body.guest-portfolio .market-v3-journey .scene-model-foot,
body.guest-portfolio .market-v3-journey .scene-build-foot,
body.guest-portfolio .market-v3-journey .scene-launch-foot {
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--mv3-muted);
    font-size: 7px;
}

body.guest-portfolio .market-v3-journey .scene-model-foot b {
    margin-left: auto;
    color: var(--mv3-brand);
    font-size: 7px;
}

body.guest-portfolio .market-v3-journey .scene-build-stage {
    position: relative;
    flex: 1;
    min-height: 83px;
    perspective: 460px;
}

body.guest-portfolio .market-v3-journey .scene-build-layer {
    position: absolute;
    display: grid;
    grid-template-columns: 16px 1fr auto;
    align-items: center;
    gap: 6px;
    width: 93%;
    min-height: 29px;
    padding: 6px 7px;
    border: 1px solid var(--mv3-line);
    border-radius: var(--radius-button);
    background: color-mix(in srgb, var(--mv3-surface) 90%, var(--mv3-brand) 10%);
    box-shadow: 0 8px 16px color-mix(in srgb, var(--mv3-ink) 8%, transparent);
    transform-origin: bottom center;
}

body.guest-portfolio .market-v3-journey .scene-build-layer i {
    color: var(--mv3-brand);
    font-size: 14px;
}

body.guest-portfolio .market-v3-journey .scene-build-layer b {
    color: var(--mv3-ink);
    font-size: 8px;
}

body.guest-portfolio .market-v3-journey .scene-build-layer small {
    color: var(--mv3-muted);
    font-size: 7px;
}

body.guest-portfolio .market-v3-journey .scene-build-layer-back {
    top: 4px;
    left: 7%;
    animation: market-v4-build-back 5.8s cubic-bezier(.22,1,.36,1) infinite;
}

body.guest-portfolio .market-v3-journey .scene-build-layer-mid {
    top: 25px;
    left: 3%;
    animation: market-v4-build-mid 5.8s cubic-bezier(.22,1,.36,1) infinite -1.9s;
}

body.guest-portfolio .market-v3-journey .scene-build-layer-front {
    top: 46px;
    left: 0;
    animation: market-v4-build-front 5.8s cubic-bezier(.22,1,.36,1) infinite -3.8s;
}

body.guest-portfolio .market-v3-journey .scene-build-foot i,
body.guest-portfolio .market-v3-journey .scene-launch-foot i {
    position: relative;
    display: block;
    width: 47%;
    height: 3px;
    overflow: hidden;
    border-radius: 99px;
    background: color-mix(in srgb, var(--mv3-brand) 16%, var(--mv3-line));
}

body.guest-portfolio .market-v3-journey .scene-build-foot i b,
body.guest-portfolio .market-v3-journey .scene-launch-foot i b {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background: var(--mv3-brand);
    transform-origin: left center;
    animation: market-v4-build-progress 5.8s ease-in-out infinite;
}

body.guest-portfolio .market-v3-journey .scene-build-foot strong {
    color: var(--mv3-brand);
    font-size: 8px;
}

body.guest-portfolio .market-v3-journey .scene-launch-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    padding: 6px 7px;
    border: 1px solid var(--mv3-line);
    border-radius: var(--radius-button);
    background: color-mix(in srgb, var(--mv3-surface) 88%, var(--mv3-brand) 12%);
    color: var(--mv3-muted);
    font-size: 7px;
}

body.guest-portfolio .market-v3-journey .scene-launch-head span {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.guest-portfolio .market-v3-journey .scene-launch-head i {
    color: var(--mv3-brand);
    font-size: 12px;
}

body.guest-portfolio .market-v3-journey .scene-launch-head b {
    color: var(--mv3-brand);
    font-size: 7px;
    letter-spacing: .08em;
}

body.guest-portfolio .market-v3-journey .scene-launch-flow {
    display: grid;
    grid-template-columns: 1fr 15px 1fr 15px 1fr;
    align-items: center;
    gap: 3px;
    flex: 1;
}

body.guest-portfolio .market-v3-journey .scene-launch-flow > span {
    display: grid;
    justify-items: center;
    gap: 4px;
    color: var(--mv3-muted);
    font-size: 7px;
    text-align: center;
}

body.guest-portfolio .market-v3-journey .scene-launch-flow > span i {
    display: grid;
    width: 27px;
    height: 27px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--mv3-brand) 32%, var(--mv3-line));
    border-radius: 50%;
    background: color-mix(in srgb, var(--mv3-surface) 86%, var(--mv3-brand) 14%);
    color: var(--mv3-brand);
    font-size: 13px;
}

body.guest-portfolio .market-v3-journey .scene-launch-flow > span b {
    color: var(--mv3-ink);
    font-size: 7px;
}

body.guest-portfolio .market-v3-journey .scene-launch-line {
    position: relative;
    height: 2px;
    overflow: hidden;
    background: color-mix(in srgb, var(--mv3-brand) 20%, var(--mv3-line));
}

body.guest-portfolio .market-v3-journey .scene-launch-line b {
    display: block;
    width: 7px;
    height: 100%;
    border-radius: inherit;
    background: var(--mv3-brand);
    box-shadow: 0 0 8px var(--mv3-brand);
    transform: translateX(-10px);
}

body.guest-portfolio .market-v3-journey .scene-launch-line-one b { animation: market-v4-launch-signal 4.8s linear infinite; }
body.guest-portfolio .market-v3-journey .scene-launch-line-two b { animation: market-v4-launch-signal 4.8s linear infinite 1.25s; }

body.guest-portfolio .market-v3-journey .scene-launch-foot span {
    white-space: nowrap;
}

body.guest-portfolio .market-v3-journey .scene-launch-foot i {
    margin-left: auto;
    width: 38%;
}

body.guest-portfolio .market-v3-journey .scene-launch-foot i b {
    animation: market-v4-build-progress 4.8s ease-in-out infinite;
}

body.guest-portfolio .market-v3-journey .scene-support-orbit {
    position: relative;
    flex: 1;
    min-height: 83px;
}

body.guest-portfolio .market-v3-journey .scene-support-ring {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70px;
    height: 70px;
    border: 1px dashed color-mix(in srgb, var(--mv3-brand) 45%, var(--mv3-line));
    border-radius: 50%;
    transform: translate(-50%, -50%) rotate(0deg);
    animation: market-v4-support-orbit 12s linear infinite;
}

body.guest-portfolio .market-v3-journey .scene-support-center,
body.guest-portfolio .market-v3-journey .scene-support-node {
    position: absolute;
    display: grid;
    place-items: center;
    gap: 2px;
    color: var(--mv3-muted);
    font-size: 6px;
    text-align: center;
}

body.guest-portfolio .market-v3-journey .scene-support-center {
    top: 50%;
    left: 50%;
    width: 38px;
    height: 38px;
    border: 1px solid color-mix(in srgb, var(--mv3-brand) 42%, var(--mv3-line));
    border-radius: 50%;
    background: color-mix(in srgb, var(--mv3-surface) 86%, var(--mv3-brand) 14%);
    transform: translate(-50%, -50%);
}

body.guest-portfolio .market-v3-journey .scene-support-center > i,
body.guest-portfolio .market-v3-journey .scene-support-node > i {
    color: var(--mv3-brand);
    font-size: 13px;
}

body.guest-portfolio .market-v3-journey .scene-support-center b,
body.guest-portfolio .market-v3-journey .scene-support-node b {
    color: var(--mv3-ink);
    font-size: 6px;
}

body.guest-portfolio .market-v3-journey .scene-support-node {
    width: 30px;
    height: 30px;
    border: 1px solid var(--mv3-line);
    border-radius: 50%;
    background: color-mix(in srgb, var(--mv3-surface) 88%, var(--mv3-brand) 12%);
}

body.guest-portfolio .market-v3-journey .scene-support-node-one { top: 0; left: 5%; animation: market-v4-support-node 3.6s ease-in-out infinite; }
body.guest-portfolio .market-v3-journey .scene-support-node-two { top: 0; right: 5%; animation: market-v4-support-node 3.6s ease-in-out infinite -1.2s; }
body.guest-portfolio .market-v3-journey .scene-support-node-three { right: 18%; bottom: -1px; animation: market-v4-support-node 3.6s ease-in-out infinite -2.4s; }

body.guest-portfolio .market-v3-journey .scene-support-foot {
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--mv3-muted);
    font-size: 7px;
}

body.guest-portfolio .market-v3-journey .scene-support-foot i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--mv3-brand);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--mv3-brand) 14%, transparent);
    animation: market-v4-support-status 2.8s ease-in-out infinite;
}

@media (max-width: 800px) {
    body.guest-portfolio .market-v3-journey .market-v4-scene {
        min-height: 136px;
        padding: 11px;
    }

    body.guest-portfolio .market-v3-journey .scene-model-stage,
    body.guest-portfolio .market-v3-journey .scene-build-stage,
    body.guest-portfolio .market-v3-journey .scene-support-orbit {
        min-height: 76px;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.guest-portfolio .market-v3-journey .market-v4-scene * {
        animation: none !important;
    }
}

@keyframes market-v4-model-front {
    0%, 14% { transform: translate3d(0, 0, 0) scale(1); opacity: 1; }
    24%, 42% { transform: translate3d(5px, -3px, 0) scale(1.03); opacity: 1; border-color: color-mix(in srgb, var(--mv3-brand) 72%, var(--mv3-line)); }
    52%, 100% { transform: translate3d(0, 0, 0) scale(1); opacity: .58; }
}

@keyframes market-v4-model-middle {
    0%, 14% { transform: translate3d(0, 0, 0) scale(1); opacity: .58; }
    24%, 42% { transform: translate3d(5px, -3px, 0) scale(1.03); opacity: 1; border-color: color-mix(in srgb, var(--mv3-brand) 72%, var(--mv3-line)); }
    52%, 100% { transform: translate3d(0, 0, 0) scale(1); opacity: .58; }
}

@keyframes market-v4-model-back {
    0%, 14% { transform: translate3d(0, 0, 0) scale(1); opacity: .58; }
    24%, 42% { transform: translate3d(5px, -3px, 0) scale(1.03); opacity: 1; border-color: color-mix(in srgb, var(--mv3-brand) 72%, var(--mv3-line)); }
    52%, 100% { transform: translate3d(0, 0, 0) scale(1); opacity: .58; }
}

@keyframes market-v4-build-back {
    0%, 16% { transform: translateY(0) rotateX(0); opacity: .6; }
    24%, 48% { transform: translateY(-4px) rotateX(4deg); opacity: 1; }
    58%, 100% { transform: translateY(0) rotateX(0); opacity: .6; }
}

@keyframes market-v4-build-mid {
    0%, 16% { transform: translateY(0) rotateX(0); opacity: .6; }
    24%, 48% { transform: translateY(-4px) rotateX(4deg); opacity: 1; }
    58%, 100% { transform: translateY(0) rotateX(0); opacity: .6; }
}

@keyframes market-v4-build-front {
    0%, 16% { transform: translateY(0) rotateX(0); opacity: .6; }
    24%, 48% { transform: translateY(-4px) rotateX(4deg); opacity: 1; }
    58%, 100% { transform: translateY(0) rotateX(0); opacity: .6; }
}

@keyframes market-v4-build-progress {
    0%, 14% { transform: scaleX(.12); }
    58%, 74% { transform: scaleX(1); }
    100% { transform: scaleX(.12); }
}

@keyframes market-v4-launch-signal {
    0%, 8% { transform: translateX(-10px); opacity: 0; }
    20%, 66% { transform: translateX(26px); opacity: 1; }
    76%, 100% { transform: translateX(40px); opacity: 0; }
}

@keyframes market-v4-support-orbit {
    from { transform: translate(-50%, -50%) rotate(0deg); }
    to { transform: translate(-50%, -50%) rotate(360deg); }
}

@keyframes market-v4-support-node {
    0%, 100% { transform: translateY(0); opacity: .68; }
    50% { transform: translateY(-3px); opacity: 1; }
}

@keyframes market-v4-support-status {
    0%, 100% { transform: scale(.9); opacity: .62; }
    50% { transform: scale(1.16); opacity: 1; }
}

/* Clean premium motion language for the journey scenes. */
body.guest-portfolio .market-v3-journey .market-v4-clean-scene {
    position: relative;
    display: flex;
    min-height: 146px;
    flex-direction: column;
    justify-content: space-between;
    gap: 12px;
    overflow: hidden;
    padding: 14px;
    border: 1px solid color-mix(in srgb, var(--mv3-brand) 28%, var(--mv3-line));
    border-radius: var(--radius-card);
    background: linear-gradient(145deg, color-mix(in srgb, var(--mv3-surface) 96%, var(--mv3-brand) 4%), var(--mv3-soft));
}

body.guest-portfolio .market-v3-journey .market-v4-clean-scene::before {
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 85% 10%, color-mix(in srgb, var(--mv3-brand) 14%, transparent), transparent 42%);
    content: "";
    pointer-events: none;
}

body.guest-portfolio .market-v3-journey .market-v4-clean-scene > * {
    position: relative;
    z-index: 1;
}

body.guest-portfolio .market-v3-journey .clean-scene-label {
    color: var(--mv3-muted);
    font-size: 8px;
    font-weight: 850;
    letter-spacing: .16em;
    line-height: 1;
}

body.guest-portfolio .market-v3-journey .clean-scene-state {
    display: flex;
    align-items: center;
    gap: 7px;
    color: var(--mv3-muted);
    font-size: 8px;
    line-height: 1;
}

body.guest-portfolio .market-v3-journey .clean-scene-state i {
    width: 6px;
    height: 6px;
    flex: 0 0 6px;
    border-radius: 50%;
    background: var(--mv3-brand);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--mv3-brand) 14%, transparent);
}

body.guest-portfolio .market-v3-journey .clean-scene-state b {
    margin-left: auto;
    color: var(--mv3-brand);
    font-size: 8px;
}

body.guest-portfolio .market-v3-journey .clean-model-options {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 5px;
    flex: 1;
    align-items: center;
}

body.guest-portfolio .market-v3-journey .clean-model-options span {
    display: grid;
    min-width: 0;
    min-height: 58px;
    place-items: center;
    align-content: center;
    gap: 6px;
    border: 1px solid var(--mv3-line);
    border-radius: var(--radius-button);
    background: color-mix(in srgb, var(--mv3-surface) 90%, var(--mv3-brand) 10%);
    color: var(--mv3-muted);
    transform: translateY(0);
    transition: transform .35s ease, border-color .35s ease, color .35s ease, box-shadow .35s ease;
    animation: clean-model-focus 6s ease-in-out infinite;
}

body.guest-portfolio .market-v3-journey .clean-model-options span:nth-child(2) { animation-delay: -2s; }
body.guest-portfolio .market-v3-journey .clean-model-options span:nth-child(3) { animation-delay: -4s; }

body.guest-portfolio .market-v3-journey .clean-model-options span:hover,
body.guest-portfolio .market-v3-journey .clean-model-options span.is-active {
    border-color: color-mix(in srgb, var(--mv3-brand) 68%, var(--mv3-line));
    color: var(--mv3-brand);
    box-shadow: 0 8px 18px color-mix(in srgb, var(--mv3-brand) 15%, transparent);
    transform: translateY(-3px);
}

body.guest-portfolio .market-v3-journey .clean-model-options i {
    color: var(--mv3-brand);
    font-size: 18px;
}

body.guest-portfolio .market-v3-journey .clean-model-options b {
    overflow: hidden;
    color: var(--mv3-ink);
    font-size: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.guest-portfolio .market-v3-journey .clean-build-line {
    display: grid;
    grid-template-columns: 31px 1fr 31px 1fr 31px;
    align-items: center;
    flex: 1;
    gap: 6px;
}

body.guest-portfolio .market-v3-journey .clean-build-line > span {
    display: grid;
    width: 31px;
    height: 31px;
    place-items: center;
    border: 1px solid var(--mv3-line);
    border-radius: 50%;
    background: color-mix(in srgb, var(--mv3-surface) 90%, var(--mv3-brand) 10%);
    color: var(--mv3-brand);
    animation: clean-build-node 5.4s ease-in-out infinite;
}

body.guest-portfolio .market-v3-journey .clean-build-line > span:nth-of-type(2) { animation-delay: -1.8s; }
body.guest-portfolio .market-v3-journey .clean-build-line > span:nth-of-type(3) { animation-delay: -3.6s; }

body.guest-portfolio .market-v3-journey .clean-build-line > span i {
    font-size: 14px;
}

body.guest-portfolio .market-v3-journey .clean-build-line > i {
    position: relative;
    height: 2px;
    overflow: hidden;
    border-radius: 99px;
    background: color-mix(in srgb, var(--mv3-brand) 18%, var(--mv3-line));
}

body.guest-portfolio .market-v3-journey .clean-build-line > i::after {
    position: absolute;
    inset: 0;
    width: 36%;
    border-radius: inherit;
    background: var(--mv3-brand);
    box-shadow: 0 0 10px var(--mv3-brand);
    content: "";
    transform: translateX(-130%);
    animation: clean-build-signal 5.4s linear infinite;
}

body.guest-portfolio .market-v3-journey .clean-build-line > i:nth-of-type(2)::after { animation-delay: 1.8s; }

body.guest-portfolio .market-v3-journey .clean-launch-browser {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    padding: 7px 8px;
    border: 1px solid var(--mv3-line);
    border-radius: var(--radius-button);
    background: color-mix(in srgb, var(--mv3-surface) 90%, var(--mv3-brand) 10%);
    color: var(--mv3-muted);
    font-size: 8px;
}

body.guest-portfolio .market-v3-journey .clean-launch-browser span {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.guest-portfolio .market-v3-journey .clean-launch-browser i {
    color: var(--mv3-brand);
    font-size: 12px;
}

body.guest-portfolio .market-v3-journey .clean-launch-browser b {
    color: var(--mv3-brand);
    font-size: 7px;
    letter-spacing: .08em;
}

body.guest-portfolio .market-v3-journey .clean-launch-route {
    display: grid;
    grid-template-columns: 28px 1fr 28px 1fr 28px;
    align-items: center;
    flex: 1;
    gap: 5px;
}

body.guest-portfolio .market-v3-journey .clean-launch-route > span {
    display: grid;
    width: 28px;
    height: 28px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--mv3-brand) 34%, var(--mv3-line));
    border-radius: 50%;
    background: color-mix(in srgb, var(--mv3-surface) 90%, var(--mv3-brand) 10%);
    color: var(--mv3-brand);
    animation: clean-launch-node 4.8s ease-in-out infinite;
}

body.guest-portfolio .market-v3-journey .clean-launch-route > span:nth-of-type(2) { animation-delay: -1.6s; }
body.guest-portfolio .market-v3-journey .clean-launch-route > span:nth-of-type(3) { animation-delay: -3.2s; }

body.guest-portfolio .market-v3-journey .clean-launch-route > span i {
    font-size: 13px;
}

body.guest-portfolio .market-v3-journey .clean-launch-route > i {
    position: relative;
    height: 2px;
    overflow: hidden;
    border-radius: 99px;
    background: color-mix(in srgb, var(--mv3-brand) 18%, var(--mv3-line));
}

body.guest-portfolio .market-v3-journey .clean-launch-route > i::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 8px;
    height: 100%;
    border-radius: inherit;
    background: var(--mv3-brand);
    box-shadow: 0 0 8px var(--mv3-brand);
    content: "";
    transform: translateX(-10px);
    animation: clean-launch-signal 4.8s linear infinite;
}

body.guest-portfolio .market-v3-journey .clean-launch-route > i:nth-of-type(2)::after { animation-delay: 1.6s; }

body.guest-portfolio .market-v3-journey .clean-support-orbit {
    position: relative;
    flex: 1;
    min-height: 84px;
}

body.guest-portfolio .market-v3-journey .clean-support-orbit > i {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 72px;
    height: 72px;
    border: 1px solid color-mix(in srgb, var(--mv3-brand) 42%, var(--mv3-line));
    border-radius: 50%;
    transform: translate(-50%, -50%) rotate(0deg);
    animation: clean-support-rotate 14s linear infinite;
}

body.guest-portfolio .market-v3-journey .clean-support-orbit > i::after {
    position: absolute;
    top: -3px;
    left: 50%;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--mv3-brand);
    box-shadow: 0 0 10px var(--mv3-brand);
    content: "";
    transform: translateX(-50%);
}

body.guest-portfolio .market-v3-journey .clean-support-center,
body.guest-portfolio .market-v3-journey .clean-support-node {
    position: absolute;
    display: grid;
    place-items: center;
    border-radius: 50%;
}

body.guest-portfolio .market-v3-journey .clean-support-center {
    top: 50%;
    left: 50%;
    width: 37px;
    height: 37px;
    border: 1px solid color-mix(in srgb, var(--mv3-brand) 56%, var(--mv3-line));
    background: color-mix(in srgb, var(--mv3-surface) 90%, var(--mv3-brand) 10%);
    color: var(--mv3-brand);
    transform: translate(-50%, -50%);
    animation: clean-support-center 3.2s ease-in-out infinite;
}

body.guest-portfolio .market-v3-journey .clean-support-center i {
    font-size: 16px;
}

body.guest-portfolio .market-v3-journey .clean-support-node {
    width: 26px;
    height: 26px;
    border: 1px solid var(--mv3-line);
    background: color-mix(in srgb, var(--mv3-surface) 90%, var(--mv3-brand) 10%);
    color: var(--mv3-brand);
    animation: clean-support-node 3.6s ease-in-out infinite;
}

body.guest-portfolio .market-v3-journey .clean-support-node i {
    font-size: 12px;
}

body.guest-portfolio .market-v3-journey .clean-support-node-one { top: 1px; left: 4%; }
body.guest-portfolio .market-v3-journey .clean-support-node-two { top: 1px; right: 4%; animation-delay: -1.2s; }
body.guest-portfolio .market-v3-journey .clean-support-node-three { right: 19%; bottom: 0; animation-delay: -2.4s; }

@media (max-width: 800px) {
    body.guest-portfolio .market-v3-journey .market-v4-clean-scene {
        min-height: 128px;
        padding: 12px;
    }

    body.guest-portfolio .market-v3-journey .clean-model-options span {
        min-height: 49px;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.guest-portfolio .market-v3-journey .market-v4-clean-scene * {
        animation: none !important;
    }
}

@keyframes clean-model-focus {
    0%, 15% { opacity: .58; transform: translateY(0); }
    24%, 43% { opacity: 1; transform: translateY(-4px); }
    52%, 100% { opacity: .58; transform: translateY(0); }
}

@keyframes clean-build-node {
    0%, 14% { opacity: .56; transform: scale(.96); }
    24%, 43% { opacity: 1; transform: scale(1.08); box-shadow: 0 0 0 6px color-mix(in srgb, var(--mv3-brand) 12%, transparent); }
    52%, 100% { opacity: .56; transform: scale(.96); box-shadow: none; }
}

@keyframes clean-build-signal {
    0%, 12% { transform: translateX(-130%); opacity: 0; }
    30%, 72% { transform: translateX(220%); opacity: 1; }
    84%, 100% { transform: translateX(300%); opacity: 0; }
}

@keyframes clean-launch-node {
    0%, 16% { opacity: .58; transform: scale(.96); }
    24%, 46% { opacity: 1; transform: scale(1.08); box-shadow: 0 0 0 6px color-mix(in srgb, var(--mv3-brand) 12%, transparent); }
    55%, 100% { opacity: .58; transform: scale(.96); box-shadow: none; }
}

@keyframes clean-launch-signal {
    0%, 8% { transform: translateX(-10px); opacity: 0; }
    25%, 68% { transform: translateX(28px); opacity: 1; }
    78%, 100% { transform: translateX(40px); opacity: 0; }
}

@keyframes clean-support-rotate {
    from { transform: translate(-50%, -50%) rotate(0deg); }
    to { transform: translate(-50%, -50%) rotate(360deg); }
}

@keyframes clean-support-center {
    0%, 100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--mv3-brand) 0%, transparent); }
    50% { box-shadow: 0 0 0 7px color-mix(in srgb, var(--mv3-brand) 12%, transparent); }
}

@keyframes clean-support-node {
    0%, 100% { opacity: .62; transform: translateY(0); }
    50% { opacity: 1; transform: translateY(-3px); }
}

/* Account overview scene: a restrained KPI pair and an animated growth chart. */
body.guest-portfolio .market-v3-journey .clean-account-metrics {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    flex: 1;
    align-items: center;
}

body.guest-portfolio .market-v3-journey .clean-account-metrics > span {
    display: grid;
    min-width: 0;
    min-height: 45px;
    align-content: center;
    gap: 3px;
    padding: 7px;
    border: 1px solid var(--mv3-line);
    border-radius: var(--radius-button);
    background: color-mix(in srgb, var(--mv3-surface) 90%, var(--mv3-brand) 10%);
    animation: clean-account-metric 6s ease-in-out infinite;
}

body.guest-portfolio .market-v3-journey .clean-account-metrics > span:nth-child(2) {
    animation-delay: -3s;
}

body.guest-portfolio .market-v3-journey .clean-account-metrics small {
    color: var(--mv3-muted);
    font-size: 7px;
    font-weight: 850;
    letter-spacing: .1em;
}

body.guest-portfolio .market-v3-journey .clean-account-metrics b {
    color: var(--mv3-ink);
    font-size: 16px;
    line-height: 1;
}

body.guest-portfolio .market-v3-journey .clean-account-metrics em {
    overflow: hidden;
    color: var(--mv3-brand);
    font-size: 7px;
    font-style: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.guest-portfolio .market-v3-journey .clean-account-chart {
    display: flex;
    height: 35px;
    align-items: end;
    gap: 4px;
    padding: 0 2px;
    border-bottom: 1px solid var(--mv3-line);
}

body.guest-portfolio .market-v3-journey .clean-account-chart i {
    display: block;
    min-width: 0;
    height: var(--h);
    flex: 1;
    border-radius: 3px 3px 0 0;
    background: linear-gradient(180deg, var(--mv3-brand), color-mix(in srgb, var(--mv3-brand) 30%, transparent));
    transform-origin: bottom center;
    animation: clean-account-chart 5.8s ease-in-out infinite;
}

body.guest-portfolio .market-v3-journey .clean-account-chart i:nth-child(2) { animation-delay: -.25s; }
body.guest-portfolio .market-v3-journey .clean-account-chart i:nth-child(3) { animation-delay: -.5s; }
body.guest-portfolio .market-v3-journey .clean-account-chart i:nth-child(4) { animation-delay: -.75s; }
body.guest-portfolio .market-v3-journey .clean-account-chart i:nth-child(5) { animation-delay: -1s; }
body.guest-portfolio .market-v3-journey .clean-account-chart i:nth-child(6) { animation-delay: -1.25s; }
body.guest-portfolio .market-v3-journey .clean-account-chart i:nth-child(7) { animation-delay: -1.5s; }

body.guest-portfolio .market-v3-journey .market-v4-clean-scene {
    align-items: stretch;
}

/* Keep the animated UI elements visually pure inside their scene. */
body.guest-portfolio .market-v3-journey .clean-model-options span,
body.guest-portfolio .market-v3-journey .clean-build-line > span,
body.guest-portfolio .market-v3-journey .clean-launch-browser,
body.guest-portfolio .market-v3-journey .clean-launch-route > span,
body.guest-portfolio .market-v3-journey .clean-account-metrics > span {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.guest-portfolio .market-v3-journey .clean-model-options span:hover,
body.guest-portfolio .market-v3-journey .clean-model-options span.is-active {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.guest-portfolio .market-v3-journey .market-v3-heading-row-centered::before {
    display: none !important;
    content: none !important;
}

@media (max-width: 800px) {
    body.guest-portfolio .market-v3-journey .clean-account-chart {
        height: 31px;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.guest-portfolio .market-v3-journey .clean-account-metrics > span,
    body.guest-portfolio .market-v3-journey .clean-account-chart i {
        animation: none;
    }
}

@keyframes clean-account-metric {
    0%, 18% { opacity: .62; transform: translateY(2px); }
    28%, 56% { opacity: 1; transform: translateY(0); border-color: color-mix(in srgb, var(--mv3-brand) 56%, var(--mv3-line)); box-shadow: 0 8px 18px color-mix(in srgb, var(--mv3-brand) 10%, transparent); }
    66%, 100% { opacity: .62; transform: translateY(2px); box-shadow: none; }
}

@keyframes clean-account-chart {
    0%, 16% { transform: scaleY(.72); opacity: .58; }
    30%, 62% { transform: scaleY(1); opacity: 1; }
    76%, 100% { transform: scaleY(.72); opacity: .58; }
}

/* Card UX: show a compact step context before the main message. */
body.guest-portfolio .market-v3-journey .market-v4-card-meta {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 17px;
}

body.guest-portfolio .market-v3-journey .market-v4-card-meta > span:first-child {
    display: inline-grid;
    width: 27px;
    height: 27px;
    place-items: center;
    flex: 0 0 27px;
    border: 1px solid color-mix(in srgb, var(--mv3-brand) 42%, var(--mv3-line));
    border-radius: var(--radius-button);
    background: color-mix(in srgb, var(--mv3-brand) 12%, transparent);
    color: var(--mv3-brand);
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .04em;
}

body.guest-portfolio .market-v3-journey .market-v4-card-meta > span:last-child {
    color: var(--mv3-muted);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .01em;
}

body.guest-portfolio .market-v3-journey .market-v4-marker::before {
    color: var(--mv3-muted);
    content: attr(data-step);
    font-size: 8px;
    font-weight: 850;
    letter-spacing: .02em;
}

body.guest-portfolio .market-v3-journey .market-v4-timeline li.is-current .market-v4-marker::before,
body.guest-portfolio .market-v3-journey .market-v4-timeline li.is-passed .market-v4-marker::before {
    color: #ffffff;
}

body.guest-portfolio .market-v3-journey .market-v4-card .market-v3-action:focus-visible {
    outline: 3px solid color-mix(in srgb, var(--mv3-brand) 42%, #ffffff);
    outline-offset: 3px;
}

body.guest-portfolio .market-v3-journey .market-v4-marker::before {
    content: none !important;
}

body.guest-portfolio .market-v3-journey .market-v4-card-meta > span:first-child {
    display: inline;
    width: auto;
    height: auto;
    flex: 0 1 auto;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--mv3-muted);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .01em;
}

@media (max-width: 800px) {
    body.guest-portfolio .market-v3-journey .market-v4-card-meta {
        margin-bottom: 13px;
    }

    body.guest-portfolio .market-v3-journey .market-v4-card-meta > span:last-child {
        font-size: 10px;
    }
}




/* Keep the outer animation frame open while preserving the individual item surfaces. */
body.guest-portfolio .market-v3-journey .market-v4-clean-scene {
    border: 0 !important;
    background: transparent !important;
}

body.guest-portfolio .market-v3-journey .market-v4-clean-scene::before {
    display: none !important;
}

body.guest-portfolio .market-v3-journey .clean-model-options span {
    border: 1px solid var(--mv3-line) !important;
    background: color-mix(in srgb, var(--mv3-surface) 90%, var(--mv3-brand) 10%) !important;
    box-shadow: none !important;
}

body.guest-portfolio .market-v3-journey .clean-model-options span:hover,
body.guest-portfolio .market-v3-journey .clean-model-options span.is-active {
    border-color: color-mix(in srgb, var(--mv3-brand) 68%, var(--mv3-line)) !important;
    background: color-mix(in srgb, var(--mv3-surface) 90%, var(--mv3-brand) 10%) !important;
    box-shadow: 0 8px 18px color-mix(in srgb, var(--mv3-brand) 15%, transparent) !important;
}

body.guest-portfolio .market-v3-journey .clean-build-line > span {
    border: 1px solid var(--mv3-line) !important;
    background: color-mix(in srgb, var(--mv3-surface) 90%, var(--mv3-brand) 10%) !important;
    box-shadow: none !important;
}

body.guest-portfolio .market-v3-journey .clean-launch-browser {
    border: 1px solid var(--mv3-line) !important;
    background: color-mix(in srgb, var(--mv3-surface) 90%, var(--mv3-brand) 10%) !important;
    box-shadow: none !important;
}

body.guest-portfolio .market-v3-journey .clean-launch-route > span {
    border: 1px solid color-mix(in srgb, var(--mv3-brand) 34%, var(--mv3-line)) !important;
    background: color-mix(in srgb, var(--mv3-surface) 90%, var(--mv3-brand) 10%) !important;
    box-shadow: none !important;
}

body.guest-portfolio .market-v3-journey .clean-account-metrics > span {
    border: 1px solid var(--mv3-line) !important;
    background: color-mix(in srgb, var(--mv3-surface) 90%, var(--mv3-brand) 10%) !important;
    box-shadow: none !important;
}

/* Journey studio: borderless illustrations, each with a different product story. */
body.guest-portfolio .market-v3-journey .journey-studio {
    --studio-tint: color-mix(in srgb, var(--mv3-brand) 7%, var(--mv3-surface));
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 14px;
    width: 100%;
    min-width: 0;
    min-height: 226px;
    padding: 8px 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: var(--mv3-ink);
    container-type: inline-size;
    font-size: 11px;
    line-height: 1.4;
    user-select: none;
    pointer-events: none;
}

body.guest-portfolio .market-v3-journey .studio-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    color: var(--mv3-muted);
    font-size: clamp(10px, 4cqw, 12px);
    font-weight: 600;
    letter-spacing: -.01em;
}

body.guest-portfolio .market-v3-journey .studio-heading > i {
    color: var(--mv3-brand);
    font-size: 15px;
}

/* A product dossier changes content as its reading indicator advances. */
body.guest-portfolio .market-v3-journey .catalog-stage {
    position: relative;
    height: 176px;
    margin-inline: 2px;
}

body.guest-portfolio .market-v3-journey .catalog-sheet {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--mv3-line);
    border-radius: var(--radius-card);
    background: var(--mv3-surface);
    opacity: 0;
    animation: studio-catalog 12s cubic-bezier(.22, 1, .36, 1) infinite;
    animation-delay: calc(var(--slot) * 4s - 12s);
}

body.guest-portfolio .market-v3-journey .catalog-art {
    position: relative;
    display: grid;
    height: 78px;
    flex: 0 0 78px;
    place-items: center;
    overflow: hidden;
    background: var(--studio-tint);
}

body.guest-portfolio .market-v3-journey .catalog-art > i {
    position: relative;
    z-index: 2;
    color: var(--mv3-brand);
    font-size: 27px;
}

body.guest-portfolio .market-v3-journey .catalog-art > span {
    position: absolute;
    border: 1px solid color-mix(in srgb, var(--mv3-brand) 21%, transparent);
}

body.guest-portfolio .market-v3-journey .art-hosted > span {
    width: 84px;
    height: 84px;
    border-radius: 50%;
}

body.guest-portfolio .market-v3-journey .art-hosted > span:nth-child(2) { width: 116px; height: 116px; }
body.guest-portfolio .market-v3-journey .art-hosted > span:nth-child(3) { width: 150px; height: 150px; opacity: .5; }

body.guest-portfolio .market-v3-journey .art-source > span {
    width: 74px;
    height: 42px;
    border-radius: 3px;
    transform: rotate(-7deg) translate(-8px, -3px);
}

body.guest-portfolio .market-v3-journey .art-source > span:nth-child(2) { transform: rotate(7deg) translate(8px, 3px); }
body.guest-portfolio .market-v3-journey .art-source > span:nth-child(3) { width: 104px; height: 58px; transform: none; opacity: .4; }

body.guest-portfolio .market-v3-journey .art-template > span {
    width: 28px;
    height: 34px;
    border-radius: 3px;
    transform: translateX(-43px);
}

body.guest-portfolio .market-v3-journey .art-template > span:nth-child(2) { width: 70px; height: 54px; transform: none; }
body.guest-portfolio .market-v3-journey .art-template > span:nth-child(3) { transform: translateX(43px); }

body.guest-portfolio .market-v3-journey .catalog-copy {
    display: grid;
    gap: 3px;
    padding: 12px 12px 10px;
}

body.guest-portfolio .market-v3-journey .catalog-copy strong {
    font-size: clamp(13px, 5cqw, 16px);
    font-weight: 650;
    letter-spacing: -.025em;
}

body.guest-portfolio .market-v3-journey .catalog-copy small {
    color: var(--mv3-muted);
    font-size: clamp(10px, 3.7cqw, 11px);
}

body.guest-portfolio .market-v3-journey .catalog-detail {
    display: flex;
    justify-content: space-between;
    gap: 5px;
    margin: auto 12px 0;
    padding: 8px 0 10px;
    border-top: 1px solid var(--mv3-line);
    color: var(--mv3-muted);
    font-size: clamp(9px, 3.6cqw, 11px);
}

body.guest-portfolio .market-v3-journey .catalog-detail b { color: var(--mv3-brand); font-weight: 600; }

body.guest-portfolio .market-v3-journey .catalog-pagination {
    display: flex;
    gap: 5px;
    padding-inline: 2px;
}

body.guest-portfolio .market-v3-journey .catalog-pagination > i {
    position: relative;
    height: 2px;
    flex: 1;
    overflow: hidden;
    background: var(--mv3-line);
}

body.guest-portfolio .market-v3-journey .catalog-pagination > i::after {
    position: absolute;
    inset: 0;
    background: var(--mv3-brand);
    content: "";
    transform: scaleX(0);
    transform-origin: left;
    animation: studio-reading 12s linear infinite;
    animation-delay: calc(var(--slot) * 4s - 12s);
}

/* Features join the release in order; the switches remain decorative. */
body.guest-portfolio .market-v3-journey .journey-config { gap: 0; }
body.guest-portfolio .market-v3-journey .journey-config .studio-heading { margin-bottom: 12px; }

body.guest-portfolio .market-v3-journey .config-row {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 51px;
    padding-block: 10px;
    border-bottom: 1px solid var(--mv3-line);
}

body.guest-portfolio .market-v3-journey .config-symbol {
    display: grid;
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    place-items: center;
    border: 1px solid var(--mv3-line);
    border-radius: var(--radius-button);
    background: var(--studio-tint);
    color: var(--mv3-brand);
    font-size: 15px;
}

body.guest-portfolio .market-v3-journey .config-row > span { display: grid; min-width: 0; gap: 2px; }
body.guest-portfolio .market-v3-journey .config-row strong { font-size: clamp(11px, 4.4cqw, 14px); font-weight: 600; }
body.guest-portfolio .market-v3-journey .config-row small { color: var(--mv3-muted); font-size: clamp(9px, 3.5cqw, 11px); }

body.guest-portfolio .market-v3-journey .config-switch {
    position: relative;
    width: 23px;
    height: 14px;
    flex: 0 0 23px;
    margin-left: auto;
    border: 1px solid var(--mv3-line);
    border-radius: 99px;
    background: var(--mv3-soft);
    animation: studio-switch-track 10s ease infinite;
    animation-delay: var(--delay);
}

body.guest-portfolio .market-v3-journey .config-switch::after {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--mv3-muted);
    content: "";
    animation: studio-switch-thumb 10s cubic-bezier(.22,1,.36,1) infinite;
    animation-delay: var(--delay);
}

body.guest-portfolio .market-v3-journey .config-assembly {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-top: 14px;
    color: var(--mv3-muted);
    font-size: clamp(9px, 3.6cqw, 11px);
}

body.guest-portfolio .market-v3-journey .config-assembly > div { display: flex; gap: 3px; margin-left: auto; }
body.guest-portfolio .market-v3-journey .config-assembly > div > i {
    width: 7px;
    height: 7px;
    background: var(--mv3-line);
    animation: studio-switch-track 10s ease infinite;
    animation-delay: var(--delay);
}
body.guest-portfolio .market-v3-journey .config-assembly > i { color: var(--mv3-brand); font-size: 13px; }

/* A brand preview is built from navigation to hero to content. */
body.guest-portfolio .market-v3-journey .journey-deploy { gap: 10px; }
body.guest-portfolio .market-v3-journey .deploy-address {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px;
    border: 1px solid var(--mv3-line);
    border-radius: var(--radius-button);
    background: var(--studio-tint);
    color: var(--mv3-muted);
    font-size: clamp(10px, 3.8cqw, 12px);
}
body.guest-portfolio .market-v3-journey .deploy-address > i { color: var(--mv3-brand); font-size: 12px; }
body.guest-portfolio .market-v3-journey .deploy-address > i:last-child { margin-left: auto; }

body.guest-portfolio .market-v3-journey .deploy-page {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 10px;
    background: var(--studio-tint);
    border-radius: var(--radius-card);
}

body.guest-portfolio .market-v3-journey .deploy-nav {
    display: flex;
    align-items: center;
    gap: 5px;
    animation: studio-page-nav 11s ease infinite;
}
body.guest-portfolio .market-v3-journey .deploy-nav > i { width: 9px; height: 9px; background: var(--mv3-brand); }
body.guest-portfolio .market-v3-journey .deploy-nav > span { width: 16px; height: 2px; background: var(--mv3-line); }
body.guest-portfolio .market-v3-journey .deploy-nav > span:nth-child(2) { margin-left: auto; }
body.guest-portfolio .market-v3-journey .deploy-nav > b { width: 20px; height: 7px; border: 1px solid var(--mv3-brand); }

body.guest-portfolio .market-v3-journey .deploy-hero { display: grid; justify-items: start; gap: 5px; animation: studio-page-hero 11s ease infinite; }
body.guest-portfolio .market-v3-journey .deploy-hero > small { color: var(--mv3-brand); font-size: 6px; font-weight: 700; letter-spacing: .12em; }
body.guest-portfolio .market-v3-journey .deploy-hero > strong { color: var(--mv3-ink); font-size: clamp(12px, 5cqw, 17px); font-weight: 650; line-height: 1.2; letter-spacing: -.03em; }
body.guest-portfolio .market-v3-journey .deploy-hero > span { width: 72%; height: 2px; background: var(--mv3-line); }
body.guest-portfolio .market-v3-journey .deploy-hero > b { width: 38px; height: 10px; margin-top: 3px; background: var(--mv3-brand); border-radius: var(--radius-button); }

body.guest-portfolio .market-v3-journey .deploy-tiles { display: flex; gap: 5px; animation: studio-page-content 11s ease infinite; }
body.guest-portfolio .market-v3-journey .deploy-tiles > span { display: grid; flex: 1; justify-items: start; gap: 6px; padding: 7px; border: 1px solid var(--mv3-line); background: var(--mv3-surface); }
body.guest-portfolio .market-v3-journey .deploy-tiles i { color: var(--mv3-brand); font-size: 12px; }
body.guest-portfolio .market-v3-journey .deploy-tiles b { width: 65%; height: 2px; background: var(--mv3-line); }

body.guest-portfolio .market-v3-journey .deploy-footer { display: flex; align-items: center; gap: 8px; font-size: clamp(9px, 3.5cqw, 11px); }
body.guest-portfolio .market-v3-journey .deploy-footer > span { display: flex; align-items: center; gap: 4px; color: var(--mv3-muted); }
body.guest-portfolio .market-v3-journey .deploy-footer > span > i { color: var(--mv3-brand); }
body.guest-portfolio .market-v3-journey .deploy-footer > div { height: 2px; flex: 1; overflow: hidden; background: var(--mv3-line); }
body.guest-portfolio .market-v3-journey .deploy-footer > div > i { display: block; height: 100%; background: var(--mv3-brand); transform-origin: left; animation: studio-deployment 11s ease infinite; }

/* Roadmap progress follows the same curve and reaches each milestone in order. */
body.guest-portfolio .market-v3-journey .journey-roadmap { gap: 12px; }
body.guest-portfolio .market-v3-journey .roadmap-plot { padding-block: 6px; }
body.guest-portfolio .market-v3-journey .roadmap-plot svg { display: block; width: 100%; height: 95px; overflow: visible; }
body.guest-portfolio .market-v3-journey .roadmap-grid { stroke: var(--mv3-line); stroke-width: .6; stroke-dasharray: 2 5; }
body.guest-portfolio .market-v3-journey .roadmap-area { fill: color-mix(in srgb, var(--mv3-brand) 5%, transparent); }
body.guest-portfolio .market-v3-journey .roadmap-guide { stroke: color-mix(in srgb, var(--mv3-brand) 20%, var(--mv3-line)); stroke-width: 1.5; }
body.guest-portfolio .market-v3-journey .roadmap-growth { stroke: var(--mv3-brand); stroke-width: 2; stroke-linecap: round; stroke-dasharray: 1; animation: studio-roadmap 12s cubic-bezier(.4,0,.2,1) infinite; }
body.guest-portfolio .market-v3-journey .roadmap-point { fill: var(--mv3-surface); stroke: var(--mv3-brand); stroke-width: 1.5; }
body.guest-portfolio .market-v3-journey .point-build { animation: studio-milestone-build 12s ease infinite; }
body.guest-portfolio .market-v3-journey .point-grow { animation: studio-milestone-grow 12s ease infinite; }
body.guest-portfolio .market-v3-journey .point-start { fill: var(--mv3-brand); }
body.guest-portfolio .market-v3-journey .roadmap-labels { display: flex; justify-content: space-between; gap: 5px; margin-top: 5px; color: var(--mv3-muted); font-size: clamp(9px, 3.6cqw, 11px); }
body.guest-portfolio .market-v3-journey .roadmap-resource { display: flex; align-items: center; gap: 7px; padding-block: 9px; border-top: 1px solid var(--mv3-line); font-size: clamp(10px, 4cqw, 12px); }
body.guest-portfolio .market-v3-journey .roadmap-resource > i { color: var(--mv3-brand); font-size: 14px; }
body.guest-portfolio .market-v3-journey .roadmap-resource > i:last-child { margin-left: auto; font-size: 12px; }

@keyframes studio-catalog {
    0%, 26% { opacity: 1; transform: translateY(0); }
    33%, 91% { opacity: 0; transform: translateY(-6px); }
    92% { opacity: 0; transform: translateY(6px); }
    100% { opacity: 1; transform: translateY(0); }
}
@keyframes studio-reading {
    0% { transform: scaleX(0); opacity: 1; }
    29% { transform: scaleX(1); opacity: 1; }
    33%, 99.99% { transform: scaleX(1); opacity: 0; }
    100% { transform: scaleX(0); opacity: 1; }
}
@keyframes studio-switch-track {
    0%, 8%, 88%, 100% { background: var(--mv3-soft); border-color: var(--mv3-line); }
    16%, 76% { background: var(--mv3-brand); border-color: var(--mv3-brand); }
}
@keyframes studio-switch-thumb {
    0%, 8%, 88%, 100% { transform: translateX(0); background: var(--mv3-muted); }
    16%, 76% { transform: translateX(9px); background: #fff; }
}
@keyframes studio-page-nav {
    0%, 4%, 100% { opacity: .15; transform: translateY(3px); }
    12%, 87% { opacity: 1; transform: translateY(0); }
}
@keyframes studio-page-hero {
    0%, 14%, 100% { opacity: .12; transform: translateY(5px); }
    25%, 87% { opacity: 1; transform: translateY(0); }
}
@keyframes studio-page-content {
    0%, 28%, 100% { opacity: .12; transform: translateY(5px); }
    39%, 87% { opacity: 1; transform: translateY(0); }
}
@keyframes studio-deployment {
    0%, 4% { transform: scaleX(.04); opacity: 1; }
    40%, 87% { transform: scaleX(1); opacity: 1; }
    97% { transform: scaleX(1); opacity: 0; }
    100% { transform: scaleX(.04); opacity: 0; }
}
@keyframes studio-roadmap {
    0%, 8% { stroke-dashoffset: 1; opacity: 1; }
    65%, 86% { stroke-dashoffset: 0; opacity: 1; }
    96% { stroke-dashoffset: 0; opacity: 0; }
    100% { stroke-dashoffset: 1; opacity: 0; }
}
@keyframes studio-milestone-build {
    0%, 34%, 100% { fill: var(--mv3-surface); }
    43%, 88% { fill: var(--mv3-brand); }
}
@keyframes studio-milestone-grow {
    0%, 58%, 100% { fill: var(--mv3-surface); }
    67%, 88% { fill: var(--mv3-brand); }
}

@media (max-width: 800px) {
    body.guest-portfolio .market-v3-journey .journey-studio { max-width: 340px; margin: 4px auto 0; min-height: 0; padding: 0; gap: 14px; }
    body.guest-portfolio .market-v3-journey .catalog-stage { height: 193px; }
    body.guest-portfolio .market-v3-journey .catalog-art { height: 87px; flex-basis: 87px; }
    body.guest-portfolio .market-v3-journey .catalog-copy { padding-inline: 16px; }
    body.guest-portfolio .market-v3-journey .catalog-detail { margin-inline: 16px; }
    body.guest-portfolio .market-v3-journey .journey-config { gap: 0; }
    body.guest-portfolio .market-v3-journey .config-row { min-height: 58px; gap: 12px; }
    body.guest-portfolio .market-v3-journey .config-symbol { width: 33px; height: 33px; flex-basis: 33px; font-size: 17px; }
    body.guest-portfolio .market-v3-journey .config-switch { width: 28px; height: 17px; flex-basis: 28px; }
    body.guest-portfolio .market-v3-journey .config-switch::after { width: 11px; height: 11px; }
    body.guest-portfolio .market-v3-journey .journey-deploy { gap: 10px; }
    body.guest-portfolio .market-v3-journey .deploy-page { gap: 14px; padding: 14px; }
    body.guest-portfolio .market-v3-journey .deploy-hero { gap: 7px; }
    body.guest-portfolio .market-v3-journey .deploy-hero > small { font-size: 7px; }
    body.guest-portfolio .market-v3-journey .deploy-hero > b { width: 52px; height: 12px; }
    body.guest-portfolio .market-v3-journey .deploy-tiles > span { padding: 10px; }
    body.guest-portfolio .market-v3-journey .roadmap-plot svg { height: 111px; }
    body.guest-portfolio .market-v3-journey .roadmap-resource { padding-block: 10px; }
}

@media (prefers-reduced-motion: reduce) {
    body.guest-portfolio .market-v3-journey .journey-studio *,
    body.guest-portfolio .market-v3-journey .journey-studio *::after { animation: none !important; }
    body.guest-portfolio .market-v3-journey .catalog-sheet { opacity: 0; }
    body.guest-portfolio .market-v3-journey .catalog-hosted { opacity: 1; }
    body.guest-portfolio .market-v3-journey .catalog-pagination > i:first-child::after { transform: scaleX(1); }
    body.guest-portfolio .market-v3-journey .config-switch { background: var(--mv3-brand); border-color: var(--mv3-brand); }
    body.guest-portfolio .market-v3-journey .config-switch::after { transform: translateX(9px); background: #fff; }
    body.guest-portfolio .market-v3-journey .config-assembly > div > i { background: var(--mv3-brand); }
    body.guest-portfolio .market-v3-journey .roadmap-growth { stroke-dashoffset: 0; }
    body.guest-portfolio .market-v3-journey .roadmap-point { fill: var(--mv3-brand); }
}

/* The studio itself stays open; only its internal product preview carries surfaces. */
body.guest-portfolio .market-v3-journey .journey-studio {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}

/* Simplified product journey: clear copy, compact cards, and quiet interactions. */
body.guest-portfolio .market-simple-journey {
    --journey-ink: #142033;
    --journey-muted: #596579;
    --journey-line: rgba(20, 32, 51, .12);
    --journey-surface: #ffffff;
    padding: clamp(64px, 7vw, 104px) 0 16px;
}
html.dark body.guest-portfolio .market-simple-journey {
    --journey-ink: #f5f5f5;
    --journey-muted: #a3a3a3;
    --journey-line: rgba(255, 255, 255, .1);
    --journey-surface: #020202;
    background: #000000;
}
body.guest-portfolio .market-simple-journey-head {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
    align-items: end;
    gap: clamp(24px, 5vw, 72px);
    margin-bottom: 36px;
}
body.guest-portfolio .market-simple-journey-head h2 {
    max-width: 600px;
    margin: 0;
    color: var(--journey-ink);
    font-size: clamp(32px, 3.6vw, 48px);
    font-weight: 600;
    line-height: 1.12;
    letter-spacing: -.045em;
    text-wrap: balance;
}
body.guest-portfolio .market-simple-journey-head > p {
    max-width: 380px;
    margin: 0 0 4px;
    color: var(--journey-muted);
    font-size: 16px;
    line-height: 1.7;
}
body.guest-portfolio .market-simple-steps {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}
body.guest-portfolio .market-simple-step {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: clamp(26px, 3vw, 36px);
    border: 1px solid var(--journey-line);
    border-radius: var(--radius-card, 8px);
    background: var(--journey-surface);
    box-shadow: 0 10px 24px rgba(0, 0, 0, .04);
    transition: border-color .2s ease;
}
html.dark body.guest-portfolio .market-simple-step {
    background: #020202;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .32);
}
body.guest-portfolio .market-simple-step:hover,
body.guest-portfolio .market-simple-step:focus-within {
    border-color: color-mix(in srgb, var(--journey-ink) 23%, transparent);
}
body.guest-portfolio .market-simple-step-top {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 22px;
}
body.guest-portfolio .market-simple-step-icon {
    display: inline-flex;
    align-items: center;
    color: var(--color-brand-500, #c34b9a);
    font-size: 23px;
    line-height: 1;
}
body.guest-portfolio .market-simple-step-label {
    color: var(--journey-muted);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .04em;
}
body.guest-portfolio .market-simple-step h3 {
    margin: 0;
    color: var(--journey-ink);
    font-size: clamp(21px, 2vw, 25px);
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -.025em;
    text-wrap: balance;
}
body.guest-portfolio .market-simple-step > p {
    max-width: 450px;
    margin: 12px 0 22px;
    color: var(--journey-muted);
    font-size: 15px;
    line-height: 1.7;
}
body.guest-portfolio .market-simple-step-link {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    gap: 10px;
    min-height: 44px;
    margin-top: auto;
    color: var(--journey-ink);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.5;
    text-decoration: none;
    text-underline-offset: 5px;
}
body.guest-portfolio .market-simple-step-link i {
    color: var(--color-brand-500, #c34b9a);
    font-size: 18px;
    transition: transform .2s ease;
}
body.guest-portfolio .market-simple-step-link:hover {
    text-decoration: underline;
}
body.guest-portfolio .market-simple-step-link:hover i {
    transform: translate(2px, -2px);
}
body.guest-portfolio .market-simple-step-link:focus-visible {
    outline: 2px solid var(--color-brand-500, #c34b9a);
    outline-offset: 5px;
    border-radius: 2px;
}
@media (max-width: 700px) {
    body.guest-portfolio .market-simple-journey {
        padding: 54px 0 0;
    }
    body.guest-portfolio .market-simple-journey-head {
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
        margin-bottom: 26px;
    }
    body.guest-portfolio .market-simple-journey-head h2 {
        max-width: 430px;
        font-size: clamp(30px, 7.5vw, 38px);
    }
    body.guest-portfolio .market-simple-journey-head > p {
        max-width: 430px;
        margin: 0;
        font-size: 15px;
    }
    body.guest-portfolio .market-simple-steps {
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
    }
    body.guest-portfolio .market-simple-step {
        padding: 24px;
    }
    body.guest-portfolio .market-simple-step-top {
        margin-bottom: 18px;
    }
    body.guest-portfolio .market-simple-step > p {
        margin-bottom: 14px;
    }
}
@media (prefers-reduced-motion: reduce) {
    body.guest-portfolio .market-simple-step,
    body.guest-portfolio .market-simple-step-link i {
        transition: none;
    }
    body.guest-portfolio .market-simple-step-link:hover i {
        transform: none;
    }
}