/* Ported from globals.css */
@layer utilities {
    .animate-fade-in-up {
        animation: fadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
        opacity: 0;
        transform: translateY(20px);
    }

    .animation-delay-100 {
        animation-delay: 100ms;
    }

    .animation-delay-200 {
        animation-delay: 200ms;
    }

    .animation-delay-300 {
        animation-delay: 300ms;
    }

    .perspective-1000 {
        perspective: 1000px;
    }

    .text-balance {
        text-wrap: balance;
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

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

@keyframes blob {
    0% {
        transform: translate(0px, 0px) scale(1);
    }

    33% {
        transform: translate(30px, -50px) scale(1.1);
    }

    66% {
        transform: translate(-20px, 20px) scale(0.9);
    }

    100% {
        transform: translate(0px, 0px) scale(1);
    }
}

@keyframes marquee {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

.animate-marquee {
    animation: marquee 30s linear infinite;
    display: flex;
    width: max-content;
    /* Ensure container is wide enough */
}

.animate-blob {
    animation: blob 7s infinite;
}

.brand-logo-frame {
    position: relative;
    display: block;
    width: 5.35rem;
    height: 3.15rem;
    overflow: hidden;
    flex-shrink: 0;
}

.brand-logo-image {
    position: absolute;
    top: -97.85%;
    left: -37.30%;
    width: 174.54%;
    height: 295.68%;
    max-width: none;
}

.brand-logo-image--light {
    filter: brightness(0) invert(1);
}

@media (min-width: 768px) {
    .brand-logo-frame {
        width: 7rem;
        height: 4.2rem;
    }
}

.home-page #hero-particles {
    pointer-events: none;
}

.home-page .hero-title-line {
    display: inline-block;
    will-change: transform, opacity;
}

.home-page .magnetic-btn,
.home-page [data-hero-card],
.home-page [data-hero-orb],
.home-page [data-hero-wave],
.home-page [data-hero-glow],
.home-page .timeline-circle,
.home-page .timeline-line,
.home-page .timeline-content,
.home-page .timeline-details,
.home-page .stat-value {
    will-change: transform, opacity;
}

.home-page [data-hero-card] {
    transform-style: preserve-3d;
}

.home-page .spotlight-card {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.05);
    isolation: isolate;
}

.home-page .spotlight-card::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.35s ease;
    background: radial-gradient(
        520px circle at var(--spotlight-x, 50%) var(--spotlight-y, 50%),
        rgba(0, 0, 0, 0.08),
        transparent 42%
    );
}

.home-page .spotlight-card:hover::before {
    opacity: 1;
}

.home-page .spotlight-card[data-spotlight-theme="dark"]::before {
    background: radial-gradient(
        520px circle at var(--spotlight-x, 50%) var(--spotlight-y, 50%),
        rgba(255, 255, 255, 0.14),
        transparent 46%
    );
}

.home-page .faq-answer {
    will-change: height, opacity;
    transform-origin: top center;
}

.home-page [data-process-section] {
    position: relative;
}

.home-page .process-shell {
    position: relative;
}

.home-page .process-track {
    display: grid;
    gap: 1.25rem;
}

.home-page .process-panel {
    position: relative;
    overflow: hidden;
    border-radius: 2rem;
    padding: clamp(1.5rem, 2vw + 1rem, 2.5rem);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(240, 244, 249, 0.92));
    box-shadow: 0 40px 120px -48px rgba(0, 0, 0, 0.55);
    border: 1px solid rgba(255, 255, 255, 0.14);
}

.home-page .process-panel::before {
    content: "";
    position: absolute;
    inset: auto -10% -35% auto;
    width: 18rem;
    height: 18rem;
    border-radius: 999px;
    background: radial-gradient(circle, rgb(var(--panel-accent-rgb) / 0.22), transparent 68%);
    pointer-events: none;
}

.home-page .process-panel-grid {
    display: grid;
    gap: 1.5rem;
    align-items: center;
}

.home-page .process-panel-copy,
.home-page .process-panel-visual,
.home-page .process-panel-visual > * {
    will-change: transform, opacity;
}

.home-page .process-panel-copy {
    position: relative;
    z-index: 1;
}

.home-page .process-panel-copy > * + * {
    margin-top: 1rem;
}

.home-page .process-panel-meta {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    flex-wrap: wrap;
}

.home-page .process-step,
.home-page .process-kicker,
.home-page .process-tags span,
.home-page .process-marker span {
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font-weight: 700;
}

.home-page .process-step {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 999px;
    background: rgb(var(--panel-accent-rgb) / 0.18);
    color: var(--panel-accent);
    font-size: 0.8rem;
}

.home-page .process-kicker {
    color: rgba(11, 13, 16, 0.42);
    font-size: 0.75rem;
}

.home-page .process-panel-lead {
    max-width: 15ch;
}

.home-page .process-panel-detail {
    max-width: 34rem;
}

.home-page .process-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1.75rem;
}

.home-page .process-tags span {
    display: inline-flex;
    align-items: center;
    padding: 0.85rem 1rem;
    border-radius: 999px;
    background: rgba(11, 13, 16, 0.06);
    color: rgba(11, 13, 16, 0.72);
    font-size: 0.72rem;
}

.home-page .process-panel-visual {
    position: relative;
    min-height: 18rem;
    border-radius: 1.75rem;
    background:
        linear-gradient(180deg, rgba(14, 17, 24, 0.96), rgba(9, 11, 17, 0.98));
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    perspective: 1400px;
}

.home-page .process-panel-visual::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent 38%, rgba(255, 255, 255, 0.02));
    pointer-events: none;
}

.home-page .process-visual-grid,
.home-page .process-visual-glow,
.home-page .process-visual-orb {
    position: absolute;
}

.home-page .process-visual-grid {
    inset: 0;
    background:
        linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
    background-size: 3.5rem 3.5rem;
    mask-image: radial-gradient(circle at center, black 48%, transparent 90%);
    opacity: 0.95;
}

.home-page .process-visual-glow {
    inset: 12%;
    border-radius: 999px;
    background: radial-gradient(circle, rgb(var(--panel-accent-rgb) / 0.18), transparent 65%);
    filter: blur(30px);
    transform: scale(0.88);
}

.home-page .process-visual-orb {
    right: -10%;
    bottom: -26%;
    width: 78%;
    aspect-ratio: 1;
    border-radius: 999px;
    background:
        radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.96), rgb(var(--panel-accent-rgb) / 0.92) 42%, transparent 74%);
    filter: saturate(1.05);
}

.home-page .process-visual-ring {
    position: absolute;
    top: 14%;
    left: 10%;
    width: 9rem;
    height: 9rem;
    border-radius: 999px;
    border: 1px solid rgb(var(--panel-accent-rgb) / 0.48);
    box-shadow: 0 0 0 1.1rem rgb(var(--panel-accent-rgb) / 0.06);
}

.home-page .process-visual-beam {
    position: absolute;
    top: 8%;
    right: -10%;
    width: 38%;
    height: 0.9rem;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent, rgb(var(--panel-accent-rgb) / 0.75), transparent);
    filter: blur(0.4px);
    opacity: 0.72;
    transform: rotate(-26deg);
}

.home-page .process-visual-spark {
    position: absolute;
    border-radius: 1rem;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.95), rgb(var(--panel-accent-rgb) / 0.8));
    box-shadow: 0 0 2rem rgb(var(--panel-accent-rgb) / 0.2);
}

.home-page .process-visual-spark-a {
    top: 18%;
    right: 18%;
    width: 1rem;
    height: 1rem;
    transform: rotate(45deg);
}

.home-page .process-visual-spark-b {
    left: 18%;
    bottom: 22%;
    width: 1.35rem;
    height: 1.35rem;
    border-radius: 999px;
    opacity: 0.82;
}

.home-page .process-visual-card {
    position: relative;
    z-index: 1;
    min-width: 14rem;
    padding: 1.35rem;
    border-radius: 1.5rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.08));
    border: 1px solid rgba(255, 255, 255, 0.18);
    backdrop-filter: blur(16px);
    box-shadow: 0 20px 60px -30px rgba(0, 0, 0, 0.35);
    transform-style: preserve-3d;
    will-change: transform, opacity;
}

.home-page .process-visual-card::before {
    content: "";
    position: absolute;
    inset: -35% 40% 50% -15%;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.34), transparent 72%);
    opacity: 0.6;
    transform: rotate(8deg);
    pointer-events: none;
}

.home-page .process-panel-icon {
    width: 4.6rem;
    height: 4.6rem;
    border-radius: 1.35rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--panel-accent);
    background: rgb(var(--panel-accent-rgb) / 0.16);
    margin-bottom: 1rem;
}

.home-page .process-panel-chip {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    color: rgba(255, 255, 255, 0.92);
    font-size: 0.95rem;
    font-weight: 600;
    letter-spacing: 0.02em;
}

.home-page .process-panel-chip::before {
    content: "";
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 999px;
    background: var(--panel-accent);
    box-shadow: 0 0 1.2rem var(--panel-accent);
}

.home-page .process-card-metrics {
    display: grid;
    gap: 0.65rem;
    margin-top: 1.15rem;
}

.home-page .process-card-line {
    display: block;
    height: 0.55rem;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.36), rgba(255, 255, 255, 0.08));
    transform-origin: left center;
}

.home-page .process-card-line-wide {
    width: 84%;
}

.home-page .process-card-line {
    width: 68%;
}

.home-page .process-card-line-short {
    width: 52%;
}

.home-page .process-panel-visual--strategy {
    background: linear-gradient(180deg, rgba(13, 16, 22, 0.98), rgba(10, 12, 17, 1));
}

.home-page .strategy-grid,
.home-page .strategy-radar,
.home-page .strategy-route {
    position: absolute;
}

.home-page .strategy-radar,
.home-page .strategy-route-dot,
.home-page .design-glow,
.home-page .design-orbit,
.home-page .design-board,
.home-page .dev-grid,
.home-page .dev-node,
.home-page .dev-scan,
.home-page .launch-halo,
.home-page .launch-trail,
.home-page .launch-particle,
.home-page .launch-badge,
.home-page .process-panel-icon {
    will-change: transform, opacity;
}

.home-page .strategy-grid {
    inset: 0;
    background:
        linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
    background-size: 3.3rem 3.3rem;
    mask-image: radial-gradient(circle at center, black 54%, transparent 92%);
}

.home-page .strategy-radar {
    top: 14%;
    left: 14%;
    border-radius: 999px;
    border: 1px solid rgb(var(--panel-accent-rgb) / 0.42);
}

.home-page .strategy-radar--outer {
    width: 11rem;
    height: 11rem;
    box-shadow: 0 0 0 1.2rem rgb(var(--panel-accent-rgb) / 0.06);
}

.home-page .strategy-radar--inner {
    width: 6rem;
    height: 6rem;
    top: 22%;
    left: 22%;
    border-color: rgb(var(--panel-accent-rgb) / 0.2);
}

.home-page .strategy-route {
    inset: auto 11% 16% auto;
    width: 44%;
    height: 36%;
}

.home-page .strategy-route-line {
    position: absolute;
    inset: 0;
    border: 1px dashed rgb(var(--panel-accent-rgb) / 0.35);
    border-radius: 999px 999px 1.2rem 1.2rem;
    border-bottom-color: transparent;
    border-left-color: transparent;
}

.home-page .strategy-route-dot {
    position: absolute;
    width: 0.9rem;
    height: 0.9rem;
    border-radius: 999px;
    background: rgb(var(--panel-accent-rgb) / 0.95);
    box-shadow: 0 0 1rem rgb(var(--panel-accent-rgb) / 0.45);
}

.home-page .strategy-route-dot--a {
    top: 4%;
    right: 18%;
}

.home-page .strategy-route-dot--b {
    top: 40%;
    right: 46%;
}

.home-page .strategy-route-dot--c {
    bottom: 10%;
    left: 8%;
}

.home-page .process-visual-card--strategy {
    min-width: 18rem;
    margin-left: 22%;
    margin-top: 16%;
}

.home-page .process-panel-visual--design {
    background: linear-gradient(180deg, rgba(20, 18, 28, 0.98), rgba(13, 12, 20, 1));
}

.home-page .design-glow,
.home-page .design-orbit,
.home-page .design-board {
    position: absolute;
}

.home-page .design-glow {
    border-radius: 999px;
    filter: blur(34px);
}

.home-page .design-glow--a {
    top: 10%;
    right: 8%;
    width: 10rem;
    height: 10rem;
    background: radial-gradient(circle, rgba(255, 138, 216, 0.4), transparent 68%);
}

.home-page .design-glow--b {
    left: 12%;
    bottom: 12%;
    width: 8rem;
    height: 8rem;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.18), transparent 70%);
}

.home-page .design-orbit {
    top: 16%;
    left: 18%;
    width: 12rem;
    height: 12rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    box-shadow: 0 0 0 1.1rem rgba(255, 138, 216, 0.08);
}

.home-page .design-board {
    width: 14rem;
    aspect-ratio: 0.92;
    border-radius: 1.6rem;
    background: linear-gradient(160deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.04));
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: 0 24px 60px -36px rgba(0, 0, 0, 0.45);
}

.home-page .design-board--back {
    top: 16%;
    right: 12%;
    transform: rotate(-12deg);
}

.home-page .design-board--mid {
    bottom: 14%;
    left: 16%;
    transform: rotate(10deg);
}

.home-page .design-board--front {
    min-width: 16rem;
    width: 16rem;
    margin-left: 12%;
    transform: rotate(-4deg);
}

.home-page .design-swatches {
    display: flex;
    gap: 0.7rem;
    margin-top: 1rem;
}

.home-page .design-swatch {
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 0.9rem;
    display: block;
}

.home-page .design-swatch--a {
    background: linear-gradient(145deg, #ff8ad8, #ffd7f0);
}

.home-page .design-swatch--b {
    background: linear-gradient(145deg, #f0f4ff, #ffffff);
}

.home-page .design-swatch--c {
    background: linear-gradient(145deg, #ffb36b, #ffe1c0);
}

.home-page .design-strokes {
    display: grid;
    gap: 0.65rem;
    margin-top: 1.1rem;
}

.home-page .design-stroke {
    display: block;
    height: 0.65rem;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0.12));
}

.home-page .design-stroke--a {
    width: 88%;
}

.home-page .design-stroke--b {
    width: 62%;
}

.home-page .design-stroke--c {
    width: 76%;
}

.home-page .process-panel-visual--development {
    background: linear-gradient(180deg, rgba(9, 13, 20, 0.99), rgba(6, 8, 14, 1));
}

.home-page .dev-grid,
.home-page .dev-node,
.home-page .dev-scan {
    position: absolute;
}

.home-page .dev-grid {
    inset: 0;
    background:
        linear-gradient(rgba(124, 199, 255, 0.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(124, 199, 255, 0.06) 1px, transparent 1px);
    background-size: 2.6rem 2.6rem;
    opacity: 0.9;
}

.home-page .dev-node {
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 999px;
    background: rgb(var(--panel-accent-rgb) / 0.9);
    box-shadow: 0 0 1rem rgb(var(--panel-accent-rgb) / 0.42);
}

.home-page .dev-node--a {
    top: 18%;
    left: 14%;
}

.home-page .dev-node--b {
    top: 26%;
    right: 18%;
}

.home-page .dev-node--c {
    bottom: 18%;
    left: 28%;
}

.home-page .dev-scan {
    inset: 0 auto 0 0;
    width: 28%;
    background: linear-gradient(90deg, transparent, rgba(124, 199, 255, 0.18), transparent);
    opacity: 0.24;
}

.home-page .process-visual-card--development {
    width: min(20rem, 80%);
    min-width: 17rem;
    background: linear-gradient(180deg, rgba(12, 19, 29, 0.9), rgba(8, 13, 20, 0.96));
    border-color: rgba(124, 199, 255, 0.14);
}

.home-page .dev-window-top {
    display: flex;
    gap: 0.45rem;
    margin-bottom: 1rem;
}

.home-page .dev-window-top span {
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.28);
}

.home-page .dev-code {
    display: grid;
    gap: 0.7rem;
    margin-top: 1.1rem;
}

.home-page .dev-code-line {
    display: block;
    height: 0.6rem;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(124, 199, 255, 0.72), rgba(124, 199, 255, 0.12));
}

.home-page .dev-code-line--a {
    width: 78%;
}

.home-page .dev-code-line--b {
    width: 62%;
}

.home-page .dev-code-line--c {
    width: 86%;
}

.home-page .dev-code-line--d {
    width: 48%;
}

.home-page .dev-pill-row {
    display: flex;
    gap: 0.6rem;
    flex-wrap: wrap;
    margin-top: 1rem;
}

.home-page .dev-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.45rem 0.7rem;
    border-radius: 999px;
    background: rgba(124, 199, 255, 0.12);
    color: rgba(255, 255, 255, 0.86);
    font-size: 0.74rem;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    font-weight: 700;
}

.home-page .process-panel-visual--launch {
    background: linear-gradient(180deg, rgba(20, 13, 7, 0.99), rgba(12, 8, 5, 1));
}

.home-page .launch-halo,
.home-page .launch-trail,
.home-page .launch-particle,
.home-page .launch-badge {
    position: absolute;
}

.home-page .launch-halo {
    inset: 14%;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(255, 179, 107, 0.22), transparent 68%);
    filter: blur(26px);
}

.home-page .launch-trail {
    right: 16%;
    bottom: 14%;
    width: 8rem;
    height: 14rem;
    border-radius: 999px 999px 0 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(255, 179, 107, 0.42), transparent);
    filter: blur(0.2px);
    opacity: 0.9;
}

.home-page .launch-particle {
    width: 0.9rem;
    height: 0.9rem;
    border-radius: 999px;
    background: rgb(var(--panel-accent-rgb) / 0.95);
    box-shadow: 0 0 1rem rgb(var(--panel-accent-rgb) / 0.44);
}

.home-page .launch-particle--a {
    top: 18%;
    right: 18%;
}

.home-page .launch-particle--b {
    top: 32%;
    left: 22%;
}

.home-page .launch-particle--c {
    bottom: 18%;
    right: 28%;
}

.home-page .process-visual-card--launch {
    min-width: 15.5rem;
    margin-left: 14%;
    margin-top: 6%;
}

.home-page .launch-badge {
    right: 10%;
    top: 14%;
    padding: 0.7rem 0.95rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 179, 107, 0.18);
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.74rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    font-weight: 700;
}

.home-page .process-panel[data-process-type="design"] .process-visual-orb {
    right: -4%;
    bottom: -14%;
    width: 66%;
    background: radial-gradient(circle at 34% 32%, rgba(255, 255, 255, 0.9), rgb(var(--panel-accent-rgb) / 0.94) 38%, transparent 72%);
}

.home-page .process-panel[data-process-type="design"] .process-visual-ring {
    top: auto;
    bottom: 18%;
    left: 12%;
}

.home-page .process-panel[data-process-type="development"] .process-visual-orb {
    right: -8%;
    bottom: -18%;
    border-radius: 34% 66% 56% 44% / 40% 44% 56% 60%;
}

.home-page .process-panel[data-process-type="development"] .process-visual-spark-a {
    top: 16%;
    right: 14%;
    width: 4.2rem;
    height: 0.24rem;
    border-radius: 999px;
    transform: rotate(-18deg);
}

.home-page .process-panel[data-process-type="launch"] .process-visual-beam {
    top: 18%;
    right: -4%;
    width: 44%;
    opacity: 0.9;
}

.home-page .process-panel[data-process-type="launch"] .process-visual-spark-b {
    width: 0.95rem;
    height: 5rem;
    border-radius: 999px;
    left: 20%;
    bottom: 18%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgb(var(--panel-accent-rgb) / 0.25) 70%, transparent);
    box-shadow: none;
}

.home-page .process-rail {
    display: none;
    position: relative;
    margin-top: 2rem;
    padding-top: 1.2rem;
}

.home-page .process-rail-track,
.home-page .process-rail-fill {
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
}

.home-page .process-rail-track {
    right: 0;
    background: rgba(255, 255, 255, 0.12);
}

.home-page .process-rail-fill {
    width: 100%;
    background: linear-gradient(90deg, #cbf381 0%, #ffffff 100%);
    transform: scaleX(0);
    transform-origin: left center;
}

.home-page .process-marker-row {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.home-page .process-marker {
    color: rgba(255, 255, 255, 0.34);
    transition: color 0.3s ease, transform 0.3s ease;
}

.home-page .process-marker span {
    display: block;
    font-size: 0.68rem;
}

.home-page .process-marker strong {
    display: block;
    margin-top: 0.45rem;
    font-size: 0.96rem;
    font-weight: 600;
    letter-spacing: -0.02em;
}

.home-page .process-marker.is-active {
    color: rgba(255, 255, 255, 0.96);
    transform: translateY(-0.25rem);
}

@media (min-width: 768px) {
    .home-page .process-panel-grid {
        grid-template-columns: minmax(0, 1fr) minmax(16rem, 24rem);
    }
}

@media (min-width: 1024px) {
    .home-page [data-process-section].process-desktop-active [data-process-shell] {
        overflow: hidden;
        padding-bottom: 0.5rem;
    }

    .home-page [data-process-section].process-desktop-active [data-process-track] {
        display: flex;
        align-items: stretch;
        gap: 2rem;
        width: max-content;
        padding-right: max(10vw, 4rem);
    }

    .home-page [data-process-section].process-desktop-active .process-panel {
        width: min(78vw, 60rem);
        min-height: min(68vh, 35rem);
        flex-shrink: 0;
        padding: clamp(2rem, 1.25vw + 1.5rem, 3rem);
    }

    .home-page [data-process-section].process-desktop-active .process-panel-grid {
        grid-template-columns: minmax(0, 1.04fr) minmax(21rem, 0.96fr);
        height: 100%;
    }

    .home-page [data-process-section].process-desktop-active .process-panel-visual {
        min-height: 100%;
    }

    .home-page [data-process-section].process-desktop-active .process-rail {
        display: block;
    }
}