:root {
  --ink: #071426;
  --ink-2: #0d1e37;
  --navy: #07182d;
  --blue: #2168ff;
  --electric: #3ae6ff;
  --mint: #60e6b1;
  --orange: #ff9a5b;
  --text: #17243b;
  --muted: #68758b;
  --line: #dfe6f1;
  --surface: #f5f8fc;
  --font: "Noto Sans SC", "Microsoft YaHei", sans-serif;
  --mono: "DM Mono", monospace;
  --shell: min(1180px, calc(100% - 48px));
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--text); font-family: var(--font); background: #fff; overflow-x: hidden; }
button, input, select { font: inherit; }
button { cursor: pointer; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
.page-shell { width: var(--shell); margin: 0 auto; }
.skip-link { position: fixed; top: -100px; left: 16px; z-index: 100; padding: 10px 14px; color: #fff; background: var(--blue); border-radius: 0 0 8px 8px; }
.skip-link:focus { top: 0; }

.site-header { position: absolute; inset: 0 0 auto; z-index: 20; height: 88px; border-bottom: 1px solid rgba(198, 220, 255, .15); color: white; transition: background .25s, height .25s, box-shadow .25s; }
.site-header.is-sticky { position: fixed; height: 72px; background: rgba(5, 17, 34, .92); backdrop-filter: blur(18px); box-shadow: 0 8px 28px rgba(0,0,0,.18); }
.nav-wrap { height: 100%; display: flex; align-items: center; gap: 42px; }
.brand { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 10px; }
.brand-mark { position: relative; display: inline-flex; align-items: end; gap: 2px; width: 27px; height: 27px; padding: 4px 3px; border: 1px solid rgba(102, 225, 255, .8); transform: rotate(45deg); }
.brand-mark::after { content: ""; position: absolute; inset: 4px; border: 1px solid rgba(61, 130, 255, .8); }
.brand-mark i { position: relative; z-index: 1; width: 4px; background: var(--electric); box-shadow: 0 0 7px var(--electric); transform: rotate(-45deg); }
.brand-mark i:nth-child(1) { height: 7px; }.brand-mark i:nth-child(2) { height: 13px; }.brand-mark i:nth-child(3) { height: 9px; }
.brand-name { font-family: var(--mono); font-size: 20px; font-weight: 500; letter-spacing: -1.1px; }.brand-name span { color: var(--electric); }
.main-nav { display: flex; align-items: center; gap: 28px; margin-left: auto; }.main-nav a { position: relative; padding: 8px 0; color: rgba(255,255,255,.75); font-size: 14px; }.main-nav a::after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; height: 2px; background: var(--electric); transform: scaleX(0); transform-origin: right; transition: transform .25s; }.main-nav a:hover, .main-nav a.is-active { color: #fff; }.main-nav a:hover::after, .main-nav a.is-active::after { transform: scaleX(1); transform-origin: left; }
.nav-actions { display: flex; align-items: center; gap: 20px; }.text-action { font-size: 13px; white-space: nowrap; }.text-action span { color: var(--electric); font-size: 16px; }.nav-button { padding: 10px 17px; border: 1px solid rgba(112,227,255,.65); color: #dffaff; font-size: 13px; transition: background .2s, color .2s; }.nav-button:hover { color: var(--ink); background: var(--electric); }
.nav-toggle { display: none; padding: 7px; border: 0; color: #fff; background: transparent; }.nav-toggle span { display: block; width: 22px; height: 2px; margin: 5px; background: currentColor; transition: transform .2s; }

.hero { position: relative; min-height: 790px; padding-top: 88px; color: #f8fbff; overflow: hidden; background: radial-gradient(ellipse 65% 50% at 72% 45%, #124481 0%, rgba(14, 53, 101,.75) 25%, transparent 70%), linear-gradient(125deg, #06162d 0%, #081a34 50%, #06172e 100%); }
.hero::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(90deg, rgba(7, 20, 38, .5), transparent 52%), linear-gradient(0deg, rgba(4, 14, 28, .72), transparent 40%); }
.hero-grid, .consult-grid { position: absolute; inset: 0; opacity: .38; background-image: linear-gradient(rgba(90, 183, 255, .11) 1px, transparent 1px), linear-gradient(90deg, rgba(90, 183, 255, .11) 1px, transparent 1px); background-size: 46px 46px; mask-image: linear-gradient(90deg, #000, transparent 70%); }
.orb { position: absolute; width: 650px; height: 650px; border: 1px solid rgba(78, 214, 255, .16); border-radius: 50%; filter: drop-shadow(0 0 40px rgba(20, 135, 255, .28)); }.orb::before, .orb::after { content: ""; position: absolute; border: inherit; border-radius: inherit; }.orb::before { inset: 50px; }.orb::after { inset: 108px; }.orb-one { top: 82px; right: -136px; }.orb-two { right: 18%; bottom: -550px; width: 760px; height: 760px; }
.hero-layout { position: relative; z-index: 1; display: grid; grid-template-columns: .95fr 1.05fr; min-height: 610px; align-items: center; gap: 36px; }.hero-copy { padding: 60px 0 30px; }
.eyebrow { display: flex; align-items: center; gap: 10px; margin: 0 0 18px; color: #6a7588; font-family: var(--mono); font-size: 11px; letter-spacing: .13em; text-transform: uppercase; }.eyebrow span { width: 28px; height: 1px; background: var(--blue); }.eyebrow-light { color: #8db4d8; }.eyebrow-light span { background: var(--electric); }
.hero .eyebrow { color: #91b6da; }.hero .eyebrow span { background: var(--electric); }
h1, h2, h3, p { margin-top: 0; } h1, h2, h3 { font-weight: 700; }
h1 { margin-bottom: 22px; font-size: clamp(42px, 4.1vw, 64px); line-height: 1.18; letter-spacing: -.06em; }.hero h1 span { position: relative; color: var(--electric); }.hero h1 span::after { content: ""; position: absolute; right: 2%; bottom: -6px; left: 3%; height: 6px; opacity: .75; background: linear-gradient(90deg, var(--electric), transparent); filter: blur(2px); }
.hero-intro { max-width: 515px; margin-bottom: 31px; color: #abc0d8; font-size: 16px; line-height: 1.9; }.hero-actions { display: flex; gap: 12px; }.button { display: inline-flex; align-items: center; justify-content: center; gap: 20px; min-height: 48px; padding: 0 20px; font-size: 14px; font-weight: 600; transition: .22s ease; }.button span { font-size: 18px; line-height: 1; }.button-primary { color: #031426; background: linear-gradient(105deg, #51e8ff, #4e96ff); box-shadow: 0 8px 23px rgba(46, 151, 255, .25); }.button-primary:hover { transform: translateY(-2px); box-shadow: 0 13px 29px rgba(63, 215, 255, .35); }.button-ghost { border: 1px solid rgba(187,220,249,.38); color: #e7f4ff; }.button-ghost:hover { border-color: var(--electric); background: rgba(69, 205, 255, .1); }.hero-tags { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 34px; }.hero-tags span { padding: 7px 11px; border: 1px solid rgba(153,201,249,.23); color: #b7cce3; font-size: 12px; background: rgba(10,34,66,.3); }

.hero-stage { position: relative; height: 484px; }.stage-backdrop { position: absolute; top: 78px; right: 0; bottom: 6px; left: 70px; border: 1px solid rgba(109, 213, 255, .26); background: linear-gradient(150deg, rgba(22, 98, 160, .3), rgba(6,27,59,.55)); box-shadow: inset 0 0 40px rgba(47, 169, 255, .11), 0 30px 55px rgba(0, 0, 0, .26); transform: skewY(-2deg); }.stage-backdrop::after { content: ""; position: absolute; top: 10%; right: 11%; width: 46%; height: 72%; border: 1px solid rgba(38,219,255,.2); background: radial-gradient(circle at center, rgba(45,154,255,.21), transparent 68%); border-radius: 50%; }
.console-card { position: absolute; top: 54px; right: 28px; left: 10px; overflow: hidden; border: 1px solid rgba(109, 221, 255, .52); background: rgba(4, 23, 49, .79); box-shadow: 0 0 0 6px rgba(66,197,255,.035), 0 32px 45px rgba(0,0,0,.3), inset 0 0 24px rgba(75,184,255,.1); transform: perspective(1100px) rotateY(-4deg) rotateX(2deg); }.console-card::before { content: ""; position: absolute; top: 0; right: 5%; width: 20%; height: 1px; background: var(--electric); box-shadow: 0 0 15px var(--electric); }.console-topbar { display: flex; align-items: center; gap: 8px; height: 40px; padding: 0 17px; border-bottom: 1px solid rgba(125,193,255,.18); color: #d7ebff; font-size: 12px; }.pulse-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 10px var(--mint); animation: blink 1.7s infinite; }.topbar-live { margin-left: auto; color: var(--electric); font-family: var(--mono); font-size: 10px; letter-spacing: .15em; }.console-body { padding: 16px; }.console-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; }.console-metrics > div { min-height: 75px; padding: 10px; border: 1px solid rgba(107,172,247,.22); background: linear-gradient(135deg, rgba(37,107,201,.27), rgba(8,39,81,.16)); }.console-metrics small { display: block; margin-bottom: 7px; color: #9ab7d5; font-size: 10px; }.console-metrics strong { color: #e7f9ff; font-family: var(--mono); font-size: 22px; line-height: 1; }.console-metrics strong span { font-size: 12px; }.console-metrics em { display: block; margin-top: 6px; color: var(--mint); font-size: 9px; font-style: normal; }.console-metrics .alert-number { color: var(--orange); }.console-visual { position: relative; height: 216px; margin-top: 10px; overflow: hidden; border: 1px solid rgba(116,190,255,.22); background: #071a32; }.console-visual img { width: 100%; height: 100%; object-fit: cover; object-position: center 26%; opacity: .74; filter: saturate(.95) contrast(1.1); }.screen-glow { position: absolute; inset: 0; background: linear-gradient(125deg, rgba(0,255,246,.08), transparent 55%); mix-blend-mode: screen; }.console-footer { display: flex; gap: 15px; padding: 0 16px 12px; color: #91afd0; font-size: 9px; }.console-footer span { display: flex; align-items: center; gap: 5px; }.console-footer i { width: 5px; height: 5px; border-radius: 50%; background: var(--electric); box-shadow: 0 0 5px var(--electric); }
.signal { position: absolute; z-index: -1; height: 1px; transform-origin: left; background: linear-gradient(90deg, rgba(86,223,255,.9), rgba(95,181,255,.03)); box-shadow: 0 0 10px rgba(71,222,255,.62); }.signal::after { content: ""; position: absolute; top: -3px; left: 0; width: 7px; height: 7px; border-radius: 50%; background: #ddfaff; box-shadow: 0 0 12px var(--electric); }.signal-one { top: 138px; left: 0; width: 160px; transform: rotate(-39deg); }.signal-two { top: 310px; right: -28px; width: 210px; transform: rotate(149deg); }.signal-three { bottom: 91px; left: 71px; width: 125px; transform: rotate(33deg); }
.float-card { position: absolute; z-index: 1; border: 1px solid rgba(113,223,255,.4); background: rgba(5, 30, 65, .85); box-shadow: 0 15px 28px rgba(0,0,0,.18); backdrop-filter: blur(6px); }.float-card-left { bottom: 25px; left: -25px; display: flex; align-items: center; gap: 10px; width: 160px; padding: 12px; }.float-card-left p { margin: 0; color: #9cb8d5; font-size: 11px; line-height: 1.6; }.float-card-left b { color: #effbff; font-weight: 500; }.float-card-left i { position: absolute; bottom: -1px; left: 0; width: 45%; height: 2px; background: var(--electric); }.float-icon { color: var(--electric); font-size: 30px; }.float-card-right { top: 6px; right: -15px; width: 166px; padding: 13px; }.float-card-right p { margin-bottom: 4px; color: #9ebbd8; font-size: 10px; }.float-card-right strong { color: #60e6b1; font-family: var(--mono); font-size: 25px; }.float-card-right strong span { font-size: 12px; }.micro-chart { display: flex; align-items: end; gap: 4px; height: 26px; margin-top: 7px; }.micro-chart i { width: 11px; background: linear-gradient(0deg, #30d4f8, #4a73fb); }.micro-chart i:nth-child(1) { height: 25%; }.micro-chart i:nth-child(2) { height: 42%; }.micro-chart i:nth-child(3) { height: 33%; }.micro-chart i:nth-child(4) { height: 56%; }.micro-chart i:nth-child(5) { height: 47%; }.micro-chart i:nth-child(6) { height: 80%; }.micro-chart i:nth-child(7) { height: 100%; }
.hero-foot { position: relative; z-index: 1; display: flex; align-items: center; gap: 15px; padding-bottom: 23px; color: #819cb7; font-family: var(--mono); font-size: 10px; letter-spacing: .08em; }.hero-foot p { margin: 0; white-space: nowrap; }.hero-line { flex: 1; height: 1px; background: linear-gradient(90deg, rgba(95,189,255,.4), transparent); }.hero-foot a { color: #9ec5e9; }.hero-foot a span { display: inline-block; margin-left: 7px; color: var(--electric); animation: bounce 1.8s infinite; }

.value-strip { border-bottom: 1px solid #e4ebf4; background: #fff; }.value-strip-grid { display: grid; grid-template-columns: 1.8fr repeat(3, 1fr); align-items: stretch; }.value-strip-grid > * { min-height: 112px; margin: 0; padding: 27px 26px; border-right: 1px solid #e4ebf4; }.value-strip-grid > *:first-child { padding-left: 0; color: #56647a; font-size: 14px; line-height: 1.8; }.value-strip-grid > *:last-child { border: 0; }.value-strip-grid div { display: flex; align-items: center; gap: 14px; }.value-strip-grid strong { color: #c3cedd; font-family: var(--mono); font-size: 26px; font-weight: 400; }.value-strip-grid span { color: #1a2a43; font-size: 14px; font-weight: 600; }

.section { padding: 114px 0; }.section-heading { margin-bottom: 50px; }.heading-row { display: flex; align-items: end; justify-content: space-between; gap: 40px; }.heading-row > p { max-width: 420px; margin: 0 0 7px; color: var(--muted); font-size: 15px; line-height: 1.9; } h2 { margin: 0; color: #111f35; font-size: clamp(32px, 3.1vw, 46px); line-height: 1.27; letter-spacing: -.055em; } h2 span { color: var(--blue); }
.platform-section { background: #fff; }.capability-layout { display: grid; grid-template-columns: 360px 1fr; min-height: 490px; border: 1px solid var(--line); }.capability-tabs { display: flex; flex-direction: column; background: #f6f8fc; }.capability-tab { position: relative; display: flex; align-items: center; gap: 15px; min-height: 122px; padding: 21px 27px; border: 0; border-bottom: 1px solid var(--line); color: #42516a; text-align: left; background: transparent; transition: color .2s, background .2s; }.capability-tab:last-child { border: 0; }.capability-tab::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 3px; background: var(--blue); transform: scaleY(0); transition: transform .2s; }.tab-index { color: #8b9ab0; font-family: var(--mono); font-size: 12px; }.capability-tab b { display: block; margin-bottom: 6px; font-size: 16px; }.capability-tab small { display: block; color: #8a96a8; font-size: 11px; }.capability-tab > i { margin-left: auto; color: #8ea0b8; font-style: normal; opacity: 0; transform: translateX(-4px); transition: .2s; }.capability-tab:hover, .capability-tab.is-active { color: #142642; background: #fff; }.capability-tab.is-active::before { transform: scaleY(1); }.capability-tab.is-active > i { color: var(--blue); opacity: 1; transform: none; }
.capability-display { position: relative; min-height: 490px; background: #0a1c34; }.capability-panel { position: absolute; inset: 0; display: grid; grid-template-columns: 1.08fr .92fr; opacity: 0; pointer-events: none; transition: opacity .32s ease; }.capability-panel.is-active { position: relative; opacity: 1; pointer-events: auto; }.product-shot { position: relative; min-height: 490px; overflow: hidden; }.product-shot::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, transparent 55%, rgba(8,22,42,.5)), linear-gradient(0deg, rgba(4,15,29,.35), transparent 45%); }.product-shot img { width: 100%; height: 100%; object-fit: cover; object-position: center; filter: saturate(.96) contrast(1.04); }.product-shot-environment img { object-position: 44% center; }.panel-content { position: relative; z-index: 1; display: flex; flex-direction: column; justify-content: center; padding: 45px 38px; color: #d5e8f8; background: linear-gradient(145deg, #0f3059, #091c35); }.panel-content::before { content: ""; position: absolute; top: 43px; left: 38px; width: 42px; height: 2px; background: var(--electric); box-shadow: 0 0 10px var(--electric); }.panel-kicker { margin: 16px 0 14px; color: #68dff2; font-family: var(--mono); font-size: 10px; letter-spacing: .1em; }.panel-content h3 { margin-bottom: 16px; color: #fff; font-size: 28px; letter-spacing: -.04em; }.panel-content > p:not(.panel-kicker) { margin-bottom: 21px; color: #a5c0da; font-size: 14px; line-height: 1.85; }.panel-content ul { margin: 0; padding: 0; list-style: none; }.panel-content li { position: relative; padding: 10px 0 10px 14px; border-top: 1px solid rgba(156,211,255,.17); color: #dceeff; font-size: 13px; }.panel-content li::before { content: ""; position: absolute; top: 17px; left: 0; width: 5px; height: 5px; background: var(--electric); box-shadow: 0 0 8px var(--electric); }

.ai-section { position: relative; overflow: hidden; color: #d7eafa; background: radial-gradient(ellipse 75% 90% at 82% 35%, #143e73 0%, #0a2140 38%, #06172d 88%); }.ai-grid-bg { position: absolute; inset: 0; opacity: .42; background-image: linear-gradient(rgba(78, 179, 255, .09) 1px, transparent 1px), linear-gradient(90deg, rgba(78, 179, 255, .09) 1px, transparent 1px); background-size: 44px 44px; mask-image: radial-gradient(ellipse at 65% 38%, #000 10%, transparent 72%); }.ai-section::before { content: ""; position: absolute; top: -250px; right: -230px; width: 700px; height: 700px; border: 1px solid rgba(99,226,255,.18); border-radius: 50%; box-shadow: 0 0 0 80px rgba(38,141,255,.026), 0 0 0 160px rgba(38,141,255,.018); }.ai-heading { position: relative; z-index: 1; display: flex; align-items: end; justify-content: space-between; gap: 60px; margin-bottom: 46px; }.ai-heading h2 { color: #fff; }.ai-heading h2 span { color: var(--electric); }.ai-heading > p { max-width: 420px; margin: 0 0 7px; color: #a3bdd7; font-size: 14px; line-height: 1.9; }.ai-workbench { position: relative; z-index: 1; display: grid; grid-template-columns: 1.16fr .84fr; border: 1px solid rgba(123,207,255,.27); background: rgba(3, 19, 41, .43); box-shadow: 0 28px 55px rgba(0, 0, 0, .25); }.ai-console { min-height: 470px; border-right: 1px solid rgba(123,207,255,.23); background: linear-gradient(145deg, rgba(9,43,83,.81), rgba(5,26,55,.88)); }.ai-console-header { display: flex; align-items: center; gap: 10px; min-height: 57px; padding: 0 22px; border-bottom: 1px solid rgba(139,202,250,.2); color: #edf9ff; font-size: 13px; }.ai-spark { color: var(--electric); font-size: 20px; text-shadow: 0 0 14px var(--electric); }.ai-status { display: flex; align-items: center; gap: 7px; margin-left: auto; color: #8fb5d8; font-size: 10px; }.ai-status i { width: 6px; height: 6px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 9px var(--mint); }.ai-conversation { padding: 25px 28px 20px; }.ai-message { max-width: 92%; }.ai-message > span { display: flex; align-items: center; gap: 6px; margin-bottom: 9px; color: #83a9cd; font-family: var(--mono); font-size: 10px; letter-spacing: .04em; }.ai-message-user { margin-left: auto; }.ai-message-user > span { justify-content: end; color: #aabed0; }.ai-message-user p { margin: 0 0 22px; padding: 11px 14px; border: 1px solid rgba(116,177,239,.26); color: #e2f2ff; background: rgba(40,96,160,.34); font-size: 13px; line-height: 1.65; }.ai-message-bot > span { color: #8feaf7; }.ai-message-bot > span i { display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; border: 1px solid rgba(77,229,255,.75); color: var(--electric); font-style: normal; font-size: 10px; }.ai-message-bot > div { padding: 15px 16px; border-left: 2px solid var(--electric); background: rgba(10,55,99,.3); }.ai-message-bot p { min-height: 61px; margin: 0; color: #c9dded; font-size: 13px; line-height: 1.8; transition: opacity .18s; }.evidence-list { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 14px; }.evidence-list span { padding: 4px 7px; border: 1px solid rgba(103,218,248,.32); color: #89e0f4; font-size: 9px; }.ai-prompts { display: flex; flex-wrap: wrap; gap: 8px; padding: 0 28px 27px; }.ai-prompt { padding: 8px 10px; border: 1px solid rgba(121,189,239,.27); color: #9dbbd8; background: rgba(8,36,69,.55); font-size: 11px; transition: .2s; }.ai-prompt:hover, .ai-prompt.is-active { border-color: var(--electric); color: #e9fcff; background: rgba(42,175,222,.17); }.ai-insights { padding: 21px 29px; }.insights-label { margin-bottom: 12px; color: #75dcec; font-family: var(--mono); font-size: 10px; letter-spacing: .1em; }.ai-insights article { display: flex; gap: 14px; padding: 16px 0; border-top: 1px solid rgba(126,194,247,.17); }.insight-number { padding-top: 2px; color: #557eab; font-family: var(--mono); font-size: 11px; }.ai-insights h3 { margin-bottom: 6px; color: #eff9ff; font-size: 15px; }.ai-insights p { margin: 0; color: #9bb6d0; font-size: 11px; line-height: 1.75; }.ai-principles { position: relative; z-index: 1; display: flex; align-items: center; gap: 20px; padding: 23px 0 0; }.ai-principles > div { display: flex; align-items: center; gap: 9px; color: #a8c3dc; font-size: 11px; }.ai-principles i { display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; border: 1px solid rgba(85,231,193,.6); border-radius: 50%; color: var(--mint); font-size: 11px; font-style: normal; }.ai-principles b { display: inline-block; margin-right: 4px; color: #eef9ff; font-size: 12px; }.ai-demo-link { margin-left: auto; color: var(--electric); font-size: 12px; white-space: nowrap; }.ai-demo-link span { margin-left: 7px; font-size: 17px; }

.feature-section { position: relative; overflow: hidden; color: #d9e9f8; background: #07182d; }.feature-section::after { content: ""; position: absolute; top: -420px; right: -220px; width: 800px; height: 800px; border: 1px solid rgba(85,188,255,.12); border-radius: 50%; box-shadow: 0 0 0 85px rgba(42,150,255,.025), 0 0 0 171px rgba(42,150,255,.02); }.feature-intro { position: relative; z-index: 1; max-width: 540px; margin-bottom: 50px; }.feature-intro h2 { color: #fff; }.feature-intro h2 span { color: var(--electric); }.feature-intro > p:last-child { max-width: 480px; margin: 22px 0 0; color: #92aac4; font-size: 14px; line-height: 1.9; }.feature-grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1.25fr .92fr .92fr; gap: 14px; }.feature-card { position: relative; min-height: 300px; overflow: hidden; padding: 29px; border: 1px solid rgba(121,189,255,.2); background: linear-gradient(150deg, rgba(35,83,135,.42), rgba(8,29,55,.55)); transition: transform .25s, border-color .25s, background .25s; }.feature-card:hover { border-color: rgba(87,225,255,.7); background: linear-gradient(150deg, rgba(34,100,164,.56), rgba(9,35,65,.75)); transform: translateY(-5px); }.card-number { margin-bottom: 29px; color: #78a1ca; font-family: var(--mono); font-size: 11px; }.feature-icon { position: relative; display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; margin-bottom: 24px; color: var(--electric); border: 1px solid rgba(79,226,255,.65); font-family: var(--mono); font-size: 28px; box-shadow: inset 0 0 15px rgba(48,195,255,.13), 0 0 15px rgba(50,199,255,.09); }.icon-radar { border-radius: 50%; }.icon-radar i { position: absolute; border: 1px solid rgba(59,225,255,.85); border-radius: 50%; }.icon-radar i:nth-child(1) { width: 10px; height: 10px; background: var(--electric); box-shadow: 0 0 10px var(--electric); }.icon-radar i:nth-child(2) { width: 25px; height: 25px; }.icon-radar i:nth-child(3) { width: 39px; height: 39px; opacity: .6; }.icon-bell { font-size: 0; }.icon-bell::before { content: "!"; font-family: var(--mono); font-size: 26px; }.icon-flow { gap: 5px; }.icon-flow i { width: 6px; height: 6px; background: var(--electric); transform: rotate(45deg); box-shadow: 0 0 8px var(--electric); }.icon-flow i:nth-child(2) { opacity: .7; }.icon-flow i:nth-child(3) { opacity: .4; }.feature-card h3 { margin-bottom: 12px; color: #fff; font-size: 21px; }.feature-card > p { max-width: 315px; margin-bottom: 0; color: #9db7d3; font-size: 13px; line-height: 1.85; }.protocols { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 27px; }.protocols span { padding: 4px 7px; border: 1px solid rgba(95,172,248,.33); color: #8bcdf5; font-family: var(--mono); font-size: 9px; }.mini-status { position: absolute; right: 26px; bottom: 25px; display: flex; align-items: center; gap: 6px; color: #7edeb6; font-size: 10px; }.mini-status i { width: 6px; height: 6px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 7px var(--mint); }.flow-line { position: absolute; right: 27px; bottom: 25px; left: 29px; display: flex; justify-content: space-between; border-top: 1px solid rgba(70,215,255,.6); }.flow-line i { width: 6px; height: 6px; margin-top: -3px; background: var(--electric); transform: rotate(45deg); box-shadow: 0 0 8px var(--electric); }.feature-wide { display: flex; grid-column: span 2; min-height: 300px; padding: 0; }.feature-card-copy { position: relative; z-index: 2; width: 52%; padding: 29px; }.feature-card-copy h3 { margin-top: 42px; }.feature-card-copy a { display: inline-block; margin-top: 25px; color: var(--electric); font-size: 12px; }.feature-card-copy a span { margin-left: 6px; font-size: 16px; }.digital-grid { position: absolute; top: 0; right: 0; width: 55%; height: 100%; background: radial-gradient(ellipse at center, rgba(55,178,255,.38), transparent 55%); transform: perspective(500px) rotateY(-17deg); }.digital-grid::before, .digital-grid::after { content: ""; position: absolute; inset: 14% 4%; border: 1px solid rgba(95,227,255,.38); transform: skewY(-17deg); }.digital-grid::after { inset: 25% 15%; border-color: rgba(113,161,255,.34); }.digital-grid span { position: absolute; width: 8px; height: 8px; border: 1px solid var(--electric); background: #174e9a; box-shadow: 0 0 15px var(--electric); }.digital-grid span:nth-child(1) { top: 24%; left: 22%; }.digital-grid span:nth-child(2) { top: 53%; left: 39%; }.digital-grid span:nth-child(3) { top: 35%; right: 25%; }.digital-grid span:nth-child(4) { bottom: 23%; right: 33%; }.digital-grid span:nth-child(5) { bottom: 17%; left: 27%; }.digital-grid span:nth-child(6) { top: 15%; right: 15%; }.digital-grid i { position: absolute; height: 1px; background: rgba(69,236,255,.65); transform-origin: left; }.digital-grid i:nth-last-child(3) { top: 28%; left: 24%; width: 40%; transform: rotate(16deg); }.digital-grid i:nth-last-child(2) { top: 55%; left: 39%; width: 39%; transform: rotate(-28deg); }.digital-grid i:last-child { bottom: 24%; left: 29%; width: 42%; transform: rotate(-5deg); }

.loop-section { background: #f6f9fc; }.section-heading-center { text-align: center; }.section-heading-center .eyebrow { justify-content: center; }.loop-diagram { position: relative; display: grid; grid-template-columns: repeat(5, 1fr); max-width: 1050px; margin: 0 auto 66px; }.loop-line { position: absolute; top: 73px; right: 8%; left: 8%; height: 1px; background: #bfd5eb; }.loop-line::before { content: ""; position: absolute; top: -2px; right: 0; border: 3px solid transparent; border-left-color: #90b9dd; }.loop-line span { position: absolute; top: -1px; left: 0; width: 45%; height: 3px; background: linear-gradient(90deg, var(--blue), var(--electric)); box-shadow: 0 0 10px rgba(60,213,255,.7); animation: loopGlow 4s linear infinite; }.loop-diagram article { position: relative; z-index: 1; padding: 0 10px; text-align: center; }.loop-step { position: absolute; top: 12px; left: calc(50% + 27px); color: #8a9bb0; font-family: var(--mono); font-size: 10px; }.loop-icon { display: flex; align-items: center; justify-content: center; width: 74px; height: 74px; margin: 36px auto 18px; border: 1px solid #a8c2df; border-radius: 50%; color: #4377ad; background: #fff; font-family: var(--mono); font-size: 25px; box-shadow: 0 0 0 9px #f6f9fc; }.loop-highlight .loop-icon { border-color: var(--blue); color: var(--blue); box-shadow: 0 0 0 9px #f6f9fc, 0 0 28px rgba(39,114,255,.22); }.loop-diagram h3 { margin-bottom: 7px; color: #1c2e47; font-size: 18px; }.loop-diagram p { margin: 0; color: #7b889a; font-size: 12px; }.architecture-band { display: grid; grid-template-columns: .85fr 1.5fr; gap: 62px; padding: 48px 52px; color: #dbeafd; background: #0b213c; }.arch-copy { display: flex; flex-direction: column; justify-content: center; }.arch-copy p { margin-bottom: 12px; color: var(--electric); font-family: var(--mono); font-size: 10px; letter-spacing: .12em; }.arch-copy h3 { margin-bottom: 14px; color: #fff; font-size: 27px; line-height: 1.35; }.arch-copy span { color: #99b2cc; font-size: 13px; line-height: 1.8; }.arch-layers { display: flex; flex-direction: column; gap: 8px; }.arch-layers div { display: flex; align-items: center; min-height: 42px; padding: 8px 13px; border-left: 2px solid; background: rgba(96,155,220,.09); }.arch-layers div:nth-child(1) { border-color: #60e6b1; }.arch-layers div:nth-child(2) { border-color: #3ae6ff; }.arch-layers div:nth-child(3) { border-color: #4a93ff; }.arch-layers div:nth-child(4) { border-color: #a881ff; }.arch-layers b { flex: 0 0 75px; color: #fff; font-size: 13px; }.arch-layers span { color: #9eb8d3; font-size: 12px; }

.scenario-section { background: #fff; }.scenario-grid { display: grid; grid-template-columns: repeat(4, 1fr); min-height: 360px; }.scenario-card { position: relative; display: flex; flex-direction: column; min-height: 360px; padding: 31px 27px; border: 1px solid var(--line); border-right: 0; background: #fff; transition: color .25s, background .25s, transform .25s; }.scenario-card:last-child { border-right: 1px solid var(--line); }.scenario-card:hover:not(.scenario-card-image) { color: #e7f4ff; border-color: #0d2e58; background: #0d294b; transform: translateY(-5px); }.scenario-index { color: #91a3bb; font-family: var(--mono); font-size: 11px; }.scenario-symbol { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; margin-top: auto; margin-bottom: 21px; color: var(--blue); border: 1px solid #b9d2f3; font-family: var(--mono); font-size: 25px; }.scenario-card h3 { margin-bottom: 10px; color: #15253c; font-size: 20px; transition: color .25s; }.scenario-card:hover h3 { color: #fff; }.scenario-card p { margin-bottom: 22px; color: #77859a; font-size: 13px; line-height: 1.75; transition: color .25s; }.scenario-card:hover p { color: #b4cbe2; }.scenario-card a { margin-top: auto; color: var(--blue); font-size: 12px; }.scenario-card:hover a { color: var(--electric); }.scenario-card a span { margin-left: 5px; font-size: 15px; }.scenario-card-image { overflow: hidden; justify-content: space-between; color: #fff; border-color: #0c294d; background: #0b2544; }.scenario-card-image > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: saturate(.93) contrast(1.06); }.image-overlay { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(3,15,33,.95), rgba(7,31,61,.1) 70%), linear-gradient(90deg, rgba(3,28,64,.55), transparent); }.scenario-card-image .scenario-index, .scenario-bottom { position: relative; z-index: 1; }.scenario-card-image .scenario-index { color: #c4e7ff; }.scenario-bottom h3 { color: #fff; }.scenario-bottom p { color: #b5d2e9; }.scenario-bottom a { color: var(--electric); }

.consult-section { position: relative; overflow: hidden; padding: 90px 0; color: #fff; background: radial-gradient(circle at 90% 50%, #185999 0%, #0b2c55 30%, #07172d 75%); }.consult-grid { opacity: .23; background-size: 38px 38px; mask-image: none; }.consult-wrap { position: relative; display: grid; grid-template-columns: 1fr 420px; align-items: center; gap: 80px; }.consult-wrap h2 { color: #fff; }.consult-wrap h2 span { color: var(--electric); }.consult-wrap > div > p:last-child { max-width: 510px; margin: 21px 0 0; color: #a6c0da; font-size: 14px; line-height: 1.9; }.consult-form { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; padding: 22px; border: 1px solid rgba(126,208,255,.27); background: rgba(4,21,44,.52); box-shadow: 0 18px 40px rgba(0,0,0,.18); backdrop-filter: blur(10px); }.consult-form label { color: #abc9e2; font-size: 11px; }.consult-form label:nth-child(3), .consult-form button, .form-note, .form-success { grid-column: span 2; }.consult-form input, .consult-form select { width: 100%; height: 38px; margin-top: 7px; padding: 0 10px; border: 1px solid rgba(133,194,244,.26); outline: 0; color: #edf8ff; background: rgba(11,45,82,.65); font-size: 12px; }.consult-form input:focus, .consult-form select:focus { border-color: var(--electric); }.consult-form select option { color: #1c2f48; background: #fff; }.consult-form button { border: 0; margin-top: 5px; }.form-note, .form-success { margin: 0; font-size: 10px; }.form-note { color: #83a2c1; }.form-success { display: none; color: var(--mint); }.form-success.is-show { display: block; }

.site-footer { color: #a5bdd5; background: #061426; }.footer-main { display: flex; align-items: center; gap: 22px; padding: 29px 0; }.footer-main > p { margin: 0; padding-left: 21px; border-left: 1px solid rgba(155,195,230,.2); font-size: 12px; }.footer-links { display: flex; gap: 24px; margin-left: auto; font-size: 12px; }.footer-links a:hover { color: var(--electric); }.footer-bottom { display: flex; justify-content: space-between; padding: 16px 0; border-top: 1px solid rgba(155,195,230,.12); color: #708ba6; font-family: var(--mono); font-size: 10px; }

.reveal { opacity: 0; transform: translateY(24px); transition: opacity .7s ease, transform .7s ease; transition-delay: var(--reveal-delay, 0ms); }.reveal.is-visible { opacity: 1; transform: none; }
@keyframes blink { 50% { opacity: .4; box-shadow: 0 0 2px var(--mint); } } @keyframes bounce { 50% { transform: translateY(4px); } } @keyframes loopGlow { 0% { transform: translateX(-15%); opacity: .3; } 48% { opacity: 1; } 100% { transform: translateX(140%); opacity: .2; } }

@media (max-width: 960px) {
  :root { --shell: min(100% - 38px, 720px); }.main-nav { position: fixed; top: 72px; right: 0; left: 0; display: none; flex-direction: column; align-items: stretch; gap: 0; padding: 15px 20px; background: rgba(5,18,36,.98); box-shadow: 0 15px 22px rgba(0,0,0,.23); }.main-nav.is-open { display: flex; }.main-nav a { padding: 14px 0; }.nav-actions { margin-left: auto; }.nav-actions .text-action { display: none; }.nav-toggle { display: block; }.hero { min-height: auto; }.hero-layout { grid-template-columns: 1fr; gap: 5px; padding-top: 26px; }.hero-copy { padding-top: 50px; }.hero-stage { width: min(100%, 590px); height: 440px; margin: 0 auto 10px; }.float-card-left { left: -6px; }.float-card-right { right: -4px; }.hero-foot { display: none; }.value-strip-grid { grid-template-columns: repeat(3, 1fr); }.value-strip-grid > *:first-child { grid-column: span 3; min-height: 66px; padding: 20px 0; border-right: 0; border-bottom: 1px solid #e4ebf4; }.value-strip-grid > * { min-height: 82px; padding: 18px; }.capability-layout { grid-template-columns: 1fr; }.capability-tabs { flex-direction: row; overflow-x: auto; }.capability-tab { flex: 0 0 220px; min-height: 96px; padding: 18px; }.capability-tab small, .capability-tab > i { display: none; }.capability-panel { grid-template-columns: 1fr; }.product-shot { min-height: 320px; }.capability-display { min-height: 560px; }.panel-content { min-height: 240px; padding: 35px 28px; }.panel-content::before { top: 27px; left: 28px; }.ai-heading { display: block; }.ai-heading > p { margin-top: 20px; }.ai-workbench { grid-template-columns: 1fr; }.ai-console { border-right: 0; border-bottom: 1px solid rgba(123,207,255,.23); }.ai-principles { flex-wrap: wrap; }.ai-demo-link { margin-left: 0; }.feature-grid { grid-template-columns: 1fr 1fr; }.feature-large { grid-column: span 2; }.feature-wide { grid-column: span 2; }.architecture-band { grid-template-columns: 1fr; gap: 28px; }.scenario-grid { grid-template-columns: 1fr 1fr; }.scenario-card { border-right: 1px solid var(--line); }.scenario-card:nth-child(-n+2) { border-bottom: 0; }.consult-wrap { grid-template-columns: 1fr; gap: 35px; }.consult-form { width: min(100%, 520px); }.footer-main { flex-wrap: wrap; }.footer-links { width: 100%; margin-left: 0; }
}
@media (max-width: 620px) {
  :root { --shell: calc(100% - 32px); }.site-header { height: 70px; }.nav-actions { display: none; }.hero { padding-top: 70px; }.hero-copy { padding-top: 45px; } h1 { font-size: 42px; }.hero-intro { font-size: 14px; }.hero-actions { flex-direction: column; align-items: stretch; }.hero-stage { height: 340px; margin-top: 15px; }.stage-backdrop { top: 39px; left: 25px; }.console-card { top: 28px; right: 4px; left: 4px; }.console-metrics > div { min-height: 64px; padding: 7px; }.console-metrics strong { font-size: 18px; }.console-visual { height: 142px; }.console-footer { gap: 8px; padding: 0 10px 10px; font-size: 7px; }.float-card { display: none; }.signal-two { display: none; }.value-strip-grid strong { font-size: 21px; }.value-strip-grid span { font-size: 12px; }.section { padding: 76px 0; }.heading-row { display: block; }.heading-row > p { margin-top: 18px; }.section-heading { margin-bottom: 35px; } h2 { font-size: 32px; }.capability-display { min-height: 590px; }.product-shot { min-height: 260px; }.panel-content h3 { font-size: 23px; }.ai-workbench { margin-right: -16px; margin-left: -16px; }.ai-console { min-height: 430px; }.ai-console-header { padding: 0 17px; }.ai-status { font-size: 8px; }.ai-conversation { padding: 20px 17px 16px; }.ai-message { max-width: 100%; }.ai-prompts { padding: 0 17px 20px; }.ai-insights { padding: 17px; }.ai-insights article { padding: 13px 0; }.ai-principles { display: grid; grid-template-columns: 1fr; gap: 12px; }.ai-demo-link { margin-top: 7px; }.feature-grid { grid-template-columns: 1fr; }.feature-large, .feature-wide { grid-column: span 1; }.feature-card { min-height: 268px; }.feature-wide { min-height: 290px; }.feature-card-copy { width: 65%; }.digital-grid { width: 56%; }.loop-diagram { grid-template-columns: 1fr; gap: 0; margin-bottom: 42px; }.loop-line { top: 50px; bottom: 50px; left: 50%; width: 1px; height: auto; background: #bfd5eb; }.loop-line::before { top: auto; right: -2px; bottom: 0; border: 3px solid transparent; border-top-color: #90b9dd; }.loop-line span { top: 0; left: -1px; width: 3px; height: 45%; background: linear-gradient(0deg, var(--blue), var(--electric)); animation: loopGlowVertical 4s linear infinite; }.loop-diagram article { display: grid; grid-template-columns: 54px 78px 1fr; align-items: center; min-height: 105px; text-align: left; }.loop-step { position: static; grid-column: 1; grid-row: span 2; }.loop-icon { grid-column: 2; grid-row: span 2; width: 58px; height: 58px; margin: 0; font-size: 21px; }.loop-diagram h3 { grid-column: 3; margin: 0 0 4px; }.loop-diagram p { grid-column: 3; }.architecture-band { padding: 32px 24px; }.arch-copy h3 { font-size: 23px; }.arch-layers b { flex-basis: 55px; }.arch-layers span { font-size: 10px; }.scenario-grid { grid-template-columns: 1fr; }.scenario-card { min-height: 280px; border-bottom: 0; }.scenario-card:nth-child(3) { border-bottom: 0; }.scenario-card:last-child { border-bottom: 1px solid var(--line); }.scenario-card-image { min-height: 330px; }.consult-section { padding: 68px 0; }.consult-form { grid-template-columns: 1fr; }.consult-form label, .consult-form label:nth-child(3), .consult-form button, .form-note, .form-success { grid-column: span 1; }.footer-main { display: grid; gap: 17px; }.footer-main > p { padding-left: 0; border: 0; }.footer-links { flex-wrap: wrap; gap: 13px 21px; }.footer-bottom { display: block; line-height: 1.8; }.footer-bottom span { display: block; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .reveal { opacity: 1; transform: none; }
}

.showcase-card:nth-child(5) { grid-column: span 2; grid-template-columns: 1.2fr .8fr; grid-template-rows: 1fr; }
@media (max-width: 620px) {
  .showcase-card:nth-child(5) { grid-column: span 1; grid-template-columns: 1fr; grid-template-rows: 205px 1fr; }
}

:where(a, button, input, select):focus-visible { outline: 2px solid var(--electric); outline-offset: 3px; }
.mobile-spotlight { display: grid; grid-template-columns: .72fr 1.28fr; gap: 42px; margin-top: 22px; padding: 30px; scroll-margin-top: 100px; color: #dceeff; border: 1px solid rgba(98,190,255,.32); background: radial-gradient(circle at 14% 30%, rgba(44,145,255,.28), transparent 35%), linear-gradient(145deg, #0d2b52, #07172e); box-shadow: 0 22px 46px rgba(22,64,111,.18); }
.mobile-device-wrap { display: flex; flex-direction: column; width: min(100%, 285px); margin: 0 auto; padding: 10px 10px 13px; border: 1px solid rgba(126,215,255,.58); border-radius: 27px; background: linear-gradient(150deg, #102a4c, #06152b); box-shadow: 0 0 0 5px rgba(73,190,255,.06), 0 18px 32px rgba(0,0,0,.28); }
.mobile-device-top { display: flex; align-items: center; gap: 8px; min-height: 28px; padding: 0 9px 8px; color: #eefaff; font-size: 11px; }.mobile-device-top b { font-weight: 600; }.mobile-device-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 8px var(--mint); }.mobile-device-menu { margin-left: auto; color: #79b0d8; letter-spacing: .18em; }
.mobile-device-screen { display: flex; justify-content: center; min-height: 520px; overflow: hidden; border: 1px solid rgba(111,206,255,.32); border-radius: 17px; background: #06152c; }.mobile-device-screen img { width: 100%; height: 520px; object-fit: contain; object-position: center top; }
.mobile-ops-detail { display: flex; flex-direction: column; justify-content: center; min-width: 0; }.mobile-ops-detail h3 { margin: 12px 0 12px; color: #fff; font-size: clamp(25px, 2.5vw, 36px); line-height: 1.25; letter-spacing: -.045em; }.mobile-ops-detail > p { max-width: 620px; margin: 0 0 22px; color: #9dbbd8; font-size: 14px; line-height: 1.9; }
.ops-view-switch { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 12px; }.ops-view-button { padding: 8px 11px; border: 1px solid rgba(118,200,247,.3); color: #9ab8d3; background: rgba(11,47,84,.62); font-size: 11px; transition: .2s; }.ops-view-button:hover, .ops-view-button.is-active { border-color: var(--electric); color: #eafdff; background: rgba(42,173,221,.2); }
.ops-view-summary { display: flex; align-items: baseline; gap: 10px; padding: 12px 13px; border-left: 2px solid var(--electric); background: rgba(12,61,105,.42); }.ops-view-summary b { color: #f2fcff; font-size: 14px; }.ops-view-summary span { color: #9ebcd4; font-size: 11px; line-height: 1.6; }
.ops-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; margin-top: 12px; }.ops-metrics > div { min-height: 104px; padding: 13px; border: 1px solid rgba(111,195,246,.26); background: linear-gradient(145deg, rgba(33,102,165,.48), rgba(7,29,57,.5)); }.ops-metrics span { display: block; margin-bottom: 10px; color: #9dbbd5; font-size: 10px; }.ops-metrics strong { display: block; color: #f0fdff; font-family: var(--mono); font-size: 25px; line-height: 1; }.ops-metrics strong span { display: inline; margin-left: 3px; color: #8cd5ec; font-family: var(--font); font-size: 12px; }.ops-metrics em { display: block; margin-top: 9px; color: var(--mint); font-size: 9px; font-style: normal; }.ops-points { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 14px; }.ops-points span { padding: 5px 8px; border: 1px solid rgba(114,193,242,.24); color: #9cc3de; font-size: 10px; }.mobile-data-note { display: block; margin-top: 16px; color: #7596b6; font-size: 10px; line-height: 1.7; }
@media (max-width: 960px) {
  .mobile-spotlight { grid-template-columns: 1fr; gap: 26px; }.mobile-device-wrap { width: min(100%, 320px); }.mobile-device-screen, .mobile-device-screen img { height: 560px; }.mobile-ops-detail { max-width: 680px; margin: 0 auto; }
}
@media (max-width: 620px) {
  .mobile-spotlight { gap: 21px; margin-top: 16px; padding: 17px; }.mobile-device-wrap { width: min(100%, 275px); }.mobile-device-screen, .mobile-device-screen img { height: 505px; }.mobile-ops-detail h3 { font-size: 26px; }.mobile-ops-detail > p { font-size: 13px; }.ops-view-summary { display: block; }.ops-view-summary span { display: block; margin-top: 4px; }.ops-metrics { grid-template-columns: 1fr; }.ops-metrics > div { min-height: 79px; }.ops-metrics strong { display: inline-block; margin-right: 8px; }.ops-metrics em { display: inline; }.ops-points { gap: 6px; }
}

.automation-showcase { background: #f4f8fc; }.automation-workbench { display: grid; grid-template-columns: 300px 1fr; overflow: hidden; border: 1px solid #ccdced; background: #fff; box-shadow: 0 24px 46px rgba(47,89,139,.11); }.automation-tabs { display: flex; flex-direction: column; padding: 16px; background: linear-gradient(155deg, #0e2b50, #07172e); }.automation-tab { position: relative; display: grid; grid-template-columns: 32px 1fr; gap: 4px 10px; padding: 17px 13px; border: 1px solid transparent; color: #a7c5df; text-align: left; background: transparent; transition: .2s; }.automation-tab + .automation-tab { margin-top: 8px; }.automation-tab > span { grid-row: span 2; color: #6d9bc3; font-family: var(--mono); font-size: 10px; }.automation-tab b { color: #eaf8ff; font-size: 13px; font-weight: 600; }.automation-tab small { color: #83a7c8; font-size: 10px; line-height: 1.55; }.automation-tab:hover, .automation-tab.is-active { border-color: rgba(96,215,255,.58); background: rgba(44,157,221,.18); }.automation-tab.is-active::before { content: ""; position: absolute; top: 0; bottom: 0; left: -1px; width: 3px; background: var(--electric); box-shadow: 0 0 10px var(--electric); }.automation-flow { display: grid; grid-template-columns: auto 1fr auto 1fr auto; align-items: center; gap: 7px; margin-top: auto; padding: 18px 7px 6px; color: #82b4d6; font-size: 9px; }.automation-flow i { width: 6px; height: 6px; border: 1px solid var(--electric); background: #0e5486; transform: rotate(45deg); }.automation-proof { display: grid; grid-template-columns: 1.16fr .84fr; min-width: 0; background: #f7fbff; }.automation-shot { position: relative; display: flex; align-items: center; justify-content: center; min-height: 470px; overflow: hidden; padding: 16px; background: #071b35; }.automation-shot img { width: 100%; height: 100%; max-height: 450px; object-fit: contain; object-position: center; border: 1px solid rgba(106,191,255,.3); box-shadow: 0 14px 26px rgba(0,0,0,.22); }.automation-shot > span { position: absolute; right: 26px; bottom: 25px; padding: 5px 8px; border: 1px solid rgba(111,215,255,.4); color: #daf9ff; background: rgba(5,25,49,.75); font-family: var(--mono); font-size: 9px; }.automation-copy { display: flex; flex-direction: column; justify-content: center; padding: 35px 31px; }.automation-copy h3 { margin: 13px 0 13px; color: #1a3454; font-size: 26px; line-height: 1.35; letter-spacing: -.045em; }.automation-copy > p { margin: 0; color: #71849a; font-size: 13px; line-height: 1.85; }.automation-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 22px; }.automation-stats > div { padding: 13px 11px; border: 1px solid #d9e5f1; background: #fff; }.automation-stats strong { display: block; color: #2471d0; font-family: var(--mono); font-size: 22px; line-height: 1; }.automation-stats span { display: block; margin-top: 7px; color: #7a8ea4; font-size: 10px; }.automation-checks { display: flex; flex-direction: column; gap: 8px; margin: 19px 0 0; padding: 0; list-style: none; }.automation-checks li { position: relative; padding-left: 14px; color: #546d88; font-size: 11px; line-height: 1.6; }.automation-checks li::before { content: ""; position: absolute; top: 8px; left: 0; width: 5px; height: 5px; background: var(--blue); box-shadow: 0 0 6px rgba(33,104,255,.45); }.automation-showcase > .page-shell > .reference-note { margin-top: 15px; }
@media (max-width: 960px) { .automation-workbench { grid-template-columns: 1fr; }.automation-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }.automation-tab + .automation-tab { margin-top: 0; }.automation-flow { grid-column: span 2; margin-top: 6px; }.automation-proof { grid-template-columns: 1fr; }.automation-shot { min-height: 370px; }.automation-shot img { max-height: 340px; }.automation-copy { padding: 29px; } }
@media (max-width: 620px) { .automation-tabs { display: flex; overflow-x: auto; padding: 11px; }.automation-tab { flex: 0 0 235px; }.automation-flow { display: none; }.automation-shot { min-height: 230px; padding: 10px; }.automation-shot img { max-height: 215px; }.automation-shot > span { right: 18px; bottom: 18px; }.automation-copy { padding: 24px 19px 25px; }.automation-copy h3 { font-size: 23px; }.automation-stats { gap: 6px; }.automation-stats > div { padding: 11px 8px; }.automation-stats strong { font-size: 19px; }.automation-stats span { font-size: 9px; } }
@keyframes loopGlowVertical { 0% { transform: translateY(-15%); opacity: .3; } 48% { opacity: 1; } 100% { transform: translateY(140%); opacity: .2; } }

/* New evidence-led modules: platform blueprint, architecture proof, video and product scenes. */
.overview-section { position: relative; overflow: hidden; background: linear-gradient(180deg, #f8fbff 0%, #eef5fd 100%); }
.overview-section::before { content: ""; position: absolute; top: 130px; right: -180px; width: 520px; height: 520px; border: 1px solid rgba(55,134,255,.14); border-radius: 50%; box-shadow: 0 0 0 70px rgba(55,134,255,.035), 0 0 0 140px rgba(55,134,255,.025); }
.blueprint { position: relative; z-index: 1; display: grid; grid-template-columns: .95fr 1.45fr .74fr; gap: 15px; align-items: stretch; padding: 22px; border: 1px solid #cfdced; background: rgba(255,255,255,.72); box-shadow: 0 24px 45px rgba(48,91,143,.1); }
.blueprint-column { display: flex; flex-direction: column; gap: 10px; }
.blueprint-group { display: flex; flex-direction: column; gap: 4px; min-height: 92px; padding: 14px 15px; border: 1px solid #dbe6f3; border-left: 3px solid #61a4ff; background: #fff; }
.blueprint-group b { margin-bottom: 4px; color: #183761; font-size: 14px; }.blueprint-group span { color: #74869e; font-size: 11px; line-height: 1.55; }.blueprint-group-green { border-left-color: #55c5a4; }
.blueprint-core { display: flex; flex-direction: column; justify-content: center; gap: 9px; min-height: 100%; padding: 21px 19px; color: #dff2ff; background: radial-gradient(circle at 50% 0%, rgba(53,145,255,.35), transparent 46%), linear-gradient(145deg, #102e5a, #071a37); box-shadow: inset 0 0 35px rgba(53,182,255,.13); }
.core-label { color: #78d8f5; font-family: var(--mono); font-size: 9px; letter-spacing: .1em; }.core-layer { display: flex; flex-direction: column; gap: 4px; padding: 12px 13px; border: 1px solid rgba(123,201,255,.3); border-left: 3px solid #459dff; background: rgba(83,160,241,.12); }.core-layer-top { border-left-color: #62e2b0; }.core-layer-main { border-color: rgba(97,205,255,.62); border-left-color: var(--electric); background: rgba(42,147,225,.22); box-shadow: 0 0 22px rgba(48,191,255,.1); }.core-layer b { color: #fff; font-size: 13px; }.core-layer span { color: #a7c8e6; font-size: 10px; line-height: 1.45; }.core-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }.core-pair .core-layer { min-height: 78px; }.core-foot { padding-top: 7px; color: #85b4da; font-size: 10px; text-align: center; }
.blueprint-outcomes { justify-content: center; }.outcome-card { display: flex; flex-direction: column; gap: 6px; padding: 16px 15px; border: 1px solid #d7e4f1; background: linear-gradient(145deg, #fff, #f3f8ff); }.outcome-card strong { color: #1c65c5; font-size: 18px; letter-spacing: .04em; }.outcome-card span { color: #71829a; font-size: 11px; line-height: 1.65; }
.evidence-row { position: relative; z-index: 1; display: grid; grid-template-columns: 1.18fr .82fr; gap: 16px; margin-top: 22px; }.framework-evidence, .overview-video { margin: 0; border: 1px solid #cad9eb; background: #fff; box-shadow: 0 16px 30px rgba(49,90,137,.08); }.framework-evidence { display: grid; grid-template-columns: 1.13fr .87fr; min-height: 300px; }.evidence-media { min-height: 300px; padding: 9px; background: #eaf1fb; }.evidence-media img { width: 100%; height: 100%; min-height: 280px; object-fit: contain; object-position: center; }.framework-evidence figcaption { display: flex; flex-direction: column; justify-content: center; padding: 29px 25px; }.framework-evidence figcaption span, .video-heading span, .showcase-kicker { color: #377fe5; font-family: var(--mono); font-size: 9px; letter-spacing: .12em; }.framework-evidence figcaption b { margin: 13px 0 11px; color: #173557; font-size: 20px; line-height: 1.35; }.framework-evidence figcaption p, .overview-video > p { margin: 0; color: #78899e; font-size: 12px; line-height: 1.8; }.overview-video { padding: 21px; }.video-heading { display: flex; flex-direction: column; gap: 7px; margin-bottom: 14px; }.video-heading b { color: #173557; font-size: 18px; }.video-frame { position: relative; overflow: hidden; border: 1px solid #c4d8ef; background: #081a34; }.video-frame video { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }.video-corner { position: absolute; right: 10px; bottom: 9px; padding: 5px 8px; border: 1px solid rgba(110,221,255,.4); color: #d9f8ff; background: rgba(4,23,48,.72); font-family: var(--mono); font-size: 9px; pointer-events: none; }.overview-video > p { margin-top: 12px; }
.reference-note { position: relative; z-index: 1; margin: 17px 0 0; color: #8192a7; font-size: 11px; line-height: 1.7; }
.showcase-section { background: #fff; }.showcase-grid { display: grid; grid-template-columns: 1.2fr .8fr; gap: 15px; }.showcase-card { display: grid; grid-template-rows: 190px 1fr; overflow: hidden; border: 1px solid #dce5ef; background: #f8fbff; transition: transform .25s, box-shadow .25s, border-color .25s; }.showcase-card:hover { border-color: #8cc9f5; box-shadow: 0 16px 30px rgba(49,117,190,.12); transform: translateY(-4px); }.showcase-card-large { grid-row: span 2; grid-template-rows: 310px 1fr; }.showcase-card-wide { grid-column: span 2; grid-template-columns: 1.2fr .8fr; grid-template-rows: 1fr; }.showcase-image { overflow: hidden; background: #09203e; }.showcase-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }.showcase-card:hover .showcase-image img { transform: scale(1.035); }.showcase-card-large .showcase-image img { object-position: center 53%; }.showcase-card:nth-child(3) .showcase-image img { object-position: center top; }.showcase-copy { display: flex; flex-direction: column; align-items: flex-start; padding: 22px 23px; }.showcase-copy h3 { margin: 11px 0 9px; color: #182f4d; font-size: 20px; line-height: 1.35; }.showcase-copy p { margin: 0; color: #75869c; font-size: 12px; line-height: 1.8; }.showcase-copy a { margin-top: auto; padding-top: 14px; color: var(--blue); font-size: 11px; }.showcase-copy a span { margin-left: 5px; font-size: 16px; }.showcase-note { display: flex; align-items: center; gap: 12px; margin-top: 17px; color: #8999ac; font-size: 11px; }.showcase-note span { padding: 4px 7px; border: 1px solid #bcd7f0; color: #3976bd; font-family: var(--mono); font-size: 9px; }.showcase-note p { margin: 0; }
.benefit-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-top: 18px; }.benefit-grid > div { padding: 20px 18px; border: 1px solid #d7e3ef; background: #fff; }.benefit-grid span { display: block; margin-bottom: 18px; color: #7e9cbe; font-family: var(--mono); font-size: 10px; }.benefit-grid b { display: block; margin-bottom: 8px; color: #193450; font-size: 17px; }.benefit-grid p { margin: 0; color: #78889c; font-size: 11px; line-height: 1.7; }
@media (max-width: 960px) {
  .blueprint { grid-template-columns: 1fr; }.blueprint-inputs { display: grid; grid-template-columns: repeat(2, 1fr); }.blueprint-core { min-height: 430px; }.blueprint-outcomes { display: grid; grid-template-columns: repeat(4, 1fr); }.evidence-row { grid-template-columns: 1fr; }.framework-evidence { grid-template-columns: 1fr 1fr; }.showcase-grid { grid-template-columns: 1fr 1fr; }.showcase-card-large { grid-row: span 1; grid-column: span 2; grid-template-rows: 250px 1fr; }.showcase-card-wide { grid-column: span 2; }.benefit-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 620px) {
  .blueprint { padding: 12px; }.blueprint-inputs, .blueprint-outcomes { grid-template-columns: 1fr; }.blueprint-group { min-height: 0; }.blueprint-core { padding: 16px 13px; }.core-pair { grid-template-columns: 1fr; }.blueprint-outcomes { gap: 8px; }.evidence-row { gap: 12px; }.framework-evidence { display: block; }.evidence-media { min-height: 220px; }.evidence-media img { min-height: 200px; }.framework-evidence figcaption { padding: 21px 19px 23px; }.framework-evidence figcaption b { font-size: 18px; }.overview-video { padding: 15px; }.showcase-grid { grid-template-columns: 1fr; }.showcase-card, .showcase-card-large, .showcase-card-wide { grid-column: span 1; grid-row: auto; grid-template-columns: 1fr; grid-template-rows: 205px 1fr; }.showcase-card-large { grid-template-rows: 230px 1fr; }.showcase-copy { padding: 19px; }.showcase-copy h3 { font-size: 18px; }.showcase-note { align-items: flex-start; flex-direction: column; gap: 7px; }.benefit-grid { grid-template-columns: 1fr; }
}