/* =========================================================
   Xaiore — Visual Fidelity Rebuild v3
   A luminous, refractive material system shared by every section.
   Loaded after styles.css so the functional production layer remains intact.
   ========================================================= */

:root,
html[data-theme="light"] {
  --vf-violet: #7b6cff;
  --vf-indigo: #5369ff;
  --vf-cobalt: #3f58de;
  --vf-ice: #dfe8ff;
  --vf-pearl: #ffffff;
  --vf-deep: #07102f;
  --vf-glass: rgba(255,255,255,.69);
  --vf-glass-strong: rgba(255,255,255,.84);
  --vf-glass-border: rgba(99,111,223,.19);
  --vf-glass-edge: rgba(255,255,255,.78);
  --vf-shadow: 0 34px 96px rgba(39,51,125,.16);
  --vf-shadow-soft: 0 18px 52px rgba(39,51,125,.10);
  --vf-glow: rgba(99,93,255,.26);
  --vf-glow-soft: rgba(104,115,255,.12);
  --vf-grid: rgba(68,81,160,.055);
}
html[data-theme="dark"] {
  --vf-violet: #a28cff;
  --vf-indigo: #8090ff;
  --vf-cobalt: #6175ed;
  --vf-ice: #dce5ff;
  --vf-pearl: #ffffff;
  --vf-deep: #050919;
  --vf-glass: rgba(15,21,48,.68);
  --vf-glass-strong: rgba(19,26,56,.86);
  --vf-glass-border: rgba(183,195,255,.16);
  --vf-glass-edge: rgba(255,255,255,.08);
  --vf-shadow: 0 38px 110px rgba(0,0,0,.42);
  --vf-shadow-soft: 0 18px 54px rgba(0,0,0,.28);
  --vf-glow: rgba(117,111,255,.28);
  --vf-glow-soft: rgba(102,116,255,.12);
  --vf-grid: rgba(199,208,255,.038);
}

html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) body {
  background:
    radial-gradient(circle at 84% -4%, color-mix(in srgb, var(--vf-violet) 14%, transparent), transparent 32rem),
    radial-gradient(circle at -5% 28%, color-mix(in srgb, var(--vf-indigo) 9%, transparent), transparent 35rem),
    var(--x-bg);
}
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) body::before {
  content: "";
  position: fixed;
  z-index: -20;
  inset: 0;
  pointer-events: none;
  opacity: .4;
  background-image:
    linear-gradient(var(--vf-grid) 1px, transparent 1px),
    linear-gradient(90deg, var(--vf-grid) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: radial-gradient(ellipse at 55% 22%, #000 0%, transparent 68%);
  -webkit-mask-image: radial-gradient(ellipse at 55% 22%, #000 0%, transparent 68%);
}
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) body::after {
  content: "";
  position: fixed;
  z-index: -19;
  inset: 0;
  pointer-events: none;
  opacity: .12;
  mix-blend-mode: soft-light;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.34'/%3E%3C/svg%3E");
}

/* Shared material language */
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .navbar,
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .service-card,
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .shift-board,
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .workflow-console,
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .process-step,
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .why-principle,
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .why-visual {
  border-color: var(--vf-glass-border);
  background:
    linear-gradient(145deg, color-mix(in srgb, var(--vf-glass-strong) 94%, transparent), color-mix(in srgb, var(--vf-glass) 82%, transparent));
  box-shadow:
    var(--vf-shadow-soft),
    inset 0 1px 0 var(--vf-glass-edge),
    inset 0 -1px 0 color-mix(in srgb, var(--vf-indigo) 7%, transparent);
}

/* Header / brand */
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .site-header { perspective: 900px; }
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .navbar {
  min-height: 76px;
  border-radius: 25px;
  backdrop-filter: blur(24px) saturate(160%);
  -webkit-backdrop-filter: blur(24px) saturate(160%);
  box-shadow:
    0 16px 48px rgba(37,48,112,.11),
    inset 0 1px 0 rgba(255,255,255,.74),
    inset 0 -1px 0 rgba(85,92,196,.06);
}
html[data-theme="dark"]:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .navbar {
  box-shadow: 0 18px 56px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.07);
}
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) body.is-scrolled .navbar {
  transform: translateY(-2px) scale(.99);
  box-shadow: 0 22px 66px rgba(31,41,102,.17), inset 0 1px 0 var(--vf-glass-edge);
}
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .brand-mark {
  filter:
    drop-shadow(0 10px 18px rgba(79,80,225,.22))
    drop-shadow(0 0 14px rgba(125,108,255,.12));
}
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .brand-mark-aura { opacity: .72; filter: blur(7px); }
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .brand-mark-shine { opacity: .92; }
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .brand-mark-core { filter: drop-shadow(0 0 7px #fff) drop-shadow(0 0 11px var(--vf-violet)); }
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .brand-word { font-weight: 570; letter-spacing: .35em; }
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .icon-button,
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .menu-button {
  border-color: color-mix(in srgb, var(--vf-glass-border) 90%, transparent);
  background: linear-gradient(145deg, color-mix(in srgb, var(--vf-glass-strong) 92%, transparent), color-mix(in srgb, var(--vf-glass) 74%, transparent));
  box-shadow: inset 0 1px 0 var(--vf-glass-edge), 0 8px 22px rgba(31,42,102,.07);
}
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .icon-button:hover,
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .menu-button:hover {
  border-color: color-mix(in srgb, var(--vf-indigo) 34%, transparent);
  box-shadow: inset 0 1px 0 var(--vf-glass-edge), 0 12px 26px rgba(56,62,163,.13), 0 0 0 6px var(--vf-glow-soft);
}

/* Buttons */
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .button {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  background: linear-gradient(145deg, var(--vf-glass-strong), var(--vf-glass));
  box-shadow: inset 0 1px 0 var(--vf-glass-edge), 0 12px 30px rgba(33,45,112,.08);
}
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .button::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0;
  background: linear-gradient(115deg, transparent 25%, rgba(255,255,255,.42) 46%, transparent 67%);
  transform: translateX(-110%);
  transition: transform .7s var(--x-ease-out), opacity .3s ease;
}
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .button:hover::before { opacity: .7; transform: translateX(110%); }
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .button-primary {
  border-color: rgba(118,128,255,.24);
  color: #fff;
  background:
    radial-gradient(circle at 78% 18%, rgba(139,117,255,.38), transparent 30%),
    linear-gradient(135deg, #07102f 0%, #0b1844 62%, #17205a 100%);
  box-shadow: 0 18px 44px rgba(22,31,86,.26), inset 0 1px 0 rgba(255,255,255,.13);
}
html[data-theme="dark"]:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .button-primary {
  color: #07102f;
  background: linear-gradient(135deg, #f7f8ff, #dce5ff 72%, #bfc8ff);
  box-shadow: 0 18px 50px rgba(100,111,255,.16), inset 0 1px 0 #fff;
}

/* Hero */
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .hero {
  min-height: min(900px, calc(100svh - 90px));
  grid-template-columns: minmax(0,.88fr) minmax(500px,1.12fr);
  gap: clamp(28px, 4vw, 72px);
  padding-top: clamp(72px, 8vw, 118px);
  isolation: isolate;
}
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .hero::before {
  content: "";
  position: absolute;
  z-index: -3;
  inset: 4% -12% -4%;
  pointer-events: none;
  background:
    radial-gradient(circle at 73% 38%, color-mix(in srgb, var(--vf-violet) 18%, transparent), transparent 31rem),
    radial-gradient(circle at 48% 69%, color-mix(in srgb, var(--vf-indigo) 8%, transparent), transparent 29rem);
  filter: blur(2px);
}
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .hero-copy { z-index: 5; }
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .eyebrow,
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .section-kicker {
  text-shadow: 0 0 22px color-mix(in srgb, var(--vf-violet) 26%, transparent);
}
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .hero-title {
  max-width: 760px;
  font-size: clamp(51px, 6vw, 91px);
  letter-spacing: -.064em;
  text-shadow: 0 1px 0 rgba(255,255,255,.15);
}
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .gradient-text {
  background-image: linear-gradient(96deg, #5369ff 0%, #806cff 48%, #617dff 100%);
  filter: drop-shadow(0 9px 22px rgba(92,90,255,.17));
}
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .hero-lead { max-width: 640px; }
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .hero-note-dot {
  background: #fff;
  border: 1px solid rgba(110,104,255,.55);
  box-shadow: 0 0 0 6px var(--vf-glow-soft), 0 0 18px var(--vf-violet);
}
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .hero-art {
  min-height: 650px;
  margin-inline: -5% -8%;
  perspective: 1100px;
  transform-style: preserve-3d;
}
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .hero-art::before {
  width: 92%;
  background:
    radial-gradient(circle at var(--vf-light-x,50%) var(--vf-light-y,42%), color-mix(in srgb, var(--vf-violet) 18%, transparent) 0 18%, transparent 59%),
    radial-gradient(circle, color-mix(in srgb, var(--vf-indigo) 10%, transparent), transparent 69%);
  filter: blur(16px);
}
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .hero-art::after {
  inset: 6% 0 0;
  opacity: .96;
  background:
    conic-gradient(from 185deg at 55% 48%, transparent 0 12%, color-mix(in srgb, var(--vf-violet) 7%, transparent) 18%, transparent 33% 72%, color-mix(in srgb, var(--vf-indigo) 8%, transparent) 80%, transparent 92%),
    radial-gradient(ellipse at 55% 74%, var(--vf-glow), transparent 52%);
  filter: blur(24px);
}
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .hero-art-ring {
  width: 68%;
  border-color: color-mix(in srgb, var(--vf-violet) 14%, transparent);
  box-shadow: inset 0 0 44px color-mix(in srgb, var(--vf-violet) 6%, transparent), 0 0 54px color-mix(in srgb, var(--vf-indigo) 7%, transparent);
}
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .hero-x-svg {
  width: min(840px, 120%);
  filter: none;
  transform: translate3d(var(--parallax-x,0),var(--parallax-y,0),0) rotateX(var(--vf-rotate-x,0deg)) rotateY(var(--vf-rotate-y,0deg));
  transform-origin: 60% 48%;
  will-change: transform;
}
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .x-body-v3 {
  transform-origin: 62% 48%;
  animation: vf-x-float 8s var(--x-ease) infinite;
}
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .x-depth-v3 { opacity: .74; }
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .x-glass-edge { mix-blend-mode: screen; }
html[data-theme="dark"]:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .x-glass-edge { mix-blend-mode: normal; }
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .x-glass-inner { opacity: .77; }
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .x-specular {
  stroke-dasharray: 120 900;
  stroke-dashoffset: 40;
  animation: vf-specular 8.5s var(--x-ease) infinite;
}
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .x-specular-b { animation-delay: -2.4s; }
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .x-core-caustic { animation: vf-caustic 5.8s ease-in-out infinite; }
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .x-core-spark { animation: vf-core-spark 4.6s ease-in-out infinite; }
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .hero-caustic-ring { transform-origin: 540px 340px; animation: vf-ring 34s linear infinite; }
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .hero-caustic-ring-b { animation-direction: reverse; animation-duration: 26s; }
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .flow-membrane-group { animation: vf-flow-breathe 7.6s var(--x-ease) infinite; }
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .flow-core-v3 {
  stroke-dasharray: .16 .84;
  stroke-dashoffset: 0;
  animation: vf-flow-run 7.6s linear infinite;
  filter: drop-shadow(0 0 10px var(--vf-violet));
}
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .flow-detached-v3 { opacity: .62; animation: vf-detached 7.6s var(--x-ease) infinite; }
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .flow-signal-v3 { animation: vf-signal 7.6s linear infinite; }
@keyframes vf-x-float {
  0%,100% { transform: translate3d(0,0,0) rotate(.1deg) scale(1); }
  48% { transform: translate3d(0,-7px,0) rotate(-.22deg) scale(1.008); }
  68% { transform: translate3d(0,-2px,0) rotate(.08deg) scale(1.003); }
}
@keyframes vf-specular {
  0%,18% { stroke-dashoffset: 185; opacity: .18; }
  44% { opacity: .86; }
  72%,100% { stroke-dashoffset: -520; opacity: .25; }
}
@keyframes vf-caustic { 0%,100% { opacity:.38; transform:scale(.94); } 50% { opacity:.72; transform:scale(1.05); } }
@keyframes vf-core-spark { 0%,100% { opacity:.52; transform:scale(.7); } 46% { opacity:1; transform:scale(1.22); } }
@keyframes vf-ring { to { transform:rotate(360deg); } }
@keyframes vf-flow-breathe { 0%,100% { opacity:.56; } 42%,62% { opacity:1; } }
@keyframes vf-flow-run { to { stroke-dashoffset:-1; } }
@keyframes vf-detached { 0%,24%,100% { opacity:.12; transform:translateX(8px); } 48%,74% { opacity:.67; transform:translateX(0); } }
@keyframes vf-signal {
  0%,24% { offset-distance:0%; opacity:0; transform:scale(.55); }
  33% { opacity:1; }
  72% { opacity:.9; }
  87%,100% { offset-distance:100%; opacity:0; transform:scale(.35); }
}

/* Section structure and titles */
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .build-section,
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .shift-section,
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .workflow-section,
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .process-section,
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .why-section {
  isolation: isolate;
}
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .section-title {
  letter-spacing: -.064em;
  text-shadow: 0 1px 0 rgba(255,255,255,.11);
}

/* Section 2 — rich service instruments */
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .build-section::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 10% 2% 12%;
  border-radius: 56px;
  pointer-events: none;
  background:
    radial-gradient(circle at 32% 27%, color-mix(in srgb, var(--vf-violet) 10%, transparent), transparent 30rem),
    radial-gradient(circle at 73% 66%, color-mix(in srgb, var(--vf-indigo) 8%, transparent), transparent 27rem);
}
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .build-flow-bridge .flow-ghost { opacity:.42; filter:blur(18px); }
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .build-flow-bridge .flow-core {
  stroke-width: 5;
  stroke-dasharray: 38 142;
  filter: drop-shadow(0 0 12px var(--vf-glow));
}
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .service-card {
  min-height: clamp(570px, 50vw, 690px);
  border-radius: 40px;
  background:
    radial-gradient(circle at var(--card-x) var(--card-y), color-mix(in srgb, var(--vf-violet) 14%, transparent), transparent 27%),
    linear-gradient(145deg, var(--vf-glass-strong), color-mix(in srgb, var(--vf-glass) 86%, transparent));
  box-shadow: var(--vf-shadow), inset 0 1px 0 var(--vf-glass-edge), inset 0 -1px 0 color-mix(in srgb, var(--vf-indigo) 8%, transparent);
}
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .service-card::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background:
    linear-gradient(115deg, rgba(255,255,255,.28), transparent 18% 78%, rgba(116,103,255,.08)),
    radial-gradient(circle at 72% 8%, rgba(255,255,255,.22), transparent 25%);
  mix-blend-mode: soft-light;
}
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .service-card:hover,
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .service-card:focus-within {
  transform: translateY(-9px) scale(1.006);
  box-shadow: 0 45px 120px rgba(42,52,136,.20), inset 0 1px 0 var(--vf-glass-edge), 0 0 0 1px color-mix(in srgb, var(--vf-violet) 18%, transparent);
}
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .service-visual {
  min-height: 330px;
  padding: clamp(24px,3vw,42px);
  background:
    linear-gradient(var(--vf-grid) 1px, transparent 1px),
    linear-gradient(90deg, var(--vf-grid) 1px, transparent 1px),
    radial-gradient(circle at 52% 55%, color-mix(in srgb, var(--vf-violet) 13%, transparent), transparent 43%);
  background-size: 30px 30px, 30px 30px, auto;
  mask-image: linear-gradient(#000 70%, transparent 100%);
  -webkit-mask-image: linear-gradient(#000 70%, transparent 100%);
}
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .service-visual::before {
  content:"";
  position:absolute;
  width:45%;
  aspect-ratio:1;
  inset:18% auto auto 28%;
  border-radius:50%;
  border:1px solid color-mix(in srgb, var(--vf-violet) 19%, transparent);
  box-shadow: 0 0 60px var(--vf-glow-soft), inset 0 0 40px var(--vf-glow-soft);
  animation: vf-service-orbit 20s linear infinite;
}
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .service-visual svg { position:relative; z-index:2; filter:drop-shadow(0 17px 26px rgba(62,67,175,.13)); }
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .visual-panel,
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .visual-soft,
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .visual-node {
  fill: color-mix(in srgb, var(--x-surface) 75%, transparent);
  stroke: color-mix(in srgb, var(--vf-indigo) 25%, transparent);
  filter: drop-shadow(0 10px 12px rgba(48,57,143,.10));
}
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .visual-flow {
  stroke-width: 6;
  filter: drop-shadow(0 0 10px var(--vf-glow));
}
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .visual-glow { stroke-width:32; opacity:.72; filter:blur(12px); }
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .visual-active {
  filter: drop-shadow(0 0 12px var(--vf-glow));
}
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .service-capability {
  border-color: color-mix(in srgb, var(--vf-indigo) 16%, transparent);
  background: color-mix(in srgb, var(--vf-glass-strong) 75%, transparent);
  box-shadow: inset 0 1px 0 var(--vf-glass-edge);
}
@keyframes vf-service-orbit { to { transform:rotate(360deg); } }

/* Section 3 — transformation chamber */
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .shift-section {
  background:
    radial-gradient(circle at 50% 55%, color-mix(in srgb, var(--vf-violet) 8%, transparent), transparent 32rem),
    linear-gradient(180deg, transparent, color-mix(in srgb, var(--x-bg-soft) 64%, transparent), transparent);
}
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .shift-board {
  border-radius: 44px;
  padding: clamp(28px,4vw,54px);
  box-shadow: var(--vf-shadow), inset 0 1px 0 var(--vf-glass-edge);
  background:
    linear-gradient(var(--vf-grid) 1px, transparent 1px),
    linear-gradient(90deg, var(--vf-grid) 1px, transparent 1px),
    linear-gradient(145deg, var(--vf-glass-strong), var(--vf-glass));
  background-size: 44px 44px, 44px 44px, auto;
}
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .shift-board::after {
  content:"";
  position:absolute;
  inset:7% 30%;
  border-radius:50%;
  pointer-events:none;
  background:radial-gradient(circle, var(--vf-glow), transparent 68%);
  filter:blur(20px);
  opacity:.68;
}
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .shift-item,
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .shift-outcome {
  border-color: color-mix(in srgb, var(--vf-indigo) 15%, transparent);
  background: linear-gradient(145deg, color-mix(in srgb, var(--vf-glass-strong) 82%, transparent), color-mix(in srgb, var(--vf-glass) 68%, transparent));
  box-shadow: inset 0 1px 0 var(--vf-glass-edge), 0 12px 26px rgba(38,48,115,.06);
}
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .shift-item.is-active,
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .shift-outcome.is-active {
  border-color: color-mix(in srgb, var(--vf-violet) 46%, transparent);
  background:
    radial-gradient(circle at 15% 50%, color-mix(in srgb, var(--vf-violet) 16%, transparent), transparent 45%),
    linear-gradient(145deg, var(--vf-glass-strong), var(--vf-glass));
  box-shadow: 0 18px 48px rgba(59,62,172,.14), inset 0 1px 0 var(--vf-glass-edge), 0 0 0 5px var(--vf-glow-soft);
}
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .shift-engine svg { filter: drop-shadow(0 25px 38px rgba(48,55,160,.19)); }
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .shift-engine-ring-a { stroke-width:1.3; opacity:.52; }
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .shift-engine-ring-b { stroke-width:1.1; opacity:.32; }
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .shift-path { stroke-width:2; opacity:.22; }
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .shift-path.is-active {
  stroke-width:7;
  opacity:.96;
  filter: drop-shadow(0 0 12px var(--vf-violet));
}
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .shift-engine-x {
  filter: drop-shadow(0 18px 28px rgba(70,75,198,.27)) drop-shadow(0 0 16px rgba(123,108,255,.16));
}
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .shift-engine-core {
  fill:#fff;
  stroke:var(--vf-violet);
  filter:drop-shadow(0 0 13px var(--vf-violet));
}

/* Workflow console */
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .workflow-console {
  overflow:hidden;
  border-radius:44px;
  box-shadow:var(--vf-shadow), inset 0 1px 0 var(--vf-glass-edge);
  background:
    radial-gradient(circle at 66% 23%, color-mix(in srgb, var(--vf-violet) 10%, transparent), transparent 27rem),
    linear-gradient(145deg,var(--vf-glass-strong),var(--vf-glass));
}
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .workflow-console::after {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.65;
  background:
    linear-gradient(var(--vf-grid) 1px,transparent 1px),
    linear-gradient(90deg,var(--vf-grid) 1px,transparent 1px);
  background-size:38px 38px;
  mask-image:linear-gradient(90deg,transparent,#000 35%,#000 75%,transparent);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 35%,#000 75%,transparent);
}
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .workflow-input-card,
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .workflow-result-card { position:relative; z-index:2; }
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .workflow-result-card {
  background:
    radial-gradient(circle at 50% 12%, color-mix(in srgb, var(--vf-violet) 15%, transparent), transparent 34%),
    color-mix(in srgb,var(--vf-glass-strong) 80%,transparent);
}
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .workflow-textarea {
  border-radius:22px;
  border-color:color-mix(in srgb,var(--vf-indigo) 21%,transparent);
  background:linear-gradient(145deg,color-mix(in srgb,var(--vf-glass-strong) 82%,transparent),color-mix(in srgb,var(--vf-glass) 74%,transparent));
  box-shadow:inset 0 1px 0 var(--vf-glass-edge),inset 0 0 0 1px rgba(255,255,255,.02),0 12px 28px rgba(32,43,104,.05);
}
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .workflow-core {
  width:86px;
  height:86px;
  border-color:color-mix(in srgb,var(--vf-violet) 32%,transparent);
  background:
    radial-gradient(circle at 37% 28%,#fff 0 5%,transparent 17%),
    radial-gradient(circle at 45% 39%,color-mix(in srgb,var(--vf-ice) 85%,transparent),transparent 42%),
    linear-gradient(145deg,color-mix(in srgb,var(--vf-glass-strong) 90%,transparent),color-mix(in srgb,var(--vf-violet) 18%,var(--vf-glass)));
  box-shadow:0 22px 52px rgba(66,69,190,.22),inset 0 1px 0 #fff,inset 0 -8px 24px rgba(73,78,196,.14),0 0 0 9px var(--vf-glow-soft);
}
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .workflow-core::before { inset:-16px; border-color:color-mix(in srgb,var(--vf-violet) 19%,transparent); }
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .workflow-core::after { inset:-30px; border-color:color-mix(in srgb,var(--vf-indigo) 12%,transparent); }
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .workflow-stage {
  border-color:color-mix(in srgb,var(--vf-indigo) 18%,transparent);
  background:linear-gradient(145deg,color-mix(in srgb,var(--vf-glass-strong) 86%,transparent),color-mix(in srgb,var(--vf-glass) 75%,transparent));
  box-shadow:inset 0 1px 0 var(--vf-glass-edge),0 12px 30px rgba(37,47,116,.07);
}
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .workflow-result-card.is-mapped .workflow-stage {
  box-shadow:inset 0 1px 0 var(--vf-glass-edge),0 18px 42px rgba(57,62,164,.11),0 0 0 1px color-mix(in srgb,var(--vf-violet) 12%,transparent);
}

/* Process — four precision modules around one build field */
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .process-section {
  background:
    radial-gradient(circle at 50% 60%,color-mix(in srgb,var(--vf-violet) 10%,transparent),transparent 32rem),
    linear-gradient(180deg,transparent,color-mix(in srgb,var(--x-bg-soft) 72%,transparent),transparent);
}
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .process-board { padding-block:50px; }
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .process-route-soft { stroke-width:34; opacity:.38; filter:blur(14px); }
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .process-route-base { stroke-width:1.5; opacity:.42; }
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .process-route-active { stroke-width:7; filter:drop-shadow(0 0 11px var(--vf-violet)); }
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .process-step {
  border-radius:30px;
  min-height:320px;
  background:
    radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--vf-violet) 8%,transparent),transparent 38%),
    linear-gradient(145deg,var(--vf-glass-strong),var(--vf-glass));
}
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .process-step.is-active {
  transform:translateY(-11px) scale(1.018);
  border-color:color-mix(in srgb,var(--vf-violet) 44%,transparent);
  box-shadow:0 38px 90px rgba(49,58,151,.19),inset 0 1px 0 var(--vf-glass-edge),0 0 0 7px var(--vf-glow-soft);
}
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .process-step[data-process-step="2"] {
  background:
    radial-gradient(circle at 50% 6%,color-mix(in srgb,var(--vf-violet) 22%,transparent),transparent 40%),
    linear-gradient(145deg,color-mix(in srgb,var(--vf-glass-strong) 96%,transparent),color-mix(in srgb,var(--vf-indigo) 8%,var(--vf-glass)));
}
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .process-icon {
  border-color:color-mix(in srgb,var(--vf-violet) 24%,transparent);
  background:linear-gradient(145deg,var(--vf-glass-strong),var(--vf-glass));
  box-shadow:inset 0 1px 0 var(--vf-glass-edge),0 10px 24px rgba(46,54,137,.09);
}
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .process-step.is-active .process-icon {
  color:#fff;
  background:linear-gradient(135deg,var(--vf-indigo),var(--vf-violet));
  box-shadow:0 16px 34px rgba(86,78,225,.30),inset 0 1px 0 rgba(255,255,255,.35);
}
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .process-orbit { opacity:.62; filter:drop-shadow(0 0 18px var(--vf-glow)); }

/* Why — editorial accordion + luminous instruments */
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .why-section {
  background:
    radial-gradient(circle at 15% 23%,color-mix(in srgb,var(--vf-indigo) 8%,transparent),transparent 28rem),
    radial-gradient(circle at 82% 70%,color-mix(in srgb,var(--vf-violet) 9%,transparent),transparent 31rem);
}
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .why-principles { gap:14px; }
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .why-principle {
  overflow:hidden;
  border:1px solid var(--vf-glass-border);
  border-radius:28px;
  padding-inline:26px;
  transition:transform .45s var(--x-ease-out),border-color .35s ease,box-shadow .45s ease;
}
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .why-principle.is-active {
  transform:translateY(-4px);
  border-color:color-mix(in srgb,var(--vf-violet) 35%,transparent);
  box-shadow:0 28px 76px rgba(47,56,147,.15),inset 0 1px 0 var(--vf-glass-edge),0 0 0 6px var(--vf-glow-soft);
}
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .why-principle::after {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:0;
  background:radial-gradient(circle at 72% 40%,color-mix(in srgb,var(--vf-violet) 12%,transparent),transparent 36%);
  transition:opacity .45s ease;
}
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .why-principle.is-active::after { opacity:1; }
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .why-trigger { position:relative; z-index:2; }
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .why-title { font-weight:690; }
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .why-arrow {
  border-color:color-mix(in srgb,var(--vf-violet) 24%,transparent);
  background:linear-gradient(145deg,var(--vf-glass-strong),var(--vf-glass));
  box-shadow:inset 0 1px 0 var(--vf-glass-edge),0 9px 21px rgba(46,55,130,.08);
}
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .why-panel { position:relative; z-index:2; }
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .why-visual {
  min-height:176px;
  border-radius:24px;
  background:
    linear-gradient(var(--vf-grid) 1px,transparent 1px),
    linear-gradient(90deg,var(--vf-grid) 1px,transparent 1px),
    radial-gradient(circle at 48% 52%,color-mix(in srgb,var(--vf-violet) 14%,transparent),transparent 44%),
    linear-gradient(145deg,var(--vf-glass-strong),var(--vf-glass));
  background-size:22px 22px,22px 22px,auto,auto;
  box-shadow:inset 0 1px 0 var(--vf-glass-edge),0 18px 44px rgba(48,57,139,.10);
}
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .why-visual::before {
  content:"";
  position:absolute;
  inset:16% 24%;
  border-radius:50%;
  border:1px solid color-mix(in srgb,var(--vf-violet) 20%,transparent);
  box-shadow:0 0 42px var(--vf-glow-soft),inset 0 0 34px var(--vf-glow-soft);
}
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .why-visual svg { z-index:2; filter:drop-shadow(0 14px 20px rgba(49,56,151,.16)); }
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .why-flow-line { stroke-width:1.5; opacity:.46; }
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .why-flow-pulse { stroke-width:5; filter:drop-shadow(0 0 10px var(--vf-violet)); }
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .why-x-path { stroke-width:11; filter:drop-shadow(0 8px 12px var(--vf-glow)); }

/* Final CTA and footer */
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .final-cta-section {
  padding-block:138px 110px;
  background:
    radial-gradient(circle at 78% 42%,color-mix(in srgb,var(--vf-violet) 16%,transparent),transparent 33rem),
    radial-gradient(circle at 13% 83%,color-mix(in srgb,var(--vf-indigo) 8%,transparent),transparent 25rem),
    linear-gradient(180deg,transparent,color-mix(in srgb,var(--x-bg-soft) 78%,transparent));
}
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .final-cta-visual { min-height:430px; }
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .final-cta-visual::before {
  width:92%;
  background:
    radial-gradient(circle at 64% 50%,var(--vf-glow),transparent 43%),
    conic-gradient(from 210deg,transparent,color-mix(in srgb,var(--vf-violet) 9%,transparent),transparent 42% 80%,color-mix(in srgb,var(--vf-indigo) 7%,transparent),transparent);
  filter:blur(18px);
}
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .final-cta-svg { filter:drop-shadow(0 28px 55px rgba(67,69,183,.22)); }
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .cta-flow-base { opacity:.3; }
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .cta-flow-active { stroke-width:8; filter:url(#ctaFlowGlow) drop-shadow(0 0 9px var(--vf-violet)); }
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .cta-x-main {
  stroke-width:22;
  filter:url(#ctaXGlow) drop-shadow(0 13px 16px rgba(49,57,158,.20));
}
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .cta-x-highlight { stroke-width:3.4; opacity:.72; }
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .site-footer {
  background:
    radial-gradient(circle at 8% 3%,color-mix(in srgb,var(--vf-violet) 8%,transparent),transparent 24rem),
    color-mix(in srgb,var(--x-bg-soft) 82%,var(--x-bg));
}
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .footer-main { padding-block:70px 54px; }
html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .footer-lockup .brand-mark { filter:drop-shadow(0 10px 20px rgba(79,80,225,.22)); }

/* Mobile is composed, not merely compressed */
@media (max-width: 1040px) {
  html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .hero { grid-template-columns:minmax(0,1fr) minmax(390px,.86fr); }
  html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .hero-art { margin-inline:-8% -12%; }
}
@media (max-width: 800px) {
  html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .navbar { min-height:66px; border-radius:20px; }
  html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) body.is-scrolled .navbar { min-height:58px; transform:translateY(-1px) scale(.985); }
  html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .hero {
    grid-template-columns:1fr;
    min-height:auto;
    padding-top:66px;
    gap:6px;
  }
  html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .hero-copy { max-width:720px; }
  html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .hero-art {
    min-height:490px;
    margin:-26px -10% 0;
    order:2;
  }
  html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .hero-x-svg { width:min(760px,116%); }
  html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .shift-board { border-radius:34px; }
  html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .workflow-console { border-radius:34px; }
  html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .process-step { min-height:250px; }
}
@media (max-width: 700px) {
  html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .why-principle { padding-inline:15px; border-radius:22px; }
  html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .why-trigger { align-items:start; }
  html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .why-title,
  html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .why-lead { display:block; }
  html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .why-lead { margin-top:7px; }
  html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .why-panel,
  html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .why-principle.is-active .why-panel { padding-inline:50px 0; }
  html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .final-cta-section { padding-block:96px 68px; }
  html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .final-cta-grid { gap:8px; }
  html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .final-cta-visual { min-height:260px; margin-top:-8px; }
  html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .footer-main { gap:28px 22px; padding-block:50px 38px; }
}
@media (max-width: 560px) {
  html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .site-header .brand-mark { width:35px; height:35px; }
  html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .brand-word { font-size:12px; letter-spacing:.29em; }
  html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .navbar { padding:7px 8px 7px 11px; }
  html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .hero { padding-top:52px; }
  html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .hero-title { font-size:clamp(42px,13.2vw,58px); line-height:.99; }
  html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .hero-art { min-height:390px; margin:-12px -18% 0; }
  html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .hero-x-svg { width:128%; }
  html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .service-card { border-radius:28px; }
  html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .service-visual { min-height:260px; }
  html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .service-visual::before { width:58%; inset:16% auto auto 21%; }
  html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .shift-board { padding:19px; border-radius:26px; }
  html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .workflow-console { border-radius:26px; }
  html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .process-step { border-radius:24px; }
  html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .why-visual { min-height:145px; }
  html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .final-cta-title { font-size:clamp(43px,12.6vw,59px); }
  html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .final-cta-visual { min-height:230px; margin-inline:-15%; }
  html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .footer-main { grid-template-columns:1fr; }
}

@media (prefers-reduced-motion: reduce) {
  html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .x-body-v3,
  html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .x-specular,
  html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .x-core-caustic,
  html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .x-core-spark,
  html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .hero-caustic-ring,
  html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .flow-membrane-group,
  html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .flow-core-v3,
  html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .flow-detached-v3,
  html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .flow-signal-v3,
  html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .service-visual::before { animation:none !important; }
  html:is([data-visual-fidelity="v3"],[data-visual-fidelity="v4"]) .flow-signal-v3 { display:none; }
}