.system-story{position:relative;background:#06080e;color:#e9e6f3}
.system-stage{position:relative;padding:90px 6% 60px;background:radial-gradient(ellipse at 65% 50%,#45206a18,transparent 60%)}
.system-heading{max-width:480px;position:relative;z-index:2}.system-heading .eyebrow{font-size:12px;letter-spacing:.25em;color:#b7a1d8;margin-bottom:20px}.system-heading h2{font-size:clamp(36px,3.8vw,64px);line-height:1.08}.system-heading h2 span,.system-payoff h3 span{background:linear-gradient(110deg,#d8c4ff,#8f4cec);background-clip:text;color:transparent}.system-heading>p:last-child{max-width:380px;color:#a6a0b6;font-size:16px;line-height:1.7;margin-top:24px}
.system-skip{position:absolute;right:6%;top:35px;color:#b3a9c8;font-size:12px;z-index:5}
.system-board{position:relative;height:580px;margin-top:40px}.system-wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.system-node{position:absolute;width:170px;min-height:60px;padding:14px 8px;border:1px solid #a774ee65;border-radius:9px;background:#0d0b17;color:#e7def6;text-align:center;font-size:14px;line-height:1.45;z-index:4;box-sizing:border-box}
.system-node small{display:block;color:#a398b7;font-size:12px;margin-top:4px}.system-node em{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);padding:8px 10px;font-size:12px;font-style:normal;white-space:nowrap;background:#191124;border:1px solid #8e62b94d;border-radius:5px;color:#d2bfed;z-index:6}
.system-node:hover,.system-node:focus-visible{border-color:#c2a0fa;background:#171023;outline-offset:5px}.system-node:hover em,.system-node:focus-visible em{display:block}
.system-node:after{content:'';position:absolute;right:8px;top:8px;width:4px;height:4px;background:#52dfae;border-radius:50%;opacity:var(--online,0)}
.system-status{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:13px;color:#b4a7c8}.system-status>span{display:block}.system-status .operational{color:#52dfae;display:flex;align-items:center;justify-content:center;gap:8px}.system-model{position:absolute;bottom:-25px;right:0;font-size:12px;color:#797386}
.system-payoff{max-width:480px;margin-top:40px}.system-payoff h3{font-weight:500;letter-spacing:-.045em;font-size:clamp(26px,2.45vw,36px);line-height:1.15}.system-payoff p{font-size:16px;line-height:1.7;color:#a69bb6;margin:20px 0}.system-payoff a{font-size:14px;border-bottom:1px solid #9d67d8;padding-bottom:7px}
.operational-dot,.calm-dot-slot{display:block;width:7px;height:7px;border-radius:50%;background:#50dfba;flex-shrink:0;box-shadow:0 0 10px #50dfba35}
.calm-scene{position:relative;min-height:100svh;display:grid;align-items:center;isolation:isolate;color:#eeeaf5;background:#06080e}
.calm-photo{position:absolute;inset:0;z-index:-1;overflow:hidden}.calm-photo img{width:100%;height:100%;object-fit:cover;object-position:68% center;max-width:none}.calm-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#06080e9c,#07081055 50%,#06080e15),linear-gradient(180deg,#06080e,transparent 28%,transparent 80%,#06080e55)}
.calm-copy{width:64%;margin-left:5%;text-align:center;padding:130px 20px}.calm-label{display:flex;flex-direction:column;align-items:center;gap:24px;color:#b0acba;font-size:12px;letter-spacing:.32em;margin-bottom:30px;line-height:1.8}
.calm-scene h2{font-size:clamp(38px,4.6vw,70px);line-height:1.1;font-weight:500;letter-spacing:-.055em}.calm-line{display:block;overflow:hidden;padding-bottom:.1em;margin-bottom:-.1em}.calm-line>span{display:block;color:#f0edf4}.calm-line:last-child>span{background:linear-gradient(110deg,#d8cbed,#ac87dc);background-clip:text;color:transparent}
.calm-rule{display:block;width:32px;height:1px;background:#a98ac8;margin:32px auto 24px}.calm-closing p{font-size:clamp(16px,1.45vw,22px);color:#b9b1c5;line-height:1.65}
@media(max-width:700px){.system-stage{padding:65px 20px 45px}.system-heading h2{font-size:36px}.system-board{height:640px;margin-top:45px}.system-node{width:140px;font-size:13px}.system-payoff h3{font-size:28px}.system-model{display:none}.calm-copy{width:100%;margin:0;padding:120px 24px}.calm-scene h2{font-size:clamp(38px,10vw,52px)}.calm-photo img{object-position:75% center}.calm-photo:after{background:linear-gradient(180deg,#06080e, #06080eb8 38%,#06080e50 73%,#06080e)}.calm-label{font-size:12px;letter-spacing:.25em}}