:root { --red: #e21914; --red-deep: #bb1314; --ink: #171717; --graphite: #3e3a39; --muted: #6e7177; --paper: #f7f7f5; --paper-warm: #f4f0ef; --soft: #eceff2; --line: rgba(23,23,23,0.13); --night: #080b0f; --night-soft: #111820; --white: #ffffff; --content: min(1180px,calc(100vw - 80px)); --wide: min(1380px,calc(100vw - 48px)); --header-height: 72px; --ease: cubic-bezier(0.22,1,0.36,1); --font-sans: "SF Pro Display","SF Pro Text","Helvetica Neue","PingFang SC","Hiragino Sans GB",sans-serif; --font-editorial: "Songti SC","STSong","Noto Serif CJK SC",serif; }* { box-sizing: border-box; }html { scroll-behavior: auto; background: var(--paper); }body { margin: 0px; color: var(--ink); background: var(--paper); font-family: var(--font-sans); font-size: 16px; line-height: 1.5; -webkit-font-smoothing: antialiased; overflow-x: clip; }button, a { font: inherit; }a { color: inherit; text-decoration: none; }button { color: inherit; }img { display: block; max-width: 100%; }.skip-link { position: fixed; z-index: 999; top: 12px; left: 12px; padding: 10px 14px; border-radius: 999px; color: var(--white); background: var(--red); transform: translateY(-160%); transition: transform 180ms; }.skip-link:focus { transform: translateY(0px); }.container { width: var(--content); margin-inline: auto; }.container-wide { width: var(--wide); margin-inline: auto; }.section-light { background: var(--paper); }.button { display: inline-flex; min-height: 50px; align-items: center; justify-content: center; padding: 0px 24px; border: 0px; border-radius: 999px; cursor: pointer; font-family: inherit; font-size: 14px; font-weight: 650; transition: transform 240ms var(--ease),background-color 240ms ease,color 240ms ease; }.button:hover { transform: translateY(-2px); }.button-dark { color: var(--white); background: var(--ink); }.button-dark:hover { background: var(--red); }.text-link, .outline-link { display: inline-flex; align-items: center; gap: 9px; font-size: 14px; font-weight: 650; }.text-link span, .outline-link span { display: inline-grid; width: 28px; height: 28px; place-items: center; border: 1px solid; border-radius: 50%; transition: color 220ms ease,background-color 220ms ease,transform 220ms var(--ease); }.text-link:hover span, .outline-link:hover span { color: var(--white); background: var(--red); border-color: var(--red); transform: rotate(45deg); }.site-header { position: fixed; z-index: 100; top: 0px; right: 0px; left: 0px; height: var(--header-height); color: var(--ink); transition: color 420ms var(--ease),background-color 420ms var(--ease),backdrop-filter 420ms var(--ease),transform 420ms var(--ease); }.site-header::after { position: absolute; right: 0px; bottom: 0px; left: 0px; height: 1px; background: currentcolor; content: ""; opacity: 0.08; }.header-inner { display: grid; width: var(--wide); height: var(--header-height); align-items: center; margin-inline: auto; grid-template-columns: 130px 1fr 190px; }.brand { display: inline-flex; width: max-content; align-items: center; gap: 8px; }.desktop-nav { display: flex; align-items: center; justify-content: center; gap: clamp(20px, 2.3vw, 38px); }.desktop-nav a { position: relative; display: inline-flex; min-height: 44px; align-items: center; font-size: 13px; font-weight: 560; white-space: nowrap; }.desktop-nav a::after { position: absolute; right: 0px; bottom: -8px; left: 0px; height: 1px; background: currentcolor; content: ""; transform: scaleX(0); transform-origin: right center; transition: transform 260ms var(--ease); }.desktop-nav a:hover::after { transform: scaleX(1); transform-origin: left center; }.header-actions { display: flex; align-items: center; justify-content: flex-end; gap: 14px; }.header-contact { display: inline-flex; min-height: 38px; align-items: center; padding: 0px 17px; border: 1px solid; border-radius: 999px; font-size: 12px; font-weight: 650; transition: color 220ms, background-color 220ms, border-color 220ms; }.header-contact:hover { color: var(--white); background: var(--red); border-color: var(--red); }.menu-toggle { display: none; width: 42px; height: 42px; padding: 0px; border: 0px; background: transparent; cursor: pointer; }.menu-toggle span { display: block; width: 18px; height: 1px; margin: 5px auto; background: currentcolor; transition: transform 220ms; }.mobile-menu { position: fixed; z-index: -1; inset: 0px; display: flex; flex-direction: column; padding: calc(var(--header-height) + 54px) 28px 36px; color: var(--ink); background: rgba(247, 247, 245, 0.98); backdrop-filter: blur(22px); }.mobile-menu[hidden] { display: none; }.mobile-menu nav { display: grid; }.mobile-menu nav a { padding: 17px 0px; border-bottom: 1px solid var(--line); font-size: clamp(25px, 8vw, 38px); font-weight: 580; letter-spacing: -0.045em; }.mobile-menu-foot { display: flex; margin-top: auto; padding-top: 28px; justify-content: space-between; font-size: 11px; letter-spacing: 0.08em; }.mobile-menu-foot a { color: var(--red); font-weight: 700; }.hero { position: relative; min-height: 1160px; overflow: hidden; padding-top: calc(var(--header-height) + 98px); }.hero-copy { position: relative; z-index: 1; text-align: center; }.hero h1 { max-width: 1050px; margin: 34px auto 0px; font-size: clamp(64px, 7.3vw, 116px); font-weight: 610; letter-spacing: -0.075em; line-height: 0.99; }.hero-summary { max-width: 700px; margin: 32px auto 0px; color: var(--muted); font-size: clamp(18px, 1.55vw, 24px); line-height: 1.62; }.hero-actions { display: flex; align-items: center; justify-content: center; gap: 27px; margin-top: 35px; }.hero-stage-wrap { margin-top: 88px; }.hero-stage { position: relative; display: grid; height: 540px; grid-template-columns: 1.56fr 0.72fr 0.72fr; overflow: hidden; border-radius: 3px; background: var(--night); box-shadow: rgba(9, 15, 22, 0.23) 0px 30px 90px; transition: none; }.hero-shot { position: relative; min-width: 0px; padding: 0px; overflow: hidden; border-width: 0px 1px 0px 0px; border-style: none solid none none; border-color: currentcolor rgba(255, 255, 255, 0.12) currentcolor currentcolor; border-image: none; color: inherit; background: transparent; cursor: pointer; font: inherit; text-align: left; appearance: none; isolation: isolate; }.hero-shot-hit { position: absolute; z-index: 5; top: 0px; bottom: 0px; left: 0px; width: 46.1538%; pointer-events: auto; }.hero-shot.is-active .hero-shot-hit { width: 100%; }.hero-shot:last-of-type { border-right: 0px; }.hero-shot-media { display: block; width: 100%; height: 100%; }.hero-shot img { width: 100%; height: 100%; object-fit: cover; filter: saturate(0.84) brightness(0.82); transform: scale(1.08); transition: transform 2400ms var(--ease); }.hero-shot.is-active img { transform: scale(1.01); }.hero-shot[data-shot="0"] img { object-position: 56% 50%; filter: saturate(0.88) brightness(0.9) contrast(1.05); }.hero-shot[data-shot="0"] .shot-shade { background: linear-gradient(rgba(12, 18, 28, 0.14), rgba(7, 10, 15, 0.02) 48%, rgba(7, 10, 15, 0.12) 62%, rgba(5, 8, 12, 0.94)); }@media (max-width: 1180px) {.hero-shot[data-shot="0"] img { object-position: 50% 40%; }}.shot-shade { position: absolute; z-index: 1; inset: 0px; background: linear-gradient(rgba(5, 8, 12, 0.14), transparent 38%, rgba(5, 8, 12, 0.9)); opacity: 1; transition: opacity 700ms var(--ease); }.hero-shot.is-active .shot-shade { opacity: 0.78; }.hero-shot::after { position: absolute; z-index: 2; right: 0px; bottom: 0px; left: 0px; height: 2px; background: var(--red); content: ""; transform: scaleX(0); transform-origin: left center; transition: transform 900ms var(--ease); }.hero-shot.is-active::after { transform: scaleX(1); }.shot-copy { position: absolute; z-index: 3; right: 28px; bottom: 31px; left: 28px; color: var(--white); }.shot-copy span, .shot-copy small { display: block; color: rgba(255, 255, 255, 0.58); font-size: 10px; letter-spacing: 0.13em; }.shot-copy strong { display: block; margin: 8px 0px 3px; font-size: clamp(22px, 2vw, 32px); font-weight: 620; letter-spacing: -0.045em; white-space: nowrap; }.hero-shot:not(.is-active) .shot-copy small { opacity: 0; }@media (min-width: 761px) {@supports (clip-path:inset(0)) {.hero-stage { display: block; }.hero-shot { position: absolute; inset: 0px auto 0px 0px; width: 52%; height: 100%; border-right: 0px; clip-path: inset(0px 53.8462% 0px 0px); transition: transform 700ms var(--ease),clip-path 700ms var(--ease); }.hero-shot.is-active { clip-path: inset(0px); }.hero-stage[data-active="0"] .hero-shot[data-shot="0"], .hero-stage[data-active="1"] .hero-shot[data-shot="0"], .hero-stage[data-active="2"] .hero-shot[data-shot="0"] { transform: translate3d(0px, 0px, 0px); }.hero-stage[data-active="0"] .hero-shot[data-shot="1"] { transform: translate3d(100%, 0px, 0px); }.hero-stage[data-active="0"] .hero-shot[data-shot="2"], .hero-stage[data-active="1"] .hero-shot[data-shot="2"] { transform: translate3d(146.154%, 0px, 0px); }}.shot-copy { bottom: 16px; }.shot-copy small { block-size: 30px; overflow: hidden; }}.hero-mechanism-intro { display: grid; margin-bottom: clamp(28px, 3vw, 44px); padding-top: clamp(22px, 2.2vw, 32px); align-items: end; border-top: 1px solid rgba(23, 25, 27, 0.15); grid-template-columns: minmax(0px, 0.9fr) minmax(360px, 0.72fr); gap: clamp(44px, 7vw, 112px); }.hero-mechanism-intro h2 { max-width: 720px; margin: 0px; color: rgb(23, 25, 27); font-size: clamp(38px, 3.6vw, 56px); font-weight: 620; letter-spacing: -0.055em; line-height: 1.05; }.hero-mechanism-intro p { max-width: 620px; margin: 0px 0px 3px; color: rgb(92, 98, 102); font-size: clamp(15px, 1.22vw, 19px); line-height: 1.7; }.shot-step-label { align-items: center; gap: 10px; display: flex !important; }.shot-step-label em { color: rgba(255, 255, 255, 0.62); font-size: 10px; font-style: normal; font-weight: 650; letter-spacing: 0.13em; line-height: 1; }.hero-shot.is-active .shot-step-label em { color: rgba(255, 255, 255, 0.9); }@media (max-width: 760px) {.hero-mechanism-intro { margin-bottom: 24px; padding-top: 20px; grid-template-columns: 1fr; gap: 16px; }.hero-mechanism-intro h2 { max-width: 12em; font-size: clamp(32px, 9vw, 42px); line-height: 1.08; }.hero-mechanism-intro p { max-width: 34em; font-size: 15px; line-height: 1.68; }.shot-step-label em { font-size: 10px; }}@media (max-width: 760px) {.hero-stage { display: block; }.hero-shot { position: absolute; inset: 0px; width: 100%; border: 0px; opacity: 0; pointer-events: none; transform: none; clip-path: none; transition: opacity 700ms var(--ease); }.hero-shot.is-active { opacity: 1; pointer-events: auto; }.hero-shot-hit { width: 100%; }}.stage-topline { position: absolute; z-index: 4; top: 24px; right: 26px; left: 26px; display: flex; justify-content: space-between; color: rgba(17, 24, 34, 0.58); font-size: 10px; letter-spacing: 0.17em; pointer-events: none; text-shadow: rgba(255, 255, 255, 0.72) 0px 1px 10px; }@keyframes architecture-task-flow { 
  0% { left: -8px; opacity: 0; }
  18%, 78% { opacity: 1; }
  100% { left: calc(100% + 1px); opacity: 0; }
}@keyframes architecture-evolution-flow { 
  0% { right: -8px; opacity: 0; }
  18%, 78% { opacity: 1; }
  100% { right: calc(100% + 1px); opacity: 0; }
}@keyframes architecture-sequence { 
  0% { opacity: 0; transform: scaleX(0); }
  25% { opacity: 1; }
  100% { opacity: 1; transform: scaleX(1); }
}@keyframes architecture-scan { 
  0% { opacity: 0; transform: translateX(-120%); }
  30% { opacity: 1; }
  100% { opacity: 0; transform: translateX(120%); }
}@keyframes architecture-cloud-flow { 
  0% { opacity: 0; transform: translateX(-100%); }
  30% { opacity: 1; }
  100% { opacity: 0; transform: translateX(100%); }
}@keyframes architecture-glass-sweep { 
  0% { opacity: 0; transform: translateX(-100%); }
  35% { opacity: 0.45; }
  100% { opacity: 0; transform: translateX(100%); }
}@keyframes architecture-signal-breathe { 
  0%, 100% { opacity: 0.35; filter: brightness(0.8); }
  50% { opacity: 1; filter: brightness(1.35); }
}.hero { padding-bottom: 96px; }.reveal { transition: opacity 820ms var(--ease),transform 1080ms var(--ease),clip-path 1080ms var(--ease); }html.reveal-ready .reveal { opacity: 0; clip-path: inset(0px 0px 9%); transform: translateY(58px) scale(0.986); transform-origin: center bottom; }.reveal-delay-1 { transition-delay: 100ms; }.reveal-delay-2 { transition-delay: 200ms; }.reveal-delay-3 { transition-delay: 300ms; }html.reveal-ready .reveal.is-visible { opacity: 1; clip-path: inset(0px); transform: none; }@keyframes progress { 
  0% { transform: scaleX(0); }
  100% { transform: scaleX(1); }
}@keyframes tech-scan { 
  0%, 18% { left: -18%; opacity: 0; }
  32% { opacity: 1; }
  78%, 100% { left: 118%; opacity: 0; }
}@keyframes pipeline-pulse { 
  0%, 15% { transform: scaleX(0); opacity: 0; }
  45%, 70% { transform: scaleX(1); opacity: 1; }
  100% { transform: scaleX(1); opacity: 0; }
}@keyframes cycle-run { 
  0% { transform: rotate(0deg) translateX(175px) rotate(0deg); }
  100% { transform: rotate(360deg) translateX(175px) rotate(-360deg); }
}@keyframes core-pulse { 
  0% { opacity: 0.85; transform: scale(0.75); }
  80%, 100% { opacity: 0; transform: scale(1.25); }
}@keyframes rail-left { 
  0% { transform: translateX(0px); }
  100% { transform: translateX(-50%); }
}@keyframes rail-right { 
  0% { transform: translateX(-50%); }
  100% { transform: translateX(0px); }
}@keyframes rotate { 
  100% { transform: rotate(360deg); }
}@media (max-width: 1180px) {:root { --content: min(100% - 56px,1080px); --wide: min(100% - 32px,1160px); }.header-inner { grid-template-columns: 100px 1fr 154px; }.desktop-nav { gap: 18px; }.desktop-nav a { font-size: 12px; }}@media (max-width: 900px) {:root { --header-height: 64px; --content: min(100% - 40px,760px); --wide: min(100% - 24px,820px); }.header-inner { grid-template-columns: 1fr auto; }.desktop-nav { display: none; }.header-actions { grid-column: 2; }.menu-toggle { display: grid; width: 44px; height: 44px; padding: 0px; place-items: center; }.site-header .brand { display: flex; min-height: 44px; align-items: center; }.hero { min-height: auto; padding-bottom: 100px; }.hero-stage { height: 500px; }.hero-stage-wrap { margin-top: 64px; }}@media (max-width: 620px) {:root { --content: calc(100% - 36px); --wide: calc(100% - 20px); }.header-contact { display: none; }.hero { padding-top: calc(var(--header-height) + 72px); padding-bottom: 88px; }.hero h1 { margin-top: 24px; font-size: clamp(50px, 14.8vw, 66px); line-height: 1.02; }.hero-summary { margin-top: 24px; font-size: 17px; line-height: 1.65; }.hero-actions { flex-direction: column; gap: 19px; }.hero-stage-wrap { margin-top: 54px; }.hero-stage { display: block; height: 68svh; min-height: 520px; }.hero-shot { position: absolute; inset: 0px; border: 0px; opacity: 0; pointer-events: none; transition: opacity 700ms var(--ease); }.hero-shot.is-active { opacity: 1; }.shot-copy { right: 20px; bottom: 28px; left: 20px; }.shot-copy strong { font-size: 32px; }.stage-topline { right: 18px; left: 18px; }}.site-header .brand-logo-lockup { position: relative; display: block; width: 92px; height: 31px; }.site-header .brand-logo-lockup .brand-logo { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: contain; opacity: 1; filter: none; mix-blend-mode: normal; transition: opacity 280ms; }.site-header .brand-logo-lockup .brand-logo-inverse { opacity: 0; }@media (max-width: 768px) {.site-header .brand-logo-lockup { width: 82px; }}@keyframes brain-evolution-focus { 
  0%, 24% { border-color: rgba(255, 105, 98, 0.78); background: rgba(37, 12, 15, 0.86); transform: translateX(8px); }
  33%, 100% { border-color: rgba(255, 255, 255, 0.18); background: rgba(5, 11, 17, 0.78); transform: translateX(0px); }
}@media (max-width: 900px) {.mobile-menu-foot { align-items: center; gap: 16px; }.mobile-menu-foot > span { margin-right: auto; }}@media (prefers-reduced-motion: reduce) {html { scroll-behavior: auto; }*, ::before, ::after { scroll-behavior: auto !important; animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; }}@keyframes architecture-flow-arrow { 
  0%, 100% { opacity: 0.38; transform: translateX(-3px); }
  48% { opacity: 1; transform: translateX(3px); }
}@keyframes architecture-flow-arrow-mobile { 
  0%, 100% { opacity: 0.38; transform: rotate(90deg) translateX(-2px); }
  48% { opacity: 1; transform: rotate(90deg) translateX(3px); }
}.site-header, .site-header.is-scrolled, .site-header[data-tone="dark"] { color: var(--ink); background: rgba(255, 255, 255, 0.94); backdrop-filter: blur(22px) saturate(135%); }.site-header::after { background: rgb(16, 19, 23); opacity: 0.08; }.brand { gap: 0px; }.brand-logo { display: block; width: 78px; height: auto; object-fit: contain; }@keyframes brain-scan { 
  0%, 100% { opacity: 0.2; transform: translateX(-160px); }
  50% { opacity: 0.7; transform: translateX(160px); }
}@media (max-width: 900px) {.brand-logo { width: 72px; }}@keyframes brain-data-drift { 
  100% { stroke-dashoffset: -72; }
}@keyframes brain-domain-signal { 
  0% { box-shadow: rgba(230, 44, 38, 0) 0px 0px 0px; }
  45% { box-shadow: rgba(230, 44, 38, 0.08) 0px 0px 0px 8px, rgba(230, 44, 38, 0.18) 0px 0px 34px; }
  100% { box-shadow: rgba(230, 44, 38, 0) 0px 0px 0px; }
}@keyframes vehicle-scan-burst { 
  0% { left: 20%; opacity: 0; }
  18% { opacity: 0.78; }
  84% { opacity: 0.36; }
  100% { left: 82%; opacity: 0; }
}@keyframes vehicle-statement-pulse { 
  0% { width: 78px; box-shadow: rgba(240, 75, 68, 0) 0px 0px 0px; }
  48% { width: 44%; box-shadow: rgba(240, 75, 68, 0.34) 0px 0px 18px; }
  100% { width: 78px; box-shadow: rgba(240, 75, 68, 0) 0px 0px 0px; }
}@keyframes brain-cue { 
  0%, 100% { transform: translateY(0px); opacity: 0.45; }
  50% { transform: translateY(6px); opacity: 1; }
}@keyframes brain-response-in { 
  0% { opacity: 0.24; transform: translateY(10px); }
  100% { opacity: 1; transform: translateY(0px); }
}@keyframes brain-sr-copy-in { 
  0% { opacity: 0.35; transform: translateY(8px); }
  100% { opacity: 1; transform: translateY(0px); }
}@keyframes brain-vision-line-in { 
  0% { opacity: 0; transform: translateY(0.62em); }
  100% { opacity: 1; transform: translateY(0px); }
}@keyframes brain-vision-word-in { 
  0% { opacity: 0; transform: translateY(10px); }
  100% { opacity: 1; transform: translateY(0px); }
}@keyframes brain-v19-title-in { 
  0% { opacity: 0; clip-path: inset(0px 0px 92%); transform: translateY(0.7em); }
  100% { opacity: 1; clip-path: inset(0px); transform: translateY(0px); }
}@keyframes brain-v19-phase-copy { 
  0% { opacity: 0; transform: translateY(8px); }
  100% { opacity: 1; transform: translateY(0px); }
}@keyframes brain-v19-eyebrow-line { 
  0%, 14% { opacity: 0.42; transform: scaleX(0.28); }
  42%, 74% { opacity: 1; transform: scaleX(1); }
  100% { opacity: 0.42; transform: scaleX(0.28); }
}main > section[id] { scroll-margin-top: var(--header-height); }@keyframes solution-detail-in { 
  0% { opacity: 0; transform: translateY(8px); }
  100% { opacity: 1; transform: translateY(0px); }
}@keyframes solution-sense { 
  0%, 100% { opacity: 0.42; transform: scale(0.94); }
  50% { opacity: 1; transform: scale(1.03); }
}@keyframes solution-data { 
  0%, 100% { border-color: rgba(255, 255, 255, 0.32); transform: translateY(0px); }
  50% { border-color: rgba(239, 74, 67, 0.78); transform: translateY(-5px); }
}@keyframes system-focus-image-in { 
  0% { opacity: 0.36; transform: scale(1.045); }
  100% { opacity: 1; transform: scale(1.018); }
}@keyframes system-focus-copy-in { 
  0% { opacity: 0; transform: translateY(calc(-50% + 22px)); }
  100% { opacity: 1; transform: translateY(-50%); }
}@keyframes system-focus-keyword-in { 
  0% { opacity: 0; transform: translateY(9px); }
  100% { opacity: 1; transform: translateY(0px); }
}@keyframes system-focus-signal-in { 
  0% { opacity: 0; transform: scaleX(0); }
  100% { opacity: 1; transform: scaleX(1); }
}@keyframes system-focus-copy-in-mobile { 
  0% { opacity: 0; transform: translateY(18px); }
  100% { opacity: 1; transform: translateY(0px); }
}@keyframes agent-node-breathe { 
  0%, 100% { box-shadow: rgba(239, 74, 67, 0.1) 0px 0px 0px 7px; transform: scale(1); }
  50% { box-shadow: rgba(239, 74, 67, 0) 0px 0px 0px 13px; transform: scale(1.055); }
}@keyframes solution-agent-node { 
  100% { opacity: 1; transform: translateY(0px); }
}@keyframes solution-agent-link { 
  100% { transform: scaleX(1); }
}#top.hero { padding-bottom: 0px; background: rgb(247, 247, 245); }#top.hero::after { position: absolute; z-index: 3; right: 0px; bottom: -1px; left: 0px; height: clamp(76px, 8vw, 132px); background: linear-gradient(transparent 0%, rgba(8, 12, 16, 0.52) 72%, rgb(8, 12, 16) 100%); content: ""; pointer-events: none; }#top .hero-stage-wrap { position: relative; z-index: 2; margin-bottom: 0px; }@keyframes topology-signal-pass { 
  0% { stroke-dashoffset: 56; opacity: 0.42; }
  38% { opacity: 1; }
  100% { stroke-dashoffset: 0; opacity: 1; }
}@keyframes topology-node-activate { 
  0% { stroke-width: 2.8; filter: drop-shadow(rgba(239, 74, 67, 0.72) 0px 0px 10px); }
  100% { stroke-width: 1.2; filter: drop-shadow(rgba(239, 74, 67, 0) 0px 0px 0px); }
}@keyframes system-copy-in { 
  0% { opacity: 0; transform: translateY(14px); filter: blur(5px); }
  100% { opacity: 1; transform: translateY(0px); filter: blur(0px); }
}@keyframes agent-wave-out { 
  0% { opacity: 0.9; transform: scale(0.86); }
  100% { opacity: 0; transform: scale(1.55); }
}@keyframes agent-dots-read { 
  0% { opacity: 0; transform: translate(-50%, 5px); }
  34%, 72% { opacity: 1; transform: translate(-50%, 0px); }
  100% { opacity: 0; transform: translate(-50%, -3px); }
}@keyframes agent-sequence-scan { 
  0% { opacity: 0; transform: translateY(-8px); }
  40% { opacity: 1; }
  100% { opacity: 0; transform: translateY(8px); }
}@keyframes agent-route-push { 
  0% { transform: translate(-5px, 4px) rotate(-5deg); opacity: 0.45; }
  60% { transform: translate(3px, -3px) rotate(2deg); opacity: 1; }
  100% { transform: none; opacity: 1; }
}@keyframes agent-complete-draw { 
  0% { opacity: 0; clip-path: inset(0px 100% 0px 0px); }
  40% { opacity: 1; }
  100% { opacity: 0; clip-path: inset(0px); }
}@keyframes agent-signal-arrive { 
  0% { opacity: 0; transform: translate(-50%, -50%) scale(0.4); }
  48% { opacity: 1; transform: translate(-50%, -50%) scale(1.4); }
  100% { opacity: 0; transform: translate(-50%, -50%) scale(1); }
}@keyframes solution-image-focus { 
  0% { opacity: 0.18; filter: blur(8px) saturate(0.72); transform: scale(1.018); }
  100% { opacity: 1; filter: blur(0px) saturate(1); transform: scale(1); }
}@media (max-width: 760px) {#top.hero::after { height: 72px; }}#top.hero::after { height: clamp(92px, 9vw, 138px); background: linear-gradient(transparent 0%, rgba(8, 12, 16, 0.34) 46%, rgb(8, 12, 16) 100%); }.site-header, .site-header.is-scrolled, .site-header[data-tone="light"] { color: rgb(23, 25, 27); background: rgba(247, 247, 245, 0.9); backdrop-filter: blur(20px) saturate(130%); }.site-header[data-tone="light"]::after { background: rgb(16, 19, 23); opacity: 0.08; }.site-header .brand-logo, .site-header .header-contact, .site-header .menu-toggle { transition: color 360ms var(--ease),border-color 360ms var(--ease),background-color 360ms var(--ease),filter 360ms var(--ease); }@keyframes topology-causal-flow { 
  0% { stroke-dashoffset: 1; opacity: 0.35; }
  38% { opacity: 1; }
  100% { stroke-dashoffset: 0; opacity: 1; }
}@keyframes solution-image-resolve { 
  0% { opacity: 0.42; transform: scale(1.018); }
  100% { opacity: 1; transform: scale(1); }
}@keyframes solution-flow-node-in { 
  0% { opacity: 0; transform: translateY(10px); }
  100% { opacity: 1; transform: translateY(0px); }
}@keyframes solution-flow-link-in { 
  0% { transform: translateX(-100%); }
  100% { transform: translateX(0px); }
}#top.hero { padding-bottom: clamp(96px, 7vw, 120px); }#top.hero::after { content: none; background: none; }@media (max-width: 760px) {#top.hero { padding-bottom: 56px; }}.headline-line { display: block; }#top .hero-copy h1 .headline-line { width: auto; white-space: nowrap; }#top.hero { min-height: 0px; padding-bottom: clamp(88px, 7vw, 116px); }#top .hero-copy h1 { max-width: 980px; }#top .hero-summary { max-width: 780px; }#top .hero-stage-wrap { margin-bottom: 0px; }@keyframes embodied-orbit-breathe { 
  0%, 100% { opacity: 0.62; transform: scale(0.98); }
  50% { opacity: 0.9; transform: scale(1.015); }
}@media (max-width: 760px) {#top.hero { padding-bottom: 56px; }#top .hero-copy h1 { font-size: clamp(48px, 14vw, 66px); }#top .hero-summary { font-size: 17px; }}.language-switcher { position: relative; flex: 0 0 auto; color: currentcolor; }.language-switcher summary { list-style: none; }.language-switcher summary::-webkit-details-marker { display: none; }.language-switcher-trigger { display: inline-flex; min-width: 42px; min-height: 44px; align-items: center; justify-content: center; gap: 7px; padding: 0px 10px; border: 1px solid color-mix(in srgb, currentcolor 32%, transparent 68%); border-radius: 999px; cursor: pointer; font-size: 11px; font-weight: 680; line-height: 1; transition: border-color 180ms, color 180ms, background-color 180ms; }.language-switcher-trigger:hover, .language-switcher[open] .language-switcher-trigger { color: rgb(255, 255, 255); border-color: var(--red); background: var(--red); }.language-switcher-chevron { width: 6px; height: 6px; border-right: 1px solid; border-bottom: 1px solid; transform: translateY(-2px) rotate(45deg); transition: transform 180ms; }.language-switcher-list { position: absolute; z-index: 120; top: calc(100% + 10px); right: 0px; display: grid; width: 148px; padding: 7px; border: 1px solid rgba(18, 22, 26, 0.12); border-radius: 12px; color: rgb(23, 25, 27); background: rgba(247, 247, 245, 0.98); box-shadow: rgba(4, 8, 12, 0.16) 0px 16px 42px; backdrop-filter: blur(18px); }.language-switcher-list a { display: flex; min-height: 44px; align-items: center; padding: 0px 10px; border-radius: 7px; font-size: 12px; font-weight: 600; }.language-switcher-list a:hover, .language-switcher-list a:focus-visible { background: rgba(18, 22, 26, 0.06); }.language-switcher-list a[aria-current="true"] { color: var(--red); background: rgba(226, 25, 20, 0.07); }@media (max-width: 768px) {.header-actions { gap: 5px; }.language-switcher-trigger { min-width: 44px; min-height: 44px; padding: 0px 8px; border-color: transparent; }.language-switcher-list { right: -42px; }}html { scrollbar-gutter: stable; }.hero-stage, .hero-shot { backface-visibility: hidden; }.hero-shot img { transition: transform 780ms var(--ease); }.shot-shade { transition: opacity 520ms var(--ease); }@media (min-width: 761px) {.hero-stage { display: block; contain: layout paint; }.hero-shot, .hero-shot.is-active { position: absolute; inset: 0px auto 0px 0px; width: 52%; height: 100%; clip-path: none; transition: transform 620ms var(--ease),opacity 220ms ease; }.hero-stage[data-active="0"] .hero-shot[data-shot="0"], .hero-stage[data-active="1"] .hero-shot[data-shot="0"], .hero-stage[data-active="2"] .hero-shot[data-shot="0"] { transform: translate3d(0px, 0px, 0px); }.hero-stage[data-active="0"] .hero-shot[data-shot="1"] { transform: translate3d(100%, 0px, 0px); }.hero-stage[data-active="0"] .hero-shot[data-shot="2"], .hero-stage[data-active="1"] .hero-shot[data-shot="2"] { transform: translate3d(146.154%, 0px, 0px); }.hero-stage[data-active="0"] .hero-shot[data-shot="0"], .hero-stage[data-active="1"] .hero-shot[data-shot="1"], .hero-stage[data-active="2"] .hero-shot[data-shot="2"] { z-index: 3; }.hero-stage[data-active="0"] .hero-shot[data-shot="1"], .hero-stage[data-active="1"] .hero-shot[data-shot="2"], .hero-stage[data-active="2"] .hero-shot[data-shot="1"] { z-index: 2; }.hero-stage[data-active="0"] .hero-shot[data-shot="2"], .hero-stage[data-active="1"] .hero-shot[data-shot="0"], .hero-stage[data-active="2"] .hero-shot[data-shot="0"] { z-index: 1; }.hero-stage[data-active="0"] .hero-shot[data-shot="1"] { z-index: 1; }.hero-stage[data-active="0"] .hero-shot[data-shot="2"] { z-index: 2; }.shot-copy { bottom: 20px; display: grid; min-height: 100px; grid-template-rows: 20px 42px 38px; align-content: end; }.shot-copy strong { align-self: center; margin: 0px; line-height: 1.04; }.shot-copy small { block-size: 38px; opacity: 1; transform: translateY(0px); transition: opacity 220ms ease,transform 320ms var(--ease); }.hero-shot:not(.is-active) .shot-copy small { opacity: 0; transform: translateY(5px); }}.hero-stage-controls { display: none; }@media (max-width: 760px) {.hero-stage-wrap { position: relative; }.hero-stage { touch-action: pan-y; }.hero-shot, .hero-shot.is-active { transition: opacity 420ms; }.hero-stage-controls { position: absolute; z-index: 9; top: 12px; right: 12px; left: 12px; display: flex; width: max-content; max-width: calc(100% - 24px); min-height: 52px; margin-left: auto; padding: 4px; align-items: center; gap: 4px; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 999px; color: rgb(255, 255, 255); background: rgba(5, 9, 13, 0.72); box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 30px; backdrop-filter: blur(14px); }.stage-topline { display: none; }.hero-stage-selectors { display: flex; gap: 2px; }.hero-stage-selector, .hero-stage-pause { min-width: 44px; height: 44px; padding: 0px; border: 0px; border-radius: 999px; color: rgba(255, 255, 255, 0.62); background: transparent; cursor: pointer; font: inherit; transition: color 160ms, background 160ms, opacity 120ms; }.hero-stage-selector.is-active { color: rgb(255, 255, 255); background: rgb(230, 46, 40); }}:is(.button, .header-contact, .language-switcher-trigger, .hero-stage-selector, .hero-stage-pause):active { opacity: 0.72; }@media (min-width: 761px) {.shot-copy strong { align-self: end; }}