.nc-white-workspace-page {
    --ncw-ink: #101828;
    --ncw-muted: #667085;
    --ncw-soft: #f6f8fb;
    --ncw-line: #d9e1ec;
    --ncw-paper: rgba(255, 255, 255, .9);
    --ncw-blue: #1d4ed8;
    --ncw-cyan: #0891b2;
    --ncw-green: #0f766e;
    --ncw-amber: #b7791f;
    --ncw-red: #b42318;
    background:
        linear-gradient(180deg, #ffffff 0%, #f8fbff 46%, #ffffff 100%) !important;
    color: var(--ncw-ink);
    position: relative;
}

.nc-white-workspace-page::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 18% 18%, rgba(66, 133, 244, .15), transparent 28%),
        radial-gradient(circle at 78% 16%, rgba(155, 114, 203, .13), transparent 30%),
        radial-gradient(circle at 50% 86%, rgba(56, 189, 248, .11), transparent 34%);
    filter: blur(10px);
    mask-image: linear-gradient(to bottom, black 0 68%, transparent 100%);
    animation: ncwPageLightDrift 34s linear infinite;
}

.nc-white-workspace-page::after {
    content: "";
    position: fixed;
    inset: -22%;
    z-index: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 12% 68%, rgba(96, 165, 250, .1), transparent 26%),
        radial-gradient(circle at 88% 70%, rgba(168, 85, 247, .12), transparent 30%),
        radial-gradient(circle at 52% 50%, rgba(216, 180, 254, .08), transparent 34%),
        radial-gradient(circle at 50% 52%, rgba(255, 255, 255, .48), transparent 48%);
    opacity: .72;
    animation: ncwDeepSpaceBreath 28s ease-in-out infinite alternate;
}

.nc-white-workspace-page.nc-topic-page-no-hero {
    background: #fff !important;
}

.nc-white-workspace-page.nc-topic-page-no-hero::before,
.nc-white-workspace-page.nc-topic-page-no-hero::after {
    content: none;
    display: none;
    animation: none;
}

.ncw-dynamic-bg {
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
    opacity: .72;
    mix-blend-mode: multiply;
    perspective: 1600px;
    transform-style: preserve-3d;
}

.ncw-space-canvas {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: .5;
}

.ncw-dynamic-bg::before,
.ncw-dynamic-bg::after {
    content: "";
    position: absolute;
    inset: -18%;
    pointer-events: none;
}

.ncw-dynamic-bg::before {
    background:
        radial-gradient(circle at 18% 42%, rgba(255,255,255,.7) 0 2px, transparent 3px),
        radial-gradient(circle at 36% 68%, rgba(192,132,252,.25) 0 2px, transparent 4px),
        radial-gradient(circle at 66% 28%, rgba(168,85,247,.2) 0 2px, transparent 4px),
        radial-gradient(circle at 82% 76%, rgba(14,165,233,.2) 0 2px, transparent 4px),
        radial-gradient(ellipse at 50% 52%, rgba(248,245,255,.48), transparent 56%);
    background-size: 360px 260px, 520px 340px, 480px 320px, 620px 420px, 100% 100%;
    opacity: .64;
    transform: translate3d(0,0,-280px) scale(1.22);
    animation: ncwSpaceDustDrift 34s ease-in-out infinite alternate;
}

.ncw-dynamic-bg::after {
    background:
        radial-gradient(ellipse at 50% 48%, rgba(255,255,255,.58), rgba(255,255,255,.13) 24%, transparent 54%),
        radial-gradient(circle at 12% 26%, rgba(255,255,255,.46), transparent 22%),
        radial-gradient(circle at 78% 22%, rgba(255,255,255,.4), transparent 24%),
        radial-gradient(circle at 58% 86%, rgba(244,232,255,.4), transparent 28%);
    opacity: .62;
    transform: translate3d(0,0,-320px) scale(1.18);
    animation: ncwVoyageHaze 30s ease-in-out infinite alternate;
}

.ncw-bg-planet {
    position: absolute;
    z-index: 2;
    width: var(--ncw-planet-size, 220px);
    aspect-ratio: 1;
    border-radius: 50%;
    opacity: var(--ncw-planet-opacity, .22);
    filter: saturate(1.18) contrast(1.04);
    background:
        radial-gradient(circle at 28% 24%, rgba(255,255,255,.84), transparent 18%),
        radial-gradient(circle at 62% 64%, rgba(14,165,233,.22), transparent 30%),
        radial-gradient(circle at 44% 48%, rgba(168,85,247,.2), transparent 42%),
        linear-gradient(135deg, rgba(109,40,217,.22), rgba(14,165,233,.12));
    box-shadow:
        inset 24px 20px 46px rgba(255,255,255,.28),
        inset -38px -30px 72px rgba(88,28,135,.2),
        0 0 64px rgba(168,85,247,.12);
    transform-origin: center;
    will-change: transform, opacity;
}

.ncw-bg-planet::before {
    content: "";
    position: absolute;
    inset: 6%;
    border-radius: 50%;
    background:
        radial-gradient(circle, rgba(255,255,255,.9) 0 .7px, transparent 1.7px) 0 0 / 13px 13px,
        radial-gradient(circle, rgba(233,213,255,.76) 0 .9px, transparent 2.2px) 6px 9px / 19px 19px,
        radial-gradient(circle, rgba(216,180,254,.7) 0 1px, transparent 2.8px) 11px 13px / 31px 31px,
        radial-gradient(ellipse at 22% 35%, rgba(255,255,255,.82) 0 1px, rgba(233,213,255,.58) 2px, rgba(168,85,247,.26) 5px, transparent 18px),
        radial-gradient(ellipse at 62% 56%, rgba(255,255,255,.68) 0 1px, rgba(192,132,252,.44) 2px, rgba(109,40,217,.24) 6px, transparent 22px);
    opacity: .85;
    animation: ncwGalaxyPulse 18s ease-in-out infinite alternate;
}

.ncw-bg-planet::after {
    content: "";
    position: absolute;
    inset: -12%;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255,255,255,.3), transparent 62%);
    opacity: .56;
}

.ncw-bg-planet span {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 3;
    transform: translate(-50%, -50%) rotate(var(--ncw-label-tilt, -5deg));
    padding: 6px 10px;
    border: 1px solid rgba(255,255,255,.56);
    border-radius: 6px;
    background: rgba(255,255,255,.56);
    color: rgba(17,24,39,.72);
    font: 900 clamp(10px, 1.2vw, 18px)/1 "JetBrains Mono", monospace;
    box-shadow: 0 12px 32px rgba(16,24,40,.08);
}

.ncw-bg-planet-a {
    --ncw-planet-size: clamp(170px, 21vw, 320px);
    --ncw-planet-opacity: .28;
    --ncw-label-tilt: -9deg;
    left: -8vw;
    top: 18vh;
    animation: ncwPlanetNearLeft 32s cubic-bezier(.42,0,.2,1) infinite;
}

.ncw-bg-planet-b {
    --ncw-planet-size: clamp(240px, 31vw, 500px);
    --ncw-planet-opacity: .22;
    --ncw-label-tilt: 7deg;
    right: -14vw;
    top: 8vh;
    animation: ncwPlanetNearRight 40s cubic-bezier(.42,0,.2,1) infinite;
    animation-delay: -18s;
}

.ncw-bg-planet-c {
    --ncw-planet-size: clamp(100px, 13vw, 210px);
    --ncw-planet-opacity: .2;
    --ncw-label-tilt: -3deg;
    left: 54vw;
    bottom: 10vh;
    animation: ncwPlanetMid 48s cubic-bezier(.42,0,.2,1) infinite;
    animation-delay: -8s;
}

.nc-white-workspace-page :where(.wd-page, .ar-page, .mp-page, .sb-page, .fo-page) {
    width: min(1220px, calc(100% - 34px));
    padding-top: 24px;
    position: relative;
    z-index: 1;
}

.nc-white-workspace-page :where(.wd-hero, .ar-hero, .mp-hero, .sb-hero, .fo-hero) {
    position: relative;
    min-height: min(700px, calc(100vh - 42px));
    gap: clamp(26px, 4vw, 54px);
    padding: clamp(54px, 7vw, 92px) 0 clamp(42px, 5vw, 64px);
    border-bottom: 1px solid var(--ncw-line);
}

.nc-white-workspace-page :where(.wd-hero, .ar-hero, .mp-hero, .sb-hero, .fo-hero)::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 26px;
    height: 1px;
    background: linear-gradient(90deg, var(--ncw-blue), var(--ncw-cyan), var(--ncw-green), transparent);
    opacity: .7;
}

body.nc-topic-page-website-production .tp-hero,
body.nc-region-info-page .ri-hero,
body.nc-white-workspace-server-build .sb-hero {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding:
        clamp(42px, 6vw, 72px)
        max(24px, calc((100vw - 1240px) / 2 + 64px))
        clamp(48px, 6vw, 76px) !important;
    border-top: 0 !important;
    border-bottom: 1px solid var(--ncw-line) !important;
    background: transparent !important;
    box-shadow: none !important;
    clip-path: none !important;
    color: #0f172a !important;
}

body.nc-topic-page-website-production .tp-hero::before,
body.nc-region-info-page .ri-hero::before,
body.nc-white-workspace-server-build .sb-hero::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: -96px -8vw -70px !important;
    z-index: -3 !important;
    pointer-events: none !important;
    background:
        radial-gradient(circle at 12% 22%, rgba(0, 166, 166, .28), transparent 23%),
        radial-gradient(circle at 48% 10%, rgba(11, 99, 255, .2), transparent 25%),
        radial-gradient(circle at 88% 30%, rgba(0, 166, 166, .18), transparent 25%),
        conic-gradient(from 210deg at 24% 32%, rgba(11, 99, 255, .25), transparent 28%, rgba(0, 166, 166, .18), transparent 58%, rgba(15, 23, 42, .05), transparent 78%),
        linear-gradient(116deg, rgba(235, 248, 255, .94), rgba(255, 255, 255, .54) 48%, rgba(239, 249, 255, .88) 100%) !important;
    filter: saturate(1.14) !important;
    opacity: .96 !important;
    animation: ncwInternetLineAura 15s ease-in-out infinite alternate !important;
}

body.nc-topic-page-website-production .tp-hero::after,
body.nc-region-info-page .ri-hero::after,
body.nc-white-workspace-server-build .sb-hero::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: -76px -10vw -80px !important;
    z-index: -2 !important;
    pointer-events: none !important;
    background:
        linear-gradient(90deg, rgba(11, 99, 255, .14) 0 1px, transparent 1px 100%),
        linear-gradient(180deg, rgba(0, 166, 166, .12) 0 1px, transparent 1px 100%) !important;
    background-size: 34px 34px !important;
    opacity: .68 !important;
    transform: perspective(720px) rotateX(58deg) rotateZ(-9deg) !important;
    transform-origin: center center !important;
    animation: ncwInternetGridDrift 9s linear infinite !important;
    mask-image: none !important;
}

body.nc-topic-page-website-production .tp-hero > :not(.tp-web-signal-bg),
body.nc-region-info-page .ri-hero > :not(.ri-geo-bg),
body.nc-white-workspace-server-build .sb-hero > :not(.sb-server-bg) {
    position: relative !important;
    z-index: 1 !important;
}

body.nc-topic-page-website-production .tp-web-signal-bg {
    z-index: 0 !important;
}

body.nc-topic-page-website-production .tp-web-signal-bg span {
    background: linear-gradient(90deg, transparent, rgba(11, 99, 255, .1), rgba(0, 166, 166, .82), rgba(255, 255, 255, .9), transparent) !important;
    box-shadow: 0 0 18px rgba(11, 99, 255, .22) !important;
    animation: ncwInternetSignalSweep 5.4s linear infinite !important;
}

body.nc-topic-page-website-production :where(.tp-title, .tp-kicker i),
body.nc-region-info-page :where(.ri-title, .ri-kicker i),
body.nc-white-workspace-server-build .sb-hero h1 {
    color: #0f172a !important;
}

body.nc-white-workspace-server-build .sb-hero h1 {
    max-width: 100% !important;
    font-size: clamp(48px, 5.4vw, 76px) !important;
}

body.nc-topic-page-website-production :where(.tp-lead),
body.nc-region-info-page :where(.ri-lead),
body.nc-white-workspace-server-build .sb-hero .sb-lead {
    color: #475569 !important;
}

body.nc-topic-page-website-production .tp-kicker,
body.nc-region-info-page .ri-kicker,
body.nc-white-workspace-server-build .sb-kicker {
    border-color: rgba(11, 99, 255, .2) !important;
    background: rgba(255, 255, 255, .84) !important;
    color: #0b63ff !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .06) !important;
}

body.nc-topic-page-website-production .tp-button,
body.nc-region-info-page :where(.ri-menu a, .ri-capture-link),
body.nc-white-workspace-server-build .sb-hero :where(.sb-button, .sb-menu a) {
    border-color: #d9e0ec !important;
    background: rgba(255, 255, 255, .88) !important;
    color: #243142 !important;
    box-shadow: 0 10px 22px rgba(15, 23, 42, .05) !important;
}

body.nc-topic-page-website-production .tp-button.is-primary,
body.nc-topic-page-website-production .tp-button:hover,
body.nc-region-info-page :where(.ri-menu a.active, .ri-menu a:hover),
body.nc-white-workspace-server-build .sb-hero :where(.sb-button.is-primary, .sb-button:hover, .sb-menu a.active, .sb-menu a:hover) {
    border-color: #0f172a !important;
    background: #0f172a !important;
    color: #fff !important;
}

@keyframes ncwInternetLineAura {
    0% { transform: translate3d(0, 0, 0) scale(1); filter: hue-rotate(0deg) saturate(1.1); }
    100% { transform: translate3d(18px, -12px, 0) scale(1.035); filter: hue-rotate(12deg) saturate(1.22); }
}

@keyframes ncwInternetGridDrift {
    0% { background-position: 0 0, 0 0; }
    100% { background-position: 68px 34px, 34px 68px; }
}

@keyframes ncwInternetSignalSweep {
    0% { transform: translateX(0) rotate(-12deg); opacity: 0; }
    12% { opacity: .72; }
    72% { opacity: .48; }
    100% { transform: translateX(215%) rotate(-12deg); opacity: 0; }
}

.nc-white-workspace-page :where(.wd-temp-label, .ar-temp-label, .mp-temp-label, .sb-temp-label, .fo-temp-label) {
    border-radius: 6px;
    border-color: rgba(180, 35, 24, .28);
    background: #fff;
    box-shadow: 0 8px 18px rgba(16, 24, 40, .06);
}

.nc-white-workspace-page :where(.wd-kicker, .ar-kicker, .mp-kicker, .sb-kicker, .fo-kicker) {
    border-radius: 6px;
    background: #fff;
    border-color: rgba(29, 78, 216, .22);
    color: var(--ncw-blue);
    box-shadow: 0 8px 18px rgba(16, 24, 40, .06);
}

.nc-white-workspace-page :where(.wd-kicker, .ar-kicker, .mp-kicker, .sb-kicker, .fo-kicker)::before {
    border-radius: 2px;
    background: linear-gradient(135deg, var(--ncw-blue), var(--ncw-green));
    box-shadow: none;
}

.nc-white-workspace-page :where(h1) {
    color: #0b1220;
    text-wrap: balance;
}

.nc-white-workspace-page :where(.wd-lead, .ar-lead, .mp-lead, .sb-lead, .fo-lead) {
    color: #536172;
    word-break: keep-all;
}

.nc-white-workspace-page :where(.wd-button, .wd-menu a, .ar-button, .ar-menu a, .mp-button, .mp-menu a, .sb-button, .sb-menu a, .fo-button, .fo-menu a) {
    border-radius: 6px;
    background: #fff;
    border-color: var(--ncw-line);
    color: #243142;
    box-shadow: 0 8px 18px rgba(16, 24, 40, .05);
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease;
}

.nc-white-workspace-page :where(.wd-button, .wd-menu a, .ar-button, .ar-menu a, .mp-button, .mp-menu a, .sb-button, .sb-menu a, .fo-button, .fo-menu a):hover {
    transform: translateY(-1px);
    border-color: rgba(29, 78, 216, .34);
    box-shadow: 0 16px 30px rgba(16, 24, 40, .09);
}

.nc-white-workspace-page :where(.wd-button.is-primary, .wd-menu a.is-active, .ar-button.is-primary, .mp-button.is-primary, .sb-button.is-primary, .fo-button.is-primary) {
    background: #111827;
    border-color: #111827;
    color: #fff;
}

.nc-white-workspace-page :where(.wd-button.is-board) {
    background: rgba(15, 118, 110, .1);
    border-color: rgba(15, 118, 110, .28);
    color: #0f766e;
}

.nc-white-workspace-page :where(.wd-preview, .ar-visual, .mp-visual, .sb-visual, .fo-visual, .ar-split-visual, .mp-split-visual, .sb-link-panel, .sb-network img) {
    position: relative;
    border-radius: 8px;
    border-color: var(--ncw-line);
    background: var(--ncw-paper);
    box-shadow: 0 24px 70px rgba(16, 24, 40, .12);
}

.nc-white-workspace-page :where(.wd-preview, .ar-visual, .mp-visual, .sb-visual, .fo-visual) {
    isolation: isolate;
}

.nc-white-workspace-page :where(.wd-preview, .ar-visual, .mp-visual, .sb-visual, .fo-visual)::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background:
        linear-gradient(115deg, transparent 0 42%, rgba(255,255,255,.62) 50%, transparent 60% 100%) -130% 0 / 68% 100% no-repeat,
        linear-gradient(180deg, transparent 58%, rgba(15,23,42,.16));
    animation: ncwPreviewSweep 8.5s ease-in-out infinite;
}

.nc-white-workspace-page :where(.wd-preview img, .ar-visual img, .mp-visual img, .sb-visual img, .fo-visual img) {
    display: block;
    width: 100%;
    filter: saturate(1.04) contrast(1.02);
}

.nc-white-workspace-page :where(.wd-section, .ar-section, .mp-section, .sb-section, .fo-section) {
    padding: clamp(48px, 6vw, 72px) 0;
    border-bottom-color: var(--ncw-line);
}

.nc-white-workspace-page :where(.wd-section-head, .ar-section-head, .mp-section-head, .sb-section-head, .fo-section-head) {
    align-items: flex-end;
}

.nc-white-workspace-page :where(.wd-section-head h2, .ar-section-head h2, .mp-section-head h2, .sb-section-head h2, .fo-section-head h2) {
    text-wrap: balance;
}

.nc-white-workspace-page :where(.wd-card, .wd-note, .wd-post, .ar-card, .ar-post, .mp-card, .mp-post, .sb-card, .sb-post, .sb-link-panel, .fo-card, .fo-post) {
    border-radius: 8px;
    background: rgba(255, 255, 255, .86);
    border-color: var(--ncw-line);
    box-shadow: 0 12px 28px rgba(16, 24, 40, .06);
}

.nc-white-workspace-page :where(.wd-card, .wd-note, .ar-card, .mp-card, .sb-card, .fo-card) {
    min-height: 148px;
}

.nc-white-workspace-page :where(.wd-card strong, .wd-note strong, .ar-card strong, .mp-card strong, .sb-card strong, .fo-card strong) {
    color: #111827;
}

.nc-white-workspace-page :where(.wd-card i, .wd-note i, .ar-card i, .mp-card i, .sb-card i, .fo-card i) {
    width: 30px;
    height: 30px;
    display: inline-grid;
    place-items: center;
    border-radius: 6px;
    background: rgba(29, 78, 216, .08);
    color: var(--ncw-blue);
}

.nc-white-workspace-page :where(.wd-card span, .wd-note span, .ar-card span, .mp-card span, .sb-card span, .fo-card span) {
    color: var(--ncw-muted);
}

.nc-white-workspace-page :where(.wd-post, .ar-post, .mp-post, .sb-post, .fo-post) {
    min-height: 58px;
}

.nc-white-workspace-page :where(.wd-post:hover, .ar-post:hover, .mp-post:hover, .sb-post:hover, .fo-post:hover) {
    border-color: rgba(29, 78, 216, .32);
    box-shadow: 0 16px 32px rgba(16, 24, 40, .08);
}

.nc-white-workspace-page :where(.wd-empty, .ar-empty, .mp-empty, .sb-empty, .fo-empty) {
    border-radius: 8px;
    background: rgba(255, 255, 255, .78);
}

.nc-white-workspace-page .wd-hero-panel {
    display: grid;
    gap: 12px;
}

.nc-white-workspace-page .wd-preview {
    overflow: hidden;
}

.nc-white-workspace-page .wd-preview-shell {
    position: relative;
}

.nc-white-workspace-page .wd-preview-toolbar {
    position: absolute;
    left: 14px;
    right: 14px;
    top: 14px;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 32px;
    padding: 0 10px;
    border-radius: 6px;
    background: rgba(255,255,255,.86);
    color: #314155;
    font: 800 11px/1 "JetBrains Mono", monospace;
    box-shadow: 0 10px 26px rgba(16,24,40,.12);
}

.nc-white-workspace-page .wd-preview-toolbar i {
    color: var(--ncw-green);
}

.nc-white-workspace-page .wd-preview-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-top: 1px solid var(--ncw-line);
    background: #fff;
}

.nc-white-workspace-page .wd-preview-grid span {
    display: grid;
    gap: 4px;
    min-width: 0;
    padding: 13px 12px;
    border-right: 1px solid var(--ncw-line);
    color: var(--ncw-muted);
    font-size: 12px;
    font-weight: 800;
}

.nc-white-workspace-page .wd-preview-grid span:last-child {
    border-right: 0;
}

.nc-white-workspace-page .wd-preview-grid b {
    color: #111827;
    font: 800 20px/1 "JetBrains Mono", monospace;
}

.nc-white-workspace-page .wd-system-strip {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin-top: 22px;
}

.nc-white-workspace-page .wd-system-strip span {
    min-width: 0;
    min-height: 44px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 12px;
    border: 1px solid var(--ncw-line);
    border-radius: 6px;
    background: rgba(255,255,255,.82);
    color: #344054;
    font-size: 12px;
    font-weight: 900;
}

.nc-white-workspace-page .wd-system-strip i {
    color: var(--ncw-green);
}

.nc-white-workspace-page .wd-flow {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.nc-white-workspace-page .wd-flow-step {
    position: relative;
    min-height: 150px;
    padding: 18px;
    border: 1px solid var(--ncw-line);
    border-radius: 8px;
    background: rgba(255, 255, 255, .86);
    box-shadow: 0 12px 28px rgba(16, 24, 40, .06);
}

.nc-white-workspace-page .wd-flow-step em {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    margin-bottom: 12px;
    border-radius: 6px;
    background: #111827;
    color: #fff;
    font: normal 800 12px/1 "JetBrains Mono", monospace;
}

.nc-white-workspace-page .wd-flow-step strong {
    display: block;
    margin-bottom: 8px;
    font-size: 16px;
}

.nc-white-workspace-page .wd-flow-step span {
    display: block;
    color: var(--ncw-muted);
    line-height: 1.62;
    word-break: keep-all;
}

@keyframes ncwPreviewSweep {
    0%, 54%, 100% {
        background-position: -130% 0, 0 0;
        opacity: .68;
    }
    72% {
        background-position: 240% 0, 0 0;
        opacity: .9;
    }
}

@keyframes ncwPageLightDrift {
    0% { transform: rotate(0deg) scale(1); }
    50% { transform: rotate(180deg) scale(1.04); }
    100% { transform: rotate(360deg) scale(1); }
}

@keyframes ncwDeepSpaceBreath {
    0% { transform: scale(1) translate3d(-1vw, 0, 0); opacity: .62; }
    100% { transform: scale(1.08) translate3d(1vw, -1vh, 0); opacity: .86; }
}

@keyframes ncwSpaceDustDrift {
    0% { background-position: 0 0, 40px 20px, -30px 50px, 70px -20px, 0 0; transform: translate3d(-5vw, 2vh, -280px) scale(1.16); opacity: .42; }
    100% { background-position: 130px 80px, -90px 110px, 100px -70px, -130px 90px, 0 0; transform: translate3d(5vw, -2vh, -280px) scale(1.32); opacity: .68; }
}

@keyframes ncwVoyageHaze {
    0% { transform: translate3d(-5vw, 2vh, -360px) scale(1.02); opacity: .36; }
    50% { opacity: .68; }
    100% { transform: translate3d(5vw, -2vh, -260px) scale(1.34); opacity: .54; }
}

@keyframes ncwGalaxyPulse {
    0% { opacity: .68; transform: rotate(-8deg) scale(.96); }
    50% { opacity: .9; }
    100% { opacity: .82; transform: rotate(10deg) scale(1.03); }
}

@keyframes ncwPlanetNearLeft {
    0% { opacity: 0; transform: translate3d(-24vw, 18vh, -360px) scale(.42) rotate(-10deg); }
    18% { opacity: .12; }
    48% { opacity: var(--ncw-planet-opacity, .28); transform: translate3d(-3vw, 2vh, -80px) scale(.92) rotate(-2deg); }
    74% { opacity: .18; transform: translate3d(10vw, -9vh, 90px) scale(1.24) rotate(5deg); }
    100% { opacity: 0; transform: translate3d(30vw, -21vh, 260px) scale(1.62) rotate(10deg); }
}

@keyframes ncwPlanetNearRight {
    0% { opacity: 0; transform: translate3d(26vw, -10vh, -400px) scale(.46) rotate(8deg); }
    20% { opacity: .12; }
    50% { opacity: var(--ncw-planet-opacity, .22); transform: translate3d(4vw, 2vh, -60px) scale(.98) rotate(1deg); }
    76% { opacity: .16; transform: translate3d(-12vw, 12vh, 110px) scale(1.28) rotate(-5deg); }
    100% { opacity: 0; transform: translate3d(-32vw, 24vh, 280px) scale(1.68) rotate(-10deg); }
}

@keyframes ncwPlanetMid {
    0% { opacity: 0; transform: translate3d(22vw, 16vh, -460px) scale(.34) rotate(-4deg); }
    26% { opacity: .1; }
    56% { opacity: var(--ncw-planet-opacity, .2); transform: translate3d(-2vw, 0, -160px) scale(.78) rotate(2deg); }
    82% { opacity: .14; transform: translate3d(-20vw, -14vh, 40px) scale(1.06) rotate(7deg); }
    100% { opacity: 0; transform: translate3d(-34vw, -24vh, 180px) scale(1.32) rotate(12deg); }
}

@media (max-width: 980px) {
    .nc-white-workspace-page :where(.wd-page, .ar-page, .mp-page, .sb-page, .fo-page) {
        width: min(100% - 28px, 1220px);
    }

    .nc-white-workspace-page :where(.wd-hero, .ar-hero, .mp-hero, .sb-hero, .fo-hero),
    .nc-white-workspace-page .wd-flow,
    .nc-white-workspace-page .wd-system-strip {
        grid-template-columns: 1fr;
    }

    .nc-white-workspace-page .wd-system-strip {
        margin-top: 14px;
    }
}

@media (max-width: 640px) {
    .nc-white-workspace-page :where(.wd-page, .ar-page, .mp-page, .sb-page, .fo-page) {
        width: min(100% - 22px, 1220px);
        padding-bottom: 62px;
    }

    .nc-white-workspace-page :where(h1) {
        font-size: clamp(34px, 12vw, 48px);
    }

    .nc-white-workspace-page :where(.wd-button, .wd-menu a, .ar-button, .ar-menu a, .mp-button, .mp-menu a, .sb-button, .sb-menu a, .fo-button, .fo-menu a) {
        width: 100%;
    }

    .nc-white-workspace-page .wd-preview-grid {
        grid-template-columns: 1fr;
    }

    .nc-white-workspace-page .wd-preview-grid span {
        border-right: 0;
        border-bottom: 1px solid var(--ncw-line);
    }

    .nc-white-workspace-page .wd-preview-grid span:last-child {
        border-bottom: 0;
    }

    .ncw-dynamic-bg {
        opacity: .54;
    }

    .ncw-bg-planet-b,
    .ncw-bg-planet-c {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .nc-white-workspace-page::before,
    .nc-white-workspace-page::after,
    .ncw-dynamic-bg::before,
    .ncw-dynamic-bg::after,
    .ncw-bg-planet,
    .ncw-bg-planet::before {
        animation: none !important;
    }

    .ncw-space-canvas {
        opacity: .28;
    }

    .nc-white-workspace-page :where(.wd-preview, .ar-visual, .mp-visual, .sb-visual, .fo-visual)::after {
        animation: none;
    }

    .nc-white-workspace-page :where(.wd-button, .wd-menu a, .ar-button, .ar-menu a, .mp-button, .mp-menu a, .sb-button, .sb-menu a, .fo-button, .fo-menu a):hover {
        transform: none;
    }
}