#system{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7%;align-items:center;padding-block:90px}#system .system-copy{max-width:540px}#system .eyebrow{color:#00738d;letter-spacing:1px;font-size:11px;margin-bottom:24px}#system h2{font-size:clamp(32px,3.2vw,47px);line-height:1.22;letter-spacing:-1.3px;margin:0 0 26px;color:#071b30}#system h2 em{color:#007bb7}#system .system-copy>p{font-size:15px;line-height:1.85;color:#30485e;margin:0 0 18px}#system .system-copy>.system-intro{font-size:18px;line-height:1.65;font-weight:500;color:#102d44;margin-bottom:18px}#system .button{margin-top:15px;border-radius:10px;padding:16px 21px;box-shadow:none;font-size:12px;gap:25px;background:linear-gradient(100deg,#126acb,#008ca8);color:#fff}#system .button:hover{background:#075f91}#system .system-map{height:440px;min-height:0;background:#f4f9fc;border:1px solid #d7e6ef;border-radius:26px;position:relative;overflow:hidden;isolation:isolate;display:flex;align-items:center;justify-content:center}#system .map-caption{position:absolute;top:24px;left:26px;font-size:9px;font-weight:600;letter-spacing:1.4px;color:#315d76}#system .map-ring{width:260px;height:260px;border:1px solid #bbdce9;box-shadow:none;z-index:0;background:none}#system .map-ring:after{content:'';position:absolute;inset:24px;border:1px dashed #c4dfe9;border-radius:50%}#system .map-cross{position:absolute;inset:65px 40px;z-index:0;background:linear-gradient(#bad8e7,#bad8e7) center/1px 100% no-repeat,linear-gradient(#bad8e7,#bad8e7) center/100% 1px no-repeat}#system .map-core{position:relative;width:154px;height:154px;border-radius:50%;background:#08253f;border:6px solid #fff;box-shadow:0 0 0 1px #c4dce9;z-index:2;display:flex;align-items:center;justify-content:center;flex-direction:column}#system .map-core strong{color:#fff;font-size:35px;letter-spacing:-1.4px}#system .map-core b{color:#39e0e5}#system .map-core small{color:#e0eef6;font-size:6px;letter-spacing:.8px;margin-top:4px}#system .map-node{background:#fff;color:#183c55;border:1px solid #bcd6e5;border-radius:10px;padding:13px 16px;box-shadow:0 4px 10px #12375208;z-index:3;font-size:12px;font-weight:500;min-width:110px;text-align:center}#system .node-top{top:68px;left:50%;transform:translateX(-50%)}#system .node-bottom{bottom:54px;left:50%;transform:translateX(-50%)}#system .node-left{left:20px;top:50%;transform:translateY(-50%)}#system .node-right{right:20px;top:50%;transform:translateY(-50%)}@media(max-width:1000px){#system{gap:5%;padding-block:65px}#system .system-map{height:400px}#system .map-core{width:130px;height:130px}#system .map-core strong{font-size:29px}#system .map-node{min-width:90px;padding:11px 10px;font-size:10px}#system .node-left{left:12px}#system .node-right{right:12px}#system .map-ring{width:230px;height:230px}}@media(max-width:760px){#system{grid-template-columns:1fr;gap:35px;padding-block:55px}#system .system-copy{order:0;max-width:none}#system .system-map{order:1;width:100%;max-width:500px;margin:auto;height:400px}#system h2{font-size:34px;letter-spacing:-.8px}#system .system-copy>.system-intro{font-size:17px}#system .node-left{left:16px}#system .node-right{right:16px}}@media(max-width:370px){#system .system-map{height:360px}#system .map-core{width:112px;height:112px}#system .map-node{min-width:78px;font-size:9px;padding:10px 7px}#system .node-left{left:8px}#system .node-right{right:8px}}