.solutions-page{max-width:1240px;margin:auto}.solution-breadcrumb{display:flex;gap:10px;padding:24px 0;color:#8a98ab;font-size:11px}.solution-breadcrumb b{color:#516780;font-weight:500}.solutions-hero{min-height:485px;display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;padding:28px 0 72px}.solutions-hero h1{font-size:49px;line-height:1.3;letter-spacing:-.05em;margin:18px 0}.solutions-hero h1 em{font-style:normal;color:#1769f5}.solutions-hero>div:first-child>p{max-width:500px;color:#6e7e93;font-size:14px;line-height:1.95;margin:0 0 24px}.solutions-hero-art{height:350px;position:relative;display:grid;place-items:center;overflow:hidden;border:1px solid #dce7f4;border-radius:25px;background:radial-gradient(ellipse at 52% 55%,#d9e9ff 0,#edf5ff 46%,#f7faff 78%)}.mini-cabinet{position:relative;z-index:1;width:150px;height:218px;padding:13px 11px;display:flex;flex-direction:column;gap:7px;border-radius:10px;background:linear-gradient(100deg,#c8d5e6,#f8fbff 22%,#dae4f0 75%,#b2c5dc);box-shadow:14px 20px 28px #193a6429}.mini-screen{height:22px;border-radius:4px;background:linear-gradient(90deg,#a9bdd5,#edf3fa)}.mini-doors{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:6px;flex:1}.mini-doors i{border:1px solid #bac9da;border-radius:4px;background:linear-gradient(135deg,#e8eef6,#cdd9e8);box-shadow:inset 0 2px 3px #fff9}.mini-cloud,.mini-label{position:absolute;z-index:2;display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid #e4ecf7;border-radius:11px;background:#fffffff0;box-shadow:0 10px 24px #23518b18;color:#334c6b;font-size:10px}.mini-cloud{right:7%;top:13%;display:grid;grid-template-columns:24px auto}.mini-cloud>span{grid-row:span 2;color:#2478ef;font-size:23px}.mini-cloud small,.mini-label small{display:block;color:#8190a4;font-size:8px;margin-top:3px}.label-control{left:5%;bottom:22%}.label-ipc{right:4%;bottom:19%}.connection-line{position:absolute;width:210px;height:115px;border:1px dashed #75aaf1;border-radius:50%;transform:rotate(-20deg)}.solution-principle{padding:62px 0 68px;border-top:1px solid #dce6f2;text-align:center}.solution-principle h2,.solution-section-heading h2,.solution-flow h2{font-size:28px;letter-spacing:-.035em;margin:13px 0}.solution-principle>p,.solution-section-heading>p{max-width:760px;margin:0 auto;color:#718198;font-size:12px;line-height:1.9}.role-row{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:32px;text-align:left}.role-row>a{display:grid;grid-template-columns:42px auto;align-content:center;min-height:88px;padding:16px 21px;border:1px solid #dfe8f3;border-radius:12px;background:#ffffffd9}.role-row>a>span{grid-row:span 2;align-self:center;color:#1769f5;font-size:11px;font-weight:700}.role-row b{font-size:13px}.role-row small{margin-top:5px;color:#7b8a9d;font-size:10px}.scenario-section{padding:62px 0 78px;border-top:1px solid #dce6f2}.solution-section-heading{text-align:center;margin-bottom:30px}.scenario-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.scenario-card{min-height:316px;padding:19px 18px;border:1px solid #dfe8f3;border-radius:13px;background:#ffffffd9;transition:transform .2s,box-shadow .2s}.scenario-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px #23476d10}.scenario-top{display:flex;align-items:center;justify-content:space-between;color:#91a0b2;font-size:8px;letter-spacing:.1em}.scenario-top i{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:#edf4fc;color:#1769f5;font-style:normal;font-size:15px}.scenario-card h3{margin:13px 0 6px;font-size:15px}.scenario-card>p{min-height:43px;color:#77879b;font-size:10px;line-height:1.75;margin:0 0 12px}.scenario-tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:13px}.scenario-tags b{padding:4px 6px;border-radius:4px;background:#f0f5fb;color:#527092;font-size:8px;font-weight:500}.scenario-detail{display:grid;grid-template-columns:47px 1fr;gap:6px;padding:7px 0;border-top:1px solid #edf1f6}.scenario-detail span{color:#3069aa;font-size:9px;font-weight:600}.scenario-detail small{color:#78889c;font-size:9px;line-height:1.55}.solution-flow{padding:52px 44px;display:grid;grid-template-columns:.8fr 1.2fr;gap:35px;align-items:center;border:1px solid #dce7f4;border-radius:17px;background:linear-gradient(120deg,#f2f7ff,#e9f2ff);margin-bottom:65px}.solution-flow h2{font-size:24px}.solution-flow p{color:#6f8096;font-size:11px;line-height:1.9;max-width:430px}.solution-flow-diagram{display:flex;align-items:center;justify-content:center;gap:13px}.solution-flow-diagram>div{width:118px;min-height:106px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid #dbe7f5;border-radius:12px;background:#fff;color:#385372}.solution-flow-diagram i{font-style:normal;font-size:23px;color:#1769f5}.solution-flow-diagram b{font-size:11px}.solution-flow-diagram small{font-size:9px;color:#8190a4}.solution-flow-diagram>span{color:#5a93de}.solution-cta{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:35px 42px;margin-bottom:70px;border-radius:17px;background:linear-gradient(110deg,#1769f5,#3989f5);color:#fff}.solution-cta .eyebrow{color:#d0e4ff}.solution-cta h2{margin:10px 0;font-size:23px}.solution-cta p{margin:0;color:#dfedff;font-size:11px}.solution-cta .button{white-space:nowrap}.button.light{background:#fff;color:#1769f5}
@media(max-width:1300px){.solutions-page{margin:0 5.5vw}}
@media(max-width:900px){.solutions-hero{gap:22px}.scenario-grid{grid-template-columns:repeat(2,1fr)}.scenario-card{min-height:300px}}
@media(max-width:800px){.solutions-page{margin:0 22px}.solution-breadcrumb{padding:19px 0}.solutions-hero{grid-template-columns:1fr;padding:25px 0 52px;gap:25px}.solutions-hero h1{font-size:42px}.solutions-hero>div:first-child>p{font-size:13px}.solutions-hero-art{height:290px}.solution-principle{padding:47px 0}.solution-principle h2,.solution-section-heading h2{font-size:23px}.role-row{grid-template-columns:1fr;gap:8px;margin-top:23px}.role-row>a{min-height:72px}.scenario-section{padding:48px 0 55px}.scenario-grid{gap:9px}.scenario-card{padding:15px 13px;min-height:310px}.solution-flow{grid-template-columns:1fr;padding:29px 20px;gap:20px;margin-bottom:48px}.solution-flow h2{font-size:22px}.solution-flow-diagram{gap:7px}.solution-flow-diagram>div{width:100px;min-height:96px}.solution-cta{padding:28px 22px;margin-bottom:50px;flex-direction:column;align-items:flex-start}.solution-cta h2{font-size:20px}}
@media(max-width:430px){.solutions-hero h1{font-size:36px}.solutions-hero-art{height:255px}.mini-cabinet{width:126px;height:190px}.mini-cloud{right:3%;top:10%}.label-control{left:2%;bottom:17%}.label-ipc{right:1%;bottom:14%}.scenario-grid{grid-template-columns:1fr}.scenario-card{min-height:auto}.scenario-card>p{min-height:0}.solution-flow-diagram{gap:5px}.solution-flow-diagram>div{width:88px;min-height:88px}.solution-flow-diagram>span{font-size:12px}}
@media(prefers-reduced-motion:reduce){.scenario-card{transition:none}.scenario-card:hover{transform:none}}