.saas-page{color:#1d2129;overflow:hidden}.saas-container{width:1360px;max-width:calc(100% - 48px);margin:0 auto}.saas-section{padding:70px 0}.saas-section__head{margin-bottom:40px;text-align:center}.saas-section__head h2,.saas-flow h2{margin:0;color:#1d2129;font-size:27px;font-weight:700;line-height:38px}.saas-section__head--light h2{color:#fff}.saas-button{display:inline-flex;position:relative;isolation:isolate;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box;width:210px;min-height:48px;border:0;border-radius:6px;color:#fff;font-size:16px;line-height:24px;text-decoration:none;background:linear-gradient(90deg,#1664ff 0%,#6840ff 100%);transition:box-shadow .2s ease,transform .2s ease}.saas-button::before{position:absolute;top:0;bottom:0;left:-48px;z-index:0;width:calc(100% + 96px);border-radius:0 48px 48px 0;background:#1664ff;content:"";transform:translateX(-110%);transition:transform .68s cubic-bezier(.22,.8,.28,1)}.saas-button span{position:relative;z-index:1}.saas-button:hover{box-shadow:0 8px 20px rgba(21,101,216,.3);transform:translateY(-2px)}.saas-button:hover::before{transform:translateX(0)}.saas-hero{display:flex;height:500px;background:#f5f9ff url("/img/v2026/solution/saas/banner-bg.jpg") center/cover no-repeat}.saas-hero__inner{display:flex;align-items:center;height:100%}.saas-hero__copy{width:650px;max-width:56%}.saas-hero h1{margin:0 0 24px;color:#1d2129;font-size:48px;font-weight:700;line-height:64px}.saas-hero p{margin:0 0 30px;color:#1d2129;font-size:18px;line-height:32px}.saas-pains{background:#fff}.saas-pains__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.saas-pain-card{position:relative;display:grid;grid-template-columns:100px minmax(0,1fr);gap:24px;min-height:270px;padding:34px;box-sizing:border-box;border:1px solid #dce8fb;border-radius:16px;background:linear-gradient(135deg,rgba(22,100,255,.05),#fff 54%);box-shadow:0 10px 28px rgba(15,61,133,.06);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}.saas-pain-card::after{position:absolute;right:0;bottom:0;width:84px;height:4px;border-radius:4px 0 16px;background:linear-gradient(90deg,#1664ff,#6840ff);content:""}.saas-pain-card:hover{border-color:rgba(22,100,255,.35);box-shadow:0 18px 40px rgba(15,61,133,.12);transform:translateY(-5px)}.saas-pain-card img{width:100px;height:100px;border-radius:18px;object-fit:cover}.saas-pain-card h3,.saas-scene-card h3,.saas-feature-card h3,.saas-value-card h3{margin:0 0 10px;color:#1d2129;font-size:20px;font-weight:700;line-height:30px}.saas-pain-card p,.saas-scene-card p,.saas-feature-card p,.saas-value-card p{margin:0;color:#717883;font-size:14px;line-height:24px}.saas-solution{background:#f5f8ff}.saas-solution__panel{display:grid;grid-template-columns:380px minmax(0,1fr);gap:38px;align-items:center;padding:30px;border:1px solid #d9e6fb;border-radius:20px;background:#fff;box-shadow:0 20px 50px rgba(31,82,160,.1)}.saas-solution__copy{padding:18px 8px 18px 20px}.saas-solution__eyebrow{display:inline-flex;padding:6px 12px;border-radius:20px;color:#1664ff;font-size:14px;font-weight:700;letter-spacing:1px;background:#edf4ff}.saas-solution h2{margin:16px 0 14px;color:#1d2129;font-size:27px;font-weight:700;line-height:38px}.saas-solution p{margin:0 0 26px;color:#717883;font-size:16px;line-height:29px}.saas-solution__visual{position:relative;overflow:hidden;padding:22px;border-radius:16px;background:linear-gradient(135deg,#f8fbff,#edf5ff)}.saas-solution__visual::before{position:absolute;inset:12px;border:1px dashed #b7d0ff;border-radius:12px;content:""}.saas-solution__visual img{display:block;position:relative;width:100%;height:auto}.saas-scenes{background:#fff}.saas-scenes__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.saas-scene-card{overflow:hidden;border:1px solid #e1e8f3;border-radius:12px;background:#fff;box-shadow:0 10px 28px rgba(15,61,133,.06);transition:transform .3s ease,box-shadow .3s ease}.saas-scene-card:hover{box-shadow:0 18px 40px rgba(15,61,133,.14);transform:translateY(-5px)}.saas-scene-card img{display:block;width:100%;aspect-ratio:368/219;object-fit:cover;transition:transform .55s ease}.saas-scene-card:hover img{transform:scale(1.05)}.saas-scene-card div{padding:24px 25px 28px}.saas-features{background:#f5f8ff}.saas-features__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.saas-feature-card{position:relative;overflow:hidden;min-height:276px;padding:30px 30px 78px;box-sizing:border-box;border:1px solid #dce8fb;border-radius:14px;background:linear-gradient(135deg,rgba(22,100,255,.055),rgba(255,255,255,0) 48%),#fff;box-shadow:0 10px 28px rgba(15,61,133,.06);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.saas-feature-card::before{position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#1664ff,#6840ff);content:"";transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.saas-feature-card:hover{border-color:rgba(22,100,255,.38);box-shadow:0 18px 42px rgba(15,61,133,.13);transform:translateY(-6px)}.saas-feature-card:hover::before{transform:scaleX(1)}.saas-feature-card>img{width:48px;height:46px;object-fit:contain}.saas-feature-card h3{margin-top:18px}.saas-feature-card__action{position:absolute;bottom:24px;left:30px;width:144px;min-height:42px;opacity:0;transform:translateY(16px);pointer-events:none;transition:opacity .3s ease,transform .3s ease,box-shadow .2s ease}.saas-feature-card:hover .saas-feature-card__action,.saas-feature-card:focus-within .saas-feature-card__action{opacity:1;transform:translateY(0);pointer-events:auto}.saas-topology{background:#1458dc url("/img/v2026/solution/saas/topo-bg.jpg") center/cover no-repeat}.saas-topology__frame{width:1180px;max-width:100%;margin:0 auto;padding:18px;box-sizing:border-box;border:1px solid rgba(255,255,255,.5);border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 22px 48px rgba(3,25,80,.22)}.saas-topology__frame img{display:block;width:100%;height:auto;border-radius:10px}.saas-values{background:#fff}.saas-values__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.saas-value-card{display:grid;grid-template-columns:66px minmax(0,1fr);gap:18px;min-height:170px;padding:28px;box-sizing:border-box;border:1px solid #dce8fb;border-radius:14px;background:linear-gradient(135deg,rgba(22,100,255,.06),rgba(255,255,255,0) 46%),#fff;box-shadow:0 10px 28px rgba(15,61,133,.06);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}.saas-value-card:hover{border-color:rgba(22,100,255,.35);box-shadow:0 16px 36px rgba(15,61,133,.13);transform:translateY(-4px)}.saas-value-card>span{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:15px;background:#edf5ff;box-shadow:inset 0 0 0 1px rgba(22,100,255,.08);transition:background .24s ease,transform .24s ease}.saas-value-card>span img{width:48px;height:46px;object-fit:contain}.saas-value-card:hover>span{background:#dceaff;transform:scale(1.04)}.saas-cases{background:#f5f8ff}.saas-cases__carousel{display:flex;position:relative;align-items:center;width:100%}.saas-cases__viewport{display:flex;width:calc(100% - 120px);margin:0 auto;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.saas-cases__viewport::-webkit-scrollbar{display:none}.saas-cases__arrow{display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:1px solid #dce5f4;border-radius:50%;background:#fff;color:#1d2129;font-size:34px;line-height:44px;cursor:pointer;transition:color .2s ease,border-color .2s ease,background .2s ease}.saas-cases__arrow:hover{border-color:#1664ff;background:#1664ff;color:#fff}.saas-case-card{display:grid;flex:0 0 100%;grid-template-columns:1.16fr .84fr;align-items:center;min-width:100%;min-height:330px;padding:24px 40px;box-sizing:border-box;border:1px solid #d8e4f8;border-radius:18px;background:#fff;scroll-snap-align:start}.saas-case-card__content{padding:18px 34px 18px 0}.saas-case-card h3{margin:0 0 16px;color:#1d2129;font-size:24px;font-weight:700;line-height:34px}.saas-case-card p{margin:0;color:#717883;font-size:16px;line-height:28px}.saas-case-card__link{display:inline-flex;align-items:center;gap:8px;margin-top:20px;color:#1664ff;font-size:15px;text-decoration:none}.saas-case-card__link span{transition:transform .2s ease}.saas-case-card__link:hover span{transform:translateX(4px)}.saas-case-card>img{display:block;width:100%;height:250px;border-radius:14px;object-fit:cover}.saas-cases__dots{display:flex;justify-content:center;gap:8px;margin-top:24px}.saas-cases__dot{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#d4dae4;cursor:pointer;transition:width .2s ease,background .2s ease}.saas-cases__dot.is-active{width:24px;border-radius:4px;background:#1664ff}.saas-related{padding:70px 0;background:#1664ff url("/img/v2026/solution/saas/pro-bg.jpg") center/cover no-repeat}.saas-related__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.saas-related-card{display:flex;flex-direction:column;padding:36px 34px;box-sizing:border-box;border-radius:16px;background:rgba(255,255,255,.97);box-shadow:0 16px 38px rgba(4,32,90,.2);transition:transform .24s ease,box-shadow .24s ease}.saas-related-card:hover{box-shadow:0 22px 48px rgba(4,32,90,.28);transform:translateY(-6px)}.saas-related-card img{width:50px;height:50px;object-fit:contain}.saas-related-card h3{margin:18px 0 10px;color:#1d2129;font-size:20px;font-weight:700;line-height:30px}.saas-related-card p{margin:0 0 24px;color:#717883;font-size:16px;line-height:26px}.saas-related-card__action{align-self:flex-start;width:144px;min-height:42px;margin-top:auto}.saas-flow{padding:70px 0;color:#fff;background:#135bdf url("/img/v2026/solution/saas/flow-bg.jpg") center/cover no-repeat}.saas-flow__inner{text-align:center}.saas-flow h2{color:#fff}.saas-flow__graphic{width:1019px;max-width:100%;margin:36px auto 30px;overflow-x:auto;scrollbar-width:thin}.saas-flow__graphic img{display:block;width:100%;min-width:760px;height:auto}.saas-flow p{margin:0 0 18px;color:#fff;font-size:18px;line-height:30px}
@media (max-width:767px){.saas-container{max-width:calc(100% - 30px)}.saas-section{padding:40px 0}.saas-section__head{margin-bottom:28px}.saas-hero{height:230px;background-image:url("/img/v2026/solution/saas/banner-bgm.jpg");background-position:center}.saas-hero__copy{width:100%;max-width:76%}.saas-hero h1{margin-bottom:6px;font-size:27px;line-height:34px}.saas-hero p{display:-webkit-box;max-width:280px;margin-bottom:10px;overflow:hidden;font-size:13px;line-height:18px;-webkit-box-orient:vertical;-webkit-line-clamp:3}.saas-hero .saas-button{width:120px;min-height:34px;font-size:14px}.saas-pains__grid,.saas-scenes__grid,.saas-features__grid,.saas-values__grid{grid-template-columns:1fr;gap:10px}.saas-pain-card{grid-template-columns:64px minmax(0,1fr);gap:16px;min-height:0;padding:22px}.saas-pain-card img{width:64px;height:64px;border-radius:14px}.saas-pain-card h3{margin-bottom:5px}.saas-solution__panel{grid-template-columns:1fr;gap:18px;padding:18px}.saas-solution__copy{padding:4px}.saas-solution h2{margin:12px 0 8px}.saas-solution p{margin-bottom:18px;font-size:14px;line-height:24px}.saas-solution__visual{padding:12px}.saas-solution__visual::before{inset:7px}.saas-scenes__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.saas-scene-card div{padding:18px 16px 20px}.saas-scene-card p{line-height:22px}.saas-feature-card{min-height:0;padding:24px}.saas-feature-card__action{position:relative;bottom:auto;left:auto;width:132px;min-height:40px;margin-top:18px;opacity:1;transform:none;pointer-events:auto}.saas-topology__frame{padding:8px;border-radius:10px}.saas-topology__frame img{min-width:680px}.saas-topology__frame{overflow-x:auto}.saas-value-card{grid-template-columns:58px minmax(0,1fr);min-height:0;padding:22px}.saas-value-card>span{width:54px;height:54px}.saas-cases__viewport{width:100%}.saas-cases__arrow{display:none}.saas-case-card{grid-template-columns:1fr;min-height:0;padding:18px}.saas-case-card__content{order:2;padding:20px 2px 4px}.saas-case-card h3{margin-bottom:10px;font-size:20px;line-height:28px}.saas-case-card p{display:-webkit-box;overflow:hidden;font-size:14px;line-height:24px;-webkit-box-orient:vertical;-webkit-line-clamp:5}.saas-case-card>img{order:1;height:auto;aspect-ratio:1.7;border-radius:9px}.saas-related{padding:40px 0}.saas-related__grid{grid-template-columns:1fr;gap:10px}.saas-related-card{display:grid;grid-template-columns:50px minmax(0,1fr);column-gap:14px;padding:22px}.saas-related-card img{grid-row:1/span 2;align-self:start}.saas-related-card h3{grid-column:2;margin:0 0 6px}.saas-related-card p{grid-column:2;margin-bottom:0}.saas-related-card__action{grid-column:2;justify-self:start;width:132px;min-height:40px;margin-top:16px}.saas-flow{padding:40px 0}.saas-flow__graphic{margin:26px auto 22px}.saas-flow__graphic img{min-width:760px}.saas-flow p{font-size:16px}}
@media (min-width:768px) and (max-width:1024px){.saas-container{max-width:calc(100% - 40px)}.saas-pains__grid{grid-template-columns:1fr}.saas-pain-card{min-height:0}.saas-solution__panel{grid-template-columns:300px minmax(0,1fr)}.saas-scenes__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.saas-features__grid,.saas-values__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.saas-related__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.saas-related-card:last-child{grid-column:1/-1}}
@media (prefers-reduced-motion:reduce){.saas-page *,.saas-page ::before,.saas-page ::after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
.saas-value-card>span{border-radius:0;background:transparent;box-shadow:none;transition:transform .24s ease}.saas-value-card:hover>span{background:transparent}
.saas-section__head h2,.saas-flow h2{font-size:36px}
.saas-case-card__link{justify-content:center;min-height:42px;padding:0 20px;border-radius:6px;color:#fff;background:linear-gradient(90deg,#1664ff 0%,#6840ff 100%);box-shadow:0 8px 18px rgba(22,100,255,.2);transition:box-shadow .2s ease,transform .2s ease}.saas-case-card__link:hover{box-shadow:0 10px 24px rgba(49,77,230,.3);transform:translateY(-2px)}
.saas-value-card{background:linear-gradient(315deg,rgba(22,100,255,.06),rgba(255,255,255,0) 46%),#fff}
.saas-feature-card{min-height:0;padding:26px 26px 28px}.saas-feature-card>img{transition:opacity .25s ease,transform .3s ease}.saas-feature-card h3{margin-top:14px;transition:transform .3s ease}.saas-feature-card p{transition:transform .3s ease}.saas-feature-card:hover>img,.saas-feature-card:focus-within>img{opacity:0;transform:translateY(-8px) scale(.9)}.saas-feature-card:hover h3,.saas-feature-card:hover p,.saas-feature-card:focus-within h3,.saas-feature-card:focus-within p{transform:translateY(-50px)}.saas-feature-card__action{bottom:20px;left:26px}
@media (max-width:767px){.saas-feature-card{padding:24px}.saas-feature-card__action{bottom:auto;left:auto}}
.saas-topology{background-color:#fff;background-position:center top;background-size:100% auto;background-repeat:no-repeat}
.saas-values{background:#f5f8ff}.saas-cases{background:#fff}
.saas-cases__arrow>span{display:flex;align-items:center;justify-content:center;width:100%;height:100%;line-height:1;transform:translateY(-2px)}
.saas-values__grid{gap:18px}.saas-value-card{gap:4px;min-height:0;padding:20px}
@media (max-width:767px){.saas-values__grid{gap:10px}}
.saas-features{background:#082f70 url("/img/v2026/solution/saas/features-bg.jpg") center/cover no-repeat}.saas-features .saas-section__head h2{color:#fff}
.saas-feature-card{border:0}
.saas-scenes{background:#f5f8ff}
.saas-features__mobile-action{display:none}
@media (max-width:767px){.saas-section__head h2,.saas-flow h2{font-size:27px}.saas-scenes__grid{grid-template-columns:1fr}.saas-feature-card{display:grid;grid-template-columns:54px minmax(0,1fr);column-gap:14px;padding:20px}.saas-feature-card>img{grid-column:1;grid-row:1/span 2;width:48px;height:46px;opacity:1;transform:none}.saas-feature-card h3{grid-column:2;margin:0 0 6px;transform:none}.saas-feature-card p{grid-column:2;transform:none}.saas-feature-card:hover>img,.saas-feature-card:focus-within>img,.saas-feature-card:hover h3,.saas-feature-card:hover p,.saas-feature-card:focus-within h3,.saas-feature-card:focus-within p{opacity:1;transform:none}.saas-feature-card__action{display:none}.saas-features__mobile-action{display:flex;margin:24px auto 0}.saas-topology__frame{overflow:visible}.saas-topology__frame img{width:100%;min-width:0;height:auto}.saas-case-card__content{order:1}.saas-case-card>img{order:2;margin-top:18px}.saas-flow__graphic{overflow:visible}.saas-flow__graphic img{width:100%;min-width:0;height:auto}}
.saas-flow h2,.saas-flow p{color:#1d2129}
.saas-hero__copy{width:750px;max-width:62%}
.saas-pain-card{background:linear-gradient(315deg,rgba(22,100,255,.05),#fff 54%)}
.saas-pain-card::after{display:none}
@media (max-width:767px){.saas-hero__copy{width:100%;max-width:76%}}
.saas-topology__action{margin-top:30px;text-align:center}