.systems-section{padding:84px 54px 0;scroll-margin-top:24px}.s2-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:37px}.s2-heading h2{font-size:clamp(36px,3.6vw,53px);line-height:1.08;font-weight:400;letter-spacing:-2px;margin:24px 0 0}.s2-heading h2 em{font-style:normal;color:var(--blue)}.s2-heading>p{font-size:13px;line-height:1.8;color:#64758f;margin:0 0 3px;max-width:325px}.s2-heading>p>span{display:block;font-size:10px;color:#92a0b5;margin-top:12px}.s2-explorer{display:grid;grid-template-columns:215px minmax(0,1fr) 280px;min-height:450px;border:1px solid var(--line);background:#fff}.s2-rail{display:flex;flex-direction:column;background:#f5f7fb}.s2-rail>button{display:flex;align-items:center;gap:10px;flex:1;min-height:65px;text-align:left;padding:15px;border:0;border-bottom:1px solid var(--line);background:transparent;color:#6c7e99;font-size:12px;transition:background .3s,color .3s}.s2-rail>button:last-child{border-bottom:0}.rail-num{font-size:8px;color:#9baac0}.s2-rail svg{width:20px;height:23px}.s2-rail b{font-size:13px;font-weight:400;margin-left:auto}.s2-rail>button[aria-pressed=true]{background:var(--blue);color:#fff}.s2-rail>button[aria-pressed=true] .rail-num{color:#becfff}.s2-stage{position:relative;min-width:0;overflow:hidden;background:#233548}.s2-scene-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:filter .4s}.s2-photo-shade{position:absolute;inset:0;background:linear-gradient(180deg,#091a3033,transparent 40%,#091a3099)}.s2-photo-label{position:absolute;top:25px;left:23px;right:20px;font-size:6px;color:#e4ebf5;letter-spacing:1.5px;line-height:1.7}.s2-visual-plus{position:absolute;left:43%;top:40%;width:36px;height:36px;display:grid;place-items:center;background:#fff;color:#245af1;border-radius:50%;box-shadow:0 0 0 10px #ffffff28;font-size:23px;animation:s2-breathe 3s ease-in-out infinite}.s2-image-foot{position:absolute;bottom:24px;left:23px;font-size:6px;color:#b6c8de;letter-spacing:1px}.s2-image-foot b{font-weight:400;color:#fff}.s2-detail{padding:35px 27px}.s2-kicker{font-size:7px;letter-spacing:1.5px;color:var(--blue);margin:0}.s2-detail h2{font-size:28px;line-height:1.14;letter-spacing:-.9px;font-weight:400;margin:25px 0 20px;overflow-wrap:anywhere}.s2-detail .description{font-size:12px;line-height:1.9;color:#71819a}.s2-detail .detail-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:24px;font-size:8px;line-height:1.4}.s2-detail .detail-tags>span{border:1px solid #dfe6f0;padding:6px 8px;color:#7790b2}.s2-contact{background:none;border:0;border-bottom:1px solid #b5c6e5;padding:0 0 10px;display:flex;align-items:center;gap:25px;color:var(--blue);font-size:11px;margin-top:31px;min-height:35px}.s2-contact span{font-size:18px}.s2-readout{position:absolute;bottom:58px;right:24px;width:167px;background:#fffffff2;padding:17px 18px;color:#244774;box-shadow:0 12px 35px #091a3029;backdrop-filter:blur(10px)}.s2-readout>div:first-child{display:flex;gap:5px;align-items:center;font-size:8px;color:#7083a1}.s2-readout>div:first-child>small{margin-left:auto;font-size:5px;letter-spacing:1px;color:#a0aec3}.s2-pulse{width:4px;height:4px;border-radius:50%;background:var(--blue)}.readout-value{font-size:44px;font-weight:400;letter-spacing:-2px;color:var(--blue);margin:19px 0 8px;line-height:1}.readout-value small{font-size:21px;letter-spacing:-1px;margin-left:3px}.readout-value.is-word{font-size:27px;letter-spacing:-1px}.readout-caption{font-size:7px;color:#93a1b7}.s2-meter{height:2px;background:#dce6f6;margin-top:13px}.s2-meter i{display:block;width:68%;height:2px;background:var(--blue);transition:width .6s}.s2-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:26px 0 35px;border-bottom:1px solid var(--line)}.s2-bottom p{font-size:13px;letter-spacing:-.2px;margin:0;color:#435b7e}.s2-bottom>span{font-size:8px;color:#9aa7bb;line-height:1.7;max-width:360px;text-align:right}.s2-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.s2-card{display:flex;flex-direction:column;position:relative;text-align:left;padding:22px 23px 18px;border:1px solid #dce4f0;color:#60799f;background:#fff;min-height:310px;transition:background .3s,border-color .3s,transform .3s}.s2-card:hover{transform:translateY(-4px);border-color:#8aaeff}.s2-card[aria-pressed=true]{border-color:var(--blue);background:#eaf0ff;box-shadow:inset 0 3px 0 var(--blue)}.card-top{display:flex;align-items:center;justify-content:space-between;font-size:7px;letter-spacing:1.5px;color:#90a1b9}.card-top svg{width:21px;height:23px;color:#5a80bc}.system-drawing{width:100%;height:113px;margin:14px 0;color:#86a5d2}.diagram-glow{fill:#eaf1ff;stroke:#3d76df}.s2-card[aria-pressed=true] .system-drawing{color:#386cce}.card-title{display:flex;justify-content:space-between;align-items:center;color:#203c65;font-size:23px;letter-spacing:-.6px}.card-title b{font-size:18px;font-weight:400;color:#577dae}.card-copy{font-size:11px;line-height:1.7;color:#7b8ca5;margin-top:9px;max-width:250px}.card-explore{display:flex;justify-content:space-between;border-top:1px solid #e0e7f3;margin-top:18px;padding-top:12px;font-size:8px;color:#6e89b2}.card-explore span{font-size:14px}.s2-card-detail{display:grid;grid-template-columns:minmax(0,1fr) 240px;background:#edf2fb;margin-top:21px;border:1px solid #dbe5f4}.s2-card-detail .s2-detail{display:grid;grid-template-columns:1fr 1fr;gap:0 35px;padding:28px 30px}.s2-card-detail .s2-detail h2{margin:15px 0 12px;grid-column:1}.s2-card-detail .description{grid-column:2;grid-row:1/4;align-self:center}.s2-card-detail .detail-tags{margin:0;grid-column:1}.s2-card-detail .s2-contact{margin-top:18px;justify-self:start;grid-column:1}.s2-mini-visual{position:relative;background:#e2eaf8;display:grid;place-items:center}.s2-mini-visual .s2-readout{position:static;box-shadow:none;margin:15px}.s2-network{display:grid;grid-template-columns:minmax(0,1fr) 310px;border:1px solid var(--line);background:#fff}.s2-building{position:relative;min-height:540px;overflow:hidden;background:#0c203b;color:#c5d7f4}.s2-building>img{position:absolute;width:100%;height:81%;top:0;left:0;object-fit:contain;mix-blend-mode:screen;opacity:.55;filter:saturate(.65) contrast(1.04);transition:opacity .6s,filter .6s}.s2-network-head{position:relative;z-index:2;display:flex;align-items:center;gap:7px;margin:23px 25px;font-size:6px;letter-spacing:1.5px;color:#a2bce3}.s2-network-head>span:last-child{margin-left:auto;font-size:5px;color:#6c89b0}.s2-live-dot{width:4px;height:4px;border-radius:50%;background:#8db4ff}.s2-connections{position:absolute;width:100%;height:100%;inset:0;pointer-events:none;fill:none;stroke:#b7d0ff88;stroke-width:1;stroke-dasharray:5 6;animation:s2-flow 20s linear infinite}.s2-hub{position:absolute;left:46%;top:42%;width:68px;height:68px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid #b8d2ff;background:#16498ecc;backdrop-filter:blur(10px);box-shadow:0 0 0 10px #86b4ff16,0 0 50px #5096ff50;border-radius:14px;font-size:24px;font-weight:600;letter-spacing:-1px;color:#eaf2ff}.s2-hub>span{font-size:5px;font-weight:400;letter-spacing:1.5px;margin-top:3px}.s2-node{position:absolute;display:flex;gap:9px;align-items:center;justify-content:center;background:#102949e8;border:1px solid #8fafd666;border-radius:3px;padding:10px 12px;color:#d5e5fa;backdrop-filter:blur(12px);font-size:10px;min-height:45px;transition:color .25s,background .25s,border-color .25s;z-index:3;max-width:155px}.s2-node svg{width:16px;height:20px}.s2-node b{font-weight:400;color:#8db5f2;font-size:17px;margin-left:3px}.s2-node[aria-pressed=true]{background:#e6f0ff;border-color:#fff;color:#164c99;box-shadow:0 0 0 5px #aecfff20}.node-0{left:12%;top:22%}.node-1{right:13%;top:17%}.node-2{right:5%;top:41%}.node-3{right:11%;top:63%}.node-4{left:14%;top:66%}.node-5{left:4%;top:44%}.s2-network-aside .s2-detail{padding:31px 29px}.s2-network-aside .s2-readout{position:static;margin:0 29px 29px;background:#f1f5fc;width:auto;box-shadow:none}.s2-network-aside .s2-readout .readout-value{font-size:35px;margin-top:16px}.s2-network-aside .s2-readout .readout-value.is-word{font-size:25px}.s2-network-aside .s2-contact{margin-top:23px}.s2-network-aside .s2-detail h2{font-size:29px;margin:22px 0 18px}.s2-scene-tabs{display:flex;position:absolute;left:25px;right:25px;bottom:49px;z-index:3;border:1px solid #7598c03d}.s2-scene-tabs button{flex:1;padding:13px 7px;min-height:43px;border:0;border-right:1px solid #7598c03d;background:#0a203b99;color:#aac3e6;font-size:9px;backdrop-filter:blur(8px)}.s2-scene-tabs button:last-child{border-right:0}.s2-scene-tabs button[aria-pressed=true]{color:#163966;background:#dbeaff}.s2-scene-note{position:absolute;left:25px;right:25px;bottom:18px;color:#829dc1;font-size:7px;line-height:1.6;margin:0}.s2-c[data-scene=evening] .s2-building>img{filter:saturate(.5) brightness(.65);opacity:.4}.s2-c[data-scene=meeting] .s2-building>img{opacity:.7}.s2-reveal{opacity:0;transform:translateY(35px);transition:opacity .8s ease var(--reveal-delay,0ms),transform .8s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms)}.s2-reveal.s2-visible{opacity:1;transform:none}@keyframes s2-breathe{50%{box-shadow:0 0 0 16px #ffffff10}}@keyframes s2-flow{to{stroke-dashoffset:-220}}
@media(min-width:1450px){.s2-explorer{grid-template-columns:230px minmax(0,1fr) 300px;min-height:490px}.s2-network{grid-template-columns:minmax(0,1fr) 330px}.s2-building{min-height:575px}}
@media(max-width:1100px){.systems-section{padding-left:30px;padding-right:30px;padding-top:62px}.s2-heading h2{font-size:42px}.s2-heading>p{font-size:12px;max-width:280px}.s2-explorer{grid-template-columns:180px minmax(0,1fr) 245px;min-height:440px}.s2-rail>button{padding:13px 12px;gap:8px;font-size:11px}.s2-rail svg{width:17px}.s2-detail{padding:30px 22px}.s2-detail h2{font-size:26px}.s2-stage .s2-readout{right:17px;width:150px}.s2-cards{gap:12px}.s2-card{padding:20px 18px 16px;min-height:300px}.card-title{font-size:22px}.system-drawing{height:105px}.s2-network{grid-template-columns:minmax(0,1fr) 270px}.s2-building{min-height:540px}.s2-node{font-size:9px;padding:8px 9px;gap:6px}.s2-node svg{width:14px}.node-0{left:9%}.node-1{right:7%}.node-2{right:3%}.node-3{right:6%}.node-4{left:8%}.node-5{left:3%}.s2-network-aside .s2-detail{padding:28px 22px}.s2-network-aside .s2-detail h2{font-size:26px}.s2-network-aside .s2-readout{margin-left:22px;margin-right:22px}}
@media(max-width:800px) and (min-width:701px){.s2-explorer{grid-template-columns:165px minmax(0,1fr)}.s2-explorer>.s2-detail{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.s2-explorer>.s2-detail .description{grid-column:2;grid-row:1/4}.s2-explorer>.s2-detail h2{margin:15px 0}.s2-explorer>.s2-detail .detail-tags{margin-top:0}.s2-network{grid-template-columns:minmax(0,1fr) 240px}.s2-node{font-size:8px;gap:3px;padding:7px}.s2-node svg{display:none}.s2-network-aside .s2-detail{padding:22px 18px}}
@media(max-width:700px){.systems-section{padding:53px 22px 0;scroll-margin-top:22px}.s2-heading{display:block;margin-bottom:27px}.s2-heading h2{font-size:clamp(33px,9.4vw,43px);letter-spacing:-1.55px;line-height:1.1;margin-top:23px}.s2-heading>p{font-size:13px;max-width:330px;margin:22px 0 0;line-height:1.8}.s2-heading>p br{display:none}.s2-heading>p>span{font-size:10px;line-height:1.7;margin-top:9px}.s2-explorer{display:flex;flex-direction:column;min-height:0}.s2-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:#f4f7fc}.s2-rail>button{min-height:63px;font-size:11px;gap:7px;padding:12px 11px;border-bottom:1px solid var(--line)}.s2-rail>button:nth-child(odd){border-right:1px solid var(--line)}.s2-rail>button:last-child{border-bottom:1px solid var(--line)}.s2-rail .rail-num{font-size:7px}.s2-rail svg{width:17px;min-width:17px;height:22px}.s2-rail b{font-size:12px}.s2-stage{min-height:330px}.s2-stage .s2-readout{right:18px;bottom:49px;width:155px;padding:15px 16px}.s2-photo-label{top:22px;left:20px;font-size:5px}.s2-image-foot{left:20px;bottom:20px;font-size:5px}.s2-visual-plus{top:36%;left:34%}.s2-detail{padding:29px 23px}.s2-detail h2{font-size:29px;line-height:1.15;margin:20px 0 17px}.s2-detail .description{font-size:13px;line-height:1.85}.s2-detail .detail-tags{font-size:8px;gap:7px;margin-top:20px}.s2-contact{margin-top:23px;font-size:12px;min-height:44px}.s2-bottom{display:block;padding:25px 0 31px}.s2-bottom p{font-size:13px;line-height:1.6;max-width:280px}.s2-bottom>span{display:block;margin-top:12px;font-size:8px;text-align:left;max-width:310px}.s2-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.s2-card{padding:15px 13px 13px;min-height:251px}.card-top{font-size:5px;letter-spacing:1px;gap:7px}.card-top svg{width:17px;height:21px}.system-drawing{height:85px;margin:12px 0}.card-title{font-size:clamp(17px,4.8vw,22px);letter-spacing:-.55px;line-height:1.2;gap:5px;min-height:28px}.card-title b{font-size:14px}.card-copy{font-size:10px;line-height:1.65;margin-top:8px;min-height:49px}.card-explore{font-size:6px;margin-top:13px;padding-top:10px;gap:7px;line-height:1.4;align-items:center}.card-explore span{font-size:12px}.s2-card-detail{display:block;margin-top:16px}.s2-card-detail .s2-detail{display:block;padding:25px 22px}.s2-card-detail .s2-detail h2{font-size:27px;margin:18px 0 16px}.s2-card-detail .description{font-size:13px}.s2-card-detail .detail-tags{margin-top:20px}.s2-card-detail .s2-contact{margin-top:20px}.s2-mini-visual{display:none}.s2-network{display:block}.s2-building{min-height:450px}.s2-building>img{height:74%;top:38px;width:119%;left:-9.5%}.s2-network-head{margin:20px 16px;font-size:5px;letter-spacing:.9px;gap:5px}.s2-network-head>span:last-child{font-size:4px}.s2-node{font-size:9px;padding:8px 8px;gap:5px;min-height:43px;max-width:137px}.s2-node svg{width:14px;height:18px}.s2-node b{font-size:15px;margin-left:2px}.node-0{left:6%;top:24%}.node-1{right:6%;top:16%}.node-2{right:3%;top:39%}.node-3{right:5%;top:62%}.node-4{left:5%;top:64%}.node-5{left:3%;top:43%}.s2-hub{width:53px;height:53px;left:43%;top:41%;font-size:20px;border-radius:10px;box-shadow:0 0 0 7px #86b4ff16,0 0 35px #5096ff50}.s2-hub>span{font-size:4px}.s2-network-aside .s2-detail{padding:29px 23px}.s2-network-aside .s2-detail h2{font-size:29px;line-height:1.15}.s2-network-aside .s2-readout{margin:0 23px 25px;padding:17px 20px;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.s2-network-aside .s2-readout>div:first-child{grid-column:1}.s2-network-aside .s2-readout .readout-value{grid-column:2;grid-row:1/3;font-size:35px;margin:0}.s2-network-aside .s2-readout .readout-value.is-word{font-size:25px}.s2-network-aside .s2-readout .s2-meter{display:none}.s2-network-aside .s2-readout .readout-caption{grid-column:1}.s2-scene-tabs{left:15px;right:15px;bottom:49px}.s2-scene-tabs button{font-size:8px;padding:12px 5px;min-height:43px}.s2-scene-note{left:16px;right:16px;bottom:17px;font-size:6px}.s2-reveal{transform:translateY(40px);transition-duration:.85s}}
@media(max-width:360px){.s2-cards{gap:8px}.s2-card{padding-left:10px;padding-right:10px}.card-title{font-size:16px}.s2-node svg{display:none}.s2-node{font-size:8px}.s2-rail>button{padding-left:8px;padding-right:8px;gap:5px}.s2-rail .rail-num{display:none}}
@media(prefers-reduced-motion:reduce){.s2-reveal{opacity:1;transform:none}.s2-visual-plus,.s2-connections{animation:none}.s2-card:hover{transform:none}}