.solution-hero{padding:28px 0 64px;background:#f2f8f8;overflow:hidden}.breadcrumbs{display:flex;gap:12px;flex-wrap:wrap;font-size:.875rem;color:#58717a}.solution-intro{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:70px;align-items:center;padding:55px 0 45px}.solution-intro h1{font-size:clamp(2.2rem,3.8vw,3.7rem);line-height:1.45;letter-spacing:-.035em;margin:16px 0 22px}.solution-intro .lead{max-width:740px}.solution-intro .eyebrow{text-align:start}.solution-text-link{padding:12px 0;color:#0e5c66;border-bottom:1px solid #5fa7b0;font-weight:700}.solution-scope{border-inline-start:1px solid #b6d2d7;padding-inline-start:30px}.scope-customer{font-size:1.3rem;font-weight:700;color:#0e5c66}.solution-scope p{line-height:1.9;color:#536d78}.solution-scope>div{display:flex;flex-wrap:wrap;gap:8px}.solution-scope>div>span{border:1px solid #c5dce0;padding:5px 10px;border-radius:4px;font-size:.875rem;color:#36646c}
.operation-scene{background:#082f36;color:#fff;overflow:hidden;border-radius:16px;position:relative}.scene-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:24px 30px;border-bottom:1px solid #ffffff14}.scene-heading .eyebrow{margin:0;color:#b0dce0;font-size:.875rem}.scene-mark{font-size:.75rem;letter-spacing:.15em;color:#86b8bf}.scene-map{height:290px;position:relative;margin:0 25px}.scene-map svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.route-shadow{fill:none;stroke:#365e66;stroke-width:1}.route-trace{fill:none;stroke:#7fcbd3;stroke-width:1;stroke-dasharray:5 8;opacity:.45}.route-packet{fill:#baf2da;filter:drop-shadow(0 0 7px #7de0d4)}.scene-station{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:9px;padding:17px 12px;width:172px;min-height:66px;border:1px solid #34646c;border-radius:10px;background:#103f46;text-align:center;transition:background .5s,border-color .5s,box-shadow .5s}.scene-station strong{font-size:.95rem;line-height:1.7}.station-symbol{color:#69b5bf;font-size:1.5rem;flex-shrink:0}.scene-station.is-active{background:#126674;border-color:#8dd8df;box-shadow:0 0 28px #1497a626}.is-active .station-symbol{color:#c1f5de}.scene-context{display:grid;grid-template-columns:210px 1fr auto;gap:24px;align-items:center;padding:23px 30px;border-top:1px solid #ffffff16;min-height:103px;background:#06292f}.scene-context-title{font-weight:700;color:#b0e2e6;font-size:1rem}.scene-context p{margin:0;color:#c0d3d7;font-size:1rem;line-height:1.9}.scene-progress{display:flex;gap:5px}.scene-progress span{width:20px;height:3px;background:#39636b}.scene-progress .is-active{background:#a7e5d3}
.scene-1 .scene-map{background:repeating-linear-gradient(90deg,transparent 0,transparent calc(100% / 16 - 1px),#8cc9cf0d calc(100% / 16 - 1px),#8cc9cf0d calc(100% / 16))}.scene-2 .scene-map{background:radial-gradient(ellipse at 50% 50%,#13728130,transparent 70%)}.scene-3 .route-trace{stroke-dasharray:3 5}.scene-4 .scene-map{background:linear-gradient(0deg,#0b444b30,transparent)}.scene-5 .scene-map{background:linear-gradient(90deg,transparent 32%,#84cdd509 32%,#84cdd509 66%,transparent 66%)}.scene-6 .scene-map:before{content:'';position:absolute;left:50%;top:20px;bottom:20px;border-left:1px dashed #8ebcc050}
.solution-0 .solution-hero{background:#eff8f5}.solution-1 .solution-hero{background:#f1f5f9}.solution-3 .solution-hero{background:#f4f6f7}.solution-5 .solution-hero{background:#edf7f8}.solution-page h2{font-size:clamp(1.8rem,2.9vw,2.7rem);line-height:1.55;letter-spacing:-.03em}.solution-operation{padding-block:90px}.operation-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px}.operation-sticky{position:sticky;top:125px;align-self:start}.operation-sticky p:not(.eyebrow){font-size:1.1rem;color:#53717b;line-height:2.15}.operation-steps{list-style:none;padding:0;margin:0}.operation-steps li{display:flex;gap:22px;padding:27px 0;border-bottom:1px solid #d0e1e4}.operation-index{font-size:1.4rem;color:#168494}.operation-steps h3{font-size:1.3rem;margin:0 0 12px}.operation-steps p{margin:0;color:#53717b;line-height:2}.solution-customer{display:grid;grid-template-columns:270px 1fr;gap:65px;align-items:center;padding-block:65px;border-block:1px solid #d4e3e5}.customer-proof-logo{height:170px;background:#0e3e47;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:25px}.customer-proof-logo img{max-width:100%;width:220px;height:110px;object-fit:contain}.proof-1,.proof-2,.proof-3,.proof-5,.proof-6{background:#f0f5f5}.proof-3 img{width:60px}.solution-customer h2{margin:10px 0}.solution-customer p{color:#53717b;line-height:2;font-size:1.1rem}.solution-next{padding-block:70px}.solution-next>div{display:grid;grid-template-columns:repeat(3,1fr);gap:0 35px;margin-top:30px}.solution-next a{display:flex;justify-content:space-between;gap:16px;padding:22px 0;border-bottom:1px solid #cadde0;color:#0e5c66}.solution-next a:hover{color:#159eaa}
@media(max-width:1000px){.solution-intro{grid-template-columns:1fr 220px;gap:30px}.scene-station{width:145px}.scene-station strong{font-size:.875rem}.scene-context{grid-template-columns:150px 1fr;gap:15px}.scene-progress{display:none}.operation-layout{gap:40px}}
@media(max-width:700px){.solution-intro{grid-template-columns:1fr;padding:35px 0;gap:25px}.solution-intro h1{font-size:2.2rem}.solution-scope{border-inline-start:0;border-top:1px solid #c5dce0;padding:20px 0 0}.solution-scope p{margin:7px 0 12px}.scene-map{height:240px;margin:0 8px}.scene-station{width:21%;min-height:80px;padding:10px 4px;flex-direction:column;gap:4px}.scene-station strong{font-size:.8rem;line-height:1.7}.station-symbol{font-size:1.1rem}.scene-heading{padding:18px;align-items:start}.scene-mark{font-size:.75rem}.scene-context{grid-template-columns:1fr;padding:20px;gap:8px;min-height:155px}.scene-context p{font-size:.95rem}.solution-hero{padding-bottom:35px}.operation-layout,.solution-customer{grid-template-columns:1fr;gap:25px}.operation-sticky{position:static}.solution-operation{padding-block:50px}.solution-customer{padding-block:40px}.customer-proof-logo{max-width:260px}.solution-next>div{grid-template-columns:1fr}.solution-next{padding-block:45px}}
@media(prefers-reduced-motion:reduce){.scene-station{transition:none}.route-packet{display:none}}