:root {
    --bg: #020712;
    --bg-deep: #01040b;
    --surface: rgba(6, 18, 33, 0.9);
    --surface-soft: rgba(9, 25, 43, 0.72);
    --surface-strong: #071a2b;
    --line: rgba(126, 167, 196, 0.16);
    --line-strong: rgba(72, 218, 238, 0.38);
    --text: #f5fbff;
    --muted: #a9bfd0;
    --dim: #7690a4;
    --cyan: #24d4e7;
    --cyan-2: #69eff7;
    --blue: #3b82f6;
    --green: #34d399;
    --amber: #f6b83f;
    --violet: #a78bfa;
    --danger: #fb7185;
    --max: 1320px;
    --page-pad: clamp(22px, 4vw, 52px);
    --radius-xl: 32px;
    --radius-lg: 24px;
    --radius-md: 18px;
    --shadow: 0 28px 80px rgba(0, 0, 0, 0.42);
    --ease: cubic-bezier(.22, 1, .36, 1);
}

/* Ecosystem flagship carousel v22: one living module per page */
#ecosistema .ecosystem-catalog { min-width: 0; }
#ecosistema .ecosystem-carousel-viewport {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scrollbar-width: none;
    overscroll-behavior-inline: contain;
}
#ecosistema .ecosystem-carousel-viewport::-webkit-scrollbar { display: none; }
#ecosistema .module-grid {
    display: flex !important;
    grid-template-columns: none !important;
    grid-auto-flow: unset !important;
    gap: 0 !important;
    width: 100% !important;
    align-items: stretch;
}
#ecosistema .module-card {
    flex: 0 0 100% !important;
    min-width: 100% !important;
    width: 100% !important;
    min-height: 520px !important;
    height: auto !important;
    display: grid !important;
    grid-template-columns: minmax(260px, .72fr) minmax(0, 1.28fr) !important;
    gap: clamp(18px, 2vw, 32px) !important;
    padding: clamp(20px, 2vw, 32px) !important;
    border-radius: 28px !important;
    overflow: hidden;
    scroll-snap-align: start;
    scroll-snap-stop: always;
    text-align: left !important;
    cursor: pointer;
    position: relative;
    background: radial-gradient(circle at 13% 4%, rgba(var(--module-rgb, 42, 210, 226), .22), transparent 34%), linear-gradient(145deg, rgba(10, 31, 51, .99), rgba(3, 14, 28, .99)) !important;
    border: 1px solid rgba(var(--module-rgb, 42, 210, 226), .48) !important;
    box-shadow: 0 24px 64px rgba(0, 0, 0, .32), inset 0 1px rgba(255, 255, 255, .055) !important;
}
#ecosistema .module-card::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(120deg, transparent 0 45%, rgba(var(--module-rgb, 42, 210, 226), .07) 50%, transparent 56%);
    transform: translateX(-110%);
    transition: transform .9s ease;
}
#ecosistema .module-card:hover::before,
#ecosistema .module-card:focus-visible::before { transform: translateX(110%); }
#ecosistema .module-card::after { display: none !important; }
#ecosistema .module-card-copy {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 0;
    position: relative;
    z-index: 2;
}
#ecosistema .module-card-head {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 12px;
    width: 100%;
}
#ecosistema .module-card-icon {
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    border-radius: 17px;
    border: 1px solid rgba(var(--module-rgb), .42);
    background: linear-gradient(145deg, rgba(var(--module-rgb), .25), rgba(var(--module-rgb), .06));
    box-shadow: 0 10px 30px rgba(var(--module-rgb), .12);
}
#ecosistema .module-card-icon svg { width: 25px; height: 25px; color: rgb(var(--module-rgb)); }
#ecosistema .module-card-kicker,
#ecosistema .module-card-index {
    font: 700 .72rem/1 var(--font-mono);
    letter-spacing: .16em;
    color: rgba(var(--module-rgb), .92);
}
#ecosistema .module-card-index {
    justify-self: end;
    padding: 8px 10px;
    border-radius: 999px;
    background: rgba(var(--module-rgb), .09);
    border: 1px solid rgba(var(--module-rgb), .22);
}
#ecosistema .module-card-live {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: clamp(26px, 4vw, 54px);
    font: 700 .69rem/1 var(--font-mono);
    letter-spacing: .14em;
    color: #96ffd8;
}
#ecosistema .module-card-live > i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #42e8a4;
    box-shadow: 0 0 0 5px rgba(66, 232, 164, .1), 0 0 18px #42e8a4;
    animation: ecosystemLivePulse 1.8s ease-in-out infinite;
}
@keyframes ecosystemLivePulse { 50% { transform: scale(.72); opacity: .55; } }
#ecosistema .module-card-title {
    margin-top: 14px;
    font-size: clamp(2.7rem, 4.3vw, 5.4rem) !important;
    line-height: .92 !important;
    letter-spacing: -.055em;
    color: #f7fbff !important;
    text-wrap: balance;
}
#ecosistema .module-card-summary {
    margin-top: 20px;
    max-width: 44ch;
    font-size: clamp(1rem, 1.25vw, 1.25rem) !important;
    line-height: 1.65 !important;
    color: #a7bad0 !important;
}
#ecosistema .module-card-proof {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 5px 14px;
    width: 100%;
    margin-top: auto;
    padding: 18px;
    border-radius: 18px;
    background: rgba(var(--module-rgb), .07);
    border: 1px solid rgba(var(--module-rgb), .2);
}
#ecosistema .module-card-proof small {
    grid-column: 1 / -1;
    font: 700 .65rem/1.2 var(--font-mono);
    letter-spacing: .14em;
    color: rgba(var(--module-rgb), .9);
}
#ecosistema .module-card-proof strong { font-size: 1.55rem; color: #fff; }
#ecosistema .module-card-proof em { align-self: end; font-style: normal; color: #8fa8bf; text-align: right; }
#ecosistema .module-card-foot {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 14px;
    width: 100%;
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid rgba(255, 255, 255, .08);
}
#ecosistema .module-card-foot > small {
    padding: 8px 11px;
    border-radius: 999px;
    color: rgb(var(--module-rgb));
    background: rgba(var(--module-rgb), .09);
    border: 1px solid rgba(var(--module-rgb), .24);
}
#ecosistema .module-card-open {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 12px 15px;
    border-radius: 14px;
    background: rgb(var(--module-rgb));
    color: #03101c;
    font-weight: 800;
    box-shadow: 0 10px 25px rgba(var(--module-rgb), .2);
}
#ecosistema .module-card-open svg { width: 18px; height: 18px; }
#ecosistema .module-card-stage {
    position: relative;
    z-index: 2;
    min-width: 0;
    min-height: 450px;
    display: grid;
    place-items: stretch;
    border-radius: 22px;
    border: 1px solid rgba(var(--module-rgb), .28);
    background: linear-gradient(155deg, rgba(8, 32, 53, .96), rgba(2, 15, 29, .98));
    overflow: hidden;
    isolation: isolate;
    box-shadow: inset 0 1px rgba(255, 255, 255, .04);
}
#ecosistema .module-card-stage > .module-scene {
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-width: none !important;
    transform: none !important;
    padding: clamp(14px, 1.3vw, 22px) !important;
}
#ecosistema .module-card-stage button { pointer-events: none !important; }
#ecosistema .ecosystem-catalog-head { align-items: center; }
#ecosistema .ecosystem-carousel-nav button {
    width: 46px;
    height: 46px;
    border-radius: 15px;
    background: linear-gradient(145deg, rgba(17, 45, 68, .96), rgba(6, 23, 39, .98));
    border: 1px solid rgba(92, 219, 236, .24);
    color: #dffaff;
}
#ecosistema .ecosystem-carousel-nav button:hover:not(:disabled) {
    transform: translateY(-2px);
    border-color: #50dff0;
    box-shadow: 0 12px 24px rgba(0, 213, 236, .14);
}
#ecosistema .ecosystem-carousel-status {
    min-width: 82px;
    text-align: center;
    font: 800 .9rem/1 var(--font-mono);
    letter-spacing: .12em;
    color: #dffaff;
}

/* Compact, centered top control */
.back-to-top {
    position: fixed !important;
    left: 50% !important;
    right: auto !important;
    bottom: max(18px, env(safe-area-inset-bottom)) !important;
    width: 52px !important;
    min-width: 52px !important;
    height: 52px !important;
    padding: 0 !important;
    border-radius: 16px !important;
    display: grid !important;
    place-items: center !important;
    z-index: 180 !important;
    background: linear-gradient(145deg, rgba(11, 40, 60, .97), rgba(3, 18, 31, .98)) !important;
    border: 1px solid rgba(70, 222, 239, .42) !important;
    color: #c8fbff !important;
    box-shadow: 0 16px 34px rgba(0, 0, 0, .38), inset 0 1px rgba(255, 255, 255, .08) !important;
    transform: translate(-50%, 18px) scale(.94) !important;
    opacity: 0;
    pointer-events: none;
    transition: opacity .22s, transform .22s, border-color .22s, box-shadow .22s !important;
}
.back-to-top.is-visible { opacity: 1; pointer-events: auto; transform: translate(-50%, 0) scale(1) !important; }
.back-to-top:hover,
.back-to-top:focus-visible {
    border-color: #61efff !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, .42), 0 0 0 5px rgba(42, 210, 226, .09) !important;
    transform: translate(-50%, -3px) scale(1.03) !important;
}
.back-to-top svg { width: 21px !important; height: 21px !important; }
.back-to-top span {
    position: absolute;
    left: 50%;
    bottom: calc(100% + 10px);
    padding: 8px 11px;
    border-radius: 10px;
    background: #071827;
    border: 1px solid rgba(83, 219, 235, .25);
    color: #dffbff;
    font: 700 .66rem/1 var(--font-mono);
    letter-spacing: .12em;
    white-space: nowrap;
    opacity: 0;
    transform: translate(-50%, 5px);
    pointer-events: none;
    transition: .2s;
}
.back-to-top:hover span,
.back-to-top:focus-visible span { opacity: 1; transform: translate(-50%, 0); }

@media (max-width: 1100px) {
    #ecosistema .module-card { grid-template-columns: 1fr !important; min-height: 0 !important; }
    #ecosistema .module-card-stage { min-height: 410px; }
    #ecosistema .module-card-proof { margin-top: 28px; }
}
@media (max-width: 720px) {
    #ecosistema .ecosystem-catalog { padding: 14px !important; border-radius: 24px; }
    #ecosistema .ecosystem-catalog-head { display: grid; grid-template-columns: 1fr auto; gap: 14px; }
    #ecosistema .ecosystem-catalog-head > div:first-child { grid-column: 1 / -1; }
    #ecosistema .module-card { padding: 16px !important; border-radius: 22px !important; gap: 18px !important; }
    #ecosistema .module-card-title { font-size: clamp(2.25rem, 12vw, 3.15rem) !important; }
    #ecosistema .module-card-summary { font-size: .96rem !important; }
    #ecosistema .module-card-stage { min-height: 330px; border-radius: 18px; }
    #ecosistema .module-card-stage > .module-scene { padding: 11px !important; }
    #ecosistema .module-card-proof { grid-template-columns: 1fr; }
    #ecosistema .module-card-proof em { text-align: left; }
    #ecosistema .module-card-open span { display: none; }
    #ecosistema .module-card-open { width: 46px; height: 46px; justify-content: center; padding: 0; }
    #ecosistema .ecosystem-carousel-dots { max-width: 100%; overflow-x: auto; }
    .back-to-top { width: 48px !important; min-width: 48px !important; height: 48px !important; border-radius: 15px !important; }
    .back-to-top span { display: none; }
}
@media (min-width: 2200px) {
    #ecosistema .ecosystem-catalog { max-width: none; }
    #ecosistema .module-card {
        min-height: 760px !important;
        grid-template-columns: minmax(520px, .7fr) minmax(0, 1.3fr) !important;
        padding: 42px !important;
    }
    #ecosistema .module-card-title { font-size: clamp(5rem, 4.4vw, 7.6rem) !important; }
    #ecosistema .module-card-summary { font-size: 1.45rem !important; }
    #ecosistema .module-card-stage { min-height: 670px; }
    .ecosystem-immersive-body { grid-template-columns: minmax(620px, .72fr) minmax(0, 1.28fr) !important; }
    .ecosystem-live-panel,
    #ecosystemModuleVisual,
    #ecosystemModuleVisual > .module-scene { width: 100% !important; max-width: none !important; }
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 104px;
    overflow-x: clip;
    color-scheme: dark;
}

body {
    margin: 0;
    min-width: 320px;
    min-height: 100vh;
    overflow-x: hidden;
    overflow-x: clip;
    color: var(--text);
    background:
        radial-gradient(circle at 14% 2%, rgba(36, 212, 231, 0.12), transparent 28rem),
        radial-gradient(circle at 88% 6%, rgba(59, 130, 246, 0.08), transparent 30rem),
        linear-gradient(180deg, #020712 0%, #020914 52%, #01040b 100%);
    font-family: "Space Grotesk", system-ui, sans-serif;
    font-size: 16px;
    line-height: 1.55;
}

body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -2;
    pointer-events: none;
    opacity: .38;
    background-image:
        linear-gradient(rgba(92, 144, 176, .04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(92, 144, 176, .04) 1px, transparent 1px);
    background-size: 72px 72px;
    mask-image: linear-gradient(to bottom, #000, transparent 74%);
}

body::after {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
        radial-gradient(circle at 38% 18%, rgba(36, 212, 231, .045), transparent 23rem),
        radial-gradient(circle at 73% 32%, rgba(167, 139, 250, .045), transparent 24rem);
}

button,
input,
textarea {
    font: inherit;
}

button,
a {
    -webkit-tap-highlight-color: transparent;
}

button {
    color: inherit;
}

a {
    color: inherit;
    text-decoration: none;
}

img,
svg {
    display: block;
    max-width: 100%;
}

svg {
    width: 1em;
    height: 1em;
    stroke-width: 1.8;
}

::selection {
    color: #021019;
    background: var(--cyan-2);
}

:focus-visible {
    outline: 3px solid rgba(105, 239, 247, .9);
    outline-offset: 4px;
}

[hidden] {
    display: none !important;
}

.skip-link {
    position: fixed;
    top: 12px;
    left: 12px;
    z-index: 2000;
    transform: translateY(-160%);
    padding: 10px 16px;
    border-radius: 10px;
    color: #001018;
    background: var(--cyan-2);
    font-weight: 800;
    transition: transform .2s ease;
}

.skip-link:focus {
    transform: translateY(0);
}

.page-progress {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1500;
    width: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--cyan), var(--cyan-2), var(--violet));
    box-shadow: 0 0 18px rgba(36, 212, 231, .72);
}

.section-shell {
    width: min(var(--max), calc(100% - (var(--page-pad) * 2)));
    margin-inline: auto;
}

.section-block {
    padding-block: clamp(92px, 9vw, 144px);
}

.site-header {
    position: fixed;
    top: 14px;
    left: 50%;
    z-index: 1000;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 28px;
    width: min(var(--max), calc(100% - 28px));
    min-height: 66px;
    padding: 10px 14px 10px 18px;
    border: 1px solid rgba(139, 190, 218, .16);
    border-radius: 999px;
    background: rgba(2, 8, 20, .76);
    box-shadow: 0 18px 60px rgba(0, 0, 0, .26);
    backdrop-filter: blur(22px) saturate(145%);
    transform: translateX(-50%);
    transition: top .24s var(--ease), background .24s ease, border-color .24s ease;
}

.site-header.is-scrolled {
    top: 8px;
    border-color: rgba(36, 212, 231, .28);
    background: rgba(2, 8, 20, .94);
}

.brand {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    white-space: nowrap;
}

.brand-mark {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 10px;
    color: inherit;
    background: transparent;
    box-shadow: 0 0 22px rgba(36, 212, 231, .18);
}

.brand-mark svg {
    width: 22px;
    height: 22px;
    stroke-width: 2.2;
}

.brand-mark img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: drop-shadow(0 0 8px rgba(56, 189, 248, .24));
}

.brand-word {
    font-size: 1.08rem;
    font-weight: 800;
    letter-spacing: -.045em;
}

.brand-word span {
    color: var(--cyan-2);
}

.desktop-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(18px, 2.3vw, 36px);
}

.desktop-nav a,
.header-login {
    position: relative;
    color: var(--muted);
    font-size: .83rem;
    font-weight: 700;
    transition: color .18s ease;
}

.desktop-nav a::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -10px;
    left: 0;
    height: 2px;
    border-radius: 999px;
    background: var(--cyan-2);
    transform: scaleX(0);
    transition: transform .22s var(--ease);
}

.desktop-nav a:hover,
.desktop-nav a.is-active,
.header-login:hover {
    color: #fff;
}

.desktop-nav a.is-active::after,
.desktop-nav a:hover::after {
    transform: scaleX(1);
}

.header-actions {
    display: flex;
    align-items: center;
    gap: 10px;
}

.language-switch {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    height: 38px;
    padding: 0 10px;
    border: 1px solid var(--line);
    border-radius: 999px;
    color: var(--muted);
    background: rgba(255, 255, 255, .025);
    cursor: pointer;
}

.language-switch img {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    object-fit: cover;
}

.language-switch span {
    font-family: "JetBrains Mono", monospace;
    font-size: .68rem;
    font-weight: 700;
}

.button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 44px;
    padding: 0 18px;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: .86rem;
    font-weight: 800;
    letter-spacing: -.01em;
    cursor: pointer;
    transition: transform .18s var(--ease), box-shadow .18s ease, border-color .18s ease, background .18s ease;
}

.button:hover {
    transform: translateY(-2px);
}

.button svg {
    width: 17px;
    height: 17px;
}

.button-primary {
    color: #001118;
    background: linear-gradient(135deg, var(--cyan-2), var(--cyan));
    box-shadow: 0 12px 34px rgba(36, 212, 231, .2), inset 0 1px rgba(255, 255, 255, .5);
}

.button-primary:hover {
    box-shadow: 0 16px 42px rgba(36, 212, 231, .3), inset 0 1px rgba(255, 255, 255, .5);
}

.button-secondary {
    color: #eaf8ff;
    border-color: rgba(135, 181, 210, .28);
    background: rgba(8, 25, 42, .58);
}

.button-secondary:hover {
    border-color: rgba(105, 239, 247, .48);
    background: rgba(14, 38, 59, .78);
}

.button-large {
    min-height: 52px;
    padding-inline: 24px;
}

.mobile-menu-button,
.mobile-menu {
    display: none;
}

.hero {
    display: grid;
    grid-template-columns: minmax(0, .85fr) minmax(620px, 1.15fr);
    align-items: center;
    gap: clamp(52px, 6vw, 92px);
    min-height: 860px;
    padding-top: 128px;
    padding-bottom: 70px;
}

.eyebrow,
.micro-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--cyan-2);
    font-family: "JetBrains Mono", monospace;
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.eyebrow {
    padding: 8px 11px;
    border: 1px solid rgba(36, 212, 231, .2);
    border-radius: 999px;
    background: rgba(36, 212, 231, .05);
}

.status-dot {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--green);
    box-shadow: 0 0 12px rgba(52, 211, 153, .8);
}

.hero h1,
.section-heading h2,
.helix-copy h2,
.ecosystem-copy h2,
.trust-copy h2,
.final-copy h2 {
    margin: 0;
    color: #f7fbff;
    font-size: clamp(3.6rem, 5.2vw, 6.35rem);
    line-height: .94;
    letter-spacing: -.075em;
}

.hero h1 {
    display: flex;
    flex-direction: column;
    gap: .07em;
    max-width: 720px;
    margin-top: 22px;
}

.hero h1 em,
.section-heading h2 em,
.helix-copy h2 em,
.ecosystem-copy h2 em,
.trust-copy h2 em,
.final-copy h2 em {
    color: transparent;
    background: linear-gradient(105deg, var(--cyan-2), var(--cyan) 62%, #45a7ee);
    background-clip: text;
    -webkit-background-clip: text;
    font-style: normal;
}

/* Preserve the gradient while giving every wrapped line enough room for
   glyph overhangs (notably the final “s” in the ecosystem headline). */
.ecosystem-copy h2 em {
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    margin-inline-start: .075em;
    padding-inline-end: .045em;
    margin-inline-end: -.045em;
}

.hero-lead {
    max-width: 620px;
    margin: 28px 0 0;
    color: var(--muted);
    font-size: clamp(1.02rem, 1.2vw, 1.16rem);
    line-height: 1.72;
}

.hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 30px;
}

.hero-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    margin-top: 22px;
    color: var(--dim);
    font-size: .78rem;
}

.hero-meta > span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.hero-meta svg {
    color: var(--cyan-2);
}

.hero-stage {
    position: relative;
    min-width: 0;
}

.hero-orbit {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    width: min(54vw, 780px);
    aspect-ratio: 1;
    border: 1px solid rgba(36, 212, 231, .1);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(36, 212, 231, .12), transparent 60%);
    transform: translate(-50%, -50%);
}

.hero-orbit::before,
.hero-orbit::after {
    content: "";
    position: absolute;
    border: 1px solid rgba(36, 212, 231, .08);
    border-radius: inherit;
}

.hero-orbit::before {
    inset: 12%;
}

.hero-orbit::after {
    inset: 27%;
}

.cockpit {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(113, 190, 220, .28);
    border-radius: 26px;
    background:
        radial-gradient(circle at 14% 0%, rgba(36, 212, 231, .11), transparent 38%),
        radial-gradient(circle at 100% 100%, rgba(167, 139, 250, .08), transparent 42%),
        linear-gradient(145deg, rgba(8, 27, 47, .985), rgba(3, 13, 27, .985));
    box-shadow: var(--shadow), 0 0 0 1px rgba(36, 212, 231, .055), 0 0 110px rgba(36, 212, 231, .1);
}

.cockpit::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: inherit;
    background: linear-gradient(115deg, rgba(255,255,255,.035), transparent 20%, transparent 76%, rgba(36,212,231,.025));
}

.cockpit-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    min-height: 62px;
    padding: 0 20px;
    border-bottom: 1px solid var(--line);
    color: var(--dim);
    font-size: .72rem;
}

.cockpit-header > div,
.cockpit-brand {
    display: flex;
    align-items: center;
    gap: 8px;
}

.cockpit-brand {
    color: #eaffff;
    font-weight: 800;
}

.cockpit-brand svg {
    color: var(--cyan-2);
}

.cockpit-separator {
    color: rgba(255, 255, 255, .18);
}

.demo-label {
    padding: 6px 9px;
    border: 1px solid rgba(167, 139, 250, .22);
    border-radius: 999px;
    color: #c7b9ff;
    font-family: "JetBrains Mono", monospace;
    font-size: .57rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.cockpit-body {
    padding: 22px;
}

.cockpit-title-row,
.center-topline {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.cockpit-title-row h2,
.center-topline h3 {
    margin: 6px 0 0;
    font-size: clamp(1.35rem, 2vw, 1.9rem);
    line-height: 1.08;
    letter-spacing: -.04em;
}

.live-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 9px;
    border: 1px solid rgba(52, 211, 153, .2);
    border-radius: 999px;
    color: #89f7cc;
    background: rgba(52, 211, 153, .07);
    font-family: "JetBrains Mono", monospace;
    font-size: .58rem;
    font-weight: 700;
    letter-spacing: .08em;
}

.live-badge span {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--green);
    box-shadow: 0 0 10px var(--green);
}

.priority-list {
    display: grid;
    gap: 10px;
    margin-top: 22px;
}

.priority-item {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) 105px auto;
    align-items: center;
    gap: 12px;
    min-height: 82px;
    padding: 12px 13px;
    border: 1px solid var(--line);
    border-left: 3px solid var(--item-color, var(--cyan));
    border-radius: 15px;
    background: rgba(7, 23, 40, .72);
    transition: border-color .18s ease, transform .18s var(--ease), background .18s ease;
}

.priority-item:hover {
    border-color: color-mix(in srgb, var(--item-color) 45%, transparent);
    background: rgba(11, 31, 51, .88);
    transform: translateX(3px);
}

.priority-item.is-cyan { --item-color: var(--cyan); }
.priority-item.is-amber { --item-color: var(--amber); }
.priority-item.is-violet { --item-color: var(--violet); }

.priority-number {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border: 1px solid color-mix(in srgb, var(--item-color) 45%, transparent);
    border-radius: 10px;
    color: var(--item-color);
    background: color-mix(in srgb, var(--item-color) 8%, transparent);
    font-family: "JetBrains Mono", monospace;
    font-size: .67rem;
    font-weight: 700;
}

.priority-copy {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.priority-copy strong {
    overflow: hidden;
    font-size: .83rem;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.priority-copy span,
.priority-impact small {
    color: var(--dim);
    font-size: .67rem;
}

.priority-impact {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.priority-impact strong {
    color: var(--item-color);
    font-size: .98rem;
}

.priority-action,
.cockpit-footer button,
.inline-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 1px solid rgba(36, 212, 231, .25);
    border-radius: 10px;
    color: #dffcff;
    background: rgba(36, 212, 231, .07);
    font-size: .7rem;
    font-weight: 800;
    cursor: pointer;
}

.priority-action {
    min-height: 36px;
    padding: 0 10px;
}

.priority-action:hover,
.cockpit-footer button:hover,
.inline-action:hover {
    border-color: rgba(105, 239, 247, .5);
    background: rgba(36, 212, 231, .12);
}

.cockpit-trace {
    position: relative;
    margin-top: 16px;
    padding: 16px;
    border: 1px solid rgba(36, 212, 231, .2);
    border-radius: 17px;
    background:
        linear-gradient(135deg, rgba(36, 212, 231, .075), transparent 38%),
        rgba(3, 16, 29, .82);
    box-shadow: inset 0 1px rgba(255,255,255,.025);
}

.cockpit-trace-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.cockpit-trace-head > div {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.cockpit-trace-head > div > strong {
    overflow: hidden;
    color: #f2fbff;
    font-size: .83rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cockpit-trace-status {
    flex: none;
    padding: 5px 8px;
    border: 1px solid color-mix(in srgb, var(--trace-color, var(--cyan)) 34%, transparent);
    border-radius: 999px;
    color: var(--trace-color, var(--cyan-2));
    background: color-mix(in srgb, var(--trace-color, var(--cyan)) 8%, transparent);
    font-family: "JetBrains Mono", monospace;
    font-size: .54rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.cockpit-trace-flow {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: stretch;
    gap: 9px;
    margin-top: 13px;
}

.cockpit-trace-flow article {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    align-items: center;
    gap: 9px;
    min-width: 0;
    min-height: 52px;
    padding: 8px 9px;
    border: 1px solid rgba(116, 182, 212, .14);
    border-radius: 12px;
    background: rgba(6, 22, 38, .72);
}

.cockpit-trace-icon {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border: 1px solid color-mix(in srgb, var(--trace-color, var(--cyan)) 28%, transparent);
    border-radius: 9px;
    color: var(--trace-color, var(--cyan-2));
    background: color-mix(in srgb, var(--trace-color, var(--cyan)) 8%, transparent);
}

.cockpit-trace-icon svg {
    width: 15px;
    height: 15px;
}

.cockpit-trace-flow article > div {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.cockpit-trace-flow small {
    color: var(--dim);
    font-family: "JetBrains Mono", monospace;
    font-size: .49rem;
    font-weight: 700;
    letter-spacing: .09em;
}

.cockpit-trace-flow strong {
    overflow: hidden;
    color: #dff7ff;
    font-size: .65rem;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cockpit-trace-arrow {
    align-self: center;
    width: 14px;
    height: 14px;
    color: color-mix(in srgb, var(--trace-color, var(--cyan)) 58%, transparent);
}

.cockpit-trace-line {
    height: 3px;
    margin-top: 12px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(116, 182, 212, .1);
}

.cockpit-trace-line span {
    display: block;
    width: 72%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--trace-color, var(--cyan)), var(--cyan-2));
    box-shadow: 0 0 16px color-mix(in srgb, var(--trace-color, var(--cyan)) 55%, transparent);
    transform-origin: left;
    animation: hero-trace-progress 2.8s ease-in-out infinite;
}

.cockpit-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid var(--line);
    color: var(--dim);
    font-size: .7rem;
}

.cockpit-footer > div,
.cockpit-footer button {
    display: flex;
    align-items: center;
    gap: 7px;
}

.cockpit-footer button {
    padding: 8px 10px;
}

.evidence-popover {
    position: absolute;
    right: -22px;
    bottom: -46px;
    z-index: 5;
    width: min(360px, 86%);
    padding: 18px;
    border: 1px solid rgba(36, 212, 231, .38);
    border-radius: 18px;
    background: rgba(4, 17, 30, .98);
    box-shadow: 0 24px 70px rgba(0, 0, 0, .58);
}

.evidence-popover-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--cyan-2);
    font-family: "JetBrains Mono", monospace;
    font-size: .62rem;
    font-weight: 700;
    letter-spacing: .12em;
}

.evidence-popover-head button {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border: 1px solid var(--line);
    border-radius: 9px;
    color: var(--muted);
    background: transparent;
    cursor: pointer;
}

.evidence-popover > strong {
    display: block;
    margin-top: 10px;
}

.evidence-popover ul {
    display: grid;
    gap: 10px;
    margin: 14px 0 0;
    padding: 0;
    list-style: none;
}

.evidence-popover li {
    display: flex;
    align-items: center;
    gap: 9px;
    color: var(--muted);
    font-size: .76rem;
}

.evidence-popover li svg {
    flex: 0 0 auto;
    color: var(--cyan-2);
}

.trust-rail {
    border-block: 1px solid rgba(126, 167, 196, .11);
    background: rgba(4, 15, 27, .68);
}

.trust-rail-inner {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
    padding-block: 22px;
}

.trust-rail article {
    display: flex;
    align-items: center;
    gap: 13px;
    min-width: 0;
    padding-inline: 22px;
    border-right: 1px solid var(--line);
}

.trust-rail article:first-child { padding-left: 0; }
.trust-rail article:last-child { padding-right: 0; border-right: 0; }

.trust-rail article > svg {
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    color: var(--cyan-2);
}

.trust-rail article div {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.trust-rail strong {
    font-size: .8rem;
}

.trust-rail span {
    overflow: hidden;
    color: var(--dim);
    font-size: .68rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.section-heading {
    max-width: 900px;
    margin: 0 auto clamp(40px, 5vw, 68px);
    text-align: center;
}

.section-heading h2,
.helix-copy h2,
.ecosystem-copy h2,
.trust-copy h2,
.final-copy h2 {
    margin-top: 20px;
    font-size: clamp(2.75rem, 4.8vw, 5.15rem);
    line-height: .98;
}

.section-heading p,
.helix-copy > p,
.ecosystem-copy > p,
.trust-copy > p,
.final-copy > p {
    max-width: 700px;
    margin: 22px auto 0;
    color: var(--muted);
    font-size: 1.02rem;
    line-height: 1.72;
}

.flow-shell {
    overflow: hidden;
    border: 1px solid rgba(126, 167, 196, .18);
    border-radius: var(--radius-xl);
    background: linear-gradient(145deg, rgba(8, 25, 43, .9), rgba(3, 13, 26, .94));
    box-shadow: var(--shadow);
}

.flow-tabs {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border-bottom: 1px solid var(--line);
}

.flow-story-track {
    height: 3px;
    overflow: hidden;
    background: rgba(126, 167, 196, .1);
}

.flow-story-track span {
    display: block;
    width: var(--flow-progress, 25%);
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--cyan-2), #4aa8ff 58%, var(--violet));
    transition: width .72s var(--ease);
}

.flow-tab {
    position: relative;
    display: grid;
    grid-template-columns: auto auto 1fr;
    align-items: center;
    gap: 10px;
    min-height: 76px;
    padding: 0 20px;
    border: 0;
    border-right: 1px solid var(--line);
    color: var(--dim);
    background: transparent;
    text-align: left;
    cursor: pointer;
    transition: color .18s ease, background .18s ease;
}

.flow-tab:last-child { border-right: 0; }

.flow-tab::after {
    content: "";
    position: absolute;
    right: 20px;
    bottom: -1px;
    left: 20px;
    height: 3px;
    border-radius: 999px 999px 0 0;
    background: var(--cyan);
    transform: scaleX(0);
    transition: transform .22s var(--ease);
}

.flow-tab:hover,
.flow-tab.is-active {
    color: #eafdff;
    background: rgba(36, 212, 231, .045);
}

.flow-tab.is-active::after { transform: scaleX(1); }

.flow-tab > span {
    color: var(--cyan-2);
    font-family: "JetBrains Mono", monospace;
    font-size: .6rem;
}

.flow-tab svg {
    width: 19px;
    height: 19px;
}

.flow-tab strong {
    font-size: .82rem;
}

.flow-panels {
    min-height: 500px;
}

.flow-panel {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(480px, 1.1fr);
    align-items: center;
    gap: clamp(52px, 6vw, 90px);
    min-height: 500px;
    padding: clamp(36px, 5vw, 72px);
}

.flow-copy h3 {
    max-width: 540px;
    margin: 14px 0 0;
    font-size: clamp(2rem, 3.1vw, 3.35rem);
    line-height: 1.02;
    letter-spacing: -.055em;
}

.flow-copy > p {
    max-width: 580px;
    margin: 18px 0 0;
    color: var(--muted);
    line-height: 1.75;
}

.flow-benefits {
    display: grid;
    gap: 10px;
    margin-top: 24px;
}

.flow-benefits > span {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #d7e9f4;
    font-size: .83rem;
}

.flow-benefits svg {
    width: 17px;
    height: 17px;
    color: var(--green);
}

.flow-visual {
    position: relative;
    min-height: 340px;
    padding: 24px;
    border: 1px solid rgba(126, 167, 196, .18);
    border-radius: 24px;
    background:
        radial-gradient(circle at 100% 0, rgba(36, 212, 231, .09), transparent 45%),
        rgba(3, 14, 27, .88);
    box-shadow: inset 0 1px rgba(255, 255, 255, .025);
}

.upload-drop {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 158px;
    border: 1px dashed rgba(105, 239, 247, .35);
    border-radius: 17px;
    color: var(--muted);
    background: rgba(36, 212, 231, .025);
    text-align: center;
}

.upload-drop svg {
    width: 34px;
    height: 34px;
    color: var(--cyan-2);
}

.upload-drop strong { color: #eafaff; }
.upload-drop span { font-size: .7rem; }

.document-rows {
    display: grid;
    gap: 8px;
    margin-top: 12px;
}

.document-rows > span,
.signal-row,
.action-line {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 46px;
    padding: 0 12px;
    border: 1px solid var(--line);
    border-radius: 11px;
    color: var(--muted);
    background: rgba(10, 29, 48, .55);
    font-size: .73rem;
}

.document-rows svg { color: var(--cyan-2); }
.document-rows b,
.signal-row b,
.action-line b {
    margin-left: auto;
    color: var(--green);
    font-family: "JetBrains Mono", monospace;
    font-size: .55rem;
    letter-spacing: .08em;
}

.intelligence-visual {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 14px;
}

.metric-feature {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: rgba(8, 27, 45, .72);
}

.metric-feature span,
.metric-feature small { color: var(--dim); font-size: .72rem; }
.metric-feature strong { margin-block: 6px; color: var(--cyan-2); font-size: 2rem; letter-spacing: -.06em; }

.mini-chart {
    display: flex;
    align-items: end;
    gap: 7px;
    min-height: 220px;
    padding: 20px 16px;
    border-bottom: 1px solid var(--line);
}

.mini-chart span {
    flex: 1;
    height: var(--h);
    min-width: 8px;
    border-radius: 6px 6px 2px 2px;
    background: linear-gradient(to top, rgba(36, 212, 231, .18), var(--cyan));
    box-shadow: 0 0 18px rgba(36, 212, 231, .12);
}

.signal-row { grid-column: 1 / -1; }
.signal-row span { display: flex; align-items: center; gap: 8px; }
.signal-row svg { color: var(--amber); }

.decision-visual {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.decision-head {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--green);
    font-family: "JetBrains Mono", monospace;
    font-size: .63rem;
    font-weight: 700;
    letter-spacing: .1em;
}

.decision-visual h4 {
    margin: 18px 0 0;
    font-size: 1.55rem;
    letter-spacing: -.04em;
}

.decision-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 24px;
    border-block: 1px solid var(--line);
}

.decision-grid > div {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 18px;
    border-right: 1px solid var(--line);
}

.decision-grid > div:last-child { border-right: 0; }
.decision-grid span { color: var(--dim); font-size: .68rem; }
.decision-grid strong { color: var(--cyan-2); }
.inline-action { min-height: 44px; margin-top: 24px; }

.action-visual {
    display: grid;
    align-content: center;
    gap: 11px;
}

.action-line {
    min-height: 74px;
    padding-inline: 16px;
}

.action-icon {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(36, 212, 231, .2);
    border-radius: 11px;
    color: var(--cyan-2);
    background: rgba(36, 212, 231, .05);
}

.action-line div {
    display: flex;
    flex-direction: column;
}

.action-line strong { color: #e9faff; }
.action-line small { color: var(--dim); }

.helix-feature,
.trust-section {
    position: relative;
    overflow: hidden;
    border-block: 1px solid rgba(126, 167, 196, .1);
    background:
        radial-gradient(circle at 8% 42%, rgba(36, 212, 231, .08), transparent 26rem),
        radial-gradient(circle at 92% 50%, rgba(167, 139, 250, .07), transparent 28rem),
        rgba(3, 12, 24, .72);
}

.helix-layout {
    display: grid;
    grid-template-columns: minmax(0, .72fr) minmax(580px, 1.28fr);
    align-items: center;
    gap: clamp(60px, 8vw, 120px);
}

.helix-copy > p,
.ecosystem-copy > p,
.trust-copy > p,
.final-copy > p {
    margin-left: 0;
}

.helix-points {
    display: grid;
    gap: 12px;
    margin-top: 26px;
}

.helix-points > span {
    display: flex;
    align-items: center;
    gap: 11px;
    color: #d8eaf4;
    font-size: .84rem;
}

.helix-points svg { color: var(--cyan-2); }

.helix-product {
    min-width: 0;
    padding: 14px;
    border: 1px solid rgba(126, 167, 196, .2);
    border-radius: 28px;
    background: rgba(3, 13, 26, .94);
    box-shadow: var(--shadow);
}

.product-mode-switch {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    padding: 6px;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: rgba(7, 25, 43, .75);
}

.product-mode-switch button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    border: 0;
    border-radius: 10px;
    color: var(--dim);
    background: transparent;
    font-size: .75rem;
    font-weight: 800;
    cursor: pointer;
}

.product-mode-switch button.is-active {
    color: #eaffff;
    background: linear-gradient(135deg, rgba(36, 212, 231, .18), rgba(59, 130, 246, .12));
    box-shadow: inset 0 0 0 1px rgba(36, 212, 231, .22);
}

.helix-screen {
    min-height: 490px;
    margin-top: 10px;
    padding: 28px;
    border: 1px solid var(--line);
    border-radius: 20px;
    background: rgba(5, 19, 34, .82);
}

.helix-live-strip {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px 16px;
    margin-bottom: 18px;
    color: var(--dim);
    font-family: "JetBrains Mono", monospace;
    font-size: .56rem;
    font-weight: 700;
    letter-spacing: .08em;
}

.helix-live-strip > div:first-child {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #bfeef1;
}

.helix-live-progress {
    grid-column: 1 / -1;
    height: 2px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(126, 167, 196, .1);
}

.helix-live-progress span {
    display: block;
    width: 0;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--cyan-2), #4aa8ff);
}

.chat-message {
    max-width: 82%;
    padding: 16px 18px;
    border-radius: 16px;
    font-size: .82rem;
}

.chat-message.user {
    margin-left: auto;
    border: 1px solid rgba(36, 212, 231, .22);
    border-bottom-right-radius: 4px;
    background: rgba(36, 212, 231, .09);
}

.chat-message.assistant {
    margin-top: 18px;
    border: 1px solid var(--line);
    border-bottom-left-radius: 4px;
    background: rgba(10, 29, 48, .72);
    transition: opacity .18s ease, transform .18s var(--ease), border-color .18s ease;
}

.chat-message.assistant.is-refreshing {
    opacity: .42;
    border-color: rgba(36, 212, 231, .32);
    transform: translateY(5px);
}

.assistant-name {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--cyan-2);
    font-family: "JetBrains Mono", monospace;
    font-size: .62rem;
    font-weight: 700;
    letter-spacing: .08em;
}

.chat-message p {
    margin: 12px 0 0;
    color: #d5e6ef;
    line-height: 1.7;
}

.helix-evidence {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px;
}

.helix-evidence span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 8px;
    border: 1px solid var(--line);
    border-radius: 999px;
    color: var(--dim);
    font-size: .62rem;
}

.helix-context-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px;
    margin-top: 18px;
}

.helix-context-grid article {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 5px;
    padding: 13px 14px;
    border: 1px solid var(--line);
    border-radius: 13px;
    background: rgba(4, 16, 30, .76);
    transition: border-color .28s ease, background .28s ease, transform .28s var(--ease);
}

.helix-context-grid article.is-active {
    border-color: rgba(36, 212, 231, .44);
    background: rgba(36, 212, 231, .075);
    transform: translateY(-3px);
}

.helix-context-grid article > span {
    color: var(--dim);
    font-family: "JetBrains Mono", monospace;
    font-size: .5rem;
    font-weight: 700;
    letter-spacing: .08em;
}

.helix-context-grid strong { color: #f1fbff; font-size: 1.15rem; }
.helix-context-grid small { overflow: hidden; color: var(--muted); font-size: .6rem; text-overflow: ellipsis; white-space: nowrap; }

.helix-composer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    min-height: 52px;
    margin-top: 22px;
    padding: 0 13px 0 16px;
    border: 1px solid rgba(36, 212, 231, .18);
    border-radius: 14px;
    color: var(--dim);
    background: rgba(2, 11, 22, .8);
    font-size: .72rem;
}

.helix-composer svg {
    width: 34px;
    height: 34px;
    padding: 9px;
    border-radius: 10px;
    color: #00131b;
    background: var(--cyan);
}

.center-metrics {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 9px;
    margin-top: 22px;
}

.center-metrics > div {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 14px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: rgba(8, 27, 45, .62);
}

.center-metrics span { color: var(--dim); font-size: .65rem; }
.center-metrics strong { color: var(--cyan-2); font-size: 1.3rem; }

.center-actions {
    display: grid;
    gap: 9px;
    margin-top: 16px;
}

.center-actions article {
    display: grid;
    grid-template-columns: 34px 1fr auto;
    align-items: center;
    gap: 11px;
    padding: 13px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: rgba(8, 27, 45, .58);
}

.center-actions article > span {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border-radius: 9px;
    color: var(--cyan-2);
    background: rgba(36, 212, 231, .08);
    font-family: "JetBrains Mono", monospace;
    font-size: .62rem;
}

.center-actions article div { display: flex; flex-direction: column; }
.center-actions strong { font-size: .76rem; }
.center-actions small { color: var(--dim); font-size: .62rem; }
.center-actions b { color: var(--cyan-2); font-family: "JetBrains Mono", monospace; font-size: .52rem; letter-spacing: .08em; }

.solution-shell {
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: var(--radius-xl);
    background: rgba(5, 18, 32, .84);
    box-shadow: var(--shadow);
}

.solution-tabs {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    padding: 10px;
    border-bottom: 1px solid var(--line);
}

.solution-tabs button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 52px;
    padding-inline: 14px;
    border: 1px solid transparent;
    border-radius: 13px;
    color: var(--dim);
    background: transparent;
    font-size: .76rem;
    font-weight: 800;
    cursor: pointer;
}

.solution-tabs button:hover,
.solution-tabs button.is-active {
    color: #eaffff;
    border-color: rgba(36, 212, 231, .25);
    background: rgba(36, 212, 231, .06);
}

.solution-tabs svg { color: var(--cyan-2); }

.solution-panel {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, .78fr);
    align-items: center;
    gap: 68px;
    min-height: 470px;
    padding: clamp(36px, 5vw, 68px);
}

.solution-copy h3 {
    max-width: 680px;
    margin: 14px 0 0;
    font-size: clamp(2rem, 3.4vw, 3.75rem);
    line-height: 1.02;
    letter-spacing: -.06em;
}

.solution-copy p {
    max-width: 680px;
    margin: 18px 0 0;
    color: var(--muted);
    line-height: 1.75;
}

.solution-copy ul {
    display: grid;
    gap: 10px;
    margin: 22px 0 0;
    padding: 0;
    list-style: none;
}

.solution-copy li {
    position: relative;
    padding-left: 20px;
    color: #d8e9f2;
    font-size: .84rem;
}

.solution-copy li::before {
    content: "";
    position: absolute;
    top: .62em;
    left: 0;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--cyan);
    box-shadow: 0 0 10px rgba(36, 212, 231, .45);
}

.solution-proof,
.contract-timeline,
.meeting-pack,
.talent-stack {
    min-height: 300px;
    padding: 30px;
    border: 1px solid rgba(126, 167, 196, .2);
    border-radius: 24px;
    background: radial-gradient(circle at 100% 0, rgba(36, 212, 231, .09), transparent 52%), rgba(4, 16, 29, .85);
}

.solution-proof {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.solution-number {
    color: var(--cyan-2);
    font-size: clamp(4rem, 7vw, 6.5rem);
    font-weight: 800;
    line-height: .9;
    letter-spacing: -.08em;
}

.solution-proof > strong { margin-top: 12px; font-size: 1.15rem; }
.solution-proof > small { max-width: 330px; margin-top: 10px; color: var(--dim); line-height: 1.5; }
.solution-bar { height: 7px; margin-top: 30px; overflow: hidden; border-radius: 999px; background: rgba(255, 255, 255, .06); }
.solution-bar span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--cyan), var(--cyan-2)); }

.contract-timeline {
    display: grid;
    align-content: center;
    gap: 12px;
}

.timeline-label { color: var(--cyan-2); font-family: "JetBrains Mono", monospace; font-size: .62rem; font-weight: 700; letter-spacing: .1em; }
.contract-timeline > div { display: flex; align-items: center; gap: 16px; min-height: 60px; padding: 0 14px; border: 1px solid var(--line); border-radius: 13px; background: rgba(9, 28, 47, .56); }
.contract-timeline b { display: grid; place-items: center; width: 42px; height: 34px; border-radius: 9px; color: var(--amber); background: rgba(246, 184, 63, .08); font-family: "JetBrains Mono", monospace; }
.contract-timeline span { color: #dcebf3; font-size: .8rem; }

.meeting-pack { display: flex; flex-direction: column; justify-content: center; }
.meeting-pack-head { display: flex; justify-content: space-between; color: var(--cyan-2); font-family: "JetBrains Mono", monospace; font-size: .63rem; font-weight: 700; letter-spacing: .1em; }
.meeting-pack-head b { color: var(--green); }
.meeting-pack-score {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 24px;
    margin-top: 26px;
    padding: 18px 20px;
    border: 1px solid rgba(36, 212, 231, .22);
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(36, 212, 231, .095), rgba(76, 142, 255, .025));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
}
.meeting-pack-score-value { display: flex; align-items: baseline; gap: 8px; min-width: 142px; }
.meeting-pack-score-value b { color: #f5fcff; font-size: 4.25rem; font-weight: 800; line-height: .86; letter-spacing: -.075em; text-shadow: 0 0 36px rgba(36, 212, 231, .18); }
.meeting-pack-score-value small { color: #8aabba; font-family: "JetBrains Mono", monospace; font-size: .72rem; font-weight: 700; letter-spacing: .035em; white-space: nowrap; }
.meeting-pack-score-copy { display: grid; gap: 7px; min-width: 0; }
.meeting-pack-score-copy > span { color: #6f92a6; font-family: "JetBrains Mono", monospace; font-size: .5rem; font-weight: 700; letter-spacing: .1em; }
.meeting-pack-score-copy > strong { color: var(--cyan-2); font-size: 1rem; }
.meeting-pack-score-track { height: 6px; overflow: hidden; border-radius: 99px; background: rgba(117, 160, 187, .13); }
.meeting-pack-score-track i { display: block; width: 97%; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--cyan), #62e6d2); box-shadow: 0 0 14px rgba(36, 212, 231, .34); }
.meeting-pack > span { max-width: 300px; margin-top: 14px; color: var(--muted); font-size: .82rem; }

.talent-stack { display: grid; align-content: center; gap: 11px; }
.talent-stack article { display: flex; align-items: center; gap: 14px; padding: 14px; border: 1px solid var(--line); border-radius: 13px; background: rgba(9, 28, 47, .56); }
.talent-stack article > span { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; color: var(--cyan-2); background: rgba(36, 212, 231, .08); font-family: "JetBrains Mono", monospace; font-weight: 700; }
.talent-stack article div { display: flex; flex-direction: column; }
.talent-stack strong { font-size: .82rem; }
.talent-stack small { color: var(--dim); font-size: .68rem; }

.ecosystem {
    border-block: 1px solid rgba(126, 167, 196, .1);
    background: rgba(2, 10, 20, .68);
}

.ecosystem-layout {
    display: grid;
    grid-template-columns: minmax(340px, .58fr) minmax(0, 1.42fr);
    align-items: start;
    gap: clamp(42px, 5vw, 82px);
}

.ecosystem-copy {
    position: sticky;
    top: 112px;
}

.ecosystem-invite {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-top: 30px;
    padding: 16px;
    border: 1px solid rgba(36, 212, 231, .18);
    border-radius: 18px;
    color: #cce6ef;
    background: linear-gradient(135deg, rgba(36, 212, 231, .07), rgba(89, 119, 255, .035));
    box-shadow: inset 0 1px rgba(255,255,255,.025);
}

.ecosystem-invite > span {
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(36, 212, 231, .2);
    border-radius: 12px;
    color: var(--cyan-2);
    background: rgba(36, 212, 231, .08);
}

.ecosystem-invite svg { width: 18px; height: 18px; }
.ecosystem-invite div { display: flex; flex-direction: column; gap: 4px; }
.ecosystem-invite strong { font-size: .77rem; }
.ecosystem-invite small { color: var(--muted); font-size: .66rem; line-height: 1.45; }

.module-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-auto-flow: dense;
    gap: 14px;
}

.module-card {
    --module-rgb: 36, 212, 231;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    min-width: 0;
    min-height: 198px;
    padding: 18px;
    overflow: hidden;
    isolation: isolate;
    border: 1px solid rgba(var(--module-rgb), .24);
    border-radius: 20px;
    color: #d8e9f2;
    background:
        radial-gradient(circle at 88% 6%, rgba(var(--module-rgb), .18), transparent 36%),
        linear-gradient(145deg, rgba(var(--module-rgb), .095), rgba(4, 16, 29, .96) 58%);
    box-shadow: inset 0 1px rgba(255,255,255,.035), 0 14px 34px rgba(0,0,0,.18);
    text-align: left;
    cursor: pointer;
    transition: transform .22s var(--ease), border-color .22s ease, background .22s ease, box-shadow .22s ease;
}

.module-card::before {
    content: "";
    position: absolute;
    inset: 0 auto auto 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, rgb(var(--module-rgb)), rgba(var(--module-rgb), .34) 62%, transparent);
    opacity: .82;
}

.module-card::after {
    content: "";
    position: absolute;
    right: -54px;
    bottom: -62px;
    z-index: -1;
    width: 184px;
    height: 184px;
    border-radius: 50%;
    background: rgba(var(--module-rgb), .13);
    filter: blur(24px);
    transition: transform .28s var(--ease), opacity .28s ease;
}

.module-grid .module-card:hover,
.module-grid .module-card.is-active {
    border-color: rgba(var(--module-rgb), .56);
    color: #effcff;
    background:
        radial-gradient(circle at 88% 6%, rgba(var(--module-rgb), .26), transparent 42%),
        linear-gradient(145deg, rgba(var(--module-rgb), .15), rgba(5, 20, 35, .985) 62%);
    transform: translateY(-6px);
    box-shadow: 0 26px 58px rgba(0,0,0,.32), 0 0 34px rgba(var(--module-rgb), .12), inset 0 1px rgba(255,255,255,.055);
}

.module-grid .module-card:hover::after,
.module-grid .module-card.is-active::after { opacity: .9; transform: translate(-10px, -8px) scale(1.08); }

.module-card[data-module="helix"],
.module-card[data-module="center"],
.module-card[data-module="vault"],
.module-card[data-module="downloads"],
.module-card[data-module="hub"] { grid-column: span 2; }

.module-card[data-module="center"] { --module-rgb: 139, 92, 246; }
.module-card[data-module="analytics"] { --module-rgb: 79, 140, 255; }
.module-card[data-module="map"] { --module-rgb: 45, 212, 191; }
.module-card[data-module="workspace"] { --module-rgb: 99, 102, 241; }
.module-card[data-module="meeting"] { --module-rgb: 245, 158, 11; }
.module-card[data-module="calendar"] { --module-rgb: 52, 211, 153; }
.module-card[data-module="sources"] { --module-rgb: 14, 165, 233; }
.module-card[data-module="vault"] { --module-rgb: 20, 214, 184; }
.module-card[data-module="talent"] { --module-rgb: 236, 72, 153; }
.module-card[data-module="trust"] { --module-rgb: 34, 197, 94; }
.module-card[data-module="downloads"] { --module-rgb: 56, 189, 248; }
.module-card[data-module="progress"] { --module-rgb: 250, 204, 21; }
.module-card[data-module="hub"] { --module-rgb: 168, 85, 247; }

.module-card-head {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    width: 100%;
}

.module-card-icon {
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(var(--module-rgb), .28);
    border-radius: 13px;
    color: rgb(var(--module-rgb));
    background: linear-gradient(145deg, rgba(var(--module-rgb), .18), rgba(var(--module-rgb), .055));
    box-shadow: inset 0 1px rgba(255,255,255,.045), 0 0 22px rgba(var(--module-rgb), .075);
    transition: transform .24s var(--ease), border-color .24s ease, background .24s ease;
}

.module-card-icon > svg {
    position: relative;
    width: 19px;
    height: 19px;
}
.module-grid .module-card:hover .module-card-icon,
.module-grid .module-card.is-active .module-card-icon { border-color: rgba(var(--module-rgb), .58); background: rgba(var(--module-rgb), .2); transform: translateY(-2px) scale(1.04); }

.module-card-index {
    display: grid;
    place-items: center;
    min-width: 34px;
    height: 24px;
    padding-inline: 7px;
    border: 1px solid rgba(var(--module-rgb), .22);
    border-radius: 999px;
    color: rgba(var(--module-rgb), .88);
    background: rgba(2, 12, 24, .58);
    font-family: "JetBrains Mono", monospace;
    font-size: .48rem;
    font-weight: 800;
    letter-spacing: .08em;
}
.module-card-kicker,
.module-card-title,
.module-card-summary,
.module-card-foot { position: relative; z-index: 1; }
.module-card-kicker { overflow: hidden; color: rgb(var(--module-rgb)); font-family: "JetBrains Mono", monospace; font-size: .49rem; font-weight: 800; letter-spacing: .11em; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
.module-card-title { margin-top: 2px; color: #f1f9fd; font-size: 1.02rem; font-weight: 850; letter-spacing: -.022em; line-height: 1.15; }
.module-card-summary { display: -webkit-box; overflow: hidden; color: #98afbc; font-size: .64rem; line-height: 1.5; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.module-card-foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; margin-top: auto; padding-top: 10px; border-top: 1px solid rgba(var(--module-rgb), .15); }
.module-card-foot > small { display: inline-flex; align-items: center; min-height: 28px; padding: 0 9px; border: 1px solid rgba(var(--module-rgb), .18); border-radius: 999px; color: rgba(var(--module-rgb), .96); background: rgba(var(--module-rgb), .065); font-family: "JetBrains Mono", monospace; font-size: .49rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.module-card-open { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 30px; padding: 0 10px; border: 1px solid rgba(var(--module-rgb), .26); border-radius: 9px; color: #cce5ef; background: rgba(var(--module-rgb), .075); font-size: .54rem; font-weight: 800; transition: color .22s ease, background .22s ease, border-color .22s ease, transform .22s var(--ease); }
.module-card-open > svg { width: 13px; height: 13px; color: rgb(var(--module-rgb)); }
.module-grid .module-card:hover .module-card-open,
.module-grid .module-card.is-active .module-card-open { border-color: rgba(var(--module-rgb), .68); color: #04111d; background: rgb(var(--module-rgb)); transform: translateX(2px); }
.module-grid .module-card:hover .module-card-open > svg,
.module-grid .module-card.is-active .module-card-open > svg { color: #04111d; }
.module-card:focus-visible { outline: 2px solid rgb(var(--module-rgb)); outline-offset: 4px; }
.module-card[data-module="helix"] .module-card-title,
.module-card[data-module="center"] .module-card-title,
.module-card[data-module="vault"] .module-card-title,
.module-card[data-module="downloads"] .module-card-title,
.module-card[data-module="progress"] .module-card-title,
.module-card[data-module="hub"] .module-card-title { font-size: 1.14rem; }

html.ecosystem-immersive-open,
body.ecosystem-immersive-open { overflow: hidden; }

.ecosystem-immersive[hidden] { display: none; }

.ecosystem-immersive {
    --experience-rgb: 36, 212, 231;
    position: fixed;
    inset: 0;
    z-index: 2100;
    display: grid;
    place-items: center;
    padding: 20px;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease, visibility .3s ease;
}

.ecosystem-immersive.is-open {
    opacity: 1;
    visibility: visible;
}

.ecosystem-immersive-backdrop {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    border-radius: 0;
    background:
        radial-gradient(circle at 50% 40%, rgba(var(--experience-rgb), .08), transparent 42%),
        rgba(1, 7, 15, .91);
    backdrop-filter: blur(26px) saturate(.68);
    cursor: default;
}

.ecosystem-immersive-panel {
    --panel-line: rgba(var(--experience-rgb), .22);
    position: relative;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    width: min(calc(100vw - clamp(36px, 6vw, 150px)), 2200px);
    height: min(calc(100dvh - 40px), 1500px);
    max-height: 94dvh;
    overflow: hidden;
    border: 1px solid rgba(var(--experience-rgb), .48);
    border-radius: 34px;
    outline: 0;
    color: #edf9ff;
    background:
        linear-gradient(145deg, rgba(var(--experience-rgb), .065), transparent 32%),
        linear-gradient(180deg, rgba(5, 20, 36, .995), rgba(2, 11, 23, .995));
    box-shadow:
        0 50px 150px rgba(0,0,0,.72),
        0 0 70px rgba(var(--experience-rgb), .11),
        inset 0 1px rgba(255,255,255,.045);
    transform: translateY(26px) scale(.965);
    transition: transform .38s var(--ease), border-color .32s ease, box-shadow .32s ease;
}

.ecosystem-immersive.is-open .ecosystem-immersive-panel {
    transform: translateY(0) scale(1);
}

.ecosystem-immersive-panel::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    z-index: 3;
    height: 3px;
    background: linear-gradient(90deg, transparent, rgba(var(--experience-rgb), .32) 12%, rgb(var(--experience-rgb)) 50%, rgba(var(--experience-rgb), .32) 88%, transparent);
    box-shadow: 0 0 24px rgba(var(--experience-rgb), .38);
}

.ecosystem-immersive-aura {
    position: absolute;
    inset: 0;
    overflow: hidden;
    border-radius: inherit;
    pointer-events: none;
}

.ecosystem-immersive-aura::before,
.ecosystem-immersive-aura::after {
    content: "";
    position: absolute;
    width: 42vw;
    height: 42vw;
    border-radius: 50%;
    filter: blur(80px);
    opacity: .11;
}

.ecosystem-immersive-aura::before { top: -30vw; right: -12vw; background: rgb(var(--experience-rgb)); }
.ecosystem-immersive-aura::after { bottom: -34vw; left: -18vw; background: #5977ff; }

.ecosystem-immersive-head,
.ecosystem-immersive-body,
.ecosystem-immersive-foot { position: relative; z-index: 2; }

.ecosystem-immersive-head {
    display: grid;
    grid-template-columns: 1fr auto auto;
    align-items: center;
    gap: 20px;
    min-height: 86px;
    padding: 18px 24px;
    border-bottom: 1px solid var(--panel-line);
    background: rgba(3, 14, 27, .84);
    backdrop-filter: blur(18px);
}

.ecosystem-immersive-brand,
.ecosystem-immersive-head-meta,
.ecosystem-immersive-live,
.ecosystem-immersive-live-signal,
.ecosystem-live-foot > span {
    display: flex;
    align-items: center;
}

.ecosystem-immersive-brand { gap: 13px; min-width: 0; }

.ecosystem-immersive-icon {
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    width: 48px;
    height: 48px;
    border: 1px solid rgba(var(--experience-rgb), .32);
    border-radius: 15px;
    color: rgb(var(--experience-rgb));
    background: linear-gradient(145deg, rgba(var(--experience-rgb), .2), rgba(var(--experience-rgb), .055));
    box-shadow: inset 0 1px rgba(255,255,255,.06), 0 0 28px rgba(var(--experience-rgb), .1);
}

.ecosystem-immersive-icon svg { width: 21px; height: 21px; }
.ecosystem-immersive-brand > div { display: flex; align-items: center; gap: 10px; min-width: 0; }
.ecosystem-immersive-brand .micro-label { color: rgb(var(--experience-rgb)); }

.ecosystem-immersive-position,
.ecosystem-immersive-plan,
.ecosystem-immersive-live {
    font-family: "JetBrains Mono", monospace;
    font-size: .55rem;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.ecosystem-immersive-position { color: #718d9d; }
.ecosystem-immersive-head-meta { justify-content: flex-end; gap: 9px; }
.ecosystem-immersive-plan { padding: 7px 10px; border: 1px solid rgba(var(--experience-rgb), .24); border-radius: 999px; color: rgb(var(--experience-rgb)); background: rgba(var(--experience-rgb), .07); }
.ecosystem-immersive-live { gap: 7px; padding: 7px 10px; border: 1px solid rgba(60, 230, 176, .18); border-radius: 999px; color: #72ebbd; background: rgba(60, 230, 176, .05); }
.ecosystem-immersive-live > i { width: 6px; height: 6px; border-radius: 50%; background: #43e3aa; box-shadow: 0 0 11px #43e3aa; animation: nd-pulse 1.8s ease-in-out infinite; }

.ecosystem-immersive-close {
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    padding: 0;
    border: 1px solid rgba(148, 180, 199, .2);
    border-radius: 14px;
    color: #bcd1dc;
    background: rgba(255,255,255,.025);
    cursor: pointer;
    transition: color .2s ease, border-color .2s ease, background .2s ease, transform .2s var(--ease);
}

.ecosystem-immersive-close:hover { color: #fff; border-color: rgba(var(--experience-rgb), .48); background: rgba(var(--experience-rgb), .1); transform: rotate(4deg) scale(1.04); }
.ecosystem-immersive-close svg { width: 20px; height: 20px; }

.ecosystem-immersive-body {
    display: grid;
    grid-template-columns: minmax(0, .92fr) minmax(420px, 1.08fr);
    gap: clamp(32px, 4vw, 76px);
    min-height: 0;
    padding: clamp(30px, 3.4vw, 58px);
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(var(--experience-rgb), .32) transparent;
}

.ecosystem-immersive-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
}

.ecosystem-immersive-kicker {
    color: rgb(var(--experience-rgb));
    font-family: "JetBrains Mono", monospace;
    font-size: .63rem;
    font-weight: 800;
    letter-spacing: .13em;
}

.ecosystem-immersive-copy h3 {
    max-width: 940px;
    margin: 14px 0 0;
    font-size: clamp(3.5rem, 5vw, 6.8rem);
    line-height: .92;
    letter-spacing: -.067em;
}

.ecosystem-title-base { color: #edf9ff; }
.ecosystem-title-accent {
    color: #29c8f2;
    text-shadow: 0 0 30px rgba(41, 200, 242, .16);
}

.ecosystem-immersive-lead {
    max-width: 800px;
    margin: 24px 0 0;
    color: #a9c0cd;
    font-size: clamp(.96rem, 1.05vw, 1.24rem);
    line-height: 1.72;
}

.ecosystem-capability-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: clamp(26px, 3vw, 46px);
}

.ecosystem-capability-grid article {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 166px;
    padding: 18px;
    border: 1px solid rgba(var(--experience-rgb), .16);
    border-radius: 18px;
    background: linear-gradient(145deg, rgba(var(--experience-rgb), .075), rgba(5, 19, 33, .58));
    box-shadow: inset 0 1px rgba(255,255,255,.025);
}

.ecosystem-capability-grid article > span {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(var(--experience-rgb), .2);
    border-radius: 11px;
    color: rgb(var(--experience-rgb));
    background: rgba(var(--experience-rgb), .08);
}

.ecosystem-capability-grid article svg { width: 17px; height: 17px; }
.ecosystem-capability-grid article div { margin-top: auto; padding-top: 20px; }
.ecosystem-capability-grid strong { display: block; font-size: .83rem; }
.ecosystem-capability-grid p { margin: 7px 0 0; color: #829ba9; font-size: .66rem; line-height: 1.54; }

.ecosystem-live-panel {
    position: relative;
    align-self: center;
    min-width: 0;
    min-height: min(100%, 590px);
    padding: clamp(22px, 2.2vw, 34px);
    overflow: hidden;
    border: 1px solid rgba(var(--experience-rgb), .27);
    border-radius: 26px;
    background:
        radial-gradient(circle at 88% 5%, rgba(var(--experience-rgb), .18), transparent 34%),
        linear-gradient(160deg, rgba(var(--experience-rgb), .075), rgba(3, 15, 29, .94) 47%);
    box-shadow: 0 28px 80px rgba(0,0,0,.34), inset 0 1px rgba(255,255,255,.035);
}

.ecosystem-live-panel::after {
    content: none;
    display: none;
    animation: none;
}

.ecosystem-live-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.ecosystem-live-head h4 { margin: 8px 0 0; font-size: clamp(1.25rem, 1.6vw, 1.8rem); letter-spacing: -.035em; }
.ecosystem-live-signal {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    gap: 8px;
    min-height: 34px;
    padding: 0 12px;
    overflow: hidden;
    border: 1px solid rgba(var(--experience-rgb), .34);
    border-radius: 999px;
    color: #dffbff;
    background:
        radial-gradient(circle at 18% 50%, rgba(var(--experience-rgb), .18), transparent 38%),
        rgba(3, 18, 31, .78);
    box-shadow: inset 0 1px rgba(255,255,255,.05), 0 8px 24px rgba(0,0,0,.18);
    font-family: "JetBrains Mono", monospace;
    font-size: .61rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: .09em;
    white-space: nowrap;
}
.ecosystem-live-signal::before {
    content: "";
    width: 6px;
    height: 6px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: rgb(var(--experience-rgb));
    box-shadow: 0 0 0 4px rgba(var(--experience-rgb), .1), 0 0 14px rgba(var(--experience-rgb), .7);
    animation: ecosystem-status-pulse 2.2s ease-in-out infinite;
}
.ecosystem-live-signal svg {
    width: 14px;
    height: 14px;
    flex: 0 0 auto;
    color: rgb(var(--experience-rgb));
}

@keyframes ecosystem-status-pulse {
    0%, 100% { opacity: .55; transform: scale(.84); }
    50% { opacity: 1; transform: scale(1); }
}

.ecosystem-live-summary {
    display: flex;
    flex-direction: column;
    margin-top: 26px;
    padding: 19px 20px;
    border: 1px solid rgba(var(--experience-rgb), .19);
    border-radius: 17px;
    background: rgba(2, 12, 24, .6);
}

.ecosystem-live-summary > span { color: rgb(var(--experience-rgb)); font-family: "JetBrains Mono", monospace; font-size: .52rem; font-weight: 800; letter-spacing: .1em; }
.ecosystem-live-summary strong { margin-top: 9px; font-size: clamp(1.04rem, 1.35vw, 1.4rem); }
.ecosystem-live-summary small { margin-top: 7px; color: #7894a4; font-size: .66rem; line-height: 1.5; }

.ecosystem-live-items { display: grid; gap: 10px; margin-top: 12px; }

.ecosystem-live-items article {
    position: relative;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 14px;
    min-height: 100px;
    padding: 14px 16px;
    overflow: hidden;
    border: 1px solid rgba(126, 167, 196, .14);
    border-radius: 15px;
    background: rgba(7, 24, 40, .64);
}

.ecosystem-live-item-icon { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 11px; color: rgb(var(--experience-rgb)); background: rgba(var(--experience-rgb), .08); }
.ecosystem-live-item-icon svg { width: 17px; height: 17px; }
.ecosystem-live-items article > div { display: flex; flex-direction: column; min-width: 0; }
.ecosystem-live-items article > div > span { color: #718b99; font-family: "JetBrains Mono", monospace; font-size: .48rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.ecosystem-live-items article strong { margin-top: 4px; font-size: .82rem; }
.ecosystem-live-items article small { margin-top: 3px; overflow: hidden; color: #7894a4; font-size: .61rem; text-overflow: ellipsis; white-space: nowrap; }
.ecosystem-live-items article > em { align-self: start; color: rgba(var(--experience-rgb), .78); font-family: "JetBrains Mono", monospace; font-size: .53rem; font-style: normal; font-weight: 800; }

.ecosystem-live-item-track { display: block; width: 100%; height: 3px; margin-top: 10px; overflow: hidden; border-radius: 999px; background: rgba(255,255,255,.055); }
.ecosystem-live-item-track b { display: block; width: var(--signal-level); height: 100%; border-radius: inherit; background: linear-gradient(90deg, rgb(var(--experience-rgb)), rgba(var(--experience-rgb), .32)); box-shadow: 0 0 9px rgba(var(--experience-rgb), .3); }

.ecosystem-live-foot { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 14px; padding-top: 14px; border-top: 1px solid rgba(var(--experience-rgb), .13); }
.ecosystem-live-foot > span { gap: 7px; color: #7591a0; font-size: .59rem; }
.ecosystem-live-foot svg { width: 14px; height: 14px; color: #56ddb0; }
.ecosystem-live-foot strong { color: rgb(var(--experience-rgb)); font-family: "JetBrains Mono", monospace; font-size: .55rem; letter-spacing: .06em; text-transform: uppercase; }

/* Each ecosystem module owns a distinct living product scene. */
.ecosystem-module-visual {
    min-width: 0;
    min-height: 430px;
    margin-top: 24px;
}

.module-scene {
    position: relative;
    min-width: 0;
    min-height: 430px;
    overflow: hidden;
    color: #dff5ff;
}

.module-scene button { font: inherit; }
.module-scene small,
.module-scene em { color: #7592a3; font-style: normal; }
.module-scene svg { width: 15px; height: 15px; }
.module-scene .scene-avatar,
.scene-candidate {
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    width: 28px;
    height: 28px;
    border: 1px solid rgba(var(--experience-rgb), .24);
    border-radius: 9px;
    color: rgb(var(--experience-rgb));
    background: rgba(var(--experience-rgb), .09);
    font-family: "JetBrains Mono", monospace;
    font-size: .5rem;
    font-style: normal;
    font-weight: 800;
}

.scene-mini-progress { height: 3px; margin-top: 10px; overflow: hidden; border-radius: 99px; background: rgba(255,255,255,.055); }
.scene-mini-progress i { display: block; width: var(--p); height: 100%; background: rgb(var(--experience-rgb)); box-shadow: 0 0 12px rgba(var(--experience-rgb),.38); }

/* Helix — conversation and evidence */
.scene-helix { display: flex; flex-direction: column; gap: 11px; }
.scene-console-bar { display: flex; align-items: center; justify-content: space-between; padding: 9px 12px; border: 1px solid rgba(var(--experience-rgb),.14); border-radius: 11px; background: rgba(2,11,22,.55); font-family: "JetBrains Mono", monospace; font-size: .5rem; letter-spacing: .08em; }
.scene-console-bar span { display: flex; align-items: center; gap: 7px; color: #a9c0cd; }
.scene-console-bar span > i { width: 6px; height: 6px; border-radius: 50%; background: #43e3aa; box-shadow: 0 0 12px #43e3aa; animation: scene-pulse 1.7s ease-in-out infinite; }
.scene-console-bar em { color: rgb(var(--experience-rgb)); }
.scene-chat { max-width: 88%; padding: 14px 16px; border: 1px solid rgba(var(--experience-rgb),.14); border-radius: 15px; background: rgba(3,15,29,.66); }
.scene-chat small { font-family: "JetBrains Mono", monospace; font-size: .47rem; letter-spacing: .08em; }
.scene-chat p { margin: 7px 0 0; font-size: .75rem; line-height: 1.55; }
.scene-chat-user { align-self: flex-end; max-width: 70%; border-color: rgba(var(--experience-rgb),.24); background: rgba(var(--experience-rgb),.08); }
.scene-chat-helix { display: grid; grid-template-columns: auto 1fr; gap: 12px; max-width: 100%; }
.scene-helix-avatar { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 11px; color: #03121c; background: linear-gradient(145deg,rgb(var(--experience-rgb)),#69eff7); font-weight: 900; box-shadow: 0 0 24px rgba(var(--experience-rgb),.18); }
.scene-evidence-chips { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 12px; }
.scene-evidence-chips span { display: inline-flex; align-items: center; gap: 5px; padding: 6px 8px; border: 1px solid rgba(var(--experience-rgb),.14); border-radius: 999px; color: #8fa9b8; background: rgba(var(--experience-rgb),.035); font-size: .52rem; }
.scene-evidence-chips svg { color: rgb(var(--experience-rgb)); }
.scene-context-strip { position: relative; display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin-top: auto; padding-top: 8px; }
.scene-context-strip > span { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 8px; padding: 10px; border: 1px solid rgba(var(--experience-rgb),.12); border-radius: 11px; background: rgba(4,18,32,.62); font-size: .56rem; }
.scene-context-strip > span svg { color: rgb(var(--experience-rgb)); }
.scene-context-strip > span small { font-family: "JetBrains Mono", monospace; }
.scene-context-pulse { position: absolute; inset: 8px auto auto 0; width: 18%; height: 1px; background: linear-gradient(90deg,transparent,rgb(var(--experience-rgb)),transparent); animation: scene-context-travel 3.2s linear infinite; }

/* Helix Center — living operating board */
.scene-center { display: grid; grid-template-rows: auto 1fr; gap: 12px; }
.scene-center-metrics { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }
.scene-center-metrics span { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 4px; padding: 10px 12px; border: 1px solid rgba(var(--experience-rgb),.14); border-radius: 11px; background: rgba(var(--experience-rgb),.045); }
.scene-center-metrics small { font-family: "JetBrains Mono", monospace; font-size: .46rem; letter-spacing: .06em; }
.scene-center-metrics strong { grid-row: span 2; font-size: 1.35rem; }
.scene-kanban { display: grid; grid-template-columns: repeat(3,1fr); gap: 9px; min-height: 0; }
.scene-kanban > section { display: flex; flex-direction: column; gap: 8px; padding: 11px; border: 1px solid rgba(126,167,196,.13); border-radius: 13px; background: rgba(2,12,24,.5); }
.scene-kanban header { display: flex; justify-content: space-between; padding: 2px 2px 7px; color: #7390a0; font-family: "JetBrains Mono", monospace; font-size: .47rem; letter-spacing: .07em; }
.scene-kanban header em { display: grid; place-items: center; width: 22px; height: 18px; border-radius: 99px; background: rgba(var(--experience-rgb),.08); }
.scene-kanban article { position: relative; display: flex; flex-direction: column; min-height: 88px; padding: 11px; border: 1px solid rgba(var(--experience-rgb),.12); border-radius: 11px; background: rgba(7,24,40,.74); }
.scene-kanban article small { font-family: "JetBrains Mono", monospace; font-size: .43rem; }
.scene-kanban article b { margin-top: 6px; font-size: .65rem; line-height: 1.35; }
.scene-kanban article > i { margin-top: auto; padding-top: 8px; color: rgb(var(--experience-rgb)); font-family: "JetBrains Mono", monospace; font-size: .52rem; }
.scene-kanban article.is-hot { border-color: rgba(251,146,60,.34); box-shadow: inset 3px 0 #fb923c; }
.scene-kanban article.is-ready { border-color: rgba(67,227,170,.3); box-shadow: inset 3px 0 #43e3aa; }
.scene-kanban > section > button { display: flex; align-items: center; justify-content: center; gap: 6px; min-height: 42px; margin-top: auto; border: 1px dashed rgba(var(--experience-rgb),.2); border-radius: 10px; color: rgb(var(--experience-rgb)); background: transparent; font-size: .55rem; }

/* Analytics — moving charts and live metrics */
.scene-analytics { display: grid; grid-template-rows: auto 1fr auto; gap: 11px; }
.scene-analytics-kpis { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }
.scene-analytics-kpis > span { display: grid; grid-template-columns: 1fr auto; gap: 5px; padding: 10px 11px; border: 1px solid rgba(var(--experience-rgb),.14); border-radius: 11px; background: linear-gradient(145deg,rgba(var(--experience-rgb),.07),rgba(3,14,27,.5)); }
.scene-analytics-kpis small { grid-column: 1/-1; font-family: "JetBrains Mono", monospace; font-size: .43rem; letter-spacing: .07em; }
.scene-analytics-kpis strong { font-size: .95rem; }
.scene-analytics-kpis em { align-self: end; font-size: .48rem; }
.scene-analytics-kpis em.is-up { color: #fb7185; }
.scene-analytics-kpis em.is-good { color: #43e3aa; }
.scene-analytics-main { display: grid; grid-template-columns: minmax(0,1.55fr) minmax(150px,.65fr); gap: 9px; min-height: 0; }
.scene-analytics-main > section,
.scene-analytics-main > aside { border: 1px solid rgba(var(--experience-rgb),.14); border-radius: 13px; background: rgba(2,12,24,.58); }
.scene-analytics-main > section { display: grid; grid-template-rows: auto 1fr; padding: 13px; }
.scene-analytics-main header { display: flex; align-items: center; justify-content: space-between; }
.scene-analytics-main header div { display: flex; flex-direction: column; gap: 3px; }
.scene-analytics-main header small { font-family: "JetBrains Mono", monospace; font-size: .44rem; letter-spacing: .07em; }
.scene-analytics-main header b { font-size: .7rem; }
.scene-analytics-main header > span { display: inline-flex; align-items: center; gap: 5px; padding: 6px 8px; border: 1px solid rgba(var(--experience-rgb),.13); border-radius: 8px; color: #8fa9b8; font-size: .49rem; }
.scene-chart-grid { position: relative; min-height: 190px; margin-top: 12px; overflow: hidden; border-radius: 9px; background: repeating-linear-gradient(to bottom,rgba(126,167,196,.08) 0 1px,transparent 1px 25%); }
.scene-chart-bars { position: absolute; inset: 10px 4px 20px; display: flex; align-items: end; justify-content: space-around; gap: 7px; }
.scene-chart-bars > i { position: relative; width: 8%; height: var(--bar); border-radius: 5px 5px 2px 2px; background: linear-gradient(180deg,rgb(var(--experience-rgb)),rgba(var(--experience-rgb),.18)); box-shadow: 0 0 16px rgba(var(--experience-rgb),.12); transform-origin: bottom; animation: scene-bar-live var(--duration, 3200ms) ease-in-out infinite alternate; animation-delay: var(--delay); }
.scene-chart-bars > i:nth-child(even) { background: linear-gradient(180deg,#8b5cf6,rgba(139,92,246,.16)); }
.scene-chart-bars b { position: absolute; top: calc(100% + 7px); left: 50%; color: #668494; font-size: .42rem; font-style: normal; transform: translateX(-50%); }
.scene-chart-scan { display: none; }
.scene-analytics-main > aside { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 13px; }
.scene-donut { display: grid; place-items: center; width: 112px; height: 112px; border-radius: 50%; background: conic-gradient(rgb(var(--experience-rgb)) calc(var(--donut-fill)*1%),rgba(255,255,255,.055) 0); box-shadow: 0 0 26px rgba(var(--experience-rgb),.1); animation: scene-donut-fill 3.4s ease-in-out infinite alternate; }
.scene-donut::before { content:""; grid-area:1/1; width: 78px; height: 78px; border-radius:50%; background:#061426; box-shadow:inset 0 0 22px rgba(0,0,0,.4); }
.scene-donut > span { z-index:1; grid-area:1/1; display:flex; flex-direction:column; align-items:center; }
.scene-donut strong { font-size:1.15rem; }
.scene-donut small { font-family:"JetBrains Mono",monospace; font-size:.42rem; }
.scene-analytics-main ul { display:grid; gap:6px; width:100%; margin:12px 0 0; padding:0; list-style:none; }
.scene-analytics-main li { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:6px; color:#8aa4b2; font-size:.5rem; }
.scene-analytics-main li > i { width:6px; height:6px; border-radius:50%; background:var(--dot); }
.scene-analytics-main li b { color:#d8eaf2; }
.scene-analytics-ticker { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:10px; padding:9px 11px; border:1px solid rgba(var(--experience-rgb),.15); border-radius:11px; background:rgba(var(--experience-rgb),.045); font-size:.52rem; }
.scene-analytics-ticker > span,.scene-analytics-ticker button { display:flex; align-items:center; gap:6px; }
.scene-analytics-ticker > span { color:rgb(var(--experience-rgb)); }
.scene-analytics-ticker button { border:0; color:#dff7ff; background:transparent; }

/* Neural Map — animated relationship graph */
.scene-map { display:grid; grid-template-rows:auto 1fr auto; gap:10px; }
.scene-map-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.scene-map-toolbar > span { display:flex; align-items:center; gap:8px; min-width:0; padding:8px 11px; border:1px solid rgba(var(--experience-rgb),.14); border-radius:10px; color:#7491a1; background:rgba(2,12,24,.5); font-size:.5rem; }
.scene-map-toolbar > div { display:flex; align-items:center; gap:7px; }
.scene-map-toolbar button { display:grid; place-items:center; width:28px; height:28px; border:1px solid rgba(var(--experience-rgb),.14); border-radius:8px; color:#9db5c1; background:rgba(2,12,24,.7); }
.scene-map-toolbar b { font-size:.5rem; }
.scene-map-canvas { position:relative; min-height:330px; overflow:hidden; border:1px solid rgba(var(--experience-rgb),.14); border-radius:15px; background:radial-gradient(circle at 50% 50%,rgba(var(--experience-rgb),.1),transparent 34%),radial-gradient(circle,rgba(126,167,196,.11) 1px,transparent 1px); background-size:auto,20px 20px; }
.scene-map-node { position:absolute; z-index:2; display:grid; grid-template-columns:auto 1fr; align-items:center; gap:4px 8px; min-width:120px; padding:10px; border:1px solid rgba(var(--experience-rgb),.22); border-radius:12px; color:#e2f5fc; background:rgba(5,21,37,.93); box-shadow:0 12px 30px rgba(0,0,0,.3); text-align:left; }
.scene-map-node svg { grid-row:span 2; color:rgb(var(--experience-rgb)); }
.scene-map-node b { font-size:.58rem; }
.scene-map-node small { font-family:"JetBrains Mono",monospace; font-size:.42rem; }
.scene-map-node.node-main { top:42%; left:50%; min-width:150px; border-color:rgba(var(--experience-rgb),.55); transform:translate(-50%,-50%); box-shadow:0 0 34px rgba(var(--experience-rgb),.16); }
.scene-map-node.node-a { top:10%; left:8%; }
.scene-map-node.node-b { top:10%; right:6%; }
.scene-map-node.node-c { bottom:10%; left:7%; --experience-rgb:139,92,246; }
.scene-map-node.node-d { right:9%; bottom:10%; --experience-rgb:245,158,11; }
.scene-map-link { position:absolute; z-index:0; height:1px; background:linear-gradient(90deg,transparent,rgba(var(--experience-rgb),.5),transparent); transform-origin:left; }
.scene-map-link.link-a { top:31%; left:23%; width:31%; transform:rotate(18deg); }
.scene-map-link.link-b { top:34%; left:52%; width:32%; transform:rotate(-19deg); }
.scene-map-link.link-c { top:59%; left:22%; width:34%; transform:rotate(-18deg); }
.scene-map-link.link-d { top:55%; left:53%; width:33%; transform:rotate(20deg); }
.scene-map-link.link-e { top:42%; left:30%; width:42%; }
.scene-map-flow { position:absolute; z-index:1; width:7px; height:7px; border-radius:50%; background:rgb(var(--experience-rgb)); box-shadow:0 0 14px rgb(var(--experience-rgb)); animation:scene-map-flow 3.3s linear infinite; }
.scene-map-flow.flow-a { top:30%; left:22%; --flow-x:230px; --flow-y:75px; }
.scene-map-flow.flow-b { top:58%; left:25%; --flow-x:220px; --flow-y:-62px; animation-delay:1.2s; }
.scene-map-legend { display:flex; align-items:center; gap:13px; color:#7290a0; font-size:.47rem; }
.scene-map-legend > span { display:flex; align-items:center; gap:5px; }
.scene-map-legend > span i { width:6px; height:6px; border-radius:50%; }
.scene-map-legend .is-cyan { background:#2dd4bf; }.scene-map-legend .is-violet { background:#8b5cf6; }.scene-map-legend .is-amber { background:#f59e0b; }
.scene-map-legend > b { display:flex; align-items:center; gap:6px; margin-left:auto; color:rgb(var(--experience-rgb)); }

/* Workspace — collaborative board */
.scene-workspace { display:grid; grid-template-rows:auto 1fr; gap:11px; }
.scene-workspace-head,.scene-workspace-head > span { display:flex; align-items:center; }
.scene-workspace-head { justify-content:space-between; gap:12px; }
.scene-workspace-head > div { display:flex; flex-direction:column; gap:3px; }
.scene-workspace-head small { font-family:"JetBrains Mono",monospace; font-size:.44rem; letter-spacing:.07em; }
.scene-workspace-head > span { justify-content:flex-end; }
.scene-workspace-head .scene-avatar { margin-left:-5px; }
.scene-workspace-head em { display:flex; align-items:center; gap:6px; margin-left:9px; font-size:.47rem; }
.scene-workspace-head em i { width:6px; height:6px; border-radius:50%; background:#43e3aa; box-shadow:0 0 10px #43e3aa; }
.scene-workspace-board { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; min-height:0; }
.scene-workspace-board section { display:flex; flex-direction:column; gap:8px; padding:10px; border:1px solid rgba(var(--experience-rgb),.13); border-radius:13px; background:rgba(2,12,24,.52); }
.scene-workspace-board header { display:flex; justify-content:space-between; color:#7592a3; font-family:"JetBrains Mono",monospace; font-size:.46rem; }
.scene-workspace-board header em { display:grid; place-items:center; width:20px; height:18px; border-radius:99px; background:rgba(var(--experience-rgb),.08); }
.scene-workspace-board article { display:flex; flex-direction:column; min-height:104px; padding:11px; border:1px solid rgba(var(--experience-rgb),.12); border-radius:11px; background:rgba(7,24,40,.7); }
.scene-workspace-board article.is-active { border-color:rgba(var(--experience-rgb),.38); box-shadow:inset 3px 0 rgb(var(--experience-rgb)); }
.scene-workspace-board article.is-done { opacity:.78; }
.scene-workspace-board article small { font-family:"JetBrains Mono",monospace; font-size:.42rem; }
.scene-workspace-board article b { margin-top:6px; font-size:.63rem; line-height:1.4; }
.scene-workspace-board footer { display:flex; align-items:center; justify-content:space-between; margin-top:auto; padding-top:9px; }
.scene-workspace-board footer svg { color:#43e3aa; }
.scene-workspace-board time { color:#7592a3; font-size:.46rem; }

/* Meeting — live agenda and decision capture */
.scene-meeting { display:grid; grid-template-rows:auto 1fr; gap:11px; }
.scene-meeting-top { display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:12px; padding:10px 12px; border:1px solid rgba(var(--experience-rgb),.14); border-radius:12px; background:rgba(2,12,24,.56); }
.scene-meeting-top > div { display:grid; grid-template-columns:auto 1fr; align-items:center; gap:2px 7px; }
.scene-meeting-top > div b { grid-column:2; font-size:.65rem; }
.scene-meeting-top small { font-family:"JetBrains Mono",monospace; font-size:.43rem; }
.scene-live-dot { grid-row:span 2; width:7px; height:7px; border-radius:50%; background:#fb7185; box-shadow:0 0 12px #fb7185; animation:scene-pulse 1.5s infinite; }
.scene-meeting-top > time { color:rgb(var(--experience-rgb)); font-family:"JetBrains Mono",monospace; font-size:.55rem; }
.scene-meeting-top > span { display:flex; }.scene-meeting-top .scene-avatar { margin-left:-5px; }
.scene-meeting-body { display:grid; grid-template-columns:1.12fr .88fr; gap:9px; min-height:0; }
.scene-meeting-body > section,.scene-meeting-body > aside { padding:13px; border:1px solid rgba(var(--experience-rgb),.14); border-radius:13px; background:rgba(2,12,24,.54); }
.scene-meeting-body section header { display:flex; justify-content:space-between; font-family:"JetBrains Mono",monospace; font-size:.44rem; }
.scene-meeting-body ol { display:grid; gap:7px; margin:10px 0 0; padding:0; list-style:none; }
.scene-meeting-body li { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:9px; min-height:52px; padding:8px 10px; border:1px solid rgba(126,167,196,.1); border-radius:10px; color:#819ba9; background:rgba(7,24,40,.54); }
.scene-meeting-body li > i { display:grid; place-items:center; width:24px; height:24px; border-radius:7px; background:rgba(var(--experience-rgb),.07); font-family:"JetBrains Mono",monospace; font-size:.42rem; font-style:normal; }
.scene-meeting-body li span { display:flex; flex-direction:column; gap:3px; }.scene-meeting-body li b { color:#dbeef6; font-size:.57rem; }
.scene-meeting-body li small { font-size:.43rem; }.scene-meeting-body li svg { color:#43e3aa; }
.scene-meeting-body li.is-live { border-color:rgba(var(--experience-rgb),.38); box-shadow:inset 3px 0 rgb(var(--experience-rgb)); }
.scene-voice { display:flex; align-items:end; gap:2px; height:18px; }
.scene-voice i { width:3px; border-radius:2px; background:rgb(var(--experience-rgb)); animation:scene-voice 1s ease-in-out infinite alternate; }.scene-voice i:nth-child(1){height:35%}.scene-voice i:nth-child(2){height:95%;animation-delay:.2s}.scene-voice i:nth-child(3){height:60%;animation-delay:.35s}.scene-voice i:nth-child(4){height:80%;animation-delay:.5s}
.scene-meeting-body aside { display:flex; flex-direction:column; background:linear-gradient(145deg,rgba(var(--experience-rgb),.09),rgba(2,12,24,.66)); }
.scene-meeting-body aside > small { color:rgb(var(--experience-rgb)); font-family:"JetBrains Mono",monospace; font-size:.44rem; }
.scene-meeting-body aside h5 { margin:10px 0 0; font-size:1.08rem; line-height:1.12; }
.scene-meeting-body aside p { color:#849eac; font-size:.57rem; line-height:1.55; }
.scene-meeting-body aside > div { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; margin-top:auto; }
.scene-meeting-body aside > div span { display:grid; grid-template-columns:auto 1fr; align-items:center; gap:2px 6px; padding:8px; border:1px solid rgba(var(--experience-rgb),.12); border-radius:9px; }
.scene-meeting-body aside > div svg { grid-row:span 2; color:rgb(var(--experience-rgb)); }.scene-meeting-body aside > div b { font-size:.58rem; }.scene-meeting-body aside > div small { font-size:.4rem; }
.scene-meeting-body aside button { display:flex; align-items:center; justify-content:center; gap:7px; min-height:39px; margin-top:9px; border:1px solid rgba(var(--experience-rgb),.5); border-radius:10px; color:#03121f; background:rgb(var(--experience-rgb)); font-size:.55rem; font-weight:800; }

/* Calendar — animated month and actionable agenda */
.scene-calendar { display:grid; grid-template-rows:auto 1fr; gap:11px; }
.scene-calendar-head { display:grid; grid-template-columns:auto 1fr auto auto; align-items:center; gap:10px; }
.scene-calendar-head button { display:grid; place-items:center; width:30px; height:30px; border:1px solid rgba(var(--experience-rgb),.14); border-radius:9px; color:#9bb3bf; background:rgba(2,12,24,.6); }
.scene-calendar-head > div { display:flex; flex-direction:column; gap:2px; }.scene-calendar-head small { font-family:"JetBrains Mono",monospace; font-size:.43rem; }.scene-calendar-head b { font-size:.68rem; }
.scene-calendar-head > span { display:flex; align-items:center; gap:6px; padding:7px 9px; border:1px solid rgba(var(--experience-rgb),.16); border-radius:99px; color:rgb(var(--experience-rgb)); font-family:"JetBrains Mono",monospace; font-size:.43rem; }
.scene-calendar-head > span i { width:6px; height:6px; border-radius:50%; background:rgb(var(--experience-rgb)); box-shadow:0 0 10px rgb(var(--experience-rgb)); animation:scene-pulse 1.8s infinite; }
.scene-calendar-layout { display:grid; grid-template-columns:1.35fr .65fr; gap:9px; min-height:0; }
.scene-calendar-layout > section,.scene-calendar-layout > aside { padding:11px; border:1px solid rgba(var(--experience-rgb),.14); border-radius:13px; background:rgba(2,12,24,.54); }
.scene-weekdays,.scene-month-grid { display:grid; grid-template-columns:repeat(7,1fr); gap:4px; }
.scene-weekdays span { padding:2px 0 7px; color:#668493; font-family:"JetBrains Mono",monospace; font-size:.42rem; text-align:center; }
.scene-month-grid { position:relative; }
.scene-month-grid > span { position:relative; display:flex; flex-direction:column; min-height:47px; padding:5px; border:1px solid rgba(126,167,196,.08); border-radius:7px; color:#7592a3; background:rgba(7,24,40,.42); font-size:.46rem; }
.scene-month-grid > span:nth-child(-n+4) { opacity:.35; }
.scene-month-grid > span.has-event { border-color:rgba(var(--experience-rgb),.22); color:#dff5ff; background:rgba(var(--experience-rgb),.055); }
.scene-month-grid > span.is-today { outline:1px solid rgb(var(--experience-rgb)); box-shadow:0 0 18px rgba(var(--experience-rgb),.13); }
.scene-month-grid > span i { margin-top:auto; overflow:hidden; color:rgb(var(--experience-rgb)); font-size:.38rem; font-style:normal; text-overflow:ellipsis; white-space:nowrap; }
.scene-calendar-now { position:absolute; z-index:2; top:45%; left:0; width:100%; height:1px; background:linear-gradient(90deg,transparent,#fb7185 20%,#fb7185 75%,transparent); opacity:.7; animation:scene-calendar-line 5s ease-in-out infinite alternate; }
.scene-calendar-layout aside { display:flex; flex-direction:column; gap:7px; }
.scene-calendar-layout aside header { display:flex; justify-content:space-between; font-size:.5rem; }.scene-calendar-layout aside header small { font-family:"JetBrains Mono",monospace; font-size:.4rem; }
.scene-calendar-layout aside article { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:8px; padding:8px; border:1px solid rgba(var(--experience-rgb),.11); border-radius:9px; background:rgba(7,24,40,.58); }
.scene-calendar-layout aside article.is-urgent { border-color:rgba(251,113,133,.3); box-shadow:inset 3px 0 #fb7185; }
.scene-calendar-layout time { display:flex; flex-direction:column; align-items:center; color:#dff6ff; font-family:"JetBrains Mono",monospace; font-size:.62rem; }.scene-calendar-layout time small { font-size:.35rem; }
.scene-calendar-layout aside article div { display:flex; flex-direction:column; gap:4px; min-width:0; }.scene-calendar-layout aside article b { overflow:hidden; font-size:.52rem; text-overflow:ellipsis; white-space:nowrap; }.scene-calendar-layout aside article span { display:flex; align-items:center; gap:5px; color:#7390a0; font-size:.4rem; }.scene-calendar-layout aside article em { font-size:.4rem; }
.scene-calendar-layout aside > button { display:flex; align-items:center; justify-content:center; gap:6px; min-height:35px; margin-top:auto; border:1px dashed rgba(var(--experience-rgb),.24); border-radius:9px; color:rgb(var(--experience-rgb)); background:transparent; font-size:.5rem; }

/* Sources — ingestion pipeline */
.scene-sources { display:grid; grid-template-rows:auto 1fr auto; gap:11px; }
.scene-sources-head { display:flex; align-items:center; justify-content:space-between; gap:12px; }.scene-sources-head > div { display:flex; flex-direction:column; }.scene-sources-head small { font-family:"JetBrains Mono",monospace; font-size:.43rem; }.scene-sources-head > span { display:flex; align-items:center; gap:6px; padding:7px 9px; border-radius:99px; color:rgb(var(--experience-rgb)); background:rgba(var(--experience-rgb),.06); font-family:"JetBrains Mono",monospace; font-size:.42rem; }.scene-sources-head > span i { width:6px;height:6px;border-radius:50%;background:#43e3aa;box-shadow:0 0 10px #43e3aa; }
.scene-sources-pipeline { display:grid; grid-template-columns:1fr 115px .72fr; gap:9px; min-height:0; }
.scene-sources-pipeline > section,.scene-sources-pipeline > aside { display:flex; flex-direction:column; gap:7px; }
.scene-sources-pipeline article { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:8px; padding:9px; border:1px solid rgba(var(--experience-rgb),.12); border-radius:10px; background:rgba(4,18,32,.66); }
.scene-sources-pipeline article.is-live { border-color:rgba(67,227,170,.3); }
.scene-sources-pipeline article > span { display:grid; place-items:center; width:30px; height:30px; border-radius:9px; color:rgb(var(--experience-rgb)); background:rgba(var(--experience-rgb),.08); }
.scene-sources-pipeline article div { display:flex; flex-direction:column; gap:2px; }.scene-sources-pipeline article b { font-size:.54rem; }.scene-sources-pipeline article small,.scene-sources-pipeline article em { font-size:.4rem; }
.scene-sources-pipeline article.is-live em { color:#43e3aa; }
.scene-source-stream { position:relative; display:grid; place-items:center; overflow:hidden; border:1px solid rgba(var(--experience-rgb),.13); border-radius:12px; background:linear-gradient(180deg,rgba(var(--experience-rgb),.08),rgba(2,12,24,.58)); }
.scene-source-stream > span { z-index:2; display:flex; flex-direction:column; align-items:center; gap:5px; color:rgb(var(--experience-rgb)); }.scene-source-stream > span svg { width:28px;height:28px; }.scene-source-stream > span b { font-family:"JetBrains Mono",monospace;font-size:.42rem; }.scene-source-stream > span small { font-size:.35rem; }
.scene-source-stream > i { position:absolute; top:-20%; width:2px; height:28px; border-radius:99px; background:linear-gradient(transparent,rgb(var(--experience-rgb))); animation:scene-source-drop 2.4s linear infinite; }.scene-source-stream > i:nth-child(1){left:24%}.scene-source-stream > i:nth-child(2){left:50%;animation-delay:.7s}.scene-source-stream > i:nth-child(3){left:76%;animation-delay:1.4s}
.scene-source-stream > strong { position:absolute; bottom:0; left:0; width:100%; height:3px; background:linear-gradient(90deg,rgb(var(--experience-rgb)) 82%,rgba(255,255,255,.07) 82%); }
.scene-sources-pipeline > aside article { grid-template-columns:auto 1fr; }.scene-sources-pipeline > aside article b { font-size:.8rem; }.scene-sources-pipeline > aside article small { font-family:"JetBrains Mono",monospace; }
.scene-source-log { display:grid; grid-template-columns:auto 1fr auto auto; align-items:center; gap:9px; padding:8px 10px; border:1px solid rgba(var(--experience-rgb),.12); border-radius:9px; color:#7895a4; background:rgba(2,12,24,.5); font-family:"JetBrains Mono",monospace; font-size:.42rem; }.scene-source-log b { color:#d9edf5; }.scene-source-log em { color:#43e3aa; }.scene-source-log > i { width:6px;height:6px;border-radius:50%;background:#43e3aa;animation:scene-pulse 1.5s infinite; }

/* Vault — a living archive with honest custody states */
/* Inbox — controlled intake, quarantine and an honest operating receipt */
.scene-inbox { display:grid; grid-template-rows:auto auto minmax(0,1fr) auto; gap:10px; min-height:0; }
.scene-inbox-head { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.scene-inbox-head > div { display:flex; flex-direction:column; gap:3px; min-width:0; }
.scene-inbox-head small,.scene-inbox-body header,.scene-inbox-body > aside > small { color:#7898a6; font-family:"JetBrains Mono",monospace; font-size:.41rem; font-weight:800; letter-spacing:.08em; }
.scene-inbox-head b { overflow:hidden; color:#e6f7fd; font-size:.7rem; text-overflow:ellipsis; white-space:nowrap; }
.scene-inbox-head > span { display:inline-flex; align-items:center; gap:7px; min-height:30px; padding:0 10px; border:1px solid rgba(var(--experience-rgb),.25); border-radius:999px; color:rgb(var(--experience-rgb)); background:rgba(var(--experience-rgb),.07); font-family:"JetBrains Mono",monospace; font-size:.39rem; font-weight:800; letter-spacing:.06em; }
.scene-inbox-head > span i { width:6px; height:6px; border-radius:50%; background:#fbbf24; box-shadow:0 0 11px rgba(251,191,36,.78); animation:scene-pulse 1.7s infinite; }
.scene-inbox-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.scene-inbox-stats article { display:grid; grid-template-columns:1fr auto; gap:2px 8px; min-width:0; padding:9px 10px; border:1px solid rgba(var(--experience-rgb),.12); border-radius:10px; background:rgba(4,18,32,.58); }
.scene-inbox-stats small { color:#718f9e; font-family:"JetBrains Mono",monospace; font-size:.36rem; letter-spacing:.07em; }
.scene-inbox-stats b { grid-row:span 2; align-self:center; color:#dff5fc; font-size:.88rem; }
.scene-inbox-stats em { color:#7995a3; font-size:.36rem; }
.scene-inbox-stats article.is-ready { border-color:rgba(67,227,170,.23); background:rgba(67,227,170,.045); }
.scene-inbox-stats article.is-ready b { color:#43e3aa; }
.scene-inbox-stats article.is-skip { border-color:rgba(251,191,36,.23); background:rgba(251,191,36,.045); }
.scene-inbox-stats article.is-skip b { color:#fbbf24; }
.scene-inbox-body { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(180px,.72fr); gap:9px; min-height:0; }
.scene-inbox-body > section,.scene-inbox-body > aside { min-width:0; min-height:0; padding:10px; border:1px solid rgba(var(--experience-rgb),.13); border-radius:13px; background:rgba(2,12,24,.57); }
.scene-inbox-body > section { display:flex; flex-direction:column; gap:7px; }
.scene-inbox-body header { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:20px; }
.scene-inbox-body header em { color:rgb(var(--experience-rgb)); font-size:.34rem; }
.scene-inbox-body section article { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:9px; flex:1 1 0; min-height:0; padding:9px; border:1px solid rgba(var(--experience-rgb),.11); border-radius:10px; background:rgba(7,24,40,.62); }
.scene-inbox-body section article > svg { width:18px; height:18px; color:rgb(var(--experience-rgb)); }
.scene-inbox-body section article > div { display:flex; flex-direction:column; gap:3px; min-width:0; }
.scene-inbox-body section article b,.scene-inbox-body section article small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.scene-inbox-body section article b { color:#dceef5; font-size:.47rem; }
.scene-inbox-body section article small { color:#728f9d; font-size:.36rem; }
.scene-inbox-body section article strong { color:#43e3aa; font-family:"JetBrains Mono",monospace; font-size:.34rem; letter-spacing:.05em; }
.scene-inbox-body section article.is-ready { border-color:rgba(67,227,170,.2); box-shadow:inset 3px 0 #43e3aa; }
.scene-inbox-body section article.is-duplicate { border-color:rgba(251,191,36,.23); box-shadow:inset 3px 0 #fbbf24; }
.scene-inbox-body section article.is-duplicate > svg,.scene-inbox-body section article.is-duplicate strong { color:#fbbf24; }
.scene-inbox-body > aside { display:flex; flex-direction:column; gap:7px; }
.scene-inbox-body > aside > span { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:2px 8px; flex:1 1 0; min-height:0; padding:8px; border:1px solid rgba(var(--experience-rgb),.11); border-radius:9px; background:rgba(var(--experience-rgb),.035); }
.scene-inbox-body > aside > span svg { grid-row:span 2; width:17px; height:17px; color:rgb(var(--experience-rgb)); }
.scene-inbox-body > aside > span b { overflow:hidden; font-size:.43rem; text-overflow:ellipsis; white-space:nowrap; }
.scene-inbox-body > aside > span em { overflow:hidden; color:#7995a3; font-family:"JetBrains Mono",monospace; font-size:.32rem; text-overflow:ellipsis; white-space:nowrap; }
.scene-inbox-body > aside > button { display:flex; align-items:center; justify-content:center; gap:7px; min-height:36px; margin-top:1px; border:1px solid rgba(var(--experience-rgb),.55); border-radius:9px; color:#03121f; background:rgb(var(--experience-rgb)); font-size:.46rem; font-weight:900; box-shadow:0 9px 22px rgba(var(--experience-rgb),.13); }
.scene-inbox-receipt { display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:43px; padding:7px 10px; border:1px solid rgba(67,227,170,.2); border-radius:10px; background:linear-gradient(90deg,rgba(67,227,170,.07),rgba(var(--experience-rgb),.035)); }
.scene-inbox-receipt > span { display:grid; grid-template-columns:auto auto; align-items:center; gap:1px 8px; min-width:0; }
.scene-inbox-receipt svg { grid-row:span 2; width:16px; height:16px; color:#43e3aa; }
.scene-inbox-receipt b { color:#dff8f1; font-size:.43rem; }
.scene-inbox-receipt small { overflow:hidden; color:#7695a2; font-size:.34rem; text-overflow:ellipsis; white-space:nowrap; }
.scene-inbox-receipt > em { flex:0 0 auto; padding:5px 7px; border:1px solid rgba(251,191,36,.2); border-radius:999px; color:#fbbf24; background:rgba(251,191,36,.05); font-family:"JetBrains Mono",monospace; font-size:.31rem; font-weight:800; letter-spacing:.04em; }

.scene-vault { display:grid; grid-template-rows:auto auto minmax(0,1fr) auto; gap:10px; }
.scene-vault-head { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.scene-vault-head > div { display:flex; flex-direction:column; gap:2px; }
.scene-vault-head small,.scene-vault-body > aside > small { color:#7898a6; font-family:"JetBrains Mono",monospace; font-size:.42rem; font-weight:800; letter-spacing:.08em; }
.scene-vault-head b { font-size:.7rem; }
.scene-vault-head > span { display:inline-flex; align-items:center; gap:6px; min-height:30px; padding:0 10px; border:1px solid rgba(67,227,170,.26); border-radius:999px; color:#70edc5; background:rgba(67,227,170,.07); font-family:"JetBrains Mono",monospace; font-size:.4rem; font-weight:800; letter-spacing:.07em; }
.scene-vault-head > span svg { width:14px; height:14px; }
.scene-vault-search { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:9px; min-height:38px; padding:0 11px; border:1px solid rgba(var(--experience-rgb),.21); border-radius:11px; color:#728f9e; background:linear-gradient(90deg,rgba(var(--experience-rgb),.07),rgba(2,12,24,.7)); }
.scene-vault-search > svg { width:16px; height:16px; color:rgb(var(--experience-rgb)); }
.scene-vault-search > span { overflow:hidden; font-size:.48rem; text-overflow:ellipsis; white-space:nowrap; }
.scene-vault-search kbd { padding:4px 7px; border:1px solid rgba(var(--experience-rgb),.16); border-radius:7px; color:#a8c1cd; background:rgba(255,255,255,.035); font-family:"JetBrains Mono",monospace; font-size:.38rem; }
.scene-vault-body { display:grid; grid-template-columns:.72fr 1.55fr 1fr; gap:9px; min-height:0; }
.scene-vault-folders,.scene-vault-list,.scene-vault-custody { min-width:0; min-height:0; padding:10px; border:1px solid rgba(var(--experience-rgb),.13); border-radius:13px; background:rgba(2,12,24,.57); }
.scene-vault-folders { display:flex; flex-direction:column; gap:6px; }
.scene-vault-folders > small,.scene-vault-custody > small { margin-bottom:2px; }
.scene-vault-folders button { display:grid; grid-template-columns:auto 1fr; align-items:center; gap:8px; min-height:38px; padding:7px 8px; border:1px solid transparent; border-radius:9px; color:#7f9aa8; background:transparent; text-align:left; }
.scene-vault-folders button > svg { width:15px; height:15px; }
.scene-vault-folders button > span { display:flex; align-items:center; justify-content:space-between; gap:8px; min-width:0; }
.scene-vault-folders button b { overflow:hidden; color:#bcd2db; font-size:.45rem; text-overflow:ellipsis; white-space:nowrap; }
.scene-vault-folders button em { color:#6f8d9b; font-family:"JetBrains Mono",monospace; font-size:.38rem; }
.scene-vault-folders button.is-active { border-color:rgba(var(--experience-rgb),.32); color:rgb(var(--experience-rgb)); background:rgba(var(--experience-rgb),.09); box-shadow:inset 3px 0 rgb(var(--experience-rgb)); }
.scene-vault-list { display:flex; flex-direction:column; gap:7px; }
.scene-vault-list > header { display:flex; align-items:center; justify-content:space-between; min-height:22px; color:#708b99; font-family:"JetBrains Mono",monospace; font-size:.37rem; }
.scene-vault-list > header em { color:rgb(var(--experience-rgb)); }
.scene-vault-list article { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:9px; min-height:66px; padding:9px; border:1px solid rgba(var(--experience-rgb),.11); border-radius:10px; background:rgba(7,24,40,.62); }
.scene-vault-list article.is-selected { border-color:rgba(var(--experience-rgb),.38); background:linear-gradient(100deg,rgba(var(--experience-rgb),.12),rgba(7,24,40,.72)); box-shadow:inset 3px 0 rgb(var(--experience-rgb)); }
.scene-vault-list article > i { display:grid; place-items:center; width:34px; height:38px; border-radius:9px; color:rgb(var(--experience-rgb)); background:rgba(var(--experience-rgb),.09); font-style:normal; }
.scene-vault-list article > i svg { width:17px; height:17px; }
.scene-vault-list article > div { display:flex; flex-direction:column; gap:3px; min-width:0; }
.scene-vault-list article b { overflow:hidden; color:#e3f3f8; font-size:.49rem; text-overflow:ellipsis; white-space:nowrap; }
.scene-vault-list article small { overflow:hidden; color:#728f9d; font-size:.38rem; text-overflow:ellipsis; white-space:nowrap; }
.scene-vault-list article div > span { display:flex; gap:4px; }
.scene-vault-list article div > span em { padding:3px 5px; border-radius:999px; color:rgb(var(--experience-rgb)); background:rgba(var(--experience-rgb),.075); font-family:"JetBrains Mono",monospace; font-size:.31rem; letter-spacing:.04em; }
.scene-vault-list article > strong { color:#dffcf6; font-family:"JetBrains Mono",monospace; font-size:.54rem; }
.scene-vault-custody { display:flex; flex-direction:column; gap:8px; }
.scene-vault-file { display:grid; grid-template-columns:auto 1fr; align-items:center; gap:3px 8px; padding:9px; border:1px solid rgba(67,227,170,.24); border-radius:10px; background:linear-gradient(145deg,rgba(67,227,170,.09),rgba(2,12,24,.62)); }
.scene-vault-file > span { grid-row:span 2; display:grid; place-items:center; width:34px; height:34px; border-radius:9px; color:#70edc5; background:rgba(67,227,170,.1); }
.scene-vault-file > span svg { width:17px; height:17px; }
.scene-vault-file b { overflow:hidden; font-size:.46rem; text-overflow:ellipsis; white-space:nowrap; }
.scene-vault-file em { color:#70edc5; font-family:"JetBrains Mono",monospace; font-size:.32rem; letter-spacing:.06em; }
.scene-vault-custody ol { display:flex; flex-direction:column; gap:6px; margin:0; padding:0; list-style:none; }
.scene-vault-custody li { display:grid; grid-template-columns:auto 1fr; align-items:center; gap:8px; min-height:44px; padding:7px; border:1px solid rgba(var(--experience-rgb),.1); border-radius:9px; background:rgba(7,24,40,.5); }
.scene-vault-custody li > i { width:8px; height:8px; border:2px solid #55717e; border-radius:50%; }
.scene-vault-custody li.is-done > i { border-color:#43e3aa; background:#43e3aa; box-shadow:0 0 10px rgba(67,227,170,.55); }
.scene-vault-custody li.is-live > i { border-color:rgb(var(--experience-rgb)); background:rgb(var(--experience-rgb)); box-shadow:0 0 12px rgba(var(--experience-rgb),.58); animation:scene-pulse 1.7s infinite; }
.scene-vault-custody li span { display:flex; flex-direction:column; gap:2px; }
.scene-vault-custody li b { font-size:.43rem; }
.scene-vault-custody li small { color:#708d9b; font-size:.35rem; }
.scene-vault-custody > p { display:flex; gap:6px; margin:auto 0 0; padding:7px 8px; border:1px solid rgba(var(--experience-rgb),.11); border-radius:9px; color:#6f8c9a; background:rgba(var(--experience-rgb),.035); font-size:.34rem; line-height:1.45; }
.scene-vault-custody > p svg { flex:0 0 auto; width:13px; height:13px; color:rgb(var(--experience-rgb)); }
.scene-vault-foot { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:7px 9px; border-top:1px solid rgba(var(--experience-rgb),.11); color:#6f8d9b; font-family:"JetBrains Mono",monospace; font-size:.36rem; }
.scene-vault-foot > span { display:flex; align-items:center; gap:6px; }
.scene-vault-foot > span i { width:6px; height:6px; border-radius:50%; background:#43e3aa; box-shadow:0 0 9px #43e3aa; }
.scene-vault-foot b { color:rgb(var(--experience-rgb)); font-size:.35rem; letter-spacing:.06em; }

/* Talent — explainable candidate pipeline */
.scene-talent { display:grid; grid-template-rows:auto 1fr auto; gap:10px; }
.scene-talent-head { display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:9px; }.scene-talent-head > div { display:flex;flex-direction:column;gap:2px; }.scene-talent-head small { font-family:"JetBrains Mono",monospace;font-size:.43rem; }.scene-talent-head > span { padding:7px 9px;border:1px solid rgba(var(--experience-rgb),.14);border-radius:99px;color:rgb(var(--experience-rgb));font-size:.46rem; }.scene-talent-head button { display:flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid rgba(var(--experience-rgb),.14);border-radius:9px;color:#a6bdc8;background:rgba(2,12,24,.6);font-size:.46rem; }
.scene-talent-pipeline { display:grid;grid-template-columns:repeat(3,1fr);gap:8px;min-height:0; }.scene-talent-pipeline section { display:flex;flex-direction:column;gap:7px;padding:10px;border:1px solid rgba(var(--experience-rgb),.12);border-radius:12px;background:rgba(2,12,24,.52); }.scene-talent-pipeline header { display:flex;justify-content:space-between;color:#7592a3;font-family:"JetBrains Mono",monospace;font-size:.43rem; }.scene-talent-pipeline header em { display:grid;place-items:center;width:20px;height:18px;border-radius:99px;background:rgba(var(--experience-rgb),.07); }
.scene-talent-pipeline article { display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:9px;border:1px solid rgba(var(--experience-rgb),.11);border-radius:10px;background:rgba(7,24,40,.63); }.scene-talent-pipeline article.is-featured { border-color:rgba(var(--experience-rgb),.38);box-shadow:inset 3px 0 rgb(var(--experience-rgb)); }.scene-talent-pipeline article div { display:flex;flex-direction:column;gap:3px;min-width:0; }.scene-talent-pipeline article b { overflow:hidden;font-size:.53rem;text-overflow:ellipsis;white-space:nowrap; }.scene-talent-pipeline article small { font-size:.39rem; }.scene-talent-pipeline article > strong { color:rgb(var(--experience-rgb));font-size:.75rem; }.scene-talent-pipeline article div > span { height:3px;margin-top:4px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.055); }.scene-talent-pipeline article div > span i { display:block;width:var(--p);height:100%;background:rgb(var(--experience-rgb)); }
.scene-talent-pipeline article.is-interview { grid-template-columns:auto 1fr auto; }.scene-talent-pipeline article.is-interview > svg { color:rgb(var(--experience-rgb)); }.scene-talent-pipeline section > button { display:flex;align-items:center;justify-content:center;gap:6px;min-height:37px;margin-top:auto;border:1px solid rgba(var(--experience-rgb),.42);border-radius:9px;color:#03121f;background:rgb(var(--experience-rgb));font-size:.5rem;font-weight:800; }
.scene-talent-note { display:flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid rgba(var(--experience-rgb),.12);border-radius:10px;background:rgba(var(--experience-rgb),.035); }.scene-talent-note > svg { color:rgb(var(--experience-rgb)); }.scene-talent-note span { display:flex;flex-direction:column;gap:2px; }.scene-talent-note b { font-size:.5rem; }.scene-talent-note small { font-size:.42rem; }

/* Trust — visible chain of custody */
.scene-trust { display:grid;grid-template-rows:auto 1fr;gap:13px; }
.scene-trust-chain { display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:7px; }.scene-trust-chain > span { display:flex;flex-direction:column;align-items:center;gap:3px;min-width:66px;padding:9px 7px;border:1px solid rgba(var(--experience-rgb),.14);border-radius:10px;background:rgba(2,12,24,.6); }.scene-trust-chain > span svg { color:rgb(var(--experience-rgb)); }.scene-trust-chain > span b { font-family:"JetBrains Mono",monospace;font-size:.4rem; }.scene-trust-chain > span small { font-size:.36rem; }.scene-trust-chain > span.is-verified { border-color:rgba(67,227,170,.28); }.scene-trust-chain > span.is-live { box-shadow:0 0 22px rgba(var(--experience-rgb),.13); }
.scene-trust-chain > i { position:relative;height:1px;background:rgba(var(--experience-rgb),.18); }.scene-trust-chain > i b { position:absolute;top:-3px;left:0;width:7px;height:7px;border-radius:50%;background:rgb(var(--experience-rgb));box-shadow:0 0 10px rgb(var(--experience-rgb));animation:scene-trust-travel 2.6s linear infinite; }
.scene-trust-body { display:grid;grid-template-columns:1.35fr .65fr;gap:9px;min-height:0; }.scene-trust-body > section,.scene-trust-body > aside { padding:12px;border:1px solid rgba(var(--experience-rgb),.14);border-radius:13px;background:rgba(2,12,24,.55); }.scene-trust-body header { display:flex;align-items:center;justify-content:space-between; }.scene-trust-body header > div { display:flex;flex-direction:column; }.scene-trust-body header small { font-family:"JetBrains Mono",monospace;font-size:.42rem; }.scene-trust-body header > span { display:flex;align-items:center;gap:6px;color:#43e3aa;font-family:"JetBrains Mono",monospace;font-size:.4rem; }
.scene-trust-body ol { display:grid;gap:0;margin:11px 0 0;padding:0;list-style:none; }.scene-trust-body li { display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:9px;min-height:67px;border-bottom:1px solid rgba(126,167,196,.1); }.scene-trust-body li:last-child { border-bottom:0; }.scene-trust-body time { color:#7895a4;font-family:"JetBrains Mono",monospace;font-size:.4rem; }.scene-trust-body li > i { width:8px;height:8px;border:2px solid rgb(var(--experience-rgb));border-radius:50%;background:#061426;box-shadow:0 0 0 5px rgba(var(--experience-rgb),.06); }.scene-trust-body li span { display:flex;flex-direction:column;gap:3px; }.scene-trust-body li b { font-size:.54rem; }.scene-trust-body li small { font-size:.4rem; }.scene-trust-body li > em { color:#43e3aa; }.scene-trust-body li.is-current > i { background:rgb(var(--experience-rgb));animation:scene-pulse 1.5s infinite; }
.scene-trust-body > aside { display:grid;grid-template-columns:1fr 1fr;gap:7px; }.scene-trust-body > aside span { display:flex;flex-direction:column;justify-content:center;gap:5px;padding:10px;border:1px solid rgba(var(--experience-rgb),.12);border-radius:10px;background:rgba(var(--experience-rgb),.035); }.scene-trust-body > aside svg { color:rgb(var(--experience-rgb)); }.scene-trust-body > aside b { font-size:.51rem; }.scene-trust-body > aside small { font-size:.39rem; }

/* Downloads — active delivery queue */
.scene-downloads { display:grid;grid-template-rows:auto 1fr auto;gap:11px; }.scene-downloads-head { display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px; }.scene-downloads-head > div { display:flex;flex-direction:column; }.scene-downloads-head small { font-family:"JetBrains Mono",monospace;font-size:.43rem; }.scene-downloads-head > span { display:flex;align-items:center;gap:6px;color:#7895a4;font-size:.45rem; }.scene-downloads-head > button { display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(var(--experience-rgb),.14);border-radius:9px;color:#9ab2be;background:rgba(2,12,24,.6); }
.scene-file-stack { display:grid;gap:8px; }.scene-file-stack article { display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:11px;padding:11px;border:1px solid rgba(var(--experience-rgb),.13);border-radius:12px;background:rgba(4,18,32,.64); }.scene-file-stack article.is-new { border-color:rgba(var(--experience-rgb),.34);box-shadow:inset 3px 0 rgb(var(--experience-rgb)); }.scene-file-icon { display:grid;place-items:center;width:42px;height:46px;border-radius:9px;color:#fff;font-family:"JetBrains Mono",monospace;font-size:.47rem;font-weight:900; }.scene-file-icon.is-pdf{background:linear-gradient(145deg,#fb7185,#be123c)}.scene-file-icon.is-xls{background:linear-gradient(145deg,#43e3aa,#047857)}.scene-file-icon.is-zip{background:linear-gradient(145deg,#8b5cf6,#5b21b6)}
.scene-file-stack article > div { display:flex;flex-direction:column;gap:4px;min-width:0; }.scene-file-stack article b { overflow:hidden;font-size:.59rem;text-overflow:ellipsis;white-space:nowrap; }.scene-file-stack article small { font-size:.42rem; }.scene-file-stack article div > i { display:block;height:3px;margin-top:4px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.055); }.scene-file-stack article div > i em { display:block;width:var(--p);height:100%;background:rgb(var(--experience-rgb)); }.scene-file-stack article.is-loading div > i em { animation:scene-download-progress 2.2s ease-in-out infinite; }
.scene-file-stack article > strong { color:rgb(var(--experience-rgb));font-family:"JetBrains Mono",monospace;font-size:.42rem; }.scene-file-stack article > button { display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(var(--experience-rgb),.16);border-radius:9px;color:rgb(var(--experience-rgb));background:rgba(var(--experience-rgb),.06); }
.scene-downloads-summary { display:grid;grid-template-columns:repeat(3,1fr);gap:8px; }.scene-downloads-summary span { display:grid;grid-template-columns:auto auto;align-items:center;justify-content:center;gap:2px 7px;padding:8px;border:1px solid rgba(var(--experience-rgb),.11);border-radius:10px;background:rgba(var(--experience-rgb),.035); }.scene-downloads-summary svg { grid-row:span 2;color:rgb(var(--experience-rgb)); }.scene-downloads-summary b { font-size:.62rem; }.scene-downloads-summary small { font-size:.4rem; }

/* Progress — level, milestones and streak */
.scene-progress { display:grid;grid-template-rows:1fr auto auto;gap:10px; }.scene-progress-main { display:grid;grid-template-columns:auto 1fr;align-items:center;gap:22px;padding:15px;border:1px solid rgba(var(--experience-rgb),.15);border-radius:14px;background:linear-gradient(145deg,rgba(var(--experience-rgb),.08),rgba(2,12,24,.58)); }.scene-progress-ring { position:relative;display:grid;place-items:center;width:150px;height:150px;border-radius:50%;background:conic-gradient(rgb(var(--experience-rgb)) calc(var(--progress)*1%),rgba(255,255,255,.055) 0);box-shadow:0 0 34px rgba(var(--experience-rgb),.12);animation:scene-donut-in 1.2s var(--ease) both; }.scene-progress-ring::before { content:"";grid-area:1/1;width:118px;height:118px;border-radius:50%;background:#061426;box-shadow:inset 0 0 28px rgba(0,0,0,.5); }.scene-progress-ring > span { z-index:1;grid-area:1/1;display:flex;flex-direction:column;align-items:center; }.scene-progress-ring small { font-family:"JetBrains Mono",monospace;font-size:.4rem; }.scene-progress-ring strong { font-size:2.2rem;line-height:1; }.scene-progress-ring em { margin-top:4px;color:rgb(var(--experience-rgb));font-family:"JetBrains Mono",monospace;font-size:.44rem; }.scene-progress-ring > i { position:absolute;top:-4px;width:10px;height:10px;border-radius:50%;background:rgb(var(--experience-rgb));box-shadow:0 0 16px rgb(var(--experience-rgb));animation:scene-pulse 1.6s infinite; }
.scene-progress-main > div { min-width:0; }.scene-progress-main > div > small { color:rgb(var(--experience-rgb));font-family:"JetBrains Mono",monospace;font-size:.43rem; }.scene-progress-main h5 { margin:8px 0 0;font-size:1.14rem;line-height:1.12; }.scene-progress-main p { margin:8px 0 0;color:#819cab;font-size:.55rem;line-height:1.5; }.scene-xp-track { position:relative;height:5px;margin-top:16px;border-radius:99px;background:rgba(255,255,255,.06); }.scene-xp-track > i { display:block;width:var(--p);height:100%;border-radius:inherit;background:linear-gradient(90deg,#facc15,rgb(var(--experience-rgb)));box-shadow:0 0 14px rgba(var(--experience-rgb),.25); }.scene-xp-track span,.scene-xp-track em { position:absolute;top:9px;font-family:"JetBrains Mono",monospace;font-size:.39rem; }.scene-xp-track span{left:0}.scene-xp-track em{right:0}
.scene-milestones { display:grid;grid-template-columns:repeat(3,1fr);gap:7px; }.scene-milestones article { position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:9px;border:1px solid rgba(var(--experience-rgb),.11);border-radius:10px;background:rgba(4,18,32,.58); }.scene-milestones article > svg:first-child { color:rgb(var(--experience-rgb)); }.scene-milestones article span { display:flex;flex-direction:column;gap:2px; }.scene-milestones article b { font-size:.46rem; }.scene-milestones article small { font-size:.37rem; }.scene-milestones article.is-done > svg:last-child { color:#43e3aa; }.scene-milestone-pulse { width:8px;height:8px;border-radius:50%;background:rgb(var(--experience-rgb));box-shadow:0 0 12px rgb(var(--experience-rgb));animation:scene-pulse 1.5s infinite; }
.scene-streak { display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border:1px solid rgba(var(--experience-rgb),.11);border-radius:10px;background:rgba(var(--experience-rgb),.035); }.scene-streak > span { display:grid;grid-template-columns:auto auto;align-items:center;gap:1px 7px; }.scene-streak > span svg { grid-row:span 2;color:#fb923c; }.scene-streak > span b { font-size:.54rem; }.scene-streak > span small { font-size:.38rem; }.scene-streak > div { display:flex;gap:5px; }.scene-streak > div i { display:grid;place-items:center;width:22px;height:22px;border:1px solid rgba(126,167,196,.13);border-radius:7px;color:#668493;font-family:"JetBrains Mono",monospace;font-size:.39rem;font-style:normal; }.scene-streak > div i.is-done { color:#071a22;background:#43e3aa; }.scene-streak > div i.is-live { color:#071a22;background:rgb(var(--experience-rgb));box-shadow:0 0 12px rgba(var(--experience-rgb),.3); }

/* Hub — orbiting integrations and shared context */
.scene-hub { display:grid;grid-template-rows:auto 1fr auto;gap:10px; }.scene-hub-status { display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:9px 11px;border:1px solid rgba(var(--experience-rgb),.12);border-radius:10px;background:rgba(2,12,24,.52);font-size:.47rem; }.scene-hub-status span { display:flex;align-items:center;gap:7px;color:#b7cbd5; }.scene-hub-status span i { width:6px;height:6px;border-radius:50%;background:#43e3aa;box-shadow:0 0 11px #43e3aa;animation:scene-pulse 1.7s infinite; }.scene-hub-status b { color:rgb(var(--experience-rgb)); }.scene-hub-canvas { position:relative;min-height:310px;overflow:hidden;border:1px solid rgba(var(--experience-rgb),.13);border-radius:15px;background:radial-gradient(circle at 50% 50%,rgba(var(--experience-rgb),.14),transparent 32%),radial-gradient(circle,rgba(126,167,196,.1) 1px,transparent 1px);background-size:auto,20px 20px; }.scene-hub-core { position:absolute;z-index:3;top:50%;left:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;width:128px;height:128px;border:1px solid rgba(var(--experience-rgb),.5);border-radius:50%;color:rgb(var(--experience-rgb));background:rgba(4,20,36,.96);box-shadow:0 0 50px rgba(var(--experience-rgb),.2);transform:translate(-50%,-50%); }.scene-hub-core svg { width:30px;height:30px; }.scene-hub-core b { margin-top:7px;font-size:.58rem; }.scene-hub-core small { margin-top:3px;font-family:"JetBrains Mono",monospace;font-size:.36rem; }.scene-hub-orbit { position:absolute;top:50%;left:50%;border:1px solid rgba(var(--experience-rgb),.16);border-radius:50%;transform:translate(-50%,-50%); }.scene-hub-orbit.orbit-one { width:310px;height:180px;animation:scene-orbit 18s linear infinite; }.scene-hub-orbit.orbit-two { width:430px;height:260px;animation:scene-orbit-reverse 24s linear infinite; }
.scene-hub-app { position:absolute;z-index:2;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;min-width:96px;padding:9px;border:1px solid rgba(var(--experience-rgb),.17);border-radius:10px;color:#dceef6;background:rgba(5,21,37,.94);box-shadow:0 10px 24px rgba(0,0,0,.28);font-size:.48rem; }.scene-hub-app > svg { color:rgb(var(--experience-rgb)); }.scene-hub-app > i { width:6px;height:6px;border-radius:50%;background:#43e3aa;box-shadow:0 0 9px #43e3aa; }.scene-hub-app.app-a{top:12%;left:8%}.scene-hub-app.app-b{top:9%;right:9%}.scene-hub-app.app-c{top:45%;right:4%}.scene-hub-app.app-d{bottom:10%;right:13%}.scene-hub-app.app-e{bottom:9%;left:12%}.scene-hub-app.app-f{top:46%;left:4%}
.scene-hub-packet { position:absolute;z-index:1;width:7px;height:7px;border-radius:50%;background:rgb(var(--experience-rgb));box-shadow:0 0 12px rgb(var(--experience-rgb));animation:scene-hub-packet 4s var(--ease) infinite; }.scene-hub-packet.packet-a{top:18%;left:20%}.scene-hub-packet.packet-b{right:20%;bottom:17%;animation-delay:1.5s}
.scene-hub-foot { display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:9px; }.scene-hub-foot > span { display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2px 7px;padding:8px;border:1px solid rgba(var(--experience-rgb),.11);border-radius:9px;background:rgba(var(--experience-rgb),.035); }.scene-hub-foot > span svg { grid-row:span 2;color:rgb(var(--experience-rgb)); }.scene-hub-foot > span b { font-size:.46rem; }.scene-hub-foot > span small { font-size:.37rem; }.scene-hub-foot button { display:flex;align-items:center;gap:6px;min-height:38px;padding:0 11px;border:1px solid rgba(var(--experience-rgb),.42);border-radius:9px;color:#03121f;background:rgb(var(--experience-rgb));font-size:.48rem;font-weight:800; }

/* Dense module polish — purposeful use of space without changing the shell */
.scene-center { min-height: 430px; }
.scene-kanban > section { min-height: 0; }
.scene-kanban article { flex: 1 1 0; min-height: 76px; }
.scene-kanban > section > button { flex: 0 0 40px; min-height: 40px; }

.scene-presence { display: inline-flex; align-items: center; gap: 9px; min-height: 36px; padding: 4px 8px 4px 10px; border: 1px solid rgba(var(--experience-rgb), .18); border-radius: 999px; background: rgba(2, 12, 24, .68); box-shadow: inset 0 1px rgba(255,255,255,.035); }
.scene-presence-stack { display: flex; align-items: center; padding-left: 5px; }
.scene-presence-stack .scene-avatar { margin-left: -5px; border: 2px solid #061426; }
.scene-presence-stack .scene-avatar:first-child { margin-left: 0; }
.scene-presence-stack .scene-avatar.is-more { color: #dff8ff; background: rgba(var(--experience-rgb), .2); }
.scene-workspace-head .scene-presence > em { margin-left: 0; padding-left: 9px; border-left: 1px solid rgba(var(--experience-rgb), .14); }
.scene-workspace-head .scene-presence > em > span { display: flex; align-items: baseline; gap: 4px; color: #87a4b3; }
.scene-workspace-head .scene-presence > em b { color: #e6f8ff; font-size: .62rem; }

.scene-meeting-top { grid-template-columns: 1fr auto; }
.scene-meeting-meta { display: inline-flex !important; align-items: center; gap: 10px; min-height: 38px; padding: 4px 8px 4px 11px; border: 1px solid rgba(var(--experience-rgb), .2); border-radius: 999px; background: rgba(var(--experience-rgb), .055); }
.scene-meeting-meta > time { display: flex; align-items: center; gap: 6px; color: #f7c95d; font-family: "JetBrains Mono", monospace; font-size: .54rem; }
.scene-meeting-meta > time small { padding: 4px 5px; border-radius: 99px; color: #07141e; background: rgb(var(--experience-rgb)); font-size: .36rem; }

.scene-calendar-layout > section { display: grid; grid-template-rows: auto 1fr; min-height: 0; }
.scene-month-grid { grid-auto-rows: minmax(42px, 1fr); min-height: 0; }
.scene-month-grid > span { min-height: 0; padding: 6px; }
.scene-month-grid > span.has-event::after { content: ""; position: absolute; top: 6px; right: 6px; width: 5px; height: 5px; border-radius: 50%; background: rgb(var(--experience-rgb)); box-shadow: 0 0 10px rgba(var(--experience-rgb), .72); animation: scene-pulse 2.1s ease-in-out infinite; }
.scene-month-grid > span.is-today { background: linear-gradient(145deg, rgba(var(--experience-rgb),.16), rgba(2,12,24,.72)); }

.scene-sources-pipeline { grid-template-columns: .92fr 1.08fr .82fr; }
.scene-sources-pipeline > section,
.scene-sources-pipeline > aside { min-height: 0; }
.scene-sources-pipeline article { flex: 1 1 0; min-height: 0; }
.scene-source-stream { display: grid; grid-template-rows: auto 1fr auto; align-content: stretch; gap: 12px; min-height: 0; padding: 13px; }
.scene-source-core { z-index: 2; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 9px; padding: 10px; border: 1px solid rgba(var(--experience-rgb),.2); border-radius: 11px; background: rgba(3,17,31,.76); }
.scene-source-core > svg { width: 25px; height: 25px; color: rgb(var(--experience-rgb)); }
.scene-source-core > span { display: flex; flex-direction: column; gap: 3px; }
.scene-source-core b { font-family: "JetBrains Mono", monospace; font-size: .48rem; }
.scene-source-core small { color: #7592a3; font-size: .36rem; }
.scene-source-core em { color: rgb(var(--experience-rgb)); font-family: "JetBrains Mono", monospace; font-size: .68rem; font-weight: 800; }
.scene-source-steps { z-index: 2; display: grid; gap: 7px; }
.scene-source-steps > span { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 8px; padding: 9px; border: 1px solid rgba(var(--experience-rgb),.11); border-radius: 10px; color: #7895a4; background: rgba(4,18,32,.62); }
.scene-source-steps > span svg { color: #7895a4; }
.scene-source-steps > span b { color: #cfe5ee; font-size: .48rem; }
.scene-source-steps > span small { font-family: "JetBrains Mono", monospace; font-size: .4rem; }
.scene-source-steps > span.is-done { border-color: rgba(67,227,170,.2); }
.scene-source-steps > span.is-done svg { color: #43e3aa; }
.scene-source-steps > span.is-live { border-color: rgba(var(--experience-rgb),.42); box-shadow: inset 3px 0 rgb(var(--experience-rgb)); }
.scene-source-steps > span.is-live svg { color: rgb(var(--experience-rgb)); }
.scene-source-progress { z-index: 2; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 8px; color: #7895a4; font-size: .4rem; }
.scene-source-progress > i { height: 4px; overflow: hidden; border-radius: 99px; background: rgba(255,255,255,.06); }
.scene-source-progress > i::after { content: ""; display: block; width: 82%; height: 100%; border-radius: inherit; background: rgb(var(--experience-rgb)); animation: scene-source-progress 2.8s ease-in-out infinite alternate; }
.scene-source-stream > .source-particle { position: absolute; top: -18px; width: 3px; height: 34px; border-radius: 99px; background: linear-gradient(transparent, rgb(var(--experience-rgb))); animation: scene-source-drop 2.7s linear infinite; }
.scene-source-stream > .particle-a { left: 22%; }
.scene-source-stream > .particle-b { left: 52%; animation-delay: .8s; }
.scene-source-stream > .particle-c { left: 79%; animation-delay: 1.55s; }
.scene-source-stream > strong,
.scene-source-stream > i:not(.source-particle),
.scene-source-stream > span { display: none; }
.scene-source-ready { border-color: rgba(67,227,170,.24) !important; }

.scene-talent-pipeline section { min-height: 0; }
.scene-talent-pipeline article { flex: 1 1 0; min-height: 0; }
.scene-talent-pipeline section > button { flex: 0 0 37px; }

.scene-trust { grid-template-rows: auto 1fr auto; min-height: 0; }
.scene-trust-chain > span { min-width: 78px; padding: 11px 9px; }
.scene-trust-chain > span svg { width: 19px; height: 19px; }
.scene-trust-chain > span b { font-size: .47rem; }
.scene-trust-chain > span small { font-size: .4rem; }
.scene-trust-body > section,
.scene-trust-body > aside { padding: 14px; }
.scene-trust-body header b { margin-top: 3px; font-size: .78rem; }
.scene-trust-body header small,
.scene-trust-body header > span { font-size: .45rem; }
.scene-trust-body li { min-height: 52px; }
.scene-trust-body time { font-size: .43rem; }
.scene-trust-body li b { font-size: .59rem; }
.scene-trust-body li small { color: #7895a4; font-size: .43rem; }
.scene-trust-body > aside span { padding: 13px; }
.scene-trust-body > aside svg { width: 19px; height: 19px; }
.scene-trust-body > aside b { font-size: .58rem; }
.scene-trust-body > aside small { color: #7895a4; font-size: .43rem; }
.scene-trust-assurance { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }
.scene-trust-assurance > span { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 2px 8px; padding: 9px 11px; border: 1px solid rgba(var(--experience-rgb),.13); border-radius: 10px; background: rgba(var(--experience-rgb),.04); }
.scene-trust-assurance svg { grid-row: span 2; color: rgb(var(--experience-rgb)); }
.scene-trust-assurance b { font-size: .5rem; }
.scene-trust-assurance small { color: #7895a4; font-size: .4rem; }

@property --donut-fill {
    syntax: "<number>";
    inherits: false;
    initial-value: 0;
}

@keyframes scene-pulse { 0%,100%{opacity:.45;transform:scale(.88)}50%{opacity:1;transform:scale(1.12)} }
@keyframes scene-context-travel { from{transform:translateX(0)}to{transform:translateX(455%)} }
@keyframes scene-bar-grow { from{transform:scaleY(.06);opacity:.2}to{transform:scaleY(1);opacity:1} }
@keyframes scene-bar-live { 0%{transform:scaleY(.58);filter:saturate(.86)} 45%{transform:scaleY(.9);filter:saturate(1.05)} 100%{transform:scaleY(1);filter:saturate(1.18)} }
@keyframes scene-chart-scan { from{transform:translateX(0)}to{transform:translateX(620%)} }
@keyframes scene-donut-in { from{opacity:.1;transform:rotate(-70deg) scale(.72)}to{opacity:1;transform:rotate(0) scale(1)} }
@keyframes scene-donut-fill { from{--donut-fill:0} to{--donut-fill:72} }
@keyframes scene-map-flow { from{transform:translate(0,0);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translate(var(--flow-x),var(--flow-y));opacity:0} }
@keyframes scene-voice { from{transform:scaleY(.45)}to{transform:scaleY(1.15)} }
@keyframes scene-calendar-line { from{transform:translateY(-18px)}to{transform:translateY(18px)} }
@keyframes scene-source-drop { from{transform:translateY(0);opacity:0}15%{opacity:1}to{transform:translateY(360px);opacity:0} }
@keyframes scene-source-progress { from{width:52%;filter:brightness(.82)} to{width:82%;filter:brightness(1.35)} }
@keyframes scene-trust-travel { from{transform:translateX(0);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translateX(700%);opacity:0} }
@keyframes scene-download-progress { 0%,100%{filter:brightness(.85)}50%{filter:brightness(1.65)} }
@keyframes scene-orbit { to{transform:translate(-50%,-50%) rotate(360deg)} }
@keyframes scene-orbit-reverse { to{transform:translate(-50%,-50%) rotate(-360deg)} }
@keyframes scene-hub-packet { 0%{transform:translate(0,0);opacity:0}20%{opacity:1}50%{transform:translate(170px,105px);opacity:1}100%{transform:translate(340px,205px);opacity:0} }

.ecosystem-immersive-foot {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 24px;
    min-height: 92px;
    padding: 16px 24px;
    border-top: 1px solid var(--panel-line);
    background: rgba(3, 14, 27, .91);
    backdrop-filter: blur(18px);
}

.ecosystem-flow { display: flex; align-items: center; min-width: 0; overflow: hidden; }
.ecosystem-flow > span { display: flex; align-items: center; gap: 9px; min-width: 0; padding: 9px 12px; border: 1px solid rgba(var(--experience-rgb), .12); border-radius: 11px; background: rgba(var(--experience-rgb), .035); }
.ecosystem-flow > span i { display: grid; flex: 0 0 auto; place-items: center; width: 23px; height: 23px; border-radius: 7px; color: rgb(var(--experience-rgb)); background: rgba(var(--experience-rgb), .09); font-family: "JetBrains Mono", monospace; font-size: .45rem; font-style: normal; font-weight: 800; }
.ecosystem-flow > span b { overflow: hidden; font-size: .66rem; text-overflow: ellipsis; white-space: nowrap; }
.ecosystem-flow > svg { flex: 0 0 auto; width: 14px; height: 14px; margin: 0 7px; color: rgba(var(--experience-rgb), .42); }

.ecosystem-immersive-nav { display: flex; gap: 9px; }
.ecosystem-immersive-nav button { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 16px; border: 1px solid rgba(var(--experience-rgb), .19); border-radius: 12px; color: #bbd0dc; background: rgba(var(--experience-rgb), .045); font-size: .68rem; font-weight: 800; cursor: pointer; transition: color .2s ease, background .2s ease, border-color .2s ease, transform .2s var(--ease); }
.ecosystem-immersive-nav button:last-child { color: #04121f; border-color: rgba(var(--experience-rgb), .7); background: linear-gradient(100deg, rgb(var(--experience-rgb)), rgba(var(--experience-rgb), .72)); box-shadow: 0 12px 26px rgba(var(--experience-rgb), .13); }
.ecosystem-immersive-nav button:hover { transform: translateY(-2px); color: #fff; border-color: rgba(var(--experience-rgb), .48); }
.ecosystem-immersive-nav button:last-child:hover { color: #02101b; }
.ecosystem-immersive-nav svg { width: 15px; height: 15px; }

.ecosystem-immersive-panel.is-switching .ecosystem-immersive-kicker,
.ecosystem-immersive-panel.is-switching .ecosystem-immersive-copy h3,
.ecosystem-immersive-panel.is-switching .ecosystem-immersive-lead,
.ecosystem-immersive-panel.is-switching .ecosystem-capability-grid article,
.ecosystem-immersive-panel.is-switching .ecosystem-module-visual,
.ecosystem-immersive-panel.is-switching .ecosystem-live-summary,
.ecosystem-immersive-panel.is-switching .ecosystem-live-items article {
    animation: ecosystem-content-enter .58s var(--ease) both;
    animation-delay: var(--item-delay, 0ms);
}

.ecosystem-immersive-panel.is-switching .ecosystem-immersive-copy h3 { animation-delay: 45ms; }
.ecosystem-immersive-panel.is-switching .ecosystem-immersive-lead { animation-delay: 85ms; }
.ecosystem-immersive-panel.is-switching .ecosystem-live-summary { animation-delay: 70ms; }

@keyframes ecosystem-content-enter {
    from { opacity: 0; filter: blur(8px); transform: translateY(14px); }
    to { opacity: 1; filter: blur(0); transform: translateY(0); }
}

@keyframes ecosystem-live-scan {
    0%, 62% { transform: translateX(-100%); }
    82%, 100% { transform: translateX(100%); }
}

.deliverable-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border: 1px solid var(--line);
    border-radius: 26px;
    background: rgba(5, 18, 32, .72);
    box-shadow: var(--shadow);
}

.deliverable-grid article {
    min-height: 310px;
    padding: 28px;
    border-right: 1px solid var(--line);
}

.deliverable-grid article:last-child { border-right: 0; }
.deliverable-icon { display: grid; place-items: center; width: 48px; height: 48px; margin-bottom: 34px; border: 1px solid rgba(36, 212, 231, .22); border-radius: 14px; color: var(--cyan-2); background: rgba(36, 212, 231, .06); }
.deliverable-icon svg { width: 24px; height: 24px; }
.deliverable-grid h3 { margin: 10px 0 0; font-size: 1.45rem; letter-spacing: -.04em; }
.deliverable-grid p { margin: 14px 0 0; color: var(--muted); font-size: .82rem; line-height: 1.65; }

.trust-layout {
    display: grid;
    grid-template-columns: minmax(0, .8fr) minmax(520px, 1.2fr);
    align-items: center;
    gap: clamp(56px, 8vw, 120px);
}

.trust-copy .button { margin-top: 28px; }

.trust-principles {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.trust-principles article {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    min-height: 142px;
    padding: 20px;
    border: 1px solid var(--line);
    border-radius: 18px;
    background: rgba(6, 22, 39, .74);
}

.trust-principles svg { flex: 0 0 auto; width: 24px; height: 24px; color: var(--cyan-2); }
.trust-principles div { display: flex; flex-direction: column; gap: 8px; }
.trust-principles strong { font-size: .84rem; }
.trust-principles span { color: var(--muted); font-size: .74rem; line-height: 1.5; }

.trust-details {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-top: 22px;
}

.trust-details article {
    padding: 20px;
    border: 1px solid rgba(36, 212, 231, .18);
    border-radius: 16px;
    background: rgba(36, 212, 231, .04);
}

.trust-details p { margin: 10px 0 0; color: var(--muted); font-size: .75rem; line-height: 1.58; }

.plan-finder {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    padding: 10px;
    border: 1px solid var(--line);
    border-radius: 20px;
    background: rgba(5, 18, 32, .72);
}

.plan-finder button {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 74px;
    padding: 12px 15px;
    border: 1px solid transparent;
    border-radius: 14px;
    color: var(--dim);
    background: transparent;
    text-align: left;
    cursor: pointer;
}

.plan-finder button:hover,
.plan-finder button.is-active {
    border-color: rgba(36, 212, 231, .28);
    color: #ecfbff;
    background: rgba(36, 212, 231, .06);
}

.plan-finder button > svg { flex: 0 0 auto; width: 22px; height: 22px; color: var(--cyan-2); }
.plan-finder button span { display: flex; flex-direction: column; }
.plan-finder strong { font-size: .77rem; }
.plan-finder small { color: var(--dim); font-family: "JetBrains Mono", monospace; font-size: .58rem; }

.pricing-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 24px;
}

.pricing-toolbar p { margin: 0; color: var(--muted); font-size: .82rem; }
.pricing-toolbar strong { color: var(--cyan-2); }

.billing-toggle {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
    padding: 5px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: rgba(5, 18, 32, .82);
}

.billing-toggle button {
    display: flex;
    align-items: center;
    gap: 7px;
    min-height: 38px;
    padding: 0 13px;
    border: 0;
    border-radius: 999px;
    color: var(--dim);
    background: transparent;
    font-size: .7rem;
    font-weight: 800;
    cursor: pointer;
}

.billing-toggle button.is-active {
    color: #001118;
    background: var(--cyan-2);
}

.billing-toggle small {
    padding: 3px 5px;
    border-radius: 999px;
    color: #caffea;
    background: rgba(52, 211, 153, .12);
    font-size: .5rem;
}

.billing-toggle button.is-active small { color: #07513a; background: rgba(1, 29, 22, .12); }

.plan-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    margin-top: 22px;
}

.plan-card {
    --plan-rgb: 36, 212, 231;
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 540px;
    padding: 24px;
    overflow: hidden;
    border: 1px solid rgba(var(--plan-rgb), .24);
    border-radius: 22px;
    background:
        radial-gradient(circle at 92% 4%, rgba(var(--plan-rgb), .17), transparent 34%),
        linear-gradient(150deg, rgba(var(--plan-rgb), .09), rgba(4, 14, 27, .95) 58%);
    transition: transform .2s var(--ease), border-color .2s ease, box-shadow .2s ease;
}

.plan-card::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 3px;
    background: linear-gradient(90deg, rgb(var(--plan-rgb)), rgba(var(--plan-rgb), .28) 62%, transparent);
}

.plan-card[data-plan="start"] { --plan-rgb: 52, 211, 153; }
.plan-card[data-plan="pro"] { --plan-rgb: 79, 140, 255; }
.plan-card[data-plan="business"] { --plan-rgb: 245, 158, 11; }
.plan-card[data-plan="scale"] { --plan-rgb: 236, 72, 153; }
.plan-card[data-plan="infinity"] { --plan-rgb: 155, 108, 255; }

.plan-grid .plan-card:hover,
.plan-grid .plan-card.is-recommended {
    border-color: rgba(var(--plan-rgb), .58);
    transform: translateY(-4px);
    box-shadow: 0 24px 60px rgba(0, 0, 0, .3), 0 0 42px rgba(var(--plan-rgb), .1);
}

.plan-card header { display: flex; align-items: center; gap: 12px; }
.plan-card header > div { display: grid; gap: 3px; }
.plan-index { display: grid; flex: 0 0 auto; place-items: center; width: 36px; height: 36px; border: 1px solid rgba(var(--plan-rgb), .3); border-radius: 11px; color: rgb(var(--plan-rgb)); background: rgba(var(--plan-rgb), .09); font-family: "JetBrains Mono", monospace; font-size: .62rem; font-weight: 800; }
.plan-tier { color: rgba(var(--plan-rgb), .92); font-family: "JetBrains Mono", monospace; font-size: .49rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.plan-card h3 { margin: 0; font-size: 1.36rem; }
.plan-price { display: flex; align-items: end; gap: 5px; margin-top: 24px; }
.plan-price strong { color: rgb(var(--plan-rgb)); font-size: 3.35rem; line-height: .9; letter-spacing: -.07em; text-shadow: 0 0 28px rgba(var(--plan-rgb), .16); }
.plan-price span { color: var(--dim); font-size: .7rem; }
.plan-card > p { min-height: 42px; margin: 14px 0 0; color: var(--muted); font-size: .8rem; line-height: 1.5; }
.plan-capacity { display: grid; gap: 10px; margin-top: 14px; padding: 14px; border: 1px solid rgba(var(--plan-rgb), .18); border-radius: 15px; background: rgba(var(--plan-rgb), .055); }
.plan-capacity-head { display: flex; align-items: end; justify-content: space-between; gap: 10px; }
.plan-capacity-head > span { color: rgba(var(--plan-rgb), .86); font-family: "JetBrains Mono", monospace; font-size: .48rem; font-weight: 800; letter-spacing: .09em; }
.plan-capacity-head strong { color: #f2fbff; font-size: .92rem; }
.plan-capacity-head strong small { color: var(--dim); font-size: .55rem; font-weight: 650; }
.plan-capacity-track { height: 5px; overflow: hidden; border-radius: 99px; background: rgba(255,255,255,.06); }
.plan-capacity-track > span { display: block; width: var(--plan-level); height: 100%; border-radius: inherit; background: linear-gradient(90deg, rgba(var(--plan-rgb), .62), rgb(var(--plan-rgb))); box-shadow: 0 0 14px rgba(var(--plan-rgb), .3); }
.plan-capacity-meta { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: #9db1bd; font-size: .56rem; }
.plan-capacity-meta > span { display: inline-flex; align-items: center; gap: 5px; min-width: 0; }
.plan-capacity-meta svg { flex: 0 0 auto; width: 12px; height: 12px; color: rgb(var(--plan-rgb)); }
.plan-card ul { display: grid; gap: 9px; margin: 16px 0 22px; padding: 16px 0 0; border-top: 1px solid rgba(var(--plan-rgb), .15); list-style: none; }
.plan-card li { position: relative; padding-left: 19px; color: #d4e6ef; font-size: .74rem; }
.plan-card li::before { content: "✓"; position: absolute; left: 0; color: rgb(var(--plan-rgb)); font-weight: 800; }
.plan-card .button { width: 100%; margin-top: auto; border-color: rgba(var(--plan-rgb), .32); color: #effcff; background: linear-gradient(135deg, rgba(var(--plan-rgb), .23), rgba(var(--plan-rgb), .08)); }
.plan-card .button:hover { border-color: rgba(var(--plan-rgb), .72); background: linear-gradient(135deg, rgba(var(--plan-rgb), .34), rgba(var(--plan-rgb), .14)); box-shadow: 0 12px 28px rgba(var(--plan-rgb), .14); }
.plan-card[data-plan="business"] .button { color: #160f02; background: linear-gradient(135deg, rgb(var(--plan-rgb)), rgba(var(--plan-rgb), .72)); }
.recommended-badge { position: absolute; top: 18px; right: 18px; padding: 5px 8px; border: 1px solid rgba(var(--plan-rgb), .34); border-radius: 999px; color: rgb(var(--plan-rgb)); background: rgba(var(--plan-rgb), .11); font-family: "JetBrains Mono", monospace; font-size: .5rem; font-weight: 800; letter-spacing: .08em; }
.annual-note { display: block; margin-top: 9px; color: var(--green); text-align: center; font-size: .62rem; }
.annual-savings {
    display: inline-flex;
    align-items: center;
    align-self: center;
    justify-content: center;
    min-height: 26px;
    margin: 0 0 10px;
    padding: 5px 9px;
    border: 1px solid rgba(52, 211, 153, .2);
    border-radius: 999px;
    color: #aef5d7;
    background: rgba(52, 211, 153, .075);
    font-family: "JetBrains Mono", monospace;
    font-size: .56rem;
    font-weight: 700;
    letter-spacing: .035em;
}
.annual-savings[hidden] { display: none; }
.plan-card.is-price-updating .plan-price { animation: nd-price-switch .58s var(--ease) both; }
.plan-card.is-price-updating .annual-savings { animation: nd-price-chip .58s var(--ease) both; }
.plan-card.is-recommendation-pulse { animation: nd-recommendation-focus .88s var(--ease) both; }
.pricing-disclaimer { max-width: 900px; margin: 22px auto 0; color: var(--dim); font-size: .7rem; line-height: 1.55; text-align: center; }

.faq-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.faq details {
    border: 1px solid var(--line);
    border-radius: 16px;
    background: rgba(7, 23, 39, .72);
}

.faq summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    min-height: 70px;
    padding: 0 18px;
    color: #eaf8ff;
    font-size: .83rem;
    font-weight: 700;
    cursor: pointer;
    list-style: none;
}

.faq summary::-webkit-details-marker { display: none; }
.faq summary svg { flex: 0 0 auto; width: 28px; height: 28px; padding: 7px; border: 1px solid rgba(36, 212, 231, .22); border-radius: 50%; color: var(--cyan-2); transition: transform .2s ease; }
.faq details[open] summary svg { transform: rotate(45deg); }
.faq details p { margin: 0; padding: 0 18px 20px; color: var(--muted); font-size: .76rem; line-height: 1.65; }

.final-cta-card {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(420px, .95fr);
    gap: clamp(48px, 7vw, 92px);
    padding: clamp(34px, 5vw, 68px);
    border: 1px solid rgba(36, 212, 231, .28);
    border-radius: var(--radius-xl);
    background:
        radial-gradient(circle at 12% 8%, rgba(36, 212, 231, .14), transparent 28rem),
        radial-gradient(circle at 90% 100%, rgba(167, 139, 250, .1), transparent 24rem),
        rgba(5, 18, 32, .92);
    box-shadow: var(--shadow), 0 0 80px rgba(36, 212, 231, .06);
}

.contact-form {
    display: flex;
    flex-direction: column;
    padding: 24px;
    border: 1px solid var(--line);
    border-radius: 22px;
    background: rgba(3, 14, 27, .78);
}

.contact-form-head { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; }
.contact-form-head > svg { width: 38px; height: 38px; padding: 10px; border-radius: 11px; color: #001018; background: var(--cyan); }
.contact-form-head div { display: flex; flex-direction: column; }
.contact-form-head strong { font-size: .92rem; }
.contact-form-head span { color: var(--dim); font-size: .68rem; }
.contact-form label { margin: 11px 0 6px; color: var(--muted); font-family: "JetBrains Mono", monospace; font-size: .58rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.contact-form input,
.contact-form textarea {
    width: 100%;
    border: 1px solid var(--line);
    border-radius: 11px;
    color: #eafaff;
    background: rgba(6, 21, 37, .78);
    transition: border-color .18s ease, box-shadow .18s ease;
}
.contact-form input { height: 44px; padding: 0 13px; }
.contact-form textarea { min-height: 104px; padding: 12px 13px; resize: vertical; }
.contact-form input:focus,
.contact-form textarea:focus { outline: 0; border-color: rgba(36, 212, 231, .55); box-shadow: 0 0 0 3px rgba(36, 212, 231, .08); }
.contact-form .button { margin-top: 16px; }
.contact-form > small { margin-top: 12px; color: var(--dim); font-size: .61rem; line-height: 1.5; }
.contact-form > small a { color: var(--cyan-2); }

.site-footer {
    padding: 28px 0 34px;
    border-top: 1px solid rgba(126, 167, 196, .1);
    background: rgba(1, 5, 12, .7);
}

.footer-inner {
    display: grid;
    grid-template-columns: auto 1fr auto auto;
    align-items: center;
    gap: 24px;
}

.footer-brand .brand-mark { width: 34px; height: 34px; border-radius: 10px; }
.footer-brand .brand-word { font-size: .94rem; }
.footer-inner p,
.footer-inner > span { margin: 0; color: var(--dim); font-size: .68rem; }
.footer-inner nav { display: flex; gap: 18px; color: var(--muted); font-size: .7rem; }
.footer-inner nav a:hover { color: var(--cyan-2); }

.back-to-top {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 800;
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border: 1px solid rgba(36, 212, 231, .32);
    border-radius: 50%;
    color: var(--cyan-2);
    background: rgba(3, 17, 30, .9);
    box-shadow: 0 14px 38px rgba(0, 0, 0, .38);
    opacity: 0;
    pointer-events: none;
    transform: translateY(12px);
    cursor: pointer;
    transition: opacity .18s ease, transform .18s var(--ease);
}

.back-to-top.is-visible { opacity: 1; pointer-events: auto; transform: translateY(0); }

.toast {
    position: fixed;
    right: 22px;
    bottom: 76px;
    z-index: 1200;
    max-width: 360px;
    padding: 13px 16px;
    border: 1px solid rgba(36, 212, 231, .35);
    border-radius: 13px;
    color: #eaffff;
    background: rgba(3, 17, 30, .96);
    box-shadow: 0 18px 52px rgba(0, 0, 0, .45);
    font-size: .75rem;
}

.reveal {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .7s var(--ease), transform .7s var(--ease);
}

.reveal.is-visible {
    opacity: 1;
    transform: none;
}

@media (max-width: 1180px) {
    .site-header { gap: 16px; }
    .desktop-nav { gap: 18px; }
    .header-cta { display: none; }
    .hero { grid-template-columns: minmax(0, .82fr) minmax(520px, 1.18fr); gap: 40px; }
    .priority-item { grid-template-columns: 34px 1fr auto; }
    .priority-impact { display: none; }
    .helix-layout { grid-template-columns: minmax(0, .78fr) minmax(520px, 1.22fr); gap: 48px; }
    .module-grid { grid-template-columns: repeat(2, 1fr); }
    .deliverable-grid { grid-template-columns: 1fr 1fr; }
    .deliverable-grid article:nth-child(2) { border-right: 0; }
    .deliverable-grid article:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
}

@media (max-width: 1080px) {
    .site-header { grid-template-columns: auto 1fr auto; }
    .desktop-nav,
    .header-login { display: none; }
    .header-actions { justify-self: end; }
    .mobile-menu-button { display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid var(--line); border-radius: 12px; color: #eaffff; background: rgba(255,255,255,.025); cursor: pointer; }
    .mobile-menu-button svg { width: 21px; height: 21px; }
    .mobile-menu { position: absolute; top: calc(100% + 10px); right: 0; left: 0; display: grid; gap: 8px; padding: 12px; border: 1px solid rgba(126,167,196,.2); border-radius: 20px; background: rgba(3,14,27,.98); box-shadow: var(--shadow); }
    .mobile-menu[hidden] { display: none; }
    .mobile-menu a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        min-height: 50px;
        padding: 0 16px;
        border-radius: 13px;
        box-sizing: border-box;
        text-align: center;
        color: #c4d4e2;
        font-size: .84rem;
        font-weight: 750;
    }
    .mobile-menu a:not(.button) {
        border: 1px solid rgba(126, 167, 196, .2);
        background: linear-gradient(145deg, rgba(12, 35, 55, .88), rgba(5, 22, 39, .94));
        box-shadow: inset 0 1px rgba(255, 255, 255, .035), 0 8px 22px rgba(0, 0, 0, .12);
        transition: color .18s ease, border-color .18s ease, background .18s ease, transform .18s var(--ease);
    }
    .mobile-menu a:not(.button):hover,
    .mobile-menu a:not(.button):focus-visible,
    .mobile-menu a:not(.button).is-active {
        color: #fff;
        border-color: rgba(105, 239, 247, .46);
        background: linear-gradient(145deg, rgba(25, 67, 88, .74), rgba(7, 28, 46, .96));
        transform: translateY(-1px);
    }
    .mobile-menu .button.button-primary {
        min-height: 50px;
        color: #001118;
        -webkit-text-fill-color: #001118;
        opacity: 1;
        font-weight: 800;
        text-shadow: none;
    }
    .mobile-menu .button.button-primary:hover,
    .mobile-menu .button.button-primary:focus-visible {
        color: #001118;
        -webkit-text-fill-color: #001118;
    }
    .hero { grid-template-columns: 1fr; min-height: auto; padding-top: 150px; }
    .hero-copy { max-width: 820px; }
    .hero-stage { width: min(780px, 100%); margin-inline: auto; }
    .trust-rail-inner { grid-template-columns: 1fr 1fr; }
    .trust-rail article { padding: 18px; border-bottom: 1px solid var(--line); }
    .trust-rail article:nth-child(2) { border-right: 0; }
    .trust-rail article:nth-child(n+3) { border-bottom: 0; }
    .flow-panel { grid-template-columns: 1fr; }
    .flow-visual { min-height: 300px; }
    .helix-layout,
    .trust-layout,
    .final-cta-card { grid-template-columns: 1fr; }
    .helix-copy,
    .trust-copy { max-width: 760px; }
    .solution-panel { grid-template-columns: 1fr; gap: 36px; }
    .ecosystem-layout { grid-template-columns: 1fr; }
    .ecosystem-copy { position: static; }
    .module-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .plan-grid { grid-template-columns: 1fr 1fr; }
    .footer-inner { grid-template-columns: auto 1fr auto; }
    .footer-inner nav { grid-column: 1 / -1; order: 2; }
}

@media (max-width: 720px) {
    :root { --page-pad: 18px; }
    html { scroll-padding-top: 88px; }
    .site-header { top: 8px; width: calc(100% - 16px); min-height: 58px; padding: 7px 8px 7px 12px; border-radius: 18px; }
    .brand-mark { width: 36px; height: 36px; }
    .brand-word { font-size: .98rem; }
    .language-switch { height: 36px; padding-inline: 8px; }
    .language-switch span { display: none; }
    .hero { gap: 48px; padding-top: 116px; padding-bottom: 54px; }
    .hero h1 { font-size: clamp(3.25rem, 14vw, 5rem); }
    .hero-lead { font-size: .98rem; }
    .hero-actions { display: grid; grid-template-columns: 1fr; }
    .hero-actions .button { width: 100%; }
    .hero-meta { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
    .cockpit-header { align-items: flex-start; padding: 14px; }
    .cockpit-header > div { flex-wrap: wrap; }
    .cockpit-separator,
    .cockpit-header > div > span:last-child { display: none; }
    .cockpit-body { padding: 14px; }
    .cockpit-title-row h2 { font-size: 1.2rem; }
    .priority-item { grid-template-columns: 34px minmax(0, 1fr); min-height: 84px; }
    .priority-action { grid-column: 2; justify-self: start; min-height: 32px; }
    .priority-copy strong { white-space: normal; }
    .cockpit-footer { align-items: flex-start; }
    .cockpit-footer button span { display: none; }
    .evidence-popover { right: 0; bottom: -70px; width: 94%; }
    .trust-rail-inner { width: 100%; grid-template-columns: 1fr; padding: 0; }
    .trust-rail article { padding: 16px var(--page-pad); border-right: 0; border-bottom: 1px solid var(--line) !important; }
    .trust-rail article:first-child { padding-left: var(--page-pad); }
    .trust-rail article:last-child { padding-right: var(--page-pad); }
    .trust-rail article:last-child { border-bottom: 0 !important; }
    .trust-rail span { white-space: normal; }
    .section-block { padding-block: 84px; }
    .section-heading { text-align: left; }
    .section-heading h2,
    .helix-copy h2,
    .ecosystem-copy h2,
    .trust-copy h2,
    .final-copy h2 { font-size: clamp(2.65rem, 12vw, 4.1rem); }
    .section-heading p { margin-left: 0; }
    .flow-shell { border-radius: 22px; }
    .flow-tabs { grid-template-columns: 1fr 1fr; }
    .flow-tab { min-height: 66px; padding-inline: 14px; border-bottom: 1px solid var(--line); }
    .flow-tab:nth-child(2) { border-right: 0; }
    .flow-tab:nth-child(n+3) { border-bottom: 0; }
    .flow-panel { min-height: 0; padding: 26px 18px; gap: 28px; }
    .flow-copy h3 { font-size: 2.2rem; }
    .flow-visual { min-height: 0; padding: 14px; border-radius: 17px; }
    .intelligence-visual { grid-template-columns: 1fr; }
    .signal-row { grid-column: auto; }
    .mini-chart { min-height: 160px; }
    .decision-grid { grid-template-columns: 1fr; }
    .decision-grid > div { border-right: 0; border-bottom: 1px solid var(--line); }
    .decision-grid > div:last-child { border-bottom: 0; }
    .helix-screen { min-height: 460px; padding: 16px; }
    .chat-message { max-width: 94%; }
    .helix-composer { margin-top: 18px; }
    .center-actions article { grid-template-columns: 32px 1fr; }
    .center-actions b { grid-column: 2; justify-self: start; }
    .solution-tabs { grid-template-columns: 1fr 1fr; }
    .solution-tabs button { justify-content: flex-start; }
    .solution-panel { padding: 28px 18px; }
    .solution-copy h3 { font-size: 2.35rem; }
    .solution-proof,
    .contract-timeline,
    .meeting-pack,
    .talent-stack { min-height: 260px; padding: 20px; }
    .module-grid { grid-template-columns: 1fr 1fr; }
    .module-grid .module-card { min-height: 184px; }
    .deliverable-grid { grid-template-columns: 1fr; }
    .deliverable-grid article { min-height: 240px; border-right: 0; border-bottom: 1px solid var(--line); }
    .deliverable-grid article:last-child { border-bottom: 0; }
    .trust-principles,
    .trust-details { grid-template-columns: 1fr; }
    .plan-finder { grid-template-columns: 1fr 1fr; }
    .pricing-toolbar { align-items: flex-start; flex-direction: column; }
    .billing-toggle { width: 100%; }
    .billing-toggle button { justify-content: center; }
    .plan-grid,
    .faq-grid { grid-template-columns: 1fr; }
    .plan-card { min-height: 520px; }
    .final-cta-card { padding: 26px 18px; border-radius: 24px; }
    .contact-form { padding: 18px; }
    .footer-inner { grid-template-columns: 1fr; text-align: center; }
    .footer-brand { justify-self: center; }
    .footer-inner nav { display: flex; flex-wrap: wrap; justify-content: center; grid-column: auto; }
    .back-to-top { right: 14px; bottom: 14px; }
    .toast { right: 14px; bottom: 66px; left: 14px; max-width: none; }
}

@media (max-width: 420px) {
    .header-actions { gap: 6px; }
    .mobile-menu-button { width: 36px; height: 36px; }
    .hero h1 { font-size: 3.15rem; }
    .hero-meta { grid-template-columns: 1fr; }
    .flow-tab { grid-template-columns: auto 1fr; }
    .flow-tab > span { display: none; }
    .solution-tabs,
    .module-grid,
    .plan-finder { grid-template-columns: 1fr; }
    .module-grid .module-card { min-height: 184px; grid-column: auto; }
    .helix-context-grid { grid-template-columns: 1fr; }
    .helix-context-grid article { min-height: 74px; }
    .ecosystem-tour-status { position: absolute; top: 14px; right: 14px; }
    .ecosystem-detail { padding-top: 48px; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
    .reveal { opacity: 1; transform: none; }
    .helix-live-progress span { width: 100% !important; }
}

/* --------------------------------------------------------------------------
   V2.2 — cinematic motion, fluid canvases and wide-screen composition
   -------------------------------------------------------------------------- */

:root {
    --motion-x: 50%;
    --motion-y: 18%;
    --section-glow: rgba(36, 212, 231, .055);
}

body {
    isolation: isolate;
}

body::after {
    background:
        radial-gradient(48rem 36rem at var(--motion-x) var(--motion-y), rgba(36, 212, 231, .09), transparent 70%),
        radial-gradient(circle at 82% 28%, rgba(167, 139, 250, .055), transparent 28rem),
        radial-gradient(circle at 18% 72%, rgba(59, 130, 246, .045), transparent 25rem);
}

.nd-motion-canvas {
    position: fixed;
    inset: 0;
    z-index: -3;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: .62;
    mask-image: linear-gradient(to bottom, #000 0%, rgba(0,0,0,.92) 76%, transparent 100%);
}

main,
.site-footer {
    position: relative;
    z-index: 1;
}

.section-block,
.hero,
.trust-rail {
    position: relative;
}

.section-block::before {
    content: "";
    position: absolute;
    top: 7%;
    left: 50%;
    z-index: -1;
    width: min(88vw, 1500px);
    height: 72%;
    pointer-events: none;
    border-radius: 50%;
    background: radial-gradient(ellipse, var(--section-glow), transparent 68%);
    filter: blur(12px);
    transform: translateX(-50%);
}

.section-block:nth-of-type(4n + 2) { --section-glow: rgba(59, 130, 246, .06); }
.section-block:nth-of-type(4n + 3) { --section-glow: rgba(167, 139, 250, .052); }

.page-progress {
    height: 4px;
    transform-origin: left;
    transition: width .12s linear;
}

.site-header {
    overflow: visible;
    box-shadow:
        0 18px 60px rgba(0, 0, 0, .3),
        inset 0 1px rgba(255, 255, 255, .035),
        0 0 0 1px rgba(36, 212, 231, .025);
}

.site-header::before {
    content: "";
    position: absolute;
    inset: -1px;
    z-index: -1;
    pointer-events: none;
    border-radius: inherit;
    background: linear-gradient(110deg, rgba(105,239,247,.14), transparent 26%, transparent 72%, rgba(167,139,250,.13));
    opacity: .55;
}

.button-primary {
    position: relative;
    overflow: hidden;
}

.button-primary::after {
    content: "";
    position: absolute;
    top: -80%;
    left: -80%;
    width: 44%;
    height: 260%;
    pointer-events: none;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.58), transparent);
    transform: rotate(22deg) translateX(-220%);
    transition: transform .8s var(--ease);
}

.button-primary:hover::after {
    transform: rotate(22deg) translateX(520%);
}

.hero {
    min-height: max(860px, 96svh);
}

.hero-copy {
    position: relative;
    z-index: 2;
}

.hero h1 > span,
.hero h1 > em {
    display: block;
    transform-origin: left center;
}

.hero-stage {
    z-index: 1;
    transform-style: preserve-3d;
    animation: nd-stage-breathe 7.5s ease-in-out infinite;
}

.hero-stage::before {
    content: "";
    position: absolute;
    inset: -18%;
    z-index: -2;
    pointer-events: none;
    background:
        conic-gradient(from 110deg at 50% 50%, transparent, rgba(36,212,231,.09), transparent 28%, rgba(167,139,250,.07), transparent 56%),
        radial-gradient(circle, rgba(36,212,231,.1), transparent 64%);
    filter: blur(30px);
    animation: nd-aurora-drift 16s linear infinite;
}

.hero-orbit {
    animation: nd-orbit-spin 28s linear infinite;
}

.hero-orbit::before { animation: nd-orbit-spin-reverse 18s linear infinite; }
.hero-orbit::after { animation: nd-orbit-pulse 6s ease-in-out infinite; }

.cockpit {
    transform: none !important;
    transform-style: flat;
    will-change: auto;
    transition: border-color .28s ease, box-shadow .28s ease;
}

.priority-item {
    overflow: hidden;
    transition: transform .25s var(--ease), border-color .25s ease, background .25s ease;
}

.priority-item::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(105deg, transparent 30%, rgba(255,255,255,.045) 48%, transparent 66%);
    transform: translateX(-120%);
}

.priority-item:hover {
    transform: translateX(6px);
    background: rgba(13, 37, 59, .82);
}

.priority-item.is-live-focus {
    border-color: rgba(36, 212, 231, .38);
    background: rgba(13, 37, 59, .86);
    transform: translateX(6px);
}

.priority-item.is-live-focus .priority-number {
    color: #00131b;
    background: var(--item-color);
    box-shadow: 0 0 0 5px color-mix(in srgb, var(--item-color) 10%, transparent);
}

.priority-item.is-live-focus .priority-action {
    border-color: color-mix(in srgb, var(--item-color) 48%, transparent);
    background: color-mix(in srgb, var(--item-color) 11%, rgba(4,17,30,.9));
}

.priority-item:hover::after {
    animation: nd-scan 1.1s var(--ease);
}

.live-badge > span,
.status-dot {
    animation: nd-live-pulse 2.4s ease-in-out infinite;
}

.trust-rail {
    overflow: hidden;
    background: rgba(2, 10, 21, .72);
    backdrop-filter: blur(14px);
}

.trust-rail::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(90deg, transparent, rgba(36,212,231,.055), transparent 44%, rgba(167,139,250,.045), transparent);
    background-size: 220% 100%;
    animation: nd-rail-flow 12s linear infinite;
}

.trust-rail article {
    position: relative;
    transition: background .22s ease, transform .22s var(--ease);
}

.trust-rail article:hover {
    background: rgba(36,212,231,.035);
    transform: translateY(-2px);
}

.nd-spotlight {
    position: relative;
    isolation: isolate;
    --spot-x: 50%;
    --spot-y: 50%;
}

.nd-spotlight::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    border-radius: inherit;
    background: radial-gradient(32rem circle at var(--spot-x) var(--spot-y), rgba(105,239,247,.085), transparent 54%);
    opacity: 0;
    transition: opacity .35s ease;
}

.nd-spotlight:hover::before { opacity: 1; }
.nd-spotlight > * { position: relative; z-index: 1; }

.flow-shell,
.helix-product,
.solution-shell,
.ecosystem-detail,
.final-cta-card {
    box-shadow:
        0 32px 90px rgba(0,0,0,.4),
        inset 0 1px rgba(255,255,255,.025),
        0 0 0 1px rgba(36,212,231,.025);
}

.flow-panel[hidden],
.solution-panel[hidden],
.helix-screen[hidden] {
    display: none !important;
}

.flow-panel.is-active,
.solution-panel.is-active,
.helix-screen.is-active {
    animation: nd-panel-enter .58s var(--ease) both;
}

.helix-screen[data-helix-screen="chat"] {
    display: flex;
    flex-direction: column;
}

.helix-screen[data-helix-screen="chat"] .helix-composer {
    margin-top: auto;
}

.flow-tab,
.solution-tabs button,
.product-mode-switch button,
.module-card,
.plan-finder button,
.billing-toggle button {
    transition:
        color .22s ease,
        background .22s ease,
        border-color .22s ease,
        box-shadow .22s ease,
        transform .22s var(--ease);
}

.flow-tab:hover,
.solution-tabs button:hover,
.product-mode-switch button:hover,
.module-card:hover,
.plan-finder button:hover {
    transform: translateY(-2px);
}

.flow-tab.is-active,
.solution-tabs button.is-active,
.product-mode-switch button.is-active,
.module-card.is-active,
.plan-finder button.is-active {
    box-shadow: inset 0 0 34px rgba(36,212,231,.055);
}

.flow-visual,
.solution-proof,
.contract-timeline,
.meeting-pack,
.talent-stack,
.helix-screen {
    overflow: hidden;
}

.module-card,
.plan-card,
.deliverable-grid article,
.trust-principles article,
.faq details {
    will-change: transform;
    transition: transform .28s var(--ease), border-color .28s ease, box-shadow .28s ease, background .28s ease;
}

.module-card:hover,
.plan-card:hover,
.deliverable-grid article:hover,
.trust-principles article:hover,
.faq details:hover {
    transform: translateY(-7px);
    border-color: rgba(105,239,247,.34);
    box-shadow: 0 24px 58px rgba(0,0,0,.28), 0 0 34px rgba(36,212,231,.055);
}

.nd-stagger-item {
    opacity: 0;
    filter: blur(4px);
    transform: translateY(26px) scale(.985);
    transition:
        opacity .62s var(--ease) var(--stagger-delay, 0ms),
        filter .62s var(--ease) var(--stagger-delay, 0ms),
        transform .62s var(--ease) var(--stagger-delay, 0ms);
}

.nd-stagger-item.is-visible {
    opacity: 1;
    filter: none;
    transform: none;
}

.nd-story-rail {
    position: fixed;
    top: 50%;
    right: 18px;
    z-index: 900;
    display: grid;
    gap: 7px;
    padding: 10px 8px;
    border: 1px solid rgba(126,167,196,.15);
    border-radius: 999px;
    background: rgba(2,9,20,.7);
    box-shadow: 0 18px 45px rgba(0,0,0,.3);
    backdrop-filter: blur(16px);
    transform: translateY(-50%);
    transition: opacity .22s ease, visibility .22s ease, transform .22s var(--ease);
}

body.ecosystem-immersive-open .nd-story-rail {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translate(24px, -50%);
}

.nd-story-rail a {
    position: relative;
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
}

.nd-story-rail a::before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #476278;
    box-shadow: 0 0 0 0 rgba(36,212,231,0);
    transition: width .22s var(--ease), height .22s var(--ease), background .22s ease, box-shadow .22s ease;
}

.nd-story-rail a::after {
    content: attr(data-label);
    position: absolute;
    right: calc(100% + 10px);
    top: 50%;
    padding: 6px 9px;
    border: 1px solid rgba(126,167,196,.16);
    border-radius: 9px;
    color: #dff7ff;
    background: rgba(3,14,27,.94);
    box-shadow: 0 12px 30px rgba(0,0,0,.32);
    font-family: "JetBrains Mono", monospace;
    font-size: .58rem;
    letter-spacing: .08em;
    text-transform: uppercase;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transform: translate(8px,-50%);
    transition: opacity .18s ease, transform .18s var(--ease);
}

.nd-story-rail a:hover::after,
.nd-story-rail a:focus-visible::after {
    opacity: 1;
    transform: translate(0,-50%);
}

.nd-story-rail a.is-active::before {
    width: 9px;
    height: 9px;
    background: var(--cyan-2);
    box-shadow: 0 0 18px rgba(36,212,231,.88);
}

@keyframes nd-stage-breathe {
    0%, 100% { transform: translate3d(0,0,0); }
    50% { transform: translate3d(0,-10px,0); }
}

@keyframes nd-aurora-drift {
    to { transform: rotate(360deg); }
}

@keyframes nd-orbit-spin {
    to { transform: translate(-50%, -50%) rotate(360deg); }
}

@keyframes nd-orbit-spin-reverse {
    to { transform: rotate(-360deg); }
}

@keyframes nd-orbit-pulse {
    0%, 100% { opacity: .55; transform: scale(.94); }
    50% { opacity: 1; transform: scale(1.06); }
}

@keyframes nd-live-pulse {
    0%, 100% { opacity: .68; box-shadow: 0 0 8px rgba(52,211,153,.45); }
    50% { opacity: 1; box-shadow: 0 0 18px rgba(52,211,153,.9); }
}

@keyframes nd-scan {
    to { transform: translateX(120%); }
}

@keyframes nd-rail-flow {
    to { background-position: -220% 0; }
}

@keyframes nd-panel-enter {
    from { opacity: 0; filter: blur(7px); transform: translateY(13px) scale(.992); }
    to { opacity: 1; filter: none; transform: none; }
}

@keyframes nd-detail-switch {
    from { opacity: .58; transform: translateY(7px); }
    to { opacity: 1; transform: none; }
}

@keyframes nd-price-switch {
    0% { opacity: .46; transform: translateY(8px); }
    100% { opacity: 1; transform: none; }
}

@keyframes nd-price-chip {
    0% { opacity: 0; transform: translateY(6px) scale(.94); }
    100% { opacity: 1; transform: none; }
}

@keyframes nd-recommendation-focus {
    0% { transform: translateY(-4px) scale(1); box-shadow: 0 24px 60px rgba(0,0,0,.28); }
    46% { transform: translateY(-8px) scale(1.012); box-shadow: 0 30px 72px rgba(0,0,0,.36), 0 0 0 2px rgba(36,212,231,.2); }
    100% { transform: translateY(-4px) scale(1); }
}

@keyframes nd-vertical-scan {
    from { background-position: 0 -45%; }
    to { background-position: 0 145%; }
}

@keyframes nd-recommended-glow {
    0%, 100% { box-shadow: 0 26px 70px rgba(0,0,0,.36), 0 0 0 rgba(36,212,231,0); }
    50% { box-shadow: 0 30px 80px rgba(0,0,0,.42), 0 0 48px rgba(36,212,231,.11); }
}

@keyframes hero-trace-progress {
    0% { transform: scaleX(.18); opacity: .55; }
    48%, 72% { transform: scaleX(1); opacity: 1; }
    100% { transform: scaleX(1); opacity: .35; }
}

/* Wide desktop and 4K: use the canvas instead of leaving dead margins. */
@media (min-width: 1440px) {
    :root {
        --max: min(1480px, calc(100vw - 128px));
        --page-pad: clamp(44px, 4vw, 76px);
    }

    .hero { grid-template-columns: minmax(470px,.88fr) minmax(700px,1.12fr); }
    .hero h1 { max-width: 800px; }
    .cockpit-body { padding: 28px; }
    .trust-rail {
        z-index: 3;
        width: min(var(--max), calc(100vw - (var(--page-pad) * 2)));
        margin: -72px auto 0;
        border: 1px solid rgba(126, 190, 216, .18);
        border-radius: 21px;
        box-shadow: 0 22px 60px rgba(0,0,0,.28), inset 0 1px rgba(255,255,255,.025);
    }
    .trust-rail-inner { width: 100%; max-width: none; margin: 0; padding: 22px 0; }
    .trust-rail article:first-child { padding-left: 22px; }
    .trust-rail article:last-child { padding-right: 22px; }
    .flow-panel { grid-template-columns: minmax(0,.84fr) minmax(560px,1.16fr); }
    .section-heading { max-width: 1020px; }
}

@media (min-width: 1920px) {
    :root {
        --max: min(1680px, calc(100vw - 184px));
        --radius-xl: 36px;
        --radius-lg: 28px;
    }

    html { font-size: 17px; }
    body { font-size: 1rem; }
    .site-header { min-height: 72px; }
    .hero { min-height: max(920px, 92svh); gap: clamp(70px,5vw,118px); }
    .hero h1 { font-size: clamp(5.7rem,4.7vw,7rem); }
    .hero-lead { max-width: 690px; font-size: 1.14rem; }
    .cockpit { border-radius: 30px; }
    .cockpit-title-row h2 { font-size: 1.75rem; }
    .priority-item { min-height: 92px; }
    .cockpit-trace { padding: 18px; }
    .cockpit-trace-flow article { min-height: 58px; }
    .section-block { padding-block: clamp(126px,7vw,176px); }
    .section-heading h2,
    .helix-copy h2,
    .ecosystem-copy h2,
    .trust-copy h2,
    .final-copy h2 { font-size: clamp(4.25rem,3.65vw,5.9rem); }
    .flow-panel { min-height: 590px; }
    .flow-visual { min-height: 400px; }
    .helix-screen { min-height: 560px; }
    .module-grid { gap: 14px; }
    .module-grid .module-card { min-height: 184px; }
    .plan-card { min-height: 610px; padding: 30px; }
    .final-cta-card { padding: clamp(52px,4vw,78px); }
}

@media (min-width: 2560px) {
    :root {
        --max: min(1880px, calc(100vw - 280px));
        --page-pad: 84px;
    }

    html { font-size: 19px; }
    body { font-size: 1rem; }
    .site-header { top: 22px; min-height: 78px; padding-inline: 22px 16px; }
    .site-header.is-scrolled { top: 12px; }
    .hero { min-height: min(1260px, 92svh); padding-top: 156px; }
    .hero h1 { max-width: 900px; font-size: clamp(6.5rem,4.2vw,8rem); }
    .hero-stage { width: 100%; max-width: 980px; justify-self: end; }
    .hero-orbit { width: min(42vw,980px); }
    .trust-rail-inner { min-height: 106px; }
    .flow-panels,
    .flow-panel { min-height: 660px; }
    .flow-panel { padding: 82px; }
    .flow-visual { min-height: 470px; }
    .helix-layout { gap: 110px; }
    .helix-screen { min-height: 640px; }
    .solution-panel { min-height: 610px; padding: 78px; }
    .ecosystem-layout { gap: 88px; }
    .module-grid { grid-template-columns: repeat(4,1fr); }
    .module-grid .module-card { min-height: 198px; }
    .deliverable-grid article { min-height: 340px; padding: 42px; }
    .plan-grid { gap: 20px; }
    .plan-card { min-height: 650px; }
    .faq-grid { gap: 16px; }
    .faq summary { min-height: 78px; }
}

@media (min-width: 3200px) {
    :root {
        --max: min(2800px, calc(100vw - 400px));
        --page-pad: 100px;
    }

    html { font-size: 22px; }
    body { font-size: 1rem; }
    .site-header { min-height: 96px; padding-inline: 28px 20px; }
    .brand-mark { width: 50px; height: 50px; border-radius: 15px; }
    .brand-mark svg { width: 29px; height: 29px; }
    .brand-word { font-size: 1.18rem; }
    .desktop-nav { gap: 38px; }
    .header-actions { gap: 15px; }
    .language-switch { height: 50px; padding-inline: 14px; }
    .language-switch img { width: 28px; height: 28px; }
    .button { min-height: 56px; padding-inline: 24px; }
    .button-large { min-height: 66px; padding-inline: 32px; }
    .button svg { width: 22px; height: 22px; }
    .hero { grid-template-columns: minmax(1160px,.92fr) minmax(1460px,1.08fr); gap: 160px; min-height: min(1780px,92svh); }
    .hero-copy { max-width: 1260px; }
    .hero h1 { max-width: 1240px; font-size: clamp(8.2rem,4.7vw,10.2rem); }
    .hero-lead { max-width: 950px; font-size: 1.22rem; }
    .hero-stage { max-width: 1380px; }
    .hero-orbit { width: min(37vw,1380px); }
    .cockpit-header { min-height: 82px; padding-inline: 30px; }
    .cockpit-body { padding: 38px; }
    .cockpit-title-row h2 { font-size: 2.1rem; }
    .priority-item { min-height: 112px; }
    .section-block { padding-block: 190px; }
    .section-heading { max-width: 1540px; }
    .section-heading h2,
    .helix-copy h2,
    .ecosystem-copy h2,
    .trust-copy h2,
    .final-copy h2 { font-size: clamp(6rem,3.55vw,7.4rem); }
    .flow-panels,
    .flow-panel { min-height: 820px; }
    .flow-panel { grid-template-columns: minmax(930px,.88fr) minmax(1320px,1.12fr); gap: 130px; padding: 104px; }
    .flow-visual { min-height: 590px; }
    .helix-layout { grid-template-columns: minmax(900px,.82fr) minmax(1460px,1.18fr); gap: 150px; }
    .helix-screen { min-height: 800px; }
    .solution-panel { grid-template-columns: minmax(1040px,.92fr) minmax(1160px,1.08fr); gap: 150px; min-height: 760px; padding: 100px; }
    .ecosystem-layout { grid-template-columns: minmax(620px,.62fr) minmax(0,1.38fr); gap: 130px; }
    .module-grid .module-card { min-height: 240px; padding: 28px; }
    .deliverable-grid article { min-height: 430px; padding: 52px; }
    .trust-layout { gap: 140px; }
    .trust-principles article { min-height: 190px; padding: 30px; }
    .plan-card { min-height: 760px; padding: 42px; }
    .faq summary { min-height: 96px; padding-inline: 26px; }
    .final-cta-card { gap: 160px; padding: 96px; }
    .contact-form { padding: 34px; }
}

/* Bridge the awkward laptop range before the layout stacks. */
@media (min-width: 1081px) and (max-width: 1239px) {
    .hero {
        grid-template-columns: minmax(0,.78fr) minmax(480px,1.22fr);
        gap: 34px;
    }
    .hero h1 { font-size: clamp(3.65rem,5.2vw,4.85rem); }
    .hero-lead { font-size: .98rem; }
    .cockpit-body { padding: 18px; }
    .flow-panel { grid-template-columns: minmax(0,.82fr) minmax(420px,1.18fr); gap: 34px; }
}

@media (max-width: 1439px) {
    .nd-story-rail { display: none; }
}

@media (max-width: 1080px) {
    .hero { min-height: auto; }
    .hero-stage { animation-duration: 9s; }
    .nd-motion-canvas { opacity: .42; }
    .section-block::before { width: 100%; opacity: .78; }
}

@media (max-width: 720px) {
    body::after {
        background:
            radial-gradient(30rem 24rem at var(--motion-x) var(--motion-y), rgba(36,212,231,.07), transparent 72%),
            radial-gradient(circle at 80% 35%, rgba(167,139,250,.045), transparent 20rem);
    }
    .nd-motion-canvas { opacity: .3; }
    .hero-stage { animation: none; }
    .hero-orbit { width: min(100%,560px); }
    .cockpit-trace-flow { grid-template-columns: 1fr; }
    .cockpit-trace-arrow { display: none; }
    .cockpit-trace-flow strong { white-space: normal; }
    .priority-item:hover,
    .module-card:hover,
    .plan-card:hover,
    .deliverable-grid article:hover,
    .trust-principles article:hover,
    .faq details:hover { transform: none; }
    .nd-spotlight::before { display: none; }
    .plan-card.is-recommended { animation: none; }
}

@media (max-width: 420px) {
    .hero h1 { font-size: clamp(2.8rem,13.2vw,3.15rem); }
    .hero-lead { line-height: 1.62; }
    .cockpit { border-radius: 20px; }
    .cockpit-title-row { gap: 10px; }
    .cockpit-title-row .live-badge { align-self: flex-start; }
    .cockpit-trace { padding: 13px; }
    .cockpit-trace-head { align-items: flex-start; }
    .cockpit-trace-status { max-width: 126px; text-align: center; white-space: normal; }
    .section-heading h2,
    .helix-copy h2,
    .ecosystem-copy h2,
    .trust-copy h2,
    .final-copy h2 { font-size: clamp(2.35rem,11.5vw,3.15rem); }
}

@media (min-width: 2560px) {
    .ecosystem-immersive-panel {
        width: min(calc(100vw - 260px), 3000px);
        height: min(calc(100dvh - 120px), 1800px);
        border-radius: 46px;
    }
    .ecosystem-immersive-head { min-height: 112px; padding: 24px 34px; }
    .ecosystem-immersive-icon { width: 62px; height: 62px; border-radius: 18px; }
    .ecosystem-immersive-icon svg { width: 28px; height: 28px; }
    .ecosystem-immersive-close { width: 58px; height: 58px; border-radius: 17px; }
    .ecosystem-immersive-body { grid-template-columns: minmax(0,.9fr) minmax(680px,1.1fr); gap: 100px; padding: 76px 88px; }
    .ecosystem-immersive-copy h3 { font-size: clamp(6.2rem, 4.1vw, 8.4rem); }
    .ecosystem-immersive-lead { max-width: 1040px; font-size: 1.28rem; }
    .ecosystem-capability-grid article { min-height: 220px; padding: 26px; }
    .ecosystem-capability-grid strong { font-size: .94rem; }
    .ecosystem-capability-grid p { font-size: .72rem; }
    .ecosystem-live-panel { min-height: 760px; padding: 46px; border-radius: 34px; }
    .ecosystem-module-visual {
        width: 100%;
        min-height: 610px;
    }
    .module-scene {
        /* The former inverse-width + `zoom` trick left roughly a quarter of
           the live panel empty on UHD / scaled-4K viewports (and behaved
           differently between browser zoom levels). Keep the scene in normal
           layout so every module owns the complete available canvas. */
        width: 100%;
        min-height: 610px;
        zoom: 1;
    }
    .ecosystem-live-items article { min-height: 132px; padding: 20px 22px; }
    .ecosystem-immersive-foot { min-height: 116px; padding: 22px 34px; }
}

@media (max-width: 1200px) {
    .ecosystem-immersive { padding: 10px; }
    .ecosystem-immersive-panel { width: calc(100vw - 20px); height: calc(100dvh - 20px); max-height: none; border-radius: 28px; }
    .ecosystem-immersive-body { grid-template-columns: 1fr; gap: 30px; padding: 30px; }
    .ecosystem-immersive-copy { justify-content: flex-start; }
    .ecosystem-immersive-copy h3 { font-size: clamp(3.25rem, 7vw, 5.4rem); }
    .ecosystem-live-panel { align-self: start; width: 100%; min-height: auto; }
    .ecosystem-module-visual,
    .module-scene { min-height: 470px; }
    .ecosystem-immersive-foot { grid-template-columns: 1fr auto; }
    .ecosystem-flow { overflow-x: auto; padding-bottom: 3px; scrollbar-width: none; }
    .ecosystem-flow::-webkit-scrollbar { display: none; }
    .ecosystem-flow > span { flex: 0 0 auto; }
}

@media (max-width: 720px) {
    .ecosystem-immersive { padding: 6px; }
    .ecosystem-immersive-panel { width: calc(100vw - 12px); height: calc(100dvh - 12px); border-radius: 22px; }
    .ecosystem-immersive-head { grid-template-columns: 1fr auto; min-height: 72px; padding: 11px 12px 11px 14px; }
    .ecosystem-immersive-brand { gap: 10px; }
    .ecosystem-immersive-icon { width: 42px; height: 42px; border-radius: 12px; }
    .ecosystem-immersive-icon svg { width: 18px; height: 18px; }
    .ecosystem-immersive-brand > div { align-items: flex-start; flex-direction: column; gap: 2px; }
    .ecosystem-immersive-brand .micro-label { max-width: 145px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .ecosystem-immersive-head-meta { display: none; }
    .ecosystem-immersive-close { width: 42px; height: 42px; border-radius: 12px; }
    .ecosystem-immersive-body { gap: 24px; padding: 24px 16px; }
    .ecosystem-immersive-kicker { font-size: .54rem; line-height: 1.5; }
    .ecosystem-immersive-copy h3 { margin-top: 11px; font-size: clamp(2.8rem, 15vw, 4.5rem); }
    .ecosystem-immersive-lead { margin-top: 18px; font-size: .85rem; line-height: 1.64; }
    .ecosystem-capability-grid { grid-template-columns: 1fr; margin-top: 24px; }
    .ecosystem-capability-grid article { min-height: 128px; }
    .ecosystem-live-panel { padding: 18px; border-radius: 20px; }
    .ecosystem-live-head { align-items: flex-start; flex-direction: column; gap: 12px; }
    .ecosystem-live-head h4 { font-size: 1.34rem; }
    .ecosystem-live-signal { min-height: 32px; padding: 0 11px; font-size: .56rem; }
    .ecosystem-live-summary { margin-top: 18px; padding: 15px; }
    .ecosystem-live-items article { grid-template-columns: auto 1fr; min-height: 104px; padding: 13px; }
    .ecosystem-live-items article > em { display: none; }
    .ecosystem-live-items article small { white-space: normal; }
    .ecosystem-live-foot { align-items: flex-start; flex-direction: column; gap: 8px; }
    .ecosystem-module-visual { min-height: 0; margin-top: 18px; }
    .module-scene { min-height: 0; overflow: visible; }
    .scene-context-strip,
    .scene-center-metrics,
    .scene-analytics-kpis,
    .scene-downloads-summary,
    .scene-milestones { grid-template-columns: 1fr; }
    .scene-chat-user { max-width: 88%; }
    .scene-center { min-height: 0; }
    .scene-kanban,
    .scene-workspace-board,
    .scene-talent-pipeline { display: flex; overflow-x: auto; padding-bottom: 5px; scroll-snap-type: x mandatory; scrollbar-width: none; }
    .scene-kanban::-webkit-scrollbar,
    .scene-workspace-board::-webkit-scrollbar,
    .scene-talent-pipeline::-webkit-scrollbar { display: none; }
    .scene-kanban > section,
    .scene-workspace-board > section,
    .scene-talent-pipeline > section { flex: 0 0 82%; min-height: 330px; scroll-snap-align: start; }
    .scene-analytics-main { grid-template-columns: 1fr; }
    .scene-analytics-main > aside { display: none; }
    .scene-analytics-ticker { grid-template-columns: 1fr auto; }
    .scene-analytics-ticker > span { grid-column: 1/-1; }
    .scene-inbox-head { align-items:flex-start; flex-direction:column; }
    .scene-inbox-stats { grid-template-columns:1fr; }
    .scene-inbox-body { grid-template-columns:1fr; }
    .scene-inbox-body > aside { min-height:280px; }
    .scene-inbox-receipt { align-items:flex-start; flex-direction:column; }
    .scene-map-canvas { min-height: 390px; }
    .scene-map-node { min-width: 102px; padding: 8px; }
    .scene-map-node.node-main { min-width: 128px; }
    .scene-map-node.node-a { left: 3%; }.scene-map-node.node-b { right: 3%; }.scene-map-node.node-c { left: 3%; }.scene-map-node.node-d { right: 3%; }
    .scene-map-legend { flex-wrap: wrap; }.scene-map-legend > b { width: 100%; margin-left: 0; }
    .scene-meeting-top { grid-template-columns: 1fr auto; }
    .scene-meeting-top > span { display: none; }
    .scene-meeting-top > .scene-meeting-meta { display: flex !important; grid-column: 1 / -1; justify-content: space-between; width: 100%; }
    .scene-meeting-body,
    .scene-calendar-layout,
    .scene-trust-body { grid-template-columns: 1fr; }
    .scene-calendar-head { grid-template-columns: auto 1fr auto; }
    .scene-calendar-head > span { grid-column: 1/-1; justify-self: center; }
    .scene-sources-pipeline { grid-template-columns: 1fr; }
    .scene-source-stream { min-height: 110px; }
    .scene-sources-pipeline > aside { display: grid; grid-template-columns: repeat(3,1fr); }
    .scene-sources-pipeline > aside article { grid-template-columns: 1fr; justify-items: center; text-align: center; }
    .scene-source-log { grid-template-columns: auto 1fr auto; }
    .scene-source-log em { display: none; }
    .scene-vault-head { align-items: flex-start; }
    .scene-vault-head > span { flex: 0 0 auto; }
    .scene-vault-body { grid-template-columns: 1fr; }
    .scene-vault-folders { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
    .scene-vault-folders > small { grid-column: 1 / -1; }
    .scene-vault-folders button { min-width: 0; }
    .scene-vault-folders button:nth-of-type(n+5) { display: none; }
    .scene-vault-list article { min-height: 76px; }
    .scene-vault-custody > p { margin-top: 3px; }
    .scene-trust-chain { min-width: 560px; }
    .scene-trust { overflow-x: auto; padding-bottom: 4px; }
    .scene-trust-body { min-width: 0; }
    .scene-trust-assurance { grid-template-columns: 1fr; min-width: 0; }
    .scene-downloads-head { grid-template-columns: 1fr auto; }.scene-downloads-head > span { display: none; }
    .scene-file-stack article { grid-template-columns: auto 1fr auto; }.scene-file-stack article > strong { display: none; }
    .scene-progress-main { grid-template-columns: 1fr; justify-items: center; text-align: center; }
    .scene-progress-ring { width: 132px; height: 132px; }.scene-progress-ring::before { width: 102px; height: 102px; }
    .scene-streak { align-items: flex-start; flex-direction: column; }
    .scene-hub-status { grid-template-columns: 1fr auto; }.scene-hub-status em { display: none; }
    .scene-hub-canvas { min-height: 400px; }
    .scene-hub-app { min-width: 84px; padding: 7px; }
    .scene-hub-foot { grid-template-columns: 1fr; }
    .ecosystem-immersive-foot { grid-template-columns: minmax(0,1fr) auto; gap: 10px; min-height: 76px; padding: 10px 12px; }
    .ecosystem-flow > span { padding: 8px; }
    .ecosystem-flow > span b { display: none; }
    .ecosystem-flow > svg { margin-inline: 4px; }
    .ecosystem-immersive-nav button { width: 42px; min-height: 42px; padding: 0; }
    .ecosystem-immersive-nav button span { display: none; }
}

@media (prefers-reduced-motion: reduce) {
    .nd-motion-canvas,
    .nd-story-rail { display: none !important; }
    .hero-stage,
    .hero-stage::before,
    .hero-orbit,
    .hero-orbit::before,
    .hero-orbit::after,
    .trust-rail::before,
    .cockpit-trace-line span,
    .flow-visual::after,
    .helix-screen::after,
    .plan-card.is-recommended,
    .live-badge > span,
    .status-dot { animation: none !important; }
    .cockpit-trace-line span { transform: scaleX(1) !important; opacity: 1 !important; }
    .ecosystem-immersive-live > i,
    .ecosystem-live-panel::after { animation: none !important; }
    .module-scene *,
    .module-scene *::before,
    .module-scene *::after { animation: none !important; }
    .cockpit { transform: none !important; }
    .nd-stagger-item { opacity: 1; filter: none; transform: none; }
}

/* ================================================================
   COMMERCIAL FLAGSHIP V15
   Product narrative, live proof, trust, pricing and answer center
   ================================================================ */

.header-login {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 40px;
    padding: 0 14px;
    border: 1px solid rgba(105, 239, 247, .24);
    border-radius: 12px;
    color: #dff8ff;
    background: linear-gradient(145deg, rgba(36, 212, 231, .09), rgba(59, 130, 246, .045));
    box-shadow: inset 0 1px rgba(255, 255, 255, .035), 0 10px 26px rgba(0, 0, 0, .18);
    transition: color .2s ease, border-color .2s ease, background .2s ease, transform .2s var(--ease), box-shadow .2s ease;
}

.header-login svg { width: 15px; height: 15px; color: var(--cyan-2); }
.header-login:hover {
    border-color: rgba(105, 239, 247, .52);
    background: linear-gradient(145deg, rgba(36, 212, 231, .16), rgba(59, 130, 246, .08));
    box-shadow: 0 12px 30px rgba(36, 212, 231, .09), inset 0 1px rgba(255, 255, 255, .05);
    transform: translateY(-2px);
}

.flow-system-status {
    display: grid;
    grid-template-columns: 1.15fr .85fr 1fr;
    gap: 1px;
    padding: 1px;
    border-bottom: 1px solid var(--line);
    background: rgba(126, 167, 196, .12);
}

.flow-system-status > span {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 68px;
    padding: 12px 20px;
    background: linear-gradient(145deg, rgba(7, 24, 41, .97), rgba(3, 14, 27, .97));
}

.flow-system-status > span > svg {
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    padding: 8px;
    border: 1px solid rgba(36, 212, 231, .2);
    border-radius: 10px;
    color: var(--cyan-2);
    background: rgba(36, 212, 231, .065);
}

.flow-system-status > span > span { display: grid; gap: 2px; }
.flow-system-status b { color: #edfaff; font-family: "JetBrains Mono", monospace; font-size: .62rem; letter-spacing: .08em; }
.flow-system-status small { color: var(--dim); font-size: .62rem; }
.flow-system-status > span:nth-child(2) b { color: var(--cyan-2); font-size: .95rem; line-height: 1; }

.flow-tab { grid-template-columns: auto auto minmax(0, 1fr); min-height: 86px; }
.flow-tab > span:first-child { font-size: .6rem; }
.flow-tab > span:last-child {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 2px;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
}
.flow-tab > span:last-child strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.flow-tab > span:last-child small { overflow: hidden; color: #6f8aa0; font-size: .58rem; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.flow-tab.is-active > span:last-child small { color: #9fc7d5; }

.flow-proof-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin-top: 24px;
}

.flow-proof-grid > span {
    display: grid;
    gap: 4px;
    min-width: 0;
    padding: 13px;
    border: 1px solid rgba(36, 212, 231, .13);
    border-radius: 12px;
    background: rgba(36, 212, 231, .035);
}

.flow-proof-grid small { color: #66879c; font-family: "JetBrains Mono", monospace; font-size: .48rem; font-weight: 800; letter-spacing: .09em; }
.flow-proof-grid strong { overflow: hidden; color: #eafaff; font-size: .74rem; text-overflow: ellipsis; white-space: nowrap; }

.flow-visual-head {
    display: flex;
    grid-column: 1 / -1;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 42px;
    margin-bottom: 13px;
    padding: 0 12px;
    border: 1px solid rgba(126, 167, 196, .12);
    border-radius: 11px;
    background: rgba(3, 15, 28, .82);
}

.flow-visual-head > span { display: inline-flex; align-items: center; gap: 8px; min-width: 0; }
.flow-visual-head svg { width: 15px; height: 15px; color: var(--cyan-2); }
.flow-visual-head b { overflow: hidden; color: #bfe6ef; font-family: "JetBrains Mono", monospace; font-size: .52rem; letter-spacing: .08em; text-overflow: ellipsis; white-space: nowrap; }
.flow-visual-head small { flex: 0 0 auto; color: var(--green); font-size: .56rem; }
.intelligence-visual { align-content: start; }
.mini-chart span { transform-origin: bottom; animation: nd-chart-pulse 4.8s ease-in-out infinite alternate; animation-delay: calc(var(--h) * -20ms); }

.helix-copy { min-width: 0; }
.helix-operating-line {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin-top: 24px;
}

.helix-operating-line > span {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 72px;
    padding: 12px;
    border: 1px solid rgba(36, 212, 231, .13);
    border-radius: 14px;
    background: linear-gradient(145deg, rgba(36, 212, 231, .055), rgba(5, 18, 33, .55));
}

.helix-operating-line > span > svg { flex: 0 0 auto; width: 29px; height: 29px; padding: 7px; border-radius: 9px; color: var(--cyan-2); background: rgba(36, 212, 231, .08); }
.helix-operating-line > span > span { display: grid; gap: 3px; min-width: 0; }
.helix-operating-line small { color: #608195; font-family: "JetBrains Mono", monospace; font-size: .45rem; font-weight: 800; letter-spacing: .08em; }
.helix-operating-line strong { overflow: hidden; font-size: .68rem; text-overflow: ellipsis; white-space: nowrap; }

.helix-product { padding: 12px; border-color: rgba(36, 212, 231, .26); }
.helix-product-status,
.helix-product-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 42px;
    padding: 0 10px;
    color: #68879a;
    font-family: "JetBrains Mono", monospace;
    font-size: .49rem;
    letter-spacing: .06em;
}

.helix-product-status > span:first-child,
.helix-product-foot > span { display: inline-flex; align-items: center; gap: 7px; }
.helix-product-status svg,
.helix-product-foot svg { flex: 0 0 auto; width: 14px; height: 14px; color: var(--cyan-2); }
.helix-product-status b { color: #b8eaf2; }
.helix-product-foot {
    justify-content: center;
    margin-top: 8px;
    border: 1px solid rgba(126, 167, 196, .12);
    border-radius: 12px;
    background: rgba(7, 22, 38, .62);
}
.helix-product-foot > svg { color: #4b687c; }
.helix-screen { margin-top: 8px; }

.solution-context-line {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    min-height: 52px;
    padding: 8px 18px;
    border-bottom: 1px solid var(--line);
    color: #7691a4;
    background: linear-gradient(90deg, rgba(36, 212, 231, .02), rgba(59, 130, 246, .04), rgba(167, 139, 250, .02));
}

.solution-context-line > span { display: inline-flex; align-items: center; gap: 8px; }
.solution-context-line > span > svg { width: 17px; height: 17px; color: var(--cyan-2); }
.solution-context-line > svg { width: 15px; height: 15px; color: #426478; }
.solution-context-line b { font-family: "JetBrains Mono", monospace; font-size: .5rem; letter-spacing: .08em; }
.solution-panel { position: relative; }
.solution-panel::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .55; background: radial-gradient(circle at 88% 28%, rgba(36, 212, 231, .065), transparent 25rem); }
.solution-panel[data-solution-panel="contracts"]::before { background: radial-gradient(circle at 88% 28%, rgba(246, 184, 63, .075), transparent 25rem); }
.solution-panel[data-solution-panel="close"]::before { background: radial-gradient(circle at 88% 28%, rgba(167, 139, 250, .075), transparent 25rem); }
.solution-panel[data-solution-panel="talent"]::before { background: radial-gradient(circle at 88% 28%, rgba(236, 72, 153, .075), transparent 25rem); }
.solution-panel > * { position: relative; z-index: 1; }

.solution-proof-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 18px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(126, 167, 196, .13);
}
.solution-proof-head > span { display: inline-flex; align-items: center; gap: 8px; }
.solution-proof-head svg { width: 16px; height: 16px; color: var(--cyan-2); }
.solution-proof-head b { color: #c9edf4; font-family: "JetBrains Mono", monospace; font-size: .52rem; letter-spacing: .08em; }
.solution-proof-head > small { color: var(--green); font-size: .54rem; }
.solution-proof-metrics,
.meeting-pack-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin-top: 20px;
}
.solution-proof-metrics > span,
.meeting-pack-grid > span { display: grid; gap: 4px; padding: 11px; border: 1px solid rgba(126, 167, 196, .13); border-radius: 11px; background: rgba(255, 255, 255, .018); }
.solution-proof-metrics small,
.meeting-pack-grid small { color: #617f93; font-family: "JetBrains Mono", monospace; font-size: .44rem; letter-spacing: .07em; }
.solution-proof-metrics b,
.meeting-pack-grid b { color: #e8f9ff; font-size: .72rem; }
.solution-bar span { animation: nd-solution-meter 3.8s ease-in-out infinite alternate; transform-origin: left; }

.contract-timeline > div { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; }
.contract-timeline > div > small { color: #6f8a9d; font-size: .57rem; text-align: right; }
.solution-ready { display: flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 12px; border: 1px solid rgba(52, 211, 153, .16); border-radius: 11px; color: #a7e8ce !important; background: rgba(52, 211, 153, .045); font-size: .63rem !important; }
.solution-ready svg { flex: 0 0 auto; width: 15px; height: 15px; }
.meeting-pack-head > span { display: inline-flex; align-items: center; gap: 8px; }
.meeting-pack-head svg { width: 16px; height: 16px; }
.meeting-pack-score { text-shadow: none; }
.talent-stack { align-content: start; }
.talent-stack .solution-proof-head { margin-bottom: 2px; }
.talent-stack article { position: relative; overflow: hidden; }
.talent-stack article::after { content: ""; position: absolute; right: 10px; bottom: 7px; left: 70px; height: 3px; border-radius: 99px; background: linear-gradient(90deg, rgba(236, 72, 153, .76), rgba(167, 139, 250, .12)); transform: scaleX(var(--talent-fit, .78)); transform-origin: left; }
.talent-stack article:nth-of-type(1) { --talent-fit: .91; }
.talent-stack article:nth-of-type(2) { --talent-fit: .84; }
.talent-stack article:nth-of-type(3) { --talent-fit: .78; }

.deliverable-command {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(400px, .65fr);
    align-items: stretch;
    gap: 1px;
    margin-bottom: 14px;
    overflow: hidden;
    border: 1px solid rgba(36, 212, 231, .24);
    border-radius: 24px;
    background: rgba(126, 167, 196, .12);
    box-shadow: 0 24px 70px rgba(0, 0, 0, .28), 0 0 44px rgba(36, 212, 231, .04);
}

.deliverable-command-main {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 18px;
    min-height: 148px;
    padding: 24px;
    background: linear-gradient(145deg, rgba(9, 31, 50, .97), rgba(4, 16, 30, .97));
}
.deliverable-command-icon { display: grid; place-items: center; width: 62px; height: 62px; border: 1px solid rgba(36, 212, 231, .28); border-radius: 18px; color: var(--cyan-2); background: linear-gradient(145deg, rgba(36, 212, 231, .13), rgba(59, 130, 246, .06)); box-shadow: 0 0 28px rgba(36, 212, 231, .08); }
.deliverable-command-icon svg { width: 27px; height: 27px; }
.deliverable-command-main > div { min-width: 0; }
.deliverable-command h3 { margin: 5px 0 0; font-size: 1.52rem; letter-spacing: -.045em; }
.deliverable-command p { max-width: 640px; margin: 7px 0 0; color: var(--muted); font-size: .75rem; line-height: 1.55; }
.deliverable-command-state { display: inline-flex; align-items: center; gap: 7px; min-height: 34px; padding: 0 10px; border: 1px solid rgba(52, 211, 153, .2); border-radius: 999px; color: #a9f0d2; background: rgba(52, 211, 153, .065); font-family: "JetBrains Mono", monospace; font-size: .48rem; font-weight: 800; letter-spacing: .07em; }
.deliverable-command-state svg { width: 14px; height: 14px; }
.deliverable-command-metrics { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; background: rgba(126, 167, 196, .12); }
.deliverable-command-metrics > span { display: grid; align-content: center; gap: 4px; min-height: 74px; padding: 14px 18px; background: rgba(4, 17, 31, .97); }
.deliverable-command-metrics small { color: #66869a; font-family: "JetBrains Mono", monospace; font-size: .46rem; letter-spacing: .08em; }
.deliverable-command-metrics b { color: #eafaff; font-size: 1.18rem; }
.deliverable-command.is-refreshing .deliverable-command-main > div,
.deliverable-command.is-refreshing .deliverable-command-icon,
.deliverable-command.is-refreshing .deliverable-command-metrics { animation: nd-command-refresh .54s var(--ease) both; }

.deliverable-grid { gap: 12px; border: 0; background: transparent; box-shadow: none; }
.deliverable-grid article {
    position: relative;
    display: flex;
    min-width: 0;
    flex-direction: column;
    min-height: 338px;
    padding: 22px;
    overflow: hidden;
    border: 1px solid var(--line) !important;
    border-radius: 20px;
    background: linear-gradient(155deg, rgba(8, 27, 45, .92), rgba(3, 14, 27, .94));
    cursor: pointer;
}
.deliverable-grid article::before { content: ""; position: absolute; inset: 0 0 auto; height: 2px; background: linear-gradient(90deg, var(--cyan), transparent); opacity: .35; }
.deliverable-grid article.is-active { border-color: rgba(105, 239, 247, .52) !important; background: radial-gradient(circle at 90% 0, rgba(36, 212, 231, .12), transparent 45%), linear-gradient(155deg, rgba(8, 31, 50, .97), rgba(3, 14, 27, .96)); box-shadow: 0 20px 55px rgba(0, 0, 0, .27), 0 0 34px rgba(36, 212, 231, .07); }
.deliverable-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.deliverable-icon { margin: 0; }
.deliverable-state { padding: 5px 7px; border: 1px solid rgba(36, 212, 231, .16); border-radius: 999px; color: #83bcca; background: rgba(36, 212, 231, .045); font-family: "JetBrains Mono", monospace; font-size: .43rem; font-weight: 800; letter-spacing: .08em; }
.deliverable-grid article > .micro-label { margin-top: 24px; }
.deliverable-mini { display: grid; gap: 7px; margin-top: 18px; }
.deliverable-mini > span { display: flex; align-items: center; gap: 7px; color: #9bb5c4; font-size: .63rem; }
.deliverable-mini svg { width: 14px; height: 14px; color: var(--cyan-2); }
.deliverable-grid article footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: auto; padding-top: 17px; border-top: 1px solid rgba(126, 167, 196, .11); color: #a7dbe5; font-size: .62rem; font-weight: 700; }
.deliverable-grid article footer svg { width: 16px; height: 16px; color: var(--cyan-2); transition: transform .2s var(--ease); }
.deliverable-grid article:hover footer svg { transform: translate(2px, -2px); }

.trust-layout { align-items: start; }
.trust-copy { position: sticky; top: 120px; }
.trust-copy h2 { max-width: 680px; }
.trust-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 28px; }
.trust-copy .button { margin-top: 0; }
.trust-link { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 4px; color: #a9dbe5; font-size: .72rem; font-weight: 800; }
.trust-link svg { width: 16px; height: 16px; color: var(--cyan-2); transition: transform .2s var(--ease); }
.trust-link:hover { color: #fff; }
.trust-link:hover svg { transform: translate(2px, -2px); }
.trust-principles article { position: relative; gap: 14px; min-height: 158px; padding: 22px; overflow: hidden; }
.trust-principles article::after { content: ""; position: absolute; width: 90px; height: 90px; right: -30px; bottom: -38px; border: 1px solid rgba(36, 212, 231, .08); border-radius: 50%; }
.trust-principle-index { position: absolute; top: 12px; right: 13px; color: rgba(105, 239, 247, .36) !important; font-family: "JetBrains Mono", monospace; font-size: .48rem !important; letter-spacing: .08em; }

.trust-system {
    grid-column: 1 / -1;
    margin-top: 10px;
    padding: 18px;
    border: 1px solid rgba(52, 211, 153, .2);
    border-radius: 22px;
    background: radial-gradient(circle at 92% 0, rgba(52, 211, 153, .08), transparent 35%), rgba(4, 18, 30, .8);
    box-shadow: 0 22px 60px rgba(0, 0, 0, .24);
}
.trust-system-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; min-height: 38px; padding: 0 4px 14px; border-bottom: 1px solid rgba(52, 211, 153, .12); }
.trust-system-head > span,
.trust-system-head > strong { display: inline-flex; align-items: center; gap: 8px; font-family: "JetBrains Mono", monospace; font-size: .5rem; letter-spacing: .08em; }
.trust-system-head > span { color: #b9e9db; }
.trust-system-head > strong { color: #86e8bd; }
.trust-system-head svg { width: 15px; height: 15px; }
.trust-chain { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; align-items: center; gap: 10px; padding-top: 16px; }
.trust-chain article { position: relative; display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 12px; min-height: 102px; padding: 15px; border: 1px solid rgba(52, 211, 153, .14); border-radius: 15px; background: rgba(52, 211, 153, .035); }
.trust-chain article > span { position: absolute; top: 8px; right: 9px; color: rgba(117, 240, 191, .35); font-family: "JetBrains Mono", monospace; font-size: .45rem; }
.trust-chain article > svg { width: 38px; height: 38px; padding: 10px; border: 1px solid rgba(52, 211, 153, .17); border-radius: 11px; color: #71e1b1; background: rgba(52, 211, 153, .06); }
.trust-chain article > div { display: grid; gap: 3px; min-width: 0; }
.trust-chain small { color: #5e8a78; font-family: "JetBrains Mono", monospace; font-size: .43rem; letter-spacing: .08em; }
.trust-chain b { overflow: hidden; color: #e4faf2; font-size: .68rem; text-overflow: ellipsis; white-space: nowrap; }
.trust-chain em { overflow: hidden; color: #7fa899; font-size: .55rem; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.trust-chain-arrow { width: 16px; height: 16px; color: rgba(52, 211, 153, .48); }
.trust-details { margin-top: 0; }

.billing-control {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 7px;
    border: 1px solid rgba(36, 212, 231, .2);
    border-radius: 18px;
    background: linear-gradient(145deg, rgba(8, 27, 45, .92), rgba(4, 16, 29, .92));
    box-shadow: 0 16px 38px rgba(0, 0, 0, .2), inset 0 1px rgba(255, 255, 255, .025);
}
.billing-control-copy { display: flex; align-items: center; gap: 10px; min-width: 210px; padding-left: 4px; }
.billing-control-icon { display: grid; flex: 0 0 auto; place-items: center; width: 38px; height: 38px; border: 1px solid rgba(36, 212, 231, .2); border-radius: 11px; color: var(--cyan-2); background: rgba(36, 212, 231, .07); }
.billing-control-icon svg { width: 18px; height: 18px; }
.billing-control-copy > span:last-child { display: grid; gap: 2px; }
.billing-control-copy small { color: #5f8296; font-family: "JetBrains Mono", monospace; font-size: .43rem; font-weight: 800; letter-spacing: .08em; }
.billing-control-copy strong { color: #eafaff; font-size: .67rem; }
.billing-toggle { gap: 6px; min-width: 318px; padding: 5px; border-radius: 14px; }
.billing-toggle button { position: relative; display: flex; min-height: 58px; flex-direction: column; align-items: flex-start; justify-content: center; gap: 3px; padding: 7px 13px; border-radius: 10px; }
.billing-toggle button > span { font-size: .72rem; }
.billing-toggle button > small { display: flex; align-items: center; gap: 5px; padding: 0; color: #6c8b9d; background: transparent; font-size: .48rem; }
.billing-toggle button > small b { color: #7de6b8; font-weight: 800; }
.billing-toggle button > small em { padding: 2px 5px; border-radius: 999px; color: #d5f9e8; background: rgba(52, 211, 153, .12); font-style: normal; white-space: nowrap; }
.billing-toggle button.is-active { color: #02151c; background: linear-gradient(135deg, #69eff7, #37b9ed); box-shadow: 0 10px 26px rgba(36, 212, 231, .18); }
.billing-toggle button.is-active > small,
.billing-toggle button.is-active > small b { color: rgba(1, 30, 36, .72); }
.billing-toggle button.is-active > small em { color: #073b32; background: rgba(5, 63, 54, .12); }

.faq-overview {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    min-height: 78px;
    margin-bottom: 14px;
    padding: 12px 16px;
    border: 1px solid rgba(36, 212, 231, .18);
    border-radius: 18px;
    background: linear-gradient(145deg, rgba(36, 212, 231, .065), rgba(5, 18, 32, .7));
}
.faq-overview > div { display: flex; align-items: center; gap: 12px; }
.faq-overview-icon { display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid rgba(36, 212, 231, .22); border-radius: 12px; color: var(--cyan-2); background: rgba(36, 212, 231, .075); }
.faq-overview-icon svg { width: 20px; height: 20px; }
.faq-overview > div > span:last-child { display: grid; gap: 3px; }
.faq-overview small { color: #64889b; font-family: "JetBrains Mono", monospace; font-size: .46rem; font-weight: 800; letter-spacing: .08em; }
.faq-overview strong { font-size: .76rem; }
.faq-overview > span { display: inline-flex; align-items: center; gap: 8px; color: #8fb2c2; font-size: .64rem; }
.faq-overview > span svg { width: 16px; height: 16px; color: var(--green); }
.faq-grid { align-items: start; gap: 12px; }
.faq details { position: relative; overflow: hidden; border-radius: 18px; background: linear-gradient(145deg, rgba(8, 27, 45, .82), rgba(4, 16, 29, .88)); }
.faq details[open] {
    order: -1;
    grid-column: 1 / -1;
    transform: none;
    border-color: rgba(36, 212, 231, .42);
    background: radial-gradient(circle at 92% 0, rgba(36, 212, 231, .11), transparent 50%), linear-gradient(145deg, rgba(8, 31, 51, .97), rgba(4, 18, 31, .97));
    box-shadow: 0 22px 55px rgba(0, 0, 0, .24), inset 3px 0 0 rgba(36, 212, 231, .72);
}
.faq details[open]:hover { transform: none; }
.faq summary { min-height: 76px; padding: 0 16px; }
.faq summary > span { display: flex; align-items: center; gap: 12px; min-width: 0; }
.faq summary > span > b { display: grid; flex: 0 0 auto; place-items: center; width: 31px; height: 31px; border: 1px solid rgba(36, 212, 231, .18); border-radius: 9px; color: var(--cyan-2); background: rgba(36, 212, 231, .055); font-family: "JetBrains Mono", monospace; font-size: .53rem; }
.faq summary > span > span { line-height: 1.38; }
.faq details[open] summary {
    min-height: 82px;
    border-bottom: 1px solid rgba(126, 167, 196, .14);
    color: #f3fcff;
}
.faq details[open] summary > span > b { border-color: rgba(36, 212, 231, .4); background: rgba(36, 212, 231, .12); box-shadow: 0 0 22px rgba(36, 212, 231, .12); }
.faq details p {
    position: relative;
    max-width: 1120px;
    padding: 24px 28px 28px 76px;
    color: #a9c5d2;
    font-size: .82rem;
    line-height: 1.78;
}
.faq details p::before {
    content: "RESPUESTA";
    position: absolute;
    top: 28px;
    left: 20px;
    color: var(--cyan-2);
    font-family: "JetBrains Mono", monospace;
    font-size: .42rem;
    font-weight: 800;
    letter-spacing: .09em;
}
html[lang="en"] .faq details p::before { content: "ANSWER"; }

.back-to-top {
    right: auto;
    left: 50%;
    display: flex;
    width: auto;
    min-width: 146px;
    height: 42px;
    gap: 8px;
    padding: 0 16px;
    border-radius: 999px;
    color: #dffaff;
    background: linear-gradient(145deg, rgba(7, 27, 44, .96), rgba(3, 14, 27, .96));
    box-shadow: 0 16px 40px rgba(0, 0, 0, .42), inset 0 1px rgba(255, 255, 255, .04), 0 0 0 1px rgba(36, 212, 231, .05);
    transform: translate(-50%, 12px);
}
.back-to-top svg { width: 15px; height: 15px; color: var(--cyan-2); }
.back-to-top span { font-family: "JetBrains Mono", monospace; font-size: .5rem; font-weight: 800; letter-spacing: .09em; }
.back-to-top:hover { border-color: rgba(105, 239, 247, .62); background: linear-gradient(145deg, rgba(12, 42, 62, .98), rgba(4, 18, 32, .98)); }
.back-to-top.is-visible { transform: translate(-50%, 0); }

.nd-story-rail {
    right: 20px;
    display: grid;
    grid-template-columns: auto auto;
    gap: 8px 7px;
    min-width: 58px;
    padding: 10px 9px;
    border-radius: 20px;
    border-color: rgba(36, 212, 231, .21);
    background: linear-gradient(160deg, rgba(7, 26, 43, .9), rgba(2, 10, 20, .88));
    box-shadow: 0 24px 60px rgba(0, 0, 0, .38), inset 0 1px rgba(255, 255, 255, .035), 0 0 30px rgba(36, 212, 231, .035);
}
.nd-story-rail-head { grid-column: 1 / -1; display: flex; align-items: baseline; justify-content: center; min-height: 24px; color: var(--cyan-2); font-family: "JetBrains Mono", monospace; }
.nd-story-rail-head b { font-size: .68rem; }
.nd-story-rail-head small { color: #4d7287; font-size: .46rem; }
.nd-story-rail-track { position: relative; width: 3px; min-height: 180px; overflow: hidden; border-radius: 99px; background: rgba(126, 167, 196, .12); }
.nd-story-rail-track i { position: absolute; inset: 0 0 auto; height: 12.5%; border-radius: inherit; background: linear-gradient(to bottom, var(--cyan-2), var(--blue)); box-shadow: 0 0 12px rgba(36, 212, 231, .36); transition: height .45s var(--ease); }
.nd-story-rail-links { display: grid; gap: 3px; }
.nd-story-rail a { width: 31px; height: 22px; border-radius: 8px; }
.nd-story-rail a::before { display: none; }
.nd-story-rail a > span { color: #5e788b; font-family: "JetBrains Mono", monospace; font-size: .46rem; font-weight: 800; transition: color .2s ease, transform .2s var(--ease); }
.nd-story-rail a:hover > span { color: #bfeff5; transform: translateX(-1px); }
.nd-story-rail a.is-active { background: rgba(36, 212, 231, .09); box-shadow: inset 0 0 0 1px rgba(36, 212, 231, .14); }
.nd-story-rail a.is-active > span { color: var(--cyan-2); }

@keyframes nd-chart-pulse {
    0% { transform: scaleY(.76); filter: saturate(.82); }
    100% { transform: scaleY(1); filter: saturate(1.22); }
}

@keyframes nd-solution-meter {
    0% { transform: scaleX(.72); }
    100% { transform: scaleX(1); }
}

@keyframes nd-command-refresh {
    0% { opacity: .32; filter: blur(5px); transform: translateY(7px); }
    100% { opacity: 1; filter: none; transform: none; }
}

@media (max-width: 1180px) {
    .billing-control-copy { display: none; }
    .billing-toggle { min-width: 300px; }
    .deliverable-command { grid-template-columns: 1fr; }
    .deliverable-command-metrics { grid-template-columns: repeat(4, 1fr); }
    .deliverable-command-metrics > span { min-height: 66px; }
}

@media (max-width: 1439px) {
    .nd-story-rail { display: none; }
}

@media (max-width: 1080px) {
    .header-login { display: none; }
    .trust-copy { position: static; }
    .trust-chain { grid-template-columns: 1fr 1fr; }
    .trust-chain-arrow { display: none; }
    .helix-operating-line { max-width: 760px; }
}

@media (max-width: 720px) {
    .flow-system-status { grid-template-columns: 1fr; }
    .flow-system-status > span { min-height: 58px; }
    .flow-tab { grid-template-columns: auto minmax(0, 1fr); min-height: 74px; }
    .flow-tab > svg { display: none; }
    .flow-tab > span:first-child { display: grid; place-items: center; width: 27px; height: 27px; border: 1px solid rgba(36, 212, 231, .15); border-radius: 8px; }
    .flow-proof-grid { grid-template-columns: 1fr; }
    .flow-visual-head { align-items: flex-start; flex-direction: column; min-height: 58px; justify-content: center; gap: 3px; }
    .helix-operating-line { grid-template-columns: 1fr; }
    .helix-product-status { align-items: flex-start; flex-direction: column; justify-content: center; gap: 3px; min-height: 58px; }
    .helix-product-foot { flex-wrap: wrap; min-height: 68px; padding-block: 10px; }
    .helix-product-foot > svg { transform: rotate(90deg); }
    .solution-context-line { justify-content: flex-start; overflow-x: auto; scrollbar-width: none; }
    .solution-context-line::-webkit-scrollbar { display: none; }
    .solution-context-line > span { flex: 0 0 auto; }
    .solution-proof-metrics,
    .meeting-pack-grid { grid-template-columns: 1fr; }
    .meeting-pack-score { grid-template-columns: 1fr; gap: 14px; padding: 16px; }
    .meeting-pack-score-value { min-width: 0; }
    .meeting-pack-score-value b { font-size: 3.65rem; }
    .contract-timeline > div { grid-template-columns: auto minmax(0, 1fr); padding-block: 9px; }
    .contract-timeline > div > small { grid-column: 2; text-align: left; }
    .deliverable-command-main { grid-template-columns: auto 1fr; min-height: 0; padding: 18px; }
    .deliverable-command-state { grid-column: 1 / -1; justify-self: start; }
    .deliverable-command-metrics { grid-template-columns: repeat(2, 1fr); }
    .deliverable-grid article { min-height: 320px; }
    .trust-principles { grid-template-columns: 1fr; }
    .trust-chain { grid-template-columns: 1fr; }
    .trust-system-head { align-items: flex-start; flex-direction: column; }
    .billing-control { width: 100%; }
    .billing-control-copy { display: flex; min-width: 0; }
    .billing-control { align-items: stretch; flex-direction: column; }
    .billing-toggle { width: 100%; min-width: 0; }
    .billing-toggle button { align-items: center; text-align: center; }
    .faq-overview { align-items: flex-start; flex-direction: column; }
    .faq details[open] { grid-column: auto; }
    .faq details p { padding: 20px 18px 24px; }
    .faq details p::before { position: static; display: block; margin-bottom: 8px; }
    .back-to-top { right: auto; bottom: 14px; left: 50%; }
}

@media (max-width: 420px) {
    .billing-toggle button > small { flex-direction: column; }
    .billing-toggle button > small em { display: none; }
    .deliverable-command-icon { width: 52px; height: 52px; border-radius: 15px; }
    .deliverable-command h3 { font-size: 1.24rem; }
    .deliverable-command-metrics b { font-size: 1rem; }
    .trust-chain article { min-height: 94px; }
    .faq summary { min-height: 82px; padding-inline: 12px; }
    .faq summary > span { gap: 9px; }
    .faq summary > span > b { width: 28px; height: 28px; }
    .back-to-top { min-width: 126px; padding-inline: 13px; }
}

@media (min-width: 1920px) {
    .flow-system-status > span { min-height: 78px; }
    .deliverable-command-main { min-height: 170px; }
    .deliverable-command-metrics > span { min-height: 85px; }
    .trust-chain article { min-height: 118px; }
}

/* 4K is a distinct reading environment: preserve information density without microtype. */
@media (min-width: 3000px) {
    :root { --max: min(3200px, calc(100vw - 320px)); }

    main .eyebrow,
    main .micro-label { font-size: .74rem; letter-spacing: .1em; }

    .section-heading p,
    .hero-lead,
    .solution-copy p,
    .trust-copy > p,
    .deliverables .section-heading p { font-size: 1.08rem; }

    .flow-system-status small,
    .flow-tab small,
    .flow-proof-grid small,
    .flow-visual small,
    .solution-context-line,
    .solution-proof small,
    .contract-timeline small,
    .meeting-pack-grid small,
    .deliverable-mini,
    .trust-principles p,
    .trust-chain small,
    .plan-card small { font-size: .68rem; }

    .flow-system-status strong,
    .flow-tab span,
    .flow-proof-grid strong,
    .solution-tabs button,
    .solution-proof strong,
    .contract-timeline span,
    .meeting-pack-grid b,
    .deliverable-command-state,
    .trust-principles h3,
    .trust-chain strong { font-size: .9rem; }

    .faq { padding-top: 170px; padding-bottom: 180px; }
    .faq .section-heading { max-width: 1900px; margin-bottom: 74px; }
    .faq .section-heading h2 { max-width: 1600px; margin-inline: auto; }
    .faq .section-heading p { max-width: 1320px; margin-inline: auto; font-size: 1.1rem; line-height: 1.7; }
    .faq-overview {
        min-height: 118px;
        margin-bottom: 22px;
        padding: 18px 26px;
        border-radius: 24px;
    }
    .faq-overview-icon { width: 58px; height: 58px; border-radius: 16px; }
    .faq-overview-icon svg { width: 28px; height: 28px; }
    .faq-overview small { font-size: .68rem; }
    .faq-overview strong { font-size: 1rem; }
    .faq-overview > span { font-size: .82rem; }
    .faq-overview > span svg { width: 21px; height: 21px; }

    .faq-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
    .faq details {
        min-height: 112px;
        border-radius: 24px;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
    }
    .faq details::before {
        content: "";
        position: absolute;
        inset: 0 auto 0 0;
        width: 4px;
        opacity: .34;
        background: linear-gradient(180deg, var(--cyan), rgba(76,142,255,.12));
    }
    .faq details:nth-child(3n + 2)::before { background: linear-gradient(180deg, #62e6d2, rgba(52,211,153,.12)); }
    .faq details:nth-child(3n)::before { background: linear-gradient(180deg, #7fa3ff, rgba(139,92,246,.12)); }
    .faq summary { min-height: 112px; padding: 0 28px; font-size: 1.05rem; }
    .faq summary > span { gap: 18px; }
    .faq summary > span > b { width: 46px; height: 46px; border-radius: 13px; font-size: .72rem; }
    .faq summary svg { width: 40px; height: 40px; padding: 10px; }
    .faq details[open] summary { min-height: 120px; }
    .faq details p {
        max-width: 2300px;
        min-height: 120px;
        padding: 34px 44px 38px 122px;
        font-size: 1rem;
        line-height: 1.72;
    }
    .faq details p::before { top: 42px; left: 32px; font-size: .62rem; }
}

/* --------------------------------------------------------------------------
   RELEASE FINALE V19
   Production reliability, clearer secondary copy and form feedback.
   -------------------------------------------------------------------------- */

/* Keep the editorial rhythm premium without adding unnecessary empty travel. */
@media (min-width: 1081px) and (max-width: 2999px) {
    .section-block { padding-block: clamp(82px, 7.5vw, 122px); }
    .section-heading { margin-bottom: clamp(36px, 4.25vw, 58px); }
}

/* Secondary information remains subordinate, but no longer looks disabled. */
.module-card p,
.ecosystem-capability-grid p,
.plan-card > p,
.plan-capacity-meta,
.pricing-disclaimer,
.cockpit-header,
.priority-copy span,
.flow-copy > p,
.solution-copy > p,
.deliverable-grid p,
.contact-form > small {
    color: #91adbd;
}

.trust-principles article > div > span { color: #abc5bb; }
.trust-principles .trust-principle-proof > span { color: #8fd2b2; }
.trust-chain small { color: #79b39b; }
.trust-chain em { color: #91b9aa; }

/* Mobile alignment guard: the desktop edge treatment removes the first
   item's left padding. Restore one shared inset for every trust principle so
   all icons and copy sit on the same vertical axes. */
@media (max-width: 720px) {
    main#main-content > section.trust-rail .trust-rail-inner > article,
    main#main-content > section.trust-rail .trust-rail-inner > article:first-child,
    main#main-content > section.trust-rail .trust-rail-inner > article:last-child {
        padding-inline: var(--page-pad) !important;
    }
}

/* ========================================================================== */
/* Ecosystem closed catalogue v25                                             */
/* The public overview is a stable grid; the immersive view keeps the motion. */
/* ========================================================================== */

#ecosistema .ecosystem-catalog.is-grid-closed {
    overflow: visible;
}

#ecosistema .ecosystem-catalog.is-grid-closed .ecosystem-catalog-head,
#ecosistema .ecosystem-catalog.is-grid-closed .ecosystem-catalog-foot {
    display: none !important;
}

#ecosistema .ecosystem-catalog.is-grid-closed .module-carousel-viewport {
    width: 100%;
    overflow: visible !important;
    scroll-snap-type: none !important;
}

#ecosistema .ecosystem-catalog.is-grid-closed #moduleGrid {
    display: grid !important;
    width: 100% !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-auto-columns: unset !important;
    grid-auto-flow: row dense !important;
    gap: 12px !important;
    transform: none !important;
}

#ecosistema .ecosystem-catalog.is-grid-closed .module-card {
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
    min-height: 154px !important;
    height: auto !important;
    padding: 16px !important;
    overflow: hidden !important;
    scroll-snap-align: none !important;
}

#ecosistema .ecosystem-catalog.is-grid-closed .module-card[data-module="helix"],
#ecosistema .ecosystem-catalog.is-grid-closed .module-card[data-module="center"],
#ecosistema .ecosystem-catalog.is-grid-closed .module-card[data-module="vault"],
#ecosistema .ecosystem-catalog.is-grid-closed .module-card[data-module="downloads"],
#ecosistema .ecosystem-catalog.is-grid-closed .module-card[data-module="hub"] {
    grid-column: span 2 !important;
}

#ecosistema .ecosystem-catalog.is-grid-closed .module-card[data-module="progress"],
#ecosistema .ecosystem-catalog.is-grid-closed .module-card[data-module="trust"] {
    grid-column: span 1 !important;
}

#ecosistema .ecosystem-catalog.is-grid-closed .module-card-index,
#ecosistema .ecosystem-catalog.is-grid-closed .module-card-proof,
#ecosistema .ecosystem-catalog.is-grid-closed .module-card-stage {
    display: none !important;
}

@media (max-width: 1080px) {
    #ecosistema .ecosystem-catalog.is-grid-closed #moduleGrid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 640px) {
    #ecosistema .ecosystem-catalog.is-grid-closed #moduleGrid {
        grid-template-columns: 1fr !important;
    }

    #ecosistema .ecosystem-catalog.is-grid-closed .module-card {
        grid-column: 1 !important;
    }
}

/* Ecosystem grid — closed production layout.
   Keep the final two rows balanced and remove internal catalogue numbering. */
#ecosistema #moduleGrid .module-card[data-module="progress"] {
    grid-column: span 1 !important;
}

#ecosistema #moduleGrid .module-card[data-module="hub"] {
    grid-column: span 2 !important;
}

#ecosistema #moduleGrid .module-card-index {
    display: none !important;
}

/* ========================================================================== */
/* Ecosystem editorial carousel v21                                           */
/* ========================================================================== */

#ecosistema .ecosystem-layout {
    grid-template-columns: minmax(330px, .56fr) minmax(0, 1.44fr);
    align-items: center;
    gap: clamp(36px, 4vw, 72px);
}

#ecosistema .ecosystem-copy {
    top: 108px;
}

.ecosystem-catalog {
    position: relative;
    min-width: 0;
    padding: clamp(18px, 1.6vw, 28px);
    overflow: hidden;
    border: 1px solid rgba(145, 179, 202, .17);
    border-radius: 28px;
    background:
        linear-gradient(145deg, rgba(10, 27, 42, .96), rgba(3, 13, 25, .99));
    box-shadow:
        0 30px 72px rgba(0, 0, 0, .28),
        inset 0 1px 0 rgba(255, 255, 255, .045);
    isolation: isolate;
}

.ecosystem-catalog::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: -1;
    background:
        radial-gradient(circle at 5% 0%, rgba(54, 219, 226, .07), transparent 32%),
        radial-gradient(circle at 96% 100%, rgba(118, 102, 244, .06), transparent 34%);
}

.ecosystem-catalog-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(145, 179, 202, .12);
}

.ecosystem-catalog-heading {
    min-width: 0;
}

.ecosystem-catalog-kicker {
    display: block;
    margin-bottom: 5px;
    color: #55dce5;
    font: 700 .58rem/1.2 var(--font-mono);
    letter-spacing: .18em;
    text-transform: uppercase;
}

.ecosystem-catalog-heading h3 {
    margin: 0;
    color: #eef8fb;
    font-size: clamp(1.05rem, 1.25vw, 1.35rem);
    line-height: 1.08;
    letter-spacing: -.035em;
}

.ecosystem-catalog-heading p {
    max-width: 570px;
    margin: 7px 0 0;
    color: #8ea9b9;
    font-size: clamp(.72rem, .73vw, .84rem);
    line-height: 1.55;
}

.module-carousel-controls {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 9px;
}

.module-carousel-control {
    display: inline-grid;
    place-items: center;
    width: 42px;
    height: 42px;
    padding: 0;
    color: #d9edf3;
    border: 1px solid rgba(137, 177, 202, .22);
    border-radius: 13px;
    background: rgba(8, 25, 39, .92);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
    cursor: pointer;
    transition: border-color .22s ease, background .22s ease, color .22s ease, transform .22s ease, opacity .22s ease;
}

.module-carousel-control svg {
    width: 18px;
    height: 18px;
    stroke-width: 1.9;
}

.module-carousel-control:hover:not(:disabled),
.module-carousel-control:focus-visible {
    color: #fff;
    border-color: rgba(85, 220, 229, .65);
    background: rgba(14, 46, 61, .98);
    transform: translateY(-1px);
}

.module-carousel-control:focus-visible {
    outline: 2px solid rgba(85, 220, 229, .25);
    outline-offset: 3px;
}

.module-carousel-control:disabled {
    opacity: .32;
    cursor: default;
}

.module-carousel-status {
    min-width: 64px;
    color: #8faaba;
    font: 700 .64rem/1 var(--font-mono);
    letter-spacing: .12em;
    text-align: center;
}

.module-carousel-viewport {
    width: 100%;
    min-width: 0;
    padding: 3px 0 8px;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
}

.module-carousel-viewport::-webkit-scrollbar {
    display: none;
}

.ecosystem-catalog .module-grid {
    display: grid !important;
    grid-template-columns: none !important;
    grid-template-rows: 1fr !important;
    grid-auto-flow: column !important;
    grid-auto-columns: calc((100% - 28px) / 3) !important;
    align-items: stretch;
    gap: 14px !important;
    overflow: visible !important;
}

.ecosystem-catalog .module-card,
.ecosystem-catalog .module-card[data-module="helix"],
.ecosystem-catalog .module-card[data-module="center"],
.ecosystem-catalog .module-card[data-module="vault"],
.ecosystem-catalog .module-card[data-module="downloads"],
.ecosystem-catalog .module-card[data-module="progress"],
.ecosystem-catalog .module-card[data-module="hub"] {
    grid-column: auto !important;
    display: flex;
    flex-direction: column;
    min-height: 286px !important;
    height: 286px;
    padding: 22px;
    overflow: hidden;
    scroll-snap-align: start;
    border: 1px solid rgba(145, 179, 202, .16);
    border-radius: 20px;
    background: linear-gradient(155deg, rgba(12, 31, 47, .98), rgba(4, 16, 29, .99));
    box-shadow:
        0 18px 38px rgba(0, 0, 0, .18),
        inset 0 1px 0 rgba(255, 255, 255, .035);
    transform: none;
    transition: border-color .24s ease, background .24s ease, box-shadow .24s ease, transform .24s ease;
}

.ecosystem-catalog .module-card::before {
    content: "";
    position: absolute;
    inset: 0 auto auto 0;
    width: 100%;
    height: 2px;
    opacity: .72;
    background: linear-gradient(90deg, rgba(var(--module-rgb), .9), rgba(var(--module-rgb), .08) 70%, transparent);
}

.ecosystem-catalog .module-card::after {
    content: "";
    position: absolute;
    top: -72px;
    right: -72px;
    width: 170px;
    height: 170px;
    opacity: .065;
    pointer-events: none;
    border-radius: 999px;
    background: rgb(var(--module-rgb));
    filter: blur(46px);
}

.ecosystem-catalog .module-card:hover,
.ecosystem-catalog .module-card:focus-visible,
.ecosystem-catalog .module-card.is-active {
    border-color: rgba(var(--module-rgb), .48);
    background: linear-gradient(155deg, rgba(14, 36, 53, .99), rgba(5, 18, 31, .99));
    box-shadow:
        0 22px 44px rgba(0, 0, 0, .24),
        inset 0 1px 0 rgba(255, 255, 255, .045);
    transform: translateY(-3px);
}

.ecosystem-catalog .module-card:focus-visible {
    outline: 2px solid rgba(var(--module-rgb), .24);
    outline-offset: 3px;
}

.ecosystem-catalog .module-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 22px;
}

.ecosystem-catalog .module-card-icon {
    display: inline-grid;
    flex: 0 0 auto;
    place-items: center;
    width: 44px;
    height: 44px;
    color: rgb(var(--module-rgb));
    border: 1px solid rgba(var(--module-rgb), .28);
    border-radius: 14px;
    background: rgba(var(--module-rgb), .075);
}

.ecosystem-catalog .module-card-icon svg {
    width: 19px;
    height: 19px;
    stroke-width: 1.8;
}

.ecosystem-catalog .module-card-index {
    color: rgba(177, 201, 214, .52);
    font: 700 .58rem/1 var(--font-mono);
    letter-spacing: .13em;
}

.ecosystem-catalog .module-card-kicker {
    display: block;
    margin-bottom: 9px;
    color: rgba(var(--module-rgb), .9);
    font: 700 .58rem/1.2 var(--font-mono);
    letter-spacing: .16em;
    text-transform: uppercase;
}

.ecosystem-catalog .module-card-title,
.ecosystem-catalog .module-card[data-module="helix"] .module-card-title,
.ecosystem-catalog .module-card[data-module="center"] .module-card-title,
.ecosystem-catalog .module-card[data-module="vault"] .module-card-title,
.ecosystem-catalog .module-card[data-module="downloads"] .module-card-title,
.ecosystem-catalog .module-card[data-module="progress"] .module-card-title,
.ecosystem-catalog .module-card[data-module="hub"] .module-card-title {
    display: block;
    color: #f2f8fb;
    font-size: 1.14rem !important;
    font-weight: 760;
    line-height: 1.15;
    letter-spacing: -.025em;
}

.ecosystem-catalog .module-card-summary {
    display: -webkit-box;
    min-height: 58px;
    margin-top: 12px;
    overflow: hidden;
    color: #92adbc;
    font-size: .75rem;
    line-height: 1.55;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.ecosystem-catalog .module-card-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: auto;
    padding-top: 18px;
    border-top: 1px solid rgba(145, 179, 202, .11);
}

.ecosystem-catalog .module-card-foot small {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 0 10px;
    color: rgba(var(--module-rgb), .94);
    border: 1px solid rgba(var(--module-rgb), .24);
    border-radius: 999px;
    background: rgba(var(--module-rgb), .06);
    font: 700 .56rem/1 var(--font-mono);
    letter-spacing: .08em;
    text-transform: uppercase;
}

.ecosystem-catalog .module-card-open {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #c5dae3;
    font-size: .66rem;
    font-weight: 720;
}

.ecosystem-catalog .module-card-open svg {
    width: 14px;
    height: 14px;
    color: rgb(var(--module-rgb));
}

.module-card[data-module="inbox"] {
    --module-rgb: 34, 211, 238;
}

.ecosystem-catalog-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 28px;
    margin-top: 10px;
}

.module-carousel-dots {
    display: flex;
    align-items: center;
    gap: 7px;
}

.module-carousel-dot {
    width: 7px;
    height: 7px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: rgba(151, 184, 202, .28);
    cursor: pointer;
    transition: width .22s ease, background .22s ease;
}

.module-carousel-dot.is-active {
    width: 24px;
    background: #55dce5;
}

.module-carousel-hint {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #738f9f;
    font-size: .66rem;
    line-height: 1;
}

.module-carousel-hint svg {
    width: 15px;
    height: 15px;
    color: #55dce5;
}

/* The expanded experience keeps every module's personality, but trades the
   nightclub-like halo for a quieter executive surface. */
.ecosystem-immersive-backdrop {
    background:
        radial-gradient(circle at 50% 20%, rgba(var(--module-rgb), .08), transparent 40%),
        rgba(1, 7, 15, .94);
    backdrop-filter: blur(18px) saturate(82%);
}

.ecosystem-immersive-panel {
    border-color: rgba(var(--module-rgb), .32);
    background: linear-gradient(145deg, rgba(5, 18, 31, .995), rgba(2, 10, 20, .995));
    box-shadow: 0 34px 90px rgba(0, 0, 0, .54), inset 0 1px 0 rgba(255, 255, 255, .045);
}

.ecosystem-immersive-panel::before {
    opacity: .5;
}

.ecosystem-immersive-aura {
    opacity: .065;
}

.ecosystem-live-panel {
    border-color: rgba(var(--module-rgb), .24);
    background: linear-gradient(155deg, rgba(11, 30, 45, .985), rgba(4, 15, 28, .995));
    box-shadow: 0 26px 58px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .04);
}

.ecosystem-capability-grid article {
    border-color: rgba(var(--module-rgb), .17);
    background: linear-gradient(150deg, rgba(12, 30, 45, .92), rgba(5, 17, 30, .96));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
}

@media (max-width: 1180px) {
    #ecosistema .ecosystem-layout {
        grid-template-columns: 1fr;
        gap: 34px;
    }

    #ecosistema .ecosystem-copy {
        position: relative;
        top: auto;
        max-width: 760px;
    }

    .ecosystem-catalog .module-grid {
        grid-auto-columns: calc((100% - 14px) / 2) !important;
    }
}

@media (max-width: 720px) {
    .ecosystem-catalog {
        padding: 15px;
        border-radius: 22px;
    }

    .ecosystem-catalog-head {
        align-items: flex-end;
        gap: 12px;
    }

    .ecosystem-catalog-heading p {
        display: none;
    }

    .module-carousel-control {
        width: 40px;
        height: 40px;
        border-radius: 12px;
    }

    .module-carousel-status {
        min-width: 52px;
        font-size: .59rem;
    }

    .ecosystem-catalog .module-grid {
        grid-auto-columns: 100% !important;
        gap: 12px !important;
    }

    .ecosystem-catalog .module-card,
    .ecosystem-catalog .module-card[data-module="helix"],
    .ecosystem-catalog .module-card[data-module="center"],
    .ecosystem-catalog .module-card[data-module="vault"],
    .ecosystem-catalog .module-card[data-module="downloads"],
    .ecosystem-catalog .module-card[data-module="progress"],
    .ecosystem-catalog .module-card[data-module="hub"] {
        min-height: 270px !important;
        height: 270px;
        padding: 20px;
    }

    .ecosystem-catalog .module-card-summary {
        min-height: 54px;
        font-size: .78rem;
    }

    .module-carousel-hint {
        font-size: .61rem;
    }
}

@media (min-width: 2200px) {
    #ecosistema .ecosystem-layout {
        grid-template-columns: minmax(500px, .54fr) minmax(0, 1.46fr);
        gap: 84px;
    }

    .ecosystem-catalog {
        padding: 34px;
        border-radius: 34px;
    }

    .ecosystem-catalog .module-card,
    .ecosystem-catalog .module-card[data-module="helix"],
    .ecosystem-catalog .module-card[data-module="center"],
    .ecosystem-catalog .module-card[data-module="vault"],
    .ecosystem-catalog .module-card[data-module="downloads"],
    .ecosystem-catalog .module-card[data-module="progress"],
    .ecosystem-catalog .module-card[data-module="hub"] {
        min-height: 340px !important;
        height: 340px;
        padding: 28px;
        border-radius: 24px;
    }

    .ecosystem-catalog .module-card-title,
    .ecosystem-catalog .module-card[data-module="helix"] .module-card-title,
    .ecosystem-catalog .module-card[data-module="center"] .module-card-title,
    .ecosystem-catalog .module-card[data-module="vault"] .module-card-title,
    .ecosystem-catalog .module-card[data-module="downloads"] .module-card-title,
    .ecosystem-catalog .module-card[data-module="progress"] .module-card-title,
    .ecosystem-catalog .module-card[data-module="hub"] .module-card-title {
        font-size: 1.4rem !important;
    }

    .ecosystem-catalog .module-card-summary {
        min-height: 76px;
        font-size: .93rem;
    }

    .ecosystem-catalog .module-card-open,
    .ecosystem-catalog-heading p {
        font-size: .88rem;
    }
}


.contact-honeypot {
    position: absolute !important;
    left: -10000px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.contact-form-status {
    display: flex;
    align-items: center;
    min-height: 46px;
    margin: 2px 0 0;
    padding: 10px 13px;
    border: 1px solid rgba(36, 212, 231, .18);
    border-radius: 12px;
    color: #c9edf4;
    background: rgba(36, 212, 231, .055);
    font-size: .72rem;
    line-height: 1.5;
}

.contact-form-status[data-state="success"] {
    border-color: rgba(52, 211, 153, .28);
    color: #bdf5dc;
    background: rgba(52, 211, 153, .075);
}

.contact-form-status[data-state="error"] {
    border-color: rgba(251, 113, 133, .3);
    color: #ffd2d9;
    background: rgba(251, 113, 133, .07);
}

.contact-form[aria-busy="true"] { cursor: progress; }
.contact-form button:disabled {
    cursor: wait;
    opacity: .7;
    filter: saturate(.72);
}

@media (min-width: 3000px) {
    .contact-form-status { min-height: 64px; padding: 14px 18px; font-size: .9rem; }
}

/* V16.8 · keep the navigation mathematically centred while the account actions
   retain their independent, expected position at the right edge. The hero demo
   keeps its crisp border and depth without the distracting ambient halo. */
@media (min-width: 1081px) {
    .header-actions {
        grid-column: 3;
        justify-self: end;
    }
}

.hero-stage::before {
    display: none;
}

.hero-orbit {
    background: transparent;
}

.cockpit {
    box-shadow: var(--shadow), 0 0 0 1px rgba(36, 212, 231, .055);
}

/* V17 · a restrained logo rail uses the quiet space beneath the header without
   turning the opening into another content section. */
.hero {
    grid-template-rows: auto auto;
    column-gap: clamp(52px, 6vw, 92px);
    row-gap: clamp(32px, 3.2vw, 52px);
}

.technology-logo-rail {
    position: relative;
    grid-column: 1 / -1;
    width: 100%;
    min-width: 0;
    overflow: hidden;
    padding: 1px;
    border: 1px solid rgba(126, 190, 216, .18);
    border-radius: 28px;
    background:
        radial-gradient(circle at 8% 20%, rgba(36, 212, 231, .09), transparent 24%),
        radial-gradient(circle at 91% 80%, rgba(139, 92, 246, .09), transparent 25%),
        radial-gradient(circle, rgba(154, 211, 232, .09) .7px, transparent .8px) 0 0 / 19px 19px,
        linear-gradient(108deg, rgba(7, 27, 47, .96), rgba(5, 17, 34, .96) 48%, rgba(11, 18, 46, .96));
    box-shadow:
        0 26px 72px rgba(0, 0, 0, .34),
        inset 0 1px rgba(255, 255, 255, .045),
        inset 0 -1px rgba(36, 212, 231, .035);
    isolation: isolate;
}

.technology-logo-rail::before {
    content: "";
    position: absolute;
    top: -1px;
    right: 7%;
    left: 7%;
    z-index: 2;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent, rgba(36, 212, 231, .7) 27%, rgba(139, 92, 246, .72) 73%, transparent);
    opacity: .78;
}

.technology-logo-list {
    display: grid;
    grid-template-columns: repeat(15, minmax(0, 1fr));
    align-items: stretch;
    min-width: 860px;
    gap: 6px;
    padding: 8px;
}

.technology-logo {
    --brand: #6fd6e8;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    min-height: 64px;
    padding: 7px;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--brand) 17%, rgba(126, 190, 216, .1));
    border-radius: 15px;
    color: rgba(235, 246, 253, .9);
    background:
        radial-gradient(circle at 22% -30%, color-mix(in srgb, var(--brand) 18%, transparent), transparent 58%),
        linear-gradient(145deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .012));
    box-shadow: inset 0 1px rgba(255, 255, 255, .035), 0 9px 24px rgba(0, 0, 0, .12);
    transition: color .28s ease, border-color .28s ease, background-color .28s ease, transform .28s ease, box-shadow .28s ease;
}

.technology-logo::after {
    content: "";
    position: absolute;
    right: 18%;
    bottom: 0;
    left: 18%;
    height: 2px;
    border-radius: 999px 999px 0 0;
    background: linear-gradient(90deg, transparent, var(--brand), transparent);
    opacity: .44;
    transition: right .28s ease, left .28s ease, opacity .28s ease;
}

.technology-logo:hover {
    color: #fff;
    border-color: color-mix(in srgb, var(--brand) 48%, rgba(255, 255, 255, .12));
    transform: translateY(-2px);
    box-shadow:
        inset 0 1px rgba(255, 255, 255, .06),
        0 14px 34px rgba(0, 0, 0, .2),
        0 0 26px color-mix(in srgb, var(--brand) 14%, transparent);
}

.technology-logo:focus-visible {
    outline: 2px solid color-mix(in srgb, var(--brand) 78%, #fff);
    outline-offset: -3px;
    border-color: color-mix(in srgb, var(--brand) 58%, rgba(255, 255, 255, .16));
}

.technology-logo:hover::after {
    right: 8%;
    left: 8%;
    opacity: .9;
}

.technology-logo-mark {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 36px;
    height: 36px;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--brand) 32%, rgba(255, 255, 255, .18));
    border-radius: 11px;
    background: rgba(255, 255, 255, .965);
    box-shadow:
        inset 0 1px rgba(255, 255, 255, .72),
        0 8px 20px rgba(0, 0, 0, .2),
        0 0 18px color-mix(in srgb, var(--brand) 12%, transparent);
    transition: transform .28s ease, box-shadow .28s ease;
}

.technology-logo-mark img {
    display: block;
    width: 20px;
    height: 20px;
    object-fit: contain;
}

.technology-logo-mark.is-wide img {
    width: 27px;
    height: 18px;
}

.technology-logo:hover .technology-logo-mark {
    transform: scale(1.045);
    box-shadow:
        inset 0 1px rgba(255, 255, 255, .82),
        0 10px 24px rgba(0, 0, 0, .22),
        0 0 24px color-mix(in srgb, var(--brand) 19%, transparent);
}

.technology-logo[data-brand="openai"] { --brand: #10a37f; }
.technology-logo[data-brand="claude"] { --brand: #d97757; }
.technology-logo[data-brand="gemini"] { --brand: #8e75b2; }
.technology-logo[data-brand="supabase"] { --brand: #3ecf8e; }
.technology-logo[data-brand="render"] { --brand: #46e3b7; }
.technology-logo[data-brand="aws"] { --brand: #ff9900; }
.technology-logo[data-brand="cloudflare"] { --brand: #f38020; }
.technology-logo[data-brand="stripe"] { --brand: #7a73ff; }
.technology-logo[data-brand="google"] { --brand: #4285f4; }
.technology-logo[data-brand="googledrive"] { --brand: #4285f4; }
.technology-logo[data-brand="microsoft"] { --brand: #5b9bd5; }
.technology-logo[data-brand="dropbox"] { --brand: #0061ff; }
.technology-logo[data-brand="box"] { --brand: #0061d5; }
.technology-logo[data-brand="gmail"] { --brand: #ea4335; }
.technology-logo[data-brand="apple"] { --brand: #cbd5e1; }

.technology-logo-rail.is-visible .technology-logo {
    animation: nd-logo-arrive .58s var(--ease) both;
}

.technology-logo-rail.is-visible .technology-logo:nth-child(2) { animation-delay: 35ms; }
.technology-logo-rail.is-visible .technology-logo:nth-child(3) { animation-delay: 70ms; }
.technology-logo-rail.is-visible .technology-logo:nth-child(4) { animation-delay: 105ms; }
.technology-logo-rail.is-visible .technology-logo:nth-child(5) { animation-delay: 140ms; }
.technology-logo-rail.is-visible .technology-logo:nth-child(6) { animation-delay: 175ms; }
.technology-logo-rail.is-visible .technology-logo:nth-child(7) { animation-delay: 210ms; }
.technology-logo-rail.is-visible .technology-logo:nth-child(8) { animation-delay: 245ms; }
.technology-logo-rail.is-visible .technology-logo:nth-child(9) { animation-delay: 280ms; }
.technology-logo-rail.is-visible .technology-logo:nth-child(10) { animation-delay: 315ms; }
.technology-logo-rail.is-visible .technology-logo:nth-child(11) { animation-delay: 350ms; }
.technology-logo-rail.is-visible .technology-logo:nth-child(12) { animation-delay: 385ms; }
.technology-logo-rail.is-visible .technology-logo:nth-child(13) { animation-delay: 420ms; }
.technology-logo-rail.is-visible .technology-logo:nth-child(14) { animation-delay: 455ms; }
.technology-logo-rail.is-visible .technology-logo:nth-child(15) { animation-delay: 490ms; }

@keyframes nd-logo-arrive {
    from { opacity: 0; transform: translateY(11px) scale(.97); }
    to { opacity: 1; transform: none; }
}

@media (min-width: 1920px) {
    .technology-logo-list {
        min-width: 0;
        gap: 7px;
        padding: 9px;
    }

    .technology-logo {
        min-height: 72px;
        padding: 8px;
    }

    .technology-logo-mark {
        width: 40px;
        height: 40px;
        border-radius: 12px;
    }

    .technology-logo-mark img {
        width: 23px;
        height: 23px;
    }

    .technology-logo-mark.is-wide img {
        width: 30px;
        height: 20px;
    }
}

@media (min-width: 3000px) {
    .technology-logo-rail { border-radius: 36px; }
    .technology-logo-list { gap: 9px; padding: 12px; }
    .technology-logo { min-height: 92px; border-radius: 20px; }
    .technology-logo-mark { width: 50px; height: 50px; border-radius: 15px; }
    .technology-logo-mark img { width: 29px; height: 29px; }
    .technology-logo-mark.is-wide img { width: 38px; height: 26px; }
}

@media (max-width: 1180px) {
    .hero { column-gap: 40px; }
    .technology-logo-rail {
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        scroll-snap-type: inline proximity;
        scrollbar-width: none;
    }
    .technology-logo-rail::-webkit-scrollbar { display: none; }
    .technology-logo-list {
        width: max-content;
        min-width: 100%;
        grid-template-columns: repeat(15, 64px);
        overflow: visible;
    }
    .technology-logo { scroll-snap-align: start; }
}

@media (min-width: 721px) and (max-width: 1599px) {
    .technology-logo { padding: 7px; }
}

@media (max-width: 1080px) {
    .hero { row-gap: 44px; }
    .technology-logo-rail { order: -1; }
}

@media (max-width: 720px) {
    .hero {
        row-gap: 34px;
    }

    .technology-logo-rail {
        display: none;
        width: calc(100vw - (var(--page-pad) * 2));
        border-radius: 18px;
    }

    .technology-logo-list {
        grid-template-columns: repeat(15, 64px);
        width: max-content;
        min-width: 100%;
        gap: 6px;
        padding: 8px;
    }

    .technology-logo {
        min-height: 64px;
        justify-content: center;
        padding: 7px;
        border-radius: 16px;
    }

    .technology-logo-mark {
        width: 36px;
        height: 36px;
        border-radius: 11px;
    }
}

@media (min-width: 1440px) {
    .trust-rail {
        margin-top: -36px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .technology-logo-rail.is-visible .technology-logo { animation: none !important; }
    .mini-chart span,
    .solution-bar span { animation: none !important; transform: none !important; }
    .deliverable-command.is-refreshing * { animation: none !important; }
}

/* --------------------------------------------------------------------------
   CONVERSION FINALE V16
   Trust, FAQ, closing CTA, connected-flow hierarchy and desktop navigation.
   -------------------------------------------------------------------------- */

/* A compact navigation capsule gives the current chapter presence without
   competing with the global reading-progress line. */
.desktop-nav {
    gap: 4px;
    padding: 4px;
    border: 1px solid rgba(126, 167, 196, .11);
    border-radius: 999px;
    background: rgba(5, 18, 32, .5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
}

.desktop-nav a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 15px;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: .8rem;
    font-weight: 760;
    letter-spacing: -.012em;
    transition: color .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

.desktop-nav a::after {
    right: auto;
    bottom: 4px;
    left: 50%;
    width: 4px;
    height: 4px;
    background: linear-gradient(135deg, var(--cyan-2), var(--violet));
    box-shadow: 0 0 10px rgba(36, 212, 231, .55);
    transform: translate(-50%, 5px) scale(0);
}

.desktop-nav a:hover {
    border-color: rgba(126, 167, 196, .13);
    background: rgba(126, 167, 196, .045);
}

.desktop-nav a.is-active {
    color: #f4fdff;
    border-color: rgba(105, 239, 247, .18);
    background: linear-gradient(145deg, rgba(36, 212, 231, .11), rgba(76, 142, 255, .055));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 8px 20px rgba(0, 0, 0, .12);
}

.desktop-nav a.is-active::after,
.desktop-nav a:hover::after { transform: translate(-50%, 0) scale(1); }

/* The changing multicolour story track is the only active underline. */
.flow-tab::after { display: none; }
.flow-tab.is-active {
    background: linear-gradient(180deg, rgba(36, 212, 231, .075), rgba(36, 212, 231, .025));
    box-shadow: inset 0 0 0 1px rgba(105, 239, 247, .07);
}

/* Trust is composed as one editorial system: statement, four guarantees and
   one traceability chain. This removes the dead area produced by the old
   sticky two-column composition. */
.trust-layout {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: start;
    gap: 18px;
}

.trust-copy {
    position: relative;
    top: auto;
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: minmax(0, .96fr) minmax(440px, 1.04fr);
    grid-template-rows: auto auto;
    align-items: end;
    gap: 16px clamp(48px, 6vw, 104px);
    padding: 0 0 30px;
    border-bottom: 1px solid rgba(126, 167, 196, .13);
}

.trust-copy .eyebrow { grid-column: 1; grid-row: 1; align-self: end; }
.trust-copy h2 { grid-column: 1; grid-row: 2; max-width: 820px; margin: 0; }
.trust-copy > p {
    grid-column: 2;
    grid-row: 1;
    align-self: end;
    max-width: 720px;
    margin: 0;
    color: #a9c5d2;
}
.trust-actions { grid-column: 2; grid-row: 2; align-self: end; margin: 0; }

.trust-principles {
    grid-column: 1 / -1;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.trust-principles article {
    min-height: 216px;
    padding: 24px;
    border-color: rgba(52, 211, 153, .16);
    background:
        radial-gradient(circle at 92% 0, rgba(52, 211, 153, .09), transparent 44%),
        linear-gradient(155deg, rgba(7, 29, 42, .92), rgba(3, 17, 29, .94));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025), 0 18px 40px rgba(0, 0, 0, .12);
}

.trust-principles article > svg {
    width: 42px;
    height: 42px;
    padding: 11px;
    border: 1px solid rgba(52, 211, 153, .2);
    border-radius: 12px;
    color: #75e9b9;
    background: rgba(52, 211, 153, .075);
}

.trust-principles article > div { flex: 1; min-width: 0; }
.trust-principles strong { color: #effcf7; font-size: .89rem; }
.trust-principles article > div > span { color: #8faca1; font-size: .73rem; line-height: 1.58; }

.trust-principle-proof {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: auto;
    padding-top: 13px;
    border-top: 1px solid rgba(52, 211, 153, .11);
}
.trust-principle-proof > svg {
    flex: 0 0 auto;
    width: 14px;
    height: 14px;
    color: #65dca9;
}
.trust-principles .trust-principle-proof > span {
    overflow: hidden;
    color: #78b59d;
    font-family: "JetBrains Mono", monospace;
    font-size: .47rem;
    font-weight: 700;
    letter-spacing: .025em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.trust-system {
    grid-column: 1 / -1;
    margin-top: 0;
    padding: 20px;
    border-color: rgba(52, 211, 153, .23);
    background:
        radial-gradient(circle at 10% 0, rgba(52, 211, 153, .09), transparent 32%),
        radial-gradient(circle at 90% 100%, rgba(36, 212, 231, .055), transparent 34%),
        rgba(4, 18, 30, .88);
}

.trust-details { margin-top: 0; }

/* Each FAQ answer remains in its own grid cell and only grows downward. */
.faq-grid { align-items: start; gap: 16px; }
.faq details {
    min-height: 88px;
    border-radius: 20px;
    background:
        radial-gradient(circle at 100% 0, rgba(36, 212, 231, .045), transparent 42%),
        linear-gradient(145deg, rgba(8, 27, 45, .86), rgba(4, 16, 29, .92));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .022), 0 12px 28px rgba(0, 0, 0, .08);
}

.faq details[open] {
    order: initial;
    grid-column: auto;
    border-color: rgba(36, 212, 231, .4);
    background:
        radial-gradient(circle at 92% 0, rgba(36, 212, 231, .12), transparent 52%),
        linear-gradient(145deg, rgba(8, 31, 51, .98), rgba(4, 18, 31, .98));
    box-shadow: 0 22px 52px rgba(0, 0, 0, .2), inset 3px 0 0 rgba(36, 212, 231, .72);
}

.faq summary { min-height: 88px; padding: 10px 18px; }
.faq summary > span { gap: 13px; }
.faq summary > span > span { line-height: 1.42; }
.faq details[open] summary { min-height: 88px; }
.faq details p {
    max-width: none;
    min-height: 0;
    padding: 21px 22px 25px 72px;
    font-size: .78rem;
    line-height: 1.72;
}
.faq details p::before { top: 25px; left: 20px; }

/* The final conversion moment now continues the connected-product narrative
   instead of appearing as a detached card. */
.final-cta { position: relative; padding-top: clamp(76px, 7vw, 116px); }
.final-cta::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: min(620px, 70vw);
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(36, 212, 231, .42), transparent);
    transform: translateX(-50%);
}

.final-cta-bridge {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 36px;
    min-height: 112px;
    padding: 18px 28px;
    border: 1px solid rgba(36, 212, 231, .23);
    border-bottom-color: rgba(126, 167, 196, .12);
    border-radius: 26px 26px 0 0;
    background:
        radial-gradient(circle at 12% 0, rgba(36, 212, 231, .11), transparent 40%),
        linear-gradient(145deg, rgba(7, 28, 45, .94), rgba(4, 17, 30, .94));
    box-shadow: 0 -14px 48px rgba(36, 212, 231, .035);
}
.final-cta-bridge > div { display: grid; gap: 7px; }
.final-cta-bridge > div > strong { max-width: 620px; font-size: clamp(1rem, 1.35vw, 1.36rem); letter-spacing: -.025em; }
.final-cta-bridge ol { display: flex; align-items: center; gap: 8px; margin: 0; padding: 0; list-style: none; }
.final-cta-bridge li {
    display: grid;
    grid-template-columns: auto auto 1fr;
    align-items: center;
    gap: 8px;
    min-width: 150px;
    min-height: 54px;
    padding: 9px 12px;
    border: 1px solid rgba(36, 212, 231, .13);
    border-radius: 14px;
    color: #c9e7ef;
    background: rgba(36, 212, 231, .04);
}
.final-cta-bridge li + li::before {
    content: "";
    position: absolute;
}
.final-cta-bridge li > span { color: #527c90; font-family: "JetBrains Mono", monospace; font-size: .48rem; }
.final-cta-bridge li > svg { width: 17px; height: 17px; color: var(--cyan-2); }
.final-cta-bridge li > b { font-size: .68rem; }

.final-cta-card {
    position: relative;
    gap: clamp(46px, 6vw, 88px);
    border-top: 0;
    border-radius: 0 0 var(--radius-xl) var(--radius-xl);
    background:
        radial-gradient(circle at 12% 4%, rgba(36, 212, 231, .13), transparent 30rem),
        radial-gradient(circle at 88% 100%, rgba(167, 139, 250, .11), transparent 25rem),
        linear-gradient(150deg, rgba(5, 21, 37, .98), rgba(3, 13, 27, .98));
}
.final-cta-card::before {
    content: "";
    position: absolute;
    top: 0;
    right: 5%;
    left: 5%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(105, 239, 247, .24), transparent);
}
.final-copy { align-self: center; }
.final-copy > p { margin-inline: 0; }
.final-assurances {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px;
    margin-top: 24px;
}
.final-assurances > span {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 48px;
    padding: 8px 10px;
    border: 1px solid rgba(36, 212, 231, .13);
    border-radius: 13px;
    color: #bbdbe5;
    background: rgba(36, 212, 231, .035);
}
.final-assurances svg { flex: 0 0 auto; width: 16px; height: 16px; color: var(--cyan-2); }
.final-assurances b { font-size: .62rem; }

.contact-form {
    position: relative;
    padding: 26px;
    border-color: rgba(126, 167, 196, .18);
    background:
        radial-gradient(circle at 100% 0, rgba(76, 142, 255, .085), transparent 38%),
        rgba(3, 14, 27, .86);
    box-shadow: 0 24px 60px rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .025);
}
.contact-form-head { padding-bottom: 18px; border-bottom: 1px solid rgba(126, 167, 196, .11); }
.contact-form-head > small {
    margin-left: auto;
    padding: 5px 8px;
    border: 1px solid rgba(105, 239, 247, .2);
    border-radius: 999px;
    color: var(--cyan-2);
    background: rgba(36, 212, 231, .06);
    font-family: "JetBrains Mono", monospace;
    font-size: .46rem;
    font-weight: 800;
    letter-spacing: .08em;
}
.contact-form input,
.contact-form textarea { background: rgba(7, 25, 42, .88); }

@media (max-width: 1180px) {
    .desktop-nav a { padding-inline: 11px; }
    .trust-copy { grid-template-columns: minmax(0, .95fr) minmax(360px, 1.05fr); gap-inline: 42px; }
    .trust-principles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .final-cta-bridge { grid-template-columns: 1fr; gap: 18px; }
    .final-cta-bridge ol { width: 100%; }
    .final-cta-bridge li { flex: 1; min-width: 0; }
}

@media (max-width: 1080px) {
    .trust-copy { display: block; }
    .trust-copy h2 { margin-top: 18px; }
    .trust-copy > p { max-width: 760px; margin: 20px 0 0; }
    .trust-actions { margin-top: 22px; }
    .final-cta-card { grid-template-columns: 1fr; }
    .final-copy { max-width: 760px; }
}

@media (max-width: 820px) {
    .final-cta-bridge ol { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .final-cta-bridge li { grid-template-columns: auto 1fr; }
    .final-cta-bridge li > span { grid-column: 1 / -1; }
    .final-assurances { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
    .trust-layout { display: grid; gap: 14px; }
    .trust-copy { padding-bottom: 24px; }
    .trust-principles { grid-template-columns: 1fr; }
    .trust-principles article { min-height: 184px; }
    .faq-grid { grid-template-columns: 1fr; }
    .faq details[open] { grid-column: auto; }
    .faq details p { padding: 18px 18px 23px; }
    .faq details p::before { position: static; display: block; margin-bottom: 8px; }
    .final-cta { padding-top: 70px; }
    .final-cta-bridge { min-height: 0; padding: 18px; border-radius: 22px 22px 0 0; }
    .final-cta-bridge ol { grid-template-columns: 1fr; }
    .final-cta-bridge li { grid-template-columns: auto auto 1fr; min-height: 50px; }
    .final-cta-bridge li > span { grid-column: auto; }
    .final-cta-card { padding: 28px 18px; border-radius: 0 0 22px 22px; }
    .contact-form { padding: 18px; }
}

@media (min-width: 3000px) {
    .desktop-nav { gap: 8px; padding: 6px; }
    .desktop-nav a { min-height: 52px; padding-inline: 24px; font-size: 1.02rem; }
    .desktop-nav a::after { bottom: 6px; width: 6px; height: 6px; }
    .trust-layout { gap: 28px; }
    .trust-copy { gap: 24px 120px; padding-bottom: 48px; }
    .trust-principles { gap: 24px; }
    .trust-principles article { min-height: 300px; padding: 38px; border-radius: 26px; }
    .trust-principles article > svg { width: 58px; height: 58px; padding: 15px; border-radius: 17px; }
    .trust-principles strong { font-size: 1.18rem; }
    .trust-principles article > div > span { font-size: .94rem; }
    .trust-principles .trust-principle-proof > span { font-size: .65rem; }
    .trust-system { padding: 30px; border-radius: 30px; }
    .faq-grid { gap: 24px; }
    .faq details[open] { grid-column: auto; }
    .faq details p { max-width: none; min-height: 150px; padding: 38px 42px 42px 126px; }
    .faq details p::before { top: 46px; left: 34px; }
    .final-cta-bridge { min-height: 162px; padding: 28px 44px; border-radius: 34px 34px 0 0; }
    .final-cta-bridge > div > strong { max-width: 920px; font-size: 1.82rem; }
    .final-cta-bridge li { min-width: 230px; min-height: 78px; padding: 14px 18px; border-radius: 19px; }
    .final-cta-bridge li > span { font-size: .68rem; }
    .final-cta-bridge li > svg { width: 24px; height: 24px; }
    .final-cta-bridge li > b { font-size: .92rem; }
    .final-assurances > span { min-height: 70px; padding: 12px 16px; border-radius: 18px; }
    .final-assurances svg { width: 22px; height: 22px; }
    .final-assurances b { font-size: .84rem; }
    .contact-form { padding: 38px; }
    .contact-form-head > small { font-size: .66rem; }
}

/* V16.1 · 4K legibility floor.
   At UHD widths, density must not recreate 1440p microtype. The large display
   gets a larger reading scale while headline proportions stay controlled. */
@media (min-width: 3000px) {
    html { font-size: 24px; }

    .brand-word { font-size: 1.26rem; }
    .desktop-nav a { font-size: 1.08rem; }
    .language-switch,
    .header-login,
    .header-cta { font-size: .94rem; }

    main .eyebrow,
    main .micro-label { font-size: .82rem; letter-spacing: .095em; }

    .section-heading p,
    .hero-lead,
    .helix-copy > p,
    .ecosystem-copy > p,
    .solution-copy > p,
    .trust-copy > p,
    .final-copy > p,
    .deliverables .section-heading p { font-size: 1.18rem; line-height: 1.68; }

    .button,
    .priority-action,
    .solution-tabs button,
    .plan-finder button,
    .billing-toggle button { font-size: .94rem; }

    .hero-meta,
    .trust-rail,
    .cockpit-header,
    .cockpit-trace,
    .live-badge { font-size: .84rem; }
    .priority-copy strong { font-size: 1rem; }
    .priority-copy span,
    .priority-impact small { font-size: .8rem; }

    .flow-system-status b,
    .flow-system-status small,
    .flow-tab > span:first-child,
    .flow-tab > span:last-child small,
    .flow-proof-grid small,
    .flow-visual-head b,
    .flow-visual-head small { font-size: .8rem; }
    .flow-tab strong,
    .flow-proof-grid strong { font-size: 1rem; }
    .flow-copy > p { font-size: 1.03rem; }
    .flow-copy li { font-size: .91rem; }

    .helix-operating-line small,
    .solution-context-line,
    .solution-proof-head b,
    .solution-proof-head > small,
    .meeting-pack-grid small,
    .contract-timeline > div > small,
    .solution-ready { font-size: .8rem !important; }
    .helix-operating-line strong,
    .solution-proof strong,
    .meeting-pack-grid b,
    .contract-timeline span { font-size: 1rem; }

    .module-card .module-category,
    .module-card .module-plan,
    .module-card .module-index,
    .module-card .module-cta { font-size: .74rem; }
    .module-card h3 { font-size: 1.12rem; }
    .module-card p { font-size: .88rem; line-height: 1.55; }

    .ecosystem-immersive-kicker,
    .ecosystem-live-signal,
    .ecosystem-flow > span i { font-size: .76rem; }
    .ecosystem-immersive-lead { font-size: 1.28rem; }
    .ecosystem-capability-grid strong,
    .ecosystem-flow > span b { font-size: .96rem; }
    .ecosystem-capability-grid p { font-size: .82rem; }

    .module-scene :where(small, em, time),
    .module-scene [class*="label"] { font-size: .72rem; }
    .module-scene :where(b, strong) { font-size: .86rem; }
    .module-scene p { font-size: .78rem; }

    .deliverable-command p,
    .deliverable-mini > span,
    .deliverable-grid p,
    .deliverable-grid article footer { font-size: .88rem; }
    .deliverable-command-state,
    .deliverable-command-metrics small,
    .deliverable-state { font-size: .76rem; }
    .deliverable-command-metrics b { font-size: 1.36rem; }

    .trust-link { font-size: .92rem; }
    .trust-principle-index,
    .trust-system-head > span,
    .trust-system-head > strong,
    .trust-chain article > span,
    .trust-chain small,
    .trust-principles .trust-principle-proof > span { font-size: .72rem !important; }
    .trust-chain b { font-size: .94rem; }
    .trust-chain em { font-size: .8rem; }

    .plan-finder strong,
    .pricing-toolbar p,
    .plan-card > p,
    .plan-card li { font-size: .94rem; }
    .plan-finder small,
    .plan-tier,
    .plan-capacity-head > span,
    .plan-capacity-head strong small,
    .plan-capacity-meta,
    .recommended-badge,
    .annual-note,
    .annual-savings,
    .pricing-disclaimer,
    .billing-control-copy small,
    .billing-toggle button > small { font-size: .76rem; }
    .billing-control-copy strong,
    .billing-toggle button > span { font-size: .94rem; }

    .faq .section-heading p { font-size: 1.2rem; }
    .faq-overview small { font-size: .8rem; }
    .faq-overview strong { font-size: 1.12rem; }
    .faq-overview > span { font-size: .96rem; }
    .faq summary { font-size: 1.18rem; line-height: 1.42; }
    .faq summary > span > b { font-size: .82rem; }
    .faq details p { font-size: 1.06rem; line-height: 1.72; }
    .faq details p::before { font-size: .72rem; }

    .final-cta-bridge .micro-label,
    .final-cta-bridge li > span,
    .contact-form-head > small,
    .contact-form label,
    .contact-form > small { font-size: .76rem; }
    .final-cta-bridge li > b,
    .final-assurances b,
    .contact-form-head span { font-size: .9rem; }
    .contact-form-head strong { font-size: 1.12rem; }
    .contact-form input,
    .contact-form textarea { font-size: 1rem; }

    .footer-inner p,
    .footer-inner nav,
    .footer-inner > span,
    .back-to-top span,
    .nd-story-rail-head,
    .nd-story-rail a > span { font-size: .78rem; }
}

/* V16.2 · UHD microcopy pass.
   Explicit component rules below lift the last 12–15px interface labels that
   were still bypassing the global 4K scale because of older, denser selectors. */
@media (min-width: 3000px) {
    .demo-label,
    .cockpit-trace-status,
    .cockpit-trace-flow small,
    .cockpit-footer,
    .cockpit-footer button,
    .helix-product-status,
    .helix-product-status *,
    .helix-live-strip,
    .helix-live-strip *,
    .assistant-name,
    .helix-evidence span,
    .helix-context-grid > article > span,
    .helix-context-grid > article > small,
    .helix-product-foot,
    .helix-product-foot *,
    .solution-context-line,
    .solution-context-line b,
    .priority-number,
    .plan-index,
    .deliverable-mini,
    .action-line b { font-size: .75rem !important; }

    .cockpit-trace-flow strong,
    .assistant-name + p,
    .helix-context-grid strong,
    .action-line strong { font-size: .88rem; }

    .module-card { min-height: 220px; padding: 24px; gap: 9px; }
    .module-card-index {
        width: 34px;
        height: 34px;
        font-size: .75rem;
    }
    .module-card-kicker,
    .module-card-foot > small,
    .module-card-open { font-size: .75rem; }
    .module-card-summary {
        font-size: .78rem;
        line-height: 1.55;
        -webkit-line-clamp: 3;
    }
    .module-card-foot > small,
    .module-card-open { min-height: 40px; padding-inline: 14px; }
    .module-card-open > svg { width: 17px; height: 17px; }

    .trust-principle-index,
    .deliverable-command-state,
    .deliverable-state,
    .recommended-badge,
    .annual-note,
    .annual-savings { font-size: .75rem !important; }

    .trust-rail-inner article span,
    .action-line,
    .action-line > div,
    .action-line small,
    .helix-composer,
    .helix-composer span,
    .solution-proof > small,
    .solution-proof-metrics small,
    .solution-proof-metrics b,
    .ecosystem-invite small,
    .trust-principle-proof span,
    .trust-system-head span,
    .trust-system-head strong,
    .trust-chain article > span,
    .trust-chain small,
    .plan-price > span { font-size: .75rem !important; }

    .flow-visual .upload-drop > span,
    .flow-visual .document-rows > span,
    .flow-visual .document-rows > span > b,
    .trust-principles .trust-principle-proof > span,
    .metric-feature > span,
    .metric-feature > small,
    .signal-row,
    .signal-row span,
    .signal-row b { font-size: .75rem !important; }
}

/* V16.6 · pricing focus and quieter FAQ answers. */
@media (min-width: 901px) {
    .pricing-toolbar {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
        align-items: center;
    }
    .pricing-toolbar > p {
        grid-column: 1;
        justify-self: start;
    }
    .pricing-toolbar > .billing-control {
        grid-column: 2;
        justify-self: center;
    }
}

.faq details p {
    padding: 24px 28px 28px;
}
.faq details p::before,
html[lang="en"] .faq details p::before {
    content: none;
    display: none;
}

@media (max-width: 720px) {
    .faq details p { padding: 18px 18px 23px; }
}

@media (min-width: 3000px) {
    .faq details p { padding: 38px 42px 42px; }
}

/* V16.7 · exact header centring, cohesive Neural Trust and closed-entry FAQ. */
@media (min-width: 1081px) {
    .desktop-nav {
        position: absolute;
        top: 50%;
        left: 50%;
        width: max-content;
        transform: translate(-50%, -50%);
    }
}

.trust-section {
    position: relative;
}

.trust-layout {
    position: relative;
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: clamp(18px, 1.45vw, 28px);
    padding: clamp(26px, 2.7vw, 52px);
    overflow: hidden;
    border: 1px solid rgba(52, 211, 153, .22);
    border-radius: clamp(26px, 2vw, 38px);
    background:
        radial-gradient(circle at 8% 8%, rgba(52, 211, 153, .13), transparent 31%),
        radial-gradient(circle at 96% 92%, rgba(36, 212, 231, .08), transparent 28%),
        linear-gradient(145deg, rgba(5, 24, 37, .98), rgba(3, 14, 27, .99) 56%, rgba(4, 20, 31, .98));
    box-shadow:
        0 42px 100px rgba(0, 0, 0, .24),
        inset 0 1px 0 rgba(255, 255, 255, .035);
}

.trust-layout::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: inherit;
    box-shadow: inset 0 0 0 1px rgba(105, 239, 247, .025);
}

.trust-copy {
    position: relative;
    top: auto;
    grid-column: 1 / span 5;
    grid-row: 1;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 0;
    min-width: 0;
    min-height: 100%;
    padding: clamp(26px, 2.15vw, 42px);
    border: 1px solid rgba(52, 211, 153, .2);
    border-radius: clamp(22px, 1.55vw, 30px);
    background:
        radial-gradient(circle at 0 0, rgba(52, 211, 153, .15), transparent 42%),
        linear-gradient(155deg, rgba(8, 35, 46, .94), rgba(4, 18, 31, .96));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
}

.trust-copy .eyebrow,
.trust-copy h2,
.trust-copy > p,
.trust-actions {
    grid-column: auto;
    grid-row: auto;
}

.trust-copy .eyebrow {
    align-self: flex-start;
}

.trust-copy h2 {
    max-width: 780px;
    margin: clamp(22px, 2vw, 34px) 0 0;
    font-size: clamp(2.45rem, 3.55vw, 4.55rem);
    line-height: .98;
    letter-spacing: -.066em;
}

.trust-copy h2 em {
    display: block;
    margin-top: .12em;
}

.trust-copy > p {
    align-self: auto;
    max-width: 680px;
    margin: clamp(22px, 1.9vw, 32px) 0 0;
    color: #b7d0d6;
    font-size: clamp(.96rem, 1.05vw, 1.16rem);
    line-height: 1.67;
}

.trust-actions {
    align-self: auto;
    width: 100%;
    margin: auto 0 0;
    padding-top: clamp(24px, 2.1vw, 36px);
}

.trust-actions .button,
.trust-link {
    min-height: 48px;
}

.trust-control-stack {
    grid-column: 6 / -1;
    grid-row: 1;
    display: grid;
    align-self: stretch;
    gap: clamp(18px, 1.45vw, 28px);
    min-width: 0;
}

.trust-principles {
    grid-column: 1;
    grid-row: auto;
    display: grid;
    align-self: start;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: auto;
    gap: clamp(14px, 1.15vw, 22px);
}

.trust-principles article {
    height: auto;
    min-height: 0;
    padding: clamp(22px, 1.8vw, 32px);
    border-color: rgba(52, 211, 153, .17);
    border-radius: clamp(20px, 1.35vw, 26px);
    background:
        radial-gradient(circle at 100% 0, rgba(52, 211, 153, .1), transparent 48%),
        linear-gradient(155deg, rgba(7, 29, 42, .94), rgba(3, 17, 29, .97));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .028), 0 18px 42px rgba(0, 0, 0, .12);
}

.trust-principles article::after {
    display: none;
}

.trust-principles article > svg {
    width: 46px;
    height: 46px;
    padding: 12px;
    border-color: rgba(52, 211, 153, .24);
    border-radius: 14px;
    color: #7af0be;
    background: rgba(52, 211, 153, .09);
}

.trust-principles strong {
    color: #f2fff9;
    font-size: clamp(.88rem, .9vw, 1.02rem);
}

.trust-principles article > div > span {
    color: #a2beb4;
    font-size: clamp(.72rem, .72vw, .84rem);
    line-height: 1.58;
}

.trust-principle-proof {
    margin-top: clamp(18px, 1.5vw, 24px);
    padding-top: 14px;
}

.trust-principles .trust-principle-proof > span {
    color: #84c7a8;
    font-size: clamp(.48rem, .47vw, .58rem);
}

.trust-system {
    grid-column: 1;
    grid-row: auto;
    margin: 0;
    padding: clamp(22px, 1.8vw, 34px);
    border-color: rgba(52, 211, 153, .24);
    border-radius: clamp(22px, 1.45vw, 28px);
    background:
        linear-gradient(90deg, rgba(52, 211, 153, .065), transparent 34%, rgba(36, 212, 231, .035)),
        rgba(3, 17, 29, .86);
}

.trust-system-head {
    min-height: 42px;
    padding: 0 4px clamp(16px, 1.2vw, 22px);
}

.trust-chain {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(10px, .9vw, 18px);
}

.trust-chain article {
    min-height: clamp(92px, 7vw, 124px);
    padding: clamp(16px, 1.25vw, 22px);
    border-color: rgba(52, 211, 153, .16);
    border-radius: 18px;
    background: linear-gradient(145deg, rgba(7, 31, 42, .92), rgba(4, 19, 31, .95));
}

.trust-chain article > svg {
    width: 34px;
    height: 34px;
    padding: 8px;
    border: 1px solid rgba(52, 211, 153, .2);
    border-radius: 10px;
    color: #70e7b4;
    background: rgba(52, 211, 153, .07);
}

.trust-chain-arrow {
    display: none;
}

.trust-details {
    grid-column: 1 / -1;
    margin: 0;
    border-color: rgba(52, 211, 153, .2);
}

@media (max-width: 1080px) {
    .trust-layout {
        grid-template-columns: 1fr;
        padding: clamp(18px, 4.5vw, 34px);
    }

    .trust-copy,
    .trust-control-stack,
    .trust-principles,
    .trust-system,
    .trust-details {
        grid-column: 1;
        grid-row: auto;
    }

    .trust-control-stack {
        display: grid;
    }

    .trust-copy {
        display: flex;
        min-height: 0;
    }

    .trust-copy h2 {
        margin-top: 22px;
        font-size: clamp(2.35rem, 8vw, 4.4rem);
    }

    .trust-copy > p {
        margin-top: 22px;
    }

    .trust-actions {
        margin-top: 0;
    }

    .trust-principles {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: auto;
    }
}

@media (max-width: 720px) {
    .trust-layout {
        gap: 12px;
        padding: 12px;
        border-radius: 24px;
    }

    .trust-copy {
        padding: 22px 20px;
        border-radius: 20px;
    }

    .trust-copy h2 {
        font-size: clamp(2.2rem, 12vw, 3.25rem);
    }

    .trust-copy > p {
        font-size: .98rem;
    }

    .trust-principles {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        gap: 12px;
    }

    .trust-principles article {
        min-height: 0;
        padding: 20px;
        border-radius: 18px;
    }

    .trust-system {
        padding: 18px;
        border-radius: 20px;
    }

    .trust-system-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .trust-chain {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 3000px) {
    .trust-layout {
        gap: 34px;
        padding: 64px;
        border-radius: 44px;
    }

    .trust-copy {
        padding: 52px;
        border-radius: 34px;
    }

    .trust-copy h2 {
        font-size: clamp(4.6rem, 3.45vw, 5.7rem);
    }

    .trust-copy > p {
        max-width: 820px;
        font-size: 1.2rem;
    }

    .trust-principles {
        gap: 28px;
    }

    .trust-principles article {
        min-height: 250px;
        padding: 38px;
        border-radius: 30px;
    }

    .trust-principles article > svg {
        width: 60px;
        height: 60px;
        padding: 16px;
    }

    .trust-principles strong {
        font-size: 1.16rem;
    }

    .trust-principles article > div > span {
        font-size: .94rem;
    }

    .trust-system {
        padding: 38px;
        border-radius: 32px;
    }

    .trust-chain {
        grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
    }

    .trust-chain-arrow {
        display: block;
        color: rgba(105, 239, 247, .54);
    }

    .trust-chain article {
        min-height: 150px;
        padding: 28px;
    }
}

/* Final cascade guard: keep production microcopy readable after all visual
   variants without flattening the hierarchy. */
.module-card p,
.ecosystem-capability-grid p,
.plan-card > p,
.plan-capacity-meta,
.pricing-disclaimer,
.cockpit-header,
.priority-copy span,
.flow-copy > p,
.solution-copy > p,
.deliverable-grid p,
.contact-form > small { color: #91adbd; }

.trust-principles article > div > span { color: #abc5bb; }
.trust-principles .trust-principle-proof > span { color: #8fd2b2; }
.trust-chain small { color: #79b39b; }
.trust-chain em { color: #91b9aa; }