/* Connected-system visual: static illustration + accessible native interaction. */
.tech-hero,.tech-solution-hero{--tech-cyan:#70f1de;--tech-muted:#a9c3cf;--tech-ink:#071823;--tech-line:#284654;background:#071823;color:#f3fafc}
.tech-home .tech-hero{width:min(1240px,calc(100% - 64px));padding:40px 38px 36px;border:1px solid #234552;border-radius:28px;grid-template-columns:1fr 1.1fr;gap:32px;background:radial-gradient(ellipse at 85% 30%,#143542 0,transparent 65%),#071823;box-shadow:0 24px 65px #07182318}
.tech-hero h1 em{font-family:inherit;font-style:normal;color:#70f1de}
.tech-hero h1{font-size:clamp(39px,4.1vw,57px);letter-spacing:-.055em;line-height:1.08;margin:23px 0}
.tech-hero .eyebrow{color:#a9deeb;font-size:10px;letter-spacing:.11em;line-height:1.7}
.tech-hero .hero-description{color:#bcd0d9;font-size:16px;line-height:1.8;max-width:455px}
.tech-hero .hero-buttons{gap:18px;margin-top:30px;flex-wrap:wrap}
.tech-hero .hero-buttons>.pill,.tech-hero .zh-button{background:#70f1de;color:#071823;box-shadow:0 0 22px #70f1de15}
.tech-hero .hero-buttons>a:not(.pill){color:#d1e9f0;font-size:13px}
.tech-hero .hero-footnote{color:#819ba9;font-size:11px;line-height:1.6;margin-top:21px}
.tech-stack-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}
.tech-stack-tags>span{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;letter-spacing:.08em;padding:6px 9px;border:1px solid #31505d;border-radius:5px;color:#a7c6d1;background:#112a3555}
.tech-explorer{--tech-cyan:#70f1de;--tech-muted:#a9c3cf;--tech-ink:#071823;--tech-line:#284654;color:#ecf7fb;background:#0b202ce0;border:1px solid #335361;border-radius:20px;padding:18px 18px 12px;min-width:0;position:relative;isolation:isolate;box-shadow:0 14px 40px #0002;align-self:center;text-align:left}
.tech-explorer-head{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:27px}
.tech-explorer-head>span{font-size:11px;font-weight:650;letter-spacing:.015em;display:flex;align-items:center;gap:7px;color:#cce9f1}
.tech-explorer-head i{width:6px;height:6px;display:block;background:#70f1de;border-radius:50%;box-shadow:0 0 9px #70f1de75;animation:techBreathe 4s ease-in-out infinite}
.tech-motion{font-size:10px;color:#acccd7;border:1px solid #315361;border-radius:6px;padding:5px 8px;background:#102b36;white-space:nowrap;cursor:pointer;line-height:1.5}
.tech-motion:disabled{cursor:default;color:#91aebc}
.tech-motion:hover:not(:disabled){color:#70f1de;border-color:#70f1de}
.tech-figure{height:320px;position:relative;margin:13px -8px 5px;overflow:hidden;border-radius:12px;background:radial-gradient(circle,#12354280,transparent 70%)}
.tech-core-art{width:100%;height:100%;object-fit:contain;position:absolute;inset:0;opacity:.9;filter:saturate(.9);transform:scale(1.03);pointer-events:none;user-select:none}
.tech-connections{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.tech-wire{stroke:#395d6b;stroke-width:1;fill:none;opacity:.8}
.tech-wire.is-active{stroke:#70f1de;stroke-width:1.8;stroke-dasharray:5 10;opacity:1;animation:techDataFlow 4s linear infinite;filter:drop-shadow(0 0 4px #70f1de55)}
.tech-orbit{fill:none;stroke:#63dfd522;stroke-width:1;stroke-dasharray:3 9;transform-origin:300px 190px;animation:techOrbit 60s linear infinite}
.tech-orbit-two{stroke:#63dfd518;stroke-dasharray:1 16;animation-direction:reverse}
.tech-core-label{position:absolute;left:50%;top:63%;transform:translate(-50%,-50%);font-size:15px;font-weight:850;letter-spacing:.18em;text-align:center;line-height:1.3;color:#efffff;text-shadow:0 2px 10px #000;pointer-events:none;padding:9px 12px;border:1px solid #6ef4de35;background:#071823bb;border-radius:8px}
.tech-core-label span{display:block;font-size:6px;letter-spacing:.16em;color:#9ad3d4;margin-top:4px;white-space:nowrap}
.tech-node{position:absolute;min-height:45px;width:133px;display:flex;gap:8px;align-items:center;padding:10px 9px;border:1px solid #345461;background:linear-gradient(135deg,#112e3af2,#0a202bf5);color:#b6cdd6;border-radius:9px;box-shadow:0 4px 15px #0003;font:inherit;font-size:11px;font-weight:600;line-height:1.3;text-align:left;cursor:pointer;transition:border-color .2s,color .2s,background .2s,box-shadow .2s,transform .2s;transform:translateY(-50%)}
.tech-node svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.tech-node span{min-width:0}
.tech-node:hover{border-color:#79daca;color:#e8fcff;background:#143b45;transform:translateY(calc(-50% - 2px))}
.tech-node[aria-pressed=true]{border-color:#70f1de;color:#70f1de;background:linear-gradient(135deg,#183d46f2,#0f2c39f5);box-shadow:0 0 18px #70f1de18,inset 0 0 15px #70f1de06}
.tech-node-pos{left:4%;top:17%}.tech-node-orders{right:4%;top:17%}.tech-node-crm{left:0;top:49%}.tech-node-stock{right:0;top:49%}.tech-node-b2b{left:4%;top:82%}.tech-node-reports{right:4%;top:82%}
.tech-explorer button:focus-visible{outline:2px solid #defdf5;outline-offset:4px}
.tech-readout{padding:14px 14px 12px;border:1px solid #284654;background:#061821;border-radius:11px;min-height:118px}
.tech-readout-title{display:flex;align-items:baseline;gap:8px}
.tech-prompt{color:#70f1de;font-family:ui-monospace,monospace}
.tech-explorer .tech-readout h2{font-size:14px;line-height:1.5;font-weight:700;letter-spacing:0;margin:0;color:#e0f5f8}
.tech-explorer .tech-readout p{font-size:12px;line-height:1.7;margin:6px 0 11px;color:#a3c0cd;max-width:none;min-height:40px}
.tech-route{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:5px}
.tech-route li{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8px;font-weight:500;line-height:1.5;color:#91c6cd;display:flex;align-items:center;gap:5px;white-space:nowrap}
.tech-route li:not(:last-child):after{content:"→";color:#547b8a}
.tech-widget-foot{margin-top:9px}
.tech-explorer .tech-widget-foot p{font-size:9px;line-height:1.6;color:#7996a5;margin:0;max-width:none}
.tech-widget-foot>span{font-size:9px;line-height:1.6;color:#7996a5;display:block;margin-top:1px}
.tech-explorer.is-paused *,.tech-explorer.is-reduced-motion *{animation-play-state:paused!important}
.tech-solution-hero{background:radial-gradient(ellipse at 78% 35%,#163b4b,transparent 65%),#071823}
.tech-solution-hero .eyebrow{color:#a9deeb}.tech-solution-hero .solution-lead{color:#bcd0d9}.tech-solution-hero .solution-button{background:#70f1de;color:#071823}
.tech-solution-hero .solution-hero-grid{gap:45px;grid-template-columns:1fr 1.1fr}
.tech-solution-hero .solution-hero h1{font-family:inherit}
.tech-hero-zh{display:grid;grid-template-columns:1fr 1.15fr;gap:28px;padding:36px 32px!important;border:1px solid #234552;border-radius:24px;margin:22px 0 0;background:radial-gradient(ellipse at 85% 30%,#143542 0,transparent 65%),#071823;align-items:center}
.tech-hero-zh h1{font-size:clamp(34px,3.65vw,53px);line-height:1.35;letter-spacing:-.04em;margin:22px 0;color:#f3fafc}
.tech-hero-zh h1 span{color:#70f1de}
.tech-hero-zh .tech-hero-copy>.eyebrow{color:#a9deeb;font-size:12px;letter-spacing:.04em;line-height:1.6}
.tech-hero-zh .tech-hero-copy>p:not(.eyebrow){font-size:17px;line-height:1.95;color:#bcd0d9}
.tech-hero-zh .tech-hero-copy>p:last-child{color:#91aab7}
.tech-hero-zh .zh-button{font-size:14px;padding:14px 21px;line-height:1.6;margin-top:27px}
.tech-hero-zh .tech-explorer p{max-width:none}
.tech-hero-zh .tech-explorer .tech-readout p{font-size:12px;line-height:1.8;margin:6px 0 11px;min-height:43px}
.tech-hero-zh .tech-explorer .tech-widget-foot p{font-size:9px;line-height:1.6;margin:0}
.tech-hero-zh .tech-explorer .tech-route li{font-size:9px}
.tech-architecture-note{padding:25px 10px 0;font-size:15px!important;line-height:1.9!important;color:#5b6c62;max-width:900px}
.tech-zh-page .zh-grid.pain-point-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@keyframes techDataFlow{to{stroke-dashoffset:-60}}
@keyframes techOrbit{to{transform:rotate(360deg)}}
@keyframes techBreathe{50%{opacity:.45;box-shadow:0 0 3px #70f1de30}}
@media(max-width:1100px){.tech-home .tech-hero{padding:32px 25px;gap:25px}.tech-hero h1{font-size:43px}.tech-node{width:115px;font-size:10px;gap:6px}.tech-node svg{width:16px;height:16px}.tech-explorer-head>span{font-size:10px}.tech-hero-zh{padding:30px 24px!important;gap:22px}.tech-hero-zh h1{font-size:37px}.tech-hero-zh .tech-hero-copy>p:not(.eyebrow){font-size:16px}.tech-core-label{font-size:13px}}
@media(max-width:900px){.tech-home .tech-hero,.tech-hero-zh,.tech-solution-hero .solution-hero-grid{grid-template-columns:1fr;gap:30px}.tech-explorer{width:100%;max-width:650px}.tech-home .tech-hero{padding:36px}.tech-hero h1{font-size:clamp(42px,6vw,58px)}.tech-hero-zh{padding:34px!important}.tech-hero-zh h1{font-size:46px}.tech-figure{height:340px}.tech-node{width:150px;font-size:12px}.tech-node svg{width:20px;height:20px}.tech-hero-zh .tech-hero-copy>p:not(.eyebrow){font-size:18px}.tech-hero-zh .tech-hero-copy>p:last-child{font-size:12px!important}.tech-explorer-head>span{font-size:12px}}
@media(max-width:640px){.tech-home .tech-hero{width:calc(100% - 28px);padding:27px 19px;border-radius:20px;gap:28px}.tech-hero h1{font-size:clamp(36px,9.4vw,47px)}.tech-hero .hero-description{font-size:15px}.tech-hero .hero-buttons{gap:18px}.tech-hero .hero-buttons>.pill{padding:15px 19px;font-size:12px}.tech-stack-tags>span{font-size:8px}.tech-explorer{padding:14px 12px 11px;border-radius:15px}.tech-figure{height:300px;margin-left:-5px;margin-right:-5px}.tech-node{width:104px;min-height:46px;padding:9px 7px;font-size:10px;gap:5px}.tech-node svg{width:16px;height:16px}.tech-node-pos,.tech-node-b2b{left:1%}.tech-node-orders,.tech-node-reports{right:1%}.tech-core-label{font-size:12px;padding:7px 8px;top:63%}.tech-core-label span{font-size:5px}.tech-explorer-head>span{font-size:10px}.tech-motion{font-size:9px;padding:5px}.tech-readout{padding:12px}.tech-explorer .tech-readout p{font-size:12px;min-height:60px}.tech-route{gap:5px 7px}.tech-route li{font-size:8px}.tech-hero-zh{padding:25px 16px!important;margin-top:8px;gap:26px;border-radius:18px}.tech-hero-zh h1{font-size:36px}.tech-hero-zh .tech-hero-copy>p:not(.eyebrow){font-size:16px}.tech-hero-zh .tech-hero-copy>.eyebrow{font-size:11px}.tech-hero-zh .tech-explorer .tech-readout p{min-height:65px}.tech-hero-zh .tech-explorer .tech-route li{font-size:9px}.tech-zh-page .zh-grid.pain-point-grid{grid-template-columns:1fr}.tech-solution-hero .solution-hero-grid{gap:30px}}
@media(prefers-reduced-motion:reduce){.tech-explorer *{animation:none!important;transition:none!important}}