/* Mission Control V2 effects. Every rule is public-marketing scoped. */
html[data-marketing-slug] {
  --mc-v2-cyan: #32c8d6;
  --mc-v2-blue: #2f6bff;
  --mc-v2-green: #73c167;
  --mc-v2-orange: #f28c28;
}

html[data-marketing-slug] .mc-hero,
html[data-marketing-slug] .mc-page-hero,
html[data-marketing-slug] .mkt-hero {
  --mc-fx-x: 68%;
  --mc-fx-y: 34%;
  isolation: isolate;
  background-color: #102c27;
  background-image:
    radial-gradient(circle at var(--mc-fx-x) var(--mc-fx-y), rgba(50, 200, 214, .24), transparent 25rem),
    radial-gradient(circle at 16% 80%, rgba(47, 107, 255, .18), transparent 31rem),
    linear-gradient(128deg, #0b2621 0%, #102f2a 52%, #10243b 100%);
}

html[data-marketing-slug] .mc-hero > :not(.mc-fx-scene),
html[data-marketing-slug] .mc-page-hero > :not(.mc-fx-scene),
html[data-marketing-slug] .mkt-hero > :not(.mc-fx-scene) {
  position: relative;
  z-index: 2;
}

html[data-marketing-slug] .mc-fx-scene {
  position: absolute;
  z-index: 0;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  opacity: .9;
}

html[data-marketing-slug] .mc-fx-grid {
  position: absolute;
  inset: -20%;
  background-image:
    linear-gradient(rgba(134, 224, 226, .08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(134, 224, 226, .08) 1px, transparent 1px);
  background-size: 52px 52px;
  transform: perspective(700px) rotateX(62deg) translateY(13%);
  transform-origin: center bottom;
  -webkit-mask-image: linear-gradient(to bottom, transparent 4%, #000 40%, transparent 94%);
  mask-image: linear-gradient(to bottom, transparent 4%, #000 40%, transparent 94%);
}

html[data-marketing-slug] .mc-fx-orbits {
  position: absolute;
  width: min(56vw, 700px);
  aspect-ratio: 1;
  right: -9%;
  top: 50%;
  transform: translateY(-50%);
}

html[data-marketing-slug] .mc-fx-ring {
  position: absolute;
  inset: calc(var(--mc-ring, 0) * 11%);
  border: 1px solid rgba(114, 223, 227, .2);
  border-radius: 50%;
  box-shadow: inset 0 0 50px rgba(47, 107, 255, .035);
}
html[data-marketing-slug].mc-fx-ready .mc-fx-ring { animation: mc-fx-orbit 28s linear infinite; }
html[data-marketing-slug] .mc-fx-ring-1 { --mc-ring: 0; border-style: dashed; }
html[data-marketing-slug] .mc-fx-ring-2 { --mc-ring: 1; }
html[data-marketing-slug].mc-fx-ready .mc-fx-ring-2 { animation-direction: reverse; animation-duration: 36s; }
html[data-marketing-slug] .mc-fx-ring-3 { --mc-ring: 2; border-color: rgba(115, 193, 103, .22); }
html[data-marketing-slug].mc-fx-ready .mc-fx-ring-3 { animation-duration: 22s; }

html[data-marketing-slug] .mc-fx-particle {
  --mc-angle: calc(var(--mc-particle) * 25.714deg);
  position: absolute;
  left: 50%;
  top: 50%;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--mc-v2-cyan);
  box-shadow: 0 0 12px rgba(50, 200, 214, .8);
  transform: rotate(var(--mc-angle)) translateX(calc(90px + var(--mc-particle) * 11px));
}
html[data-marketing-slug].mc-fx-ready .mc-fx-particle { animation: mc-fx-pulse 3.8s ease-in-out infinite alternate; animation-delay: calc(var(--mc-particle) * -170ms); }
html[data-marketing-slug] .mc-fx-particle:nth-of-type(3n) { background: var(--mc-v2-blue); }
html[data-marketing-slug] .mc-fx-particle:nth-of-type(4n) { background: var(--mc-v2-green); }

/* V2.3 — original, route-specific mathematical phase portraits. The SVGs are
   mounted only after FX initialises, remain aria-hidden, and depict no live data. */
html[data-marketing-slug] .mc-fx-math {
  position: absolute;
  inset: 2% -2% 0 38%;
  opacity: .58;
  filter: drop-shadow(0 0 16px rgba(50, 200, 214, .12));
  transform: translate3d(var(--mc-motion-x, 0), var(--mc-motion-y, 0), 0);
  transition: transform .35s ease-out;
}
html[data-marketing-slug] .mc-fx-math svg { width: 100%; height: 100%; overflow: visible; }
html[data-marketing-slug] .mc-fx-math path,
html[data-marketing-slug] .mc-fx-math line,
html[data-marketing-slug] .mc-fx-math rect,
html[data-marketing-slug] .mc-fx-math circle,
html[data-marketing-slug] .mc-fx-math polygon {
  fill: none;
  stroke: rgba(91, 218, 224, .72);
  stroke-width: 2;
  vector-effect: non-scaling-stroke;
  transform-box: fill-box;
  transform-origin: center;
}

/* Platform: five phase-shifted harmonic ribbons express coordinated disciplines. */
html[data-marketing-slug="platform"] .mc-fx-ribbon { stroke-dasharray: 11 9; }
html[data-marketing-slug="platform"].mc-fx-ready .mc-fx-ribbon { animation: mc-v23-platform-wave 8s ease-in-out infinite alternate, mc-v23-platform-phase 15s linear infinite; animation-delay: calc(var(--mc-phase, 0) * -1s); }
html[data-marketing-slug="platform"] .mc-fx-ribbon-0 { --mc-phase: 0; stroke: #32c8d6; }
html[data-marketing-slug="platform"] .mc-fx-ribbon-1 { --mc-phase: 1; stroke: #2f6bff; }
html[data-marketing-slug="platform"] .mc-fx-ribbon-2 { --mc-phase: 2; stroke: #73c167; }
html[data-marketing-slug="platform"] .mc-fx-ribbon-3 { --mc-phase: 3; stroke: #32c8d6; }
html[data-marketing-slug="platform"] .mc-fx-ribbon-4 { --mc-phase: 4; stroke: #2f6bff; }

/* Architecture: routed Bezier lanes carry discrete packets through one gate. */
html[data-marketing-slug="architecture"] .mc-fx-route { stroke-dasharray: 8 12; }
html[data-marketing-slug="architecture"] .mc-fx-gate { stroke: #73c167; stroke-dasharray: 14 7; }
html[data-marketing-slug="architecture"] .mc-fx-packet { fill: #d7ffff; stroke: #32c8d6; offset-rotate: 0deg; }
html[data-marketing-slug="architecture"].mc-fx-ready .mc-fx-route { animation: mc-v23-architecture-route 10s linear infinite; }
html[data-marketing-slug="architecture"].mc-fx-ready .mc-fx-gate { animation: mc-v23-architecture-gate 6s ease-in-out infinite; }
html[data-marketing-slug="architecture"].mc-fx-ready .mc-fx-packet { animation: mc-v23-architecture-packet 7s ease-in-out infinite; animation-delay: calc(var(--mc-packet-delay, 0) * -1.1s); }
html[data-marketing-slug="architecture"] .mc-fx-packet-1 { --mc-packet-delay: 1; } html[data-marketing-slug="architecture"] .mc-fx-packet-2 { --mc-packet-delay: 2; } html[data-marketing-slug="architecture"] .mc-fx-packet-3 { --mc-packet-delay: 3; }

/* Partners: a branching topology breathes from platform hub to service edges. */
html[data-marketing-slug="partners"] .mc-fx-topology-lines { stroke-dasharray: 4 13; }
html[data-marketing-slug="partners"] .mc-fx-topology-node { fill: rgba(47, 107, 255, .16); }
html[data-marketing-slug="partners"] .mc-fx-node-1 { stroke: #73c167; stroke-width: 4; }
html[data-marketing-slug="partners"].mc-fx-ready .mc-fx-topology-lines { animation: mc-v23-partners-branch 13s linear infinite; }
html[data-marketing-slug="partners"].mc-fx-ready .mc-fx-topology-node { animation: mc-v23-partners-node 5s ease-in-out infinite alternate; animation-delay: calc(var(--mc-node-delay, 0) * -.65s); }
html[data-marketing-slug="partners"] .mc-fx-node-1 { --mc-node-delay: 1; } html[data-marketing-slug="partners"] .mc-fx-node-2 { --mc-node-delay: 2; } html[data-marketing-slug="partners"] .mc-fx-node-3 { --mc-node-delay: 3; } html[data-marketing-slug="partners"] .mc-fx-node-4 { --mc-node-delay: 4; }

/* Resources: a tessellated knowledge field activates in diagonal evaluation bands. */
html[data-marketing-slug="resources"] .mc-fx-knowledge-cell { fill: rgba(50, 200, 214, .035); }
html[data-marketing-slug="resources"] .mc-fx-cell-1 { stroke: #2f6bff; } html[data-marketing-slug="resources"] .mc-fx-cell-2 { stroke: #73c167; }
html[data-marketing-slug="resources"].mc-fx-ready .mc-fx-knowledge-cell { animation: mc-v23-resources-tessellate 7.5s ease-in-out infinite alternate; animation-delay: calc(var(--mc-cell-delay, 0) * -1.2s); }
html[data-marketing-slug="resources"] .mc-fx-cell-1 { --mc-cell-delay: 1; } html[data-marketing-slug="resources"] .mc-fx-cell-2 { --mc-cell-delay: 2; } html[data-marketing-slug="resources"] .mc-fx-cell-3 { --mc-cell-delay: 3; }

/* Agents: separate discovery and inference waves cross as a communication helix. */
html[data-marketing-slug="agents"] .mc-fx-helix { stroke-width: 3; stroke-dasharray: 10 8; }
html[data-marketing-slug="agents"] .mc-fx-helix-inference { stroke: #73c167; }
html[data-marketing-slug="agents"] .mc-fx-helix-rung { stroke: rgba(47, 107, 255, .34); }
html[data-marketing-slug="agents"].mc-fx-ready .mc-fx-helix-discovery { animation: mc-v23-agents-discovery 11s linear infinite; }
html[data-marketing-slug="agents"].mc-fx-ready .mc-fx-helix-inference { animation: mc-v23-agents-inference 11s linear infinite reverse; }
html[data-marketing-slug="agents"].mc-fx-ready .mc-fx-helix-rung { animation: mc-v23-agents-rungs 6s ease-in-out infinite alternate; }

/* Developers: unequal token lines advance beneath a bounded code scanner. */
html[data-marketing-slug="developers"] .mc-fx-token-line { stroke-width: 7; stroke-linecap: round; stroke-dasharray: 14 11; }
html[data-marketing-slug="developers"] .mc-fx-token-1 { stroke: #2f6bff; } html[data-marketing-slug="developers"] .mc-fx-token-2 { stroke: #73c167; }
html[data-marketing-slug="developers"] .mc-fx-code-scan { fill: rgba(50, 200, 214, .13); stroke: none; }
html[data-marketing-slug="developers"].mc-fx-ready .mc-fx-token-line { animation: mc-v23-developers-tokens 9s linear infinite; }
html[data-marketing-slug="developers"].mc-fx-ready .mc-fx-code-scan { animation: mc-v23-developers-scan 7s ease-in-out infinite alternate; }

/* Security: three non-concentric shield boundaries interfere without rotating. */
html[data-marketing-slug="security"] .mc-fx-shield { stroke-width: 3; stroke-dasharray: 17 9; }
html[data-marketing-slug="security"] .mc-fx-shield-1 { stroke: #2f6bff; } html[data-marketing-slug="security"] .mc-fx-shield-2 { stroke: #73c167; }
html[data-marketing-slug="security"].mc-fx-ready .mc-fx-shield { animation: mc-v23-security-interference 8s ease-in-out infinite alternate; animation-delay: calc(var(--mc-shield-delay, 0) * -1.4s); }
html[data-marketing-slug="security"] .mc-fx-shield-1 { --mc-shield-delay: 1; } html[data-marketing-slug="security"] .mc-fx-shield-2 { --mc-shield-delay: 2; }

/* Controls: vectors converge on, but never escape, a policy constraint box. */
html[data-marketing-slug="controls"] .mc-fx-constraint { stroke: #73c167; stroke-width: 3; stroke-dasharray: 12 8; }
html[data-marketing-slug="controls"] .mc-fx-vector { stroke-dasharray: 3 12; }
html[data-marketing-slug="controls"] .mc-fx-vector-1 { stroke: #2f6bff; } html[data-marketing-slug="controls"] .mc-fx-vector-2 { stroke: #73c167; }
html[data-marketing-slug="controls"].mc-fx-ready .mc-fx-vector { animation: mc-v23-controls-vector 8s linear infinite; }
html[data-marketing-slug="controls"].mc-fx-ready .mc-fx-constraint { animation: mc-v23-controls-constraint 9s ease-in-out infinite alternate; }

/* Certifications: nested polygons and one evidence trace emphasise bounded scope. */
html[data-marketing-slug="certifications"] .mc-fx-evidence { stroke-dasharray: 13 8; }
html[data-marketing-slug="certifications"] .mc-fx-evidence-1 { stroke: #2f6bff; } html[data-marketing-slug="certifications"] .mc-fx-evidence-2 { stroke: #73c167; }
html[data-marketing-slug="certifications"] .mc-fx-evidence-trace { stroke: rgba(242, 140, 40, .7); stroke-dasharray: 5 12; }
html[data-marketing-slug="certifications"].mc-fx-ready .mc-fx-evidence { animation: mc-v23-certifications-polygon 18s linear infinite; animation-delay: calc(var(--mc-evidence-delay, 0) * -1.5s); }
html[data-marketing-slug="certifications"].mc-fx-ready .mc-fx-evidence-trace { animation: mc-v23-certifications-trace 11s linear infinite; }

/* Contact: four Bezier arcs contract toward a briefing point; this is not radar. */
html[data-marketing-slug="contact"] .mc-fx-connection-arc { stroke-width: 3; stroke-dasharray: 8 15; }
html[data-marketing-slug="contact"] .mc-fx-contact-node { fill: #32c8d6; } html[data-marketing-slug="contact"] .mc-fx-contact-core { fill: rgba(115, 193, 103, .18); stroke: #73c167; }
html[data-marketing-slug="contact"].mc-fx-ready .mc-fx-connection-arc { animation: mc-v23-contact-converge 9s linear infinite; }
html[data-marketing-slug="contact"].mc-fx-ready .mc-fx-contact-core { animation: mc-v23-contact-core 5s ease-in-out infinite alternate; }

/* Pricing: attributable units form an ascending waterfall/equalizer, illustrative only. */
html[data-marketing-slug="pricing"] .mc-fx-waterfall { fill: rgba(47, 107, 255, .18); stroke: #32c8d6; }
html[data-marketing-slug="pricing"] .mc-fx-waterfall:nth-child(3n) { fill: rgba(115, 193, 103, .18); stroke: #73c167; }
html[data-marketing-slug="pricing"] .mc-fx-price-grid { stroke: rgba(255, 255, 255, .11); stroke-width: 1; }
html[data-marketing-slug="pricing"].mc-fx-ready .mc-fx-waterfall { animation: mc-v23-pricing-waterfall 5.8s ease-in-out infinite alternate; animation-delay: calc(var(--mc-price-delay, 0) * -.5s); }
html[data-marketing-slug="pricing"] .mc-fx-waterfall-1 { --mc-price-delay: 1; } html[data-marketing-slug="pricing"] .mc-fx-waterfall-2 { --mc-price-delay: 2; } html[data-marketing-slug="pricing"] .mc-fx-waterfall-3 { --mc-price-delay: 3; } html[data-marketing-slug="pricing"] .mc-fx-waterfall-4 { --mc-price-delay: 4; } html[data-marketing-slug="pricing"] .mc-fx-waterfall-5 { --mc-price-delay: 5; } html[data-marketing-slug="pricing"] .mc-fx-waterfall-6 { --mc-price-delay: 6; }

/* Models: modality nodes drift independently around a governed catalogue centre. */
html[data-marketing-slug="models-public"] .mc-fx-constellation-link { stroke: rgba(50, 200, 214, .34); stroke-dasharray: 5 9; }
html[data-marketing-slug="models-public"] .mc-fx-modality { fill: rgba(47, 107, 255, .16); } html[data-marketing-slug="models-public"] .mc-fx-modality-0 { fill: rgba(115, 193, 103, .2); stroke: #73c167; stroke-width: 4; }
html[data-marketing-slug="models-public"].mc-fx-ready .mc-fx-constellation-link { animation: mc-v23-models-links 14s linear infinite; }
html[data-marketing-slug="models-public"].mc-fx-ready .mc-fx-modality { animation: mc-v23-models-drift 7s ease-in-out infinite alternate; animation-delay: calc(var(--mc-model-delay, 0) * -.8s); }
html[data-marketing-slug="models-public"] .mc-fx-modality-1 { --mc-model-delay: 1; } html[data-marketing-slug="models-public"] .mc-fx-modality-2 { --mc-model-delay: 2; } html[data-marketing-slug="models-public"] .mc-fx-modality-3 { --mc-model-delay: 3; } html[data-marketing-slug="models-public"] .mc-fx-modality-4 { --mc-model-delay: 4; } html[data-marketing-slug="models-public"] .mc-fx-modality-5 { --mc-model-delay: 5; } html[data-marketing-slug="models-public"] .mc-fx-modality-6 { --mc-model-delay: 6; }

/* API docs: orthogonal circuit traces make documented interface lanes explicit. */
html[data-marketing-slug="api-docs"] .mc-fx-circuit { stroke-width: 3; stroke-dasharray: 9 13; }
html[data-marketing-slug="api-docs"] .mc-fx-circuit-1,html[data-marketing-slug="api-docs"] .mc-fx-circuit-3 { stroke: #2f6bff; }
html[data-marketing-slug="api-docs"] .mc-fx-circuit-node { fill: #73c167; stroke: #73c167; }
html[data-marketing-slug="api-docs"].mc-fx-ready .mc-fx-circuit { animation: mc-v23-api-circuit 12s linear infinite; }
html[data-marketing-slug="api-docs"].mc-fx-ready .mc-fx-circuit-node { animation: mc-v23-api-node 4s ease-in-out infinite alternate; }

/* Guide: one stepped trajectory advances through controlled setup milestones. */
html[data-marketing-slug="guide"] .mc-fx-trajectory { stroke-width: 5; stroke: #73c167; stroke-dasharray: 18 11; }
html[data-marketing-slug="guide"] .mc-fx-step { fill: #102c27; stroke-width: 3; }
html[data-marketing-slug="guide"].mc-fx-ready .mc-fx-trajectory { animation: mc-v23-guide-trajectory 10s linear infinite; }
html[data-marketing-slug="guide"].mc-fx-ready .mc-fx-step { animation: mc-v23-guide-step 6s ease-in-out infinite alternate; animation-delay: calc(var(--mc-step-delay, 0) * -.7s); }
html[data-marketing-slug="guide"] .mc-fx-step-1 { --mc-step-delay: 1; } html[data-marketing-slug="guide"] .mc-fx-step-2 { --mc-step-delay: 2; } html[data-marketing-slug="guide"] .mc-fx-step-3 { --mc-step-delay: 3; } html[data-marketing-slug="guide"] .mc-fx-step-4 { --mc-step-delay: 4; }

@keyframes mc-v23-platform-wave { to { transform: translateY(17px) scaleY(.82); } }
@keyframes mc-v23-platform-phase { to { stroke-dashoffset: -160; } }
@keyframes mc-v23-architecture-route { to { stroke-dashoffset: -200; } }
@keyframes mc-v23-architecture-gate { 50% { stroke-width: 5; } }
@keyframes mc-v23-architecture-packet { from { offset-distance: 0%; } to { offset-distance: 100%; } }
@keyframes mc-v23-partners-branch { to { stroke-dashoffset: -170; } }
@keyframes mc-v23-partners-node { to { transform: scale(1.22); stroke-width: 4; } }
@keyframes mc-v23-resources-tessellate { to { transform: translateY(-9px) scale(.9); fill: rgba(115,193,103,.16); } }
@keyframes mc-v23-agents-discovery { to { stroke-dashoffset: -180; } }
@keyframes mc-v23-agents-inference { to { stroke-dashoffset: 180; } }
@keyframes mc-v23-agents-rungs { to { opacity: .18; transform: scaleY(.55); } }
@keyframes mc-v23-developers-tokens { to { stroke-dashoffset: -200; } }
@keyframes mc-v23-developers-scan { to { transform: translateY(355px); opacity: .25; } }
@keyframes mc-v23-security-interference { to { transform: scale(.94) translateY(7px); stroke-dashoffset: -70; } }
@keyframes mc-v23-controls-vector { to { stroke-dashoffset: -150; } }
@keyframes mc-v23-controls-constraint { to { stroke-width: 6; transform: scale(1.04); } }
@keyframes mc-v23-certifications-polygon { to { transform: rotate(360deg); stroke-dashoffset: -90; } }
@keyframes mc-v23-certifications-trace { to { stroke-dashoffset: -190; } }
@keyframes mc-v23-contact-converge { to { stroke-dashoffset: -190; } }
@keyframes mc-v23-contact-core { to { transform: scale(1.25); stroke-width: 5; } }
@keyframes mc-v23-pricing-waterfall { to { transform: scaleY(.62); opacity: .45; } }
@keyframes mc-v23-models-links { to { stroke-dashoffset: -190; } }
@keyframes mc-v23-models-drift { to { transform: translate(10px,-9px) scale(1.1); } }
@keyframes mc-v23-api-circuit { to { stroke-dashoffset: -220; } }
@keyframes mc-v23-api-node { to { transform: scale(1.55); opacity: .4; } }
@keyframes mc-v23-guide-trajectory { to { stroke-dashoffset: -230; } }
@keyframes mc-v23-guide-step { to { transform: scale(1.28); fill: rgba(115,193,103,.3); } }

html[data-marketing-slug] .mc-console,
html[data-marketing-slug] .mc-pillar,
html[data-marketing-slug] .mc-content-card,
html[data-marketing-slug] .mc-resource-grid > a,
html[data-marketing-slug] .mc-model-grid > article,
html[data-marketing-slug] .mkt-feature-card {
  position: relative;
  transform-style: preserve-3d;
  will-change: auto;
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease, opacity .5s ease;
}

html[data-marketing-slug] .mc-fx-tilt {
  transform: perspective(900px) rotateX(var(--mc-tilt-x, 0deg)) rotateY(var(--mc-tilt-y, 0deg));
}
html[data-marketing-slug] .mc-fx-tilt:hover {
  will-change: transform;
  border-color: color-mix(in srgb, var(--mc-v2-cyan) 48%, transparent);
  box-shadow: 0 22px 58px rgba(14, 49, 69, .16), 0 0 0 1px rgba(50, 200, 214, .08);
}
html[data-marketing-slug] .mc-console.mc-fx-tilt:hover {
  box-shadow: 0 44px 110px rgba(0, 0, 0, .36), 0 0 45px rgba(50, 200, 214, .1);
}

html[data-marketing-slug] .mc-pillar:nth-child(5n+1) { border-top: 3px solid var(--mc-v2-cyan); }
html[data-marketing-slug] .mc-pillar:nth-child(5n+2) { border-top: 3px solid var(--mc-v2-blue); }
html[data-marketing-slug] .mc-pillar:nth-child(5n+3) { border-top: 3px solid var(--mc-v2-green); }
html[data-marketing-slug] .mc-pillar:nth-child(5n+4) { border-top: 3px solid #198f9c; }
html[data-marketing-slug] .mc-pillar:nth-child(5n+5) { border-top: 3px solid #4779e6; }
html[data-marketing-slug] .mc-trust-foundation { box-shadow: 0 18px 48px rgba(16, 44, 39, .22); }
html[data-marketing-slug] .mc-status-live { background: #e0f4dc; color: #286c20; }
html[data-marketing-slug] .mc-status-assisted { background: #dff5f7; color: #0b6872; }
html[data-marketing-slug] .mc-status-scope { background: #fff0df; color: #9a4b00; }

html[data-marketing-slug].mc-fx-ready .mc-fx-reveal {
  opacity: 0;
  transform: translateY(24px);
}
html[data-marketing-slug].mc-fx-ready .mc-fx-reveal.mc-fx-in {
  opacity: 1;
  transform: translateY(0);
  transition-delay: var(--mc-fx-delay, 0ms);
}
html[data-marketing-slug].mc-fx-ready .mc-fx-reveal.mc-fx-tilt.mc-fx-in {
  transform: perspective(900px) translateY(0) rotateX(var(--mc-tilt-x, 0deg)) rotateY(var(--mc-tilt-y, 0deg));
}

html[data-marketing-slug] .mc-fx-timeline {
  position: fixed;
  z-index: 40;
  left: max(12px, calc((100vw - 1240px) / 2));
  top: 18vh;
  width: 20px;
  height: 64vh;
  pointer-events: none;
}
html[data-marketing-slug] .mc-fx-timeline-rail,
html[data-marketing-slug] .mc-fx-timeline-progress {
  position: absolute;
  left: 9px;
  top: 0;
  width: 1px;
  height: 100%;
}
html[data-marketing-slug] .mc-fx-timeline-rail { background: rgba(50, 200, 214, .2); }
html[data-marketing-slug] .mc-fx-timeline-progress {
  background: linear-gradient(var(--mc-v2-cyan), var(--mc-v2-blue), var(--mc-v2-green));
  box-shadow: 0 0 12px rgba(50, 200, 214, .45);
  transform: scaleY(0);
  transform-origin: top;
}
html[data-marketing-slug] .mc-fx-timeline-dot {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: var(--mc-fx-progress, 0%);
  width: 7px;
  height: 7px;
  border: 1px solid #d9ffff;
  border-radius: 50%;
  background: var(--mc-v2-cyan);
  box-shadow: 0 0 0 4px rgba(50, 200, 214, .14), 0 0 17px var(--mc-v2-cyan);
  transform: translate(-50%, -50%);
}
html[data-marketing-slug] .mc-fx-timeline-marker {
  position: absolute;
  left: 6px;
  width: 7px;
  height: 7px;
  border: 1px solid rgba(50, 200, 214, .5);
  border-radius: 50%;
  background: #102c27;
  transform: translateY(-50%);
  transition: background .3s ease, box-shadow .3s ease;
}
html[data-marketing-slug] .mc-fx-timeline-marker.mc-fx-marker-lit {
  background: var(--mc-v2-green);
  box-shadow: 0 0 9px rgba(115, 193, 103, .8);
}

html[data-marketing-slug] .mc-fx-pause {
  position: fixed;
  z-index: 90;
  right: 16px;
  bottom: 16px;
  min-height: 36px;
  padding: 7px 12px;
  border: 1px solid rgba(50, 200, 214, .48);
  border-radius: 999px;
  background: rgba(11, 38, 33, .92);
  color: #eefdf8;
  font: 700 12px/1.2 Helvetica, Arial, sans-serif;
  box-shadow: 0 8px 25px rgba(0, 0, 0, .2);
  cursor: pointer;
  backdrop-filter: blur(10px);
}
html[data-marketing-slug] .mc-fx-pause:hover { border-color: var(--mc-v2-cyan); }
html[data-marketing-slug] .mc-fx-pause[aria-pressed="true"] { border-color: var(--mc-v2-green); }

html[data-marketing-slug].mc-fx-paused .mc-fx-scene *,
html[data-marketing-slug].mc-fx-reduced .mc-fx-scene * { animation-play-state: paused !important; }

@keyframes mc-fx-orbit { to { transform: rotate(360deg); } }
@keyframes mc-fx-pulse { to { opacity: .28; scale: .68; } }

@media (max-width: 1240px) {
  html[data-marketing-slug] .mc-fx-timeline { display: none; }
}
@media (max-width: 760px) {
  html[data-marketing-slug] .mc-fx-orbits { width: 630px; right: -390px; opacity: .6; }
  html[data-marketing-slug] .mc-fx-grid { background-size: 42px 42px; }
  html[data-marketing-slug] .mc-fx-math { inset: 35% -35% -9% 22%; opacity: .38; }
  html[data-marketing-slug] .mc-fx-math path:nth-child(n+13),
  html[data-marketing-slug] .mc-fx-math line:nth-child(n+13),
  html[data-marketing-slug] .mc-fx-math circle:nth-child(n+13),
  html[data-marketing-slug] .mc-fx-math rect:nth-child(n+13),
  html[data-marketing-slug] .mc-fx-math polygon:nth-child(n+13) { display: none; }
}
@media (hover: none), (pointer: coarse) {
  html[data-marketing-slug] .mc-fx-tilt,
  html[data-marketing-slug] .mc-fx-tilt:hover { transform: none; will-change: auto; }
}
@media (prefers-reduced-motion: reduce) {
  html[data-marketing-slug] { scroll-behavior: auto; }
  html[data-marketing-slug] .mc-fx-scene * { animation: none !important; }
  html[data-marketing-slug].mc-fx-ready .mc-fx-reveal,
  html[data-marketing-slug].mc-fx-ready .mc-fx-reveal.mc-fx-in { opacity: 1; transform: none; transition: none; }
  html[data-marketing-slug] .mc-fx-pause { display: none; }
  html[data-marketing-slug] .mc-fx-timeline-dot { box-shadow: none; }
}

/* The footer always uses the approved white-only asset, never theme swapping. */
html[data-marketing-slug] .mc-footer .mc-brand img { content: normal !important; filter: none !important; width: 146px; height: auto; }
html[data-marketing-slug] .mc-consent-link { border: 0; padding: 4px 0; background: transparent; color: #bed1ca; font: inherit; font-size: .84rem; text-align: start; cursor: pointer; }
html[data-marketing-slug] .mc-hero h1 .mc-highlight { color: #a5ecf0; background: linear-gradient(110deg,#baf5e9,#32c8d6 44%,#8eaaff 85%); background-clip: text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
@media (forced-colors: active) { html[data-marketing-slug] .mc-hero h1 .mc-highlight { -webkit-text-fill-color: currentColor; background: none; } }

/* Preserve the existing absolute ambient glow; it must not become a flex item. */
html[data-marketing-slug] .mc-hero > .mc-hero-glow { position: absolute; z-index: 0; pointer-events: none; }
html[data-marketing-slug] .mc-hero > .mc-shell { flex: 0 0 auto; }

/* V2.2 — page-specific hero compositions. These remain meaningful without JS. */
html[data-marketing-slug] .mc-hero-visual {
  position: relative;
  width: min(100%, 470px);
  min-height: 350px;
  justify-self: end;
  color: #effffc;
  font: 500 14px/1.35 Helvetica, Arial, sans-serif;
}
html[data-marketing-slug] .mc-hero-visual *,
html[data-marketing-slug] .mc-hero-visual *::before,
html[data-marketing-slug] .mc-hero-visual *::after { box-sizing: border-box; }
html[data-marketing-slug] .mc-hero-visual small { color: #8faaa3; font-size: 10px; letter-spacing: .13em; text-transform: uppercase; }
html[data-marketing-slug] .mc-hero-visual span { color: #a9c3bc; }
html[data-marketing-slug] .mc-bridge-hero { min-height: 550px; }
html[data-marketing-slug] .mc-bridge-hero .mc-page-hero-grid { min-height: 550px; }

/* Platform: five distinct disciplines on a shared trust rail. */
html[data-marketing-slug] .mc-hero-platform { display: grid; grid-template-columns: repeat(5,1fr); gap: 8px; align-items: end; padding: 34px 0 54px; }
html[data-marketing-slug] .mc-hero-platform::before { content:""; position:absolute; inset:9% 5% 15%; border:1px solid rgba(50,200,214,.15); border-radius:50%; transform:rotate(-8deg); }
html[data-marketing-slug] .mc-hero-platform-core { position:absolute; z-index:2; left:50%; top:36%; width:172px; padding:17px 20px; border:1px solid rgba(116,231,226,.3); border-radius:50%; background:rgba(13,48,52,.92); box-shadow:0 0 55px rgba(47,107,255,.18); text-align:center; transform:translate(-50%,-50%); }
html[data-marketing-slug] .mc-hero-platform-core > * { display:block; } html[data-marketing-slug] .mc-hero-platform-core strong { margin:3px 0; font-size:22px; }
html[data-marketing-slug] .mc-hero-platform-pillar { position:relative; z-index:3; min-height:112px; padding:15px 7px; border:1px solid rgba(255,255,255,.13); border-top:2px solid var(--mc-v2-cyan); border-radius:10px 10px 3px 3px; background:linear-gradient(rgba(28,70,65,.86),rgba(11,37,33,.92)); text-align:center; }
html[data-marketing-slug] .mc-hero-platform-pillar:nth-of-type(3n) { border-top-color:var(--mc-v2-blue); min-height:92px; } html[data-marketing-slug] .mc-hero-platform-pillar:nth-of-type(4n) { border-top-color:var(--mc-v2-green); min-height:132px; }
html[data-marketing-slug] .mc-hero-platform-pillar b,html[data-marketing-slug] .mc-hero-platform-pillar span { display:block; } html[data-marketing-slug] .mc-hero-platform-pillar b { color:#69d7e0;font-size:10px;margin-bottom:42px; }
html[data-marketing-slug] .mc-hero-platform-base { position:absolute;left:0;right:0;bottom:17px;display:flex;align-items:center;gap:12px;color:#8de0d1;text-transform:uppercase;font-size:10px;letter-spacing:.15em; }
html[data-marketing-slug] .mc-hero-platform-base i { height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--mc-v2-green)); } html[data-marketing-slug] .mc-hero-platform-base i:last-child { transform:scaleX(-1); }

/* Architecture: linear gated request pipeline. */
html[data-marketing-slug] .mc-hero-architecture { display:grid;grid-template-columns:1fr 45px 1.25fr 45px 1fr;align-items:center; }
html[data-marketing-slug] .mc-hero-arch-node,html[data-marketing-slug] .mc-hero-arch-gate { padding:21px 15px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(7,34,30,.78);text-align:center; }
html[data-marketing-slug] .mc-hero-arch-node > *,html[data-marketing-slug] .mc-hero-arch-gate > * { display:block; } html[data-marketing-slug] .mc-hero-arch-node b,html[data-marketing-slug] .mc-hero-arch-gate b { margin:7px 0; }
html[data-marketing-slug] .mc-hero-arch-gate { border-color:rgba(50,200,214,.5);box-shadow:0 0 0 7px rgba(50,200,214,.05),0 20px 50px rgba(0,0,0,.22); }
html[data-marketing-slug] .mc-hero-arch-gate span { color:#8de4a0; }
html[data-marketing-slug] .mc-hero-arch-link { height:1px;background:linear-gradient(90deg,#32c8d6,#73c167);position:relative; }
html[data-marketing-slug] .mc-hero-arch-link::after { content:"";position:absolute;right:0;top:-3px;border-left:6px solid #73c167;border-block:3px solid transparent; }
html[data-marketing-slug] .mc-hero-arch-stack { display:grid;gap:8px; } html[data-marketing-slug] .mc-hero-arch-stack span { padding:10px;border:1px solid rgba(255,255,255,.13);border-left:2px solid var(--mc-v2-blue);border-radius:7px;background:rgba(18,44,55,.82);font-size:11px; }
html[data-marketing-slug] .mc-hero-arch-stack span:last-child { border-left-color:var(--mc-v2-green); }

/* Partners: connected service portfolio. */
html[data-marketing-slug] .mc-hero-partners { display:flex;flex-direction:column;justify-content:center;align-items:center; }
html[data-marketing-slug] .mc-hero-partner-card { width:75%;padding:24px;border:1px solid rgba(50,200,214,.35);border-radius:16px;background:linear-gradient(145deg,rgba(28,73,68,.96),rgba(12,38,43,.95));box-shadow:0 25px 65px rgba(0,0,0,.25); }
html[data-marketing-slug] .mc-hero-partner-card > * { display:block; } html[data-marketing-slug] .mc-hero-partner-card b { margin:7px 0;font-size:21px; }
html[data-marketing-slug] .mc-hero-partner-bridge { width:80%;height:70px;display:flex;align-items:center;justify-content:center;gap:11px;color:#70d9d7;font-size:10px;letter-spacing:.12em;text-transform:uppercase; }
html[data-marketing-slug] .mc-hero-partner-bridge i { width:25%;height:100%;border-inline:1px solid rgba(50,200,214,.25);transform:skewX(25deg); }
html[data-marketing-slug] .mc-hero-partner-clients { width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:10px; }
html[data-marketing-slug] .mc-hero-partner-clients span { padding:15px 7px;border:1px solid rgba(255,255,255,.13);border-radius:9px;background:rgba(7,32,29,.75);text-align:center;font-size:11px; }

/* Resources: compass plus evaluation route. */
html[data-marketing-slug] .mc-hero-resources { display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px; }
html[data-marketing-slug] .mc-hero-resource-compass { position:relative;aspect-ratio:1;border:1px solid rgba(50,200,214,.3);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(47,107,255,.2),transparent 62%); }
html[data-marketing-slug] .mc-hero-resource-compass::before,html[data-marketing-slug] .mc-hero-resource-compass::after { content:"";position:absolute;inset:14%;border:1px dashed rgba(255,255,255,.2);border-radius:50%; } html[data-marketing-slug] .mc-hero-resource-compass::after { inset:45% -10%;border:0;border-top:1px solid rgba(50,200,214,.25);border-radius:0; }
html[data-marketing-slug] .mc-hero-resource-compass i { width:0;height:0;border-inline:8px solid transparent;border-bottom:42px solid var(--mc-v2-green);transform:rotate(28deg);transform-origin:50% 100%; }
html[data-marketing-slug] .mc-hero-resource-compass strong { margin-top:10px; } html[data-marketing-slug] .mc-hero-resource-compass span { font-size:10px; }
html[data-marketing-slug] .mc-hero-resources ol { list-style:none;margin:0;padding:0;display:grid;gap:16px;counter-reset:none; }
html[data-marketing-slug] .mc-hero-resources li { display:flex;gap:14px;align-items:center;padding:16px;border-left:2px solid var(--mc-v2-cyan);background:linear-gradient(90deg,rgba(50,200,214,.1),transparent); }
html[data-marketing-slug] .mc-hero-resources li:nth-child(2){border-color:var(--mc-v2-blue)} html[data-marketing-slug] .mc-hero-resources li:nth-child(3){border-color:var(--mc-v2-green)} html[data-marketing-slug] .mc-hero-resources li b { display:block; }

/* Agents: deliberately split discovery and inference interfaces. */
html[data-marketing-slug] .mc-hero-agents { display:grid;grid-template-columns:145px 1fr;grid-template-rows:1fr 1fr;align-items:center;gap:22px 42px;padding:35px 0; }
html[data-marketing-slug] .mc-hero-agent-core { grid-row:1/3;position:relative;aspect-ratio:1;border:1px solid rgba(50,200,214,.4);border-radius:36% 64% 57% 43%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(10,45,42,.85);box-shadow:0 0 60px rgba(47,107,255,.16); }
html[data-marketing-slug] .mc-hero-agent-core i { width:34px;height:22px;border:2px solid #75e5dd;border-radius:8px;position:relative; } html[data-marketing-slug] .mc-hero-agent-core i::before,html[data-marketing-slug] .mc-hero-agent-core i::after { content:"";position:absolute;top:7px;width:4px;height:4px;border-radius:50%;background:#75e5dd; } html[data-marketing-slug] .mc-hero-agent-core i::before{left:7px} html[data-marketing-slug] .mc-hero-agent-core i::after{right:7px}
html[data-marketing-slug] .mc-hero-agent-core strong { margin-top:9px; }
html[data-marketing-slug] .mc-hero-agent-path { position:relative;padding:20px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(9,34,34,.77); }
html[data-marketing-slug] .mc-hero-agent-path::before { content:"";position:absolute;width:43px;right:100%;top:50%;border-top:1px solid var(--mc-v2-cyan); } html[data-marketing-slug] .mc-hero-agent-path::after { content:"";position:absolute;right:calc(100% + 37px);top:calc(50% - 3px);width:7px;height:7px;border-radius:50%;background:var(--mc-v2-cyan); }
html[data-marketing-slug] .mc-hero-agent-path > * { display:block; } html[data-marketing-slug] .mc-hero-agent-path span { color:#79ddd7;font-size:10px;text-transform:uppercase;letter-spacing:.1em; } html[data-marketing-slug] .mc-hero-agent-path b { margin:5px 0; }
html[data-marketing-slug] .mc-hero-agent-path-api { border-color:rgba(115,193,103,.26); } html[data-marketing-slug] .mc-hero-agent-path-api::before { border-color:var(--mc-v2-green); } html[data-marketing-slug] .mc-hero-agent-path-api::after { background:var(--mc-v2-green); }

/* Developers: compact request editor and response route. */
html[data-marketing-slug] .mc-hero-developers { display:flex;flex-direction:column;justify-content:center; }
html[data-marketing-slug] .mc-hero-code { overflow:hidden;border:1px solid rgba(50,200,214,.28);border-radius:15px;background:#091d24;box-shadow:0 30px 70px rgba(0,0,0,.3);transform:rotate(1.5deg); }
html[data-marketing-slug] .mc-hero-code > div { display:flex;gap:6px;align-items:center;padding:12px 15px;border-bottom:1px solid rgba(255,255,255,.1); } html[data-marketing-slug] .mc-hero-code > div i { width:7px;height:7px;border-radius:50%;background:#51706e; } html[data-marketing-slug] .mc-hero-code > div i:nth-child(2){background:var(--mc-v2-cyan)} html[data-marketing-slug] .mc-hero-code > div i:nth-child(3){background:var(--mc-v2-green)} html[data-marketing-slug] .mc-hero-code > div small { margin-left:auto; }
html[data-marketing-slug] .mc-hero-code code { display:block;padding:11px 20px;color:#a9c9c6;border-bottom:1px solid rgba(255,255,255,.06);font-size:12px; } html[data-marketing-slug] .mc-hero-code code em { color:#77e3a0;font-style:normal;font-weight:800; } html[data-marketing-slug] .mc-hero-code code b { color:#75dfe5;font-weight:600; }
html[data-marketing-slug] .mc-hero-code-route { display:flex;align-items:center;gap:12px;margin:30px 20px 0;color:#a8c1ba;font-size:11px;text-transform:uppercase;letter-spacing:.08em; } html[data-marketing-slug] .mc-hero-code-route i { flex:1;height:2px;background:linear-gradient(90deg,var(--mc-v2-blue),var(--mc-v2-green));position:relative; } html[data-marketing-slug] .mc-hero-code-route i::after { content:"";position:absolute;right:0;top:-4px;width:10px;height:10px;border:2px solid #9ef0b2;border-radius:50%;background:#12332f; }

/* Security: concentric protection layers, not a generic orbit. */
html[data-marketing-slug] .mc-hero-security { display:flex;flex-direction:column;align-items:center;justify-content:center; }
html[data-marketing-slug] .mc-hero-security-rings { position:relative;width:330px;height:270px;display:flex;align-items:center;justify-content:center; }
html[data-marketing-slug] .mc-hero-security-rings > span { position:absolute;display:flex;align-items:flex-start;justify-content:center;padding-top:12px;border:1px solid rgba(50,200,214,.2);border-radius:50%;font-size:9px;letter-spacing:.1em;text-transform:uppercase; }
html[data-marketing-slug] .mc-hero-security-rings > span:nth-child(1){width:100%;height:100%} html[data-marketing-slug] .mc-hero-security-rings > span:nth-child(2){width:72%;height:72%;top:14%;border-color:rgba(47,107,255,.35)} html[data-marketing-slug] .mc-hero-security-rings > span:nth-child(3){width:44%;height:44%;top:28%;border-color:rgba(115,193,103,.4)}
html[data-marketing-slug] .mc-hero-security-rings strong { z-index:2;width:74px;height:74px;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#156858,#17405d);font-size:10px;letter-spacing:.12em;box-shadow:0 0 35px rgba(50,200,214,.25); } html[data-marketing-slug] .mc-hero-security-rings strong i { width:18px;height:15px;border:2px solid #b5f5e0;border-radius:3px;margin-bottom:8px;position:relative; } html[data-marketing-slug] .mc-hero-security-rings strong i::before { content:"";position:absolute;width:10px;height:9px;left:2px;top:-10px;border:2px solid #b5f5e0;border-bottom:0;border-radius:8px 8px 0 0; }
html[data-marketing-slug] .mc-hero-security-status { display:flex;align-items:center;gap:10px;padding:10px 17px;border:1px solid rgba(255,255,255,.12);border-radius:99px;background:rgba(7,31,28,.8);font-size:10px; } html[data-marketing-slug] .mc-hero-security-status i { width:6px;height:6px;border-radius:50%;background:var(--mc-v2-green);box-shadow:0 0 10px var(--mc-v2-green); } html[data-marketing-slug] .mc-hero-security-status b { color:#8fe2d7; }

/* Controls: tangible credential policy sliders. */
html[data-marketing-slug] .mc-hero-controls { min-height:310px;align-self:center;padding:25px;border:1px solid rgba(50,200,214,.25);border-radius:18px;background:linear-gradient(145deg,rgba(19,57,52,.96),rgba(7,30,36,.92));box-shadow:0 30px 75px rgba(0,0,0,.28); }
html[data-marketing-slug] .mc-hero-controls-head { padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.11); } html[data-marketing-slug] .mc-hero-controls-head > * { display:block; } html[data-marketing-slug] .mc-hero-controls-head b { margin:5px 0;font-size:18px; } html[data-marketing-slug] .mc-hero-controls-head span { color:#83df96;font-size:11px; }
html[data-marketing-slug] .mc-hero-control-row { display:grid;grid-template-columns:70px 1fr 72px;gap:13px;align-items:center;margin-top:25px;font-size:11px; } html[data-marketing-slug] .mc-hero-control-row i { height:5px;border-radius:5px;background:rgba(255,255,255,.12);position:relative; } html[data-marketing-slug] .mc-hero-control-row i b { display:block;width:var(--mc-control);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--mc-v2-blue),var(--mc-v2-cyan)); } html[data-marketing-slug] .mc-hero-control-row i::after { content:"";position:absolute;left:calc(var(--mc-control,50%) - 5px);top:-3px;width:11px;height:11px;border-radius:50%;background:#dff;box-shadow:0 0 10px var(--mc-v2-cyan); } html[data-marketing-slug] .mc-hero-control-row em { color:#80aaa1;font-style:normal;text-align:right; }

/* Assurance: evidence ledger and scope stamp. */
html[data-marketing-slug] .mc-hero-assurance { display:flex;align-items:center;justify-content:center; }
html[data-marketing-slug] .mc-hero-assurance-sheet { width:78%;padding:27px;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:linear-gradient(145deg,rgba(248,255,252,.13),rgba(20,58,52,.7));box-shadow:18px 20px 0 rgba(47,107,255,.09),0 30px 70px rgba(0,0,0,.25);transform:rotate(-2deg); }
html[data-marketing-slug] .mc-hero-assurance-sheet > small,html[data-marketing-slug] .mc-hero-assurance-sheet > strong { display:block; } html[data-marketing-slug] .mc-hero-assurance-sheet > strong { margin:7px 0 20px;font-size:19px; }
html[data-marketing-slug] .mc-hero-assurance-sheet ul { list-style:none;margin:0;padding:0; } html[data-marketing-slug] .mc-hero-assurance-sheet li { display:grid;grid-template-columns:13px 1fr auto;gap:9px;align-items:center;padding:10px 0;border-top:1px solid rgba(255,255,255,.1);font-size:11px; } html[data-marketing-slug] .mc-hero-assurance-sheet li i { width:9px;height:9px;border:1px solid var(--mc-v2-green); } html[data-marketing-slug] .mc-hero-assurance-sheet li b { color:#86ddd8;font-size:9px;text-transform:uppercase; }
html[data-marketing-slug] .mc-hero-assurance-stamp { position:absolute;right:1%;bottom:12%;width:93px;height:93px;border:2px solid rgba(115,193,103,.65);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#12332e;color:#8cd7a0;font-size:10px;letter-spacing:.12em;text-align:center;transform:rotate(8deg);box-shadow:0 0 0 5px #12332e,0 0 0 6px rgba(115,193,103,.25); }

/* Contact: a briefing map with four agenda points. */
html[data-marketing-slug] .mc-contact-hero { min-height:550px;padding:0; }
html[data-marketing-slug] .mc-contact-hero .mc-page-hero-grid { padding-block:70px; }
html[data-marketing-slug] .mc-hero-contact-map { display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:95px 120px;align-content:center;padding:35px; }
html[data-marketing-slug] .mc-hero-contact-map::before,html[data-marketing-slug] .mc-hero-contact-map::after { content:"";position:absolute;left:50%;top:10%;bottom:10%;border-left:1px dashed rgba(50,200,214,.32);transform:rotate(40deg); } html[data-marketing-slug] .mc-hero-contact-map::after { transform:rotate(-40deg); }
html[data-marketing-slug] .mc-hero-contact-centre { position:absolute;z-index:2;left:50%;top:50%;width:115px;height:115px;border:1px solid rgba(50,200,214,.5);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#123b35;box-shadow:0 0 45px rgba(50,200,214,.18);transform:translate(-50%,-50%); }
html[data-marketing-slug] .mc-hero-contact-point { z-index:2;padding:13px;border:1px solid rgba(255,255,255,.13);border-radius:10px;background:rgba(8,34,31,.86);text-align:center; } html[data-marketing-slug] .mc-hero-contact-point i { display:block;width:6px;height:6px;margin:0 auto 7px;border-radius:50%;background:var(--mc-v2-cyan);box-shadow:0 0 10px var(--mc-v2-cyan); } html[data-marketing-slug] .mc-hero-contact-point:nth-of-type(even) i { background:var(--mc-v2-green); }

/* Pricing: attributable usage ledger, not an invented quote. */
html[data-marketing-slug] .mc-hero-pricing { align-self:center;min-height:315px;padding:24px;border:1px solid rgba(50,200,214,.23);border-radius:17px;background:rgba(7,31,34,.84);box-shadow:0 30px 75px rgba(0,0,0,.27); }
html[data-marketing-slug] .mc-hero-price-head { display:flex;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1); } html[data-marketing-slug] .mc-hero-price-head span { font-size:10px; }
html[data-marketing-slug] .mc-hero-price-bars { height:150px;display:flex;align-items:flex-end;gap:12px;padding:25px 12px 0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:100% 38px; } html[data-marketing-slug] .mc-hero-price-bars i { flex:1;height:var(--mc-bar);border-radius:5px 5px 0 0;background:linear-gradient(#32c8d6,#2f6bff);opacity:.78; } html[data-marketing-slug] .mc-hero-price-bars i:nth-child(3n) { background:linear-gradient(#73c167,#1e8c80); }
html[data-marketing-slug] .mc-hero-price-total { display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding:14px;border-left:2px solid var(--mc-v2-green);background:rgba(115,193,103,.07); } html[data-marketing-slug] .mc-hero-price-total strong { font-size:12px; }

/* Models: modality catalogue behind one explicit boundary. */
html[data-marketing-slug] .mc-hero-models { align-self:center;padding:22px;border:1px solid rgba(50,200,214,.25);border-radius:20px;background:rgba(6,30,31,.83); }
html[data-marketing-slug] .mc-hero-models-search { display:flex;align-items:center;gap:10px;padding:13px 16px;border:1px solid rgba(255,255,255,.14);border-radius:99px;background:rgba(255,255,255,.04); } html[data-marketing-slug] .mc-hero-models-search i { width:13px;height:13px;border:1px solid #7edfdc;border-radius:50%;position:relative; } html[data-marketing-slug] .mc-hero-models-search i::after { content:"";position:absolute;width:6px;border-top:1px solid #7edfdc;right:-5px;bottom:-2px;transform:rotate(45deg); } html[data-marketing-slug] .mc-hero-models-search span { flex:1; } html[data-marketing-slug] .mc-hero-models-search b { color:#84d99a;font-size:10px;text-transform:uppercase; }
html[data-marketing-slug] .mc-hero-models-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:17px 0; } html[data-marketing-slug] .mc-hero-models-grid span { min-height:78px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.11);border-radius:10px;background:linear-gradient(145deg,rgba(47,107,255,.09),rgba(50,200,214,.03)); } html[data-marketing-slug] .mc-hero-models-grid i { width:18px;height:18px;margin-bottom:8px;border:1px solid var(--mc-v2-cyan);border-radius:4px;box-shadow:inset 0 0 8px rgba(50,200,214,.25); } html[data-marketing-slug] .mc-hero-models-grid b { color:#c9ded8;font-size:10px; }
html[data-marketing-slug] .mc-hero-models-boundary { border-top:1px dashed rgba(115,193,103,.4);padding-top:12px;color:#7fd595;font-size:9px;letter-spacing:.13em;text-align:center;text-transform:uppercase; }

/* API docs: mini reference navigator. */
html[data-marketing-slug] .mc-hero-api { display:grid;grid-template-columns:110px 1fr;align-self:center;min-height:315px;overflow:hidden;border:1px solid rgba(50,200,214,.23);border-radius:16px;background:#0a2527;box-shadow:0 30px 75px rgba(0,0,0,.28); }
html[data-marketing-slug] .mc-hero-api-rail { display:flex;flex-direction:column;gap:4px;padding:25px 11px;border-right:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.12); } html[data-marketing-slug] .mc-hero-api-rail span { padding:9px;border-radius:5px;font-size:10px; } html[data-marketing-slug] .mc-hero-api-rail .is-active { background:rgba(50,200,214,.12);color:#84e4df;border-left:2px solid var(--mc-v2-cyan); }
html[data-marketing-slug] .mc-hero-api-doc { padding:28px 23px; } html[data-marketing-slug] .mc-hero-api-doc > strong { display:block;margin:7px 0 24px;font-size:18px; } html[data-marketing-slug] .mc-hero-api-doc > div { display:flex;gap:11px;align-items:center;margin:10px 0;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:rgba(255,255,255,.025); } html[data-marketing-slug] .mc-hero-api-doc em { min-width:34px;color:#83dfa0;font-size:9px;font-style:normal;font-weight:800; } html[data-marketing-slug] .mc-hero-api-doc code { color:#b9d3ce;font-size:10px; } html[data-marketing-slug] .mc-hero-api-doc p { margin:25px 0 0;color:#88a8a1;font-size:10px; } html[data-marketing-slug] .mc-hero-api-doc p i { display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:var(--mc-v2-green); }

/* Guide: sequential controlled quick start. */
html[data-marketing-slug] .mc-hero-guide { display:flex;align-items:center; }
html[data-marketing-slug] .mc-hero-guide ol { width:100%;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:18px; }
html[data-marketing-slug] .mc-hero-guide li { position:relative;display:flex;align-items:center;gap:13px;padding:17px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(8,34,31,.82); } html[data-marketing-slug] .mc-hero-guide li::after { content:"";position:absolute;left:100%;width:19px;border-top:1px solid rgba(50,200,214,.35); } html[data-marketing-slug] .mc-hero-guide li:nth-child(2)::after,html[data-marketing-slug] .mc-hero-guide li:last-child::after { display:none; }
html[data-marketing-slug] .mc-hero-guide li > i { width:32px;height:32px;flex:none;border:1px solid rgba(50,200,214,.45);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#74dcd9;font-style:normal; } html[data-marketing-slug] .mc-hero-guide li.is-done > i { background:rgba(115,193,103,.18);border-color:var(--mc-v2-green);color:#a1e6ad; } html[data-marketing-slug] .mc-hero-guide li span,html[data-marketing-slug] .mc-hero-guide li small,html[data-marketing-slug] .mc-hero-guide li b { display:block; } html[data-marketing-slug] .mc-hero-guide li b { color:#daeae6;font-size:11px; }
html[data-marketing-slug] .mc-hero-guide-line { position:absolute;left:18%;right:18%;bottom:45px;display:flex;align-items:center;gap:10px;color:#83a79f;font-size:9px;text-transform:uppercase;letter-spacing:.12em; } html[data-marketing-slug] .mc-hero-guide-line i { flex:1;height:2px;background:linear-gradient(90deg,var(--mc-v2-green),var(--mc-v2-cyan),var(--mc-v2-blue)); }

/* Slug-level atmospheres support the illustration rather than recolouring one template. */
html[data-marketing-slug="architecture"] .mc-page-hero { background-image:radial-gradient(circle at var(--mc-fx-x) var(--mc-fx-y),rgba(50,200,214,.24),transparent 25rem),linear-gradient(90deg,rgba(47,107,255,.12) 1px,transparent 1px),linear-gradient(rgba(50,200,214,.07) 1px,transparent 1px),linear-gradient(128deg,#0b2621,#102f2a 55%,#10243b);background-size:auto,72px 72px,72px 72px,auto; }
html[data-marketing-slug="security"] .mc-page-hero,html[data-marketing-slug="certifications"] .mc-page-hero { background-image:radial-gradient(circle at var(--mc-fx-x) var(--mc-fx-y),rgba(50,200,214,.24),transparent 25rem),radial-gradient(circle at 78% 45%,rgba(47,107,255,.22),transparent 27rem),linear-gradient(128deg,#081f1c,#102f2a 58%,#111e37); }
html[data-marketing-slug="developers"] .mc-page-hero,html[data-marketing-slug="api-docs"] .mc-page-hero,html[data-marketing-slug="guide"] .mc-page-hero { background-image:radial-gradient(circle at var(--mc-fx-x) var(--mc-fx-y),rgba(50,200,214,.24),transparent 25rem),linear-gradient(115deg,rgba(50,200,214,.06) 25%,transparent 25%),radial-gradient(circle at 76% 40%,rgba(47,107,255,.2),transparent 25rem),linear-gradient(128deg,#081f21,#102f2a 55%,#101f36); }

@media (max-width: 860px) {
  html[data-marketing-slug] .mc-hero-visual { justify-self:center;min-height:320px; }
  html[data-marketing-slug] .mc-bridge-hero .mc-page-hero-grid { min-height:0; }
  html[data-marketing-slug] .mc-contact-hero { min-height:0; }
}
@media (max-width: 600px) {
  html[data-marketing-slug] .mc-hero-visual { width:min(100%,360px);min-height:280px; }
  html[data-marketing-slug] .mc-page-hero-grid { gap:18px; }
  html[data-marketing-slug] .mc-hero-platform { padding-top:20px;grid-template-columns:repeat(5,minmax(0,1fr)); }
  html[data-marketing-slug] .mc-hero-platform-core { width:140px;top:33%;padding:12px; }
  html[data-marketing-slug] .mc-hero-platform-pillar { padding-inline:2px; } html[data-marketing-slug] .mc-hero-platform-pillar span { font-size:8px; }
  html[data-marketing-slug] .mc-hero-architecture { grid-template-columns:1fr 22px 1.2fr 22px 1fr; } html[data-marketing-slug] .mc-hero-arch-node,html[data-marketing-slug] .mc-hero-arch-gate { padding:14px 6px;font-size:10px; } html[data-marketing-slug] .mc-hero-arch-stack span { padding:8px 4px;font-size:8px; }
  html[data-marketing-slug] .mc-hero-resources { gap:14px; } html[data-marketing-slug] .mc-hero-resources li { padding:11px 7px;gap:7px;font-size:9px; }
  html[data-marketing-slug] .mc-hero-agents { grid-template-columns:105px 1fr;gap:14px 25px; } html[data-marketing-slug] .mc-hero-agent-path { padding:13px;font-size:10px; } html[data-marketing-slug] .mc-hero-agent-path::before { width:26px; }
  html[data-marketing-slug] .mc-hero-security-rings { width:280px;height:230px; }
  html[data-marketing-slug] .mc-hero-contact-map { gap:80px 72px;padding:20px; } html[data-marketing-slug] .mc-hero-contact-point { padding:10px 4px;font-size:9px; }
  html[data-marketing-slug] .mc-hero-api { grid-template-columns:82px 1fr; } html[data-marketing-slug] .mc-hero-api-doc { padding:23px 13px; } html[data-marketing-slug] .mc-hero-api-doc code { overflow-wrap:anywhere; }
  html[data-marketing-slug] .mc-hero-guide ol { gap:10px; } html[data-marketing-slug] .mc-hero-guide li { padding:11px 7px;gap:7px; } html[data-marketing-slug] .mc-hero-guide li > i { width:25px;height:25px; }
}
@media (forced-colors: active) {
  html[data-marketing-slug] .mc-hero-visual *,html[data-marketing-slug] .mc-hero-visual *::before,html[data-marketing-slug] .mc-hero-visual *::after { forced-color-adjust:auto; }
}

/* Bootstrap bridge gutters must not extend past the narrow-screen viewport. */
@media (max-width: 575.98px) {
  html[data-marketing-slug] .container > .row { --bs-gutter-x: 1.5rem; }
}
html[data-marketing-slug="api-docs"] .param-table { display:block;max-width:100%;overflow-x:auto; }
/* Legacy portal heading/code rules must not override the dark public hero. */
html[data-marketing-slug] .mc-bridge-hero h1 { color:#fff; }
html[data-marketing-slug] .mc-hero-visual code { background:transparent;border:0; }

/* V2.3 acceptance fixes: keep motion visible above opaque mobile panels. */
@media (max-width: 760px) {
  html[data-marketing-slug="pricing"] .mc-fx-math,
  html[data-marketing-slug="api-docs"] .mc-fx-math { inset: 5% -8% 36% 22%; opacity: .65; }
}
html[data-marketing-slug].mc-fx-paused .mc-fx-math,
html[data-marketing-slug].mc-fx-reduced .mc-fx-math { transition: none; }
@media (prefers-reduced-motion: reduce) {
  html[data-marketing-slug] .mc-fx-math { transition: none; }
}