:root {
    --bg: #f3f7f3;
    --bg-soft: #e7f2ea;
    --paper: rgba(255, 255, 255, 0.72);
    --paper-strong: #ffffff;
    --card: rgba(255, 255, 255, 0.84);
    --card-strong: #ffffff;
    --text: #2f3032;
    --muted: #58595b;
    --accent-deep: #3f4143;
    --primary: #2cb34a;
    --primary-strong: #24953e;
    --accent: #58595b;
    --accent-soft: #edf1ed;
    --accent-fog-strong: rgba(231, 242, 234, 0.76);
    --rose: #2cb34a;
    --border: rgba(88, 89, 91, 0.14);
    --border-strong: rgba(88, 89, 91, 0.28);
    --shadow: rgba(58, 60, 62, 0.08);
    --shadow-strong: rgba(58, 60, 62, 0.16);
    --line: rgba(88, 89, 91, 0.1);
    --surface-cream: rgba(255, 252, 247, 0.72);
    --surface-cream-strong: rgba(255, 252, 247, 0.96);
    --surface-cream-max: rgba(255, 252, 247, 0.98);
    --stat-wash: rgba(245, 235, 223, 0.82);
    --ink-mask: rgba(0, 0, 0, 0.24);
    --modal-shadow: rgba(30, 19, 12, 0.32);
    --hover-glow: rgba(44, 179, 74, 0.16);
    --hero-ring: rgba(44, 179, 74, 0.18);
    --radius-note: 22px;
    --radius-band: 20px;
    --radius-hub: 26px;
    --radius-panel: 28px;
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
    overflow-x: hidden;
}

@supports (view-transition-name: none) {
    @view-transition {
        navigation: auto;
    }

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

    ::view-transition-old(root) {
        animation-name: marketingPageFadeOut;
    }

    ::view-transition-new(root) {
        animation-name: marketingPageFadeIn;
    }
}

body {
    margin: 0;
    font-family: Manrope, system-ui, sans-serif;
    background:
        radial-gradient(circle at top right, rgba(44, 179, 74, 0.12), transparent 24rem),
        radial-gradient(circle at left 18%, rgba(88, 89, 91, 0.08), transparent 26rem),
        linear-gradient(180deg, #fbfdfb 0%, var(--bg) 52%, #e4efe6 100%);
    color: var(--text);
    line-height: 1.6;
    overflow-x: clip;
}

body.nav-menu-open {
    overflow: hidden;
}

body::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px);
    background-size: 72px 72px;
    mask-image: linear-gradient(180deg, var(--ink-mask), transparent 55%);
    opacity: 0.28;
}

body.marketing-redesign {
    transition: background-color 0.22s ease-out;
}

@keyframes marketingPageFadeOut {
    0% {
        opacity: 1;
        filter: blur(0);
        transform: scale(1);
    }

    100% {
        opacity: 0;
        filter: blur(3px);
        transform: scale(0.992);
    }
}

@keyframes marketingPageFadeIn {
    0% {
        opacity: 0;
        filter: blur(4px);
        transform: scale(1.008);
    }

    100% {
        opacity: 1;
        filter: blur(0);
        transform: scale(1);
    }
}

@media (prefers-reduced-motion: reduce) {
    ::view-transition-old(root),
    ::view-transition-new(root) {
        animation-duration: 1ms;
        filter: none;
    }
}

a {
    color: var(--primary-strong);
}

img {
    max-width: 100%;
}

.container {
    width: min(1440px, calc(100% - 2rem));
    margin: 0 auto;
}

[id] {
    scroll-margin-top: 8.5rem;
}

.nav {
    position: sticky;
    top: 0;
    z-index: 40;
    backdrop-filter: blur(18px);
    background: rgba(251, 253, 251, 0.8);
    border-bottom: 1px solid var(--line);
}

.nav-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    padding: 0.9rem 0;
}

.brand {
    display: inline-flex;
    align-items: center;
    gap: 0.9rem;
    color: inherit;
    text-decoration: none;
}

.brand img,
.footer-brand img {
    height: 42px;
    width: auto;
    display: block;
}

.brand-copy,
.footer-brand {
    display: inline-flex;
    align-items: center;
    gap: 0.8rem;
}

.brand-copy {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.1rem;
}

.brand-copy strong,
.footer-brand strong {
    font-size: 0.95rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.brand-copy small,
.footer-brand span {
    color: var(--muted);
    font-size: 0.72rem;
    letter-spacing: 0.04em;
}

.nav-links {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.9rem;
}

.nav-links a {
    text-decoration: none;
    color: var(--muted);
    font-size: 0.9rem;
}

.nav-toggle {
    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 0.28rem;
    width: 3rem;
    min-height: 3rem;
    padding: 0.7rem;
    border: 1px solid var(--border);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.82);
    color: var(--text);
    cursor: pointer;
}

.nav-toggle span {
    display: block;
    width: 1rem;
    height: 2px;
    border-radius: 999px;
    background: currentColor;
    transition: transform 0.18s ease, opacity 0.18s ease;
}

.nav-toggle[aria-expanded="true"] span:nth-child(1) {
    transform: translateY(6px) rotate(45deg);
}

.nav-toggle[aria-expanded="true"] span:nth-child(2) {
    opacity: 0;
}

.nav-toggle[aria-expanded="true"] span:nth-child(3) {
    transform: translateY(-6px) rotate(-45deg);
}

.nav-menu-panel {
    display: none;
    width: 100%;
}

.nav-menu-links,
.nav-menu-actions {
    display: grid;
    gap: 0.75rem;
}

.nav-menu-links a {
    text-decoration: none;
    color: var(--text);
    font-size: 0.96rem;
    font-weight: 700;
}

.nav-menu-actions .btn {
    width: 100%;
}

.nav-main {
    position: relative;
    font-weight: 700;
}

.nav-main::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -0.35rem;
    width: 100%;
    height: 1px;
    background: var(--primary);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.22s ease;
}

.nav-main:hover,
.nav-main:focus-visible {
    color: var(--text);
}

.nav-main:hover::after,
.nav-main:focus-visible::after {
    transform: scaleX(1);
}

.subnav {
    background: rgba(231, 242, 234, 0.72);
    border-bottom: 1px solid var(--line);
}

.subnav-inner {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.65rem 0;
    overflow-x: auto;
    scroll-padding-inline: 1rem;
    scroll-snap-type: x proximity;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
}

.subnav-item {
    flex: 0 0 auto;
    text-decoration: none;
    white-space: nowrap;
    scroll-snap-align: start;
    border: 1px solid var(--border);
    background: rgba(255, 255, 255, 0.74);
    color: var(--muted);
    border-radius: 999px;
    padding: 0.46rem 0.92rem;
    font-size: 0.82rem;
    font-weight: 700;
    transition: 0.18s ease;
}

.subnav-item:hover,
.subnav-item:focus-visible {
    border-color: var(--primary);
    color: var(--primary-strong);
    background: rgba(255, 255, 255, 0.96);
}

.subnav-item.is-active {
    background: linear-gradient(135deg, var(--primary) 0%, var(--primary-strong) 100%);
    border-color: transparent;
    color: #ffffff;
    box-shadow: 0 10px 24px rgba(44, 179, 74, 0.22);
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    border-radius: 999px;
    font-weight: 800;
    font-size: 0.86rem;
    letter-spacing: 0.02em;
    text-decoration: none;
    padding: 0.72rem 1.12rem;
    border: 1px solid transparent;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
    cursor: pointer;
}

.btn:hover,
.btn:focus-visible {
    transform: translateY(-1px);
}

.btn-primary {
    background: linear-gradient(135deg, var(--primary) 0%, var(--primary-strong) 100%);
    border-color: transparent;
    color: #ffffff;
    box-shadow: 0 14px 28px rgba(44, 179, 74, 0.22);
}

.btn-primary:hover,
.btn-primary:focus-visible {
    box-shadow: 0 18px 34px rgba(44, 179, 74, 0.28);
}

.btn-ghost {
    background: rgba(255, 255, 255, 0.76);
    border-color: var(--border);
    color: var(--text);
}

.btn-ghost:hover,
.btn-ghost:focus-visible {
    border-color: var(--border-strong);
    color: var(--primary-strong);
    background: var(--surface-cream-strong);
}

.btn-lg {
    padding: 0.9rem 1.4rem;
    font-size: 0.92rem;
}

.hero,
.page-hero {
    position: relative;
    overflow: hidden;
}

.hero::before,
.page-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at top right, rgba(44, 179, 74, 0.16), transparent 24rem),
        linear-gradient(135deg, rgba(255, 255, 255, 0.28), transparent 60%);
}

.hero {
    padding: 5.6rem 0 3.3rem;
}

.hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.26fr) minmax(360px, 0.74fr);
    gap: 1.8rem;
    align-items: start;
}

.hero-copy {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 0.85rem;
}

.hero-kicker {
    margin: 0 0 0.8rem;
    color: var(--primary-strong);
    font-size: 0.78rem;
    letter-spacing: 0.24em;
    text-transform: uppercase;
    font-weight: 800;
}

.chip {
    display: inline-flex;
    border: 1px solid rgba(44, 179, 74, 0.22);
    background: rgba(231, 242, 234, 0.9);
    color: var(--primary-strong);
    border-radius: 999px;
    padding: 0.34rem 0.78rem;
    font-size: 0.76rem;
    margin-bottom: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

h1,
.section h2,
.chart-card h3,
.card h3,
.dept-card h3,
.module-card h3,
.tracking-card h3,
.integration-card h3,
.submodule-card h3,
.flow-step h4,
.panel h3,
.cta h3,
.footer-grid h4 {
    font-family: inherit;
}

h1 {
    margin: 0;
    max-width: 13.5ch;
    font-size: clamp(2.8rem, 5.6vw, 5rem);
    line-height: 0.94;
    letter-spacing: -0.04em;
    font-weight: 800;
}

.hero p,
.page-hero p {
    color: var(--muted);
    max-width: 64ch;
}

.hero p {
    margin: 1rem 0 1.35rem;
    font-size: 1rem;
}

.hero-note {
    margin: 0.7rem 0 0;
    color: var(--muted);
    font-size: 0.86rem;
}

.hero-actions,
.pill-row,
.feature-actions,
.dept-links,
.module-links,
.tracking-links,
.integration-links {
    display: flex;
    gap: 0.58rem;
    flex-wrap: wrap;
}

.pill-row {
    margin-top: 1rem;
}

.pill {
    border: 1px solid rgba(44, 179, 74, 0.18);
    background: rgba(231, 242, 234, 0.72);
    color: var(--accent);
    border-radius: 999px;
    padding: 0.32rem 0.68rem;
    font-size: 0.75rem;
    font-weight: 700;
}

.panel,
.card,
.stat,
.dept-card,
.module-card,
.tracking-card,
.integration-card,
.submodule-card,
.chart-card,
.flow-step,
.top-feature,
.hub-node {
    background: var(--card);
    backdrop-filter: blur(12px);
    border: 1px solid var(--border);
    border-radius: 24px;
    box-shadow: 0 18px 40px -28px var(--shadow-strong);
}

.panel,
.card,
.stat,
.dept-card,
.module-card,
.tracking-card,
.integration-card,
.submodule-card,
.chart-card,
.flow-step,
.top-feature,
.hub-node,
.section-note,
.page-hero-map-card {
    position: relative;
    isolation: isolate;
    overflow: hidden;
}

.panel::before,
.card::before,
.stat::after,
.dept-card::before,
.module-card::before,
.tracking-card::before,
.integration-card::before,
.submodule-card::before,
.chart-card::before,
.flow-step::before,
.top-feature::before,
.hub-node::before,
.section-note::before,
.page-hero-map-card::before {
    content: "";
    position: absolute;
    inset: -30%;
    background:
        radial-gradient(circle at var(--pointer-x, 50%) var(--pointer-y, 50%), rgba(255, 255, 255, 0.48), transparent 34%),
        radial-gradient(circle at top right, var(--hover-glow), transparent 28%);
    opacity: 0;
    transition: opacity 0.28s ease;
    pointer-events: none;
    z-index: 0;
}

.panel > *,
.card > *,
.stat > *,
.dept-card > *,
.module-card > *,
.tracking-card > *,
.integration-card > *,
.submodule-card > *,
.chart-card > *,
.flow-step > *,
.top-feature > *,
.hub-node > *,
.section-note > *,
.page-hero-map-card > * {
    position: relative;
    z-index: 1;
}

.panel {
    padding: 1.2rem;
}

.panel h3 {
    margin: 0 0 0.65rem;
    font-size: 1.3rem;
}

.hero-dossier {
    position: relative;
    overflow: hidden;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.9), rgba(237, 244, 238, 0.92));
}

.hero-dossier::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, transparent 0%, rgba(44, 179, 74, 0.05) 100%),
        radial-gradient(circle at top right, rgba(88, 89, 91, 0.08), transparent 34%);
    pointer-events: none;
}

.hero-dossier__head,
.hero-dossier__meta,
.hero-dossier__stack {
    position: relative;
    z-index: 1;
}

.hero-dossier__head {
    display: grid;
    gap: 0.28rem;
    margin-bottom: 1rem;
}

.hero-dossier__head span,
.hero-dossier__meta span,
.eyebrow {
    text-transform: uppercase;
    letter-spacing: 0.16em;
    font-size: 0.7rem;
    font-weight: 800;
    color: var(--primary-strong);
}

.hero-dossier__head strong {
    font-size: 1.12rem;
}

.stack {
    display: grid;
    gap: 0.7rem;
}

.stack-item {
    padding: 0.85rem 0.95rem;
    border: 1px solid rgba(88, 89, 91, 0.1);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.48);
    color: var(--muted);
    font-size: 0.9rem;
}

.hero-dossier .stack-item {
    display: grid;
    gap: 0.18rem;
}

.hero-dossier .stack-item small {
    font-size: 0.68rem;
    text-transform: uppercase;
    letter-spacing: 0.16em;
    color: var(--primary-strong);
    font-weight: 800;
}

.hero-dossier .stack-item strong {
    color: var(--text);
    font-size: 0.94rem;
}

.hero-dossier__meta {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.7rem;
    margin-top: 0.9rem;
}

.hero-dossier__meta > div {
    padding-top: 0.8rem;
    border-top: 1px solid rgba(88, 89, 91, 0.12);
}

.hero-dossier__meta strong {
    display: block;
    margin-top: 0.18rem;
    font-size: 0.92rem;
}

.section {
    padding: 3rem 0;
}

.section-tight {
    padding: 1rem 0 0.5rem;
}

.section-soft {
    position: relative;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.42), rgba(231, 242, 234, 0.6));
    border-block: 1px solid rgba(88, 89, 91, 0.06);
}

.section h2 {
    margin: 0 0 0.45rem;
    font-size: clamp(2rem, 3.5vw, 3rem);
    line-height: 1.02;
    letter-spacing: -0.03em;
}

.section-lead {
    margin: 0 0 1.25rem;
    color: var(--muted);
    max-width: 72ch;
}

.proof-shell,
.section-route,
.audience-layout {
    display: grid;
    gap: 1rem;
}

.proof-shell {
    grid-template-columns: minmax(0, 1.4fr) minmax(300px, 0.8fr);
    align-items: start;
}

.proof-main {
    display: grid;
    gap: 1rem;
}

.proof-side {
    display: grid;
    gap: 1rem;
    position: sticky;
    top: 6.5rem;
    background:
        linear-gradient(155deg, rgba(255, 255, 255, 0.94), rgba(231, 242, 234, 0.9));
}

.proof-side__head,
.proof-side__foot {
    display: grid;
    gap: 0.35rem;
}

.proof-side__head span,
.proof-side__foot span,
.section-route__note,
.audience-card__label,
.audience-story__label {
    text-transform: uppercase;
    letter-spacing: 0.14em;
    font-size: 0.7rem;
    font-weight: 800;
    color: var(--primary-strong);
}

.proof-side__head strong,
.proof-side__foot strong {
    font-size: 1.05rem;
    line-height: 1.2;
}

.proof-list {
    margin: 0;
}

.proof-viz {
    margin-top: 1rem;
}

.section-route {
    grid-template-columns: minmax(0, 1.2fr) minmax(260px, 0.8fr);
    align-items: end;
    margin-bottom: 1.25rem;
}

.section-route__note {
    margin: 0;
    color: var(--accent);
    text-wrap: pretty;
}

.audience-layout {
    grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
    align-items: start;
}

.audience-card {
    min-height: 100%;
}

.audience-card__label,
.audience-story__label {
    display: inline-flex;
    margin-bottom: 0.55rem;
}

.audience-rail {
    display: grid;
    gap: 0.85rem;
}

.audience-story {
    background: rgba(255, 255, 255, 0.74);
}

.audience-story h3 {
    margin: 0 0 0.45rem;
    font-size: 1rem;
    line-height: 1.28;
    color: var(--text);
}

.stats,
.grid-2,
.grid-3,
.grid-4,
.split,
.departments,
.module-grid,
.tracking-grid,
.integration-grid,
.submodule-grid,
.viz-grid,
.hub,
.top-features-grid,
.advantages {
    display: grid;
    gap: 1rem;
}

.stats {
    grid-template-columns: repeat(4, 1fr);
}

.grid-2,
.viz-grid.viz-2,
.departments,
.tracking-grid,
.integration-grid,
.submodule-grid {
    grid-template-columns: repeat(2, 1fr);
}

.grid-3,
.module-grid {
    grid-template-columns: repeat(3, 1fr);
}

.grid-4 {
    grid-template-columns: repeat(4, 1fr);
}

.split {
    grid-template-columns: repeat(2, 1fr);
}

.viz-grid {
    grid-template-columns: repeat(3, 1fr);
}

.top-features-grid {
    grid-template-columns: repeat(4, 1fr);
}

.card,
.stat,
.dept-card,
.module-card,
.tracking-card,
.integration-card,
.submodule-card,
.top-feature {
    padding: 1.1rem;
}

.card {
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.card-hover:hover,
.card-hover:focus-within {
    transform: translateY(-3px);
    box-shadow: 0 24px 44px -30px var(--shadow-strong);
    border-color: rgba(44, 179, 74, 0.22);
}

.card-hover:hover::before,
.card-hover:focus-within::before,
.panel:hover::before,
.panel:focus-within::before,
.section-note:hover::before,
.section-note:focus-within::before,
.page-hero-map-card:hover::before,
.page-hero-map-card:focus-within::before {
    opacity: 1;
}

.catalog-card,
.scope-card,
.signal-card,
.story-card,
.module-card,
.submodule-card,
.page-hero-list-item,
.page-hero-map-card {
    transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease, background 0.22s ease;
}

.catalog-card:hover,
.scope-card:hover,
.signal-card:hover,
.story-card:hover,
.module-card:hover,
.submodule-card:hover,
.page-hero-list-item:hover,
.page-hero-map-card:hover {
    transform: translateY(-4px);
    border-color: rgba(44, 179, 74, 0.24);
    box-shadow: 0 28px 52px -34px var(--shadow-strong);
}

.catalog-card:hover::before,
.scope-card:hover::before,
.signal-card:hover::before,
.story-card:hover::before,
.module-card:hover::before,
.submodule-card:hover::before,
.page-hero-list-item:hover::before,
.page-hero-map-card:hover::before {
    opacity: 1;
}

.card h3,
.dept-card h3,
.module-card h3,
.tracking-card h3,
.integration-card h3,
.submodule-card h3,
.top-feature h3,
.chart-card h3 {
    margin: 0 0 0.45rem;
    font-size: 1.22rem;
    line-height: 1.08;
}

.card p,
.card small,
.dept-card p,
.module-card p,
.tracking-card p,
.integration-card p,
.submodule-card p,
.stat span,
.top-feature p,
.flow-step p {
    color: var(--muted);
    margin: 0;
}

.stat {
    position: relative;
    overflow: hidden;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.72), var(--stat-wash));
}

.stat::before {
    content: "";
    position: absolute;
    inset: auto 1.1rem 0.95rem;
    height: 1px;
    background: linear-gradient(90deg, rgba(44, 179, 74, 0.5), transparent);
}

.stat strong {
    display: block;
    color: var(--primary-strong);
    font-size: 2.4rem;
    font-weight: 800;
    margin-bottom: 0.35rem;
    letter-spacing: -0.04em;
}

.top-feature:nth-child(1) {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(231, 242, 234, 0.9));
}

.top-feature:nth-child(2) {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(237, 241, 237, 0.82));
}

.top-feature:nth-child(3) {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(231, 242, 234, 0.74));
}

.top-feature:nth-child(4) {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(237, 241, 237, 0.88));
}

.feature-head {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    margin-bottom: 0.45rem;
}

.top-feature,
.catalog-card,
.signal-card,
.scope-card,
.module-card {
    isolation: isolate;
}

.top-feature__meta,
.catalog-card__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.9rem;
}

.top-feature__meta span,
.catalog-card__mode,
.signal-card__eyebrow,
.scope-card__eyebrow,
.module-card__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.signal-card__mast {
    display: grid;
    gap: 0.32rem;
    margin-bottom: 0.9rem;
}

.signal-card__glass {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 0.8rem;
}

.signal-card__lane {
    font-size: 0.95rem;
    line-height: 1.15;
}

.signal-card__body {
    margin-top: 4.75rem;
}

.signal-card__rail {
    display: grid;
    grid-template-columns: 1.4fr 1fr 0.75fr;
    gap: 0.4rem;
    margin-top: 1rem;
    margin-bottom: 0.95rem;
}

.signal-card__rail span {
    display: block;
    height: 0.38rem;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(44, 179, 74, 0.65), rgba(44, 179, 74, 0.08));
    transform-origin: left center;
    transition: transform 0.35s ease, opacity 0.3s ease;
}

.signal-card__foot {
    margin-top: auto;
    padding-top: 0.9rem;
    border-top: 1px solid rgba(64, 92, 71, 0.12);
}

.signal-card__metric {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 0.75rem;
}

.signal-card__metric span {
    font-size: 0.77rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.signal-card__metric strong {
    font-size: 0.9rem;
    line-height: 1.25;
}

.signal-card__tag,
.signal-card__pulse {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    font-size: 0.73rem;
    font-weight: 800;
    letter-spacing: 0.05em;
}

.signal-card__tag {
    padding: 0.44rem 0.72rem;
    white-space: nowrap;
}

.signal-card__pulse {
    margin-top: 0.85rem;
    justify-content: flex-start;
    letter-spacing: 0.03em;
}

.signal-card__dots {
    display: flex;
    gap: 0.38rem;
    margin-top: 0.8rem;
}

.signal-card__dots span {
    width: 0.42rem;
    height: 0.42rem;
    border-radius: 999px;
    background: rgba(64, 92, 71, 0.18);
    transition: transform 0.3s ease, background 0.3s ease, opacity 0.3s ease;
}

.signal-card__dots .is-active {
    width: 1.1rem;
}

.signal-card__top {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 0.8rem;
}

.signal-card__summary {
    margin-top: 1rem;
}

.signal-card__summary h3 {
    margin-bottom: 0.5rem;
}

.signal-card__summary p {
    margin: 0;
}

.signal-card__band {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    margin-top: 1rem;
}

.signal-card__band-item {
    padding: 0.78rem 0.82rem;
    border-radius: 14px;
}

.signal-card__band-item span {
    display: block;
    margin-bottom: 0.28rem;
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.signal-card__band-item strong {
    display: block;
    font-size: 0.92rem;
    line-height: 1.3;
}

.top-feature__meta strong,
.catalog-card__count,
.catalog-card__foot span {
    font-size: 0.82rem;
    line-height: 1.3;
}

.catalog-card__foot {
    margin-top: 1rem;
    padding-top: 0.85rem;
    border-top: 1px solid rgba(64, 92, 71, 0.12);
}

.catalog-card__foot span {
    color: var(--muted);
}

.feature-icon,
.flow-step .flow-no {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(44, 179, 74, 0.14), rgba(88, 89, 91, 0.14));
    color: var(--primary-strong);
    border: 1px solid rgba(44, 179, 74, 0.14);
    font-weight: 800;
}

.feature-icon {
    width: 2.35rem;
    height: 2.35rem;
    font-size: 0.94rem;
    transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
    animation: featureIconBob 6s ease-in-out infinite;
}

.feature-list li {
    transition: transform 0.28s ease, color 0.28s ease;
}

.catalog-card:hover .feature-list li,
.signal-card:hover p,
.scope-card:hover p,
.module-card:hover p,
.top-feature:hover p {
    transform: translateX(4px);
}

.signal-card:hover .signal-card__rail span:nth-child(1) {
    transform: scaleX(1.05);
}

.signal-card:hover .signal-card__rail span:nth-child(2) {
    transform: scaleX(0.94);
}

.signal-card:hover .signal-card__rail span:nth-child(3) {
    transform: scaleX(1.16);
}

.top-feature:hover .feature-icon,
.catalog-card:hover .feature-icon,
.signal-card:hover .feature-icon,
.scope-card:hover .feature-icon {
    transform: translateY(-2px) scale(1.04);
    box-shadow: 0 12px 24px -18px rgba(44, 179, 74, 0.42);
}

.top-feature::after,
.catalog-card::after,
.signal-card::after,
.scope-card::after,
.module-card::after {
    content: "";
    position: absolute;
    inset: auto auto 1rem 1rem;
    width: 5.5rem;
    height: 5.5rem;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(44, 179, 74, 0.16), transparent 68%);
    opacity: 0.45;
    pointer-events: none;
    transform: translate3d(0, 0, 0);
    transition: transform 0.45s ease, opacity 0.35s ease;
}

.top-feature:hover::after,
.catalog-card:hover::after,
.signal-card:hover::after,
.scope-card:hover::after,
.module-card:hover::after {
    opacity: 0.72;
    transform: translate3d(10px, -8px, 0) scale(1.08);
}

.top-feature--dispatch,
.catalog-card--lane,
.signal-card--watch,
.scope-card--map,
.module-card--signal {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(232, 245, 235, 0.92));
}

.top-feature--warehouse,
.catalog-card--stack,
.signal-card--ledger,
.scope-card--rules,
.module-card--ledger {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(239, 244, 240, 0.92));
}

.top-feature--finance,
.catalog-card--beacon,
.signal-card--margin,
.scope-card--output,
.module-card--scope {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(244, 249, 245, 0.9));
}

.top-feature--reporting,
.scope-card--extension {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(236, 242, 237, 0.92));
}

.signal-card--watch .signal-card__rail span:nth-child(1) {
    background: linear-gradient(90deg, rgba(44, 179, 74, 0.82), rgba(44, 179, 74, 0.18));
}

.signal-card--ledger .signal-card__rail span:nth-child(2) {
    background: linear-gradient(90deg, rgba(31, 143, 61, 0.72), rgba(31, 143, 61, 0.12));
}

.signal-card--margin .signal-card__rail span:nth-child(3) {
    background: linear-gradient(90deg, rgba(179, 255, 67, 0.88), rgba(179, 255, 67, 0.18));
}

.flow-step--intake {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(232, 245, 235, 0.9));
}

.flow-step--control {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(238, 244, 239, 0.92));
}

.flow-step--release {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(234, 244, 237, 0.94));
}

.flow-step--proof {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(241, 247, 242, 0.94));
}

.flow-step--return {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(236, 242, 237, 0.92));
}

.flow-step--close {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(243, 248, 243, 0.94));
}

.operation-beat--plan {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(230, 244, 233, 0.92));
}

.operation-beat--execute {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(235, 243, 236, 0.9));
}

.operation-beat--bill {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(242, 247, 243, 0.92));
}

.operation-beat--improve {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(236, 242, 237, 0.92));
}

.catalog-card--lane .catalog-card__meta,
.signal-card--watch,
.scope-card--map {
    position: relative;
}

.catalog-card--stack .feature-list {
    gap: 0.55rem;
}

.catalog-card--stack .feature-list li {
    padding: 0.55rem 0.75rem 0.55rem 1.3rem;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.52);
}

.catalog-card--stack .feature-list li::before {
    left: 0.65rem;
    top: 0.95rem;
}

.catalog-card--beacon::after,
.signal-card--margin::after,
.module-card--signal::after {
    width: 6.5rem;
    height: 6.5rem;
    inset: 1rem 1rem auto auto;
}

.signal-card--immersive {
    min-height: 23rem;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    border-radius: 18px;
    transform-style: preserve-3d;
    transition: transform 0.2s ease-out, box-shadow 0.28s ease, border-color 0.28s ease;
}

.signal-card--immersive > * {
    transform: translateZ(0);
    transition: transform 0.22s ease-out;
}

.signal-card--immersive[data-tilt-card] {
    transform:
        perspective(1100px)
        rotateX(var(--tilt-x, 0deg))
        rotateY(var(--tilt-y, 0deg))
        scale3d(1, 1, 1);
}

.signal-card--immersive[data-tilt-card]:hover,
.signal-card--immersive[data-tilt-card]:focus-within {
    transform:
        perspective(1100px)
        rotateX(var(--tilt-x, 0deg))
        rotateY(var(--tilt-y, 0deg))
        scale3d(1.015, 1.015, 1.015);
}

.signal-card--immersive .signal-card__glass,
.signal-card--immersive .signal-card__body,
.signal-card--immersive .signal-card__rail,
.signal-card--immersive .signal-card__foot {
    position: relative;
    z-index: 2;
}

.signal-card--immersive .signal-card__glass {
    position: absolute;
    top: 1rem;
    left: 1rem;
    right: 1rem;
    padding: 0.85rem 0.95rem;
    border-radius: 14px;
    backdrop-filter: blur(12px);
    transform: translateZ(38px);
}

.signal-card--immersive .signal-card__body {
    transform: translateZ(24px);
}

.signal-card--immersive .signal-card__rail,
.signal-card--immersive .signal-card__foot {
    transform: translateZ(16px);
}

.signal-card__media {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    border-radius: inherit;
    pointer-events: none;
}

.signal-card__media::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 18% 20%, rgba(255, 255, 255, 0.32), transparent 26%),
        linear-gradient(180deg, rgba(6, 17, 11, 0.08), rgba(7, 18, 11, 0.72));
}

.signal-card__media-grid,
.signal-card__media-line,
.signal-card__media-blip {
    position: absolute;
}

.signal-card__media-grid {
    inset: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px);
    background-size: 2.9rem 2.9rem;
    opacity: 0.18;
    transform: translateY(-4%);
}

.signal-card__media-line {
    left: -5%;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent, rgba(179, 255, 67, 0.9), transparent);
    filter: drop-shadow(0 0 10px rgba(179, 255, 67, 0.28));
}

.signal-card__media-line--strong {
    top: 42%;
    width: 88%;
}

.signal-card__media-line--soft {
    top: 61%;
    width: 68%;
    opacity: 0.72;
}

.signal-card__media-blip {
    width: 0.72rem;
    height: 0.72rem;
    border-radius: 999px;
    background: #b3ff43;
    box-shadow: 0 0 0 0.35rem rgba(179, 255, 67, 0.12);
}

.signal-card__media-blip--a {
    top: 37%;
    right: 22%;
}

.signal-card__media-blip--b {
    top: 56%;
    right: 36%;
    width: 0.5rem;
    height: 0.5rem;
}

@keyframes featureIconBob {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-3px);
    }
}

.btn-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border: 1px solid rgba(44, 179, 74, 0.16);
    color: var(--primary-strong);
    background: var(--surface-cream);
    border-radius: 999px;
    font-size: 0.79rem;
    font-weight: 800;
    padding: 0.42rem 0.72rem;
    transition: transform 0.22s ease, border-color 0.22s ease, background 0.22s ease, color 0.22s ease;
}

.btn-link:hover,
.btn-link:focus-visible {
    background: var(--surface-cream-max);
    transform: translateX(2px);
}

.band {
    margin-top: 1rem;
    border: 1px solid rgba(44, 179, 74, 0.16);
    background: var(--accent-fog-strong);
    color: var(--accent);
    border-radius: var(--radius-band);
    padding: 0.9rem 1rem;
    font-size: 0.9rem;
    font-weight: 700;
}

.cta {
    margin-top: 1rem;
    border: 1px solid rgba(44, 179, 74, 0.14);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.92), rgba(231, 242, 234, 0.92));
    border-radius: var(--radius-panel);
    padding: 1.5rem;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    flex-wrap: wrap;
    box-shadow: 0 24px 48px -34px var(--shadow-strong);
}

.cta p {
    margin: 0.3rem 0 0;
    color: var(--muted);
}

.chart-card {
    padding: 1rem 1.05rem 1.1rem;
}

.chart-card .chart-sub {
    margin: 0 0 0.75rem;
    color: var(--muted);
    font-size: 0.82rem;
}

.chart-wrap {
    position: relative;
    width: 100%;
}

.flow-steps {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: stretch;
    margin-top: 1rem;
}

.flow-steps--operations {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.flow-step {
    flex: 1 1 160px;
    position: relative;
    padding: 1rem;
}

.flow-step__mast {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.7rem;
}

.flow-step__mast-copy {
    display: grid;
    gap: 0.18rem;
}

.flow-step__eyebrow {
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.flow-step__signal {
    font-size: 0.9rem;
    line-height: 1.2;
}

.flow-step__cue {
    display: block;
    margin-top: 0.9rem;
    font-size: 0.84rem;
    line-height: 1.35;
}

.flow-step .flow-no {
    width: 2rem;
    height: 2rem;
    font-size: 0.8rem;
    margin-bottom: 0;
    flex: 0 0 auto;
}

.flow-step h4 {
    margin: 0 0 0.28rem;
    font-size: 1.1rem;
}

.flow-step__line {
    display: flex;
    gap: 0.35rem;
    margin-top: 1rem;
}

.flow-step__line span {
    display: block;
    height: 0.34rem;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(44, 179, 74, 0.65), rgba(44, 179, 74, 0.08));
}

.flow-step__line span:first-child {
    width: 4.2rem;
}

.flow-step__line span:last-child {
    width: 2.35rem;
}

.flow-step--intake {
    transform: rotate(-0.4deg);
}

.flow-step--control {
    border-top-left-radius: 30px;
}

.flow-step--release {
    box-shadow: inset 0 0 0 1px rgba(44, 179, 74, 0.08);
}

.flow-step--proof {
    border-bottom-right-radius: 30px;
}

.flow-step--return {
    transform: rotate(0.35deg);
}

.flow-step--close {
    border-top-right-radius: 32px;
}

.flow-step:not(:last-child)::after {
    content: "→";
    position: absolute;
    right: -0.45rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--primary);
    font-weight: 800;
    z-index: 2;
}

.operation-beats-grid {
    display: grid;
    grid-template-columns: 1.15fr 0.85fr 0.85fr 1.15fr;
    gap: 1rem;
}

.operation-beat {
    position: relative;
    display: grid;
    min-height: 100%;
    overflow: hidden;
    transform-style: preserve-3d;
    transition: transform 0.2s ease-out, box-shadow 0.28s ease;
}

.operation-beat[data-tilt-card] {
    transform:
        perspective(1100px)
        rotateX(calc(var(--tilt-x, 0deg) * 0.45))
        rotateY(calc(var(--tilt-y, 0deg) * 0.45))
        scale3d(1, 1, 1);
}

.operation-beat[data-tilt-card]:hover,
.operation-beat[data-tilt-card]:focus-within {
    transform:
        perspective(1100px)
        rotateX(calc(var(--tilt-x, 0deg) * 0.45))
        rotateY(calc(var(--tilt-y, 0deg) * 0.45))
        scale3d(1.01, 1.01, 1.01);
}

.operation-beat__signal {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    padding: 0.38rem 0.65rem;
    border-radius: 999px;
    font-size: 0.73rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.operation-beat__mast {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 0.75rem;
    transform: translateZ(24px);
}

.operation-beat__index {
    font-size: 1.35rem;
    line-height: 1;
    letter-spacing: -0.04em;
}

.operation-beat__pulse {
    display: grid;
    grid-template-columns: 1.1fr 0.8fr 0.55fr;
    gap: 0.4rem;
    margin-top: 1rem;
    margin-bottom: 0.95rem;
    transform: translateZ(16px);
}

.operation-beat__pulse span {
    display: block;
    height: 0.42rem;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(44, 179, 74, 0.72), rgba(44, 179, 74, 0.1));
    transition: transform 0.35s ease;
    transform-origin: left center;
}

.operation-beat__foot {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 0.9rem;
    margin-top: auto;
    padding-top: 0.9rem;
    border-top: 1px solid rgba(64, 92, 71, 0.12);
    transform: translateZ(18px);
}

.operation-beat__foot strong {
    display: block;
    font-size: 0.9rem;
    line-height: 1.45;
}

.operation-beat__media {
    position: relative;
    min-height: 13.5rem;
    overflow: hidden;
}

.operation-beat__content {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 0.9rem;
    margin: -2.2rem 1rem 1rem;
    padding: 1rem 1rem 1.05rem;
    border-radius: 18px;
    backdrop-filter: blur(14px);
}

.operation-beat__badge {
    position: absolute;
    top: 1rem;
    left: -2.45rem;
    z-index: 2;
    min-width: 7rem;
    padding: 0.34rem 2.4rem;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-align: center;
    text-transform: uppercase;
    transform: rotate(-45deg);
    box-shadow: 0 10px 18px -14px rgba(8, 14, 11, 0.45);
}

.operation-beat__grid {
    position: absolute;
    inset: 0;
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%239ca7a0' fill-opacity='.34' d='M50 6C53 28 72 47 94 50C72 53 53 72 50 94C47 72 28 53 6 50C28 47 47 28 50 6Z'/%3E%3C/svg%3E") 0 0 / 18px 18px repeat,
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%2370c282' fill-opacity='.42' d='M50 6C53 28 72 47 94 50C72 53 53 72 50 94C47 72 28 53 6 50C28 47 47 28 50 6Z'/%3E%3C/svg%3E") 9px 9px / 18px 18px repeat,
        linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.01));
    opacity: 0.34;
}

.operation-beat__route {
    position: absolute;
    left: 1.1rem;
    right: 1.1rem;
    bottom: 2rem;
    display: grid;
    gap: 0.6rem;
}

.operation-beat__route span {
    display: block;
    height: 0.36rem;
    border-radius: 999px;
}

.operation-beat__orb {
    position: absolute;
    right: 1.15rem;
    bottom: 1.1rem;
    width: 4.8rem;
    height: 4.8rem;
    border-radius: 999px;
    filter: blur(0.2px);
}

.operation-beat__visual-label {
    position: absolute;
    left: 1.1rem;
    bottom: 1rem;
    padding: 0.38rem 0.68rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
}

.operation-beat__arrow {
    flex: 0 0 auto;
    display: inline-grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    font-size: 1rem;
    font-weight: 800;
}

.operation-beat:hover .operation-beat__pulse span:nth-child(1) {
    transform: scaleX(1.08);
}

.operation-beat:hover .operation-beat__pulse span:nth-child(2) {
    transform: scaleX(0.93);
}

.operation-beat:hover .operation-beat__pulse span:nth-child(3) {
    transform: scaleX(1.18);
}

.signal-card--immersive:hover .signal-card__dots span,
.signal-card--immersive:focus-within .signal-card__dots span {
    transform: translateX(2px);
}

.signal-card--dashboard {
    min-height: 19.5rem;
    padding: 1rem;
    border-radius: 18px;
    display: flex;
    flex-direction: column;
    transform-style: preserve-3d;
    transition: transform 0.2s ease-out, box-shadow 0.28s ease, border-color 0.28s ease;
}

.signal-card--dashboard[data-tilt-card] {
    transform:
        perspective(1100px)
        rotateX(calc(var(--tilt-x, 0deg) * 0.38))
        rotateY(calc(var(--tilt-y, 0deg) * 0.38))
        scale3d(1, 1, 1);
}

.signal-card--dashboard[data-tilt-card]:hover,
.signal-card--dashboard[data-tilt-card]:focus-within {
    transform:
        perspective(1100px)
        rotateX(calc(var(--tilt-x, 0deg) * 0.38))
        rotateY(calc(var(--tilt-y, 0deg) * 0.38))
        scale3d(1.01, 1.01, 1.01);
}

.signal-card--dashboard::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 4px;
    border-radius: 18px 18px 0 0;
    background: linear-gradient(90deg, rgba(44, 179, 74, 0.92), rgba(179, 255, 67, 0.52));
}

.signal-card--dashboard::after {
    content: "";
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 6.4rem;
    height: 6.4rem;
    border-radius: 20px;
    opacity: 0.18;
    pointer-events: none;
}

.signal-card--dashboard .signal-card__top,
.signal-card--dashboard .signal-card__summary,
.signal-card--dashboard .signal-card__band,
.signal-card--dashboard .signal-card__rail,
.signal-card--dashboard .signal-card__foot {
    position: relative;
    z-index: 1;
}

.signal-card--dashboard .signal-card__tag {
    border: 1px solid rgba(64, 92, 71, 0.1);
}

.signal-card--dashboard .signal-card__rail {
    margin-top: 1.1rem;
    margin-bottom: 0;
}

.signal-card--dashboard .signal-card__foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    margin-top: auto;
    padding-top: 1rem;
}

.signal-card--dashboard .signal-card__pulse {
    margin-top: 0;
    flex: 1 1 auto;
}

.signal-card--dashboard .signal-card__dots {
    margin-top: 0;
    flex: 0 0 auto;
}

.signal-card--watch.signal-card--dashboard::after {
    background:
        radial-gradient(circle at 34% 35%, rgba(44, 179, 74, 0.28), transparent 44%),
        linear-gradient(135deg, rgba(44, 179, 74, 0.12), transparent 70%);
}

.signal-card--ledger.signal-card--dashboard::after {
    background:
        linear-gradient(180deg, rgba(31, 143, 61, 0.15), transparent 78%),
        repeating-linear-gradient(180deg, rgba(31, 143, 61, 0.12), rgba(31, 143, 61, 0.12) 2px, transparent 2px, transparent 10px);
}

.signal-card--margin.signal-card--dashboard::after {
    background:
        radial-gradient(circle at 60% 40%, rgba(179, 255, 67, 0.3), transparent 40%),
        linear-gradient(135deg, rgba(179, 255, 67, 0.12), transparent 72%);
}

.operation-beat--plan::before {
    background: linear-gradient(90deg, rgba(44, 179, 74, 0.95), rgba(44, 179, 74, 0.18) 72%);
}

.operation-beat--execute::after {
    inset: auto 1rem 1rem auto;
    width: 7rem;
    height: 7rem;
    background: radial-gradient(circle, rgba(44, 179, 74, 0.14), transparent 70%);
}

.operation-beat--bill .operation-beat__foot {
    display: grid;
    gap: 0.55rem;
}

.operation-beat--bill .operation-beat__foot::after {
    content: "";
    display: block;
    width: 2.6rem;
    height: 0.34rem;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(179, 255, 67, 0.8), rgba(179, 255, 67, 0.14));
}

.operation-beat--improve {
    border-top-right-radius: 34px;
    border-bottom-left-radius: 28px;
}

.hub {
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
    margin-top: 1rem;
}

.hub-core {
    text-align: center;
    background: linear-gradient(145deg, var(--accent) 0%, var(--accent-deep) 100%);
    color: #ffffff;
    border-radius: var(--radius-hub);
    padding: 1.5rem 1rem;
    font-weight: 800;
    box-shadow: 0 20px 40px -28px rgba(88, 89, 91, 0.34);
}

.hub-node {
    padding: 0.85rem 0.95rem;
    font-weight: 700;
    font-size: 0.92rem;
}

.hub-node span {
    display: block;
    font-weight: 500;
    color: var(--muted);
    font-size: 0.8rem;
    margin-top: 0.15rem;
}

.page-hero {
    padding: 4rem 0 1.8rem;
}

.page-hero h1 {
    max-width: 15.5ch;
    font-size: clamp(2.2rem, 4.2vw, 3.7rem);
}

.page-hero p {
    margin: 0.9rem 0 0;
}

.page-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.22fr) minmax(320px, 0.78fr);
    gap: 1.4rem;
    align-items: start;
}

.page-hero-copy {
    display: grid;
    gap: 0.9rem;
}

.page-hero-copy p {
    margin: 0;
}

.page-hero-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.page-hero-tag {
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.72rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.76);
    border: 1px solid rgba(44, 179, 74, 0.14);
    color: var(--accent);
    font-size: 0.75rem;
    font-weight: 700;
}

.page-hero-map {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.7rem;
}

.page-hero-map-card {
    padding: 0.82rem 0.88rem;
    border-radius: 18px;
    border: 1px solid rgba(88, 89, 91, 0.1);
    background: rgba(255, 255, 255, 0.62);
    box-shadow: 0 16px 32px -30px var(--shadow-strong);
}

.page-hero-map-card span {
    display: block;
    margin-bottom: 0.22rem;
    color: var(--primary-strong);
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    font-weight: 800;
}

.page-hero-map-card strong {
    display: block;
    margin-bottom: 0.18rem;
    color: var(--text);
    font-size: 0.94rem;
    line-height: 1.2;
}

.page-hero-map-card p {
    margin: 0;
    color: var(--muted);
    font-size: 0.81rem;
    line-height: 1.5;
}

.page-hero-panel {
    position: relative;
    overflow: hidden;
    padding: 1.15rem;
    display: grid;
    gap: 0.85rem;
    border-color: var(--hero-ring);
    box-shadow: 0 28px 52px -34px var(--shadow-strong);
}

.page-hero-panel::before {
    background:
        radial-gradient(circle at var(--pointer-x, 50%) var(--pointer-y, 50%), rgba(255, 255, 255, 0.55), transparent 38%),
        linear-gradient(180deg, rgba(44, 179, 74, 0.05), transparent 48%),
        radial-gradient(circle at top right, rgba(44, 179, 74, 0.12), transparent 34%);
    opacity: 1;
}

.page-hero-panel > * {
    position: relative;
    z-index: 1;
}

.page-hero-panel__eyebrow {
    text-transform: uppercase;
    letter-spacing: 0.16em;
    font-size: 0.68rem;
    color: var(--primary-strong);
    font-weight: 800;
}

.page-hero-panel__title {
    margin: 0;
    font-size: 1.24rem;
    line-height: 1.08;
    letter-spacing: -0.03em;
}

.page-hero-panel__body {
    margin: 0;
    color: var(--muted);
    font-size: 0.9rem;
}

.page-hero-metrics {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.7rem;
}

.page-hero-metric {
    border-top: 1px solid rgba(88, 89, 91, 0.12);
    padding-top: 0.7rem;
}

.page-hero-metric span {
    display: block;
    color: var(--muted);
    font-size: 0.73rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-weight: 800;
}

.page-hero-metric strong {
    display: block;
    margin-top: 0.15rem;
    color: var(--text);
    font-size: 1rem;
}

.page-hero-list {
    display: grid;
    gap: 0.6rem;
}

.page-hero-list-item {
    padding: 0.78rem 0.9rem;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.54);
    border: 1px solid rgba(88, 89, 91, 0.1);
}

.page-hero-list-item strong {
    display: block;
    margin-bottom: 0.18rem;
    color: var(--text);
    font-size: 0.88rem;
}

.page-hero-list-item span {
    color: var(--muted);
    font-size: 0.82rem;
}

.hero-command {
    margin-top: 1.1rem;
    padding: 1rem;
    border-radius: var(--radius-panel);
    border: 1px solid rgba(44, 179, 74, 0.14);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.88), rgba(231, 242, 234, 0.9));
    box-shadow: 0 24px 48px -34px var(--shadow-strong);
}

.hero-command__header {
    display: flex;
    justify-content: space-between;
    gap: 0.8rem;
    align-items: flex-start;
    margin-bottom: 0.85rem;
}

.hero-command__header strong {
    display: block;
    font-size: 1rem;
}

.hero-command__header span,
.hero-command__label {
    color: var(--muted);
    font-size: 0.74rem;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    font-weight: 800;
}

.hero-command__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.7rem;
}

.hero-command__tile {
    padding: 0.85rem 0.9rem;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.68);
    border: 1px solid rgba(88, 89, 91, 0.08);
}

.hero-command__tile strong {
    display: block;
    margin-top: 0.22rem;
    font-size: 1rem;
}

.hero-command__path {
    margin-top: 0.8rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.hero-command__path span {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.4rem 0.65rem;
    border-radius: 999px;
    background: rgba(88, 89, 91, 0.06);
    color: var(--accent);
    font-size: 0.76rem;
    font-weight: 700;
}

.section-cluster {
    display: grid;
    gap: 1rem;
}

.section-cluster--split {
    grid-template-columns: minmax(0, 1.15fr) minmax(260px, 0.85fr);
    align-items: start;
}

.section-note {
    padding: 1rem;
    border-radius: var(--radius-note);
    border: 1px solid rgba(88, 89, 91, 0.1);
    background: rgba(255, 255, 255, 0.66);
    transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease;
}

.section-note h3 {
    margin: 0 0 0.4rem;
    font-size: 1.15rem;
    letter-spacing: -0.02em;
}

.copy-block-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.copy-block-title {
    margin: 0;
}

.copy-block-title-spaced {
    margin-top: 0.5rem;
}

.section-title-spaced {
    margin-top: 1.8rem;
}

.feature-actions-spaced {
    margin-top: 1rem;
}

.use-case-followup {
    margin-top: 0.5rem;
}

.compact-card {
    padding: 0.8rem 0.95rem;
}

.compact-card h3 {
    margin: 0;
    font-size: 0.92rem;
    line-height: 1.2;
}

.hub-core span {
    display: block;
    margin-top: 0.3rem;
    font-size: 0.82rem;
    font-weight: 500;
}

.stack-item-title {
    color: var(--text);
}

.footer-copy {
    margin: 0;
    max-width: 34ch;
}

.section-note p {
    margin: 0;
    color: var(--muted);
}

.section-note:hover,
.section-note:focus-within {
    transform: translateY(-3px);
    border-color: rgba(44, 179, 74, 0.22);
    box-shadow: 0 24px 44px -30px var(--shadow-strong);
}

.story-grid,
.scope-grid,
.signal-grid,
.detail-grid {
    display: grid;
    gap: 1rem;
}

.story-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.scope-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.signal-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.detail-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (min-width: 1200px) {
    .grid-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .story-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .detail-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .module-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (min-width: 1400px) {
    .hero-grid {
        grid-template-columns: minmax(0, 1.34fr) minmax(380px, 0.66fr);
    }

    .page-hero-grid {
        grid-template-columns: minmax(0, 1.3fr) minmax(360px, 0.7fr);
    }

    .stats {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .top-features-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .viz-grid {
        grid-template-columns: 1.1fr 1.1fr 1.1fr;
    }

    .viz-grid.viz-2 {
        grid-template-columns: 1.2fr 0.8fr;
    }

    .grid-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .scope-grid {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

.catalog-card,
.story-card,
.signal-card,
.scope-card {
    position: relative;
    overflow: hidden;
}

.catalog-card::before,
.story-card::before,
.signal-card::before,
.scope-card::before {
    content: "";
    position: absolute;
    inset: 0 auto auto 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, var(--primary), transparent 72%);
    opacity: 0.9;
}

.catalog-card {
    padding-top: 1.25rem;
}

.feature-list {
    margin: 0.55rem 0 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 0.42rem;
}

.feature-list li {
    position: relative;
    padding-left: 1rem;
    color: var(--muted);
    font-size: 0.9rem;
}

.feature-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.55rem;
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 999px;
    background: var(--primary);
}

.step-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.45rem;
    height: 2.45rem;
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(44, 179, 74, 0.18), rgba(88, 89, 91, 0.12));
    color: var(--primary-strong);
    font-weight: 800;
}

.metric-strip {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
}

.metric-strip-tight {
    margin-top: 1rem;
}

.metric-pill {
    min-width: 11rem;
    padding: 0.9rem 0.95rem;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.66);
    border: 1px solid rgba(88, 89, 91, 0.1);
}

.metric-pill span {
    display: block;
    color: var(--muted);
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-weight: 800;
}

.metric-pill strong {
    display: block;
    margin-top: 0.15rem;
    font-size: 1.02rem;
}

.stack-item strong.inline-strong {
    display: inline;
}

.breadcrumbs {
    font-size: 0.8rem;
    color: var(--muted);
    margin-bottom: 0.6rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
}

.breadcrumbs a {
    color: var(--muted);
    text-decoration: none;
}

.breadcrumbs a:hover,
.breadcrumbs a:focus-visible {
    color: var(--primary-strong);
}

.demo-overlay {
    position: fixed;
    inset: 0;
    z-index: 200;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 1.2rem;
    background: rgba(47, 48, 50, 0.55);
    backdrop-filter: blur(8px);
}

.demo-overlay.is-open {
    display: flex;
}

.demo-modal {
    position: relative;
    width: min(760px, 100%);
    height: min(92vh, 960px);
    max-height: 92vh;
    background: #fffcf8;
    border-radius: var(--radius-panel);
    box-shadow: 0 30px 70px var(--modal-shadow);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    animation: demo-pop 0.18s ease;
}

@keyframes demo-pop {
    from {
        transform: translateY(10px);
        opacity: 0;
    }

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

.demo-modal-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    padding: 1rem 1.15rem;
    border-bottom: 1px solid var(--line);
}

.demo-modal-head h3 {
    margin: 0;
    font-size: 1.32rem;
}

.demo-modal-head p {
    margin: 0.1rem 0 0;
    font-size: 0.82rem;
    color: var(--muted);
}

.demo-close {
    border: 0;
    background: rgba(231, 242, 234, 0.7);
    color: var(--text);
    width: 2.15rem;
    height: 2.15rem;
    border-radius: 999px;
    font-size: 1.1rem;
    cursor: pointer;
    flex-shrink: 0;
    line-height: 1;
}

.demo-close:hover,
.demo-close:focus-visible {
    background: rgba(44, 179, 74, 0.18);
    color: var(--primary-strong);
}

.demo-frame-wrap {
    position: relative;
    flex: 1 1 auto;
    min-height: 560px;
}

.demo-frame-wrap iframe {
    width: 100%;
    height: 100%;
    min-height: 560px;
    border: 0;
    display: block;
}

.demo-loading {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--muted);
    font-size: 0.9rem;
}

footer {
    margin-top: 2.4rem;
    border-top: 1px solid var(--line);
    padding: 1.8rem 0 2.5rem;
    color: var(--muted);
    font-size: 0.88rem;
}

.footer-grid {
    display: grid;
    grid-template-columns: 1.4fr repeat(3, 1fr);
    gap: 1.2rem;
    margin-bottom: 1.2rem;
}

.footer-grid h4 {
    margin: 0 0 0.55rem;
    font-size: 0.92rem;
    line-height: 1.1;
}

.footer-grid a {
    display: block;
    color: var(--muted);
    text-decoration: none;
    font-size: 0.85rem;
    padding: 0.15rem 0;
}

.footer-grid a:hover,
.footer-grid a:focus-visible {
    color: var(--primary-strong);
}

.footer-bottom {
    border-top: 1px solid var(--line);
    padding-top: 1rem;
}

@media (max-width: 980px) {
    .container {
        width: min(1440px, calc(100% - 1.5rem));
    }

    .hero-grid,
    .page-hero-grid,
    .grid-3,
    .grid-4,
    .module-grid,
    .viz-grid,
    .hub,
    .top-features-grid,
    .scope-grid,
    .signal-grid,
    .stats,
    .footer-grid {
        grid-template-columns: 1fr 1fr;
    }

    .hero-grid,
    .proof-shell,
    .section-route,
    .audience-layout,
    .section-cluster--split,
    .tracking-grid,
    .integration-grid,
    .submodule-grid,
    .split {
        grid-template-columns: 1fr;
    }

    .brand-copy small {
        display: none;
    }

    .nav-links {
        display: none;
    }

    .nav-toggle {
        display: inline-flex;
    }

    .nav-menu-panel.is-open {
        display: grid;
        gap: 1rem;
        padding: 1rem;
        border: 1px solid var(--border);
        border-radius: 22px;
        background: rgba(255, 255, 255, 0.94);
        box-shadow: 0 18px 40px -30px var(--shadow-strong);
    }

    .proof-side {
        position: static;
    }

    .page-hero-map {
        grid-template-columns: 1fr;
    }

    .demo-modal {
        height: min(96vh, 960px);
        border-radius: 22px;
    }

    .demo-frame-wrap,
    .demo-frame-wrap iframe {
        min-height: 24rem;
    }
}

@media (max-width: 640px) {
    .stats,
    .grid-2,
    .grid-3,
    .grid-4,
    .split,
    .page-hero-grid,
    .departments,
    .module-grid,
    .tracking-grid,
    .integration-grid,
    .submodule-grid,
    .viz-grid,
    .hub,
    .top-features-grid,
    .story-grid,
    .scope-grid,
    .signal-grid,
    .detail-grid,
    .hero-command__grid,
    .page-hero-metrics,
    .footer-grid,
    .hero-dossier__meta {
        grid-template-columns: 1fr;
    }

    .brand-copy {
        display: none;
    }

    .hero {
        padding-top: 4.6rem;
    }

    h1 {
        max-width: none;
        font-size: clamp(2.2rem, 12vw, 3.4rem);
    }

    .page-hero h1 {
        font-size: clamp(2rem, 10vw, 2.8rem);
    }

    .page-hero-map-card {
        padding: 0.78rem 0.82rem;
    }

    .flow-step:not(:last-child)::after {
        content: "↓";
        right: 50%;
        top: auto;
        bottom: -0.65rem;
        transform: translateX(50%);
    }

    .cta {
        padding: 1.2rem;
    }

    .nav-menu-panel.is-open {
        padding: 0.9rem;
        border-radius: 18px;
    }

    .nav-menu-links a {
        font-size: 0.92rem;
    }

    .subnav-inner {
        padding-bottom: 0.8rem;
    }

    .demo-overlay {
        padding: 0.75rem;
    }

    .demo-modal-head {
        align-items: start;
        padding: 0.9rem 0.95rem;
    }

    .demo-modal-head h3 {
        font-size: 1.08rem;
    }

    .demo-frame-wrap,
    .demo-frame-wrap iframe {
        min-height: 19rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    *,
    *::before,
    *::after {
        animation: none !important;
        transition-duration: 0.01ms !important;
        transition-delay: 0ms !important;
    }
}

body.marketing-redesign {
    background:
        radial-gradient(circle at top left, rgba(44, 179, 74, 0.16), transparent 22rem),
        radial-gradient(circle at 85% 8%, rgba(179, 255, 67, 0.12), transparent 18rem),
        linear-gradient(180deg, #06110a 0%, #0a1710 100%);
    color: #eaf2eb;
}

body.marketing-page-features {
    background:
        radial-gradient(circle at top left, rgba(44, 179, 74, 0.18), transparent 22rem),
        radial-gradient(circle at 82% 10%, rgba(117, 255, 148, 0.14), transparent 18rem),
        linear-gradient(180deg, #06120a 0%, #0a1710 100%);
}

body.marketing-page-demoJourney {
    background:
        radial-gradient(circle at top left, rgba(44, 179, 74, 0.12), transparent 18rem),
        radial-gradient(circle at 84% 8%, rgba(133, 79, 255, 0.12), transparent 16rem),
        linear-gradient(180deg, #07110d 0%, #0b1713 100%);
}

body.marketing-page-tracking {
    background:
        radial-gradient(circle at top left, rgba(44, 179, 74, 0.1), transparent 18rem),
        radial-gradient(circle at 84% 8%, rgba(88, 208, 255, 0.15), transparent 16rem),
        linear-gradient(180deg, #06110b 0%, #091814 100%);
}

body.marketing-page-integrations {
    background:
        radial-gradient(circle at top left, rgba(44, 179, 74, 0.11), transparent 20rem),
        radial-gradient(circle at 84% 8%, rgba(100, 132, 255, 0.14), transparent 17rem),
        linear-gradient(180deg, #07110d 0%, #0a1514 100%);
}

body.marketing-page-customization {
    background:
        radial-gradient(circle at top left, rgba(44, 179, 74, 0.11), transparent 20rem),
        radial-gradient(circle at 84% 8%, rgba(255, 170, 90, 0.12), transparent 16rem),
        linear-gradient(180deg, #08110b 0%, #12150f 100%);
}

body.marketing-page-implementation {
    background:
        radial-gradient(circle at top left, rgba(44, 179, 74, 0.09), transparent 18rem),
        radial-gradient(circle at 84% 10%, rgba(204, 232, 212, 0.14), transparent 16rem),
        linear-gradient(180deg, #08110b 0%, #0e1712 100%);
}

body.marketing-page-submodules {
    background:
        radial-gradient(circle at top left, rgba(44, 179, 74, 0.14), transparent 20rem),
        radial-gradient(circle at 84% 8%, rgba(179, 255, 67, 0.14), transparent 16rem),
        linear-gradient(180deg, #06110a 0%, #10170e 100%);
}

body.marketing-page-operations {
    background:
        radial-gradient(circle at top left, rgba(44, 179, 74, 0.16), transparent 20rem),
        radial-gradient(circle at 84% 8%, rgba(64, 219, 150, 0.14), transparent 17rem),
        linear-gradient(180deg, #06110a 0%, #091612 100%);
}

body.marketing-redesign::before {
    background-image:
        linear-gradient(rgba(170, 221, 181, 0.1) 1px, transparent 1px),
        linear-gradient(90deg, rgba(170, 221, 181, 0.08) 1px, transparent 1px);
    background-size: 88px 88px;
    mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.7), transparent 68%);
    opacity: 0.38;
}

body.marketing-redesign .nav {
    background: rgba(6, 17, 10, 0.78);
    border-bottom-color: rgba(200, 233, 206, 0.12);
    backdrop-filter: blur(22px);
}

body.marketing-redesign .brand,
body.marketing-redesign .brand-copy strong,
body.marketing-redesign .nav-main:hover,
body.marketing-redesign .nav-main:focus-visible {
    color: #f4fbf4;
}

body.marketing-redesign .brand-copy small,
body.marketing-redesign .nav-links a {
    color: rgba(225, 238, 227, 0.74);
}

body.marketing-redesign .subnav {
    background: rgba(10, 25, 15, 0.72);
    border-bottom-color: rgba(200, 233, 206, 0.08);
}

body.marketing-redesign .subnav-inner {
    gap: 0.7rem;
}

body.marketing-redesign .subnav-label {
    flex: 0 0 auto;
    color: rgba(212, 239, 217, 0.76);
    font-size: 0.72rem;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    font-weight: 800;
}

body.marketing-redesign .subnav-item {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(194, 235, 202, 0.14);
    color: rgba(231, 242, 233, 0.82);
}

body.marketing-redesign .subnav-item:hover,
body.marketing-redesign .subnav-item:focus-visible {
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(179, 255, 67, 0.32);
    color: #ffffff;
}

body.marketing-redesign .hero,
body.marketing-redesign .page-hero {
    color: #edf7ee;
}

body.marketing-redesign .hero::before,
body.marketing-redesign .page-hero::before {
    background:
        radial-gradient(circle at 18% 12%, rgba(179, 255, 67, 0.08), transparent 16rem),
        radial-gradient(circle at 82% 18%, rgba(44, 179, 74, 0.1), transparent 24rem),
        linear-gradient(135deg, rgba(255, 255, 255, 0.03), transparent 55%);
}

body.marketing-redesign .hero-stage,
body.marketing-redesign .page-hero {
    position: relative;
    padding-bottom: 4.5rem;
    overflow: hidden;
    isolation: isolate;
    background:
        radial-gradient(circle at 18% 12%, rgba(179, 255, 67, 0.07), transparent 16rem),
        radial-gradient(circle at 82% 18%, rgba(44, 179, 74, 0.09), transparent 24rem),
        linear-gradient(180deg, #06110a 0%, #0a1710 58%, #0c1810 100%);
    border-bottom: 1px solid rgba(198, 233, 205, 0.08);
}

body.marketing-redesign .hero-stage {
    padding-top: 5.8rem;
    padding-bottom: 3.2rem;
}

body.marketing-redesign .page-hero {
    padding-top: 0;
}

body.marketing-redesign .hero-stage__stack {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 1.25rem;
}

body.marketing-redesign .hero-stage__intro {
    align-items: start;
}

body.marketing-redesign .hero-copy {
    gap: 0.9rem;
    max-width: 46rem;
}

body.marketing-redesign .hero-copy > p:not(.hero-note) {
    max-width: 42rem;
}

body.marketing-redesign .hero-stage__wave {
    position: relative;
    min-height: clamp(460px, 45vw, 680px);
    padding: clamp(1rem, 2vw, 1.35rem);
    border-radius: 32px;
    overflow: hidden;
    border: 1px solid rgba(108, 142, 116, 0.16);
    background:
        linear-gradient(180deg, rgba(8, 18, 12, 0.9), rgba(7, 16, 11, 0.94));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03), 0 32px 64px -48px rgba(0, 0, 0, 0.58);
}

body.marketing-redesign .hero-stage__support {
    display: grid;
    grid-template-columns: minmax(0, 1.16fr) minmax(320px, 0.84fr);
    gap: 1.25rem;
    align-items: start;
}

body.marketing-redesign .hero-stage__support .hero-scope-map {
    margin-top: 0;
}

body.marketing-redesign .hero-stage__support .page-hero-map {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

body.marketing-redesign .hero-stage__support .hero-command {
    height: 100%;
}

body.marketing-redesign .hero-stage__wave::before,
body.marketing-redesign .hero-stage__wave::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 2;
}

body.marketing-redesign .hero-stage__wave::before {
    background:
        linear-gradient(180deg, rgba(6, 17, 10, 0.56), rgba(6, 17, 10, 0.18) 14%, transparent 28%, transparent 68%, rgba(6, 17, 10, 0.7)),
        linear-gradient(90deg, rgba(6, 17, 10, 0.28), transparent 12%, transparent 88%, rgba(6, 17, 10, 0.28));
}

body.marketing-redesign .hero-stage__wave::after {
    background:
        radial-gradient(circle at 18% 30%, rgba(179, 255, 67, 0.08), transparent 18rem),
        radial-gradient(circle at 78% 22%, rgba(44, 179, 74, 0.08), transparent 20rem),
        linear-gradient(180deg, transparent 0%, transparent 58%, rgba(6, 17, 10, 0.14) 100%);
}

body.marketing-redesign .hero-stage__support {
    position: absolute;
    left: clamp(1rem, 2vw, 1.35rem);
    right: clamp(1rem, 2vw, 1.35rem);
    bottom: clamp(1rem, 2vw, 1.35rem);
    z-index: 3;
    display: grid;
    grid-template-columns: minmax(0, 1.16fr) minmax(320px, 0.84fr);
    gap: 1rem;
    align-items: end;
}

body.marketing-redesign .hero-stage__support .hero-scope-map {
    margin-top: 0;
}

body.marketing-redesign .hero-stage__support .page-hero-map {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.95rem;
}

body.marketing-redesign .hero-stage__support .page-hero-map-card,
body.marketing-redesign .hero-stage__support .hero-command {
    background:
        linear-gradient(155deg, rgba(14, 30, 20, 0.86), rgba(10, 23, 15, 0.8));
    backdrop-filter: blur(10px);
    border-color: rgba(198, 233, 205, 0.14);
    box-shadow: 0 24px 46px -32px rgba(0, 0, 0, 0.48);
}

body.marketing-redesign .hero-stage__support .page-hero-map-card {
    min-height: 100%;
    padding: 1rem;
}

body.marketing-redesign .hero-stage__support .page-hero-map-card strong {
    font-size: 1.02rem;
    line-height: 1.24;
}

body.marketing-redesign .hero-stage__support .page-hero-map-card p {
    font-size: 0.92rem;
}

body.marketing-redesign .hero-stage__support .hero-command {
    padding: 1rem;
}

body.marketing-redesign .hero-shader {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
    border-radius: 30px;
    mask-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.92) 12%, rgba(0, 0, 0, 1) 24%, rgba(0, 0, 0, 1) 76%, rgba(0, 0, 0, 0.92) 88%, transparent 100%);
}

body.marketing-redesign .hero-shader::before,
body.marketing-redesign .hero-shader::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
}

body.marketing-redesign .hero-shader::before {
    background:
        radial-gradient(circle at 16% 24%, rgba(179, 255, 67, 0.08), transparent 17rem),
        radial-gradient(circle at 82% 16%, rgba(44, 179, 74, 0.08), transparent 20rem),
        linear-gradient(90deg, rgba(5, 14, 9, 0.1), transparent 38%, rgba(5, 14, 9, 0.06) 100%);
    z-index: 2;
}

body.marketing-redesign .hero-shader::after {
    background:
        linear-gradient(180deg, rgba(6, 17, 10, 0.12), rgba(6, 17, 10, 0.42)),
        radial-gradient(circle at 24% 34%, rgba(179, 255, 67, 0.04), transparent 15rem);
    z-index: 2;
}

body.marketing-redesign .hero-shader__canvas {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0.88;
    mix-blend-mode: screen;
}

body.marketing-redesign .hero-shader__lane,
body.marketing-redesign .hero-shader__node {
    position: absolute;
    pointer-events: none;
    z-index: 1;
}

body.marketing-redesign .hero-shader__lane {
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(44, 179, 74, 0), rgba(44, 179, 74, 0.68), rgba(179, 255, 67, 0.94), rgba(44, 179, 74, 0));
    box-shadow: 0 0 14px rgba(179, 255, 67, 0.26);
    opacity: 0.72;
}

body.marketing-redesign .hero-shader__lane::after {
    content: "";
    position: absolute;
    top: 50%;
    left: -0.5rem;
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(242, 255, 208, 0.92) 0%, rgba(179, 255, 67, 0.82) 48%, rgba(179, 255, 67, 0) 72%);
    transform: translateY(-50%);
    box-shadow: 0 0 14px rgba(179, 255, 67, 0.36);
}

body.marketing-redesign .hero-shader__lane--one {
    top: 18%;
    left: -4%;
    width: 64%;
    transform: rotate(-5deg);
    animation: heroLaneFloat 9s linear infinite;
}

body.marketing-redesign .hero-shader__lane--one::after {
    animation: heroLaneRun 6s linear infinite;
}

body.marketing-redesign .hero-shader__lane--two {
    top: 42%;
    left: 10%;
    width: 78%;
    transform: rotate(7deg);
    animation: heroLaneFloat 11s linear infinite reverse;
}

body.marketing-redesign .hero-shader__lane--two::after {
    animation: heroLaneRun 7.2s linear infinite 0.8s;
}

body.marketing-redesign .hero-shader__lane--three {
    bottom: 20%;
    left: -8%;
    width: 74%;
    transform: rotate(-7deg);
    animation: heroLaneFloat 10.5s linear infinite;
}

body.marketing-redesign .hero-shader__lane--three::after {
    animation: heroLaneRun 6.6s linear infinite 1.4s;
}

body.marketing-redesign .hero-shader__node {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: rgba(179, 255, 67, 0.88);
    box-shadow: 0 0 0 0 rgba(179, 255, 67, 0.18);
}

body.marketing-redesign .hero-shader__node--one {
    top: 16%;
    left: 34%;
    animation: heroNodePulse 5.8s ease-out infinite;
}

body.marketing-redesign .hero-shader__node--two {
    top: 38%;
    right: 18%;
    animation: heroNodePulse 6.4s ease-out infinite 1.1s;
}

body.marketing-redesign .hero-shader__node--three {
    bottom: 18%;
    left: 68%;
    animation: heroNodePulse 6s ease-out infinite 2s;
}

body.marketing-redesign .hero-stage::after,
body.marketing-redesign .page-hero::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 190px;
    background:
        linear-gradient(180deg, transparent, rgba(6, 17, 10, 0.55)),
        linear-gradient(90deg, transparent 0%, rgba(179, 255, 67, 0.18) 22%, transparent 48%, rgba(44, 179, 74, 0.15) 72%, transparent 100%);
    pointer-events: none;
}

body.marketing-redesign #departments .section-route,
body.marketing-redesign #catalog .section-head,
body.marketing-redesign #proof .proof-main {
    max-width: 74rem;
}

body.marketing-redesign #departments .audience-layout {
    align-items: start;
    gap: 1.2rem;
}

body.marketing-redesign #departments .audience-card {
    min-height: 100%;
    background:
        linear-gradient(180deg, rgba(16, 35, 23, 0.9), rgba(11, 25, 16, 0.84));
    border-color: rgba(198, 233, 205, 0.12);
    box-shadow: 0 26px 42px -34px rgba(0, 0, 0, 0.44);
}

body.marketing-redesign #departments .audience-card__label,
body.marketing-redesign #departments .audience-story__label,
body.marketing-redesign #proof .proof-side__head span {
    color: rgba(179, 255, 67, 0.88);
}

body.marketing-redesign #departments .audience-story {
    background: rgba(13, 28, 18, 0.82);
    border-color: rgba(198, 233, 205, 0.12);
}

body.marketing-redesign #catalog .catalog-stage__shell {
    margin-top: 1.25rem;
}

body.marketing-redesign #proof .proof-shell {
    padding: clamp(1rem, 2vw, 1.35rem);
    border-radius: 30px;
    border: 1px solid rgba(198, 233, 205, 0.1);
    background:
        linear-gradient(180deg, rgba(12, 27, 18, 0.84), rgba(9, 22, 14, 0.92));
    box-shadow: 0 30px 56px -42px rgba(0, 0, 0, 0.52);
}

body.marketing-redesign #proof .proof-side {
    background:
        linear-gradient(180deg, rgba(16, 34, 22, 0.92), rgba(10, 23, 15, 0.92));
    border-color: rgba(198, 233, 205, 0.12);
}

body.marketing-redesign #proof .metric-pill,
body.marketing-redesign #proof .stat {
    background: rgba(14, 30, 20, 0.78);
    border-color: rgba(198, 233, 205, 0.12);
}

body.marketing-redesign #solutions .solutions-grid .story-card {
    background:
        linear-gradient(180deg, rgba(14, 31, 20, 0.9), rgba(10, 24, 15, 0.86));
    border-color: rgba(198, 233, 205, 0.12);
}

body.marketing-redesign .hero-grid,
body.marketing-redesign .page-hero-grid {
    position: relative;
    z-index: 1;
    align-items: stretch;
    gap: 2rem;
}

body.marketing-redesign h1,
body.marketing-redesign .section h2,
body.marketing-redesign .page-hero-panel__title {
    text-wrap: balance;
}

body.marketing-redesign h1 {
    max-width: 12ch;
    font-size: clamp(3.2rem, 6.6vw, 6rem);
    line-height: 0.9;
    letter-spacing: -0.045em;
}

body.marketing-redesign .page-hero h1 {
    max-width: 11.5ch;
    font-size: clamp(2.7rem, 5vw, 4.6rem);
    line-height: 0.92;
}

body.marketing-redesign .hero p,
body.marketing-redesign .page-hero p,
body.marketing-redesign .hero-note,
body.marketing-redesign .page-hero-panel__body,
body.marketing-redesign .page-hero-map-card p,
body.marketing-redesign .page-hero-list-item span {
    color: rgba(225, 238, 227, 0.82);
}

body.marketing-redesign .chip,
body.marketing-redesign .page-hero-tag,
body.marketing-redesign .pill {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(179, 255, 67, 0.2);
    color: #f0fbef;
}

body.marketing-redesign .hero-kicker,
body.marketing-redesign .page-hero-panel__eyebrow,
body.marketing-redesign .breadcrumbs,
body.marketing-redesign .subnav-label,
body.marketing-redesign .proof-side__head span,
body.marketing-redesign .proof-side__foot span {
    color: #b3ff43;
}

body.marketing-redesign .section:not(#solutions):not(.catalog-stage) .eyebrow,
body.marketing-redesign .section:not(#solutions):not(.catalog-stage) .section-route__note,
body.marketing-redesign .section:not(#solutions):not(.catalog-stage) .audience-card__label,
body.marketing-redesign .section:not(#solutions):not(.catalog-stage) .audience-story__label {
    color: var(--primary-strong);
}

body.marketing-redesign .hero-command,
body.marketing-redesign .hero-dossier,
body.marketing-redesign .page-hero-panel,
body.marketing-redesign .proof-side,
body.marketing-redesign .page-hero-map-card {
    background:
        linear-gradient(155deg, rgba(14, 30, 20, 0.92), rgba(10, 23, 15, 0.86));
    border-color: rgba(198, 233, 205, 0.12);
    box-shadow: 0 36px 70px -44px rgba(0, 0, 0, 0.55);
}

body.marketing-redesign .hero-dossier,
body.marketing-redesign .hero-command {
    backdrop-filter: blur(8px);
}

body.marketing-redesign .hero-command__tile,
body.marketing-redesign .page-hero-list-item,
body.marketing-redesign .stack-item,
body.marketing-redesign .page-hero-metric,
body.marketing-redesign .page-hero-map-card {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(194, 235, 202, 0.1);
}

body.marketing-redesign .hero-command__header span,
body.marketing-redesign .hero-command__label,
body.marketing-redesign .page-hero-metric span,
body.marketing-redesign .metric-pill span,
body.marketing-redesign .stat span {
    color: rgba(208, 235, 212, 0.74);
}

body.marketing-redesign .page-hero-map-card strong,
body.marketing-redesign .hero-command__tile strong,
body.marketing-redesign .page-hero-panel__title,
body.marketing-redesign .hero-dossier__head strong,
body.marketing-redesign .hero-dossier .stack-item strong,
body.marketing-redesign .page-hero-metric strong {
    color: #f6fcf6;
}

body.marketing-redesign .hero-scope-map {
    margin-top: 0.2rem;
}

body.marketing-redesign .hero-dossier--narrative {
    display: grid;
    gap: 1rem;
}

body.marketing-redesign .page-hero,
body.marketing-redesign .hero-stage {
    transition: background 0.35s ease;
}

body.marketing-redesign .page-hero::after,
body.marketing-redesign .hero-stage::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: 0.88;
}

body.marketing-page-home .hero-stage::after {
    background:
        radial-gradient(circle at 82% 12%, rgba(179, 255, 67, 0.08), transparent 16rem),
        linear-gradient(135deg, rgba(255, 255, 255, 0.015), transparent 58%);
}

body.marketing-page-features .page-hero::after {
    background:
        linear-gradient(90deg, rgba(44, 179, 74, 0.06), transparent 28%),
        radial-gradient(circle at 78% 18%, rgba(117, 255, 148, 0.12), transparent 16rem);
}

body.marketing-page-demoJourney .page-hero::after {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.04), transparent 48%),
        radial-gradient(circle at 82% 14%, rgba(133, 79, 255, 0.14), transparent 17rem);
}

body.marketing-page-tracking .page-hero::after {
    background:
        linear-gradient(180deg, rgba(88, 208, 255, 0.06), transparent 42%),
        radial-gradient(circle at 82% 12%, rgba(88, 208, 255, 0.18), transparent 17rem);
}

body.marketing-page-integrations .page-hero::after {
    background:
        radial-gradient(circle at 80% 16%, rgba(100, 132, 255, 0.18), transparent 16rem),
        linear-gradient(135deg, rgba(255, 255, 255, 0.04), transparent 54%);
}

body.marketing-page-customization .page-hero::after {
    background:
        radial-gradient(circle at 80% 18%, rgba(255, 170, 90, 0.15), transparent 16rem),
        linear-gradient(180deg, rgba(255, 255, 255, 0.04), transparent 50%);
}

body.marketing-page-implementation .page-hero::after {
    background:
        linear-gradient(180deg, rgba(204, 232, 212, 0.05), transparent 50%),
        radial-gradient(circle at 82% 18%, rgba(204, 232, 212, 0.16), transparent 16rem);
}

body.marketing-page-submodules .page-hero::after {
    background:
        linear-gradient(90deg, rgba(179, 255, 67, 0.07), transparent 22%),
        radial-gradient(circle at 82% 16%, rgba(179, 255, 67, 0.14), transparent 16rem);
}

body.marketing-page-operations .page-hero::after {
    background:
        radial-gradient(circle at 80% 14%, rgba(64, 219, 150, 0.16), transparent 17rem),
        linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent 50%);
}

body.marketing-page-features .page-hero-panel,
body.marketing-page-submodules .page-hero-panel {
    background: linear-gradient(180deg, rgba(11, 27, 17, 0.88), rgba(18, 45, 29, 0.72));
}

body.marketing-page-tracking .page-hero-panel {
    background: linear-gradient(180deg, rgba(8, 25, 28, 0.9), rgba(17, 43, 44, 0.76));
}

body.marketing-page-integrations .page-hero-panel {
    background: linear-gradient(180deg, rgba(10, 21, 34, 0.9), rgba(18, 34, 56, 0.78));
}

body.marketing-page-customization .page-hero-panel {
    background: linear-gradient(180deg, rgba(28, 22, 13, 0.9), rgba(45, 35, 19, 0.78));
}

body.marketing-page-implementation .page-hero-panel {
    background: linear-gradient(180deg, rgba(14, 26, 18, 0.88), rgba(24, 38, 28, 0.76));
}

body.marketing-page-demoJourney .story-card,
body.marketing-page-demoJourney .page-hero-map-card {
    box-shadow: 0 24px 44px -34px rgba(76, 53, 132, 0.42);
}

body.marketing-page-tracking .signal-card--immersive .signal-card__media-grid {
    background-size: 2.35rem 2.35rem;
    opacity: 0.24;
}

body.marketing-page-tracking .signal-card--immersive .signal-card__media-line {
    background: linear-gradient(90deg, transparent, rgba(88, 208, 255, 0.92), transparent);
    filter: drop-shadow(0 0 10px rgba(88, 208, 255, 0.24));
}

body.marketing-page-integrations .hub-core {
    background: linear-gradient(145deg, #19346a 0%, #0f5ca8 100%);
}

body.marketing-page-integrations .hub-node {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(229, 237, 250, 0.9));
}

body.marketing-page-customization .scope-card {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.93), rgba(247, 239, 231, 0.92));
}

body.marketing-page-customization .scope-card::after {
    background: radial-gradient(circle, rgba(255, 170, 90, 0.18), transparent 68%);
}

body.marketing-page-implementation .band,
body.marketing-page-implementation .section-note {
    background: linear-gradient(180deg, rgba(232, 243, 235, 0.92), rgba(245, 249, 246, 0.94));
}

body.marketing-page-submodules .module-card {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(239, 246, 234, 0.92));
}

body.marketing-page-operations .flow-step__line span,
body.marketing-page-operations .operation-beat__pulse span {
    background: linear-gradient(90deg, rgba(64, 219, 150, 0.72), rgba(64, 219, 150, 0.12));
}

body.marketing-page-home .hero-scope-atlas {
    position: relative;
    padding: 6rem 0 3.2rem;
    overflow: hidden;
    background:
        radial-gradient(circle at 14% 16%, rgba(179, 255, 67, 0.11), transparent 16rem),
        radial-gradient(circle at 82% 12%, rgba(44, 179, 74, 0.16), transparent 24rem),
        linear-gradient(180deg, #07110b 0%, #0b1710 58%, #0d1911 100%);
    border-bottom: 1px solid rgba(198, 233, 205, 0.08);
}

body.marketing-page-home .hero-scope-atlas::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.025), transparent 28%, transparent 72%, rgba(255, 255, 255, 0.025)),
        linear-gradient(rgba(179, 255, 67, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(179, 255, 67, 0.03) 1px, transparent 1px);
    background-size: auto, 112px 112px, 112px 112px;
    mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.82), transparent 86%);
    pointer-events: none;
}

body.marketing-page-home .hero-scope-atlas::after {
    content: "";
    position: absolute;
    top: 3rem;
    right: clamp(1.5rem, 5vw, 4.5rem);
    z-index: 0;
    width: min(27rem, 34vw);
    height: min(18rem, 24vw);
    pointer-events: none;
    opacity: 0.78;
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23a8b2ab' fill-opacity='.68' d='M50 4C54 28 72 46 96 50C72 54 54 72 50 96C46 72 28 54 4 50C28 46 46 28 50 4Z'/%3E%3C/svg%3E") 0 0 / 24px 24px repeat,
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%2376d28a' fill-opacity='.78' d='M50 4C54 28 72 46 96 50C72 54 54 72 50 96C46 72 28 54 4 50C28 46 46 28 50 4Z'/%3E%3C/svg%3E") 12px 12px / 24px 24px repeat,
        radial-gradient(circle at 52% 50%, rgba(96, 164, 111, 0.24), transparent 64%);
    border-radius: 30px;
    mask-image: radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.82) 58%, transparent 92%);
    filter: drop-shadow(0 0 22px rgba(84, 144, 97, 0.2));
    transform: rotate(-8deg);
}

body.marketing-page-home .hero-scope-atlas__shell {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.02fr) minmax(360px, 0.98fr);
    gap: 1.5rem;
    align-items: center;
}

body.marketing-page-home .hero-scope-atlas__copy {
    display: grid;
    gap: 0.95rem;
    max-width: 44rem;
}

body.marketing-page-home .hero-scope-atlas h1 {
    max-width: 11.5ch;
    margin: 0;
    font-size: clamp(2.7rem, 5.2vw, 4.8rem);
    line-height: 0.95;
    letter-spacing: -0.034em;
    color: #f3fbf4;
}

body.marketing-page-home .hero-scope-atlas .hero-kicker {
    color: #b3ff43;
}

body.marketing-page-home .hero-scope-atlas .hero-note,
body.marketing-page-home .hero-scope-atlas__copy > p:not(.hero-note) {
    max-width: 64ch;
    color: rgba(226, 239, 228, 0.84);
}

body.marketing-page-home .atlas-panel {
    display: grid;
    gap: 1rem;
    padding: 1rem;
    border-radius: 18px;
    background: rgba(11, 24, 15, 0.9);
    border: 1px solid rgba(198, 233, 205, 0.14);
}

body.marketing-page-home .atlas-panel__head,
body.marketing-page-home .atlas-panel__footer {
    display: grid;
    gap: 0.35rem;
}

body.marketing-page-home .atlas-panel__head span,
body.marketing-page-home .atlas-panel__footer span {
    color: #b3ff43;
    font-size: 0.75rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    font-weight: 800;
}

body.marketing-page-home .atlas-panel__head strong,
body.marketing-page-home .atlas-panel__footer strong {
    color: #f4fbf5;
}

body.marketing-page-home .atlas-panel__footer {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
}

body.marketing-page-home .atlas-board {
    position: relative;
    min-height: 34rem;
    border-radius: 16px;
    overflow: hidden;
    background:
        radial-gradient(circle at 22% 24%, rgba(44, 179, 74, 0.12), transparent 20%),
        radial-gradient(circle at 74% 72%, rgba(179, 255, 67, 0.1), transparent 18%),
        linear-gradient(180deg, rgba(8, 19, 12, 0.98), rgba(10, 20, 13, 0.98));
    border: 1px solid rgba(92, 128, 101, 0.14);
}

body.marketing-page-home .atlas-board__mesh {
    position: absolute;
    inset: 0;
}

body.marketing-page-home .atlas-board__mesh::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(rgba(170, 221, 181, 0.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(170, 221, 181, 0.08) 1px, transparent 1px);
    background-size: 84px 84px;
    opacity: 0.34;
}

body.marketing-page-home .atlas-board__mesh::after {
    content: "";
    position: absolute;
    top: 10%;
    right: 6%;
    width: 12rem;
    height: 12rem;
    pointer-events: none;
    opacity: 0.62;
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%239ca7a0' fill-opacity='.62' d='M50 6C53 28 72 47 94 50C72 53 53 72 50 94C47 72 28 53 6 50C28 47 47 28 50 6Z'/%3E%3C/svg%3E") 0 0 / 24px 24px repeat,
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%2372c684' fill-opacity='.74' d='M50 6C53 28 72 47 94 50C72 53 53 72 50 94C47 72 28 53 6 50C28 47 47 28 50 6Z'/%3E%3C/svg%3E") 12px 12px / 24px 24px repeat;
    mask-image: radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0.98), transparent 88%);
}

body.marketing-page-home .atlas-board__route,
body.marketing-page-home .atlas-board__pulse {
    position: absolute;
}

body.marketing-page-home .atlas-board__route {
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(44, 179, 74, 0), rgba(44, 179, 74, 0.7), rgba(179, 255, 67, 0.9), rgba(44, 179, 74, 0));
    opacity: 0.82;
    box-shadow: 0 0 10px rgba(44, 179, 74, 0.16);
}

body.marketing-page-home .atlas-board__route--one {
    top: 24%;
    left: 10%;
    width: 58%;
    transform: rotate(-12deg);
    animation: atlasDrift 10s linear infinite;
}

body.marketing-page-home .atlas-board__route--two {
    top: 48%;
    left: 20%;
    width: 54%;
    transform: rotate(6deg);
    animation: atlasDrift 12s linear infinite reverse;
}

body.marketing-page-home .atlas-board__route--three {
    bottom: 20%;
    left: 26%;
    width: 48%;
    transform: rotate(-8deg);
    animation: atlasDrift 11s linear infinite;
}

body.marketing-page-home .atlas-board__pulse {
    width: 0.9rem;
    height: 0.9rem;
    border-radius: 999px;
    background: #d8ff9f;
    box-shadow: 0 0 0 0.4rem rgba(179, 255, 67, 0.09), 0 0 14px rgba(179, 255, 67, 0.22);
}

body.marketing-page-home .atlas-board__pulse--one {
    top: 19%;
    left: 34%;
    animation: atlasPulse 5.8s ease-out infinite;
}

body.marketing-page-home .atlas-board__pulse--two {
    top: 46%;
    right: 28%;
    animation: atlasPulse 6.6s ease-out infinite 1.1s;
}

body.marketing-page-home .atlas-board__pulse--three {
    bottom: 17%;
    left: 46%;
    animation: atlasPulse 6.1s ease-out infinite 2s;
}

body.marketing-page-home .atlas-node {
    position: absolute;
    width: min(15.5rem, 42%);
    padding: 0.95rem 1rem;
    border-radius: 14px;
    background: rgba(15, 31, 20, 0.9);
    border: 1px solid rgba(198, 233, 205, 0.14);
}

body.marketing-page-home .atlas-node span {
    display: block;
    margin-bottom: 0.25rem;
    color: #b3ff43;
    font-size: 0.72rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    font-weight: 800;
}

body.marketing-page-home .atlas-node strong {
    display: block;
    margin-bottom: 0.25rem;
    color: #f4fbf5;
    font-size: 1rem;
}

body.marketing-page-home .atlas-node p {
    margin: 0;
    color: rgba(221, 236, 223, 0.78);
    font-size: 0.88rem;
}

body.marketing-page-home .atlas-node--dispatch {
    top: 1rem;
    left: 1rem;
}

body.marketing-page-home .atlas-node--warehouse {
    top: 8.5rem;
    right: 1rem;
}

body.marketing-page-home .atlas-node--fleet {
    top: 16rem;
    left: 1.8rem;
}

body.marketing-page-home .atlas-node--finance {
    bottom: 5.5rem;
    right: 1.4rem;
}

body.marketing-page-home .atlas-node--governance {
    bottom: 1rem;
    left: 26%;
}

body.marketing-page-home .hero-scope-atlas__tail {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

body.marketing-page-home .hero-tail-card {
    padding: 1rem 1.05rem;
    border-radius: 14px;
    background: rgba(14, 30, 19, 0.82);
    border: 1px solid rgba(198, 233, 205, 0.12);
}

body.marketing-page-home .hero-tail-card h3 {
    margin: 0 0 0.35rem;
    color: #f4fbf5;
    font-size: 1rem;
}

body.marketing-page-home .hero-tail-card p {
    margin: 0;
    color: rgba(221, 236, 223, 0.78);
    font-size: 0.9rem;
}

.proof-shot,
.proof-checklist {
    border-radius: 18px;
}

.proof-shot h3,
.proof-checklist h3 {
    margin: 0;
    font-size: 1.12rem;
    line-height: 1.18;
}

.proof-shot p,
.proof-checklist p {
    margin: 0;
}

.proof-shot__meta,
.proof-checklist__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.proof-shot__eyebrow,
.proof-shot__surface,
.proof-checklist__eyebrow {
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.proof-shot__surface {
    padding: 0.28rem 0.56rem;
    border-radius: 999px;
}

.proof-shot__points,
.proof-checklist__items {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 0.6rem;
}

.proof-shot__points li,
.proof-checklist__items li {
    position: relative;
    padding-left: 1.05rem;
}

.proof-shot__points li::before,
.proof-checklist__items li::before {
    content: "";
    position: absolute;
    top: 0.58rem;
    left: 0;
    width: 0.42rem;
    height: 0.42rem;
    border-radius: 999px;
}

.proof-shot__media {
    position: relative;
    overflow: hidden;
}

.proof-shot__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.proof-shot__body {
    display: grid;
    gap: 0.8rem;
}

.proof-checklist {
    display: grid;
    gap: 0.8rem;
    padding: 1.2rem;
}

body.marketing-page-home .scope-ledger {
    background:
        linear-gradient(180deg, rgba(248, 252, 248, 0.98), rgba(239, 246, 240, 0.98));
}

body.marketing-page-home .scope-ledger__intro,
body.marketing-page-home .proof-deck__intro {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(260px, 0.8fr);
    gap: 1.2rem;
    align-items: end;
    margin-bottom: 1.4rem;
}

body.marketing-page-home .scope-ledger__note {
    padding: 1rem;
    border-radius: 14px;
    background: rgba(12, 31, 18, 0.92);
    color: rgba(228, 239, 229, 0.84);
}

body.marketing-page-home .product-proof-band {
    background:
        linear-gradient(180deg, rgba(12, 24, 16, 0.98), rgba(16, 31, 20, 0.98));
}

body.marketing-page-home .product-proof-band__intro,
body.marketing-page-home .entry-surfaces__intro {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(300px, 0.85fr);
    gap: 1rem;
    align-items: end;
    margin-bottom: 1.25rem;
}

body.marketing-page-home .product-proof-band__grid,
body.marketing-page-home .entry-surfaces__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

body.marketing-page-home .proof-shot--dark {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
    overflow: hidden;
    background: rgba(10, 21, 14, 0.94);
    border: 1px solid rgba(198, 233, 205, 0.14);
    min-height: 18rem;
}

body.marketing-page-home .proof-shot--dark .proof-shot__media::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(7, 17, 11, 0.08), rgba(7, 17, 11, 0.48)),
        linear-gradient(90deg, rgba(7, 17, 11, 0), rgba(7, 17, 11, 0.22));
}

body.marketing-page-home .proof-visual {
    position: relative;
    min-height: 100%;
    height: 100%;
    background:
        radial-gradient(circle at 18% 22%, rgba(179, 255, 67, 0.12), transparent 12rem),
        linear-gradient(180deg, rgba(10, 20, 14, 0.94), rgba(14, 28, 19, 0.98));
}

body.marketing-page-home .proof-visual--operations,
body.marketing-page-home .proof-visual--warehouse,
body.marketing-page-home .proof-visual--finance,
body.marketing-page-home .proof-visual--portal {
    display: grid;
    place-items: center;
    padding: 1.1rem;
}

body.marketing-page-home .proof-visual__screen,
body.marketing-page-home .proof-visual__ledger,
body.marketing-page-home .proof-visual__invoice,
body.marketing-page-home .proof-visual__device--desktop,
body.marketing-page-home .proof-visual__device--mobile {
    border: 1px solid rgba(198, 233, 205, 0.14);
    background: rgba(244, 251, 245, 0.96);
    box-shadow: 0 20px 38px -28px rgba(7, 17, 11, 0.64);
}

body.marketing-page-home .proof-visual__screen,
body.marketing-page-home .proof-visual__ledger,
body.marketing-page-home .proof-visual__invoice,
body.marketing-page-home .proof-visual__device--desktop {
    width: min(100%, 20rem);
    border-radius: 18px;
}

body.marketing-page-home .proof-visual__screen {
    display: grid;
    gap: 0.8rem;
    padding: 1rem;
}

body.marketing-page-home .proof-visual__screen-bar,
body.marketing-page-home .proof-visual__ledger-head,
body.marketing-page-home .proof-visual__invoice-head,
body.marketing-page-home .proof-visual__device-bar {
    height: 0.8rem;
    width: 42%;
    border-radius: 999px;
    background: rgba(44, 179, 74, 0.22);
}

body.marketing-page-home .proof-visual__stats,
body.marketing-page-home .proof-visual__rows,
body.marketing-page-home .proof-visual__ledger-rows,
body.marketing-page-home .proof-visual__invoice-lines,
body.marketing-page-home .proof-visual__device-grid,
body.marketing-page-home .proof-visual__device-stack {
    display: grid;
    gap: 0.5rem;
}

body.marketing-page-home .proof-visual__stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.marketing-page-home .proof-visual__stats span,
body.marketing-page-home .proof-visual__rows span,
body.marketing-page-home .proof-visual__ledger-rows span,
body.marketing-page-home .proof-visual__invoice-lines span,
body.marketing-page-home .proof-visual__report span,
body.marketing-page-home .proof-visual__device-grid span,
body.marketing-page-home .proof-visual__device-stack span,
body.marketing-page-home .proof-visual__dock span,
body.marketing-page-home .proof-visual__shelves span,
body.marketing-page-home .proof-visual__pallets span {
    display: block;
    border-radius: 10px;
}

body.marketing-page-home .proof-visual__stats span {
    height: 3.2rem;
    background: linear-gradient(180deg, rgba(44, 179, 74, 0.2), rgba(44, 179, 74, 0.08));
}

body.marketing-page-home .proof-visual__chart {
    height: 5.6rem;
    border-radius: 14px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(44, 179, 74, 0.18)),
        linear-gradient(90deg, rgba(44, 179, 74, 0.14) 1px, transparent 1px),
        linear-gradient(rgba(44, 179, 74, 0.12) 1px, transparent 1px);
    background-size: auto, 2.1rem 2.1rem, 2.1rem 2.1rem;
}

body.marketing-page-home .proof-visual__rows span,
body.marketing-page-home .proof-visual__ledger-rows span,
body.marketing-page-home .proof-visual__invoice-lines span,
body.marketing-page-home .proof-visual__device-stack span {
    height: 1rem;
    background: rgba(32, 49, 38, 0.1);
}

body.marketing-page-home .proof-visual__dock {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    display: grid;
    gap: 0.35rem;
    width: 5rem;
}

body.marketing-page-home .proof-visual__dock span {
    height: 0.7rem;
    background: rgba(179, 255, 67, 0.6);
}

body.marketing-page-home .proof-visual__shelves {
    position: absolute;
    left: 1.1rem;
    top: 1rem;
    display: grid;
    gap: 0.45rem;
    width: 4.8rem;
}

body.marketing-page-home .proof-visual__shelves span {
    height: 1rem;
    background: rgba(179, 255, 67, 0.5);
}

body.marketing-page-home .proof-visual__ledger {
    display: grid;
    gap: 0.8rem;
    padding: 1rem;
}

body.marketing-page-home .proof-visual__pallets {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
    width: 6.4rem;
}

body.marketing-page-home .proof-visual__pallets span {
    height: 2.2rem;
    background: linear-gradient(180deg, rgba(44, 179, 74, 0.28), rgba(32, 49, 38, 0.18));
}

body.marketing-page-home .proof-visual__invoice {
    display: grid;
    gap: 0.8rem;
    padding: 1rem;
}

body.marketing-page-home .proof-visual__invoice-total {
    margin-top: 0.2rem;
    width: 48%;
    height: 1.2rem;
    border-radius: 999px;
    background: rgba(44, 179, 74, 0.28);
    justify-self: end;
}

body.marketing-page-home .proof-visual__report {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    display: grid;
    gap: 0.45rem;
    width: 5.2rem;
}

body.marketing-page-home .proof-visual__report span {
    height: 0.9rem;
    background: rgba(179, 255, 67, 0.58);
}

body.marketing-page-home .proof-visual--portal {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
}

body.marketing-page-home .proof-visual__device--desktop {
    display: grid;
    gap: 0.8rem;
    padding: 1rem;
}

body.marketing-page-home .proof-visual__device-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.marketing-page-home .proof-visual__device-grid span {
    height: 3.2rem;
    background: linear-gradient(180deg, rgba(44, 179, 74, 0.18), rgba(44, 179, 74, 0.08));
}

body.marketing-page-home .proof-visual__device--mobile {
    width: 5.8rem;
    border-radius: 24px;
    padding: 0.9rem 0.7rem;
}

body.marketing-page-home .proof-visual--polaris-dots {
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 50%, rgba(93, 154, 97, 0.14), transparent 18%),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%239ca7a0' fill-opacity='.52' d='M50 6C53 28 72 47 94 50C72 53 53 72 50 94C47 72 28 53 6 50C28 47 47 28 50 6Z'/%3E%3C/svg%3E") 0 0 / 14px 14px repeat,
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%2370c282' fill-opacity='.6' d='M50 6C53 28 72 47 94 50C72 53 53 72 50 94C47 72 28 53 6 50C28 47 47 28 50 6Z'/%3E%3C/svg%3E") 7px 7px / 14px 14px repeat;
    background-size: auto, 14px 14px, 14px 14px;
    background-position: center, center;
}

body.marketing-page-home .proof-visual--polaris-dots::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 50% 50%, rgba(120, 191, 128, 0.12), transparent 14%),
        linear-gradient(180deg, rgba(7, 17, 11, 0.34), rgba(7, 17, 11, 0.64));
}

body.marketing-page-home .proof-dots__halo,
body.marketing-page-home .proof-dots__orb {
    position: absolute;
    border-radius: 999px;
}

body.marketing-page-home .proof-dots__halo {
    inset: 18%;
    border: 1px solid rgba(148, 170, 153, 0.18);
    box-shadow: inset 0 0 34px rgba(111, 189, 129, 0.08);
}

body.marketing-page-home .proof-dots__orb {
    width: 0.78rem;
    height: 0.78rem;
    background: #b8c5bc;
    box-shadow: 0 0 0 0.32rem rgba(156, 167, 160, 0.08), 0 0 16px rgba(111, 189, 129, 0.2);
}

body.marketing-page-home .proof-dots__orb--one {
    top: 20%;
    left: 26%;
}

body.marketing-page-home .proof-dots__orb--two {
    top: 48%;
    right: 18%;
}

body.marketing-page-home .proof-dots__orb--three {
    bottom: 22%;
    left: 44%;
}

body.marketing-page-home .proof-visual--polaris {
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 48%, rgba(111, 189, 129, 0.12), transparent 8rem),
        radial-gradient(circle at 18% 24%, rgba(255, 255, 255, 0.08) 0 1px, transparent 2px),
        radial-gradient(circle at 74% 18%, rgba(255, 255, 255, 0.1) 0 1px, transparent 2px),
        radial-gradient(circle at 28% 76%, rgba(255, 255, 255, 0.08) 0 1px, transparent 2px),
        linear-gradient(180deg, rgba(7, 17, 11, 0.98), rgba(10, 22, 14, 0.98));
}

body.marketing-page-home .proof-polaris__core,
body.marketing-page-home .proof-polaris__plate,
body.marketing-page-home .proof-polaris__star,
body.marketing-page-home .proof-polaris__beam {
    position: absolute;
}

body.marketing-page-home .proof-polaris__core {
    top: 50%;
    left: 50%;
    width: 8rem;
    height: 8rem;
    transform: translate(-50%, -50%);
}

body.marketing-page-home .proof-polaris__ring,
body.marketing-page-home .proof-polaris__pulse {
    position: absolute;
    inset: 0;
    border-radius: 999px;
}

body.marketing-page-home .proof-polaris__ring {
    border: 1px solid rgba(155, 177, 160, 0.2);
    box-shadow: inset 0 0 0 1px rgba(111, 189, 129, 0.12);
}

body.marketing-page-home .proof-polaris__pulse {
    inset: 1.9rem;
    background: radial-gradient(circle, rgba(151, 176, 156, 0.7), rgba(111, 189, 129, 0.22) 55%, transparent 70%);
}

body.marketing-page-home .proof-polaris__star {
    width: 0.72rem;
    height: 0.72rem;
    border-radius: 999px;
    background: #bcc7c0;
    box-shadow: 0 0 0 0.32rem rgba(156, 167, 160, 0.08), 0 0 18px rgba(111, 189, 129, 0.2);
}

body.marketing-page-home .proof-polaris__star--north {
    top: 18%;
    left: 49%;
}

body.marketing-page-home .proof-polaris__star--east {
    top: 44%;
    right: 18%;
}

body.marketing-page-home .proof-polaris__star--south {
    bottom: 18%;
    left: 44%;
}

body.marketing-page-home .proof-polaris__star--west {
    top: 54%;
    left: 18%;
}

body.marketing-page-home .proof-polaris__beam {
    height: 1px;
    transform-origin: left center;
    background: linear-gradient(90deg, rgba(111, 189, 129, 0), rgba(111, 189, 129, 0.5), rgba(111, 189, 129, 0));
}

body.marketing-page-home .proof-polaris__beam--one {
    top: 34%;
    left: 34%;
    width: 30%;
    transform: rotate(-52deg);
}

body.marketing-page-home .proof-polaris__beam--two {
    top: 50%;
    left: 33%;
    width: 34%;
    transform: rotate(-4deg);
}

body.marketing-page-home .proof-polaris__beam--three {
    top: 58%;
    left: 38%;
    width: 28%;
    transform: rotate(48deg);
}

body.marketing-page-home .proof-polaris__plate {
    display: grid;
    gap: 0.45rem;
    width: 8.4rem;
    padding: 0.9rem;
    border-radius: 16px;
    border: 1px solid rgba(198, 233, 205, 0.14);
    background: rgba(244, 251, 245, 0.08);
    backdrop-filter: blur(8px);
}

body.marketing-page-home .proof-polaris__plate span {
    display: block;
    height: 0.72rem;
    border-radius: 999px;
    background: rgba(228, 239, 229, 0.2);
}

body.marketing-page-home .proof-polaris__plate--ledger {
    right: 1.1rem;
    top: 1.2rem;
}

body.marketing-page-home .proof-polaris__plate--finance {
    left: 1.1rem;
    bottom: 1.2rem;
}

body.marketing-page-home .proof-shot--dark .proof-shot__body {
    padding: 1.2rem;
}

body.marketing-page-home .proof-shot--dark h3,
body.marketing-page-home .product-proof-band .proof-checklist h3 {
    color: #f4fbf5;
}

body.marketing-page-home .proof-shot--dark p,
body.marketing-page-home .proof-shot--dark li,
body.marketing-page-home .product-proof-band .proof-checklist p,
body.marketing-page-home .product-proof-band .proof-checklist li {
    color: rgba(222, 237, 223, 0.8);
}

body.marketing-page-home .proof-shot--dark .proof-shot__eyebrow,
body.marketing-page-home .proof-shot--dark .proof-shot__surface,
body.marketing-page-home .product-proof-band .proof-checklist__eyebrow,
body.marketing-page-home .entry-surface-card .proof-checklist__eyebrow {
    color: #b3ff43;
}

body.marketing-page-home .proof-shot--dark .proof-shot__surface {
    background: rgba(179, 255, 67, 0.08);
    border: 1px solid rgba(179, 255, 67, 0.16);
}

body.marketing-page-home .proof-shot--dark .proof-shot__points li::before,
body.marketing-page-home .product-proof-band .proof-checklist__items li::before,
body.marketing-page-home .entry-surface-card .proof-checklist__items li::before {
    background: #b3ff43;
    box-shadow: 0 0 0 0.28rem rgba(179, 255, 67, 0.08);
}

body.marketing-page-home .product-proof-band .proof-checklist {
    background: rgba(14, 28, 18, 0.94);
    border: 1px solid rgba(198, 233, 205, 0.14);
}

body.marketing-page-home .entry-surfaces {
    background:
        linear-gradient(180deg, rgba(246, 251, 247, 0.98), rgba(237, 245, 238, 0.98));
}

body.marketing-page-home .entry-surfaces__note {
    padding: 1rem;
    border-radius: 14px;
    background: rgba(12, 29, 18, 0.92);
}

body.marketing-page-home .entry-surfaces__note strong {
    display: block;
    margin-bottom: 0.3rem;
    color: #f5fbf5;
}

body.marketing-page-home .entry-surfaces__note p {
    margin: 0;
    color: rgba(222, 237, 223, 0.8);
}

body.marketing-page-home .entry-surface-card {
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(64, 92, 71, 0.12);
}

body.marketing-page-home .entry-surface-card h3 {
    color: #1f3125;
}

body.marketing-page-home .entry-surface-card p,
body.marketing-page-home .entry-surface-card li {
    color: #4b5c50;
}

body.marketing-page-home .scope-ledger__bands {
    display: grid;
    gap: 1rem;
}

body.marketing-page-home .scope-band {
    display: grid;
    grid-template-columns: minmax(220px, 0.55fr) minmax(0, 1.45fr);
    gap: 1rem;
    padding: 1rem;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.86);
    border: 1px solid rgba(64, 92, 71, 0.12);
}

body.marketing-page-home .scope-band__copy {
    display: grid;
    gap: 0.35rem;
    align-content: start;
}

body.marketing-page-home .scope-band__copy span {
    color: #1d7c39;
    font-size: 0.86rem;
    font-weight: 800;
}

body.marketing-page-home .scope-band__copy h3 {
    margin: 0;
    color: #1f3125;
    font-size: 1.24rem;
}

body.marketing-page-home .scope-band__copy p {
    margin: 0;
    color: #4b5c50;
}

body.marketing-page-home .scope-band__modules {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.8rem;
}

body.marketing-page-home .scope-band__module {
    padding: 0.95rem;
    border-radius: 12px;
    background: #f3f7f4;
}

body.marketing-page-home .scope-band__module strong {
    display: block;
    margin-bottom: 0.28rem;
    color: #1f3125;
}

body.marketing-page-home .scope-band__module p {
    margin: 0;
    color: #4b5c50;
    font-size: 0.9rem;
}

body.marketing-page-home .teams-brief__layout {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.1rem;
    align-items: start;
}

body.marketing-page-home .teams-brief__lead {
    display: grid;
    gap: 0.6rem;
    grid-column: 1 / -1;
    max-width: 44rem;
}

body.marketing-page-home .teams-brief__owners {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.8rem;
}

body.marketing-page-home .team-owner,
body.marketing-page-home .market-fit,
body.marketing-page-home .proof-feature,
body.marketing-page-home .pressure-item {
    padding: 1rem;
    border-radius: 14px;
}

body.marketing-page-home .team-owner {
    background: rgba(14, 31, 20, 0.9);
    border: 1px solid rgba(198, 233, 205, 0.14);
}

body.marketing-page-home .team-owner h3,
body.marketing-page-home .market-fit h3 {
    margin: 0 0 0.35rem;
    color: #f5fbf5;
}

body.marketing-page-home .team-owner p,
body.marketing-page-home .market-fit p {
    margin: 0;
    color: rgba(223, 236, 224, 0.8);
}

body.marketing-page-home .teams-brief__fit {
    display: grid;
    grid-template-columns: minmax(280px, 0.9fr) repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

body.marketing-page-home .teams-brief__rail-head {
    padding: 1rem;
    border-radius: 14px;
    background: rgba(13, 27, 17, 0.94);
    color: rgba(223, 236, 224, 0.8);
    align-self: stretch;
}

body.marketing-page-home .teams-brief__rail-head strong {
    display: block;
    margin-bottom: 0.2rem;
    color: #f5fbf5;
}

body.marketing-page-home .market-fit {
    background: rgba(17, 35, 22, 0.84);
    border: 1px solid rgba(198, 233, 205, 0.14);
}

body.marketing-page-home .market-fit span {
    display: block;
    margin-bottom: 0.3rem;
    color: #b3ff43;
    font-size: 0.74rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-weight: 800;
}

body.marketing-page-home .proof-deck {
    background:
        linear-gradient(180deg, rgba(246, 251, 247, 0.98), rgba(237, 245, 238, 0.98));
}

body.marketing-page-home .proof-deck__stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

body.marketing-page-home .proof-stat {
    padding: 0.95rem;
    border-radius: 14px;
    background: rgba(13, 29, 18, 0.92);
}

body.marketing-page-home .proof-stat strong {
    display: block;
    color: #b3ff43;
    font-size: 1.5rem;
}

body.marketing-page-home .proof-stat span {
    color: rgba(221, 236, 223, 0.8);
    font-size: 0.88rem;
}

body.marketing-page-home .proof-deck__features {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.9rem;
    margin-bottom: 1rem;
}

body.marketing-page-home .proof-feature {
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(64, 92, 71, 0.12);
}

body.marketing-page-home .proof-feature__head {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    margin-bottom: 0.45rem;
}

body.marketing-page-home .proof-feature__head h3 {
    margin: 0;
    color: #1f3125;
    font-size: 1rem;
}

body.marketing-page-home .proof-feature p {
    margin: 0 0 0.5rem;
    color: #4b5c50;
}

body.marketing-page-home .demo-path {
    background:
        linear-gradient(180deg, rgba(243, 248, 244, 0.98), rgba(236, 244, 237, 0.98));
}

body.marketing-page-home .demo-path__intro {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr);
    gap: 1rem;
    align-items: end;
    margin-bottom: 1.1rem;
}

body.marketing-page-home .demo-path__summary {
    padding: 1rem;
    border-radius: 14px;
    background: rgba(12, 29, 18, 0.92);
    color: rgba(224, 238, 226, 0.82);
}

body.marketing-page-home .demo-path__summary strong {
    display: block;
    margin-bottom: 0.25rem;
    color: #f4fbf5;
}

body.marketing-page-home .demo-path__summary p {
    margin: 0;
}

body.marketing-page-home .demo-path__steps {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.9rem;
}

body.marketing-page-home .demo-step {
    padding: 1rem;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(64, 92, 71, 0.12);
}

body.marketing-page-home .demo-step span {
    display: inline-flex;
    align-items: center;
    margin-bottom: 0.4rem;
    padding: 0.28rem 0.56rem;
    border-radius: 999px;
    background: rgba(29, 124, 57, 0.1);
    color: #1d7c39;
    font-size: 0.76rem;
    font-weight: 800;
}

body.marketing-page-home .demo-step h3 {
    margin: 0 0 0.35rem;
    color: #1f3125;
    font-size: 1.04rem;
}

body.marketing-page-home .demo-step p {
    margin: 0;
    color: #4b5c50;
}

body.marketing-page-home .pressure-map {
    background:
        radial-gradient(circle at 16% 24%, rgba(179, 255, 67, 0.08), transparent 16rem),
        linear-gradient(180deg, #08120c 0%, #0c1810 100%);
}

body.marketing-page-home .pressure-map__intro {
    max-width: 70ch;
    margin-bottom: 1rem;
}

body.marketing-page-home .pressure-map__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.85rem;
}

body.marketing-page-home .pressure-item {
    background: rgba(15, 31, 20, 0.9);
    border: 1px solid rgba(198, 233, 205, 0.14);
}

body.marketing-page-home .pressure-item h3 {
    margin: 0 0 0.35rem;
    color: #f5fbf5;
}

body.marketing-page-home .pressure-item p {
    margin: 0;
    color: rgba(223, 236, 224, 0.8);
}

body.marketing-redesign .page-atlas {
    position: relative;
    padding: 4.8rem 0 2.4rem;
    overflow: hidden;
    border-bottom: 1px solid rgba(198, 233, 205, 0.08);
}

body.marketing-redesign .page-atlas::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(rgba(179, 255, 67, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(179, 255, 67, 0.03) 1px, transparent 1px);
    background-size: 96px 96px;
    mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.78), transparent 85%);
    pointer-events: none;
}

body.marketing-redesign .page-atlas__shell,
body.marketing-redesign .page-atlas__bands,
body.marketing-redesign .page-stack__intro {
    position: relative;
    z-index: 1;
}

body.marketing-redesign .page-atlas__shell {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr);
    gap: 1.2rem;
    align-items: start;
}

body.marketing-redesign .page-atlas__copy {
    display: grid;
    gap: 0.9rem;
    max-width: 44rem;
}

body.marketing-redesign .page-atlas__copy h1 {
    margin: 0;
    max-width: 11.5ch;
    font-size: clamp(2.6rem, 5vw, 4.5rem);
    line-height: 0.95;
    letter-spacing: -0.03em;
}

body.marketing-redesign .page-atlas__panel {
    display: grid;
    gap: 0.85rem;
    padding: 1rem;
    border-radius: 16px;
    background: rgba(12, 27, 17, 0.88);
    border: 1px solid rgba(198, 233, 205, 0.14);
}

body.marketing-redesign .page-atlas__eyebrow {
    color: #b3ff43;
    font-size: 0.74rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    font-weight: 800;
}

body.marketing-redesign .page-atlas__title {
    margin: 0;
    color: #f5fbf5;
    font-size: 1.35rem;
    line-height: 1.1;
}

body.marketing-redesign .page-atlas__list {
    display: grid;
    gap: 0.7rem;
}

body.marketing-redesign .page-atlas__list-item {
    padding: 0.8rem 0.9rem;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.05);
}

body.marketing-redesign .page-atlas__list-item strong {
    display: block;
    margin-bottom: 0.16rem;
    color: #f5fbf5;
}

body.marketing-redesign .page-atlas__list-item span {
    color: rgba(222, 236, 224, 0.78);
    font-size: 0.88rem;
}

body.marketing-redesign .page-atlas__bands {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.9rem;
    margin-top: 1rem;
}

body.marketing-redesign .page-atlas__band {
    padding: 0.95rem 1rem;
    border-radius: 14px;
    background: rgba(14, 30, 20, 0.82);
    border: 1px solid rgba(198, 233, 205, 0.12);
}

body.marketing-redesign .page-atlas__band span {
    display: block;
    margin-bottom: 0.2rem;
    color: #b3ff43;
    font-size: 0.72rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    font-weight: 800;
}

body.marketing-redesign .page-atlas__band strong {
    display: block;
    margin-bottom: 0.25rem;
    color: #f5fbf5;
}

body.marketing-redesign .page-atlas__band p {
    margin: 0;
    color: rgba(222, 236, 224, 0.78);
    font-size: 0.9rem;
}

body.marketing-redesign .page-stack__intro {
    display: grid;
    gap: 0.55rem;
    margin-bottom: 1rem;
    max-width: 70rem;
}

body.marketing-redesign .page-proof-card {
    background: rgba(255, 255, 255, 0.88);
}

/* Quiet pass: reduce the glow/gradient-heavy feel and move surfaces toward flatter, calmer planes. */
body.marketing-redesign {
    background: linear-gradient(180deg, #07100a 0%, #0c1610 100%);
}

body.marketing-redesign::before,
body.marketing-redesign .page-atlas::before,
body.marketing-page-home .hero-scope-atlas::before,
body.marketing-page-home .atlas-board__mesh::before,
body.marketing-redesign .catalog-scene,
body.marketing-redesign .solutions-scene {
    opacity: 0.14;
}

body.marketing-redesign .nav {
    background: rgba(7, 16, 10, 0.94);
    backdrop-filter: none;
}

body.marketing-redesign .subnav {
    background: rgba(10, 21, 14, 0.92);
}

body.marketing-page-home .hero-scope-atlas,
body.marketing-redesign .page-atlas,
body.marketing-redesign .catalog-stage,
body.marketing-page-home .pressure-map,
body.marketing-redesign #solutions.section {
    background: #09140d;
}

body.marketing-page-home .scope-ledger,
body.marketing-page-home .proof-deck,
body.marketing-page-home .demo-path,
body.marketing-redesign .section,
body.marketing-redesign .section-soft {
    background: #f3f6f3;
}

body.marketing-page-home .atlas-panel,
body.marketing-page-home .atlas-node,
body.marketing-page-home .hero-tail-card,
body.marketing-redesign .page-atlas__panel,
body.marketing-redesign .page-atlas__band,
body.marketing-page-home .scope-ledger__note,
body.marketing-page-home .team-owner,
body.marketing-page-home .market-fit,
body.marketing-page-home .teams-brief__rail-head,
body.marketing-page-home .proof-stat,
body.marketing-page-home .pressure-item,
body.marketing-page-home .demo-path__summary,
body.marketing-redesign .hero-command,
body.marketing-redesign .hero-dossier,
body.marketing-redesign .proof-side,
body.marketing-redesign .page-hero-panel {
    background: #102016;
    backdrop-filter: none;
    box-shadow: none;
}

body.marketing-page-home .scope-band,
body.marketing-page-home .scope-band__module,
body.marketing-page-home .proof-feature,
body.marketing-page-home .demo-step,
body.marketing-redesign .card,
body.marketing-redesign .module-card,
body.marketing-redesign .submodule-card,
body.marketing-redesign .chart-card,
body.marketing-redesign .section-note,
body.marketing-redesign .top-feature,
body.marketing-redesign .metric-pill,
body.marketing-redesign .stat,
body.marketing-redesign .hub-node,
body.marketing-redesign .flow-step {
    background: #ffffff;
    box-shadow: 0 8px 18px -16px rgba(24, 41, 29, 0.18);
}

body.marketing-redesign .catalog-stage__shell,
body.marketing-page-home .atlas-board,
body.marketing-redesign .proof-arc .proof-shell {
    background: #0d1911;
    box-shadow: none;
}

body.marketing-page-home .atlas-board__route,
body.marketing-redesign .hero-shader__lane,
body.marketing-redesign .catalog-scene__route,
body.marketing-redesign .solutions-scene__route {
    background: rgba(111, 171, 122, 0.48);
    box-shadow: none;
}

body.marketing-page-home .atlas-board__pulse,
body.marketing-redesign .hero-shader__node,
body.marketing-redesign .catalog-scene__pulse,
body.marketing-redesign .solutions-scene__pulse,
body.marketing-redesign .solutions-scene__hub,
body.marketing-redesign .catalog-scene__hub {
    background: rgba(184, 230, 159, 0.8);
    box-shadow: none;
}

body.marketing-redesign .btn.btn-primary,
body.marketing-redesign .btn-primary.btn-lg {
    background: #2daf49;
    box-shadow: none;
}

body.marketing-redesign .btn.btn-ghost {
    box-shadow: none;
}

/* Enterprise-grade pass: remove most decorative diagram energy and tighten the system into calmer information surfaces. */
body.marketing-page-home .hero-scope-atlas {
    padding-bottom: 2.4rem;
}

body.marketing-page-home .hero-scope-atlas__shell {
    gap: 1.2rem;
    align-items: start;
}

body.marketing-page-home .hero-scope-atlas h1 {
    max-width: 10.8ch;
    font-size: clamp(2.55rem, 4.9vw, 4.25rem);
    line-height: 0.98;
    letter-spacing: -0.028em;
}

body.marketing-page-home .atlas-panel,
body.marketing-redesign .page-atlas__panel {
    border-radius: 14px;
    border-color: rgba(198, 233, 205, 0.1);
}

body.marketing-page-home .atlas-board {
    min-height: auto;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8rem;
    padding: 0.8rem;
    border-radius: 14px;
    background: #0f1b13;
    border-color: rgba(198, 233, 205, 0.1);
}

body.marketing-page-home .atlas-board__mesh {
    display: block;
}

body.marketing-page-home .atlas-board__route,
body.marketing-page-home .atlas-board__pulse {
    display: none;
}

body.marketing-page-home .atlas-node {
    position: relative;
    width: auto;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    min-height: 100%;
    padding: 0.9rem 0.95rem;
    margin: 0;
    border-radius: 12px;
    background: #132318;
    border-color: rgba(198, 233, 205, 0.1);
}

body.marketing-page-home .atlas-node--governance {
    grid-column: 1 / -1;
}

body.marketing-page-home .hero-tail-card,
body.marketing-redesign .page-atlas__band {
    border-radius: 12px;
}

body.marketing-page-home .scope-ledger__note,
body.marketing-page-home .demo-path__summary,
body.marketing-page-home .teams-brief__rail-head {
    background: #132318;
}

body.marketing-page-home .scope-band,
body.marketing-page-home .proof-feature,
body.marketing-page-home .demo-step,
body.marketing-redesign .card,
body.marketing-redesign .module-card,
body.marketing-redesign .submodule-card,
body.marketing-redesign .chart-card,
body.marketing-redesign .section-note,
body.marketing-redesign .top-feature,
body.marketing-redesign .metric-pill,
body.marketing-redesign .stat {
    border-radius: 12px;
    border-color: rgba(63, 86, 68, 0.12);
    box-shadow: 0 6px 14px -14px rgba(24, 41, 29, 0.16);
}

body.marketing-redesign .page-atlas__copy h1,
body.marketing-redesign .hero-scope-atlas h1 {
    text-wrap: balance;
}

body.marketing-redesign .chip,
body.marketing-redesign .page-hero-tag,
body.marketing-redesign .pill,
body.marketing-redesign .subnav-item {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(198, 233, 205, 0.12);
}

body.marketing-redesign .subnav-item.is-active {
    background: rgba(255, 255, 255, 0.1);
}

@keyframes atlasDrift {
    0% { transform: translateX(-1.2%) rotate(var(--atlas-rotate, 0deg)); opacity: 0.42; }
    50% { transform: translateX(1.2%) rotate(var(--atlas-rotate, 0deg)); opacity: 0.85; }
    100% { transform: translateX(-1.2%) rotate(var(--atlas-rotate, 0deg)); opacity: 0.42; }
}

body.marketing-page-home .atlas-board__route--one { --atlas-rotate: -12deg; }
body.marketing-page-home .atlas-board__route--two { --atlas-rotate: 6deg; }
body.marketing-page-home .atlas-board__route--three { --atlas-rotate: -8deg; }

@keyframes atlasPulse {
    0% { box-shadow: 0 0 0 0 rgba(179, 255, 67, 0.18), 0 0 0 rgba(179, 255, 67, 0.18); }
    70% { box-shadow: 0 0 0 0.85rem rgba(179, 255, 67, 0), 0 0 16px rgba(179, 255, 67, 0.28); }
    100% { box-shadow: 0 0 0 0 rgba(179, 255, 67, 0), 0 0 0 rgba(179, 255, 67, 0); }
}

@media (max-width: 1180px) {
    body.marketing-page-home .hero-scope-atlas__shell,
    body.marketing-page-home .teams-brief__layout {
        grid-template-columns: 1fr;
    }

    body.marketing-page-home .scope-band,
    body.marketing-page-home .scope-ledger__intro,
    body.marketing-page-home .proof-deck__intro,
    body.marketing-page-home .product-proof-band__intro,
    body.marketing-page-home .entry-surfaces__intro {
        grid-template-columns: 1fr;
    }

    body.marketing-page-home .pressure-map__grid,
    body.marketing-page-home .proof-deck__features,
    body.marketing-page-home .demo-path__steps,
    body.marketing-page-home .product-proof-band__grid,
    body.marketing-page-home .entry-surfaces__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.marketing-page-home .demo-path__intro {
        grid-template-columns: 1fr;
    }

    body.marketing-page-home .teams-brief__owners {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.marketing-page-home .teams-brief__fit {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.marketing-redesign .page-atlas__shell {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    body.marketing-page-home .hero-scope-atlas__tail,
    body.marketing-page-home .scope-band__modules,
    body.marketing-page-home .teams-brief__owners,
    body.marketing-page-home .teams-brief__fit,
    body.marketing-page-home .pressure-map__grid,
    body.marketing-page-home .proof-deck__features,
    body.marketing-page-home .demo-path__steps,
    body.marketing-page-home .product-proof-band__grid,
    body.marketing-page-home .entry-surfaces__grid,
    body.marketing-page-home .atlas-panel__footer {
        grid-template-columns: 1fr;
    }

    body.marketing-page-home .proof-shot--dark {
        grid-template-columns: 1fr;
    }

    body.marketing-page-home .proof-shot--dark .proof-shot__media {
        min-height: 14rem;
    }

    body.marketing-page-home .atlas-board {
        min-height: 40rem;
    }

    body.marketing-page-home .atlas-node {
        position: relative;
        width: auto;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        margin: 1rem;
    }

    body.marketing-redesign .page-atlas__bands {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    body.marketing-page-home .hero-scope-atlas {
        padding-top: 4.8rem;
    }

    body.marketing-page-home .hero-scope-atlas h1 {
        font-size: clamp(2.35rem, 12vw, 3.6rem);
    }

    body.marketing-page-home .proof-deck__stats {
        grid-template-columns: 1fr;
    }

    body.marketing-redesign .page-atlas__copy h1 {
        font-size: clamp(2.2rem, 11vw, 3.4rem);
    }

    body.marketing-page-home .atlas-board {
        min-height: auto;
        display: grid;
        gap: 0.2rem;
        padding-top: 0.6rem;
    }
}

body.marketing-page-operations .operation-beat--execute::after {
    background: radial-gradient(circle, rgba(64, 219, 150, 0.16), transparent 70%);
}

body.marketing-redesign .section {
    position: relative;
    padding: clamp(3.4rem, 7vw, 6.4rem) 0;
    color: var(--text);
    background:
        linear-gradient(180deg, rgba(250, 252, 250, 0.98), rgba(242, 247, 243, 0.98));
    border-top: 1px solid rgba(40, 74, 48, 0.06);
}

body.marketing-redesign .section-soft {
    background:
        radial-gradient(circle at right top, rgba(44, 179, 74, 0.1), transparent 18rem),
        linear-gradient(180deg, rgba(248, 252, 248, 0.96), rgba(234, 244, 235, 0.96));
    border-block-color: rgba(40, 74, 48, 0.08);
}

body.marketing-redesign .section-head {
    display: grid;
    gap: 0.55rem;
    margin-bottom: 1.5rem;
    max-width: 72ch;
}

body.marketing-redesign .section:not(#solutions):not(.catalog-stage) .section-lead,
body.marketing-redesign .section:not(#solutions):not(.catalog-stage) .card p,
body.marketing-redesign .section:not(#solutions):not(.catalog-stage) .dept-card p,
body.marketing-redesign .section:not(#solutions):not(.catalog-stage) .module-card p,
body.marketing-redesign .section:not(#solutions):not(.catalog-stage) .submodule-card p,
body.marketing-redesign .section:not(#solutions):not(.catalog-stage) .top-feature p,
body.marketing-redesign .section:not(#solutions):not(.catalog-stage) .card .feature-list li,
body.marketing-redesign .section:not(#solutions):not(.catalog-stage) .module-card .feature-list li,
body.marketing-redesign .section:not(#solutions):not(.catalog-stage) .submodule-card .feature-list li,
body.marketing-redesign .section:not(#solutions):not(.catalog-stage) .stack-item,
body.marketing-redesign .section:not(#solutions):not(.catalog-stage) .metric-pill span {
    color: #46584b;
}

body.marketing-redesign .section:not(#solutions):not(.catalog-stage) .card h3,
body.marketing-redesign .section:not(#solutions):not(.catalog-stage) .dept-card h3,
body.marketing-redesign .section:not(#solutions):not(.catalog-stage) .module-card h3,
body.marketing-redesign .section:not(#solutions):not(.catalog-stage) .submodule-card h3,
body.marketing-redesign .section:not(#solutions):not(.catalog-stage) .top-feature h3,
body.marketing-redesign .section:not(#solutions):not(.catalog-stage) .chart-card h3,
body.marketing-redesign .section:not(#solutions):not(.catalog-stage) .metric-pill strong,
body.marketing-redesign .section:not(#solutions):not(.catalog-stage) .stack-item-title {
    color: #203126;
}

body.marketing-redesign #solutions.section {
    overflow: hidden;
    background:
        radial-gradient(circle at 8% 20%, rgba(179, 255, 67, 0.08), transparent 16rem),
        linear-gradient(180deg, #08120c 0%, #0c1810 100%);
    border-top-color: rgba(198, 233, 205, 0.08);
    color: #ecf7ed;
}

body.marketing-redesign #solutions .container {
    position: relative;
}

.solutions-scene {
    position: absolute;
    inset: 7.8rem -2% 1.6rem;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
}

.solutions-scene::before,
.solutions-scene::after {
    content: "";
    position: absolute;
    inset: 0;
}

.solutions-scene::before {
    background:
        radial-gradient(circle at 18% 18%, rgba(44, 179, 74, 0.12), transparent 14rem),
        radial-gradient(circle at 78% 62%, rgba(179, 255, 67, 0.1), transparent 16rem);
    opacity: 0.9;
}

.solutions-scene::after {
    background:
        linear-gradient(180deg, rgba(5, 15, 9, 0.05), rgba(5, 15, 9, 0.55) 82%, rgba(5, 15, 9, 0.72)),
        radial-gradient(circle at center, rgba(255, 255, 255, 0.02), transparent 52%);
}

.solutions-grid,
.solutions-grid .story-card {
    position: relative;
    z-index: 1;
}

.solutions-scene__grid,
.solutions-scene__route,
.solutions-scene__pulse,
.solutions-scene__hub {
    position: absolute;
}

.solutions-scene__grid {
    inset: 0;
    background-image:
        linear-gradient(rgba(179, 255, 67, 0.09) 1px, transparent 1px),
        linear-gradient(90deg, rgba(179, 255, 67, 0.07) 1px, transparent 1px);
    background-size: 4.25rem 4.25rem;
    mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.72), transparent 90%);
    opacity: 0.36;
}

.solutions-scene__route {
    height: 4px;
    border-radius: 999px;
    background:
        linear-gradient(90deg, rgba(44, 179, 74, 0), rgba(44, 179, 74, 0.8), rgba(179, 255, 67, 0.98), rgba(44, 179, 74, 0.18), rgba(44, 179, 74, 0));
    box-shadow:
        0 0 0 1px rgba(116, 255, 141, 0.06),
        0 0 18px rgba(44, 179, 74, 0.2);
    opacity: 0.95;
}

.solutions-scene__route--primary {
    top: 16%;
    left: -8%;
    width: 72%;
    animation: solutionsRouteDrift 14s linear infinite;
}

.solutions-scene__route--secondary {
    top: 48%;
    left: 12%;
    width: 72%;
    animation: solutionsRouteDrift 18s linear infinite reverse;
}

.solutions-scene__route--tertiary {
    top: 78%;
    right: -12%;
    width: 74%;
    animation: solutionsRouteDrift 16s linear infinite;
}

.solutions-scene__pulse {
    width: 1rem;
    height: 1rem;
    border-radius: 999px;
    background: #b3ff43;
    box-shadow:
        0 0 0 0.4rem rgba(179, 255, 67, 0.12),
        0 0 18px rgba(179, 255, 67, 0.28);
}

.solutions-scene__pulse--one {
    top: calc(16% - 0.42rem);
    left: 4%;
    animation: solutionsPulseTravelOne 12s linear infinite;
}

.solutions-scene__pulse--two {
    top: calc(48% - 0.42rem);
    left: 16%;
    animation: solutionsPulseTravelTwo 15s linear infinite;
}

.solutions-scene__pulse--three {
    top: calc(78% - 0.42rem);
    right: 8%;
    animation: solutionsPulseTravelThree 13s linear infinite;
}

.solutions-scene__hub {
    width: 0.82rem;
    height: 0.82rem;
    border-radius: 999px;
    background: rgba(230, 255, 235, 0.88);
    box-shadow:
        0 0 0 0.4rem rgba(230, 255, 235, 0.08),
        0 0 18px rgba(230, 255, 235, 0.12);
}

.solutions-scene__hub--left {
    top: calc(16% - 0.32rem);
    left: 28%;
}

.solutions-scene__hub--center {
    top: calc(48% - 0.32rem);
    left: 52%;
}

.solutions-scene__hub--right {
    top: calc(78% - 0.32rem);
    right: 26%;
}

@keyframes solutionsRouteDrift {
    0% {
        transform: translateX(-1.5%);
        opacity: 0.4;
    }

    50% {
        transform: translateX(1.5%);
        opacity: 0.78;
    }

    100% {
        transform: translateX(-1.5%);
        opacity: 0.4;
    }
}

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

    8% {
        opacity: 1;
    }

    70% {
        transform: translateX(38rem);
        opacity: 1;
    }

    100% {
        transform: translateX(38rem);
        opacity: 0;
    }
}

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

    10% {
        opacity: 1;
    }

    72% {
        transform: translateX(36rem);
        opacity: 1;
    }

    100% {
        transform: translateX(36rem);
        opacity: 0;
    }
}

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

    12% {
        opacity: 1;
    }

    74% {
        transform: translateX(-36rem);
        opacity: 1;
    }

    100% {
        transform: translateX(-36rem);
        opacity: 0;
    }
}

body.marketing-redesign #solutions .section-lead,
body.marketing-redesign #solutions .card p,
body.marketing-redesign .catalog-stage .section-lead,
body.marketing-redesign .catalog-stage .module-card p,
body.marketing-redesign footer,
body.marketing-redesign .footer-grid a,
body.marketing-redesign .footer-copy,
body.marketing-redesign .footer-brand span {
    color: rgba(220, 236, 223, 0.78);
}

body.marketing-redesign #solutions .eyebrow,
body.marketing-redesign .catalog-stage .eyebrow,
body.marketing-redesign footer .footer-signal span {
    color: #b3ff43;
}

body.marketing-redesign #solutions .card,
body.marketing-redesign .catalog-stage .module-card,
body.marketing-redesign footer .footer-signal {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(194, 235, 202, 0.12);
    box-shadow: 0 24px 48px -36px rgba(0, 0, 0, 0.5);
}

body.marketing-redesign #solutions .card {
    background: linear-gradient(180deg, rgba(22, 35, 26, 0.88), rgba(20, 34, 24, 0.82));
    border-color: rgba(194, 235, 202, 0.16);
    backdrop-filter: blur(8px);
}

body.marketing-redesign #solutions .card:hover {
    border-color: rgba(179, 255, 67, 0.26);
    box-shadow: 0 28px 56px -36px rgba(0, 0, 0, 0.58);
}

body.marketing-redesign .proof-arc .proof-shell,
body.marketing-redesign .audience-layout,
body.marketing-redesign .catalog-stage .module-grid {
    position: relative;
}

body.marketing-redesign .stat,
body.marketing-redesign .metric-pill,
body.marketing-redesign .top-feature,
body.marketing-redesign .audience-story,
body.marketing-redesign .section-note,
body.marketing-redesign .chart-card,
body.marketing-redesign .card,
body.marketing-redesign .module-card,
body.marketing-redesign .submodule-card,
body.marketing-redesign .hub-node,
body.marketing-redesign .flow-step {
    border-radius: 22px;
}

body.marketing-redesign .stat {
    background: linear-gradient(180deg, rgba(10, 23, 15, 0.92), rgba(22, 48, 31, 0.78));
    border-color: rgba(194, 235, 202, 0.12);
}

body.marketing-redesign .stat strong {
    color: #b3ff43;
}

body.marketing-redesign .top-feature,
body.marketing-redesign .metric-pill,
body.marketing-redesign .card,
body.marketing-redesign .section-note,
body.marketing-redesign .chart-card,
body.marketing-redesign .module-card,
body.marketing-redesign .submodule-card,
body.marketing-redesign .hub-node,
body.marketing-redesign .flow-step {
    background: rgba(255, 255, 255, 0.86);
    border-color: rgba(64, 92, 71, 0.12);
    box-shadow: 0 24px 50px -34px rgba(42, 68, 50, 0.22);
}

body.marketing-redesign .top-feature__meta span,
body.marketing-redesign .catalog-card__mode,
body.marketing-redesign .signal-card__eyebrow,
body.marketing-redesign .scope-card__eyebrow,
body.marketing-redesign .module-card__eyebrow {
    color: var(--primary-strong);
}

body.marketing-redesign .top-feature__meta strong,
body.marketing-redesign .catalog-card__count {
    color: #203126;
}

body.marketing-redesign .flow-step__eyebrow,
body.marketing-redesign .operation-beat__mast .signal-card__eyebrow {
    color: var(--primary-strong);
}

body.marketing-redesign .flow-step__signal,
body.marketing-redesign .operation-beat__index,
body.marketing-redesign .operation-beat__foot strong {
    color: #203126;
}

body.marketing-redesign .flow-step__line span,
body.marketing-redesign .operation-beat__pulse span {
    background: linear-gradient(90deg, rgba(44, 179, 74, 0.62), rgba(44, 179, 74, 0.08));
}

body.marketing-redesign .operation-beat__foot {
    border-top-color: rgba(64, 92, 71, 0.12);
}

body.marketing-redesign .signal-card__lane,
body.marketing-redesign .signal-card__metric strong {
    color: #203126;
}

body.marketing-redesign .signal-card__tag,
body.marketing-redesign .signal-card__pulse {
    color: #effff3;
}

body.marketing-redesign .signal-card__metric span {
    color: var(--primary-strong);
}

body.marketing-redesign .signal-card__foot {
    border-top-color: rgba(64, 92, 71, 0.12);
}

body.marketing-redesign .signal-card__rail span {
    background: linear-gradient(90deg, rgba(44, 179, 74, 0.58), rgba(44, 179, 74, 0.08));
}

body.marketing-redesign .signal-card__dots span {
    background: rgba(32, 49, 38, 0.18);
}

body.marketing-redesign .signal-card__dots .is-active {
    background: linear-gradient(90deg, rgba(179, 255, 67, 0.95), rgba(44, 179, 74, 0.7));
}

body.marketing-redesign .signal-card__band-item {
    background: rgba(255, 255, 255, 0.62);
    border: 1px solid rgba(64, 92, 71, 0.08);
}

body.marketing-redesign .signal-card__band-item span {
    color: var(--primary-strong);
}

body.marketing-redesign .signal-card__band-item strong {
    color: #203126;
}

body.marketing-redesign .catalog-card__foot {
    border-top-color: rgba(64, 92, 71, 0.12);
}

body.marketing-redesign .catalog-card__foot span {
    color: #46584b;
}

body.marketing-redesign .catalog-card--lane,
body.marketing-redesign .signal-card--watch,
body.marketing-redesign .scope-card--map,
body.marketing-redesign .module-card--signal,
body.marketing-redesign .top-feature--dispatch {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(228, 244, 232, 0.92));
}

body.marketing-redesign .catalog-card--stack,
body.marketing-redesign .signal-card--ledger,
body.marketing-redesign .scope-card--rules,
body.marketing-redesign .module-card--ledger,
body.marketing-redesign .top-feature--warehouse {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(236, 243, 237, 0.9));
}

body.marketing-redesign .catalog-card--beacon,
body.marketing-redesign .signal-card--margin,
body.marketing-redesign .scope-card--output,
body.marketing-redesign .module-card--scope,
body.marketing-redesign .top-feature--finance,
body.marketing-redesign .top-feature--reporting,
body.marketing-redesign .scope-card--extension {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(242, 247, 243, 0.92));
}

body.marketing-redesign .flow-step--intake {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(228, 244, 232, 0.9));
}

body.marketing-redesign .flow-step--control {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(236, 244, 237, 0.92));
}

body.marketing-redesign .flow-step--release {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(233, 244, 236, 0.92));
}

body.marketing-redesign .flow-step--proof,
body.marketing-redesign .flow-step--return,
body.marketing-redesign .flow-step--close,
body.marketing-redesign .operation-beat--plan,
body.marketing-redesign .operation-beat--execute,
body.marketing-redesign .operation-beat--bill,
body.marketing-redesign .operation-beat--improve {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(241, 247, 242, 0.92));
}

body.marketing-redesign .catalog-card--stack .feature-list li {
    background: rgba(255, 255, 255, 0.56);
    border: 1px solid rgba(64, 92, 71, 0.08);
}

body.marketing-redesign .catalog-card--beacon::after,
body.marketing-redesign .signal-card--margin::after,
body.marketing-redesign .module-card--signal::after {
    background: radial-gradient(circle, rgba(179, 255, 67, 0.18), transparent 70%);
}

body.marketing-redesign .signal-card--immersive {
    border-color: rgba(64, 92, 71, 0.08);
    box-shadow: 0 26px 48px -34px rgba(28, 48, 34, 0.34);
}

body.marketing-redesign .signal-card--dashboard {
    border-color: rgba(64, 92, 71, 0.08);
    box-shadow: 0 22px 40px -32px rgba(28, 48, 34, 0.22);
}

body.marketing-redesign .signal-card--dashboard .signal-card__tag {
    background: rgba(255, 255, 255, 0.82);
    color: #203126;
}

body.marketing-redesign .signal-card--dashboard .signal-card__pulse {
    color: #365242;
}

body.marketing-redesign .signal-card--watch.signal-card--dashboard {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(231, 244, 234, 0.92));
}

body.marketing-redesign .signal-card--ledger.signal-card--dashboard {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(237, 243, 238, 0.92));
}

body.marketing-redesign .signal-card--margin.signal-card--dashboard {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(243, 247, 241, 0.92));
}

body.marketing-redesign .signal-card--immersive .signal-card__glass {
    background: linear-gradient(180deg, rgba(13, 28, 18, 0.7), rgba(22, 43, 28, 0.46));
    border: 1px solid rgba(214, 243, 220, 0.12);
}

body.marketing-redesign .signal-card--immersive .signal-card__eyebrow,
body.marketing-redesign .signal-card--immersive .signal-card__lane {
    color: #f4fff6;
}

body.marketing-redesign .signal-card--immersive .signal-card__tag {
    background: rgba(8, 18, 12, 0.44);
    border: 1px solid rgba(214, 243, 220, 0.12);
}

body.marketing-redesign .signal-card--immersive .signal-card__pulse {
    color: #264231;
}

body.marketing-redesign .signal-card--watch.signal-card--immersive {
    background:
        linear-gradient(180deg, rgba(253, 255, 254, 0.9), rgba(229, 244, 233, 0.92));
}

body.marketing-redesign .signal-card--watch.signal-card--immersive .signal-card__media::before {
    background:
        radial-gradient(circle at 18% 20%, rgba(255, 255, 255, 0.28), transparent 28%),
        linear-gradient(180deg, rgba(14, 36, 22, 0.08), rgba(12, 34, 21, 0.74));
}

body.marketing-redesign .signal-card--ledger.signal-card--immersive {
    background:
        linear-gradient(180deg, rgba(253, 255, 254, 0.9), rgba(236, 243, 237, 0.92));
}

body.marketing-redesign .signal-card--ledger.signal-card--immersive .signal-card__media::before {
    background:
        radial-gradient(circle at 20% 18%, rgba(255, 255, 255, 0.22), transparent 26%),
        linear-gradient(180deg, rgba(11, 26, 16, 0.05), rgba(17, 32, 22, 0.78));
}

body.marketing-redesign .signal-card--margin.signal-card--immersive {
    background:
        linear-gradient(180deg, rgba(253, 255, 254, 0.92), rgba(241, 247, 242, 0.92));
}

body.marketing-redesign .signal-card--margin.signal-card--immersive .signal-card__media::before {
    background:
        radial-gradient(circle at 18% 20%, rgba(255, 255, 255, 0.22), transparent 26%),
        linear-gradient(180deg, rgba(28, 36, 14, 0.06), rgba(29, 43, 15, 0.76));
}

body.marketing-redesign .flow-step__cue,
body.marketing-redesign .operation-beat__signal,
body.marketing-redesign .operation-beat__index,
body.marketing-redesign .operation-beat__foot strong {
    color: #203126;
}

body.marketing-redesign .operation-beat__signal {
    background: rgba(255, 255, 255, 0.58);
    border: 1px solid rgba(64, 92, 71, 0.08);
}

body.marketing-redesign .operation-beat--plan {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(229, 244, 232, 0.92));
}

body.marketing-redesign .operation-beat--execute {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(234, 243, 236, 0.92));
}

body.marketing-redesign .operation-beat--bill {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(241, 247, 242, 0.92));
}

body.marketing-redesign .operation-beat--improve {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(236, 242, 237, 0.92));
}

body.marketing-redesign .catalog-stage {
    background:
        radial-gradient(circle at 85% 18%, rgba(179, 255, 67, 0.09), transparent 18rem),
        linear-gradient(180deg, #09130d 0%, #0c1810 100%);
    border-top-color: rgba(198, 233, 205, 0.08);
    color: #eef8ef;
}

body.marketing-redesign .catalog-stage .module-card h3,
body.marketing-redesign footer .footer-signal strong,
body.marketing-redesign footer .footer-grid h4,
body.marketing-redesign footer .footer-brand strong {
    color: #f5fbf5;
}

body.marketing-redesign .catalog-stage .module-card__eyebrow {
    color: #b3ff43;
}

body.marketing-redesign .catalog-stage__shell {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border: 1px solid rgba(126, 167, 135, 0.16);
    border-radius: 34px;
    padding: 1.5rem;
    background:
        linear-gradient(180deg, rgba(8, 18, 12, 0.96), rgba(9, 20, 13, 0.98));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03), 0 34px 74px -54px rgba(0, 0, 0, 0.72);
}

body.marketing-redesign .catalog-stage__shell::before,
body.marketing-redesign .catalog-stage__shell::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
}

body.marketing-redesign .catalog-stage__shell::before {
    inset: 10% 4% 10% 4%;
    border-radius: 28px;
    background:
        radial-gradient(circle at 22% 34%, rgba(44, 179, 74, 0.1), transparent 20%),
        radial-gradient(circle at 78% 58%, rgba(179, 255, 67, 0.08), transparent 16%),
        linear-gradient(102deg, transparent 18%, rgba(44, 179, 74, 0.08) 42%, rgba(179, 255, 67, 0.1) 50%, rgba(44, 179, 74, 0.08) 58%, transparent 78%);
    filter: blur(18px);
    opacity: 0.9;
    z-index: 2;
    animation: catalogFieldSweep 8.8s linear infinite;
}

body.marketing-redesign .catalog-stage__shell::after {
    inset: 1rem;
    border-radius: 30px;
    border: 1px solid rgba(92, 128, 101, 0.1);
    z-index: 2;
}

body.marketing-redesign .catalog-scene {
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    z-index: 1;
    opacity: 1;
}

body.marketing-redesign .catalog-scene::before {
    content: "";
    position: absolute;
    inset: -10%;
    background:
        radial-gradient(circle at 18% 26%, rgba(44, 179, 74, 0.12), transparent 18%),
        radial-gradient(circle at 76% 24%, rgba(179, 255, 67, 0.1), transparent 16%),
        radial-gradient(circle at 56% 72%, rgba(44, 179, 74, 0.08), transparent 22%);
    filter: blur(30px);
    opacity: 0.78;
    animation: catalogSceneSweep 14s ease-in-out infinite alternate;
    z-index: 1;
}

body.marketing-redesign .catalog-scene::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle, rgba(179, 255, 67, 0.28) 0 2px, transparent 3px) 0 0 / 124px 124px,
        radial-gradient(circle, rgba(44, 179, 74, 0.2) 0 2px, transparent 3px) 62px 62px / 124px 124px;
    mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.72), rgba(0, 0, 0, 0.28));
    opacity: 0.48;
    z-index: 1;
    animation: catalogNodeDrift 11s linear infinite;
}

body.marketing-redesign .catalog-scene__grid,
body.marketing-redesign .catalog-scene__wash,
body.marketing-redesign .catalog-scene__route,
body.marketing-redesign .catalog-scene__pulse,
body.marketing-redesign .catalog-scene__hub {
    position: absolute;
}

body.marketing-redesign .catalog-scene__grid,
body.marketing-redesign .catalog-scene__wash,
body.marketing-redesign .catalog-scene__hub {
    z-index: 1;
}

body.marketing-redesign .catalog-scene__route {
    z-index: 2;
}

body.marketing-redesign .catalog-scene__pulse {
    z-index: 3;
}

body.marketing-redesign .catalog-scene__grid {
    inset: 0;
    background:
        linear-gradient(rgba(168, 203, 176, 0.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(168, 203, 176, 0.08) 1px, transparent 1px);
    background-size: 92px 92px;
    mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.7), transparent 92%);
    opacity: 0.3;
}

body.marketing-redesign .catalog-scene__wash {
    inset: -12% -10%;
    background:
        radial-gradient(circle at 24% 34%, rgba(44, 179, 74, 0.14), transparent 22%),
        radial-gradient(circle at 66% 54%, rgba(44, 179, 74, 0.11), transparent 18%),
        radial-gradient(circle at 82% 22%, rgba(179, 255, 67, 0.12), transparent 16%);
    filter: blur(32px);
    animation: catalogWashDrift 18s ease-in-out infinite alternate;
    opacity: 0.62;
}

body.marketing-redesign .catalog-scene__route {
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(44, 179, 74, 0), rgba(44, 179, 74, 0.42), rgba(179, 255, 67, 0.52), rgba(44, 179, 74, 0));
    box-shadow: 0 0 10px rgba(44, 179, 74, 0.16);
    opacity: 0.78;
}

body.marketing-redesign .catalog-scene__route::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 0.6rem;
    height: 0.6rem;
    margin-top: -0.3rem;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(242, 255, 208, 0.88) 0%, rgba(179, 255, 67, 0.7) 45%, rgba(179, 255, 67, 0) 72%);
    box-shadow: 0 0 10px rgba(179, 255, 67, 0.32);
}

body.marketing-redesign .catalog-scene__route::after {
    content: "";
    position: absolute;
    inset: -2px 0;
    background: inherit;
    filter: blur(6px);
    opacity: 0.28;
}

body.marketing-redesign .catalog-scene__route--north {
    top: 20%;
    left: 8%;
    width: 58%;
    transform: rotate(-6deg);
    animation: catalogRouteSweep 10.4s linear infinite;
}

body.marketing-redesign .catalog-scene__route--north::before {
    animation: catalogCarrierRun 7.6s linear infinite;
}

body.marketing-redesign .catalog-scene__route--east {
    top: 49%;
    right: 6%;
    width: 42%;
    transform: rotate(12deg);
    animation: catalogRouteSweep 9.6s linear infinite reverse;
}

body.marketing-redesign .catalog-scene__route--east::before {
    animation: catalogCarrierRun 6.8s linear infinite 0.8s;
}

body.marketing-redesign .catalog-scene__route--south {
    bottom: 19%;
    left: 24%;
    width: 48%;
    transform: rotate(-9deg);
    animation: catalogRouteSweep 11.2s linear infinite;
}

body.marketing-redesign .catalog-scene__route--south::before {
    animation: catalogCarrierRun 7.1s linear infinite 1.4s;
}

body.marketing-redesign .catalog-scene__pulse {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: rgba(179, 255, 67, 0.82);
    box-shadow: 0 0 0 0 rgba(179, 255, 67, 0.18);
    animation: catalogPulseBeacon 6s ease-out infinite;
}

body.marketing-redesign .catalog-scene__pulse--one {
    top: 16%;
    left: 54%;
}

body.marketing-redesign .catalog-scene__pulse--two {
    top: 45%;
    right: 28%;
    animation-delay: 1.3s;
}

body.marketing-redesign .catalog-scene__pulse--three {
    bottom: 17%;
    left: 39%;
    animation-delay: 2.1s;
}

body.marketing-redesign .catalog-scene__hub {
    width: 160px;
    height: 160px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(179, 255, 67, 0.12), transparent 68%);
    filter: blur(14px);
    opacity: 0.42;
}

body.marketing-redesign .catalog-scene__hub--left {
    top: 8%;
    left: 2%;
}

body.marketing-redesign .catalog-scene__hub--center {
    top: 26%;
    left: 40%;
}

body.marketing-redesign .catalog-scene__hub--right {
    right: 0;
    bottom: 6%;
}

body.marketing-redesign .catalog-stage .module-grid--atlas {
    position: relative;
    z-index: 4;
    gap: 1.2rem;
}

body.marketing-redesign .catalog-stage .catalog-card--atlas {
    min-height: 13.25rem;
    padding: 1rem 1rem 1.05rem;
    background:
        linear-gradient(180deg, rgba(13, 26, 18, 0.94), rgba(10, 20, 14, 0.92));
    border: 1px solid rgba(108, 142, 116, 0.22);
    box-shadow: 0 18px 34px -28px rgba(0, 0, 0, 0.42);
    backdrop-filter: none;
}

body.marketing-redesign .catalog-stage .catalog-card--atlas:hover,
body.marketing-redesign .catalog-stage .catalog-card--atlas:focus-within {
    border-color: rgba(179, 255, 67, 0.24);
    box-shadow: 0 30px 56px -34px rgba(0, 0, 0, 0.54);
}

body.marketing-redesign .catalog-stage .catalog-card--atlas.module-card--signal {
    background:
        linear-gradient(180deg, rgba(12, 27, 18, 0.95), rgba(9, 21, 14, 0.92));
}

body.marketing-redesign .catalog-stage .catalog-card--atlas.module-card--ledger {
    background:
        linear-gradient(180deg, rgba(12, 25, 17, 0.95), rgba(9, 20, 14, 0.92));
}

body.marketing-redesign .catalog-stage .catalog-card--atlas.module-card--scope {
    background:
        linear-gradient(180deg, rgba(13, 26, 17, 0.95), rgba(10, 20, 14, 0.92));
}

body.marketing-redesign .catalog-stage .catalog-card__mast {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    margin-bottom: 0.9rem;
}

body.marketing-redesign .catalog-stage .catalog-card__signal {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 0.4rem 0.68rem;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(108, 142, 116, 0.24);
    color: rgba(223, 233, 225, 0.92);
    font-size: 0.71rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    white-space: nowrap;
}

body.marketing-redesign .catalog-stage .catalog-card__route {
    position: relative;
    display: grid;
    grid-template-columns: 1.3fr 0.9fr 0.7fr;
    gap: 0.38rem;
    margin-bottom: 1rem;
    padding-right: 1.1rem;
}

body.marketing-redesign .catalog-stage .catalog-card__route span {
    display: block;
    height: 0.34rem;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(44, 179, 74, 0.38), rgba(179, 255, 67, 0.44), rgba(44, 179, 74, 0.06));
    opacity: 0.72;
}

body.marketing-redesign .catalog-stage .catalog-card__route i {
    position: absolute;
    top: 50%;
    right: 0.22rem;
    width: 0.62rem;
    height: 0.62rem;
    border-radius: 999px;
    background: rgba(179, 255, 67, 0.84);
    box-shadow: 0 0 0 0 rgba(179, 255, 67, 0.14);
    transform: translateY(-50%);
    animation: catalogCardPulse 3.6s ease-out infinite;
}

body.marketing-redesign .catalog-stage .catalog-card h3 {
    margin-bottom: 0.56rem;
    font-size: 1.05rem;
    line-height: 1.14;
    color: #f7fdf8;
}

body.marketing-redesign .catalog-stage .catalog-card p {
    color: rgba(214, 226, 217, 0.82);
    line-height: 1.6;
}

body.marketing-redesign .catalog-stage .catalog-card__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 1.05rem;
}

body.marketing-redesign .catalog-stage .catalog-card__tags span {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    border-radius: 999px;
    padding: 0.42rem 0.72rem;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(108, 142, 116, 0.22);
    color: rgba(213, 224, 216, 0.9);
    font-size: 0.74rem;
    font-weight: 700;
    line-height: 1.2;
}

body.marketing-page-features .catalog-stage__shell--features {
    margin-top: 1.5rem;
}

body.marketing-page-features .catalog-stage__shell--features .module-grid--atlas,
body.marketing-page-features .catalog-stage__shell--features .grid-3 {
    position: relative;
    z-index: 4;
    gap: 1.2rem;
}

body.marketing-page-features .catalog-card--atlas-list {
    position: relative;
    z-index: 4;
    min-height: 100%;
    padding: 1rem 1rem 1.05rem;
    background:
        linear-gradient(180deg, rgba(13, 26, 18, 0.94), rgba(10, 20, 14, 0.92));
    border: 1px solid rgba(108, 142, 116, 0.22);
    box-shadow: 0 18px 34px -28px rgba(0, 0, 0, 0.42);
    backdrop-filter: none;
}

body.marketing-page-features .catalog-card--atlas-list::before,
body.marketing-page-features .catalog-card--atlas-list::after {
    display: none;
}

body.marketing-page-features .catalog-card--atlas-list > * {
    position: relative;
    z-index: 2;
}

body.marketing-page-features .catalog-card--atlas-list.catalog-card--lane {
    background:
        linear-gradient(180deg, rgba(12, 27, 18, 0.95), rgba(9, 21, 14, 0.92));
}

body.marketing-page-features .catalog-card--atlas-list.catalog-card--stack {
    background:
        linear-gradient(180deg, rgba(12, 25, 17, 0.95), rgba(9, 20, 14, 0.92));
}

body.marketing-page-features .catalog-card--atlas-list.catalog-card--beacon {
    background:
        linear-gradient(180deg, rgba(13, 26, 17, 0.95), rgba(10, 20, 14, 0.92));
}

body.marketing-page-features .catalog-card--atlas-list .catalog-card__mode,
body.marketing-page-features .catalog-card--atlas-list h3 {
    color: #f5fbf5;
}

body.marketing-page-features .catalog-card--atlas-list .catalog-card__signal {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(108, 142, 116, 0.24);
}

body.marketing-page-features .catalog-card--atlas-list .feature-list li,
body.marketing-page-features .catalog-card--atlas-list .catalog-card__foot span,
body.marketing-page-features .catalog-card--atlas-list .catalog-card__count {
    color: rgba(214, 226, 217, 0.84);
}

body.marketing-page-features .catalog-card--atlas-list .feature-list li {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(108, 142, 116, 0.18);
}

body.marketing-page-features .catalog-card--atlas-list .catalog-card__foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    border-top-color: rgba(198, 233, 205, 0.1);
}

body.marketing-page-features .catalog-card--atlas-list .catalog-card__count {
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

body.marketing-redesign .catalog-stage .module-card p {
    transform: none;
}

body.marketing-redesign .catalog-stage .feature-actions {
    margin-top: 1.5rem;
}

body.marketing-redesign .btn-primary {
    background: linear-gradient(135deg, #2cb34a 0%, #1f8f3d 100%);
    box-shadow: 0 18px 34px rgba(44, 179, 74, 0.28);
}

body.marketing-redesign .btn-ghost {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(198, 233, 205, 0.2);
    color: #f5fbf5;
}

body.marketing-redesign .btn-ghost:hover,
body.marketing-redesign .btn-ghost:focus-visible {
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(179, 255, 67, 0.24);
}

body.marketing-redesign .btn-link {
    background: rgba(44, 179, 74, 0.08);
    border-color: rgba(44, 179, 74, 0.16);
    color: var(--primary-strong);
}

body.marketing-redesign footer {
    margin-top: 0;
    background:
        radial-gradient(circle at 20% 20%, rgba(179, 255, 67, 0.08), transparent 18rem),
        linear-gradient(180deg, #07110b 0%, #050c08 100%);
    border-top-color: rgba(198, 233, 205, 0.12);
    padding-top: 3rem;
    padding-bottom: 3rem;
}

@media (max-width: 900px) {
    body.marketing-redesign .hero-stage__stack {
        gap: 1rem;
    }

    body.marketing-redesign .hero-stage__wave {
        min-height: 280px;
        padding: 0.85rem;
        border-radius: 24px;
    }

    body.marketing-redesign .hero-stage__support {
        position: relative;
        left: auto;
        right: auto;
        bottom: auto;
        grid-template-columns: 1fr;
        align-items: stretch;
        margin-top: 5.5rem;
    }

    body.marketing-redesign .hero-stage__support .page-hero-map {
        grid-template-columns: 1fr;
    }

    body.marketing-redesign .catalog-stage__shell {
        padding: 1rem;
        border-radius: 28px;
    }

    body.marketing-redesign .catalog-stage .catalog-card__mast {
        align-items: flex-start;
        flex-direction: column;
    }

    body.marketing-redesign .catalog-scene__hub {
        width: 132px;
        height: 132px;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.marketing-redesign .hero-shader__lane,
    body.marketing-redesign .hero-shader__lane::after,
    body.marketing-redesign .hero-shader__node,
    body.marketing-redesign .catalog-stage__shell::before,
    body.marketing-redesign .catalog-scene__wash,
    body.marketing-redesign .catalog-scene__route,
    body.marketing-redesign .catalog-scene__pulse,
    body.marketing-redesign .catalog-stage .catalog-card__route i,
    body.marketing-redesign .catalog-scene::before,
    body.marketing-redesign .catalog-scene::after {
        animation: none;
    }
}

@keyframes pageTransitionFadeIn {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes pageTransitionSweepOne {
    0% {
        opacity: 0;
        transform: rotate(-6deg) translate3d(-14%, 0, 0);
    }

    100% {
        opacity: 0.94;
        transform: rotate(-6deg) translate3d(18%, 0, 0);
    }
}

@keyframes pageTransitionSweepTwo {
    0% {
        opacity: 0;
        transform: rotate(8deg) translate3d(-18%, 0, 0);
    }

    100% {
        opacity: 0.94;
        transform: rotate(8deg) translate3d(20%, 0, 0);
    }
}

@keyframes pageTransitionSweepThree {
    0% {
        opacity: 0;
        transform: rotate(-5deg) translate3d(-16%, 0, 0);
    }

    100% {
        opacity: 0.9;
        transform: rotate(-5deg) translate3d(18%, 0, 0);
    }
}

@keyframes heroLaneFloat {
    0% {
        opacity: 0.42;
        filter: saturate(0.92);
    }

    50% {
        opacity: 0.82;
        filter: saturate(1.08);
    }

    100% {
        opacity: 0.42;
        filter: saturate(0.92);
    }
}

@keyframes heroLaneRun {
    0% {
        left: -0.5rem;
        opacity: 0;
    }

    12% {
        opacity: 1;
    }

    88% {
        opacity: 1;
    }

    100% {
        left: calc(100% - 0.3rem);
        opacity: 0;
    }
}

@keyframes heroNodePulse {
    0% {
        transform: scale(0.9);
        box-shadow: 0 0 0 0 rgba(179, 255, 67, 0.18);
    }

    72% {
        transform: scale(1);
        box-shadow: 0 0 0 18px rgba(179, 255, 67, 0);
    }

    100% {
        transform: scale(0.9);
        box-shadow: 0 0 0 0 rgba(179, 255, 67, 0);
    }
}

@keyframes catalogWashDrift {
    0% {
        transform: translate3d(-2%, 0, 0) scale(1);
    }

    100% {
        transform: translate3d(2%, -3%, 0) scale(1.05);
    }
}

@keyframes catalogFieldSweep {
    0% {
        transform: translate3d(-18%, 0, 0);
        opacity: 0.55;
    }

    50% {
        opacity: 0.92;
    }

    100% {
        transform: translate3d(18%, 0, 0);
        opacity: 0.55;
    }
}

@keyframes catalogNodeDrift {
    0% {
        background-position: 0 0, 62px 62px;
    }

    100% {
        background-position: 124px 0, 186px 62px;
    }
}

@keyframes catalogSceneSweep {
    0% {
        transform: translate3d(-8%, -2%, 0) rotate(0deg);
    }

    100% {
        transform: translate3d(8%, 2%, 0) rotate(4deg);
    }
}

@keyframes catalogRouteSweep {
    0% {
        opacity: 0.42;
        filter: saturate(0.9);
    }

    50% {
        opacity: 1;
        filter: saturate(1.15);
    }

    100% {
        opacity: 0.42;
        filter: saturate(0.9);
    }
}

@keyframes catalogCarrierRun {
    0% {
        left: -0.5rem;
        opacity: 0;
        transform: translateY(-50%) scale(0.82);
    }

    12% {
        opacity: 1;
    }

    50% {
        opacity: 1;
        transform: translateY(-50%) scale(1);
    }

    88% {
        opacity: 1;
    }

    100% {
        left: calc(100% - 0.5rem);
        opacity: 0;
        transform: translateY(-50%) scale(0.84);
    }
}

@keyframes catalogPulseBeacon {
    0% {
        transform: scale(0.92);
        box-shadow: 0 0 0 0 rgba(179, 255, 67, 0.32);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 22px rgba(179, 255, 67, 0);
    }

    100% {
        transform: scale(0.92);
        box-shadow: 0 0 0 0 rgba(179, 255, 67, 0);
    }
}

@keyframes catalogCardPulse {
    0% {
        transform: translateY(-50%) scale(0.92);
        box-shadow: 0 0 0 0 rgba(179, 255, 67, 0.22);
    }

    72% {
        transform: translateY(-50%) scale(1);
        box-shadow: 0 0 0 12px rgba(179, 255, 67, 0);
    }

    100% {
        transform: translateY(-50%) scale(0.92);
        box-shadow: 0 0 0 0 rgba(179, 255, 67, 0);
    }
}

body.marketing-redesign .footer-signal {
    margin-top: 1rem;
    padding: 0.95rem 1rem;
    border: 1px solid rgba(198, 233, 205, 0.12);
    border-radius: 20px;
}

body.marketing-redesign .footer-signal span {
    display: block;
    margin-bottom: 0.24rem;
    font-size: 0.72rem;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    font-weight: 800;
}

body.marketing-redesign .footer-bottom {
    border-top-color: rgba(198, 233, 205, 0.12);
    color: rgba(220, 236, 223, 0.78);
}

@media (max-width: 980px) {
    body.marketing-redesign {
        background:
            radial-gradient(circle at top left, rgba(44, 179, 74, 0.16), transparent 16rem),
            linear-gradient(180deg, #06110a 0%, #0a1710 100%);
    }

    body.marketing-redesign .subnav-label {
        display: none;
    }

    body.marketing-redesign .hero-stage,
    body.marketing-redesign .page-hero {
        padding-top: 5.1rem;
        padding-bottom: 3.2rem;
    }
}

@media (max-width: 640px) {
    .flow-steps--operations {
        grid-template-columns: 1fr;
    }

    .operation-beats-grid {
        grid-template-columns: 1fr;
    }

    .signal-card--immersive {
        min-height: 20rem;
        padding: 0.85rem;
    }

    .signal-card--immersive .signal-card__glass {
        position: relative;
        top: auto;
        right: auto;
        left: auto;
        margin-bottom: 0.9rem;
    }

    .signal-card__glass {
        flex-wrap: wrap;
    }

    .signal-card__body {
        margin-top: 0;
    }

    .solutions-scene {
        inset: 10.5rem 0 1.8rem;
    }

    .solutions-scene__route--primary,
    .solutions-scene__route--secondary,
    .solutions-scene__route--tertiary {
        width: 78%;
    }

    .flow-step:not(:last-child)::after {
        display: none;
    }

    body.marketing-redesign h1 {
        font-size: clamp(2.5rem, 13vw, 3.8rem);
    }

    body.marketing-redesign .page-hero h1 {
        font-size: clamp(2.3rem, 11vw, 3.2rem);
    }
}

@media (max-width: 980px) {
    .flow-steps--operations {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .operation-beats-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (prefers-reduced-motion: reduce) {
    .feature-icon {
        animation: none;
    }

    .card,
    .catalog-card,
    .signal-card,
    .scope-card,
    .module-card,
    .top-feature,
    .page-hero-map-card,
    .panel {
        transition: none;
    }

    .catalog-card:hover .feature-list li,
    .signal-card:hover p,
    .scope-card:hover p,
    .module-card:hover p,
    .top-feature:hover p,
    .top-feature:hover .feature-icon,
    .catalog-card:hover .feature-icon,
    .signal-card:hover .feature-icon,
    .scope-card:hover .feature-icon {
        transform: none;
    }

    .operation-beat:hover .operation-beat__pulse span,
    .signal-card:hover .signal-card__rail span {
        transform: none;
    }

    .flow-step--intake,
    .flow-step--return {
        transform: none;
    }

    .signal-card--immersive[data-tilt-card],
    .signal-card--immersive[data-tilt-card]:hover,
    .signal-card--immersive[data-tilt-card]:focus-within {
        transform: none;
    }

    .signal-card--immersive > * {
        transform: none;
    }

    .operation-beat[data-tilt-card],
    .operation-beat[data-tilt-card]:hover,
    .operation-beat[data-tilt-card]:focus-within,
    .operation-beat__mast,
    .operation-beat__pulse,
    .operation-beat__foot {
        transform: none;
    }

    .solutions-scene__route,
    .solutions-scene__pulse {
        animation: none;
    }
}

/* Enterprise-grade polish: tighten the ambient system further and
   replace luminous transition energy with a quieter structural sweep. */
body.marketing-redesign {
    background:
        linear-gradient(180deg, #f7faf7 0%, #eef4ee 48%, #e7efe8 100%);
}

body.marketing-redesign::before {
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px);
    background-size: 88px 88px;
    opacity: 0.14;
}

body.marketing-page-home {
    background:
        linear-gradient(180deg, #071109 0%, #0a150d 38%, #0c1810 100%);
}

body.marketing-page-home::before {
    background-image:
        linear-gradient(rgba(181, 216, 188, 0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(181, 216, 188, 0.05) 1px, transparent 1px);
    background-size: 96px 96px;
    opacity: 0.1;
    mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.22), transparent 62%);
}

body.marketing-redesign .nav {
    backdrop-filter: blur(14px);
    background: rgba(7, 16, 10, 0.88);
    border-bottom-color: rgba(198, 233, 205, 0.08);
}

body.marketing-redesign .nav-links a {
    color: rgba(231, 239, 233, 0.78);
}

body.marketing-redesign .subnav-shell {
    border-top-color: rgba(198, 233, 205, 0.06);
    border-bottom-color: rgba(198, 233, 205, 0.06);
}

body.marketing-page-home .hero-scope-atlas__copy p,
body.marketing-page-home .hero-note,
body.marketing-page-home .atlas-node p,
body.marketing-page-home .hero-tail-card p,
body.marketing-page-home .section-lead {
    color: rgba(226, 235, 227, 0.78);
}

body.marketing-page-home .hero-tail-card,
body.marketing-page-home .scope-band,
body.marketing-page-home .proof-feature,
body.marketing-page-home .market-fit {
    background: rgba(18, 31, 21, 0.86);
}

/* Dark-surface contrast pass: raise visibility on atlas, solutions, and
   capability cards so enterprise pages stay readable on live dark themes. */
body.marketing-page-home .atlas-panel,
body.marketing-page-home .atlas-node,
body.marketing-page-home .hero-tail-card,
body.marketing-page-home .scope-ledger__note,
body.marketing-page-home .team-owner,
body.marketing-page-home .market-fit,
body.marketing-page-home .teams-brief__rail-head,
body.marketing-page-home .proof-stat,
body.marketing-page-home .pressure-item,
body.marketing-page-home .demo-path__summary,
body.marketing-redesign .page-atlas__panel,
body.marketing-redesign .page-atlas__band,
body.marketing-redesign #solutions .card,
body.marketing-redesign .catalog-stage .catalog-card--atlas,
body.marketing-page-features .catalog-card--atlas-list,
body.marketing-redesign footer .footer-signal {
    border-color: rgba(156, 190, 165, 0.18);
}

body.marketing-page-home .atlas-panel strong,
body.marketing-page-home .atlas-node strong,
body.marketing-page-home .hero-tail-card h3,
body.marketing-page-home .scope-ledger__note span,
body.marketing-page-home .team-owner h3,
body.marketing-page-home .market-fit h3,
body.marketing-page-home .teams-brief__rail-head strong,
body.marketing-page-home .proof-stat strong,
body.marketing-page-home .pressure-item h3,
body.marketing-page-home .demo-path__summary h3,
body.marketing-redesign .page-atlas__title,
body.marketing-redesign .page-atlas__band strong,
body.marketing-redesign #solutions .card h3,
body.marketing-redesign .catalog-stage .catalog-card h3,
body.marketing-page-features .catalog-card--atlas-list h3,
body.marketing-redesign .catalog-card__signal,
body.marketing-redesign footer .footer-signal strong {
    color: #f4fbf5;
}

body.marketing-page-home .atlas-panel span,
body.marketing-page-home .atlas-panel__footer span,
body.marketing-page-home .atlas-node span,
body.marketing-page-home .hero-tail-card p,
body.marketing-page-home .scope-ledger__note,
body.marketing-page-home .team-owner p,
body.marketing-page-home .market-fit p,
body.marketing-page-home .teams-brief__rail-head p,
body.marketing-page-home .proof-stat span,
body.marketing-page-home .pressure-item p,
body.marketing-page-home .demo-path__summary p,
body.marketing-page-home .atlas-node p,
body.marketing-redesign .page-atlas__eyebrow,
body.marketing-redesign .page-atlas__list-item span,
body.marketing-redesign .page-atlas__band p,
body.marketing-redesign #solutions .section-lead,
body.marketing-redesign #solutions .card p,
body.marketing-redesign #solutions .card .feature-list li,
body.marketing-redesign .catalog-stage .section-lead,
body.marketing-redesign .catalog-stage .catalog-card p,
body.marketing-redesign .catalog-stage .catalog-card .feature-list li,
body.marketing-redesign .catalog-stage .catalog-card__foot span,
body.marketing-page-features .catalog-card--atlas-list .catalog-card__count,
body.marketing-page-features .catalog-card--atlas-list .catalog-card__foot span,
body.marketing-page-features .catalog-card--atlas-list .feature-list li,
body.marketing-redesign footer,
body.marketing-redesign .footer-grid a,
body.marketing-redesign .footer-copy,
body.marketing-redesign .footer-brand span,
body.marketing-redesign footer .footer-signal span {
    color: rgba(228, 237, 230, 0.88);
}

body.marketing-redesign .catalog-stage .catalog-card__mode,
body.marketing-redesign .signal-card__eyebrow,
body.marketing-redesign .scope-card__eyebrow,
body.marketing-redesign .module-card__eyebrow,
body.marketing-redesign #solutions .eyebrow,
body.marketing-redesign .catalog-stage .eyebrow,
body.marketing-redesign footer .footer-signal span {
    color: #b4ef62;
}

body.marketing-redesign #solutions .card,
body.marketing-redesign .catalog-stage .catalog-card--atlas,
body.marketing-page-features .catalog-card--atlas-list {
    background: linear-gradient(180deg, rgba(21, 38, 26, 0.98), rgba(14, 28, 19, 0.96));
    box-shadow: 0 20px 38px -30px rgba(0, 0, 0, 0.42);
}

body.marketing-redesign .catalog-stage .catalog-card__signal,
body.marketing-page-features .catalog-card--atlas-list .catalog-card__signal,
body.marketing-redesign #solutions .card .feature-list li,
body.marketing-redesign .catalog-stage .catalog-card .feature-list li {
    background: rgba(255, 255, 255, 0.09);
    border-color: rgba(170, 204, 178, 0.22);
}

body.marketing-redesign .catalog-stage .catalog-card p,
body.marketing-redesign .catalog-stage .catalog-card .feature-list li,
body.marketing-redesign .catalog-stage .catalog-card__foot span,
body.marketing-page-features .catalog-card--atlas-list .catalog-card__count,
body.marketing-page-features .catalog-card--atlas-list .catalog-card__foot span,
body.marketing-page-features .catalog-card--atlas-list .feature-list li,
body.marketing-redesign #solutions .card p {
    color: rgba(236, 243, 237, 0.94);
}

body.marketing-redesign .catalog-stage .catalog-card h3,
body.marketing-page-features .catalog-card--atlas-list h3,
body.marketing-redesign #solutions .card h3 {
    color: #ffffff;
}

body.marketing-redesign .catalog-stage .catalog-card__route span,
body.marketing-redesign #solutions .signal-card__rail span,
body.marketing-redesign .catalog-stage .signal-card__rail span {
    background: linear-gradient(90deg, rgba(72, 204, 98, 0.72), rgba(180, 239, 98, 0.58), rgba(72, 204, 98, 0.12));
    opacity: 0.9;
}

/* Homepage readability correction:
   proof cards and scope ledger bands should remain light surfaces with dark ink. */
body.marketing-page-home .proof-feature,
body.marketing-page-home .scope-band,
body.marketing-page-home .scope-band__module {
    background: #f8fbf8;
    border: 1px solid rgba(64, 92, 71, 0.14);
    box-shadow: 0 10px 22px -18px rgba(24, 41, 29, 0.18);
}

body.marketing-page-home .proof-feature__head h3,
body.marketing-page-home .scope-band__copy h3,
body.marketing-page-home .scope-band__module strong {
    color: #1d2d22;
}

body.marketing-page-home .proof-feature p,
body.marketing-page-home .scope-band__copy p,
body.marketing-page-home .scope-band__module p {
    color: #4b5d51;
}

body.marketing-page-home .proof-feature .btn-link {
    background: rgba(44, 179, 74, 0.08);
    border-color: rgba(44, 179, 74, 0.2);
    color: #168235;
}

body.marketing-page-home .proof-feature .btn-link:hover,
body.marketing-page-home .proof-feature .btn-link:focus-visible {
    background: rgba(44, 179, 74, 0.14);
    border-color: rgba(44, 179, 74, 0.28);
    color: #126a2b;
}

/* Atlas panel refinement: restore a readable connected-system feel instead of
   a generic dark tile grid. */
body.marketing-page-home .atlas-panel {
    background:
        linear-gradient(180deg, rgba(15, 33, 23, 0.98), rgba(11, 24, 17, 0.96));
    border: 1px solid rgba(118, 164, 129, 0.18);
    box-shadow: inset 0 1px 0 rgba(222, 243, 227, 0.03);
}

body.marketing-page-home .atlas-panel__head span,
body.marketing-page-home .atlas-panel__footer span {
    color: rgba(182, 214, 191, 0.82);
}

body.marketing-page-home .atlas-panel__head strong,
body.marketing-page-home .atlas-panel__footer strong {
    color: #f7fcf8;
}

body.marketing-page-home .atlas-board {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    gap: 1rem;
    padding: 1.15rem;
    background:
        radial-gradient(circle at 50% 48%, rgba(66, 176, 90, 0.12), transparent 22%),
        linear-gradient(180deg, rgba(18, 39, 28, 0.98), rgba(13, 28, 20, 0.98));
    border: 1px solid rgba(108, 150, 118, 0.14);
}

body.marketing-page-home .atlas-board__mesh {
    display: block;
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
}

body.marketing-page-home .atlas-board__route,
body.marketing-page-home .atlas-board__pulse {
    display: block;
}

body.marketing-page-home .atlas-board__route {
    position: absolute;
    background:
        linear-gradient(90deg, rgba(77, 196, 103, 0), rgba(77, 196, 103, 0.3), rgba(180, 239, 98, 0.44), rgba(77, 196, 103, 0.3), rgba(77, 196, 103, 0));
    box-shadow: 0 0 18px rgba(66, 176, 90, 0.08);
    opacity: 0.95;
    overflow: visible;
}

body.marketing-page-home .atlas-board__route::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 0.82rem;
    height: 0.82rem;
    border-radius: 999px;
    background:
        radial-gradient(circle, rgba(227, 255, 188, 0.98) 0%, rgba(190, 245, 110, 0.96) 52%, rgba(190, 245, 110, 0) 72%);
    box-shadow:
        0 0 0 0.32rem rgba(143, 225, 95, 0.08),
        0 0 18px rgba(143, 225, 95, 0.34);
    transform: translate(-50%, -50%);
    will-change: transform, opacity;
}

body.marketing-page-home .atlas-board__route--one {
    top: 31%;
    left: 18%;
    width: 64%;
    height: 1px;
    transform: none;
    animation: atlasDrift 11s linear infinite;
}

body.marketing-page-home .atlas-board__route--two {
    top: 63%;
    left: 18%;
    width: 64%;
    height: 1px;
    transform: none;
    animation: atlasDrift 13s linear infinite reverse;
}

body.marketing-page-home .atlas-board__route--three {
    top: 22%;
    bottom: 15%;
    left: 50%;
    width: 1px;
    height: auto;
    background:
        linear-gradient(180deg, rgba(77, 196, 103, 0), rgba(77, 196, 103, 0.28), rgba(180, 239, 98, 0.4), rgba(77, 196, 103, 0.24), rgba(77, 196, 103, 0));
    animation: atlasVerticalPulse 9s linear infinite;
}

body.marketing-page-home .atlas-board__pulse {
    position: absolute;
    width: 0.72rem;
    height: 0.72rem;
    border-radius: 999px;
    background: #c6ff83;
    box-shadow:
        0 0 0 0.32rem rgba(119, 214, 111, 0.08),
        0 0 14px rgba(119, 214, 111, 0.18);
    will-change: transform, opacity, box-shadow;
}

body.marketing-page-home .atlas-board__pulse--one {
    top: calc(31% - 0.36rem);
    left: calc(50% - 0.36rem);
    animation: atlasPulse 5.8s ease-out infinite;
}

body.marketing-page-home .atlas-board__pulse--two {
    top: calc(63% - 0.36rem);
    left: calc(50% - 0.36rem);
    animation: atlasPulse 6.4s ease-out infinite 1.2s;
}

body.marketing-page-home .atlas-board__pulse--three {
    top: calc(84% - 0.36rem);
    left: calc(50% - 0.36rem);
    animation: atlasPulse 6.9s ease-out infinite 2.1s;
}

body.marketing-page-home .atlas-node {
    z-index: 1;
    padding: 1rem 1rem 0.95rem;
    background:
        linear-gradient(180deg, rgba(22, 46, 32, 0.94), rgba(17, 35, 25, 0.96));
    border: 1px solid rgba(127, 168, 136, 0.16);
    box-shadow: inset 0 1px 0 rgba(226, 243, 229, 0.03);
}

body.marketing-page-home .atlas-node span {
    color: #c1ec74;
}

body.marketing-page-home .atlas-node p {
    color: rgba(229, 237, 230, 0.86);
}

body.marketing-page-home .atlas-node--dispatch,
body.marketing-page-home .atlas-node--warehouse,
body.marketing-page-home .atlas-node--fleet,
body.marketing-page-home .atlas-node--finance {
    position: relative;
}

body.marketing-page-home .atlas-node--dispatch::after,
body.marketing-page-home .atlas-node--warehouse::after,
body.marketing-page-home .atlas-node--fleet::after,
body.marketing-page-home .atlas-node--finance::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 0.9rem;
    height: 1px;
    background: linear-gradient(90deg, rgba(193, 236, 116, 0), rgba(193, 236, 116, 0.52));
    opacity: 0.8;
}

body.marketing-page-home .atlas-node--dispatch::after,
body.marketing-page-home .atlas-node--fleet::after {
    right: -1rem;
}

body.marketing-page-home .atlas-node--warehouse::after,
body.marketing-page-home .atlas-node--finance::after {
    left: -1rem;
    transform: scaleX(-1);
}

body.marketing-page-home .atlas-node--governance {
    position: relative;
    min-height: 6.5rem;
}

body.marketing-page-home .atlas-node--governance::before {
    content: "";
    position: absolute;
    top: -1rem;
    left: 50%;
    width: 1px;
    height: 1rem;
    background: linear-gradient(180deg, rgba(193, 236, 116, 0.5), rgba(193, 236, 116, 0));
}

@keyframes atlasVerticalPulse {
    0% {
        opacity: 0.42;
    }

    50% {
        opacity: 0.88;
    }

    100% {
        opacity: 0.42;
    }
}

/* Enterprise page-system pass: unify inner pages under a calmer,
   more structured marketing architecture with subtle per-route accents. */
body.marketing-page-features { --page-accent: rgba(79, 175, 100, 0.16); }
body.marketing-page-demoJourney { --page-accent: rgba(111, 188, 98, 0.15); }
body.marketing-page-operations { --page-accent: rgba(57, 164, 106, 0.16); }
body.marketing-page-tracking { --page-accent: rgba(86, 188, 130, 0.15); }
body.marketing-page-integrations { --page-accent: rgba(104, 176, 118, 0.14); }
body.marketing-page-customization { --page-accent: rgba(124, 185, 102, 0.14); }
body.marketing-page-implementation { --page-accent: rgba(86, 160, 94, 0.14); }
body.marketing-page-submodules { --page-accent: rgba(95, 171, 104, 0.14); }

body.marketing-page-features,
body.marketing-page-demoJourney,
body.marketing-page-demo-journey,
body.marketing-page-operations,
body.marketing-page-tracking,
body.marketing-page-integrations,
body.marketing-page-customization,
body.marketing-page-implementation,
body.marketing-page-submodules {
    --page-polaris-star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23a8b2ab' fill-opacity='.68' d='M50 4C54 28 72 46 96 50C72 54 54 72 50 96C46 72 28 54 4 50C28 46 46 28 50 4Z'/%3E%3C/svg%3E");
    --page-polaris-star-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%2376d28a' fill-opacity='.78' d='M50 4C54 28 72 46 96 50C72 54 54 72 50 96C46 72 28 54 4 50C28 46 46 28 50 4Z'/%3E%3C/svg%3E");
    --page-polaris-star-soft: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%239ca7a0' fill-opacity='.46' d='M50 6C53 28 72 47 94 50C72 53 53 72 50 94C47 72 28 53 6 50C28 47 47 28 50 6Z'/%3E%3C/svg%3E");
    --page-polaris-star-soft-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%236fbd81' fill-opacity='.58' d='M50 6C53 28 72 47 94 50C72 53 53 72 50 94C47 72 28 53 6 50C28 47 47 28 50 6Z'/%3E%3C/svg%3E");
    --page-polaris-glow: rgba(84, 144, 97, 0.18);
}

body.marketing-redesign:not(.marketing-page-home) .page-atlas {
    position: relative;
    overflow: hidden;
    background:
        linear-gradient(180deg, #08120c 0%, #0b1710 58%, #0d1912 100%);
    border-bottom: 1px solid rgba(198, 233, 205, 0.08);
}

body.marketing-redesign:not(.marketing-page-home) .page-atlas::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.015), transparent 18%, transparent 82%, rgba(255, 255, 255, 0.015)),
        radial-gradient(circle at 82% 20%, var(--page-accent, rgba(79, 175, 100, 0.14)), transparent 22rem);
    opacity: 1;
}

body.marketing-redesign:not(.marketing-page-home) .page-atlas::after {
    content: "";
    position: absolute;
    top: 1.25rem;
    right: clamp(1rem, 4vw, 3.25rem);
    z-index: 0;
    width: min(28rem, 34vw);
    height: min(17rem, 24vw);
    pointer-events: none;
    opacity: 0.74;
    background:
        var(--page-polaris-star) 0 0 / 20px 20px repeat,
        var(--page-polaris-star-accent) 10px 10px / 20px 20px repeat,
        radial-gradient(circle at 52% 50%, rgba(96, 164, 111, 0.2), transparent 62%);
    border-radius: 28px;
    mask-image: radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.82) 60%, transparent 94%);
    filter: drop-shadow(0 0 22px var(--page-polaris-glow));
    transform: rotate(-7deg);
}

body.marketing-redesign:not(.marketing-page-home) .page-atlas > .container {
    position: relative;
    z-index: 1;
}

body.marketing-redesign .page-atlas__shell {
    grid-template-columns: minmax(0, 1.08fr) minmax(19rem, 0.92fr);
    gap: 1.4rem;
    align-items: start;
    padding-top: 0;
    padding-bottom: 1.2rem;
}

body.marketing-redesign .page-atlas__copy {
    gap: 1rem;
}

body.marketing-redesign .page-atlas__copy h1 {
    max-width: 12ch;
    font-size: clamp(2.7rem, 4.8vw, 4.35rem);
    line-height: 0.96;
    letter-spacing: -0.028em;
}

body.marketing-redesign .page-atlas__copy > p,
body.marketing-redesign .page-stack__intro .section-lead {
    max-width: 66ch;
    color: rgba(225, 235, 227, 0.82);
    font-size: 1.01rem;
}

body.marketing-redesign .page-atlas--prefaced .page-atlas__preface {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 0.65rem;
    padding-top: 0;
    padding-bottom: 1.7rem;
    border-bottom: 1px solid rgba(198, 233, 205, 0.08);
}

body.marketing-redesign .page-atlas__preface-label {
    color: #a8e97d;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body.marketing-redesign .page-atlas__preface-title {
    margin: 0;
    max-width: 26ch;
    color: #eef6ef;
    font-size: clamp(1.45rem, 2.4vw, 2.15rem);
    line-height: 1.02;
    letter-spacing: -0.03em;
    text-wrap: balance;
}

body.marketing-redesign .page-atlas__preface-copy {
    margin: 0;
    max-width: 72ch;
    color: rgba(226, 236, 228, 0.78);
    text-wrap: pretty;
}

body.marketing-redesign .page-atlas--prefaced .page-atlas__shell,
body.marketing-redesign .page-atlas--prefaced .page-atlas__hero-grid,
body.marketing-redesign .page-atlas--prefaced .page-atlas__hero-stack {
    margin-top: 1.2rem;
    padding: 1.5rem;
    border-radius: 20px;
    background:
        linear-gradient(180deg, rgba(11, 24, 17, 0.88), rgba(13, 27, 19, 0.94));
    border: 1px solid rgba(198, 233, 205, 0.09);
    box-shadow: inset 0 1px 0 rgba(227, 242, 230, 0.03);
}

body.marketing-page-features .page-atlas__preface {
    grid-template-columns: minmax(0, 1.1fr) minmax(18rem, 0.9fr);
    align-items: end;
    gap: 1rem 1.4rem;
    padding-bottom: 1.4rem;
}

body.marketing-page-features .page-atlas__preface-title {
    max-width: 18ch;
}

body.marketing-page-features .page-atlas__preface-copy {
    padding-left: 1.15rem;
    border-left: 1px solid rgba(198, 233, 205, 0.16);
}

body.marketing-page-operations .page-atlas__preface {
    position: relative;
    padding-bottom: 1.5rem;
}

body.marketing-page-operations .page-atlas__preface::after {
    content: "";
    position: absolute;
    left: 0;
    right: 22%;
    bottom: 0;
    height: 1px;
    background: linear-gradient(90deg, rgba(154, 227, 111, 0.42), rgba(154, 227, 111, 0.06));
}

body.marketing-page-operations .page-atlas__preface-copy {
    max-width: 62ch;
}

body.marketing-page-tracking .page-atlas__preface {
    min-height: 10rem;
    grid-template-columns: 1fr;
    align-content: end;
    gap: 0.7rem;
}

body.marketing-page-tracking .page-atlas__preface-title {
    max-width: 16ch;
    font-size: clamp(1.9rem, 3vw, 2.7rem);
}

body.marketing-page-tracking .page-atlas__preface-copy {
    max-width: 58ch;
    color: rgba(229, 239, 231, 0.8);
}

body.marketing-page-integrations .page-atlas__preface {
    grid-template-columns: minmax(0, 1fr) minmax(19rem, 0.92fr);
    gap: 1rem 1.3rem;
    padding-bottom: 1.35rem;
}

body.marketing-page-integrations .page-atlas__preface::after {
    content: "";
    position: absolute;
    top: 5.5rem;
    right: 0;
    width: 10rem;
    height: 1px;
    background: linear-gradient(90deg, rgba(159, 218, 171, 0), rgba(159, 218, 171, 0.46));
}

body.marketing-page-integrations .page-atlas__preface-copy {
    padding-left: 1rem;
    border-left: 1px solid rgba(159, 218, 171, 0.18);
}

body.marketing-page-implementation .page-atlas__preface {
    grid-template-columns: minmax(0, 0.98fr) minmax(19rem, 1.02fr);
    gap: 1rem 1.3rem;
}

body.marketing-page-implementation .page-atlas__preface-copy {
    padding-left: 1.15rem;
    border-left: 1px solid rgba(198, 233, 205, 0.16);
}

body.marketing-page-customization .page-atlas__preface {
    grid-template-columns: minmax(0, 1fr) minmax(20rem, 0.88fr);
    gap: 1rem 1.4rem;
}

body.marketing-page-customization .page-atlas__preface-copy {
    display: grid;
    place-items: center start;
    min-height: 100%;
    padding: 0.95rem 1rem;
    border-radius: 14px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.025));
    border: 1px solid rgba(198, 233, 205, 0.08);
}

body.marketing-page-submodules .page-atlas__preface {
    padding-bottom: 1.4rem;
}

body.marketing-page-submodules .page-atlas__preface-title {
    max-width: 20ch;
}

body.marketing-page-submodules .page-atlas__preface-copy {
    max-width: 60ch;
    padding-left: 1rem;
    border-left: 1px solid rgba(198, 233, 205, 0.14);
}

body.marketing-page-demoJourney .page-atlas__preface,
body.marketing-page-demo-journey .page-atlas__preface {
    grid-template-columns: minmax(0, 0.9fr) minmax(17rem, 1.1fr);
    gap: 1rem 1.3rem;
}

body.marketing-page-demoJourney .page-atlas__preface-title,
body.marketing-page-demo-journey .page-atlas__preface-title {
    max-width: 18ch;
}

body.marketing-page-demoJourney .page-atlas__preface-copy,
body.marketing-page-demo-journey .page-atlas__preface-copy {
    padding-left: 1.15rem;
    border-left: 1px solid rgba(198, 233, 205, 0.16);
}

body.marketing-redesign .page-atlas--prefaced .page-atlas__shell,
body.marketing-redesign .page-atlas--prefaced .page-atlas__hero-grid,
body.marketing-redesign .page-atlas--prefaced .page-atlas__hero-stack {
    padding-top: 1.5rem;
}

body.marketing-redesign .page-atlas__hero-grid,
body.marketing-redesign .page-atlas__hero-stack,
body.marketing-redesign .page-atlas__ledger,
body.marketing-redesign .page-atlas__rail-ledger {
    position: relative;
    z-index: 1;
}

body.marketing-redesign .breadcrumbs {
    color: rgba(198, 217, 202, 0.66);
}

body.marketing-redesign .breadcrumbs a {
    color: rgba(228, 237, 230, 0.86);
    text-decoration: none;
}

body.marketing-redesign .page-hero-tags {
    gap: 0.55rem;
}

body.marketing-redesign .page-hero-tag {
    min-height: 2rem;
    padding: 0.42rem 0.76rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(198, 233, 205, 0.12);
    color: rgba(231, 239, 233, 0.84);
}

body.marketing-redesign .page-atlas__panel {
    gap: 1rem;
    padding: 1.18rem;
    border-radius: 14px;
    background:
        linear-gradient(180deg, rgba(14, 29, 20, 0.94), rgba(12, 24, 17, 0.96));
    border: 1px solid rgba(198, 233, 205, 0.12);
    box-shadow: inset 0 1px 0 rgba(227, 242, 230, 0.025);
}

body.marketing-redesign .page-atlas__title {
    font-size: 1.5rem;
    line-height: 1.08;
}

body.marketing-redesign .page-atlas__list {
    gap: 0.78rem;
}

body.marketing-redesign .page-atlas__list-item {
    padding: 0.9rem 0.95rem;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.045);
    border: 1px solid rgba(198, 233, 205, 0.08);
}

body.marketing-redesign .page-atlas__list-item strong {
    margin-bottom: 0.22rem;
}

body.marketing-redesign .page-atlas__bands {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1.2rem;
    padding-bottom: 3rem;
}

body.marketing-redesign .page-atlas__band {
    min-height: 100%;
    padding: 1rem 1.05rem 1.08rem;
    border-radius: 12px;
    background:
        linear-gradient(180deg, rgba(16, 34, 23, 0.92), rgba(12, 26, 18, 0.94));
    border: 1px solid rgba(198, 233, 205, 0.1);
}

body.marketing-redesign .page-atlas__band strong {
    font-size: 1.02rem;
}

body.marketing-redesign .page-atlas__band p {
    color: rgba(225, 235, 227, 0.8);
}

body.marketing-redesign .section,
body.marketing-redesign .section-soft {
    padding-block: 4.6rem;
}

body.marketing-redesign .page-stack__intro {
    margin-bottom: 1.4rem;
    max-width: 74rem;
}

body.marketing-redesign .page-stack__intro h2,
body.marketing-redesign .section-title-spaced {
    color: #25352b;
    font-size: clamp(2rem, 3vw, 3rem);
    line-height: 0.98;
    letter-spacing: -0.03em;
}

body.marketing-redesign .page-stack.section-soft {
    position: relative;
    background:
        linear-gradient(180deg, #f1f6f1 0%, #eef4ef 100%);
}

body.marketing-redesign .page-stack.section-soft::before {
    content: "";
    position: absolute;
    top: 1.4rem;
    right: clamp(1rem, 5vw, 4rem);
    width: min(18rem, 28vw);
    height: 8.5rem;
    pointer-events: none;
    opacity: 0.22;
    background:
        var(--page-polaris-star-soft) 0 0 / 16px 16px repeat,
        var(--page-polaris-star-soft-accent) 8px 8px / 16px 16px repeat;
    mask-image: radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0.92), transparent 84%);
}

body.marketing-redesign .page-stack:not(.section-soft) {
    background: #f8fbf8;
}

body.marketing-redesign .page-proof-card,
body.marketing-redesign .chart-card,
body.marketing-redesign .card,
body.marketing-redesign .module-card,
body.marketing-redesign .submodule-card,
body.marketing-redesign .hub-node,
body.marketing-redesign .flow-step,
body.marketing-redesign .scope-card,
body.marketing-redesign .signal-card {
    border-radius: 12px;
    border: 1px solid rgba(69, 94, 76, 0.12);
    box-shadow: 0 10px 22px -18px rgba(21, 39, 28, 0.14);
}

body.marketing-redesign .page-proof-card {
    background: #ffffff;
}

body.marketing-redesign .page-proof-card h3,
body.marketing-redesign .card h3,
body.marketing-redesign .module-card h3,
body.marketing-redesign .submodule-card h3,
body.marketing-redesign .hub-core,
body.marketing-redesign .flow-step h4 {
    color: #213127;
}

body.marketing-redesign .page-proof-card p,
body.marketing-redesign .card p,
body.marketing-redesign .module-card p,
body.marketing-redesign .submodule-card p,
body.marketing-redesign .stack-item,
body.marketing-redesign .band {
    color: #516155;
}

body.marketing-redesign .band {
    border-radius: 12px;
    background: rgba(69, 175, 97, 0.06);
    border: 1px solid rgba(69, 175, 97, 0.12);
}

body.marketing-page-integrations .hub {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-areas:
        "payments banking compliance"
        ". core communications"
        "api exports .";
    align-items: stretch;
    background:
        linear-gradient(180deg, rgba(249, 252, 249, 0.98), rgba(242, 248, 243, 0.98));
    border: 1px solid rgba(69, 94, 76, 0.1);
    border-radius: 14px;
    padding: 1.3rem;
}

body.marketing-page-integrations .hub > :nth-child(1) { grid-area: payments; }
body.marketing-page-integrations .hub > :nth-child(2) { grid-area: banking; }
body.marketing-page-integrations .hub > :nth-child(3) { grid-area: compliance; }
body.marketing-page-integrations .hub > :nth-child(4) { grid-area: core; }
body.marketing-page-integrations .hub > :nth-child(5) { grid-area: communications; }
body.marketing-page-integrations .hub > :nth-child(6) { grid-area: exports; }
body.marketing-page-integrations .hub > :nth-child(7) { grid-area: api; }

body.marketing-page-integrations .hub-core {
    display: grid;
    place-items: center;
    min-height: 6.25rem;
    border-radius: 14px;
    background:
        radial-gradient(circle at 50% 24%, rgba(95, 197, 112, 0.14), transparent 58%),
        linear-gradient(180deg, rgba(15, 36, 23, 0.98), rgba(10, 24, 16, 0.98));
    border: 1px solid rgba(159, 218, 171, 0.16);
    color: #eef7f0;
    box-shadow: 0 20px 38px -30px rgba(8, 22, 13, 0.7);
}

body.marketing-page-integrations .hub-core span {
    color: rgba(226, 241, 230, 0.72);
}

body.marketing-page-integrations .hub-node {
    min-height: 4.75rem;
    border: 1px solid rgba(69, 94, 76, 0.08);
    box-shadow: 0 10px 22px -20px rgba(21, 39, 28, 0.14);
}

body.marketing-page-operations .flow-steps--operations,
body.marketing-page-tracking .grid-3,
body.marketing-page-customization .grid-3,
body.marketing-page-demoJourney .grid-3,
body.marketing-page-features .grid-3,
body.marketing-page-submodules .detail-grid,
body.marketing-page-integrations .detail-grid,
body.marketing-page-implementation .grid-3 {
    gap: 1rem;
}

@media (max-width: 1180px) {
    body.marketing-redesign .page-atlas__shell {
        grid-template-columns: 1fr;
        padding-top: 0;
    }

    body.marketing-redesign .page-atlas__bands {
        grid-template-columns: 1fr;
        padding-bottom: 2.2rem;
    }

    body.marketing-redesign .page-atlas__copy h1 {
        max-width: 12.5ch;
    }
}

/* Per-route layout identity: each page gets a distinct enterprise structure
   while staying inside the same JTN system. */
body.marketing-page-features .page-stack__intro {
    max-width: 62rem;
}

body.marketing-page-features .viz-grid.viz-2 {
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    align-items: stretch;
}

body.marketing-page-features .catalog-stage__shell--features {
    border-radius: 16px;
    padding: 1.25rem;
}

body.marketing-page-features .module-grid--atlas {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 1rem;
}

body.marketing-page-features .module-grid--atlas > article {
    grid-column: span 4;
}

body.marketing-page-features .module-grid--atlas > article:nth-child(1),
body.marketing-page-features .module-grid--atlas > article:nth-child(5),
body.marketing-page-features .module-grid--atlas > article:nth-child(9) {
    grid-column: span 5;
}

body.marketing-page-features .module-grid--atlas > article:nth-child(2),
body.marketing-page-features .module-grid--atlas > article:nth-child(6),
body.marketing-page-features .module-grid--atlas > article:nth-child(10) {
    grid-column: span 3;
}

body.marketing-page-operations .page-stack__intro {
    max-width: 58rem;
}

body.marketing-page-operations .flow-steps--operations {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 1rem;
}

body.marketing-page-operations .flow-steps--operations > * {
    grid-column: span 4;
}

body.marketing-page-operations .flow-steps--operations > *:nth-child(2),
body.marketing-page-operations .flow-steps--operations > *:nth-child(5) {
    grid-column: span 5;
}

body.marketing-page-operations .flow-steps--operations > *:nth-child(3),
body.marketing-page-operations .flow-steps--operations > *:nth-child(6) {
    grid-column: span 3;
}

body.marketing-page-operations .operation-beats-grid {
    grid-template-columns: 1.15fr 0.85fr;
    gap: 1rem;
}

body.marketing-page-operations .operation-beats-grid > article:first-child,
body.marketing-page-operations .operation-beats-grid > article:last-child {
    min-height: 18.5rem;
}

body.marketing-page-tracking .viz-grid.viz-2 {
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
}

body.marketing-page-tracking .grid-3 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
}

body.marketing-page-tracking .grid-3 > article {
    grid-column: span 4;
}

body.marketing-page-tracking .grid-3 > article:nth-child(1) {
    grid-column: span 7;
}

body.marketing-page-tracking .grid-3 > article:nth-child(2),
body.marketing-page-tracking .grid-3 > article:nth-child(3) {
    grid-column: span 5;
}

body.marketing-page-tracking .grid-3 > article:nth-child(n + 4) {
    grid-column: span 4;
}

body.marketing-page-integrations .page-stack__intro {
    max-width: 60rem;
}

body.marketing-page-integrations .detail-grid {
    grid-template-columns: 1.1fr 0.9fr;
    gap: 1rem;
}

body.marketing-page-integrations .detail-grid > article:nth-child(3n + 1) {
    min-height: 100%;
}

body.marketing-page-implementation .grid-3 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
}

body.marketing-page-implementation .grid-3 > article:first-child {
    grid-column: span 5;
}

body.marketing-page-implementation .grid-3 > article:nth-child(2) {
    grid-column: span 3;
}

body.marketing-page-implementation .grid-3 > article:nth-child(3) {
    grid-column: span 4;
}

body.marketing-page-implementation .scope-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.9rem;
}

body.marketing-page-customization .viz-grid.viz-2 {
    grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
}

body.marketing-page-customization .grid-3:first-of-type > article:nth-child(2) {
    transform: translateY(1.1rem);
}

body.marketing-page-customization .grid-3:last-of-type {
    grid-template-columns: 1.15fr 0.85fr 1fr;
}

body.marketing-page-demo-journey .grid-3:first-of-type {
    grid-template-columns: 1.05fr 0.95fr 1fr;
}

body.marketing-page-demo-journey .grid-3:first-of-type > article:nth-child(2) {
    transform: translateY(1rem);
}

body.marketing-page-demo-journey .viz-grid.viz-2 {
    grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
}

body.marketing-page-submodules .detail-grid {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 1rem;
}

body.marketing-page-submodules .detail-grid > article {
    grid-column: span 4;
}

body.marketing-page-submodules .detail-grid > article:nth-child(4n + 1) {
    grid-column: span 5;
}

body.marketing-page-submodules .detail-grid > article:nth-child(4n + 2) {
    grid-column: span 3;
}

/* Semantic route differentiation: same brand system, different information
   models per page so buyers feel a structural shift between routes. */
body.marketing-page-features .page-atlas,
body.marketing-page-integrations .page-atlas,
body.marketing-page-operations .page-atlas,
body.marketing-page-tracking .page-atlas,
body.marketing-page-implementation .page-atlas,
body.marketing-page-customization .page-atlas,
body.marketing-page-submodules .page-atlas,
body.marketing-page-demoJourney .page-atlas,
body.marketing-page-demo-journey .page-atlas {
    padding-bottom: 5rem;
}

body.marketing-page-features .page-atlas__canopy,
body.marketing-page-integrations .page-atlas__canopy,
body.marketing-page-operations .page-atlas__canopy,
body.marketing-page-tracking .page-atlas__canopy,
body.marketing-page-implementation .page-atlas__canopy,
body.marketing-page-customization .page-atlas__canopy,
body.marketing-page-submodules .page-atlas__canopy,
body.marketing-page-demoJourney .page-atlas__canopy,
body.marketing-page-demo-journey .page-atlas__canopy {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.02fr) minmax(21rem, 0.98fr);
    gap: 2rem;
    align-items: center;
    padding-top: 0;
}

body.marketing-page-features .page-atlas__metric-ribbon {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    margin-top: 1rem;
}

body.marketing-page-features .page-atlas__metric-ribbon span {
    padding: 0.85rem 0.95rem;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.065);
    border: 1px solid rgba(198, 233, 205, 0.14);
    color: rgba(229, 237, 230, 0.82);
    font-size: 0.86rem;
}

body.marketing-page-features .page-atlas__metric-ribbon strong {
    display: block;
    margin-bottom: 0.2rem;
    color: #f4fbf5;
    font-size: 1.18rem;
}

body.marketing-page-features .page-atlas__visual-shell,
body.marketing-page-integrations .page-atlas__visual-shell,
body.marketing-page-operations .page-atlas__visual-shell,
body.marketing-page-tracking .page-atlas__visual-shell,
body.marketing-page-implementation .page-atlas__visual-shell,
body.marketing-page-customization .page-atlas__visual-shell,
body.marketing-page-submodules .page-atlas__visual-shell,
body.marketing-page-demoJourney .page-atlas__visual-shell,
body.marketing-page-demo-journey .page-atlas__visual-shell {
    display: grid;
    gap: 1rem;
    padding: 1.35rem;
    border-radius: 24px;
    background:
        linear-gradient(180deg, rgba(16, 35, 24, 0.94), rgba(11, 24, 17, 0.98));
    border: 1px solid rgba(198, 233, 205, 0.1);
}

body.marketing-page-features .page-atlas__visual-shell {
    background:
        radial-gradient(circle at 68% 34%, rgba(74, 175, 92, 0.2), transparent 11rem),
        linear-gradient(180deg, rgba(16, 35, 24, 0.94), rgba(11, 24, 17, 0.98));
}

body.marketing-page-integrations .page-atlas__visual-shell {
    background:
        radial-gradient(circle at 72% 24%, rgba(74, 175, 92, 0.16), transparent 10rem),
        linear-gradient(180deg, rgba(15, 33, 23, 0.94), rgba(10, 22, 16, 0.98));
}

body.marketing-page-tracking .page-atlas__visual-shell,
body.marketing-page-operations .page-atlas__visual-shell,
body.marketing-page-implementation .page-atlas__visual-shell,
body.marketing-page-customization .page-atlas__visual-shell,
body.marketing-page-submodules .page-atlas__visual-shell,
body.marketing-page-demoJourney .page-atlas__visual-shell,
body.marketing-page-demo-journey .page-atlas__visual-shell {
    background:
        radial-gradient(circle at 70% 28%, rgba(74, 175, 92, 0.15), transparent 10rem),
        linear-gradient(180deg, rgba(15, 33, 23, 0.94), rgba(10, 22, 16, 0.98));
}

body.marketing-page-features .page-atlas__visual-orbit,
body.marketing-page-integrations .page-atlas__visual-network,
body.marketing-page-operations .page-atlas__visual-timeline,
body.marketing-page-tracking .page-atlas__visual-monitor,
body.marketing-page-implementation .page-atlas__visual-timeline,
body.marketing-page-customization .page-atlas__visual-monitor,
body.marketing-page-submodules .page-atlas__visual-monitor,
body.marketing-page-demoJourney .page-atlas__visual-monitor,
body.marketing-page-demo-journey .page-atlas__visual-monitor {
    position: relative;
    min-height: 18rem;
    border-radius: 22px;
    overflow: hidden;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.03));
    border: 1px solid rgba(198, 233, 205, 0.08);
}

body.marketing-page-features .page-atlas__visual-ring {
    position: absolute;
    inset: 1.2rem;
    border-radius: 999px;
    border: 1px solid rgba(151, 219, 158, 0.18);
}

body.marketing-page-features .page-atlas__visual-orbit::before,
body.marketing-page-features .page-atlas__visual-orbit::after,
body.marketing-page-integrations .page-atlas__visual-network::before,
body.marketing-page-integrations .page-atlas__visual-network::after {
    content: "";
    position: absolute;
    background: linear-gradient(90deg, rgba(127, 206, 135, 0.12), rgba(127, 206, 135, 0.34), rgba(127, 206, 135, 0.12));
}

body.marketing-page-features .page-atlas__visual-orbit::before,
body.marketing-page-integrations .page-atlas__visual-network::before {
    top: 50%;
    left: 15%;
    right: 15%;
    height: 1px;
    transform: translateY(-50%);
}

body.marketing-page-features .page-atlas__visual-orbit::after,
body.marketing-page-integrations .page-atlas__visual-network::after {
    top: 15%;
    bottom: 15%;
    left: 50%;
    width: 1px;
    transform: translateX(-50%);
}

body.marketing-page-features .page-atlas__visual-core,
body.marketing-page-integrations .page-atlas__visual-core {
    position: absolute;
    top: 50%;
    left: 50%;
    display: grid;
    place-items: center;
    width: 8.5rem;
    height: 8.5rem;
    border-radius: 999px;
    background:
        radial-gradient(circle at 50% 22%, rgba(126, 221, 133, 0.2), transparent 55%),
        linear-gradient(180deg, rgba(12, 31, 20, 0.98), rgba(7, 19, 13, 0.98));
    border: 1px solid rgba(170, 229, 177, 0.18);
    color: #eef7f0;
    font-size: 0.95rem;
    font-weight: 800;
    text-align: center;
    transform: translate(-50%, -50%);
}

body.marketing-page-features .page-atlas__visual-node,
body.marketing-page-integrations .page-atlas__visual-link {
    position: absolute;
    display: grid;
    place-items: center;
    min-width: 7rem;
    min-height: 3rem;
    padding: 0.65rem 0.85rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.9);
    color: #25402d;
    font-size: 0.8rem;
    font-weight: 800;
    box-shadow: 0 8px 18px -14px rgba(3, 10, 7, 0.55);
}

body.marketing-page-features .page-atlas__visual-node--north,
body.marketing-page-integrations .page-atlas__visual-link--top {
    top: 1.25rem;
    left: 50%;
    transform: translateX(-50%);
}

body.marketing-page-features .page-atlas__visual-node--east,
body.marketing-page-integrations .page-atlas__visual-link--right {
    top: 50%;
    right: 1.25rem;
    transform: translateY(-50%);
}

body.marketing-page-features .page-atlas__visual-node--south,
body.marketing-page-integrations .page-atlas__visual-link--bottom {
    bottom: 1.25rem;
    left: 50%;
    transform: translateX(-50%);
}

body.marketing-page-features .page-atlas__visual-node--west,
body.marketing-page-integrations .page-atlas__visual-link--left {
    top: 50%;
    left: 1.25rem;
    transform: translateY(-50%);
}

body.marketing-page-features .page-atlas__visual-caption,
body.marketing-page-integrations .page-atlas__visual-caption {
    display: grid;
    gap: 0.45rem;
    padding: 0.25rem 0.2rem 0;
}

body.marketing-page-features .page-atlas__visual-caption span,
body.marketing-page-integrations .page-atlas__visual-caption span,
body.marketing-page-operations .page-atlas__visual-caption span,
body.marketing-page-tracking .page-atlas__visual-caption span,
body.marketing-page-implementation .page-atlas__visual-caption span,
body.marketing-page-customization .page-atlas__visual-caption span,
body.marketing-page-submodules .page-atlas__visual-caption span,
body.marketing-page-demoJourney .page-atlas__visual-caption span,
body.marketing-page-demo-journey .page-atlas__visual-caption span {
    color: #a8e97d;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body.marketing-page-features .page-atlas__visual-caption strong,
body.marketing-page-integrations .page-atlas__visual-caption strong,
body.marketing-page-operations .page-atlas__visual-caption strong,
body.marketing-page-tracking .page-atlas__visual-caption strong,
body.marketing-page-implementation .page-atlas__visual-caption strong,
body.marketing-page-customization .page-atlas__visual-caption strong,
body.marketing-page-submodules .page-atlas__visual-caption strong,
body.marketing-page-demoJourney .page-atlas__visual-caption strong,
body.marketing-page-demo-journey .page-atlas__visual-caption strong {
    color: #eff7f0;
    font-size: 1.2rem;
    line-height: 1.15;
}

body.marketing-page-features .page-atlas__visual-caption p,
body.marketing-page-integrations .page-atlas__visual-caption p,
body.marketing-page-operations .page-atlas__visual-caption p,
body.marketing-page-tracking .page-atlas__visual-caption p,
body.marketing-page-implementation .page-atlas__visual-caption p,
body.marketing-page-customization .page-atlas__visual-caption p,
body.marketing-page-submodules .page-atlas__visual-caption p,
body.marketing-page-demoJourney .page-atlas__visual-caption p,
body.marketing-page-demo-journey .page-atlas__visual-caption p {
    margin: 0;
    color: rgba(225, 235, 227, 0.78);
}

body.marketing-page-operations .page-atlas__visual-timeline,
body.marketing-page-tracking .page-atlas__visual-monitor,
body.marketing-page-customization .page-atlas__visual-monitor,
body.marketing-page-submodules .page-atlas__visual-monitor,
body.marketing-page-demoJourney .page-atlas__visual-monitor,
body.marketing-page-demo-journey .page-atlas__visual-monitor,
body.marketing-page-implementation .page-atlas__visual-timeline {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.8rem;
    align-items: stretch;
}

body.marketing-page-operations .page-atlas__visual-readout,
body.marketing-page-tracking .page-atlas__visual-readout,
body.marketing-page-implementation .page-atlas__visual-readout,
body.marketing-page-customization .page-atlas__visual-readout,
body.marketing-page-submodules .page-atlas__visual-readout,
body.marketing-page-demoJourney .page-atlas__visual-readout,
body.marketing-page-demo-journey .page-atlas__visual-readout {
    min-height: 8rem;
    padding: 1rem;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(172, 224, 188, 0.12);
}

body.marketing-page-operations .page-atlas__visual-readout span,
body.marketing-page-tracking .page-atlas__visual-readout span,
body.marketing-page-implementation .page-atlas__visual-readout span,
body.marketing-page-customization .page-atlas__visual-readout span,
body.marketing-page-submodules .page-atlas__visual-readout span,
body.marketing-page-demoJourney .page-atlas__visual-readout span,
body.marketing-page-demo-journey .page-atlas__visual-readout span,
body.marketing-page-operations .page-atlas__visual-readout strong,
body.marketing-page-tracking .page-atlas__visual-readout strong,
body.marketing-page-implementation .page-atlas__visual-readout strong,
body.marketing-page-customization .page-atlas__visual-readout strong,
body.marketing-page-submodules .page-atlas__visual-readout strong,
body.marketing-page-demoJourney .page-atlas__visual-readout strong,
body.marketing-page-demo-journey .page-atlas__visual-readout strong {
    display: block;
}

body.marketing-page-operations .page-atlas__visual-readout span,
body.marketing-page-tracking .page-atlas__visual-readout span,
body.marketing-page-implementation .page-atlas__visual-readout span,
body.marketing-page-customization .page-atlas__visual-readout span,
body.marketing-page-submodules .page-atlas__visual-readout span,
body.marketing-page-demoJourney .page-atlas__visual-readout span,
body.marketing-page-demo-journey .page-atlas__visual-readout span {
    margin-bottom: 0.38rem;
    color: #a8e97d;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

body.marketing-page-operations .page-atlas__visual-readout strong,
body.marketing-page-tracking .page-atlas__visual-readout strong,
body.marketing-page-implementation .page-atlas__visual-readout strong,
body.marketing-page-customization .page-atlas__visual-readout strong,
body.marketing-page-submodules .page-atlas__visual-readout strong,
body.marketing-page-demoJourney .page-atlas__visual-readout strong,
body.marketing-page-demo-journey .page-atlas__visual-readout strong {
    color: #eef7f0;
    line-height: 1.2;
}

body.marketing-page-features .page-atlas__handoff,
body.marketing-page-integrations .page-atlas__handoff,
body.marketing-page-operations .page-atlas__handoff,
body.marketing-page-tracking .page-atlas__handoff,
body.marketing-page-implementation .page-atlas__handoff,
body.marketing-page-customization .page-atlas__handoff,
body.marketing-page-submodules .page-atlas__handoff,
body.marketing-page-demoJourney .page-atlas__handoff,
body.marketing-page-demo-journey .page-atlas__handoff {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1.65rem;
}

body.marketing-page-features .page-atlas__handoff-card,
body.marketing-page-integrations .page-atlas__handoff-card,
body.marketing-page-operations .page-atlas__handoff-card,
body.marketing-page-tracking .page-atlas__handoff-card,
body.marketing-page-implementation .page-atlas__handoff-card,
body.marketing-page-customization .page-atlas__handoff-card,
body.marketing-page-submodules .page-atlas__handoff-card,
body.marketing-page-demoJourney .page-atlas__handoff-card,
body.marketing-page-demo-journey .page-atlas__handoff-card {
    min-height: 100%;
    padding: 1rem 1.05rem;
    border-radius: 14px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 249, 245, 0.98));
    border: 1px solid rgba(69, 94, 76, 0.1);
}

body.marketing-page-features .page-atlas__handoff-card span,
body.marketing-page-integrations .page-atlas__handoff-card span,
body.marketing-page-operations .page-atlas__handoff-card span,
body.marketing-page-tracking .page-atlas__handoff-card span,
body.marketing-page-implementation .page-atlas__handoff-card span,
body.marketing-page-customization .page-atlas__handoff-card span,
body.marketing-page-submodules .page-atlas__handoff-card span,
body.marketing-page-demoJourney .page-atlas__handoff-card span,
body.marketing-page-demo-journey .page-atlas__handoff-card span,
body.marketing-page-features .page-atlas__handoff-card strong,
body.marketing-page-integrations .page-atlas__handoff-card strong,
body.marketing-page-operations .page-atlas__handoff-card strong,
body.marketing-page-tracking .page-atlas__handoff-card strong,
body.marketing-page-implementation .page-atlas__handoff-card strong,
body.marketing-page-customization .page-atlas__handoff-card strong,
body.marketing-page-submodules .page-atlas__handoff-card strong,
body.marketing-page-demoJourney .page-atlas__handoff-card strong,
body.marketing-page-demo-journey .page-atlas__handoff-card strong {
    display: block;
}

body.marketing-page-features .page-atlas__handoff-card span,
body.marketing-page-integrations .page-atlas__handoff-card span,
body.marketing-page-operations .page-atlas__handoff-card span,
body.marketing-page-tracking .page-atlas__handoff-card span,
body.marketing-page-implementation .page-atlas__handoff-card span,
body.marketing-page-customization .page-atlas__handoff-card span,
body.marketing-page-submodules .page-atlas__handoff-card span,
body.marketing-page-demoJourney .page-atlas__handoff-card span,
body.marketing-page-demo-journey .page-atlas__handoff-card span {
    margin-bottom: 0.38rem;
    color: #2f9c49;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

body.marketing-page-features .page-atlas__handoff-card strong,
body.marketing-page-integrations .page-atlas__handoff-card strong,
body.marketing-page-operations .page-atlas__handoff-card strong,
body.marketing-page-tracking .page-atlas__handoff-card strong,
body.marketing-page-implementation .page-atlas__handoff-card strong,
body.marketing-page-customization .page-atlas__handoff-card strong,
body.marketing-page-submodules .page-atlas__handoff-card strong,
body.marketing-page-demoJourney .page-atlas__handoff-card strong,
body.marketing-page-demo-journey .page-atlas__handoff-card strong {
    color: #213127;
    font-size: 1.05rem;
    margin-bottom: 0.32rem;
}

body.marketing-page-features .page-atlas__handoff-card p,
body.marketing-page-integrations .page-atlas__handoff-card p,
body.marketing-page-operations .page-atlas__handoff-card p,
body.marketing-page-tracking .page-atlas__handoff-card p,
body.marketing-page-implementation .page-atlas__handoff-card p,
body.marketing-page-customization .page-atlas__handoff-card p,
body.marketing-page-submodules .page-atlas__handoff-card p,
body.marketing-page-demoJourney .page-atlas__handoff-card p,
body.marketing-page-demo-journey .page-atlas__handoff-card p {
    margin: 0;
    color: #55665b;
}

body.marketing-page-features .page-stack.section-soft,
body.marketing-page-integrations .page-stack.section-soft,
body.marketing-page-operations .page-stack.section-soft,
body.marketing-page-tracking .page-stack.section-soft,
body.marketing-page-implementation .page-stack.section-soft,
body.marketing-page-customization .page-stack.section-soft,
body.marketing-page-submodules .page-stack.section-soft,
body.marketing-page-demoJourney .page-stack:first-of-type,
body.marketing-page-demo-journey .page-stack:first-of-type {
    position: relative;
    z-index: 1;
    margin-top: -2.25rem;
    padding-top: 6rem;
    border-radius: 32px 32px 0 0;
    box-shadow: 0 -1px 0 rgba(69, 94, 76, 0.08);
}

body.marketing-page-features .page-stack__intro,
body.marketing-page-integrations .page-stack__intro,
body.marketing-page-operations .page-stack__intro,
body.marketing-page-tracking .page-stack__intro,
body.marketing-page-implementation .page-stack__intro,
body.marketing-page-customization .page-stack__intro,
body.marketing-page-submodules .page-stack__intro,
body.marketing-page-demoJourney .page-stack__intro,
body.marketing-page-demo-journey .page-stack__intro {
    max-width: 62rem;
}

body.marketing-page-operations .page-atlas__hero-stack {
    display: grid;
    grid-template-columns: minmax(0, 1.04fr) minmax(21rem, 0.96fr);
    gap: 1.4rem;
    margin-top: 0;
    padding: 1.5rem;
    border-radius: 22px 22px 0 0;
    background:
        linear-gradient(180deg, rgba(248, 251, 248, 0.98), rgba(238, 244, 239, 0.99));
    border: 1px solid rgba(122, 143, 127, 0.12);
    box-shadow: 0 18px 34px -30px rgba(4, 14, 8, 0.32);
}

body.marketing-page-operations .page-atlas__intro-band {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(18rem, 0.92fr);
    gap: 1.4rem;
    align-items: end;
    padding-top: 0;
    padding-bottom: 1.55rem;
    border-bottom: 1px solid rgba(198, 233, 205, 0.1);
}

body.marketing-page-operations .page-atlas__intro-copy {
    display: grid;
    gap: 0.7rem;
    max-width: 48rem;
}

body.marketing-page-operations .page-atlas__intro-label {
    color: #a8e97d;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body.marketing-page-operations .page-atlas__intro-title {
    margin: 0;
    max-width: 17ch;
    color: #eef6ef;
    font-size: clamp(2rem, 3.4vw, 3rem);
    line-height: 0.96;
    letter-spacing: -0.032em;
    text-wrap: balance;
}

body.marketing-page-operations .page-atlas__intro-text {
    margin: 0;
    max-width: 62ch;
    color: rgba(229, 239, 231, 0.82);
    text-wrap: pretty;
}

body.marketing-page-operations .page-atlas__intro-aside {
    display: grid;
    gap: 0.55rem;
    align-self: stretch;
    padding: 1.1rem 1.15rem;
    border-radius: 18px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.028));
    border: 1px solid rgba(198, 233, 205, 0.12);
}

body.marketing-page-operations .page-atlas__intro-aside span {
    color: #a8e97d;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body.marketing-page-operations .page-atlas__intro-aside strong {
    color: #eef6ef;
    font-size: 1.04rem;
    line-height: 1.3;
}

body.marketing-page-operations .page-atlas__copy--operations h1,
body.marketing-page-operations .page-atlas__copy--operations p,
body.marketing-page-operations .page-atlas__copy--operations .breadcrumbs,
body.marketing-page-operations .page-atlas__copy--operations .breadcrumbs a {
    color: #eef6ef;
}

body.marketing-page-operations .page-atlas__copy--operations .chip {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(198, 233, 205, 0.14);
    color: #dfece2;
}

body.marketing-page-operations .page-atlas__copy--operations .page-hero-tag,
body.marketing-page-operations .page-atlas__process-strip span {
    background: rgba(255, 255, 255, 0.045);
    border-color: rgba(198, 233, 205, 0.12);
    color: rgba(236, 243, 237, 0.84);
}

body.marketing-page-operations .page-atlas__process-strip {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
    margin-top: 1rem;
}

body.marketing-page-operations .page-atlas__process-strip span {
    position: relative;
    min-width: 7rem;
    padding: 0.8rem 0.95rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.045);
    border: 1px solid rgba(198, 233, 205, 0.12);
    color: rgba(236, 243, 237, 0.84);
    font-size: 0.82rem;
    font-weight: 700;
    text-align: center;
}

body.marketing-page-operations .page-atlas__process-strip span:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -0.5rem;
    width: 0.3rem;
    height: 0.3rem;
    border-top: 1px solid rgba(160, 221, 165, 0.55);
    border-right: 1px solid rgba(160, 221, 165, 0.55);
    transform: translateY(-50%) rotate(45deg);
}

body.marketing-page-operations .page-atlas__flow-board {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    align-content: start;
}

body.marketing-page-operations .page-atlas__flow-card {
    min-height: 100%;
    padding: 1.1rem 1rem;
    border-radius: 16px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 250, 247, 0.98));
    border: 1px solid rgba(109, 130, 114, 0.12);
    box-shadow: 0 10px 20px -18px rgba(21, 39, 28, 0.14);
}

body.marketing-page-operations .page-atlas__flow-card span,
body.marketing-page-operations .page-atlas__flow-card strong {
    display: block;
}

body.marketing-page-operations .page-atlas__flow-card span {
    margin-bottom: 0.42rem;
    color: #2f9c49;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

body.marketing-page-operations .page-atlas__flow-card strong {
    color: #203025;
    font-size: 1.08rem;
    margin-bottom: 0.38rem;
}

body.marketing-page-operations .page-atlas__flow-card p {
    color: #5b695f;
}

body.marketing-page-operations .page-atlas__timeline-runway {
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(18rem, 0.88fr);
    gap: 1rem;
    align-items: center;
    margin-top: 0;
    padding: 1rem 1.5rem 0;
    background: rgba(245, 249, 245, 0.98);
    border-left: 1px solid rgba(122, 143, 127, 0.12);
    border-right: 1px solid rgba(122, 143, 127, 0.12);
}

body.marketing-page-operations .page-atlas__timeline-track {
    position: relative;
    height: 4rem;
    border-radius: 999px;
    background: rgba(66, 132, 79, 0.06);
    border: 1px solid rgba(122, 143, 127, 0.12);
}

body.marketing-page-operations .page-atlas__timeline-track::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 8%;
    right: 8%;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(90, 176, 101, 0.18), rgba(90, 176, 101, 0.58), rgba(90, 176, 101, 0.18));
    transform: translateY(-50%);
}

body.marketing-page-operations .page-atlas__timeline-track span {
    position: absolute;
    top: 50%;
    width: 0.9rem;
    height: 0.9rem;
    border-radius: 999px;
    background: #a4ea76;
    box-shadow: 0 0 0 0.35rem rgba(164, 234, 118, 0.08);
    transform: translate(-50%, -50%);
}

body.marketing-page-operations .page-atlas__timeline-track span:nth-child(1) { left: 12%; }
body.marketing-page-operations .page-atlas__timeline-track span:nth-child(2) { left: 38%; }
body.marketing-page-operations .page-atlas__timeline-track span:nth-child(3) { left: 64%; }
body.marketing-page-operations .page-atlas__timeline-track span:nth-child(4) { left: 88%; }

body.marketing-page-operations .page-atlas__timeline-caption {
    padding: 1rem 1.05rem;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(122, 143, 127, 0.12);
}

body.marketing-page-operations .page-atlas__timeline-caption p {
    margin: 0.4rem 0 0;
    color: #59695f;
}

body.marketing-page-operations .page-atlas__timeline-caption .page-atlas__eyebrow,
body.marketing-page-operations .page-atlas__timeline-caption .page-atlas__title {
    color: #243329;
}

body.marketing-page-operations .page-atlas__ops-note {
    padding: 1rem 1.5rem 3rem;
    background: rgba(245, 249, 245, 0.98);
    border: 1px solid rgba(122, 143, 127, 0.12);
    border-top: 0;
    border-radius: 0 0 22px 22px;
}

body.marketing-page-operations .page-atlas__ops-note-card {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid rgba(122, 143, 127, 0.12);
}

body.marketing-page-operations .page-atlas__ops-note-card strong {
    color: #223228;
}

body.marketing-page-operations .page-atlas__ops-note-card span {
    color: #59695f;
}

body.marketing-page-operations .page-atlas__bands--operations {
    grid-template-columns: 1.08fr 1fr 0.92fr;
    margin-top: 0;
    padding: 1rem 1.5rem 0;
    background: rgba(245, 249, 245, 0.98);
    border-left: 1px solid rgba(122, 143, 127, 0.12);
    border-right: 1px solid rgba(122, 143, 127, 0.12);
}

body.marketing-page-operations .page-atlas__bands--operations .page-atlas__band {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 250, 247, 0.98));
    border: 1px solid rgba(109, 130, 114, 0.12);
}

body.marketing-page-operations .page-atlas__bands--operations .page-atlas__band span,
body.marketing-page-operations .page-atlas__bands--operations .page-atlas__band strong {
    color: #203025;
}

body.marketing-page-operations .page-atlas__bands--operations .page-atlas__band p {
    color: #55665b;
}

@media (max-width: 1180px) {
    body.marketing-page-operations .page-atlas__intro-band,
    body.marketing-page-operations .page-atlas__timeline-runway,
    body.marketing-page-operations .page-atlas__hero-stack {
        grid-template-columns: 1fr;
    }

    body.marketing-page-operations .page-atlas__flow-board,
    body.marketing-page-operations .page-atlas__bands--operations {
        grid-template-columns: 1fr;
    }

    body.marketing-page-operations .page-atlas__ops-note-card {
        flex-direction: column;
    }

    body.marketing-page-operations .operation-beat__content {
        margin: -1.6rem 0.8rem 0.8rem;
    }
}

body.marketing-page-tracking .page-atlas__hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 0.96fr) minmax(22rem, 1.04fr);
    gap: 1.4rem;
    align-items: start;
    padding-top: 0;
}

body.marketing-page-tracking .page-atlas__signal-strip {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.6rem;
    margin-top: 1rem;
}

body.marketing-page-tracking .page-atlas__signal-strip span {
    padding: 0.72rem 0.65rem;
    border-radius: 10px;
    background: rgba(8, 20, 14, 0.4);
    border: 1px solid rgba(172, 224, 188, 0.14);
    color: #eaf4ec;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-align: center;
}

body.marketing-page-tracking .page-atlas__watch-board {
    display: grid;
    gap: 1rem;
    padding: 1.2rem;
    border-radius: 16px;
    background:
        linear-gradient(180deg, rgba(7, 21, 15, 0.98), rgba(8, 18, 14, 0.98));
    border: 1px solid rgba(198, 233, 205, 0.12);
    box-shadow:
        inset 0 1px 0 rgba(199, 238, 204, 0.05),
        0 22px 44px -34px rgba(3, 10, 7, 0.86);
}

body.marketing-page-tracking .page-atlas__watch-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.8rem;
}

body.marketing-page-tracking .page-atlas__watch-tile {
    min-height: 8rem;
    padding: 1rem;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(172, 224, 188, 0.12);
}

body.marketing-page-tracking .page-atlas__watch-tile span,
body.marketing-page-tracking .page-atlas__watch-tile strong {
    display: block;
}

body.marketing-page-tracking .page-atlas__watch-tile span {
    margin-bottom: 0.4rem;
    color: #a8e97d;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

body.marketing-page-tracking .page-atlas__watch-tile strong {
    color: #eef7f0;
    line-height: 1.18;
}

body.marketing-page-tracking .page-atlas__band--signal {
    position: relative;
    overflow: hidden;
}

body.marketing-page-tracking .page-atlas__band--signal::before {
    content: "";
    position: absolute;
    top: 0.9rem;
    left: 1rem;
    right: 1rem;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(66, 196, 97, 0.86), rgba(179, 255, 67, 0.16));
}

body.marketing-page-tracking .page-atlas__signal-ledger {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1rem;
    margin-top: 1.2rem;
    padding-bottom: 3rem;
}

body.marketing-page-tracking .page-atlas__band--signal:nth-child(2) {
    transform: translateY(0.35rem);
}

body.marketing-page-integrations .page-atlas__rail-strip {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin-top: 1rem;
}

body.marketing-page-integrations .page-atlas__rail-strip span {
    padding: 0.6rem 0.8rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.045);
    border: 1px solid rgba(198, 233, 205, 0.12);
    color: rgba(229, 237, 230, 0.82);
    font-size: 0.8rem;
}

body.marketing-page-implementation .page-atlas__hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 0.96fr) minmax(22rem, 1.04fr);
    gap: 1.4rem;
    align-items: start;
    padding-top: 0;
}

body.marketing-page-implementation .page-atlas__rollout-board {
    display: grid;
    gap: 1rem;
    padding: 1.2rem;
    border-radius: 16px;
    background:
        linear-gradient(180deg, rgba(14, 30, 21, 0.94), rgba(9, 22, 16, 0.98));
    border: 1px solid rgba(198, 233, 205, 0.12);
}

body.marketing-page-implementation .page-atlas__rollout-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.8rem;
}

body.marketing-page-implementation .page-atlas__rollout-tile {
    min-height: 8rem;
    padding: 1rem;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.045);
    border: 1px solid rgba(198, 233, 205, 0.1);
}

body.marketing-page-implementation .page-atlas__rollout-tile span,
body.marketing-page-implementation .page-atlas__rollout-tile strong {
    display: block;
}

body.marketing-page-implementation .page-atlas__rollout-tile span {
    margin-bottom: 0.4rem;
    color: #a8e97d;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

body.marketing-page-implementation .page-atlas__rollout-tile strong {
    color: #eef7f0;
    line-height: 1.18;
}

body.marketing-page-implementation .page-atlas__rollout-strip {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.6rem;
    margin-top: 1rem;
}

body.marketing-page-implementation .page-atlas__rollout-strip span {
    padding: 0.78rem 0.75rem;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.045);
    border: 1px solid rgba(198, 233, 205, 0.12);
    color: #eef6ef;
    font-size: 0.74rem;
    font-weight: 800;
    text-align: center;
}

body.marketing-page-implementation .page-atlas__enablement-ledger {
    display: grid;
    grid-template-columns: 0.92fr 1.08fr 1fr;
    gap: 1rem;
    margin-top: 1.2rem;
    padding-bottom: 3rem;
}

body.marketing-page-customization .page-atlas__panel {
    background:
        radial-gradient(circle at 84% 20%, rgba(84, 192, 99, 0.12), transparent 14rem),
        linear-gradient(180deg, rgba(13, 30, 20, 0.95), rgba(11, 24, 17, 0.98));
}

body.marketing-page-customization .page-atlas__matrix-strip {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.6rem;
    margin-top: 1rem;
}

body.marketing-page-customization .page-atlas__matrix-strip span {
    padding: 0.74rem 0.6rem;
    border-radius: 10px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.03));
    border: 1px solid rgba(198, 233, 205, 0.12);
    color: #eef6ef;
    font-size: 0.76rem;
    font-weight: 700;
    text-align: center;
}

body.marketing-page-customization .page-atlas__list-item {
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.065), rgba(255, 255, 255, 0.03));
}

body.marketing-page-customization .page-atlas__bands {
    grid-template-columns: 1fr 0.92fr 1.08fr;
}

body.marketing-page-submodules .page-atlas__bands {
    grid-template-columns: 0.95fr 1.05fr;
}

body.marketing-page-submodules .page-atlas__ownership-strip {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-top: 1rem;
}

body.marketing-page-submodules .page-atlas__ownership-strip span {
    padding: 0.62rem 0.86rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.045);
    border: 1px solid rgba(198, 233, 205, 0.12);
    color: rgba(233, 241, 234, 0.84);
    font-size: 0.8rem;
}

body.marketing-page-submodules .page-atlas__band:last-child {
    grid-column: 1 / -1;
}

body.marketing-page-submodules .page-atlas__panel {
    background:
        linear-gradient(180deg, rgba(12, 28, 19, 0.95), rgba(9, 23, 16, 0.98));
}

body.marketing-page-submodules .page-atlas__list-item:nth-child(2) {
    transform: translateX(1rem);
}

body.marketing-page-demoJourney .page-atlas__panel,
body.marketing-page-demo-journey .page-atlas__panel {
    background:
        linear-gradient(180deg, rgba(12, 28, 19, 0.95), rgba(10, 22, 16, 0.98));
}

body.marketing-page-demoJourney .page-atlas__journey-strip,
body.marketing-page-demo-journey .page-atlas__journey-strip {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.8rem;
    margin-top: 1rem;
}

body.marketing-page-demoJourney .page-atlas__journey-strip span,
body.marketing-page-demo-journey .page-atlas__journey-strip span {
    position: relative;
    padding: 0.8rem 0.8rem 0.8rem 1.8rem;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.045);
    border: 1px solid rgba(198, 233, 205, 0.12);
    color: #edf6ee;
    font-size: 0.8rem;
    font-weight: 700;
}

body.marketing-page-demoJourney .page-atlas__journey-strip span::before,
body.marketing-page-demo-journey .page-atlas__journey-strip span::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0.85rem;
    width: 0.42rem;
    height: 0.42rem;
    border-radius: 999px;
    background: #a4ea76;
    transform: translateY(-50%);
}

body.marketing-page-demoJourney .page-atlas__bands,
body.marketing-page-demo-journey .page-atlas__bands {
    position: relative;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.marketing-page-demoJourney .page-atlas__bands::before,
body.marketing-page-demo-journey .page-atlas__bands::before {
    content: "";
    position: absolute;
    top: 2.25rem;
    left: 12%;
    right: 12%;
    height: 1px;
    background: linear-gradient(90deg, rgba(154, 227, 111, 0), rgba(154, 227, 111, 0.34), rgba(154, 227, 111, 0));
}

body.marketing-page-demoJourney .page-atlas__band,
body.marketing-page-demo-journey .page-atlas__band {
    position: relative;
}

body.marketing-page-demoJourney .page-atlas__band::before,
body.marketing-page-demo-journey .page-atlas__band::before {
    content: "";
    position: absolute;
    top: 1.8rem;
    left: 1rem;
    width: 0.85rem;
    height: 0.85rem;
    border-radius: 999px;
    background: #a4ea76;
    box-shadow: 0 0 0 0.35rem rgba(164, 234, 118, 0.08);
}

body.marketing-page-demoJourney .page-atlas__list,
body.marketing-page-demo-journey .page-atlas__list {
    counter-reset: journey-step;
}

body.marketing-page-demoJourney .page-atlas__list-item,
body.marketing-page-demo-journey .page-atlas__list-item {
    position: relative;
    padding-left: 3rem;
}

body.marketing-page-demoJourney .page-atlas__list-item::before,
body.marketing-page-demo-journey .page-atlas__list-item::before {
    counter-increment: journey-step;
    content: counter(journey-step);
    position: absolute;
    top: 0.8rem;
    left: 0.85rem;
    width: 1.4rem;
    height: 1.4rem;
    border-radius: 999px;
    display: grid;
    place-items: center;
    background: rgba(164, 234, 118, 0.14);
    color: #cbf6b0;
    font-size: 0.74rem;
    font-weight: 800;
}

body.marketing-page-features .page-stack.section-soft {
    background:
        linear-gradient(180deg, #eef5ef 0%, #f7faf7 100%);
}

body.marketing-page-features .page-proof-card {
    display: grid;
    align-content: center;
    gap: 1rem;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 249, 245, 0.96));
}

body.marketing-page-features .page-proof-card .band {
    background: linear-gradient(180deg, rgba(74, 175, 92, 0.08), rgba(74, 175, 92, 0.03));
}

body.marketing-page-features .catalog-stage__shell {
    background:
        linear-gradient(180deg, rgba(247, 251, 247, 0.98), rgba(239, 246, 240, 0.98));
}

body.marketing-page-operations .page-stack:first-of-type {
    background:
        linear-gradient(180deg, #f8fbf8 0%, #f2f7f2 100%);
}

body.marketing-page-operations .flow-step {
    border-left: 0;
    border-top: 3px solid rgba(71, 175, 96, 0.22);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(245, 250, 246, 0.96));
}

body.marketing-page-operations .flow-step__cue {
    display: inline-flex;
    align-self: start;
    padding: 0.38rem 0.58rem;
    border-radius: 999px;
    background: rgba(74, 175, 92, 0.08);
}

body.marketing-page-operations .operation-beat {
    border-radius: 18px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(246, 250, 247, 0.98));
    border: 1px solid rgba(109, 130, 114, 0.12);
    box-shadow: 0 12px 24px -20px rgba(21, 39, 28, 0.14);
}

body.marketing-page-operations .operation-beat h3,
body.marketing-page-operations .operation-beat p,
body.marketing-page-operations .operation-beat .signal-card__eyebrow,
body.marketing-page-operations .operation-beat__index,
body.marketing-page-operations .operation-beat__foot strong {
    color: #223228;
}

body.marketing-page-operations .operation-beat p {
    color: #5b695f;
}

body.marketing-page-operations .operation-beat__signal {
    background: rgba(44, 179, 74, 0.08);
    color: #2f9c49;
}

body.marketing-page-operations .operation-beat__content {
    background: rgba(255, 255, 255, 0.88);
    border: 1px solid rgba(109, 130, 114, 0.1);
    box-shadow: 0 14px 30px -24px rgba(21, 39, 28, 0.16);
}

body.marketing-page-operations .operation-beat__arrow {
    background: rgba(44, 179, 74, 0.08);
    color: #2f9c49;
}

body.marketing-page-operations .operation-beat__pulse span {
    background: linear-gradient(90deg, rgba(44, 179, 74, 0.78), rgba(44, 179, 74, 0.18));
}

body.marketing-page-operations .operation-beat__foot {
    padding-top: 0.85rem;
    border-top: 1px solid rgba(109, 130, 114, 0.1);
}

body.marketing-page-operations .operation-beat--mint .operation-beat__media {
    background:
        radial-gradient(circle at 20% 78%, rgba(111, 189, 129, 0.14), transparent 5rem),
        linear-gradient(180deg, #143526 0%, #0f281d 100%);
}

body.marketing-page-operations .operation-beat--emerald .operation-beat__media {
    background:
        radial-gradient(circle at 78% 70%, rgba(111, 189, 129, 0.13), transparent 5rem),
        linear-gradient(180deg, #123624 0%, #0f291c 100%);
}

body.marketing-page-operations .operation-beat--lime .operation-beat__media {
    background:
        radial-gradient(circle at 24% 74%, rgba(151, 176, 156, 0.14), transparent 5rem),
        linear-gradient(180deg, #173528 0%, #10251c 100%);
}

body.marketing-page-operations .operation-beat--sage .operation-beat__media {
    background:
        radial-gradient(circle at 74% 76%, rgba(148, 170, 153, 0.14), transparent 5rem),
        linear-gradient(180deg, #153126 0%, #10241c 100%);
}

body.marketing-page-operations .operation-beat--mint .operation-beat__badge,
body.marketing-page-operations .operation-beat--emerald .operation-beat__badge,
body.marketing-page-operations .operation-beat--lime .operation-beat__badge,
body.marketing-page-operations .operation-beat--sage .operation-beat__badge {
    color: #173122;
}

body.marketing-page-operations .operation-beat--mint .operation-beat__badge {
    background: #a8f0bd;
}

body.marketing-page-operations .operation-beat--emerald .operation-beat__badge {
    background: #8de8c6;
}

body.marketing-page-operations .operation-beat--lime .operation-beat__badge {
    background: #d6f29c;
}

body.marketing-page-operations .operation-beat--sage .operation-beat__badge {
    background: #bddfbe;
}

body.marketing-page-operations .operation-beat__route span {
    background: linear-gradient(90deg, rgba(44, 179, 74, 0.82), rgba(44, 179, 74, 0.16));
}

body.marketing-page-operations .operation-beat__orb {
    background: radial-gradient(circle at 50% 50%, rgba(74, 175, 92, 0.28), rgba(74, 175, 92, 0.02) 70%);
}

body.marketing-page-operations .operation-beat__visual-label {
    background: rgba(255, 255, 255, 0.9);
    color: #23412d;
}

body.marketing-page-tracking .page-stack.section-soft {
    background:
        linear-gradient(180deg, #eef5f0 0%, #f7faf8 100%);
}

body.marketing-page-tracking .viz-grid.viz-2 > * {
    border-radius: 14px;
    overflow: hidden;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(245, 250, 246, 0.96));
    border: 1px solid rgba(69, 94, 76, 0.1);
    box-shadow: 0 14px 28px -24px rgba(21, 39, 28, 0.16);
}

body.marketing-page-tracking .signal-card--dashboard {
    background:
        linear-gradient(180deg, rgba(12, 29, 20, 0.98), rgba(9, 22, 16, 0.98));
}

body.marketing-page-tracking .signal-card__band {
    background: rgba(255, 255, 255, 0.04);
}

body.marketing-page-integrations .page-stack.section-soft {
    background:
        linear-gradient(180deg, #edf4ee 0%, #f8fbf8 100%);
}

body.marketing-page-integrations .detail-grid > article {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 249, 245, 0.98));
}

body.marketing-page-integrations .stack-item {
    padding: 0.78rem 0.88rem;
    border-radius: 12px;
    background: rgba(74, 175, 92, 0.04);
    border: 1px solid rgba(74, 175, 92, 0.08);
}

body.marketing-page-implementation .page-stack.section-soft {
    background:
        linear-gradient(180deg, #eef5ef 0%, #f7faf7 100%);
}

body.marketing-page-implementation .grid-3 > article.story-card {
    position: relative;
    padding-top: 3.2rem;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(245, 249, 246, 0.96));
}

body.marketing-page-implementation .grid-3 > article.story-card::before {
    content: "";
    position: absolute;
    top: 1rem;
    left: 1rem;
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    background: rgba(74, 175, 92, 0.08);
    box-shadow: inset 0 0 0 1px rgba(74, 175, 92, 0.12);
}

body.marketing-page-implementation .scope-grid .scope-card {
    text-align: center;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(241, 247, 242, 0.98));
}

body.marketing-page-implementation .stack {
    display: grid;
    gap: 0.9rem;
}

body.marketing-page-implementation .stack-item {
    padding: 0.95rem 1rem;
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(74, 175, 92, 0.12);
    border-radius: 12px;
}

body.marketing-page-customization .page-stack.section-soft {
    background:
        linear-gradient(180deg, #eff5ef 0%, #f8fbf8 100%);
}

body.marketing-page-customization .viz-grid.viz-2 > * {
    border-radius: 14px;
    overflow: hidden;
}

body.marketing-page-customization .scope-card {
    min-height: 100%;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(245, 249, 246, 0.97));
}

body.marketing-page-customization .scope-card--extension {
    border-style: dashed;
    border-color: rgba(74, 175, 92, 0.16);
    background:
        linear-gradient(180deg, rgba(248, 251, 248, 0.98), rgba(242, 247, 243, 0.96));
}

body.marketing-page-submodules .page-stack.section-soft {
    background:
        linear-gradient(180deg, #eff5ef 0%, #f7faf7 100%);
}

body.marketing-page-submodules .submodule-card {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(243, 248, 244, 0.98));
}

body.marketing-page-submodules .submodule-card h3 {
    padding-bottom: 0.75rem;
    border-bottom: 1px solid rgba(69, 94, 76, 0.08);
}

body.marketing-page-demoJourney .story-card,
body.marketing-page-demo-journey .story-card {
    position: relative;
    overflow: hidden;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(245, 249, 246, 0.96));
}

body.marketing-page-demoJourney .story-card::after,
body.marketing-page-demo-journey .story-card::after {
    content: "";
    position: absolute;
    inset: auto 1rem 1rem;
    height: 1px;
    background: linear-gradient(90deg, rgba(74, 175, 92, 0.26), rgba(74, 175, 92, 0));
}

body.marketing-page-demoJourney .viz-grid.viz-2,
body.marketing-page-demo-journey .viz-grid.viz-2 {
    align-items: stretch;
}

body.marketing-page-demoJourney .page-proof-card,
body.marketing-page-demo-journey .page-proof-card {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(243, 249, 244, 0.96));
}

@media (max-width: 1180px) {
    body.marketing-page-home .hero-scope-atlas::after {
        top: 2rem;
        right: 1rem;
        width: min(15rem, 44vw);
        height: min(10rem, 28vw);
        opacity: 0.56;
    }

    body.marketing-page-home .atlas-board__mesh::after {
        top: 8%;
        right: 5%;
        width: 8rem;
        height: 8rem;
        opacity: 0.44;
    }

    body.marketing-redesign:not(.marketing-page-home) .page-atlas::after {
        top: 1.15rem;
        right: 1rem;
        width: min(18rem, 46vw);
        height: min(11rem, 30vw);
        opacity: 0.58;
    }

    body.marketing-redesign .page-stack.section-soft::before {
        top: 1rem;
        right: 1rem;
        width: min(11rem, 34vw);
        height: 5rem;
        opacity: 0.16;
    }

    body.marketing-page-features .module-grid--atlas,
    body.marketing-page-operations .flow-steps--operations,
    body.marketing-page-tracking .grid-3,
    body.marketing-page-implementation .grid-3,
    body.marketing-page-submodules .detail-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.marketing-page-features .module-grid--atlas > article,
    body.marketing-page-operations .flow-steps--operations > *,
    body.marketing-page-tracking .grid-3 > article,
    body.marketing-page-implementation .grid-3 > article,
    body.marketing-page-submodules .detail-grid > article {
        grid-column: auto;
        transform: none;
    }

    body.marketing-page-operations .operation-beats-grid,
    body.marketing-page-integrations .detail-grid,
    body.marketing-page-customization .grid-3:last-of-type,
    body.marketing-page-tracking .page-atlas__signal-ledger,
    body.marketing-page-operations .page-atlas__bands--operations,
    body.marketing-page-operations .page-atlas__flow-board,
    body.marketing-page-operations .page-atlas__timeline-runway,
    body.marketing-page-customization .page-atlas__bands,
    body.marketing-page-implementation .page-atlas__enablement-ledger,
    body.marketing-page-demo-journey .grid-3:first-of-type {
        grid-template-columns: 1fr;
    }

    body.marketing-page-submodules .page-atlas__bands,
    body.marketing-page-demoJourney .page-atlas__bands,
    body.marketing-page-demo-journey .page-atlas__bands {
        grid-template-columns: 1fr;
    }

    body.marketing-page-features .page-atlas__canopy,
    body.marketing-page-operations .page-atlas__canopy,
    body.marketing-page-tracking .page-atlas__hero-grid,
    body.marketing-page-implementation .page-atlas__hero-grid,
    body.marketing-page-integrations .page-atlas__canopy,
    body.marketing-page-tracking .page-atlas__canopy,
    body.marketing-page-implementation .page-atlas__canopy,
    body.marketing-page-customization .page-atlas__canopy,
    body.marketing-page-submodules .page-atlas__canopy,
    body.marketing-page-demoJourney .page-atlas__canopy,
    body.marketing-page-demo-journey .page-atlas__canopy,
    body.marketing-page-features .page-atlas__handoff,
    body.marketing-page-integrations .page-atlas__handoff,
    body.marketing-page-tracking .page-atlas__handoff,
    body.marketing-page-implementation .page-atlas__handoff,
    body.marketing-page-customization .page-atlas__handoff,
    body.marketing-page-submodules .page-atlas__handoff,
    body.marketing-page-demoJourney .page-atlas__handoff,
    body.marketing-page-demo-journey .page-atlas__handoff,
    body.marketing-page-operations .page-atlas__visual-timeline,
    body.marketing-page-tracking .page-atlas__visual-monitor,
    body.marketing-page-implementation .page-atlas__visual-timeline,
    body.marketing-page-customization .page-atlas__visual-monitor,
    body.marketing-page-submodules .page-atlas__visual-monitor,
    body.marketing-page-demoJourney .page-atlas__visual-monitor,
    body.marketing-page-demo-journey .page-atlas__visual-monitor {
        grid-template-columns: 1fr;
    }

    body.marketing-page-operations .page-atlas__ops-note-card {
        display: grid;
    }

    body.marketing-page-features .page-atlas__metric-ribbon,
    body.marketing-page-tracking .page-atlas__signal-strip,
    body.marketing-page-implementation .page-atlas__rollout-strip,
    body.marketing-page-customization .page-atlas__matrix-strip,
    body.marketing-page-demoJourney .page-atlas__journey-strip,
    body.marketing-page-demo-journey .page-atlas__journey-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.marketing-page-integrations .hub {
        grid-template-columns: 1fr;
        grid-template-areas:
            "core"
            "payments"
            "banking"
            "compliance"
            "communications"
            "exports"
            "api";
    }

    body.marketing-page-customization .grid-3:first-of-type > article:nth-child(2),
    body.marketing-page-submodules .page-atlas__list-item:nth-child(2),
    body.marketing-page-demoJourney .grid-3:first-of-type > article:nth-child(2),
    body.marketing-page-demo-journey .grid-3:first-of-type > article:nth-child(2) {
        transform: none;
    }

    body.marketing-page-tracking .page-atlas__watch-grid,
    body.marketing-page-implementation .page-atlas__rollout-grid {
        grid-template-columns: 1fr;
    }

    body.marketing-redesign .page-atlas__preface {
        padding-top: 0;
    }

    body.marketing-page-features .page-atlas__preface,
    body.marketing-page-tracking .page-atlas__preface,
    body.marketing-page-integrations .page-atlas__preface,
    body.marketing-page-implementation .page-atlas__preface,
    body.marketing-page-customization .page-atlas__preface,
    body.marketing-page-demoJourney .page-atlas__preface,
    body.marketing-page-demo-journey .page-atlas__preface {
        grid-template-columns: 1fr;
    }

    body.marketing-page-features .page-atlas__visual-orbit,
    body.marketing-page-integrations .page-atlas__visual-network {
        min-height: 15rem;
    }

    body.marketing-page-demoJourney .page-atlas__bands::before,
    body.marketing-page-demo-journey .page-atlas__bands::before {
        display: none;
    }
}

@keyframes atlasCarrierFlowX {
    0% {
        left: 4%;
        opacity: 0;
    }

    12% {
        opacity: 1;
    }

    88% {
        opacity: 1;
    }

    100% {
        left: 96%;
        opacity: 0;
    }
}

@keyframes atlasCarrierFlowY {
    0% {
        top: 4%;
        opacity: 0;
    }

    12% {
        opacity: 1;
    }

    88% {
        opacity: 1;
    }

    100% {
        top: 96%;
        opacity: 0;
    }
}

@media (min-width: 981px) {
    body.marketing-page-home .atlas-board {
        display: block;
        min-height: 31rem;
        padding: 1.35rem;
    }

    body.marketing-page-home .atlas-node {
        position: absolute;
        width: 14.5rem;
        min-height: 0;
    }

    body.marketing-page-home .atlas-node--dispatch {
        top: 1.25rem;
        left: 1.25rem;
    }

    body.marketing-page-home .atlas-node--warehouse {
        top: 1.25rem;
        right: 1.25rem;
    }

    body.marketing-page-home .atlas-node--fleet {
        top: 12rem;
        left: 2.4rem;
    }

    body.marketing-page-home .atlas-node--finance {
        top: 12rem;
        right: 2.4rem;
    }

    body.marketing-page-home .atlas-node--governance {
        left: 50%;
        bottom: 1.25rem;
        width: 17.5rem;
        transform: translateX(-50%);
    }

    body.marketing-page-home .atlas-board__route--one {
        top: 6.1rem;
        left: 15.9rem;
        width: calc(50% - 15.9rem);
        height: 1px;
        transform: rotate(-14deg);
        transform-origin: left center;
        box-shadow: 0 0 24px rgba(88, 197, 97, 0.12);
    }

    body.marketing-page-home .atlas-board__route--two {
        top: 6.1rem;
        right: 15.9rem;
        left: auto;
        width: calc(50% - 15.9rem);
        height: 1px;
        transform: rotate(14deg);
        transform-origin: right center;
        box-shadow: 0 0 24px rgba(88, 197, 97, 0.12);
    }

    body.marketing-page-home .atlas-board__route--three {
        top: 7.2rem;
        bottom: 6.8rem;
        left: 50%;
        width: 1px;
        height: auto;
        transform: none;
        box-shadow: 0 0 24px rgba(88, 197, 97, 0.14);
    }

    body.marketing-page-home .atlas-board__route--one::after,
    body.marketing-page-home .atlas-board__route--two::after {
        left: 4%;
        animation: atlasCarrierFlowX 4.4s linear infinite;
    }

    body.marketing-page-home .atlas-board__route--two::after {
        animation-delay: 1.3s;
    }

    body.marketing-page-home .atlas-board__route--three::after {
        left: 50%;
        top: 4%;
        animation: atlasCarrierFlowY 4.9s linear infinite 0.5s;
    }

    body.marketing-page-home .atlas-node--dispatch::after,
    body.marketing-page-home .atlas-node--warehouse::after,
    body.marketing-page-home .atlas-node--fleet::after,
    body.marketing-page-home .atlas-node--finance::after {
        display: none;
    }

    body.marketing-page-home .atlas-node--fleet::before,
    body.marketing-page-home .atlas-node--finance::before {
        content: "";
        position: absolute;
        top: 50%;
        width: 6.2rem;
        height: 1px;
        background: linear-gradient(90deg, rgba(193, 236, 116, 0), rgba(193, 236, 116, 0.46));
        box-shadow: 0 0 14px rgba(119, 214, 111, 0.08);
    }

    body.marketing-page-home .atlas-node--fleet::before {
        right: -6.2rem;
    }

    body.marketing-page-home .atlas-node--finance::before {
        left: -6.2rem;
        transform: scaleX(-1);
    }

    body.marketing-page-home .atlas-node--governance::before {
        top: -3.2rem;
        height: 3.2rem;
        background: linear-gradient(180deg, rgba(193, 236, 116, 0.46), rgba(193, 236, 116, 0));
    }

    body.marketing-page-home .atlas-board__pulse--one {
        top: 6.05rem;
        left: calc(50% - 0.36rem);
    }

    body.marketing-page-home .atlas-board__pulse--two {
        top: 16.2rem;
        left: calc(50% - 0.36rem);
    }

    body.marketing-page-home .atlas-board__pulse--three {
        top: 22.7rem;
        left: calc(50% - 0.36rem);
    }
}