.ai-native-v2.ai-home-page {
  --ml-ink: #edf8ff;
  --ml-muted: #a8c9d8;
  --ml-line: rgba(68, 208, 255, 0.42);
  --ml-cyan: #53e7ff;
  background: #020914;
  color: var(--ml-ink);
  overflow-x: hidden;
  scroll-behavior: smooth;
}

.ai-native-v2.ai-home-page .home,
.ai-native-v2.ai-home-page .tech-background { display: none !important; }
.ai-native-v2 .mosonai-landing { --ml-pointer-x: 50%; --ml-pointer-y: 50%; position: relative; min-height: 100vh; overflow: hidden; background: #020914; color: var(--ml-ink); font-family: "Noto Sans SC", "Microsoft YaHei", sans-serif; isolation: isolate; }
.ai-native-v2 .mosonai-landing::before { position: fixed; z-index: 8; inset: 0; pointer-events: none; content: ""; opacity: .12; background: radial-gradient(circle at var(--ml-pointer-x) var(--ml-pointer-y), rgba(82, 232, 255, .25), transparent 18rem); mix-blend-mode: screen; }
.ai-native-v2 .ml-nav { position: fixed; z-index: 30; top: 0; left: 0; display: grid; grid-template-columns: minmax(220px, 1fr) auto minmax(220px, 1fr); align-items: center; width: 100%; height: 78px; padding: 0 clamp(22px, 5vw, 86px); border-bottom: 1px solid rgba(173, 231, 255, .26); background: rgba(1, 8, 19, .78); box-shadow: 0 10px 35px rgba(0, 0, 0, .22); backdrop-filter: blur(14px) saturate(130%); }
.ai-native-v2 .ml-brand, .ai-native-v2 .ml-nav-links a, .ai-native-v2 .ml-auth, .ai-native-v2 .ml-footer a { color: inherit; text-decoration: none; }
.ai-native-v2 .ml-brand { display: inline-flex; align-items: center; justify-self: start; gap: 13px; color: #fff; font-size: 15px; font-weight: 600; letter-spacing: .08em; white-space: nowrap; }
.ai-native-v2 .ml-brand img { display: block; width: 184px; max-width: 24vw; height: auto; filter: brightness(1.4) saturate(.1) contrast(1.1) drop-shadow(0 0 8px rgba(80, 205, 255, .28)); }
.ai-native-v2 .ml-brand-rule { width: 1px; height: 25px; background: rgba(238, 250, 255, .64); }
.ai-native-v2 .ml-brand-name { color: #d6eaf3; font-size: 14px; letter-spacing: .2em; }
.ai-native-v2 .ml-nav-links { display: flex; align-items: center; justify-content: center; gap: clamp(18px, 3vw, 52px); }
.ai-native-v2 .ml-nav-links a { position: relative; padding: 30px 0 25px; color: rgba(220, 242, 249, .74); font-size: 13px; letter-spacing: .12em; transition: color 180ms ease; }
.ai-native-v2 .ml-nav-links a::after { position: absolute; right: 0; bottom: 17px; left: 0; height: 1px; content: ""; background: var(--ml-cyan); box-shadow: 0 0 10px rgba(83, 231, 255, .9); opacity: 0; transform: scaleX(.35); transition: opacity 180ms ease, transform 180ms ease; }
.ai-native-v2 .ml-nav-links a:hover, .ai-native-v2 .ml-nav-links a:focus-visible { color: #fff; }
.ai-native-v2 .ml-nav-links a:hover::after, .ai-native-v2 .ml-nav-links a:focus-visible::after { opacity: 1; transform: scaleX(1); }
.ai-native-v2 .ml-auth-links { display: flex; justify-self: end; gap: 10px; }
.ai-native-v2 .ml-auth-menu { position: relative; }
.ai-native-v2 .ml-auth-menu-trigger { position: relative; cursor: pointer; font: inherit; text-align: center; }
.ai-native-v2 .ml-auth-menu-trigger .ml-auth-label { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; width: auto; line-height: 1; text-align: center; pointer-events: none; }
.ai-native-v2 .ml-auth-menu-trigger .ml-auth-chevron { position: absolute; top: 50%; right: 11px; width: 7px; height: 7px; margin: 0; border-right: 1.8px solid currentColor; border-bottom: 1.8px solid currentColor; color: rgba(214, 248, 255, .9); filter: drop-shadow(0 0 3px rgba(83, 231, 255, .28)); transform: translateY(-50%) rotate(45deg); transform-origin: center; transition: transform 180ms ease, color 180ms ease; }
.ai-native-v2 .ml-auth-menu.is-open .ml-auth-menu-trigger .ml-auth-chevron { transform: translateY(-50%) rotate(225deg); }
.ai-native-v2 .ml-auth-menu-panel { position: absolute; z-index: 40; top: calc(100% + 12px); right: 0; display: grid; gap: 5px; width: 236px; padding: 10px; border: 1px solid rgba(181, 230, 243, .34); border-radius: 7px; background: rgba(7, 24, 39, .94); box-shadow: 0 18px 40px rgba(0, 0, 0, .30); backdrop-filter: blur(16px) saturate(130%); opacity: 0; pointer-events: none; transform: translateY(-6px); transition: opacity 160ms ease, transform 160ms ease; }
.ai-native-v2 .ml-auth-menu.is-open .ml-auth-menu-panel { opacity: 1; pointer-events: auto; transform: translateY(0); }
.ai-native-v2 .ml-auth-menu-panel::before { position: absolute; top: -6px; right: 28px; width: 10px; height: 10px; border-top: 1px solid rgba(181, 230, 243, .34); border-left: 1px solid rgba(181, 230, 243, .34); background: rgba(7, 24, 39, .94); content: ""; transform: rotate(45deg); }
.ai-native-v2 .ml-auth-menu-panel p { margin: 2px 8px 6px; color: rgba(203, 236, 247, .58); font-size: 11px; letter-spacing: .08em; }
.ai-native-v2 .ml-auth-menu-panel a { display: grid; gap: 3px; padding: 10px 9px; border: 1px solid transparent; border-radius: 5px; color: #effbff; text-decoration: none; }
.ai-native-v2 .ml-auth-menu-panel a:hover, .ai-native-v2 .ml-auth-menu-panel a:focus-visible { border-color: rgba(112, 226, 239, .36); background: rgba(67, 170, 194, .16); outline: none; }
.ai-native-v2 .ml-auth-menu-panel strong { font-size: 13px; font-weight: 600; }
.ai-native-v2 .ml-auth-menu-panel span { color: rgba(203, 236, 247, .60); font-size: 11px; line-height: 1.4; }
.ai-native-v2 .ml-auth { display: inline-flex; align-items: center; justify-content: center; min-width: 82px; height: 38px; padding: 0 16px; border: 1px solid rgba(203, 236, 247, .58); border-radius: 5px; color: #effbff; font-size: 13px; letter-spacing: .1em; transition: background 180ms ease, border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease; }
.ai-native-v2 .ml-auth-outline { border-color: rgba(83, 231, 255, .76); background: rgba(0, 142, 215, .12); }
.ai-native-v2 .ml-auth:hover, .ai-native-v2 .ml-auth:focus-visible { border-color: var(--ml-cyan); background: rgba(58, 200, 237, .16); box-shadow: 0 0 24px rgba(42, 204, 255, .22); transform: translateY(-1px); }
.ai-native-v2 .ml-scroll { position: relative; z-index: 1; scroll-snap-type: y proximity; }
.ai-native-v2 .ml-section { position: relative; display: flex; align-items: center; min-height: 100svh; padding: 126px clamp(24px, 6vw, 104px) 86px; overflow: hidden; isolation: isolate; scroll-snap-align: start; background-color: #020914; background-repeat: no-repeat; background-position: center; background-size: cover; }
.ai-native-v2 .ml-hero { background-image: url("./mosonai-4k-background-01-hero-blank.webp"); }
.ai-native-v2 .ml-capabilities,
.ai-native-v2 .ml-evidence,
.ai-native-v2 .ml-cta { background-image: none; }
.ai-native-v2 .ml-section::before { position: absolute; z-index: -1; inset: 0; content: ""; background: linear-gradient(90deg, rgba(1, 7, 17, .72), rgba(1, 7, 17, .13) 63%, rgba(1, 7, 17, .34)); }
.ai-native-v2 .ml-section::after { position: absolute; z-index: -1; inset: 0; content: ""; pointer-events: none; opacity: .25; background-image: linear-gradient(rgba(67, 194, 240, .07) 1px, transparent 1px), linear-gradient(90deg, rgba(67, 194, 240, .07) 1px, transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(to bottom, transparent, #000 20%, #000 82%, transparent); }
.ai-native-v2 .ml-bg-motion { position: absolute; z-index: -2; inset: 0; pointer-events: none; overflow: hidden; background-repeat: no-repeat; background-size: cover; background-position: center; mix-blend-mode: screen; opacity: 0; }
.ai-native-v2 .ml-bg-motion::before, .ai-native-v2 .ml-bg-motion::after { position: absolute; content: ""; pointer-events: none; }
.ai-native-v2 .bg-hero-motion { background-image: url("./mosonai-4k-background-01-hero-blank.webp"); filter: brightness(1.36) contrast(1.08) saturate(1.18); mask-image: linear-gradient(180deg, transparent 52%, rgba(0,0,0,.9) 68%, rgba(0,0,0,.26) 87%, transparent 100%); animation: ml-bg-hero-breathe 9.5s ease-in-out infinite; }
.ai-native-v2 .bg-hero-motion::before { top: 58%; right: -12%; left: 22%; height: 24%; background: linear-gradient(102deg, transparent 0 20%, rgba(184, 247, 255, .26) 39%, rgba(255,255,255,.68) 49%, rgba(73, 210, 255, .2) 61%, transparent 80%); filter: blur(10px); transform: translateX(-20%) skewX(-14deg); animation: ml-bg-hero-reflection 7s ease-in-out infinite; }
.ai-native-v2 .bg-hero-motion::after { top: 14%; right: 12%; width: 34%; height: 45%; border-radius: 50%; border: 1px solid rgba(159, 233, 255, .34); box-shadow: 0 0 28px rgba(66, 198, 255, .26), inset 0 0 28px rgba(61, 189, 247, .12); animation: ml-bg-planet-rim 8s ease-in-out infinite; }
.ai-native-v2 .bg-capabilities-motion { background-image: url("./mosonai-4k-background-02-capabilities-blank.webp"); filter: brightness(1.25) contrast(1.08) saturate(1.24); mask-image: linear-gradient(180deg, rgba(0,0,0,.88) 0 20%, transparent 38% 64%, rgba(0,0,0,.95) 82% 100%); animation: ml-bg-capabilities-wave 11s ease-in-out infinite; }
.ai-native-v2 .bg-capabilities-motion::before { right: -10%; bottom: 0; left: -10%; height: 28%; background: linear-gradient(175deg, transparent 0 35%, rgba(44, 200, 255, .13) 46%, rgba(213, 253, 255, .44) 53%, rgba(34, 176, 246, .16) 61%, transparent 77%); filter: blur(8px); transform: translateX(-7%); animation: ml-bg-capabilities-ribbon 8.5s ease-in-out infinite; }
.ai-native-v2 .bg-capabilities-motion::after { top: 6%; right: -8%; left: -8%; height: 24%; border-top: 2px solid rgba(176, 244, 255, .42); border-radius: 50%; filter: blur(1px) drop-shadow(0 0 10px rgba(64, 211, 255, .62)); transform: rotate(-3deg); animation: ml-bg-capabilities-light 7s ease-in-out infinite; }
.ai-native-v2 .bg-evidence-motion { background-image: url("./mosonai-4k-background-03-evidence-blank.webp"); filter: brightness(1.34) contrast(1.08) saturate(1.2); mask-image: radial-gradient(ellipse at 70% 32%, rgba(0,0,0,.92) 0 28%, transparent 56%), linear-gradient(180deg, transparent 54%, rgba(0,0,0,.92) 76%, transparent 100%); animation: ml-bg-evidence-breathe 10s ease-in-out infinite; }
.ai-native-v2 .bg-evidence-motion::before { top: 12%; right: 6%; width: 48%; height: 44%; border: 1px solid rgba(189, 249, 255, .4); border-radius: 50%; transform: rotate(-9deg) rotateX(55deg); box-shadow: 0 0 28px rgba(84, 218, 255, .34); animation: ml-bg-evidence-orbit 12s linear infinite; }
.ai-native-v2 .bg-evidence-motion::after { right: 0; bottom: 1%; left: 0; height: 22%; background: linear-gradient(180deg, transparent, rgba(113, 225, 255, .18), transparent); transform: translateX(-12%); animation: ml-bg-evidence-floor 8s ease-in-out infinite; }
.ai-native-v2 .bg-cta-motion { background-image: url("./mosonai-4k-background-04-cta-blank.webp"); filter: brightness(1.28) contrast(1.08) saturate(1.16); mask-image: linear-gradient(180deg, transparent 5%, rgba(0,0,0,.76) 22%, rgba(0,0,0,.92) 80%, rgba(0,0,0,.6) 100%); animation: ml-bg-cta-breathe 12s ease-in-out infinite; }
.ai-native-v2 .bg-cta-motion::before { top: 2%; right: -6%; width: 62%; height: 72%; border-top: 3px solid rgba(181, 248, 255, .5); border-radius: 50%; filter: drop-shadow(0 0 10px rgba(61, 210, 255, .7)); transform: rotate(-20deg); animation: ml-bg-cta-ribbon 9s ease-in-out infinite; }
.ai-native-v2 .bg-cta-motion::after { right: -10%; bottom: 0; left: 30%; height: 20%; background: linear-gradient(180deg, transparent, rgba(35, 186, 255, .2), transparent); transform: skewX(-18deg); animation: ml-bg-cta-floor 8s ease-in-out infinite; }
.ai-native-v2 .ml-scene-wash { position: absolute; z-index: -1; inset: 0; pointer-events: none; background: radial-gradient(circle at 33% 42%, rgba(33, 161, 218, .08), transparent 28%), linear-gradient(180deg, rgba(2, 8, 19, .1), rgba(1, 7, 18, .48)); }
.ai-native-v2 .ml-section-inner { position: relative; z-index: 2; width: min(100%, 1440px); margin: 0 auto; }
.ai-native-v2 .ml-hero-content { width: min(760px, 100%); margin-left: clamp(0px, 2vw, 30px); }
.ai-native-v2 .ml-kicker { display: flex; align-items: center; gap: 11px; margin: 0 0 22px; color: var(--ml-cyan); font-size: 11px; font-weight: 650; letter-spacing: .2em; line-height: 1.4; text-transform: uppercase; }
.ai-native-v2 .ml-kicker-line { display: inline-block; width: 34px; height: 1px; background: var(--ml-cyan); box-shadow: 0 0 12px rgba(83, 231, 255, .95); }
.ai-native-v2 .ml-hero h1 { max-width: 760px; margin: 0; color: #fff; font-size: 76px; font-weight: 720; letter-spacing: .01em; line-height: 1.14; text-shadow: 0 2px 25px rgba(0, 0, 0, .38); }
.ai-native-v2 .ml-hero h1 strong { color: #f5fcff; font-weight: 720; }
.ai-native-v2 .ml-lead { max-width: 700px; margin: 28px 0 0; color: rgba(229, 245, 251, .82); font-size: 20px; line-height: 1.75; }
.ai-native-v2 .ml-actions { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 38px; }
.ai-native-v2 .ml-button { display: inline-flex; align-items: center; justify-content: center; gap: 24px; min-width: 190px; height: 58px; padding: 0 26px; border: 1px solid rgba(217, 248, 255, .84); border-radius: 5px; color: #fff; font-size: 17px; font-weight: 680; letter-spacing: .08em; text-decoration: none; transition: transform 220ms ease, box-shadow 220ms ease, background 220ms ease, color 220ms ease; }
.ai-native-v2 .ml-button span { font-size: 22px; font-weight: 400; line-height: 1; transition: transform 220ms ease; }
.ai-native-v2 .ml-button-primary { border-color: rgba(173, 250, 255, .95); color: #001a2b; background: linear-gradient(100deg, #50d9ef, #a6f6ff); box-shadow: 0 0 28px rgba(55, 214, 255, .22), inset 0 0 16px rgba(255, 255, 255, .38); }
.ai-native-v2 .ml-button-secondary { background: rgba(1, 13, 27, .3); }
.ai-native-v2 .ml-button:hover, .ai-native-v2 .ml-button:focus-visible { box-shadow: 0 0 34px rgba(52, 216, 255, .38), inset 0 0 18px rgba(255, 255, 255, .2); transform: translateY(-3px); }
.ai-native-v2 .ml-button:hover span, .ai-native-v2 .ml-button:focus-visible span { transform: translateX(4px); }
.ai-native-v2 .ml-hero-meta { display: flex; max-width: 540px; margin-top: 56px; border-top: 1px solid rgba(164, 225, 244, .36); border-bottom: 1px solid rgba(164, 225, 244, .18); }
.ai-native-v2 .ml-hero-meta div { display: grid; flex: 1; gap: 7px; padding: 18px 22px 16px 0; }
.ai-native-v2 .ml-hero-meta div + div { padding-left: 22px; border-left: 1px solid rgba(164, 225, 244, .24); }
.ai-native-v2 .ml-hero-meta b { color: #fff; font-size: 26px; font-weight: 650; letter-spacing: .03em; }
.ai-native-v2 .ml-hero-meta span { color: var(--ml-muted); font-size: 12px; letter-spacing: .1em; }
.ai-native-v2 .ml-hero-signal { position: absolute; top: 24%; left: 49%; width: 72px; height: 72px; border: 1px solid rgba(83, 231, 255, .38); border-radius: 50%; opacity: .85; animation: ml-signal-rotate 9s linear infinite; }
.ai-native-v2 .ml-hero-signal::before, .ai-native-v2 .ml-hero-signal::after { position: absolute; content: ""; border-radius: 50%; }
.ai-native-v2 .ml-hero-signal::before { inset: 12px; border: 1px solid rgba(83, 231, 255, .32); }
.ai-native-v2 .ml-hero-signal::after { top: -5px; left: 50%; width: 8px; height: 8px; background: #eaffff; box-shadow: 0 0 16px 5px rgba(68, 224, 255, .88); transform: translateX(-50%); }
.ai-native-v2 .ml-hero-signal i { position: absolute; width: 3px; height: 3px; border-radius: 50%; background: #eaffff; box-shadow: 0 0 10px 3px rgba(74, 225, 255, .8); }
.ai-native-v2 .ml-hero-signal i:nth-child(1) { top: 11px; right: 5px; }.ai-native-v2 .ml-hero-signal i:nth-child(2) { bottom: 6px; left: 14px; }.ai-native-v2 .ml-hero-signal i:nth-child(3) { right: 12px; bottom: 13px; }
.ai-native-v2 .ml-scroll-hint { position: absolute; right: clamp(24px, 6vw, 104px); bottom: 31px; display: inline-flex; align-items: center; gap: 11px; color: rgba(220, 243, 250, .76); font-size: 11px; letter-spacing: .18em; text-decoration: none; writing-mode: vertical-rl; }
.ai-native-v2 .ml-scroll-hint span { width: 1px; height: 44px; background: linear-gradient(to bottom, var(--ml-cyan), transparent); animation: ml-scroll-line 1.8s ease-in-out infinite; }
.ai-native-v2 .ml-section-heading { max-width: 750px; margin-bottom: 42px; }.ai-native-v2 .ml-section-heading h2, .ai-native-v2 .ml-proof-stat h2, .ai-native-v2 .ml-cta-card h2 { margin: 0; color: #fff; font-size: 52px; font-weight: 680; letter-spacing: .02em; line-height: 1.2; text-shadow: 0 2px 22px rgba(0, 0, 0, .36); }.ai-native-v2 .ml-section-heading > p:last-child { max-width: 580px; margin: 17px 0 0; color: var(--ml-muted); font-size: 16px; line-height: 1.7; }
.ai-native-v2 .ml-capability-layout { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(400px, .95fr); gap: 26px; align-items: stretch; }.ai-native-v2 .ml-capability-grid, .ai-native-v2 .ml-path-panel, .ai-native-v2 .ml-proof-panel { border: 1px solid rgba(59, 205, 255, .56); background: rgba(0, 12, 28, .58); box-shadow: inset 0 0 34px rgba(7, 116, 185, .08), 0 18px 46px rgba(0, 0, 0, .16); }.ai-native-v2 .ml-capability-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; padding: 18px; }
.ai-native-v2 .ml-capability-card { position: relative; min-height: 177px; padding: 26px 22px 20px; border: 1px solid rgba(70, 225, 255, .74); background: linear-gradient(155deg, rgba(16, 144, 194, .58), rgba(0, 35, 65, .72)); box-shadow: inset 0 0 24px rgba(77, 230, 255, .09); overflow: hidden; transition: transform 240ms ease, box-shadow 240ms ease, border-color 240ms ease; }.ai-native-v2 .ml-capability-card::before { position: absolute; top: 0; right: -14%; width: 70%; height: 1px; content: ""; background: #a8f8ff; box-shadow: 0 0 16px #66eaff; opacity: 0; transform: rotate(-17deg); transition: opacity 240ms ease; }.ai-native-v2 .ml-capability-card:hover { border-color: #a7f6ff; box-shadow: inset 0 0 30px rgba(77, 230, 255, .18), 0 0 30px rgba(29, 194, 255, .17); transform: translateY(-5px); }.ai-native-v2 .ml-capability-card:hover::before { opacity: 1; }
.ai-native-v2 .ml-card-index { color: rgba(206, 247, 255, .7); font-family: "Cascadia Mono", monospace; font-size: 12px; letter-spacing: .12em; }.ai-native-v2 .ml-card-mark { display: block; width: 24px; height: 24px; margin: 17px 0 15px; border: 1px solid rgba(174, 246, 255, .92); box-shadow: 0 0 15px rgba(81, 229, 255, .56); }.ai-native-v2 .ml-mark-ring { border-radius: 50%; }.ai-native-v2 .ml-mark-grid { background: linear-gradient(90deg, transparent 46%, rgba(173, 246, 255, .8) 47% 52%, transparent 53%), linear-gradient(transparent 46%, rgba(173, 246, 255, .8) 47% 52%, transparent 53%); }.ai-native-v2 .ml-mark-pulse { border-radius: 50%; box-shadow: 0 0 0 5px rgba(173, 246, 255, .12), 0 0 17px rgba(81, 229, 255, .72); }.ai-native-v2 .ml-mark-loop { border-radius: 50% 50% 50% 0; transform: rotate(-45deg); }.ai-native-v2 .ml-mark-bars { border-width: 0 1px 1px 0; transform: skewX(-18deg); }.ai-native-v2 .ml-mark-nodes { border-radius: 50%; box-shadow: 10px 0 0 -8px #aef6ff, 0 10px 0 -8px #aef6ff, 10px 10px 0 -8px #aef6ff, 0 0 16px rgba(81, 229, 255, .72); }.ai-native-v2 .ml-capability-card h3 { margin: 0; color: #fff; font-size: 20px; font-weight: 650; line-height: 1.25; }.ai-native-v2 .ml-capability-card p { margin: 9px 0 0; color: rgba(208, 236, 244, .74); font-size: 12px; line-height: 1.6; }
.ai-native-v2 .ml-path-panel { position: relative; min-height: 388px; padding: 28px; overflow: hidden; }.ai-native-v2 .ml-path-title { position: relative; z-index: 2; color: #fff; font-size: 27px; font-weight: 650; }.ai-native-v2 .ml-path-line { position: absolute; top: 51%; left: 7%; width: 86%; height: 1px; background: linear-gradient(90deg, transparent, var(--ml-cyan) 15%, rgba(83, 231, 255, .12) 53%, var(--ml-cyan) 85%, transparent); box-shadow: 0 0 13px rgba(83, 231, 255, .74); transform: rotate(-9deg); animation: ml-path-flow 3.8s ease-in-out infinite; }.ai-native-v2 .ml-path-line::after { position: absolute; top: -4px; left: 18%; width: 8px; height: 8px; content: ""; border-radius: 50%; background: #f2ffff; box-shadow: 0 0 15px 5px rgba(83, 231, 255, .9); animation: ml-node-travel 4.8s linear infinite; }.ai-native-v2 .ml-path-nodes { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 25px 15px; margin-top: 54px; }.ai-native-v2 .ml-path-nodes span { justify-self: start; padding: 10px 14px; border: 1px solid rgba(40, 203, 255, .5); border-radius: 999px; color: #f2fcff; background: rgba(3, 118, 174, .72); box-shadow: 0 0 18px rgba(22, 179, 242, .12); font-size: 12px; white-space: nowrap; }.ai-native-v2 .ml-path-nodes span:nth-child(3n+2) { justify-self: center; transform: translateY(30px); }.ai-native-v2 .ml-path-nodes span:nth-child(3n) { justify-self: end; transform: translateY(-16px); }.ai-native-v2 .ml-path-nodes .is-start { background: rgba(64, 226, 255, .3); }.ai-native-v2 .ml-path-caption { position: absolute; right: 28px; bottom: 24px; left: 28px; margin: 0; color: rgba(188, 229, 240, .72); font-size: 12px; letter-spacing: .13em; }
.ai-native-v2 .ml-evidence-top { display: grid; grid-template-columns: minmax(310px, .8fr) minmax(0, 1.2fr); gap: 42px; align-items: end; }.ai-native-v2 .ml-proof-stat h2 { max-width: 470px; font-size: 44px; }.ai-native-v2 .ml-proof-stat > strong { display: block; margin-top: 28px; color: #fff; font-family: "Cascadia Mono", monospace; font-size: 112px; font-weight: 500; letter-spacing: -.04em; line-height: .95; text-shadow: 0 0 32px rgba(75, 223, 255, .36); }.ai-native-v2 .ml-proof-stat > strong span { color: var(--ml-cyan); }.ai-native-v2 .ml-proof-stat > small { display: block; margin-top: 12px; color: var(--ml-muted); font-size: 14px; letter-spacing: .15em; }
.ai-native-v2 .ml-proof-chart { position: relative; min-height: 255px; border-bottom: 1px solid rgba(83, 231, 255, .44); }.ai-native-v2 .ml-chart-wave { position: absolute; right: 4%; bottom: 55px; left: 2%; height: 125px; border-top: 3px solid #d5fbff; border-radius: 48% 56% 38% 45%; box-shadow: 0 -4px 22px rgba(70, 225, 255, .74); transform: rotate(-2deg) skewX(-11deg); animation: ml-chart-breathe 4.4s ease-in-out infinite; }.ai-native-v2 .ml-chart-wave::before { position: absolute; inset: 14px -4% -20px; content: ""; border-top: 1px solid rgba(60, 223, 255, .72); border-radius: 60% 40% 50% 43%; transform: rotate(5deg); }.ai-native-v2 .ml-chart-label { position: absolute; z-index: 2; padding: 8px 13px; border: 1px solid rgba(55, 212, 255, .46); border-radius: 999px; color: #f4fdff; background: rgba(7, 112, 171, .72); font-size: 12px; }.ai-native-v2 .ml-chart-label::after { position: absolute; bottom: -28px; left: 50%; width: 1px; height: 26px; content: ""; background: rgba(105, 230, 255, .72); }.ai-native-v2 .ml-chart-label.label-a { top: 48px; left: 5%; }.ai-native-v2 .ml-chart-label.label-b { top: 3px; left: 48%; }.ai-native-v2 .ml-chart-label.label-c { top: 22px; right: 4%; }.ai-native-v2 .ml-chart-points { position: absolute; right: 1%; bottom: 12px; left: 4%; display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; color: rgba(221, 244, 250, .82); font-size: 11px; }.ai-native-v2 .ml-chart-points i { position: relative; font-style: normal; text-align: center; }.ai-native-v2 .ml-chart-points i::before { display: block; width: 7px; height: 7px; margin: 0 auto 7px; content: ""; border-radius: 50%; background: #f4ffff; box-shadow: 0 0 13px 4px rgba(72, 226, 255, .75); }
.ai-native-v2 .ml-proof-panels { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 44px; }.ai-native-v2 .ml-proof-panel { padding: 25px 26px 27px; }.ai-native-v2 .ml-proof-panel h3 { margin: 0 0 19px; color: #fff; font-size: 26px; font-weight: 650; }.ai-native-v2 .ml-proof-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }.ai-native-v2 .ml-proof-cards article { display: grid; align-content: space-between; min-height: 145px; padding: 17px 15px; border: 1px solid rgba(48, 211, 255, .68); background: linear-gradient(155deg, rgba(10, 128, 174, .66), rgba(1, 29, 56, .76)); transition: transform 200ms ease, border-color 200ms ease; }.ai-native-v2 .ml-proof-cards article:hover { border-color: #b1f8ff; transform: translateY(-4px); }.ai-native-v2 .ml-proof-cards b { color: #fff; font-size: 15px; line-height: 1.45; }.ai-native-v2 .ml-proof-cards span { margin-top: 13px; color: rgba(212, 239, 246, .72); font-size: 11px; line-height: 1.5; }.ai-native-v2 .ml-proof-cards em { align-self: end; margin-top: 16px; color: #b8f6ff; font-family: "Cascadia Mono", monospace; font-size: 22px; font-style: normal; font-weight: 600; }
.ai-native-v2 .ml-cta { align-items: stretch; flex-direction: column; justify-content: space-between; padding-top: 148px; padding-bottom: 42px; }.ai-native-v2 .ml-cta-inner { display: flex; flex: 1; align-items: center; justify-content: center; }.ai-native-v2 .ml-cta-card { width: min(700px, 100%); padding: 64px 42px 56px; border: 1px solid rgba(47, 209, 255, .7); background: rgba(1, 18, 39, .62); box-shadow: inset 0 0 70px rgba(12, 120, 194, .12), 0 0 30px rgba(15, 134, 214, .08); text-align: center; }.ai-native-v2 .ml-cta-card .ml-kicker { justify-content: center; }.ai-native-v2 .ml-cta-card h2 { font-size: 56px; }.ai-native-v2 .ml-cta-card p:not(.ml-kicker) { max-width: 480px; margin: 18px auto 29px; color: var(--ml-muted); font-size: 16px; line-height: 1.7; }.ai-native-v2 .ml-cta-card .ml-button { margin: 0 auto; }
.ai-native-v2 .ml-footer { position: relative; z-index: 2; width: min(100%, 1440px); margin: 50px auto 0; padding-top: 24px; border-top: 1px solid rgba(151, 220, 240, .25); }.ai-native-v2 .ml-footer-main { display: flex; align-items: center; justify-content: space-between; gap: 28px; }.ai-native-v2 .ml-footer-brand { color: #fff; font-family: "Cascadia Mono", monospace; font-size: 16px; letter-spacing: .1em; }.ai-native-v2 .ml-footer-brand span { margin-left: 8px; color: var(--ml-cyan); font-family: "Noto Sans SC", "Microsoft YaHei", sans-serif; font-size: 12px; letter-spacing: .16em; }.ai-native-v2 .ml-footer-links { display: flex; flex-wrap: wrap; gap: 26px; }.ai-native-v2 .ml-footer-links a { color: rgba(213, 239, 246, .76); font-size: 12px; transition: color 180ms ease; }.ai-native-v2 .ml-footer-links a:hover { color: #fff; }.ai-native-v2 .ml-footer-legal { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; margin-top: 17px; color: rgba(188, 222, 232, .62); font-size: 11px; line-height: 1.6; }.ai-native-v2 .ml-footer-legal a { color: rgba(188, 222, 232, .8); }.ai-native-v2 .ml-legal-divider { color: rgba(125, 204, 231, .5); }.ai-native-v2 .ml-police-link { display: inline-flex; align-items: center; gap: 5px; }.ai-native-v2 .ml-police-link img { width: 16px; height: 16px; object-fit: contain; }.ai-native-v2 .ml-footer-contact { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 11px; color: rgba(169, 212, 225, .58); font-size: 11px; }.ai-native-v2 .ml-footer-contact a { color: rgba(181, 235, 246, .78); }
.ai-native-v2 .ml-section-dots { position: fixed; z-index: 28; top: 50%; right: 25px; display: grid; gap: 12px; transform: translateY(-50%); }.ai-native-v2 .ml-section-dots a { width: 7px; height: 7px; border: 1px solid rgba(185, 237, 247, .7); border-radius: 50%; background: transparent; transition: background 200ms ease, box-shadow 200ms ease, transform 200ms ease; }.ai-native-v2 .ml-section-dots a.is-active { border-color: #d7fcff; background: var(--ml-cyan); box-shadow: 0 0 14px 4px rgba(83, 231, 255, .62); transform: scale(1.35); }
.ai-native-v2 .ml-reveal { opacity: 0; transform: translateY(22px); transition: opacity 700ms ease, transform 700ms cubic-bezier(.22, .8, .24, 1); }.ai-native-v2 .ml-section.is-visible .ml-reveal { opacity: 1; transform: none; }.ai-native-v2 .ml-section.is-visible .ml-capability-card:nth-child(2), .ai-native-v2 .ml-section.is-visible .ml-proof-panel:nth-child(2) { transition-delay: 120ms; }.ai-native-v2 .ml-section.is-visible .ml-capability-card:nth-child(3) { transition-delay: 180ms; }.ai-native-v2 .ml-section.is-visible .ml-capability-card:nth-child(4) { transition-delay: 240ms; }.ai-native-v2 .ml-section.is-visible .ml-capability-card:nth-child(5) { transition-delay: 300ms; }.ai-native-v2 .ml-section.is-visible .ml-capability-card:nth-child(6) { transition-delay: 360ms; }
@keyframes ml-signal-rotate { to { transform: rotate(360deg); } } @keyframes ml-scroll-line { 0%, 100% { opacity: .35; transform: scaleY(.55); transform-origin: top; } 50% { opacity: 1; transform: scaleY(1); transform-origin: top; } } @keyframes ml-path-flow { 0%, 100% { opacity: .5; transform: rotate(-9deg) translateX(-4%); } 50% { opacity: 1; transform: rotate(-9deg) translateX(4%); } } @keyframes ml-node-travel { from { left: 12%; } to { left: 86%; } } @keyframes ml-chart-breathe { 0%, 100% { transform: rotate(-2deg) skewX(-11deg) translateY(3px); } 50% { transform: rotate(-2deg) skewX(-11deg) translateY(-7px); } }
@media (prefers-reduced-motion: reduce) { .ai-native-v2 .mosonai-landing *, .ai-native-v2 .mosonai-landing *::before, .ai-native-v2 .mosonai-landing *::after { animation-duration: .001ms !important; transition-duration: .001ms !important; scroll-behavior: auto !important; } }
@media (max-width: 1060px) { .ai-native-v2 .ml-nav { grid-template-columns: minmax(180px, 1fr) auto minmax(140px, 1fr); }.ai-native-v2 .ml-nav-links { gap: 19px; }.ai-native-v2 .ml-nav-links a { font-size: 12px; }.ai-native-v2 .ml-hero h1 { font-size: 60px; }.ai-native-v2 .ml-capability-layout { grid-template-columns: 1fr; }.ai-native-v2 .ml-path-panel { min-height: 330px; } }
@media (max-width: 760px) { .ai-native-v2 .ml-nav { display: flex; justify-content: space-between; height: 66px; padding: 0 17px; }.ai-native-v2 .ml-brand { gap: 8px; font-size: 12px; }.ai-native-v2 .ml-brand img { width: 128px; max-width: 38vw; }.ai-native-v2 .ml-brand-rule { height: 18px; }.ai-native-v2 .ml-brand-name { font-size: 11px; letter-spacing: .1em; }.ai-native-v2 .ml-nav-links { display: none; }.ai-native-v2 .ml-auth-links { gap: 6px; }.ai-native-v2 .ml-auth { min-width: 56px; height: 32px; font-size: 11px; }.ai-native-v2 .ml-auth-menu-panel { position: fixed; top: 60px; right: 10px; width: min(236px, calc(100vw - 20px)); }.ai-native-v2 .ml-section { min-height: auto; padding: 110px 20px 76px; }.ai-native-v2 .ml-hero { min-height: 100svh; }.ai-native-v2 .ml-hero h1 { font-size: 42px; line-height: 1.2; }.ai-native-v2 .ml-lead { font-size: 16px; }.ai-native-v2 .ml-actions { gap: 10px; margin-top: 28px; }.ai-native-v2 .ml-button { min-width: 154px; height: 50px; padding: 0 17px; font-size: 14px; }.ai-native-v2 .ml-hero-meta { margin-top: 39px; }.ai-native-v2 .ml-hero-meta div { padding: 14px 10px 14px 0; }.ai-native-v2 .ml-hero-meta div + div { padding-left: 10px; }.ai-native-v2 .ml-hero-meta b { font-size: 18px; }.ai-native-v2 .ml-hero-meta span { font-size: 10px; }.ai-native-v2 .ml-section-heading h2, .ai-native-v2 .ml-proof-stat h2, .ai-native-v2 .ml-cta-card h2 { font-size: 34px; }.ai-native-v2 .ml-capability-grid { grid-template-columns: repeat(2, 1fr); padding: 10px; gap: 9px; }.ai-native-v2 .ml-capability-card { min-height: 154px; padding: 18px 15px; }.ai-native-v2 .ml-capability-card h3 { font-size: 16px; }.ai-native-v2 .ml-capability-card p { font-size: 11px; }.ai-native-v2 .ml-path-panel { min-height: 430px; padding: 20px; }.ai-native-v2 .ml-path-title { font-size: 22px; }.ai-native-v2 .ml-path-nodes { grid-template-columns: repeat(2, 1fr); gap: 24px 10px; }.ai-native-v2 .ml-path-nodes span:nth-child(3n+2), .ai-native-v2 .ml-path-nodes span:nth-child(3n) { transform: none; }.ai-native-v2 .ml-path-nodes span { font-size: 10px; padding: 8px 9px; }.ai-native-v2 .ml-evidence-top, .ai-native-v2 .ml-proof-panels { grid-template-columns: 1fr; gap: 25px; }.ai-native-v2 .ml-proof-stat > strong { font-size: 78px; }.ai-native-v2 .ml-proof-chart { min-height: 210px; }.ai-native-v2 .ml-proof-panel { padding: 20px 15px; }.ai-native-v2 .ml-proof-panel h3 { font-size: 22px; }.ai-native-v2 .ml-proof-cards { gap: 7px; }.ai-native-v2 .ml-proof-cards article { min-height: 135px; padding: 13px 10px; }.ai-native-v2 .ml-proof-cards b { font-size: 12px; }.ai-native-v2 .ml-proof-cards span { font-size: 10px; }.ai-native-v2 .ml-proof-cards em { font-size: 17px; }.ai-native-v2 .ml-cta { min-height: 100svh; padding-top: 110px; }.ai-native-v2 .ml-cta-card { padding: 42px 20px 38px; }.ai-native-v2 .ml-cta-card h2 { font-size: 35px; }.ai-native-v2 .ml-footer-main { align-items: flex-start; flex-direction: column; gap: 16px; }.ai-native-v2 .ml-footer-links { gap: 16px; }.ai-native-v2 .ml-footer-legal, .ai-native-v2 .ml-footer-contact { font-size: 10px; }.ai-native-v2 .ml-section-dots { right: 10px; gap: 10px; }.ai-native-v2 .ml-scroll-hint { right: 18px; } }
@media (max-width: 430px) { .ai-native-v2 .ml-hero h1 { font-size: 35px; }.ai-native-v2 .ml-kicker { font-size: 9px; letter-spacing: .13em; }.ai-native-v2 .ml-kicker-line { width: 22px; }.ai-native-v2 .ml-actions { display: grid; grid-template-columns: 1fr 1fr; }.ai-native-v2 .ml-button { min-width: 0; gap: 10px; }.ai-native-v2 .ml-capability-grid { grid-template-columns: 1fr; }.ai-native-v2 .ml-capability-card { min-height: 134px; }.ai-native-v2 .ml-proof-cards { grid-template-columns: 1fr; }.ai-native-v2 .ml-proof-cards article { min-height: 106px; }.ai-native-v2 .ml-proof-stat > strong { font-size: 65px; }.ai-native-v2 .ml-chart-label { font-size: 10px; padding: 6px 8px; }.ai-native-v2 .ml-chart-points { font-size: 9px; gap: 4px; } }

/* Homepage refinement: keep the reference language quiet, structured and deliberate. */
.ai-native-v2.ai-home-page,
.ai-native-v2.ai-home-page body { scroll-snap-type: y mandatory; }
.ai-native-v2.ai-home-page,
.ai-native-v2.ai-home-page body { overflow: hidden; }
.ai-native-v2 .ml-scroll { height: 100svh; overflow-y: auto; scroll-snap-type: y mandatory; overscroll-behavior-y: contain; }
.ai-native-v2 .ml-nav { grid-template-columns: minmax(220px, 1fr) 1px minmax(220px, 1fr); }
.ai-native-v2 .ml-nav-links { display: block; width: 1px; height: 1px; overflow: hidden; }
.ai-native-v2 .ml-button { gap: 0; }
.ai-native-v2 .ml-button span { display: none; }
.ai-native-v2 .ml-button-primary { border-color: rgba(149, 246, 255, .94); color: #06283b; background: #8deaf4; box-shadow: 0 0 22px rgba(58, 218, 242, .2), inset 0 0 14px rgba(255, 255, 255, .28); }
.ai-native-v2 .ml-button-secondary { border-color: rgba(117, 224, 247, .72); color: #eafaff; background: rgba(0, 19, 38, .48); box-shadow: inset 0 0 15px rgba(29, 176, 221, .08); }
.ai-native-v2 .ml-button-primary:hover, .ai-native-v2 .ml-button-primary:focus-visible { color: #021a2b; background: #b0f4fb; }
.ai-native-v2 .ml-button-secondary:hover, .ai-native-v2 .ml-button-secondary:focus-visible { background: rgba(15, 108, 151, .46); }
.ai-native-v2 .ml-hero-signal, .ai-native-v2 .ml-card-index, .ai-native-v2 .ml-card-mark { display: none !important; }
.ai-native-v2 .ml-capability-card { min-height: 157px; padding: 27px 23px 21px; display: flex; flex-direction: column; justify-content: flex-end; background: linear-gradient(155deg, rgba(13, 128, 171, .53), rgba(0, 35, 65, .74)); }
.ai-native-v2 .ml-capability-card::before { display: none; }
.ai-native-v2 .ml-capability-card h3 { font-size: 21px; letter-spacing: .01em; }
.ai-native-v2 .ml-capability-card p { max-width: 240px; margin-top: 10px; }

/* The path is a real visual system: one quiet circuit, six anchored milestones and one moving beam. */
.ai-native-v2 .ml-path-panel { min-height: 388px; }
.ai-native-v2 .ml-path-line { display: none; }
.ai-native-v2 .ml-path-visual { position: absolute; z-index: 1; top: 65px; right: 28px; bottom: 36px; left: 28px; }
.ai-native-v2 .ml-path-visual svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.ai-native-v2 .ml-path-track, .ai-native-v2 .ml-path-beam { fill: none; stroke-linecap: round; }
.ai-native-v2 .ml-path-track { stroke: rgba(57, 198, 239, .3); stroke-width: 1.2; }
.ai-native-v2 .ml-path-track-soft { stroke: rgba(57, 198, 239, .16); stroke-width: .8; }
.ai-native-v2 .ml-path-beam { stroke: #b8f7ff; stroke-width: 2.2; stroke-dasharray: 18 1200; filter: drop-shadow(0 0 4px rgba(112, 237, 255, .95)); animation: ml-path-beam-travel 5.6s linear infinite; }
.ai-native-v2 .ml-path-node { position: absolute; z-index: 3; width: 8px; height: 8px; border: 1px solid #d8fbff; border-radius: 50%; background: #b7f8ff; box-shadow: 0 0 0 4px rgba(58, 207, 242, .12), 0 0 17px 5px rgba(76, 223, 255, .72); }
.ai-native-v2 .ml-path-node::after { position: absolute; inset: -7px; content: ""; border: 1px solid rgba(94, 226, 255, .28); border-radius: 50%; animation: ml-node-ring 2.8s ease-out infinite; }
.ai-native-v2 .ml-path-node.node-a { left: 3%; top: 58%; }.ai-native-v2 .ml-path-node.node-b { left: 23%; top: 31%; }.ai-native-v2 .ml-path-node.node-c { left: 43%; top: 50%; }.ai-native-v2 .ml-path-node.node-d { left: 63%; top: 28%; }.ai-native-v2 .ml-path-node.node-e { left: 81%; top: 55%; }.ai-native-v2 .ml-path-node.node-f { right: 3%; top: 10%; }
.ai-native-v2 .ml-path-pulse { position: absolute; z-index: 2; left: 47%; top: 42%; width: 15px; height: 15px; border-radius: 50%; background: rgba(229, 253, 255, .9); box-shadow: 0 0 26px 9px rgba(79, 222, 255, .5); animation: ml-path-pulse 2.5s ease-in-out infinite; }
.ai-native-v2 .ml-path-nodes { position: absolute; z-index: 4; inset: 65px 28px 36px; display: block; margin: 0; pointer-events: none; }
.ai-native-v2 .ml-path-nodes span { position: absolute; padding: 9px 13px; border: 1px solid rgba(39, 196, 241, .64); border-radius: 999px; color: #edfcff; background: rgba(2, 70, 111, .78); box-shadow: 0 5px 16px rgba(0, 15, 32, .22), inset 0 0 12px rgba(74, 220, 255, .1); font-size: 12px; white-space: nowrap; }
.ai-native-v2 .ml-path-nodes span:nth-child(1) { left: -2px; top: 50%; }.ai-native-v2 .ml-path-nodes span:nth-child(2) { left: 16%; top: 21%; }.ai-native-v2 .ml-path-nodes span:nth-child(3) { right: -2px; top: 1%; }.ai-native-v2 .ml-path-nodes span:nth-child(4) { left: 5%; bottom: 4%; }.ai-native-v2 .ml-path-nodes span:nth-child(5) { left: 39%; top: 44%; }.ai-native-v2 .ml-path-nodes span:nth-child(6) { right: -2px; bottom: 17%; }
.ai-native-v2 .ml-path-nodes .is-start { background: rgba(12, 139, 187, .86); }
.ai-native-v2 .ml-path-caption { z-index: 5; bottom: 19px; color: rgba(188, 229, 240, .72); }

/* Evidence is an orbit, not a waveform pasted under the labels. */
.ai-native-v2 .ml-proof-chart { min-height: 288px; border-bottom-color: rgba(83, 231, 255, .32); }
.ai-native-v2 .ml-chart-wave { display: none; }
.ai-native-v2 .ml-chart-orbit { position: absolute; top: 20px; right: 2%; bottom: 47px; left: 2%; }
.ai-native-v2 .ml-orbit-ring { position: absolute; top: 50%; left: 50%; width: 82%; height: 68%; border: 1px solid rgba(102, 229, 255, .66); border-radius: 50%; transform: translate(-50%, -50%) rotate(-8deg) rotateX(58deg); box-shadow: 0 0 20px rgba(74, 219, 255, .25), inset 0 0 18px rgba(57, 190, 238, .12); }
.ai-native-v2 .ml-orbit-ring::after { position: absolute; inset: -6px; content: ""; border: 1px solid rgba(58, 192, 235, .18); border-radius: 50%; }
.ai-native-v2 .ml-orbit-ring.orbit-ring-b { width: 70%; height: 55%; border-color: rgba(103, 211, 247, .25); transform: translate(-50%, -50%) rotate(17deg) rotateX(58deg); }
.ai-native-v2 .ml-orbit-core { position: absolute; top: 50%; left: 50%; display: grid; place-items: center; width: 106px; height: 106px; border: 1px solid rgba(123, 239, 255, .68); border-radius: 50%; color: #eaffff; background: radial-gradient(circle, rgba(62, 175, 218, .32), rgba(2, 29, 56, .7) 65%); box-shadow: 0 0 30px rgba(51, 205, 243, .28), inset 0 0 24px rgba(79, 219, 255, .16); transform: translate(-50%, -50%); }
.ai-native-v2 .ml-orbit-core::before { position: absolute; inset: -12px; content: ""; border: 1px solid rgba(114, 231, 255, .18); border-radius: 50%; animation: ml-orbit-spin 10s linear infinite; }
.ai-native-v2 .ml-orbit-core span { color: rgba(201, 248, 255, .74); font-family: "Cascadia Mono", monospace; font-size: 9px; letter-spacing: .18em; }.ai-native-v2 .ml-orbit-core b { font-size: 14px; font-weight: 600; }
.ai-native-v2 .ml-orbit-dot { position: absolute; width: 8px; height: 8px; border-radius: 50%; background: #e9ffff; box-shadow: 0 0 14px 4px rgba(95, 228, 255, .85); animation: ml-orbit-pulse 2.4s ease-in-out infinite; }.ai-native-v2 .orbit-dot-a { left: 15%; top: 43%; }.ai-native-v2 .orbit-dot-b { left: 43%; top: 8%; animation-delay: .35s; }.ai-native-v2 .orbit-dot-c { right: 13%; top: 38%; animation-delay: .7s; }.ai-native-v2 .orbit-dot-d { left: 61%; bottom: 3%; animation-delay: 1.05s; }
.ai-native-v2 .ml-chart-label { background: rgba(5, 92, 139, .82); box-shadow: 0 0 16px rgba(52, 199, 243, .16); }.ai-native-v2 .ml-chart-label.label-a { top: 28px; left: 13%; }.ai-native-v2 .ml-chart-label.label-b { top: 0; left: 47%; }.ai-native-v2 .ml-chart-label.label-c { top: 22px; right: 9%; }
.ai-native-v2 .ml-chart-points { bottom: 10px; }

/* A restrained foreground ribbon gives the supplied water artwork a second depth plane. */
.ai-native-v2 .ml-ribbon-front { position: absolute; z-index: 1; right: -8%; bottom: 5%; left: -8%; height: 92px; pointer-events: none; opacity: .56; border-top: 2px solid rgba(106, 234, 255, .7); border-radius: 50% 44% 0 0 / 90% 75% 0 0; filter: blur(.3px) drop-shadow(0 0 12px rgba(36, 206, 255, .54)); mix-blend-mode: screen; animation: ml-ribbon-drift 12s ease-in-out infinite; }
.ai-native-v2 .ml-ribbon-front::before, .ai-native-v2 .ml-ribbon-front::after { position: absolute; right: 4%; left: 4%; height: 42px; content: ""; border-top: 1px solid rgba(117, 222, 255, .38); border-radius: 50%; }
.ai-native-v2 .ml-ribbon-front::before { top: 9px; transform: translateX(-3%) rotate(2deg); }.ai-native-v2 .ml-ribbon-front::after { top: 25px; transform: translateX(4%) rotate(-1deg); opacity: .6; }
.ai-native-v2 .ribbon-evidence { bottom: 30%; opacity: .32; }.ai-native-v2 .ribbon-cta { bottom: 28%; left: 18%; opacity: .42; transform: rotate(-4deg); }

/* Flip-like screen transitions without changing the business router. */
.ai-native-v2.ai-home-page .ml-scroll { scroll-snap-type: none; }
.ai-native-v2.ai-home-page body { scroll-snap-type: none; }
.ai-native-v2.ai-home-page .ml-section { scroll-snap-stop: normal; transform: none; opacity: 1; filter: none; transition: none; }
.ai-native-v2.ai-home-page .ml-section.is-visible { transform: none; opacity: 1; filter: none; }
.ai-native-v2 .ml-section.is-visible .ml-ribbon-front { animation-play-state: running; }

@keyframes ml-path-beam-travel { from { stroke-dashoffset: 0; } to { stroke-dashoffset: -920px; } }
@keyframes ml-node-ring { 0%, 100% { opacity: .22; transform: scale(.65); } 50% { opacity: .7; transform: scale(1.35); } }
@keyframes ml-path-pulse { 0%, 100% { opacity: .35; transform: scale(.72); } 50% { opacity: 1; transform: scale(1.1); } }
@keyframes ml-orbit-spin { to { transform: rotate(360deg); } }
@keyframes ml-orbit-pulse { 0%, 100% { opacity: .5; transform: scale(.72); } 50% { opacity: 1; transform: scale(1.25); } }
@keyframes ml-ribbon-drift { 0%, 100% { transform: translate3d(-2%, 3px, 0) rotate(-1deg); opacity: .42; } 50% { transform: translate3d(2%, -7px, 0) rotate(1deg); opacity: .72; } }

.ai-native-v2 .ml-cta-logo { position: absolute; z-index: 3; right: clamp(34px, 7vw, 120px); bottom: 132px; display: grid; place-items: center; width: 188px; opacity: .68; filter: drop-shadow(0 0 12px rgba(79, 222, 255, .24)); }
.ai-native-v2 .ml-cta-logo img { display: block; width: 100%; height: auto; filter: grayscale(1) brightness(1.7) contrast(1.08); }
.ai-native-v2 .ml-cta-logo span { position: absolute; inset: -7px -16px; overflow: hidden; border-radius: 3px; mix-blend-mode: screen; }
.ai-native-v2 .ml-cta-logo span::after { position: absolute; top: -30%; bottom: -30%; left: -32%; width: 18%; content: ""; background: linear-gradient(90deg, transparent, rgba(216, 252, 255, .94), transparent); filter: blur(3px); transform: skewX(-20deg); animation: ml-logo-sheen 4.6s ease-in-out infinite; }
@keyframes ml-logo-sheen { 0%, 58% { transform: translateX(0) skewX(-20deg); opacity: 0; } 65% { opacity: .8; } 82%, 100% { transform: translateX(720%) skewX(-20deg); opacity: 0; } }

@media (min-width: 761px) and (max-width: 1060px) {
  .ai-native-v2 .ml-section { padding-right: 50px; padding-left: 50px; }
  .ai-native-v2 .ml-section-heading { margin-bottom: 20px; }
  .ai-native-v2 .ml-section-heading h2 { font-size: 42px; }
  .ai-native-v2 .ml-capability-layout { grid-template-columns: minmax(0, 1fr) minmax(300px, .92fr); gap: 14px; }
  .ai-native-v2 .ml-capability-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; padding: 10px; }
  .ai-native-v2 .ml-capability-card { min-height: 105px; padding: 16px 14px 14px; }
  .ai-native-v2 .ml-capability-card h3 { font-size: 16px; }
  .ai-native-v2 .ml-capability-card p { margin-top: 6px; font-size: 10px; line-height: 1.45; }
  .ai-native-v2 .ml-path-panel { min-height: 352px; padding: 20px; }
  .ai-native-v2 .ml-path-title { font-size: 22px; }
  .ai-native-v2 .ml-path-visual { top: 55px; right: 20px; bottom: 30px; left: 20px; }
  .ai-native-v2 .ml-path-nodes { inset: 55px 20px 30px; }
  .ai-native-v2 .ml-path-nodes span { padding: 7px 9px; font-size: 10px; }
  .ai-native-v2 .ml-path-caption { right: 20px; bottom: 12px; left: 20px; font-size: 10px; }
}

@media (max-width: 760px) {
  .ai-native-v2 .ml-nav { grid-template-columns: 1fr auto; }
  .ai-native-v2 .ml-path-visual { top: 62px; right: 20px; bottom: 40px; left: 20px; }
  .ai-native-v2 .ml-path-nodes { inset: 62px 20px 40px; }
  .ai-native-v2 .ml-path-nodes span { font-size: 10px; padding: 7px 9px; }
  .ai-native-v2 .ml-proof-chart { min-height: 252px; }
  .ai-native-v2 .ml-orbit-core { width: 82px; height: 82px; }
  .ai-native-v2 .ml-orbit-core b { font-size: 11px; }
  .ai-native-v2 .ml-cta-logo { right: 22px; bottom: 176px; width: 130px; }
  .ai-native-v2 .ml-ribbon-front { bottom: 8%; }
}

/* Second-pass reference alignment: lighter frames, sequential flow, and visible ribbon motion. */
.ai-native-v2 .ml-section-heading .ml-kicker,
.ai-native-v2 .ml-proof-stat .ml-kicker,
.ai-native-v2 .ml-cta-card .ml-kicker { display: none; }
.ai-native-v2 .ml-section-heading { margin-bottom: 31px; }
.ai-native-v2 .ml-section-heading h2 { letter-spacing: .015em; }
.ai-native-v2 .ml-capability-grid,
.ai-native-v2 .ml-path-panel,
.ai-native-v2 .ml-proof-panel,
.ai-native-v2 .ml-cta-card { border-color: rgba(79, 203, 241, .38); background: linear-gradient(145deg, rgba(1, 22, 43, .42), rgba(1, 11, 28, .28)); box-shadow: inset 0 0 42px rgba(12, 131, 190, .06), 0 12px 34px rgba(0, 0, 0, .12); }
.ai-native-v2 .ml-capability-grid,
.ai-native-v2 .ml-path-panel,
.ai-native-v2 .ml-proof-panel,
.ai-native-v2 .ml-cta-card { border-radius: 3px; }
.ai-native-v2 .ml-capability-grid::after,
.ai-native-v2 .ml-path-panel::after,
.ai-native-v2 .ml-proof-panel::after,
.ai-native-v2 .ml-cta-card::after { position: absolute; z-index: 8; top: 0; left: -30%; width: 22%; height: 1px; content: ""; pointer-events: none; background: linear-gradient(90deg, transparent, rgba(198, 250, 255, .95), transparent); box-shadow: 0 0 12px rgba(86, 222, 255, .72); animation: ml-frame-scan 8.5s ease-in-out infinite; }
.ai-native-v2 .ml-capability-grid,
.ai-native-v2 .ml-path-panel,
.ai-native-v2 .ml-proof-panel,
.ai-native-v2 .ml-cta-card { position: relative; overflow: hidden; }
.ai-native-v2 .ml-capability-card,
.ai-native-v2 .ml-proof-cards article { border-color: rgba(77, 202, 239, .58); background: linear-gradient(158deg, rgba(10, 109, 151, .5), rgba(0, 31, 60, .56)); }
.ai-native-v2 .ml-capability-card:hover,
.ai-native-v2 .ml-proof-cards article:hover { border-color: rgba(175, 247, 255, .92); background: linear-gradient(158deg, rgba(17, 139, 180, .58), rgba(0, 39, 73, .68)); }

/* SVG ribbons supply a foreground layer above the water artwork without becoming another panel. */
.ai-native-v2 .ml-ribbon-front { right: -5%; left: -5%; height: 150px; border: 0; border-radius: 0; filter: none; opacity: .82; overflow: visible; transform: none; }
.ai-native-v2 .ml-ribbon-front svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.ai-native-v2 .ml-ribbon-trace { fill: none; stroke-linecap: round; stroke-linejoin: round; }
.ai-native-v2 .ml-ribbon-trace.ribbon-glow { stroke: rgba(52, 210, 255, .25); stroke-width: 14; filter: blur(8px); }
.ai-native-v2 .ml-ribbon-trace.ribbon-main { stroke: rgba(93, 226, 255, .74); stroke-width: 2.4; filter: drop-shadow(0 0 7px rgba(53, 210, 255, .7)); }
.ai-native-v2 .ml-ribbon-trace.ribbon-current { stroke: #e4feff; stroke-width: 2.2; stroke-dasharray: 18 210; animation: ml-ribbon-current 5.2s linear infinite; filter: drop-shadow(0 0 6px rgba(220, 255, 255, .92)); }
.ai-native-v2 .ml-ribbon-node { fill: #e7ffff; stroke: rgba(103, 239, 255, .45); stroke-width: 5; filter: drop-shadow(0 0 7px rgba(99, 229, 255, .9)); animation: ml-ribbon-node-pulse 2.9s ease-in-out infinite; }
.ai-native-v2 .ml-ribbon-node.node-2 { animation-delay: .75s; }.ai-native-v2 .ml-ribbon-node.node-3 { animation-delay: 1.45s; }
.ai-native-v2 .ribbon-hero { right: -4%; bottom: 1%; left: -4%; height: 164px; opacity: .74; }
.ai-native-v2 .ribbon-capabilities-top { top: 0; right: -4%; left: -4%; height: 124px; opacity: .58; }
.ai-native-v2 .ribbon-capabilities { right: -4%; bottom: -2%; left: -4%; height: 172px; opacity: .86; }
.ai-native-v2 .ribbon-evidence { right: -4%; bottom: 7%; left: -4%; height: 128px; opacity: .68; }
.ai-native-v2 .ribbon-cta { right: -3%; bottom: 18%; left: -3%; height: 236px; opacity: .78; }
.ai-native-v2 .ribbon-cta .ribbon-main { stroke: rgba(79, 218, 255, .58); }.ai-native-v2 .ribbon-cta .ribbon-glow { stroke: rgba(54, 190, 246, .2); }

/* The path reads left-to-right: each pill is tied to its milestone instead of floating independently. */
.ai-native-v2 .ml-path-nodes span { border-radius: 4px; background: rgba(4, 72, 112, .76); box-shadow: 0 0 0 1px rgba(97, 223, 255, .05), inset 0 0 14px rgba(79, 218, 255, .1); }
.ai-native-v2 .ml-path-nodes span::after { position: absolute; width: 1px; height: 16px; content: ""; background: linear-gradient(to bottom, rgba(112, 236, 255, .8), transparent); }
.ai-native-v2 .ml-path-nodes span:nth-child(1) { left: -2px; top: 49%; }.ai-native-v2 .ml-path-nodes span:nth-child(1)::after { top: 100%; left: 50%; }
.ai-native-v2 .ml-path-nodes span:nth-child(2) { left: 17%; top: 18%; }.ai-native-v2 .ml-path-nodes span:nth-child(2)::after { top: 100%; left: 50%; }
.ai-native-v2 .ml-path-nodes span:nth-child(3) { left: 38%; top: 42%; right: auto; }.ai-native-v2 .ml-path-nodes span:nth-child(3)::after { top: 100%; left: 50%; }
.ai-native-v2 .ml-path-nodes span:nth-child(4) { left: 55%; bottom: auto; top: 61%; }.ai-native-v2 .ml-path-nodes span:nth-child(4)::after { bottom: 100%; left: 50%; }
.ai-native-v2 .ml-path-nodes span:nth-child(5) { left: 71%; top: 28%; }.ai-native-v2 .ml-path-nodes span:nth-child(5)::after { top: 100%; left: 50%; }
.ai-native-v2 .ml-path-nodes span:nth-child(6) { right: -2px; bottom: auto; top: 3%; }.ai-native-v2 .ml-path-nodes span:nth-child(6)::after { top: 100%; left: 50%; }
.ai-native-v2 .ml-path-pulse { left: 46%; top: 40%; }

/* Make the supplied grid and the CTA floor feel alive, while keeping the typography still. */
.ai-native-v2 .ml-section::after { animation: ml-grid-drift 18s linear infinite; }
.ai-native-v2 .ml-cta::before { animation: ml-cta-atmosphere 9s ease-in-out infinite; }
.ai-native-v2 .ml-footer { position: relative; }
.ai-native-v2 .ml-footer::before { position: absolute; right: 0; bottom: calc(100% + 13px); left: 0; height: 1px; content: ""; background: linear-gradient(90deg, transparent, rgba(85, 214, 255, .76), transparent); box-shadow: 0 0 16px rgba(75, 212, 255, .4); animation: ml-footer-scan 6.5s ease-in-out infinite; }
.ai-native-v2 .ml-footer-brand { display: none; }
.ai-native-v2 .ml-footer-main { justify-content: flex-end; min-height: 26px; }
.ai-native-v2 .ml-proof-cards em { font-size: 15px; letter-spacing: .05em; }
.ai-native-v2 .ml-cta-card { padding-top: 54px; }
.ai-native-v2 .ml-cta-card h2 { letter-spacing: .01em; }

@keyframes ml-ribbon-current { from { stroke-dashoffset: 0; } to { stroke-dashoffset: -640px; } }
@keyframes ml-ribbon-node-pulse { 0%, 100% { opacity: .5; transform: scale(.75); } 50% { opacity: 1; transform: scale(1.24); } }
@keyframes ml-frame-scan { 0%, 16% { transform: translateX(0); opacity: 0; } 23% { opacity: .8; } 64%, 100% { transform: translateX(645.45%); opacity: 0; } }
@keyframes ml-grid-drift { from { background-position: 0 0, 0 0; } to { background-position: 72px 48px, -72px -48px; } }
@keyframes ml-cta-atmosphere { 0%, 100% { opacity: .25; } 50% { opacity: .44; } }
@keyframes ml-footer-scan { 0%, 100% { opacity: .18; transform: scaleX(.5); } 50% { opacity: .86; transform: scaleX(1); } }

@media (max-width: 760px) {
  .ai-native-v2 .ribbon-hero { height: 124px; }
  .ai-native-v2 .ribbon-capabilities-top { height: 100px; }
  .ai-native-v2 .ribbon-capabilities { height: 124px; }
  .ai-native-v2 .ribbon-evidence { height: 110px; }
  .ai-native-v2 .ribbon-cta { height: 168px; bottom: 15%; }
  .ai-native-v2 .ml-path-nodes span { font-size: 10px; }
  .ai-native-v2 .ml-path-nodes span:nth-child(1) { left: -2px; }.ai-native-v2 .ml-path-nodes span:nth-child(2) { left: 12%; }.ai-native-v2 .ml-path-nodes span:nth-child(3) { left: 37%; }.ai-native-v2 .ml-path-nodes span:nth-child(4) { left: 47%; }.ai-native-v2 .ml-path-nodes span:nth-child(5) { left: 65%; }.ai-native-v2 .ml-path-nodes span:nth-child(6) { right: -2px; }
}

/* Background-led motion pass: the original artwork remains the only source of the light and water forms. */
.ai-native-v2 .ml-ribbon-front { display: none !important; }
.ai-native-v2 .ml-section::after { animation: none !important; }
.ai-native-v2 .ml-bg-motion { z-index: -1; background-size: 110% 110%; opacity: .24; transition: opacity 700ms ease; }
.ai-native-v2 .ml-section:not(.is-visible) .ml-bg-motion { opacity: .08; }
.ai-native-v2 .bg-hero-motion { animation: ml-bg-hero-drift 13s ease-in-out infinite; }
.ai-native-v2 .bg-capabilities-motion { animation: ml-bg-capabilities-drift 15s ease-in-out infinite; }
.ai-native-v2 .bg-evidence-motion { animation: ml-bg-evidence-drift 16s ease-in-out infinite; }
.ai-native-v2 .bg-cta-motion { animation: ml-bg-cta-drift 18s ease-in-out infinite; }

@keyframes ml-bg-hero-drift {
  0%, 100% { background-position: 49% 51%; filter: brightness(1.22) contrast(1.06) saturate(1.12); }
  50% { background-position: 51.4% 48.8%; filter: brightness(1.38) contrast(1.1) saturate(1.22); }
}
@keyframes ml-bg-hero-breathe { 0%, 100% { opacity: .12; } 50% { opacity: .34; } }
@keyframes ml-bg-hero-reflection { 0%, 100% { transform: translateX(-28%) skewX(-14deg); opacity: .2; } 50% { transform: translateX(25%) skewX(-14deg); opacity: .62; } }
@keyframes ml-bg-planet-rim { 0%, 100% { opacity: .22; transform: translateX(-2px) rotate(-1deg); } 50% { opacity: .58; transform: translateX(5px) rotate(1deg); } }
@keyframes ml-bg-capabilities-drift {
  0%, 100% { background-position: 49% 50%; filter: brightness(1.16) contrast(1.05) saturate(1.14); }
  50% { background-position: 51.6% 48%; filter: brightness(1.34) contrast(1.1) saturate(1.26); }
}
@keyframes ml-bg-capabilities-wave { 0%, 100% { opacity: .12; } 50% { opacity: .34; } }
@keyframes ml-bg-capabilities-ribbon { 0%, 100% { transform: translateX(-9%) translateY(3px); opacity: .18; } 50% { transform: translateX(13%) translateY(-4px); opacity: .58; } }
@keyframes ml-bg-capabilities-light { 0%, 100% { opacity: .14; transform: rotate(-3deg) translateX(-6%); } 50% { opacity: .6; transform: rotate(-3deg) translateX(10%); } }
@keyframes ml-bg-evidence-drift {
  0%, 100% { background-position: 49% 50%; filter: brightness(1.2) contrast(1.06) saturate(1.12); }
  50% { background-position: 51.8% 47.6%; filter: brightness(1.4) contrast(1.1) saturate(1.22); }
}
@keyframes ml-bg-evidence-breathe { 0%, 100% { opacity: .1; } 50% { opacity: .3; } }
@keyframes ml-bg-evidence-orbit { from { transform: rotate(-9deg) rotateX(55deg) translateX(-3%); } to { transform: rotate(8deg) rotateX(55deg) translateX(4%); } }
@keyframes ml-bg-evidence-floor { 0%, 100% { opacity: .12; transform: translateX(-14%); } 50% { opacity: .48; transform: translateX(12%); } }
@keyframes ml-bg-cta-drift {
  0%, 100% { background-position: 48.5% 51%; filter: brightness(1.14) contrast(1.05) saturate(1.1); }
  50% { background-position: 52% 48%; filter: brightness(1.36) contrast(1.09) saturate(1.2); }
}
@keyframes ml-bg-cta-breathe { 0%, 100% { opacity: .12; } 50% { opacity: .3; } }
@keyframes ml-bg-cta-ribbon { 0%, 100% { opacity: .12; transform: rotate(-20deg) translateX(-8%); } 50% { opacity: .66; transform: rotate(-20deg) translateX(8%); } }
@keyframes ml-bg-cta-floor { 0%, 100% { opacity: .1; transform: skewX(-18deg) translateX(-10%); } 50% { opacity: .5; transform: skewX(-18deg) translateX(12%); } }

@media (prefers-reduced-motion: reduce) {
  .ai-native-v2 .ml-bg-motion,
  .ai-native-v2 .ml-bg-motion::before,
  .ai-native-v2 .ml-bg-motion::after { animation: none !important; }
}

/* Final background-authentic motion pass: keep every moving highlight inside
   the supplied artwork. The duplicate layer is the same bitmap with a very
   small positional drift; no synthetic ribbon, orbit, beam or grid is added. */
.ai-native-v2 .ml-bg-motion::before,
.ai-native-v2 .ml-bg-motion::after,
.ai-native-v2 .ml-section::after { display: none !important; }
.ai-native-v2 .ml-bg-motion {
  z-index: -1;
  background-size: 110% 110%;
  mix-blend-mode: screen;
  opacity: .14;
  will-change: auto;
}
.ai-native-v2 .ml-section.is-visible .ml-bg-motion { opacity: .18; }
.ai-native-v2 .ml-section:not(.is-visible) .ml-bg-motion { opacity: .045; }
.ai-native-v2 .bg-hero-motion { animation: ml-bg-composite-drift 15s ease-in-out infinite; }
.ai-native-v2 .bg-capabilities-motion { animation: ml-bg-composite-drift 17s ease-in-out infinite; }
.ai-native-v2 .bg-evidence-motion { animation: ml-bg-composite-drift 18s ease-in-out infinite; }
.ai-native-v2 .bg-cta-motion { animation: ml-bg-composite-drift 20s ease-in-out infinite; }

/* Move the cached bitmap instead of repainting its position and filter each frame. */
@keyframes ml-bg-composite-drift {
  0%, 100% { transform: translate3d(-.6%, .4%, 0) scale(1.025); }
  50% { transform: translate3d(.6%, -.4%, 0) scale(1.025); }
}

.ai-native-v2.ai-home-page .ml-section:not(.is-in-viewport),
.ai-native-v2.ai-home-page .ml-section:not(.is-in-viewport)::before,
.ai-native-v2.ai-home-page .ml-section:not(.is-in-viewport)::after,
.ai-native-v2.ai-home-page .ml-section:not(.is-in-viewport) *,
.ai-native-v2.ai-home-page .ml-section:not(.is-in-viewport) *::before,
.ai-native-v2.ai-home-page .ml-section:not(.is-in-viewport) *::after {
  animation-play-state: paused !important;
}

@media (max-width: 760px) {
  .ai-native-v2 .ml-bg-motion { background-size: 116% 116%; opacity: .12; }
  .ai-native-v2 .ml-section.is-visible .ml-bg-motion { opacity: .16; }
}

/* Motion is rendered above each supplied bitmap, but below the content. The
   canvas only draws short highlight packets, bound particles and tapered
   trails; it never replaces the original artwork with a generic line. */
.ai-native-v2 .ml-motion-canvas {
  position: absolute;
  z-index: 1;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: .96;
  mix-blend-mode: screen;
}
.ai-native-v2 .ml-section-inner { z-index: 2; }
.ai-native-v2 .ml-path-node,
.ai-native-v2 .ml-path-pulse { display: none !important; }
.ai-native-v2 .ml-path-anchor {
  fill: #eaffff;
  stroke: rgba(112, 237, 255, .72);
  stroke-width: 2;
  filter: drop-shadow(0 0 5px rgba(102, 231, 255, .96));
  transform-box: fill-box;
  transform-origin: center;
  animation: ml-anchor-breathe 2.4s ease-in-out infinite;
}
.ai-native-v2 .ml-path-anchor.anchor-2 { animation-delay: .22s; }
.ai-native-v2 .ml-path-anchor.anchor-3 { animation-delay: .44s; }
.ai-native-v2 .ml-path-anchor.anchor-4 { animation-delay: .66s; }
.ai-native-v2 .ml-path-anchor.anchor-5 { animation-delay: .88s; }
.ai-native-v2 .ml-path-anchor.anchor-6 { animation-delay: 1.1s; }
.ai-native-v2 .ml-orbit-dot.orbit-dot-a { left: 18%; top: 47%; }
.ai-native-v2 .ml-orbit-dot.orbit-dot-b { left: 49%; top: 14%; }
.ai-native-v2 .ml-orbit-dot.orbit-dot-c { right: 18%; top: 43%; }
.ai-native-v2 .ml-orbit-dot.orbit-dot-d { left: 53%; bottom: 10%; }
.ai-native-v2 .ml-orbit-dot { animation-duration: 2.9s; }

@keyframes ml-anchor-breathe {
  0%, 100% { opacity: .58; transform: scale(.78); }
  50% { opacity: 1; transform: scale(1.22); }
}

/* Selective static mode: the noisy canvas flow trails and rising particle
   layer are omitted, while the authored CSS scene motion remains available. */
.ai-native-v2 .ml-motion-canvas,
.ai-native-v2 .ml-bg-motion { display: none !important; }
.ai-native-v2 .ml-path-beam { stroke-dasharray: none; filter: none; animation: none !important; }
.ai-native-v2 .ml-path-node::after,
.ai-native-v2 .ml-path-pulse,
.ai-native-v2 .ml-path-anchor,
.ai-native-v2 .ml-orbit-core::before,
.ai-native-v2 .ml-orbit-dot,
.ai-native-v2 .ml-cta-logo span::after { animation: none !important; }
.ai-native-v2 .ml-path-anchor { filter: none; }
.ai-native-v2 .ml-orbit-dot { opacity: .72; }

/* The following rules only disable the noisy layers that were removed in the
   previous pass; the final overrides below restore the authored motion. */
.ai-native-v2.ai-home-page .ml-section::after,
.ai-native-v2.ai-home-page .ml-cta::before,
.ai-native-v2.ai-home-page .ml-footer::before,
.ai-native-v2.ai-home-page .ml-capability-grid::after,
.ai-native-v2.ai-home-page .ml-path-panel::after,
.ai-native-v2.ai-home-page .ml-proof-panel::after,
.ai-native-v2.ai-home-page .ml-cta-card::after,
.ai-native-v2.ai-home-page .ml-ribbon-trace,
.ai-native-v2.ai-home-page .ml-ribbon-node,
.ai-native-v2.ai-home-page .ml-scroll-hint span {
  animation: none !important;
}

/* Restore the intentional scene motion. The canvas is limited to the
   occasional celestial pass; flow trails and floor particles stay removed. */
.ai-native-v2.ai-home-page .ml-motion-canvas {
  display: block !important;
}
.ai-native-v2.ai-home-page .ml-motion-canvas.canvas-capabilities,
.ai-native-v2.ai-home-page .ml-motion-canvas.canvas-evidence,
.ai-native-v2.ai-home-page .ml-motion-canvas.canvas-cta {
  display: none !important;
}
.ai-native-v2.ai-home-page .ml-bg-motion,
.ai-native-v2.ai-home-page .ml-bg-motion::before,
.ai-native-v2.ai-home-page .ml-bg-motion::after {
  display: block !important;
}
.ai-native-v2.ai-home-page .ml-section::after {
  display: block !important;
  animation: ml-grid-drift 18s linear infinite !important;
}
.ai-native-v2.ai-home-page .ml-cta::before {
  animation: ml-cta-atmosphere 9s ease-in-out infinite !important;
}
.ai-native-v2.ai-home-page .ml-footer::before {
  animation: ml-footer-scan 6.5s ease-in-out infinite !important;
}
.ai-native-v2.ai-home-page .ml-capability-grid::after,
.ai-native-v2.ai-home-page .ml-path-panel::after,
.ai-native-v2.ai-home-page .ml-proof-panel::after,
.ai-native-v2.ai-home-page .ml-cta-card::after {
  animation: ml-frame-scan 8.5s ease-in-out infinite !important;
}
.ai-native-v2.ai-home-page .ml-ribbon-front {
  display: block !important;
}
.ai-native-v2.ai-home-page .ml-ribbon-trace.ribbon-current {
  animation: ml-ribbon-current 5.2s linear infinite !important;
}
.ai-native-v2.ai-home-page .ml-ribbon-node {
  animation: ml-ribbon-node-pulse 2.9s ease-in-out infinite !important;
}
.ai-native-v2.ai-home-page .ml-path-beam {
  stroke-dasharray: 18 1200;
  filter: drop-shadow(0 0 4px rgba(112, 237, 255, .95));
  animation: ml-path-beam-travel 5.6s linear infinite !important;
}
.ai-native-v2.ai-home-page .ml-path-anchor {
  filter: drop-shadow(0 0 5px rgba(102, 231, 255, .96));
  animation: ml-anchor-breathe 2.4s ease-in-out infinite !important;
}
.ai-native-v2.ai-home-page .ml-orbit-core::before {
  animation: ml-orbit-spin 10s linear infinite !important;
}
.ai-native-v2.ai-home-page .ml-orbit-dot {
  animation: ml-orbit-pulse 2.4s ease-in-out infinite !important;
}
.ai-native-v2.ai-home-page .ml-scroll-hint span {
  animation: ml-scroll-line 1.8s ease-in-out infinite !important;
}
.ai-native-v2.ai-home-page .ml-cta-logo span::after {
  animation: ml-logo-sheen 4.6s ease-in-out infinite !important;
}

/* The case library scrolls inside its own panel, leaving the page's vertical
   snap flow intact. Each research type has a stable readable card width. */
.ai-native-v2.ai-home-page .ml-case-slider {
  display: flex !important;
  grid-template-columns: none;
  gap: 12px;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  padding: 1px 2px 12px;
  scroll-snap-type: x proximity;
  scrollbar-color: rgba(103, 229, 255, .72) rgba(4, 34, 57, .44);
  scrollbar-width: thin;
}
.ai-native-v2.ai-home-page .ml-case-slider::-webkit-scrollbar {
  height: 5px;
}
.ai-native-v2.ai-home-page .ml-case-slider::-webkit-scrollbar-track {
  background: rgba(4, 34, 57, .44);
}
.ai-native-v2.ai-home-page .ml-case-slider::-webkit-scrollbar-thumb {
  background: rgba(103, 229, 255, .72);
  border-radius: 4px;
}
.ai-native-v2.ai-home-page .ml-case-slider article {
  flex: 0 0 clamp(158px, 19vw, 210px);
  min-height: 158px;
  scroll-snap-align: start;
}

/* Long-form value cards remain three separate boxes rather than collapsing
   their copy into labels or abbreviations. */
.ai-native-v2.ai-home-page .ml-why-cards article {
  align-content: start;
  gap: 12px;
  min-height: 304px;
}
.ai-native-v2.ai-home-page .ml-why-cards article b {
  font-size: 16px;
}
.ai-native-v2.ai-home-page .ml-why-cards article span {
  margin-top: 0;
  font-size: 11px;
  line-height: 1.72;
}
.ai-native-v2.ai-home-page .ml-why-cards article em {
  display: none;
}

@media (max-width: 760px) {
  .ai-native-v2.ai-home-page .ml-case-slider {
    gap: 10px;
    padding-bottom: 10px;
  }
  .ai-native-v2.ai-home-page .ml-case-slider article {
    flex-basis: min(76vw, 240px);
  }
  .ai-native-v2.ai-home-page .ml-why-cards {
    grid-template-columns: 1fr;
  }
  .ai-native-v2.ai-home-page .ml-why-cards article {
    min-height: 0;
  }
}

@media (min-width: 761px) and (max-width: 1100px) {
  .ai-native-v2.ai-home-page .ml-proof-panels {
    grid-template-columns: 1fr;
  }
}

/* Industry case explorer: compact tabs, readable highlights, and details on
   demand keep the evidence page dense without turning it into a long list. */
.ai-native-v2.ai-home-page .ml-case-panel {
  min-width: 0;
}
.ai-native-v2.ai-home-page .ml-case-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: -3px 0 15px;
  padding-bottom: 11px;
  border-bottom: 1px solid rgba(117, 224, 247, .18);
}
.ai-native-v2.ai-home-page .ml-case-tabs button {
  min-height: 30px;
  padding: 0 12px;
  border: 1px solid rgba(117, 224, 247, .28);
  border-radius: 3px;
  color: rgba(218, 244, 250, .72);
  background: rgba(1, 18, 39, .46);
  cursor: pointer;
  font: inherit;
  font-size: 11px;
  letter-spacing: .04em;
  transition: color 180ms ease, border-color 180ms ease, background 180ms ease, box-shadow 180ms ease;
}
.ai-native-v2.ai-home-page .ml-case-tabs button:hover,
.ai-native-v2.ai-home-page .ml-case-tabs button:focus-visible,
.ai-native-v2.ai-home-page .ml-case-tabs button.is-active {
  border-color: rgba(145, 242, 255, .92);
  color: #effeff;
  background: rgba(18, 142, 181, .42);
  box-shadow: 0 0 18px rgba(56, 214, 255, .14), inset 0 0 12px rgba(140, 244, 255, .08);
  outline: none;
}
.ai-native-v2.ai-home-page .ml-case-grid {
  display: flex;
  gap: 11px;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 1px 2px 12px 1px;
  overscroll-behavior-x: contain;
  scroll-snap-type: x proximity;
  scrollbar-color: rgba(103, 229, 255, .62) rgba(4, 34, 57, .38);
  scrollbar-width: thin;
}
.ai-native-v2.ai-home-page .ml-case-grid::-webkit-scrollbar {
  height: 5px;
}
.ai-native-v2.ai-home-page .ml-case-grid::-webkit-scrollbar-track {
  background: rgba(4, 34, 57, .38);
}
.ai-native-v2.ai-home-page .ml-case-grid::-webkit-scrollbar-thumb {
  background: rgba(103, 229, 255, .62);
  border-radius: 4px;
}
.ai-native-v2.ai-home-page .ml-case-card {
  display: flex;
  flex: 0 0 clamp(205px, 29vw, 282px);
  min-width: 0;
  min-height: 187px;
  flex-direction: column;
  padding: 13px 13px 12px;
  border: 1px solid rgba(77, 202, 239, .48);
  background: linear-gradient(158deg, rgba(10, 109, 151, .42), rgba(0, 31, 60, .62));
  scroll-snap-align: start;
  transition: transform 200ms ease, border-color 200ms ease, background 200ms ease;
}
.ai-native-v2.ai-home-page .ml-case-card:hover {
  border-color: rgba(175, 247, 255, .88);
  background: linear-gradient(158deg, rgba(17, 139, 180, .5), rgba(0, 39, 73, .72));
  transform: translateY(-3px);
}
.ai-native-v2.ai-home-page .ml-case-card h4 {
  display: -webkit-box;
  min-height: 39px;
  margin: 2px 0 12px;
  overflow: hidden;
  color: #f5fdff;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.4;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.ai-native-v2.ai-home-page .ml-case-tags,
.ai-native-v2.ai-home-page .ml-case-modal-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.ai-native-v2.ai-home-page .ml-case-tags span,
.ai-native-v2.ai-home-page .ml-case-modal-tags span {
  padding: 3px 6px;
  border: 1px solid rgba(112, 226, 247, .28);
  color: rgba(195, 240, 248, .72);
  background: rgba(5, 57, 85, .4);
  font-size: 9px;
  line-height: 1.2;
}
.ai-native-v2.ai-home-page .ml-case-card strong {
  display: block;
  margin-top: auto;
  padding-top: 12px;
  color: #aef6ff;
  font-size: 17px;
  font-weight: 650;
  line-height: 1.3;
  text-shadow: 0 0 14px rgba(74, 224, 255, .26);
}
.ai-native-v2.ai-home-page .ml-case-detail {
  align-self: flex-start;
  margin-top: 10px;
  padding: 0;
  border: 0;
  color: rgba(205, 246, 252, .78);
  background: transparent;
  cursor: pointer;
  font: inherit;
  font-size: 10px;
  letter-spacing: .06em;
}
.ai-native-v2.ai-home-page .ml-case-detail:hover,
.ai-native-v2.ai-home-page .ml-case-detail:focus-visible {
  color: #fff;
  text-decoration: underline;
  outline: none;
}

.ai-native-v2.ai-home-page .ml-case-modal[hidden] {
  display: none !important;
}
.ai-native-v2.ai-home-page .ml-case-modal {
  position: fixed;
  z-index: 80;
  inset: 0;
  display: grid;
  place-items: center;
  padding: clamp(18px, 5vw, 70px);
}
.ai-native-v2.ai-home-page .ml-case-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 6, 16, .76);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.ai-native-v2.ai-home-page .ml-case-modal-dialog {
  position: relative;
  width: min(720px, 100%);
  max-height: min(760px, calc(100vh - 36px));
  overflow-y: auto;
  padding: clamp(24px, 4vw, 44px);
  border: 1px solid rgba(107, 226, 255, .56);
  background: linear-gradient(145deg, rgba(3, 35, 61, .96), rgba(1, 12, 29, .97));
  box-shadow: 0 24px 80px rgba(0, 0, 0, .46), inset 0 0 40px rgba(43, 188, 236, .08);
}
.ai-native-v2.ai-home-page .ml-case-modal-close {
  position: absolute;
  top: 13px;
  right: 16px;
  width: 32px;
  height: 32px;
  border: 1px solid rgba(187, 240, 248, .36);
  border-radius: 3px;
  color: #e8fcff;
  background: rgba(1, 16, 31, .56);
  cursor: pointer;
  font-size: 22px;
  line-height: 1;
}
.ai-native-v2.ai-home-page .ml-case-modal-close:hover,
.ai-native-v2.ai-home-page .ml-case-modal-close:focus-visible {
  border-color: #a5f5ff;
  box-shadow: 0 0 18px rgba(60, 214, 255, .24);
  outline: none;
}
.ai-native-v2.ai-home-page .ml-case-modal-kicker {
  margin: 0 0 13px;
  color: var(--ml-cyan);
  font-family: "Cascadia Mono", monospace;
  font-size: 10px;
  letter-spacing: .16em;
}
.ai-native-v2.ai-home-page .ml-case-modal-dialog h4 {
  max-width: calc(100% - 34px);
  margin: 0;
  color: #f7feff;
  font-size: clamp(22px, 3vw, 34px);
  line-height: 1.3;
}
.ai-native-v2.ai-home-page .ml-case-modal-tags {
  margin-top: 17px;
}
.ai-native-v2.ai-home-page .ml-case-modal-highlight {
  display: inline-flex;
  margin-top: 18px;
  padding: 8px 12px;
  border: 1px solid rgba(119, 238, 255, .58);
  color: #b9f8ff;
  background: rgba(16, 137, 178, .26);
  font-size: 16px;
  font-weight: 650;
}
.ai-native-v2.ai-home-page .ml-case-modal-sections {
  display: grid;
  gap: 17px;
  margin-top: 27px;
}
.ai-native-v2.ai-home-page .ml-case-modal-sections section {
  padding-top: 14px;
  border-top: 1px solid rgba(124, 220, 239, .2);
}
.ai-native-v2.ai-home-page .ml-case-modal-sections b {
  color: #9aefff;
  font-size: 12px;
  letter-spacing: .08em;
}
.ai-native-v2.ai-home-page .ml-case-modal-sections p {
  margin: 7px 0 0;
  color: rgba(221, 242, 247, .8);
  font-size: 14px;
  line-height: 1.8;
}
.ai-native-v2.ai-home-page.ml-case-modal-open .ml-scroll {
  overflow: hidden;
}

@media (max-width: 760px) {
  .ai-native-v2.ai-home-page .ml-case-grid {
    gap: 9px;
    padding-bottom: 10px;
  }
  .ai-native-v2.ai-home-page .ml-case-card {
    flex-basis: min(76vw, 250px);
    min-height: 178px;
    padding: 11px 10px;
  }
  .ai-native-v2.ai-home-page .ml-case-card h4 {
    font-size: 12px;
  }
  .ai-native-v2.ai-home-page .ml-case-card strong {
    font-size: 14px;
  }
  .ai-native-v2.ai-home-page .ml-case-modal-dialog {
    max-height: calc(100vh - 24px);
    padding: 26px 18px 22px;
  }
  .ai-native-v2.ai-home-page .ml-case-modal-sections p {
    font-size: 13px;
  }
}

/* Company profile and contact panels keep the final screen informative without
   turning it into an opaque card stack. */
.ai-native-v2.ai-home-page .ml-cta-inner {
  width: min(100%, 1240px);
  flex-direction: column;
  align-items: stretch;
  gap: 28px;
  padding-bottom: 8px;
}
.ai-native-v2.ai-home-page .ml-cta-inner > .ml-cta-card {
  width: 100%;
  box-sizing: border-box;
}
.ai-native-v2.ai-home-page .ml-company-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(300px, 1fr);
  gap: 16px;
  width: 100%;
  align-items: stretch;
}
.ai-native-v2.ai-home-page .ml-company-card,
.ai-native-v2.ai-home-page .ml-contact-card {
  position: relative;
  min-width: 0;
  overflow: hidden;
  padding: clamp(22px, 3vw, 34px);
  border: 1px solid rgba(79, 203, 241, .38);
  border-radius: 3px;
  background: linear-gradient(145deg, rgba(8, 37, 65, .48), rgba(1, 11, 28, .28));
  box-shadow: inset 0 0 42px rgba(12, 131, 190, .06), 0 12px 34px rgba(0, 0, 0, .12);
}
.ai-native-v2.ai-home-page .ml-company-card,
.ai-native-v2.ai-home-page .ml-contact-card { height: 100%; box-sizing: border-box; }
.ai-native-v2.ai-home-page .ml-contact-card { display: flex; flex-direction: column; justify-content: center; }
.ai-native-v2.ai-home-page .ml-company-card::after,
.ai-native-v2.ai-home-page .ml-contact-card::after {
  position: absolute;
  top: 0;
  left: -28%;
  width: 22%;
  height: 1px;
  content: "";
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(198, 250, 255, .95), transparent);
  box-shadow: 0 0 12px rgba(86, 222, 255, .72);
  animation: ml-frame-scan 8.5s ease-in-out infinite;
}
.ai-native-v2.ai-home-page .ml-company-kicker {
  margin: 0 0 12px;
  color: var(--ml-cyan);
  font-family: "Cascadia Mono", monospace;
  font-size: 10px;
  letter-spacing: .16em;
}
.ai-native-v2.ai-home-page .ml-company-card h2,
.ai-native-v2.ai-home-page .ml-contact-card h2 {
  margin: 0 0 19px;
  color: #f4feff;
  font-size: clamp(23px, 2.6vw, 34px);
  font-weight: 680;
  letter-spacing: .02em;
  line-height: 1.25;
  text-shadow: 0 2px 22px rgba(0, 0, 0, .36);
}
.ai-native-v2.ai-home-page .ml-company-card p:not(.ml-company-kicker) {
  margin: 0 0 13px;
  color: rgba(210, 235, 242, .78);
  font-size: 13px;
  line-height: 1.82;
}
.ai-native-v2.ai-home-page .ml-company-card p:last-child {
  margin-bottom: 0;
  color: rgba(187, 241, 249, .9);
}
.ai-native-v2.ai-home-page .ml-contact-card dl {
  display: grid;
  gap: 0;
  margin: 0;
}
.ai-native-v2.ai-home-page .ml-contact-card dl > div {
  display: grid;
  grid-template-columns: 70px minmax(0, 1fr);
  gap: 13px;
  padding: 15px 0;
  border-top: 1px solid rgba(124, 220, 239, .18);
}
.ai-native-v2.ai-home-page .ml-contact-card dt {
  color: rgba(156, 232, 245, .72);
  font-size: 12px;
}
.ai-native-v2.ai-home-page .ml-contact-card dd {
  min-width: 0;
  margin: 0;
  color: rgba(224, 246, 250, .84);
  font-size: 13px;
  line-height: 1.7;
  overflow-wrap: anywhere;
}
.ai-native-v2.ai-home-page .ml-contact-card a {
  color: #b8f6ff;
  text-decoration: none;
  transition: color 180ms ease, text-shadow 180ms ease;
}
.ai-native-v2.ai-home-page .ml-contact-card a:hover,
.ai-native-v2.ai-home-page .ml-contact-card a:focus-visible {
  color: #fff;
  text-shadow: 0 0 14px rgba(94, 229, 255, .6);
  outline: none;
}
.ai-native-v2.ai-home-page .ml-footer-brand {
  display: inline-block;
  color: #fff;
  font-family: "Noto Sans SC", "Microsoft YaHei", sans-serif;
  font-size: 15px;
  letter-spacing: .12em;
}
.ai-native-v2.ai-home-page .ml-footer-main {
  justify-content: space-between;
}

.ai-native-v2.ai-home-page .ml-police-link img {
  display: block;
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  object-fit: contain;
}

@media (max-width: 760px) {
  .ai-native-v2.ai-home-page .ml-company-grid {
    grid-template-columns: 1fr;
  }
  .ai-native-v2.ai-home-page .ml-company-card,
  .ai-native-v2.ai-home-page .ml-contact-card {
    padding: 21px 17px;
  }
  .ai-native-v2.ai-home-page .ml-company-card p:not(.ml-company-kicker) {
    font-size: 12px;
    line-height: 1.78;
  }
  .ai-native-v2.ai-home-page .ml-contact-card dl > div {
    grid-template-columns: 62px minmax(0, 1fr);
    gap: 10px;
  }
.ai-native-v2.ai-home-page .ml-footer-main {
    align-items: flex-start;
  }
}

/* Keep the primary auth entry readable against the dark landing artwork. */
.ai-native-v2 .ml-auth-ghost {
  border-color: rgba(173, 250, 255, .95);
  color: #001a2b;
  background: linear-gradient(100deg, #50d9ef, #a6f6ff);
  box-shadow: 0 0 24px rgba(55, 214, 255, .2), inset 0 0 12px rgba(255, 255, 255, .34);
}
.ai-native-v2 .ml-auth-ghost:hover,
.ai-native-v2 .ml-auth-ghost:focus-visible {
  border-color: var(--ml-cyan);
  color: #001a2b;
  background: linear-gradient(100deg, #64e4f3, #b7f9ff);
  box-shadow: 0 0 28px rgba(42, 204, 255, .3), inset 0 0 14px rgba(255, 255, 255, .38);
}

@media (max-width: 760px) {
  .ai-native-v2 .ml-auth { padding: 0 10px; }
  .ai-native-v2 .ml-auth-menu-trigger .ml-auth-chevron { right: 9px; width: 7px; height: 7px; border-width: 1.6px; }
}