.hero-visual{height:510px;padding:32px 0 20px;background:none;display:flex;flex-direction:column;justify-content:center;align-items:stretch;min-width:0}
.map-stages{display:flex;align-items:center;justify-content:space-between;gap:8px;width:min(100%,490px);margin:0 auto 12px;padding:0 3px}
.map-stages span{display:flex;align-items:center;gap:7px;white-space:nowrap}
.map-stages b{font:9px var(--mono);color:#b49aff}
.map-stages i{font:8px var(--mono);font-style:normal;letter-spacing:.055em;color:var(--dim)}
.solution-map-card{position:relative;isolation:isolate;width:min(100%,500px);height:414px;margin:0 auto;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,rgba(19,20,41,.95),rgba(11,13,28,.9));box-shadow:0 20px 55px rgba(0,0,0,.18);overflow:hidden}
.solution-map-card:before{content:"";position:absolute;z-index:-1;inset:15% 18%;border-radius:50%;background:radial-gradient(ellipse,rgba(109,76,212,.15),transparent 69%);filter:blur(16px)}
.map-status{height:39px;position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid rgba(190,182,255,.07);font:8px var(--mono);letter-spacing:.08em;color:var(--dim)}
.map-status>span:first-child{display:flex;align-items:center;gap:7px}.map-status .live-dot{width:5px;height:5px}.map-live{color:#8bdfcc;font-size:7px}
.map-connectors{position:absolute;z-index:0;inset:39px 0 26px;width:100%;height:calc(100% - 65px);overflow:visible}
.map-connectors path{fill:none;stroke:rgba(166,143,238,.3);stroke-width:1.2;vector-effect:non-scaling-stroke}.map-connectors .connector-accent{stroke:rgba(105,169,255,.5);stroke-dasharray:3 5}
.map-node{position:absolute;z-index:1;display:flex;align-items:center;gap:9px;min-height:49px;padding:8px 10px;border:1px solid rgba(185,164,255,.17);border-radius:9px;background:rgba(13,15,31,.92);box-shadow:0 7px 18px rgba(0,0,0,.17)}
.map-node>span:last-child{display:grid;gap:3px;min-width:0}.map-node b{font:8px var(--mono);letter-spacing:.045em;color:#d8d2ed;white-space:nowrap}.map-node small{font:8px var(--mono);color:var(--dim);white-space:nowrap}
.map-node-icon{flex:0 0 23px;width:23px;height:23px;display:grid;place-items:center;border:1px solid rgba(174,146,255,.23);border-radius:6px;color:#bca5ff;background:rgba(129,94,218,.1);font:9px var(--mono)}
.node-business,.node-api{left:3%;width:44%}.node-user,.node-data{right:3%;width:44%}.node-business,.node-user{top:19%}.node-api,.node-data{top:64%}
.node-core{left:24%;top:40%;width:52%;min-height:69px;justify-content:center;flex-direction:column;gap:4px;text-align:center;border-color:rgba(155,128,243,.43);background:linear-gradient(110deg,rgba(71,48,134,.92),rgba(43,56,124,.92));box-shadow:0 0 28px rgba(102,77,201,.17)}
.node-core .core-caption{font:7px var(--mono);letter-spacing:.1em;color:#c5b1ff}.node-core b{font:600 12px var(--sans);letter-spacing:0;color:#fff}.node-core small{font:8px var(--mono);color:#d3caef}
.node-delivery{left:28%;top:81%;width:44%;min-height:46px;justify-content:center;border-color:rgba(119,205,187,.2);background:rgba(12,25,31,.94)}.node-delivery .map-node-icon{border-color:rgba(119,205,187,.27);color:#89d7c8;background:rgba(54,140,123,.11)}.node-delivery b{color:#cbe8de}
.map-trace{position:absolute;left:14px;right:14px;bottom:7px;z-index:2;display:flex;justify-content:space-between;align-items:center;font:7px var(--mono);letter-spacing:.045em;color:var(--dim)}.map-trace i{font-style:normal;color:#a78bea}
.hero-index{right:2px;bottom:-2px;color:#a993eb}
body.light .solution-map-card{background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(245,243,253,.95));box-shadow:0 20px 55px rgba(48,37,89,.09)}
body.light .map-node{background:rgba(255,255,255,.94);box-shadow:0 7px 18px rgba(48,37,89,.06)}
body.light .node-core{background:linear-gradient(110deg,#7350ca,#4d64c5)}
body.light .node-delivery{background:rgba(240,250,247,.96)}
@media(max-width:980px){.hero-visual{height:460px}.solution-map-card{height:390px}.map-stages{margin-bottom:10px}}
@media(max-width:720px){.hero-visual{height:410px;grid-row:1;padding:5px 0 0;margin:0 auto 17px;width:min(100%,480px)}.map-stages{gap:5px}.map-stages span{gap:5px}.map-stages b{font-size:8px}.map-stages i{font-size:7px}.solution-map-card{height:368px}.map-status{height:34px;padding:0 11px}.map-connectors{inset:34px 0 25px;height:calc(100% - 59px)}.map-node{gap:6px;padding:7px 6px;min-height:44px}.map-node-icon{flex-basis:20px;width:20px;height:20px;font-size:8px}.map-node b{font-size:7px}.map-node small{font-size:7px}.node-core{min-height:64px}.node-core b{font-size:11px}.node-core small{font-size:7px}.node-delivery{min-height:42px}.map-trace{font-size:6px;left:10px;right:10px}}
@media(max-width:390px){.hero-visual{height:370px}.solution-map-card{height:335px}.map-stages i{font-size:6px}.map-node{gap:4px;padding:6px 4px}.map-node b{font-size:6.5px}.map-node small{font-size:6px}.map-node-icon{flex-basis:18px;width:18px;height:18px}.node-core{left:22%;width:56%;top:40%}.node-business,.node-api{left:2%;width:45%}.node-user,.node-data{right:2%;width:45%}.node-delivery{left:27%;width:46%;top:81%}.map-trace{font-size:5.5px}}