@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');

:root { --ink:#f7fbff; --panel:#fff; --panel-2:#edf7ff; --line:rgba(0,91,172,.14); --line-strong:rgba(0,91,172,.28); --muted:#61758a; --text:#233443; --acid:#0875c9; --cyan:#16ace4; --white:#142b3e; --success:#75b832; --shadow:0 20px 52px rgba(25,101,158,.13); --radius:7px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--text); background:var(--ink); font-family:'Manrope','Microsoft YaHei',sans-serif; line-height:1.6; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
button, input { font:inherit; }
button { cursor:pointer; }
.icon-sprite { position:absolute; width:0; height:0; overflow:hidden; }
svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.container { width:min(1160px, calc(100% - 64px)); margin:0 auto; }
.section-grid { position:relative; overflow:hidden; }
.section-grid::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.32; background-image:linear-gradient(rgba(161,211,209,.08) 1px, transparent 1px),linear-gradient(90deg, rgba(161,211,209,.08) 1px, transparent 1px); background-size:90px 90px; mask-image:linear-gradient(to bottom, transparent, black 12%, black 85%, transparent); }
.eyebrow { margin:0 0 21px; color:var(--acid); font:500 11px/1.2 'DM Mono',monospace; letter-spacing:.16em; text-transform:uppercase; }
.pulse-dot { display:inline-block; width:7px; height:7px; margin-right:9px; border-radius:50%; background:var(--acid); box-shadow:0 0 0 5px rgba(198,245,75,.12); vertical-align:1px; animation:blink 2s ease-in-out infinite; }
.site-header { position:fixed; z-index:20; top:0; left:0; right:0; border-bottom:1px solid rgba(161,211,209,.1); background:rgba(6,19,26,.82); backdrop-filter:blur(16px); }
.nav-wrap { display:flex; align-items:center; height:76px; }
.brand { display:flex; align-items:center; gap:12px; min-width:230px; }
.brand-mark { display:grid; grid-template-columns:repeat(2,8px); grid-template-rows:repeat(2,8px); gap:3px; transform:rotate(45deg); }
.brand-mark span { background:var(--acid); display:block; }
.brand-mark span:nth-child(2),.brand-mark span:nth-child(3) { background:var(--cyan); opacity:.75; }
.brand-copy { display:flex; flex-direction:column; gap:1px; }
.brand-copy strong { color:var(--white); font-size:16px; letter-spacing:.08em; }
.brand-copy small { color:#6f8b8e; font:400 8px 'DM Mono',monospace; letter-spacing:.16em; }
.main-nav { display:flex; align-items:center; gap:34px; margin-left:auto; margin-right:45px; color:#a4bbbc; font-size:13px; }
.main-nav a { transition:color .2s ease; }
.main-nav a:hover,.nav-phone:hover,.text-link:hover { color:var(--acid); }
.nav-phone { display:flex; align-items:center; gap:8px; color:var(--white); font:500 12px 'DM Mono',monospace; white-space:nowrap; }
.nav-phone svg { color:var(--acid); width:16px; height:16px; }
.menu-toggle { display:none; border:0; background:transparent; padding:10px 0 10px 10px; }
.menu-toggle span { display:block; width:22px; height:1px; margin:5px 0; background:var(--white); }
.hero { min-height:770px; padding:170px 0 110px; background:radial-gradient(circle at 76% 43%, rgba(34,113,113,.23), transparent 34%), var(--ink); }
.hero-gridline { position:absolute; width:520px; height:520px; right:-140px; top:150px; border:1px solid rgba(83,218,225,.11); transform:rotate(45deg); animation:spin-slow 28s linear infinite; }
.hero-gridline::after,.hero-gridline::before { content:""; position:absolute; inset:42px; border:1px solid rgba(198,245,75,.11); }
.hero-gridline::before { inset:102px; }
.hero-inner { display:grid; grid-template-columns:1fr .87fr; gap:9%; align-items:center; position:relative; z-index:1; }
.hero-copy { max-width:620px; }
h1,h2,h3,p { margin-top:0; }
h1 { margin-bottom:25px; color:var(--white); font-size:clamp(42px, 5.1vw, 72px); line-height:1.11; letter-spacing:-.045em; font-weight:700; }
h1 em,h2 em { color:var(--acid); font-style:normal; }
.hero-lede { max-width:490px; margin-bottom:34px; color:#98b4b5; font-size:16px; line-height:1.85; }
.hero-actions { display:flex; align-items:center; gap:28px; margin-bottom:64px; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:12px; min-height:48px; padding:0 20px; border:1px solid transparent; border-radius:3px; font-size:13px; font-weight:700; transition:transform .22s ease,background .22s ease,border-color .22s ease; }
.button svg { width:17px; height:17px; }
.button:hover { transform:translateY(-2px); }
.button-primary { color:var(--ink); background:var(--acid); }
.button-primary:hover { background:#d9ff74; }
.text-link { display:inline-flex; align-items:center; gap:9px; color:#bfd6d3; font-size:13px; font-weight:600; }
.text-link svg { width:15px; color:var(--acid); }
.hero-meta { display:flex; gap:45px; padding-top:25px; border-top:1px solid var(--line); }
.hero-meta span { display:flex; flex-direction:column; gap:2px; }
.hero-meta b { color:var(--white); font:500 27px 'DM Mono',monospace; }
.hero-meta b::after { content:"+"; color:var(--acid); font-size:16px; margin-left:2px; }
.hero-meta small { color:#759194; font-size:11px; }
.hero-console { max-width:440px; width:100%; justify-self:end; padding:17px; border:1px solid rgba(164,213,210,.25); background:rgba(10,32,39,.76); box-shadow:var(--shadow); transform-style:preserve-3d; transition:transform .25s ease-out; }
.console-top,.console-bottom { display:flex; justify-content:space-between; align-items:center; color:#719093; font:400 9px 'DM Mono',monospace; letter-spacing:.08em; }
.console-status { color:#9ab2b3; }.console-status i { display:inline-block; width:5px; height:5px; margin-right:5px; border-radius:50%; background:var(--acid); vertical-align:1px; }
.console-visual { position:relative; height:357px; margin:16px 0; overflow:hidden; border:1px solid var(--line); background:radial-gradient(circle at 50% 50%, rgba(83,218,225,.17), transparent 32%), linear-gradient(rgba(136,202,202,.1) 1px, transparent 1px),linear-gradient(90deg,rgba(136,202,202,.1) 1px,transparent 1px); background-size:auto,36px 36px,36px 36px; }
.console-visual::after { content:""; position:absolute; left:0; right:0; height:1px; background:var(--acid); opacity:.65; box-shadow:0 0 13px var(--acid); animation:scan 4.2s linear infinite; }
.orbit { position:absolute; left:50%; top:50%; border:1px solid rgba(83,218,225,.45); border-radius:50%; transform:translate(-50%,-50%) rotate(-21deg); }
.orbit-a { width:180px; height:180px; border-right-color:var(--acid); animation:orbit 12s linear infinite; }
.orbit-b { width:274px; height:110px; border-color:rgba(198,245,75,.35); animation:orbit 15s linear infinite reverse; }
.orbit-c { width:356px; height:260px; border-style:dashed; opacity:.55; animation:orbit 22s linear infinite; }
.core-node { position:absolute; z-index:2; top:50%; left:50%; width:96px; height:96px; display:flex; flex-direction:column; align-items:center; justify-content:center; border:1px solid var(--acid); background:rgba(6,28,32,.93); transform:translate(-50%,-50%); box-shadow:0 0 0 8px rgba(198,245,75,.06),0 0 38px rgba(83,218,225,.28); }
.core-node span { color:var(--acid); font:700 30px 'DM Mono',monospace; line-height:1; }
.core-node small { margin-top:7px; color:#9ab2ad; text-align:center; font:400 8px/1.4 'DM Mono',monospace; letter-spacing:.13em; }
.signal { position:absolute; z-index:3; display:flex; flex-direction:column; gap:2px; padding:8px 10px; border-left:2px solid var(--cyan); background:rgba(6,19,26,.85); }
.signal b { color:var(--white); font:500 14px 'DM Mono',monospace; }.signal small { color:#78989a; font-size:9px; }
.signal-1 { left:18px; top:64px; }.signal-2 { right:19px; top:145px; border-color:var(--acid); }.signal-3 { left:46px; bottom:42px; }
.console-bottom { padding-top:3px; }.bars { display:flex; align-items:end; gap:3px; height:13px; margin-left:auto; margin-right:12px; }.bars i { display:block; width:3px; background:var(--cyan); animation:bar 1.4s ease-in-out infinite alternate; }.bars i:nth-child(1){height:5px}.bars i:nth-child(2){height:10px;animation-delay:.1s}.bars i:nth-child(3){height:7px;animation-delay:.3s}.bars i:nth-child(4){height:12px;animation-delay:.2s}.bars i:nth-child(5){height:6px;animation-delay:.4s}.bars i:nth-child(6){height:10px;animation-delay:.5s}.bars i:nth-child(7){height:8px;animation-delay:.15s}.bars i:nth-child(8){height:12px;animation-delay:.35s}
.scroll-cue { position:absolute; bottom:31px; left:50%; display:flex; align-items:center; gap:14px; color:#5e7b7e; font:400 9px 'DM Mono',monospace; letter-spacing:.17em; transform:translateX(-50%); }.scroll-cue i { width:32px; height:1px; background:var(--acid); }
.products-section,.capabilities-section { padding:125px 0 130px; background:#081820; }
.capabilities-section { background:var(--ink); }
.section-head { display:flex; justify-content:space-between; align-items:end; position:relative; z-index:1; gap:50px; }.section-head h2 { margin:0; color:var(--white); font-size:clamp(32px, 4vw, 53px); line-height:1.16; letter-spacing:-.04em; }.section-note { max-width:330px; margin:0 4% 3px 0; color:#819c9f; font-size:13px; line-height:1.9; }
.product-toolbar { display:flex; justify-content:space-between; align-items:center; gap:30px; margin-top:62px; position:relative; z-index:2; }.filter-list { display:flex; flex-wrap:wrap; gap:8px; }.filter-btn { min-height:35px; padding:0 14px; border:1px solid var(--line); border-radius:2px; color:#86a1a3; background:transparent; font-size:11px; transition:all .2s ease; }.filter-btn:hover,.filter-btn.is-active { color:var(--ink); border-color:var(--acid); background:var(--acid); }.search-box { display:flex; align-items:center; gap:9px; width:245px; height:37px; padding:0 10px; border-bottom:1px solid var(--line-strong); color:#719093; }.search-box svg { width:15px; height:15px; }.search-box input { min-width:0; width:100%; border:0; outline:0; color:var(--text); background:transparent; font-size:11px; }.search-box input::placeholder { color:#668286; }.search-box kbd { color:#6d898d; font:400 10px 'DM Mono',monospace; }
.result-line { display:flex; gap:22px; margin-top:26px; margin-bottom:16px; color:#698689; font:400 10px 'DM Mono',monospace; text-transform:uppercase; letter-spacing:.09em; }.result-line b { color:var(--white); font-weight:500; }.result-line i { color:var(--acid); font-style:normal; }
.product-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; position:relative; z-index:1; }.product-card { position:relative; min-height:232px; display:flex; flex-direction:column; padding:23px 23px 20px; border:1px solid var(--line); background:rgba(13,37,44,.74); transition:transform .3s ease,border-color .3s ease,background .3s ease; overflow:hidden; }.product-card::after { content:""; position:absolute; right:-30px; top:-30px; width:96px; height:96px; border:1px solid var(--accent); opacity:.18; transform:rotate(45deg); transition:transform .4s ease; }.product-card:hover { z-index:2; border-color:rgba(198,245,75,.5); background:#102e35; transform:translateY(-4px); }.product-card:hover::after { transform:rotate(45deg) translate(-8px,8px); }.card-top { display:flex; justify-content:space-between; align-items:center; margin-bottom:25px; color:#698689; font:400 10px 'DM Mono',monospace; }.card-no { color:var(--accent); }.card-type { border:1px solid var(--line); padding:3px 6px; color:#789698; }.product-card h3 { margin:0 0 9px; color:var(--white); font-size:18px; letter-spacing:-.025em; }.product-card p { max-width:250px; margin:0; color:#829ea0; font-size:11px; line-height:1.75; }.card-bottom { display:flex; align-items:end; justify-content:space-between; gap:10px; margin-top:auto; padding-top:18px; }.tag-row { display:flex; flex-wrap:wrap; gap:4px; }.tag { color:#8ca8a9; font-size:10px; }.tag + .tag::before { content:"/"; margin-right:4px; color:#486d70; }.price { color:var(--accent); font:500 19px 'DM Mono',monospace; white-space:nowrap; }.price small { color:#799496; font-size:9px; }.card-cta { position:absolute; right:19px; bottom:20px; display:flex; align-items:center; gap:4px; color:var(--accent); font-size:10px; opacity:0; transform:translateX(-4px); transition:opacity .2s ease,transform .2s ease; }.card-cta svg { width:13px; }.product-card:hover .card-cta { opacity:1; transform:none; }.empty-state { padding:70px 0; text-align:center; color:#6d898d; }.empty-state span { color:var(--acid); font:500 12px 'DM Mono',monospace; }.empty-state p { font-size:13px; }
.capability-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:61px; position:relative; z-index:1; }.capability-card { min-height:290px; padding:26px 27px 24px; border-top:1px solid var(--line-strong); background:linear-gradient(135deg,rgba(13,37,44,.82),rgba(8,24,32,.48)); transition:border-color .3s ease,transform .3s ease; }.capability-card:hover { border-color:var(--acid); transform:translateY(-4px); }.capability-no { float:right; color:#607d80; font:400 10px 'DM Mono',monospace; }.capability-icon { width:27px; height:27px; margin:0 0 50px; color:var(--acid); }.capability-card h3 { margin-bottom:11px; color:var(--white); font-size:18px; }.capability-card p { min-height:60px; margin-bottom:23px; color:#809b9d; font-size:12px; line-height:1.85; }.capability-card a { display:inline-flex; align-items:center; gap:7px; color:#b3c9c8; font-size:11px; }.capability-card a svg { width:14px; color:var(--acid); }
.contact-section { padding:118px 0; background:#102a2f; position:relative; overflow:hidden; }.contact-section::before { content:"QJ"; position:absolute; right:4%; top:14%; color:rgba(198,245,75,.035); font:800 260px/1 'DM Mono',monospace; letter-spacing:-.14em; }.contact-panel { position:relative; z-index:1; display:grid; grid-template-columns:1.1fr .9fr; gap:14%; }.contact-copy h2 { margin-bottom:22px; color:var(--white); font-size:clamp(34px,4vw,55px); line-height:1.12; letter-spacing:-.045em; }.contact-copy > p:not(.eyebrow) { max-width:400px; margin-bottom:30px; color:#91acad; font-size:13px; }.contact-copy .button { min-width:167px; }.contact-details { padding-top:22px; border-top:1px solid var(--line-strong); }.contact-row { display:flex; align-items:center; justify-content:space-between; min-height:62px; border-bottom:1px solid var(--line); }.contact-row > span { color:#759295; font:400 10px 'DM Mono',monospace; letter-spacing:.08em; text-transform:uppercase; }.contact-row strong,.contact-row a { color:var(--white); font-size:15px; }.contact-row a:hover { color:var(--acid); }.wechat-line { display:flex; align-items:center; gap:10px; }.icon-button { display:inline-flex; align-items:center; justify-content:center; width:31px; height:31px; border:1px solid var(--line-strong); border-radius:2px; color:#a6c3c2; background:transparent; transition:all .2s ease; }.icon-button:hover { color:var(--ink); border-color:var(--acid); background:var(--acid); }.icon-button svg { width:15px; height:15px; }.copy-feedback { min-height:22px; margin:9px 0 0; color:var(--acid); font-size:11px; }
.site-footer { background:#061117; border-top:1px solid var(--line); }.footer-inner { display:flex; justify-content:space-between; align-items:center; min-height:72px; color:#607b7e; font:400 10px 'DM Mono',monospace; }.footer-inner a { color:#a6bdbc; }.footer-inner a:hover { color:var(--acid); }
.modal[hidden] { display:none; }.modal { position:fixed; z-index:40; inset:0; display:grid; place-items:center; padding:20px; }.modal-backdrop { position:absolute; inset:0; background:rgba(2,10,14,.76); backdrop-filter:blur(6px); }.modal-card { position:relative; width:min(440px,100%); padding:38px; border:1px solid var(--line-strong); background:#0c242b; box-shadow:var(--shadow); animation:modal-in .25s ease both; }.modal-close { position:absolute; top:15px; right:15px; }.modal-card h2 { margin-bottom:13px; color:var(--white); font-size:30px; letter-spacing:-.04em; }.modal-card h2 span { color:var(--acid); }.modal-card > p:not(.eyebrow) { margin-bottom:28px; color:#8eabad; font-size:13px; line-height:1.85; }.modal-card > p strong { color:var(--acid); font-weight:500; }.modal-secondary { display:block; width:100%; margin-top:13px; border:0; color:#819b9e; background:transparent; font-size:11px; }
.reveal { opacity:0; transform:translateY(18px); transition:opacity .75s ease,transform .75s ease; }.reveal.is-visible { opacity:1; transform:none; }.reveal-delay { transition-delay:.14s; }
@keyframes blink { 0%,100%{opacity:1}50%{opacity:.38} } @keyframes spin-slow { to{transform:rotate(405deg)} } @keyframes scan { 0%{top:-1px}100%{top:100%} } @keyframes orbit { to{transform:translate(-50%,-50%) rotate(339deg)} } @keyframes bar { to{transform:scaleY(.45);opacity:.55} } @keyframes modal-in { from{opacity:0;transform:translateY(9px) scale(.98)}to{opacity:1;transform:none} }

/* Bright blue visual system, inspired by the reference's calm white space and strong blue hierarchy. */
.section-grid::before { opacity:.55; background-image:linear-gradient(rgba(8,117,201,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(8,117,201,.055) 1px,transparent 1px); }
.eyebrow { color:var(--acid); font-size:12px; letter-spacing:.13em; }
.pulse-dot { background:var(--success); box-shadow:0 0 0 5px rgba(117,184,50,.13); }
.site-header { border-bottom-color:rgba(0,91,172,.1); background:rgba(255,255,255,.9); }
.brand { min-width:260px; }
.brand-copy strong { color:#0870bd; font-size:24px; letter-spacing:.04em; }
.brand-copy small { color:#7390a8; font-size:9px; }
.main-nav { color:#40566b; font-size:14px; gap:42px; }
.main-nav a:hover,.nav-phone:hover,.text-link:hover { color:var(--acid); }
.nav-phone { color:#1c405e; font:600 14px 'DM Mono',monospace; }
.nav-phone svg { color:var(--acid); }
.hero { min-height:785px; padding-top:184px; background:radial-gradient(circle at 76% 43%,rgba(22,172,228,.18),transparent 34%),linear-gradient(180deg,#fff 0%,var(--ink) 100%); }
.hero-gridline { border-color:rgba(8,117,201,.16); }
.hero-gridline::after,.hero-gridline::before { border-color:rgba(22,172,228,.18); }
h1 { margin-bottom:28px; color:#162f45; font-size:clamp(46px,5.1vw,74px); font-weight:800; }
h1 em,h2 em { color:var(--acid); }
.hero-lede { color:#607a91; font-size:17px; }
.button { border-radius:4px; }
.button-primary { color:#fff; background:var(--acid); box-shadow:0 10px 20px rgba(8,117,201,.18); }
.button-primary:hover { background:#0965ab; }
.text-link { color:#35546d; }
.text-link svg { color:var(--acid); }
.hero-meta { border-top-color:rgba(0,91,172,.15); }
.hero-meta b { color:#1a3e5c; }
.hero-meta b::after { color:var(--acid); }
.hero-meta small { color:#7089a0; }
.hero-console { border-color:rgba(0,91,172,.2); background:rgba(255,255,255,.88); box-shadow:var(--shadow); }
.console-top,.console-bottom { color:#668197; }
.console-status { color:#4b667e; }.console-status i { background:var(--success); }
.console-visual { border-color:rgba(0,91,172,.15); background:radial-gradient(circle at 50% 50%,rgba(22,172,228,.18),transparent 32%),linear-gradient(rgba(8,117,201,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(8,117,201,.08) 1px,transparent 1px); }
.console-visual::after { background:var(--acid); box-shadow:0 0 13px rgba(8,117,201,.55); }
.orbit { border-color:rgba(8,117,201,.48); }.orbit-a { border-right-color:var(--cyan); }.orbit-b { border-color:rgba(22,172,228,.42); }.orbit-c { border-color:rgba(8,117,201,.33); }
.core-node { border-color:var(--acid); background:rgba(255,255,255,.96); box-shadow:0 0 0 8px rgba(8,117,201,.06),0 0 38px rgba(22,172,228,.22); }.core-node span { color:var(--acid); }.core-node small { color:#668197; }
.signal { border-left-color:var(--cyan); background:rgba(255,255,255,.9); box-shadow:0 8px 20px rgba(25,101,158,.1); }.signal b { color:#173b59; }.signal small { color:#668197; }.signal-2 { border-color:var(--acid); }.bars i { background:var(--cyan); }
.scroll-cue { color:#668197; }.scroll-cue i { background:var(--acid); }
.products-section { padding-top:140px; padding-bottom:142px; background:#f2f9ff; }.capabilities-section { padding-top:140px; padding-bottom:142px; background:#fff; }
.section-head h2 { color:#18344b; font-size:clamp(37px,4vw,58px); }.section-note { color:#668197; font-size:14px; }
.filter-btn { border-color:rgba(0,91,172,.17); color:#547087; background:rgba(255,255,255,.72); }.filter-btn:hover,.filter-btn.is-active { color:#fff; border-color:var(--acid); background:var(--acid); }
.search-box { border-bottom-color:rgba(0,91,172,.3); color:#668197; }.search-box input { color:#18344b; }.search-box input::placeholder,.search-box kbd { color:#7891a6; }
.result-line { color:#668197; }.result-line b { color:#1d425f; }.result-line i { color:var(--acid); }
.product-card { border-color:rgba(0,91,172,.13); background:rgba(255,255,255,.92); box-shadow:0 10px 25px rgba(25,101,158,.045); }.product-card::after { opacity:.12; }.product-card:hover { border-color:rgba(8,117,201,.45); background:#fff; box-shadow:0 18px 34px rgba(25,101,158,.13); }
.card-top { color:#6d899f; }.card-type { border-color:rgba(0,91,172,.14); color:#668197; }.product-card h3 { color:#193c58; font-size:19px; }.product-card p { color:#638096; font-size:12px; }.tag { color:#668197; }.tag + .tag::before { color:#a3b7c6; }.price { color:var(--accent); }.price small { color:#7490a6; }
.empty-state { color:#668197; }.empty-state span { color:var(--acid); }
.capability-card { border-top-color:rgba(0,91,172,.2); background:linear-gradient(135deg,#fff,rgba(237,247,255,.76)); }.capability-card:hover { border-color:var(--acid); box-shadow:0 17px 34px rgba(25,101,158,.1); }.capability-no { color:#7792a7; }.capability-icon { color:var(--acid); }.capability-card h3 { color:#193c58; }.capability-card p { color:#638096; }.capability-card a { color:#35546d; }.capability-card a svg { color:var(--acid); }
.contact-section { padding-top:132px; padding-bottom:132px; background:linear-gradient(135deg,#086cbc,#0782c9); }.contact-section::before { color:rgba(255,255,255,.07); }.contact-copy h2 { color:#fff; }.contact-copy h2 em { color:#d8f3ff; }.contact-copy > p:not(.eyebrow) { color:#d3ecfa; }.contact-copy .eyebrow { color:#d8f3ff; }.contact-details { border-top-color:rgba(255,255,255,.35); }.contact-row { border-bottom-color:rgba(255,255,255,.2); }.contact-row > span { color:#c7e8fa; }.contact-row strong,.contact-row a { color:#fff; }.contact-row a:hover { color:#d8f3ff; }.icon-button { border-color:rgba(255,255,255,.42); color:#fff; }.icon-button:hover { color:var(--acid); border-color:#fff; background:#fff; }.copy-feedback { color:#e3f7ff; }
.site-footer { background:#075fa8; border-top-color:rgba(255,255,255,.15); }.footer-inner { color:#cae8f8; }.footer-inner a { color:#fff; }.footer-inner a:hover { color:#d8f3ff; }.keyword-strip { width:min(1160px,calc(100% - 64px)); margin:0 auto; padding:0 0 22px; color:#c9e8f8; font-size:10px; line-height:1.8; }.keyword-strip strong { color:#fff; font-weight:700; }
.modal-backdrop { background:rgba(12,54,83,.42); }.modal-card { border-color:rgba(0,91,172,.18); background:#fff; }.modal-card h2 { color:#18344b; }.modal-card h2 span { color:var(--acid); }.modal-card > p:not(.eyebrow) { color:#638096; }.modal-card > p strong { color:var(--acid); }.modal-secondary { color:#547087; }
@media (max-width:900px) { .container{width:min(100% - 42px,680px)} .main-nav{gap:20px;margin-right:24px}.nav-phone span{display:none}.hero{min-height:auto;padding:145px 0 100px}.hero-inner{grid-template-columns:1fr;gap:70px}.hero-console{justify-self:start;max-width:520px}.section-head{display:block}.section-note{margin:23px 0 0;max-width:530px}.product-toolbar{display:block;margin-top:43px}.search-box{margin-top:17px;width:100%}.product-grid{grid-template-columns:repeat(2,1fr)}.capability-grid{grid-template-columns:1fr}.capability-card{min-height:0}.capability-icon{margin-bottom:28px}.capability-card p{min-height:0}.contact-panel{gap:55px} }
@media (max-width:620px) { .container{width:calc(100% - 34px)}.site-header{height:67px}.nav-wrap{height:67px}.brand{min-width:0}.brand-copy strong{font-size:19px;letter-spacing:.03em}.brand-copy small{display:none}.main-nav{position:absolute;top:67px;left:0;right:0;display:none;flex-direction:column;align-items:flex-start;gap:0;padding:8px 17px 15px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.98)}.main-nav.is-open{display:flex}.main-nav a{width:100%;padding:12px 0;border-bottom:1px solid rgba(8,117,201,.08)}.nav-phone{margin-left:auto;margin-right:12px}.menu-toggle{display:block}.menu-toggle span{background:#173b59}.hero{padding-top:124px;padding-bottom:84px}.hero-copy .eyebrow{font-size:9px}.hero-lede{font-size:14px}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:45px}.hero-meta{gap:18px;justify-content:space-between}.hero-meta b{font-size:22px}.hero-meta small{font-size:10px}.hero-console{padding:12px}.console-visual{height:285px}.orbit-a{width:148px;height:148px}.orbit-b{width:230px;height:92px}.orbit-c{width:290px;height:212px}.signal-1{left:10px;top:38px}.signal-2{right:10px;top:112px}.signal-3{left:24px;bottom:24px}.section-head h2{font-size:35px}.products-section,.capabilities-section{padding:87px 0 92px}.filter-list{gap:6px}.filter-btn{padding:0 10px;font-size:10px}.product-grid{grid-template-columns:1fr;gap:8px}.product-card{min-height:205px}.contact-section{padding:89px 0}.contact-panel{display:block}.contact-details{margin-top:57px}.contact-row strong,.contact-row a{font-size:14px}.footer-inner{flex-direction:column;align-items:flex-start;gap:9px;padding:21px 0}.modal-card{padding:31px 24px}.scroll-cue{display:none} }
@media (prefers-reduced-motion:reduce) { html{scroll-behavior:auto}.pulse-dot,.hero-gridline,.console-visual::after,.orbit,.bars i{animation:none}.reveal{opacity:1;transform:none;transition:none}.button,.product-card,.capability-card{transition:none} }