@charset "UTF-8";

:root {
  --ink: #07141b;
  --ink-soft: #10232b;
  --ink-card: #0d2028;
  --paper: #f4f7f5;
  --white: #fff;
  --muted: #84969b;
  --muted-dark: #5f777e;
  --line: rgba(142, 184, 184, .18);
  --cyan: #7bd9c8;
  --cyan-strong: #36c4aa;
  --orange: #f4a55c;
  --max: 1240px;
  --radius: 18px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; background: var(--ink); color: var(--paper); font-family: "Microsoft YaHei UI", "PingFang SC", "Segoe UI", sans-serif; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }
.page-shell { overflow: hidden; }
.section-wrap { width: min(var(--max), calc(100% - 64px)); margin: 0 auto; }

.site-header { position: absolute; z-index: 20; top: 0; left: 50%; transform: translateX(-50%); width: min(var(--max), calc(100% - 64px)); height: 92px; display: flex; align-items: center; justify-content: space-between; }
.brand { display: inline-flex; align-items: center; gap: 12px; letter-spacing: .01em; }
.brand > span:last-child { display: grid; gap: 3px; }
.brand strong { font-size: 17px; font-weight: 700; color: var(--white); }
.brand small { color: var(--muted); font-size: 10px; letter-spacing: .15em; text-transform: uppercase; }
.brand-mark { position: relative; display: flex; align-items: flex-end; gap: 3px; width: 27px; height: 27px; padding: 3px; border: 1px solid rgba(123, 217, 200, .65); border-radius: 8px; transform: rotate(-45deg); }
.brand-mark i { display: block; width: 4px; border-radius: 2px; background: var(--cyan); transform: rotate(45deg); }
.brand-mark i:nth-child(1) { height: 8px; opacity: .6; }.brand-mark i:nth-child(2) { height: 13px; }.brand-mark i:nth-child(3) { height: 18px; background: var(--orange); }
.site-nav { display: flex; align-items: center; gap: 32px; font-size: 13px; color: #b4c2c4; }
.site-nav a { transition: color .2s ease; }.site-nav a:hover { color: var(--cyan); }.site-nav .nav-contact { color: var(--paper); }.nav-contact span { color: var(--cyan); margin-left: 5px; }
.menu-toggle { display: none; border: 0; background: transparent; padding: 8px; }.menu-toggle span { display: block; width: 23px; height: 1px; margin: 5px 0; background: var(--cyan); }

.hero { position: relative; min-height: 760px; padding-top: 198px; display: grid; grid-template-columns: 1fr 1fr; gap: 52px; align-items: start; }
.hero::before { content: ""; position: absolute; z-index: -3; inset: 0 -50vw; background: radial-gradient(circle at 77% 34%, rgba(46, 119, 115, .22), transparent 28%), radial-gradient(circle at 58% 90%, rgba(17, 88, 91, .2), transparent 28%), linear-gradient(115deg, #07141b 0%, #0a1d25 53%, #0b2228 100%); }
.hero::after { content: ""; position: absolute; z-index: -2; right: -100px; top: 0; width: 62%; height: 100%; opacity: .35; background-image: linear-gradient(rgba(123, 217, 200, .06) 1px, transparent 1px), linear-gradient(90deg, rgba(123, 217, 200, .06) 1px, transparent 1px); background-size: 42px 42px; mask-image: linear-gradient(to left, black, transparent); }
.hero-grid { position: absolute; z-index: -1; right: 0; top: 130px; width: 51%; height: 560px; opacity: .45; background: linear-gradient(135deg, transparent 49.7%, rgba(123, 217, 200, .14) 50%, transparent 50.4%), linear-gradient(45deg, transparent 49.7%, rgba(123, 217, 200, .08) 50%, transparent 50.4%); background-size: 86px 86px; transform: perspective(600px) rotateX(56deg) rotateZ(8deg); }
.hero-copy { position: relative; z-index: 2; }
.eyebrow { margin: 0 0 26px; color: var(--cyan); font-size: 11px; font-weight: 700; letter-spacing: .19em; line-height: 1.7; text-transform: uppercase; }.pulse-dot { display: inline-block; width: 7px; height: 7px; margin-right: 9px; border-radius: 50%; background: var(--cyan-strong); box-shadow: 0 0 0 5px rgba(54, 196, 170, .12); vertical-align: 1px; }
h1, h2, h3, p { margin-top: 0; } h1 { max-width: 620px; margin-bottom: 28px; color: var(--white); font-size: clamp(46px, 5.5vw, 74px); font-weight: 500; letter-spacing: -.07em; line-height: 1.1; } h1 em, h2 em { color: var(--cyan); font-style: normal; }
.hero-lede { max-width: 465px; color: #b0c0c2; font-size: 16px; line-height: 1.9; }
.hero-actions { display: flex; gap: 12px; margin-top: 34px; }.button { display: inline-flex; align-items: center; justify-content: center; gap: 20px; min-height: 48px; padding: 0 20px; border: 1px solid transparent; border-radius: 4px; font-size: 13px; font-weight: 700; transition: transform .2s ease, background .2s ease, border-color .2s ease; }.button:hover { transform: translateY(-2px); }.button span { font-size: 18px; font-weight: 400; }.button-primary { color: var(--ink); background: var(--cyan); }.button-primary:hover { background: #a4ebdf; }.button-ghost { color: var(--paper); border-color: rgba(179, 210, 208, .3); background: rgba(255, 255, 255, .02); }.button-ghost:hover { border-color: var(--cyan); }
.hero-note { margin-top: 42px; color: #728a8e; font-size: 11px; letter-spacing: .04em; }.hero-note span { color: var(--cyan); margin-right: 7px; }
.hero-visual { position: relative; min-height: 500px; margin-top: -19px; }.visual-orbit { position: absolute; left: 48%; top: 42%; border: 1px solid rgba(123, 217, 200, .18); border-radius: 50%; transform: translate(-50%, -50%) rotate(-18deg); }.orbit-one { width: 440px; height: 245px; }.orbit-two { width: 345px; height: 400px; transform: translate(-50%, -50%) rotate(63deg); border-color: rgba(244, 165, 92, .14); }.visual-core { position: absolute; left: 48%; top: 42%; width: 150px; height: 150px; display: grid; place-items: center; border: 1px solid rgba(123, 217, 200, .38); border-radius: 50%; background: radial-gradient(circle, rgba(39, 137, 126, .28), rgba(8, 28, 34, .9) 62%); transform: translate(-50%, -50%); box-shadow: 0 0 50px rgba(65, 191, 170, .15); }.core-ring { position: absolute; inset: 10px; border: 1px dashed rgba(123, 217, 200, .45); border-radius: 50%; animation: spin 18s linear infinite; }.core-symbol { display: flex; align-items: center; gap: 4px; margin-bottom: 32px; }.core-symbol span { display: block; width: 5px; background: var(--cyan); border-radius: 3px; transform: skew(-28deg); }.core-symbol span:nth-child(1) { height: 12px; opacity: .6; }.core-symbol span:nth-child(2) { height: 21px; }.core-symbol span:nth-child(3) { height: 30px; background: var(--orange); }.visual-core small { position: absolute; bottom: 28px; color: #9ac9c3; font-size: 7px; letter-spacing: .21em; line-height: 1.5; text-align: center; }
.signal-card { position: absolute; width: 178px; padding: 15px 16px 14px; border: 1px solid rgba(133, 179, 179, .22); border-radius: 8px; background: rgba(11, 31, 39, .82); box-shadow: 0 16px 35px rgba(0, 0, 0, .16); backdrop-filter: blur(10px); }.signal-devices { top: 42px; left: 0; }.signal-video { top: 240px; right: -8px; }.signal-ai { bottom: 12px; left: 82px; }.signal-top { display: flex; align-items: center; gap: 6px; color: #a6bcbd; font-size: 9px; }.signal-top b { margin-left: auto; color: var(--cyan); font-size: 8px; font-weight: 500; }.signal-card strong { display: block; margin: 15px 0 1px; color: var(--white); font-size: 25px; font-weight: 500; letter-spacing: -.04em; }.signal-card strong span { color: var(--cyan); font-size: 13px; }.signal-card small { color: #6f888d; font-size: 9px; }.signal-icon { display: grid; place-items: center; width: 17px; height: 17px; border-radius: 4px; font-size: 14px; }.signal-icon.blue { color: #7bb9eb; background: rgba(123, 185, 235, .1); }.signal-icon.orange { color: var(--orange); background: rgba(244, 165, 92, .1); }.signal-icon.green { color: var(--cyan); background: rgba(123, 217, 200, .1); }.mini-bars { height: 33px; margin-top: 12px; display: flex; align-items: end; gap: 4px; border-bottom: 1px solid rgba(123, 217, 200, .2); }.mini-bars i { flex: 1; min-height: 3px; border-radius: 2px 2px 0 0; background: linear-gradient(to top, #2b9e91, #8de2d2); opacity: .75; }.video-line { height: 33px; margin-top: 12px; display: flex; align-items: center; gap: 3px; }.video-line span { display: block; flex: 1; height: 16px; border-radius: 2px; background: linear-gradient(135deg, rgba(244, 165, 92, .8), rgba(123, 217, 200, .3)); }.video-line span:nth-child(2), .video-line span:nth-child(5) { height: 25px; }.confidence { height: 4px; margin-top: 15px; border-radius: 5px; background: rgba(123, 217, 200, .1); overflow: hidden; }.confidence span { display: block; height: 100%; border-radius: inherit; background: var(--cyan); }.visual-label { position: absolute; color: #80999c; font-size: 9px; letter-spacing: .1em; }.visual-label::before { content: ""; display: inline-block; width: 24px; height: 1px; margin: 0 7px 3px 0; background: rgba(123, 217, 200, .5); }.label-a { top: 167px; left: 22px; }.label-b { top: 375px; right: 17px; }.label-c { bottom: 67px; right: 34px; }

.trust-strip { border-top: 1px solid rgba(154, 203, 198, .13); border-bottom: 1px solid rgba(154, 203, 198, .13); background: rgba(7, 20, 27, .4); }.trust-inner { min-height: 80px; display: flex; align-items: center; justify-content: space-between; color: #779094; font-size: 11px; letter-spacing: .12em; text-transform: uppercase; }.trust-items { display: flex; align-items: center; gap: 21px; color: #9bb5b6; }.trust-items b { font-size: 11px; font-weight: 500; }.trust-items i { width: 3px; height: 3px; border-radius: 50%; background: var(--orange); }

.section-block { padding-top: 150px; padding-bottom: 150px; }.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 40px; margin-bottom: 60px; }.section-heading h2, .insight-copy h2, .cta-section h2 { margin: 0; color: var(--white); font-size: clamp(35px, 4vw, 54px); font-weight: 500; letter-spacing: -.065em; line-height: 1.15; }.section-heading > p { max-width: 355px; margin: 0 0 5px; color: #849a9e; font-size: 14px; line-height: 1.9; }
.capability-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }.capability-card { position: relative; min-height: 265px; padding: 26px 25px; border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(145deg, rgba(16, 35, 43, .96), rgba(9, 27, 34, .76)); overflow: hidden; transition: transform .25s ease, border-color .25s ease; }.capability-card:hover { transform: translateY(-5px); border-color: rgba(123, 217, 200, .55); }.card-tall { min-height: 360px; }.card-featured { background: linear-gradient(145deg, rgba(25, 75, 74, .72), rgba(10, 32, 39, .88)); }.card-number { color: #688188; font-size: 10px; letter-spacing: .14em; }.card-icon { position: absolute; top: 23px; right: 24px; display: grid; place-items: center; width: 40px; height: 40px; color: var(--cyan); border: 1px solid rgba(123, 217, 200, .25); border-radius: 9px; font-size: 19px; }.card-featured .card-icon { color: var(--orange); border-color: rgba(244, 165, 92, .35); }.icon-network { display: flex; gap: 4px; align-items: center; }.icon-network span { width: 5px; height: 10px; border: 1px solid var(--cyan); border-radius: 2px; }.icon-network span:nth-child(2) { height: 17px; }.icon-network span:nth-child(3) { height: 24px; border-color: var(--orange); }.capability-card h3 { margin: 78px 0 12px; color: var(--white); font-size: 21px; font-weight: 500; letter-spacing: -.04em; }.capability-card:not(.card-tall) h3 { margin-top: 48px; }.capability-card p { max-width: 265px; margin: 0; color: #8ca1a5; font-size: 13px; line-height: 1.85; }.capability-card a { position: absolute; bottom: 25px; color: var(--cyan); font-size: 11px; }.capability-card a span { margin-left: 7px; font-size: 15px; }.icon-api { font-family: monospace; font-size: 16px; }.icon-data { font-size: 22px; }

.insight-panel { display: grid; grid-template-columns: .97fr 1fr; align-items: center; gap: 100px; border-top: 1px solid var(--line); }.insight-visual { position: relative; min-height: 480px; }.insight-grid { position: absolute; inset: 10px 0 10px 0; border: 1px solid rgba(123, 217, 200, .12); border-radius: 20px; background-image: linear-gradient(rgba(123, 217, 200, .04) 1px, transparent 1px), linear-gradient(90deg, rgba(123, 217, 200, .04) 1px, transparent 1px); background-size: 35px 35px; }.monitor-frame { position: absolute; top: 62px; left: 38px; width: calc(100% - 76px); height: 350px; padding: 11px; border: 1px solid rgba(131, 180, 180, .33); border-radius: 9px; background: #0c2028; box-shadow: 0 25px 55px rgba(0, 0, 0, .25); }.monitor-top, .monitor-bottom { display: flex; justify-content: space-between; color: #7c999e; font-family: monospace; font-size: 8px; letter-spacing: .08em; }.monitor-top b { color: var(--orange); font-weight: 500; }.monitor-scene { position: relative; height: 280px; margin: 10px 0; overflow: hidden; border: 1px solid rgba(123, 217, 200, .18); background: linear-gradient(145deg, #203c3d 0%, #102830 44%, #07181f 100%); }.monitor-scene::before { content: ""; position: absolute; inset: 0; opacity: .45; background-image: linear-gradient(125deg, transparent 48%, rgba(123, 217, 200, .18) 48.3%, transparent 49%), linear-gradient(25deg, transparent 50%, rgba(123, 217, 200, .12) 50.4%, transparent 51%); background-size: 120px 100px; }.scene-building { position: absolute; right: 8%; bottom: 26%; width: 53%; height: 45%; border: 1px solid rgba(177, 210, 198, .35); background: linear-gradient(to top, rgba(5, 19, 25, .75), rgba(39, 83, 78, .55)); transform: skewY(-4deg); }.scene-building::after { content: ""; position: absolute; inset: 16px; opacity: .65; background: repeating-linear-gradient(90deg, rgba(123, 217, 200, .35) 0 2px, transparent 2px 21px), repeating-linear-gradient(0deg, rgba(123, 217, 200, .25) 0 2px, transparent 2px 18px); }.scene-road { position: absolute; left: -8%; right: -8%; bottom: -14%; height: 35%; background: linear-gradient(165deg, transparent 49%, rgba(83, 111, 105, .38) 50%, rgba(20, 49, 54, .8) 60%); transform: rotate(-5deg); }.scene-scan { position: absolute; top: 47%; left: 0; right: 0; height: 1px; background: var(--cyan); box-shadow: 0 0 12px var(--cyan); animation: scan 4s ease-in-out infinite; }.scan-label { position: absolute; top: 19px; right: 15px; padding: 4px 6px; color: var(--cyan); border: 1px solid rgba(123, 217, 200, .3); font-family: monospace; font-size: 8px; }.ai-badge { position: absolute; right: -16px; top: 37px; display: flex; align-items: center; gap: 10px; padding: 10px 14px; border: 1px solid rgba(123, 217, 200, .32); border-radius: 6px; background: #102e35; box-shadow: 0 10px 22px rgba(0, 0, 0, .18); }.ai-badge > span { display: grid; place-items: center; width: 27px; height: 27px; border-radius: 50%; color: var(--orange); background: rgba(244, 165, 92, .12); }.ai-badge b, .ai-badge small { display: block; }.ai-badge b { color: var(--cyan); font-family: monospace; font-size: 9px; }.ai-badge small { margin-top: 3px; color: #89a2a4; font-size: 9px; }.metric-chip { position: absolute; display: grid; gap: 4px; padding: 10px 14px; border-left: 2px solid var(--cyan); background: rgba(10, 33, 40, .88); }.metric-chip small { color: #789398; font-size: 9px; }.metric-chip b { color: var(--white); font-size: 13px; font-weight: 500; }.chip-one { left: -16px; bottom: 50px; }.chip-two { right: 24px; bottom: 3px; border-color: var(--orange); }.insight-copy > p:not(.eyebrow) { max-width: 455px; margin: 27px 0 31px; color: #84999d; font-size: 14px; line-height: 1.9; }.flow-list { border-top: 1px solid var(--line); }.flow-item { display: flex; align-items: center; gap: 20px; min-height: 63px; border-bottom: 1px solid var(--line); }.flow-item > span { width: 24px; color: var(--orange); font-family: monospace; font-size: 10px; }.flow-item b, .flow-item small { display: block; }.flow-item b { color: #d7e5e2; font-size: 13px; font-weight: 500; }.flow-item small { margin-top: 3px; color: #758d91; font-size: 11px; }

.architecture-section { border-top: 1px solid var(--line); }.architecture-map { position: relative; display: grid; grid-template-columns: 180px 1fr; gap: 80px; padding: 42px 46px; border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(140deg, rgba(20, 49, 55, .62), rgba(9, 26, 33, .72)); }.arch-side-note { display: flex; flex-direction: column; justify-content: space-between; padding: 6px 0 16px; }.arch-side-note span { color: var(--cyan); font-family: monospace; font-size: 10px; letter-spacing: .15em; }.arch-side-note b { color: #c3d4d1; font-size: 16px; font-weight: 400; line-height: 1.8; }.arch-layers { display: grid; gap: 0; }.arch-layer { position: relative; display: flex; align-items: center; gap: 20px; min-height: 77px; padding: 0 20px; border: 1px solid rgba(143, 188, 185, .21); border-radius: 7px; background: rgba(6, 24, 31, .78); }.layer-index { color: var(--orange); font-family: monospace; font-size: 11px; }.arch-layer div { flex: 1; }.arch-layer b, .arch-layer small { display: block; }.arch-layer b { color: var(--white); font-size: 15px; font-weight: 500; }.arch-layer small { margin-top: 7px; color: #81999c; font-size: 11px; }.layer-status { color: #648389; font-family: monospace; font-size: 9px; letter-spacing: .1em; }.layer-platform { border-color: rgba(123, 217, 200, .5); background: linear-gradient(90deg, rgba(31, 103, 101, .35), rgba(8, 28, 35, .7)); }.layer-platform .layer-status { color: var(--cyan); }.arch-connector { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 29px; gap: 3px; }.arch-connector i { display: block; width: 1px; height: 5px; background: var(--cyan); opacity: .55; }

.scenarios-section { border-top: 1px solid var(--line); }.scenario-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }.scenario-card { position: relative; min-height: 270px; padding: 25px; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); transition: transform .25s ease; }.scenario-card:hover { transform: translateY(-4px); }.scenario-large { background: radial-gradient(circle at 80% 15%, rgba(111, 191, 165, .3), transparent 27%), linear-gradient(130deg, #143d3c, #0c2329); }.scenario-manufacture { background: radial-gradient(circle at 80% 15%, rgba(99, 160, 190, .28), transparent 27%), linear-gradient(130deg, #15333c, #0c222a); }.scenario-energy { background: radial-gradient(circle at 80% 15%, rgba(234, 160, 94, .3), transparent 27%), linear-gradient(130deg, #3c3030, #1d2329); }.scenario-city { background: radial-gradient(circle at 80% 15%, rgba(117, 143, 206, .3), transparent 27%), linear-gradient(130deg, #242b4a, #121e2d); }.scenario-card::after { content: ""; position: absolute; right: -33px; bottom: -72px; width: 210px; height: 210px; border: 1px solid rgba(255, 255, 255, .12); border-radius: 50%; box-shadow: 0 0 0 26px rgba(255, 255, 255, .025), 0 0 0 54px rgba(255, 255, 255, .02); }.scenario-tag { color: rgba(230, 244, 239, .7); font-family: monospace; font-size: 10px; letter-spacing: .11em; }.scenario-card h3 { position: relative; z-index: 2; margin: 0 0 12px; color: var(--white); font-size: 27px; font-weight: 400; letter-spacing: -.06em; line-height: 1.24; }.scenario-card p { position: relative; z-index: 2; max-width: 285px; margin: 0; color: rgba(220, 233, 230, .62); font-size: 12px; line-height: 1.8; }.scenario-arrow { position: absolute; z-index: 2; right: 25px; bottom: 22px; color: var(--white); font-size: 22px; }

.cta-section { display: flex; align-items: end; justify-content: space-between; gap: 50px; padding-top: 102px; padding-bottom: 105px; border-top: 1px solid var(--line); }.cta-right { max-width: 360px; }.cta-right p { margin-bottom: 24px; color: #8ba0a2; font-size: 14px; line-height: 1.9; }
.site-footer { border-top: 1px solid var(--line); background: #061117; }.footer-top { min-height: 116px; display: flex; align-items: center; justify-content: space-between; }.footer-links { display: flex; gap: 27px; color: #71898d; font-size: 11px; }.footer-links a:hover, .footer-bottom a:hover { color: var(--cyan); }.footer-bottom { min-height: 76px; display: flex; justify-content: space-between; align-items: center; border-top: 1px solid rgba(142, 184, 184, .11); color: #587075; font-size: 10px; }.footer-bottom > span:last-child { display: flex; align-items: center; gap: 13px; font-size: 13px; }.footer-bottom .contact-link, .footer-bottom .filing-link { color: #c4d8d5; font-size: 13px; font-weight: 600; letter-spacing: .02em; }.footer-bottom .filing-link { color: var(--cyan); text-decoration: underline; text-underline-offset: 3px; }.footer-bottom i { width: 3px; height: 3px; border-radius: 50%; background: var(--orange); }
.reveal { opacity: 0; transform: translateY(18px); animation: reveal .75s ease forwards; animation-play-state: paused; }.reveal-delay { animation-delay: .13s; }.reveal-delay-2 { animation-delay: .24s; }.reveal.is-visible { animation-play-state: running; }
@keyframes reveal { to { opacity: 1; transform: translateY(0); } } @keyframes spin { to { transform: rotate(360deg); } } @keyframes scan { 0%, 100% { top: 20%; opacity: .2; } 50% { top: 80%; opacity: .9; } }

@media (max-width: 900px) { .section-wrap, .site-header { width: min(var(--max), calc(100% - 40px)); }.site-nav { gap: 18px; }.hero { grid-template-columns: 1fr; padding-top: 170px; }.hero-copy { max-width: 690px; }.hero-visual { min-height: 465px; margin-top: 12px; }.hero::after { width: 90%; }.capability-grid { grid-template-columns: repeat(2, 1fr); }.card-tall { min-height: 330px; }.insight-panel { grid-template-columns: 1fr; gap: 60px; }.insight-visual { max-width: 600px; width: 100%; }.architecture-map { grid-template-columns: 1fr; gap: 30px; }.arch-side-note { gap: 22px; }.arch-side-note b br { display: none; } }
@media (max-width: 680px) { .section-wrap, .site-header { width: calc(100% - 32px); }.site-header { height: 76px; }.menu-toggle { display: block; }.site-nav { position: absolute; top: 70px; left: 0; right: 0; display: none; flex-direction: column; align-items: stretch; gap: 0; padding: 9px; border: 1px solid var(--line); border-radius: 10px; background: rgba(8, 25, 32, .97); box-shadow: 0 20px 30px rgba(0, 0, 0, .2); }.site-nav.is-open { display: flex; }.site-nav a { padding: 13px 14px; }.site-nav .nav-contact { border-top: 1px solid var(--line); }.hero { min-height: auto; padding-top: 137px; }.hero h1 { font-size: 45px; }.hero-lede { font-size: 14px; }.hero-actions { flex-wrap: wrap; }.hero-note { margin-top: 29px; line-height: 1.8; }.hero-visual { min-height: 420px; margin: -3px -15px 0; transform: scale(.88); transform-origin: top center; }.signal-devices { left: 5px; }.signal-video { right: 0; }.signal-ai { left: 50px; }.trust-inner { min-height: 100px; display: block; padding-top: 25px; }.trust-items { flex-wrap: wrap; gap: 12px; margin-top: 14px; }.section-block { padding-top: 92px; padding-bottom: 92px; }.section-heading { display: block; margin-bottom: 38px; }.section-heading > p { margin-top: 24px; }.section-heading h2, .insight-copy h2, .cta-section h2 { font-size: 38px; }.capability-grid, .scenario-grid { grid-template-columns: 1fr; }.capability-card, .card-tall { min-height: 285px; }.capability-card h3 { margin-top: 68px; }.insight-visual { min-height: 380px; transform: scale(.82); transform-origin: top left; width: 122%; margin-bottom: -63px; }.insight-panel { gap: 8px; }.architecture-map { padding: 25px 16px; }.arch-layer { gap: 10px; padding: 0 12px; }.arch-layer small { max-width: 155px; line-height: 1.5; }.layer-status { display: none; }.cta-section { display: block; padding-top: 75px; padding-bottom: 75px; }.cta-right { margin-top: 28px; }.footer-top { min-height: 150px; display: block; padding-top: 30px; }.footer-links { flex-wrap: wrap; gap: 16px; margin-top: 25px; }.footer-bottom { display: block; padding: 19px 0; line-height: 2; }.footer-bottom > span:last-child { gap: 9px; flex-wrap: wrap; } }