.sl-page{--sl-ink:#101828;--sl-blue:#3157d5;--sl-cyan:#21b7d5;--sl-soft:#f3f6fb;background:#fff;color:var(--sl-ink)}
.sl-main{overflow:hidden}.sl-main *{box-sizing:border-box}.sl-main a{text-decoration:none}.sl-main .ag-wrap{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.sl-hero{position:relative;min-height:760px;padding:150px 0 88px;background:radial-gradient(circle at 82% 20%,#dff6ff 0,transparent 32%),linear-gradient(135deg,#f8fbff 0%,#eef3ff 52%,#fafcff 100%);isolation:isolate}
.sl-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(49,87,213,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(49,87,213,.055) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,#000,transparent 88%);z-index:-2}
.sl-orb{position:absolute;border-radius:50%;filter:blur(2px);z-index:-1}.sl-orb--one{width:380px;height:380px;right:-120px;top:80px;background:rgba(49,87,213,.12)}.sl-orb--two{width:240px;height:240px;left:-100px;bottom:20px;background:rgba(33,183,213,.13)}
.sl-hero-grid{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:72px}.sl-crumbs{display:flex;gap:10px;align-items:center;margin-bottom:34px;font-size:13px;color:#7b879d}.sl-crumbs a{color:#526077}.sl-crumbs b{color:var(--sl-blue)}
.sl-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(49,87,213,.18);border-radius:99px;background:rgba(255,255,255,.72);color:var(--sl-blue);font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.sl-hero h1{margin:24px 0 24px;font-size:clamp(50px,5.3vw,80px);line-height:.98;letter-spacing:-.055em;font-weight:760}.sl-hero h1 em{font-style:normal;color:var(--sl-blue)}.sl-hero-copy>p{max-width:630px;margin:0;color:#59657a;font-size:18px;line-height:1.75}
.sl-actions{display:flex;gap:12px;margin-top:34px}.sl-primary,.sl-secondary{display:inline-flex;min-height:52px;padding:0 23px;border-radius:10px;align-items:center;justify-content:center;gap:10px;font-size:14px;font-weight:750}.sl-primary{background:var(--sl-ink);color:#fff}.sl-primary:hover svg{transform:translateX(4px)}.sl-primary svg{transition:.2s}.sl-secondary{border:1px solid #cfd8e8;background:#fff;color:var(--sl-ink)}
.sl-proof{display:flex;flex-wrap:wrap;gap:22px;margin-top:35px;padding-top:27px;border-top:1px solid #d8e1ef;color:#6c7789;font-size:12px}.sl-proof span{display:flex;align-items:center;gap:7px}.sl-proof svg{color:var(--sl-blue)}.sl-proof b{color:#344054}
.sl-hero-visual{position:relative;min-height:510px;display:grid;place-items:center}.sl-device{width:100%;max-width:530px;border:1px solid rgba(255,255,255,.9);border-radius:26px;background:rgba(255,255,255,.72);padding:12px;box-shadow:0 45px 90px rgba(44,67,125,.2);backdrop-filter:blur(16px);transform:perspective(900px) rotateY(-5deg) rotateX(2deg)}
.sl-device-top{height:45px;display:flex;align-items:center;gap:10px;padding:0 12px;color:#738097;font-size:11px}.sl-device-top i{width:10px;height:10px;border-radius:50%;background:#fb7185;box-shadow:18px 0 #fbbf24,36px 0 #34d399}.sl-device-top span{margin-left:38px}.sl-device-top b{margin-left:auto}.sl-device-body{min-height:355px;padding:29px;border-radius:18px;background:#101827;color:white}.sl-device-head{display:flex;justify-content:space-between;align-items:center}.sl-device-head span{font-size:19px;font-weight:700}.sl-device-head small{padding:7px 9px;border-radius:6px;background:#20315a;color:#8ee4f3;font-size:8px;font-weight:800;letter-spacing:.12em}
.sl-device-chart{height:180px;display:flex;align-items:flex-end;gap:13px;padding:36px 8px 20px;border-bottom:1px solid #2b354a}.sl-device-chart i{flex:1;border-radius:7px 7px 2px 2px;background:linear-gradient(#5dd0e8,#385fe0)}.sl-device-chart i:nth-child(1){height:30%}.sl-device-chart i:nth-child(2){height:48%}.sl-device-chart i:nth-child(3){height:40%}.sl-device-chart i:nth-child(4){height:67%}.sl-device-chart i:nth-child(5){height:59%}.sl-device-chart i:nth-child(6){height:78%}.sl-device-chart i:nth-child(7){height:94%}.sl-device-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-top:24px}.sl-device-stats span{display:flex;flex-direction:column;color:#8995aa;font-size:10px}.sl-device-stats b{color:#fff;font-size:19px}
.sl-float{position:absolute;display:flex;align-items:center;gap:10px;padding:12px 15px;border:1px solid #e0e7f2;border-radius:12px;background:#fff;box-shadow:0 15px 35px rgba(34,54,104,.14)}.sl-float svg{color:var(--sl-blue)}.sl-float span{display:flex;flex-direction:column;color:#8b96a9;font-size:9px}.sl-float b{color:#1d2939;font-size:11px}.sl-float--one{left:-25px;top:105px}.sl-float--two{right:-24px;top:210px}.sl-float--three{left:25px;bottom:25px}
.sl-catalog{padding:110px 0 120px}.sl-section-head{display:grid;grid-template-columns:1fr 420px;gap:60px;align-items:end;margin-bottom:52px}.sl-index{display:block;margin-bottom:15px;color:var(--sl-blue);font-size:11px;font-weight:850;letter-spacing:.14em}.sl-section-head h2,.sl-why h2{margin:0;font-size:clamp(38px,4.2vw,61px);line-height:1.02;letter-spacing:-.045em}.sl-section-head>p{margin:0;color:#697386;line-height:1.7}
.sl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.sl-card{overflow:hidden;border:1px solid #e2e7ef;border-radius:18px;background:#fff;color:var(--sl-ink);transition:transform .28s,box-shadow .28s,border-color .28s}.sl-card:hover{transform:translateY(-6px);border-color:#cad6f4;box-shadow:0 25px 55px rgba(28,49,93,.12)}.sl-card--wide{grid-column:span 2}.sl-card-media{position:relative;height:220px;overflow:hidden;background:#eaf0f8}.sl-card--wide .sl-card-media{height:260px}.sl-card-media:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(6,13,31,.72))}.sl-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.sl-card:hover img{transform:scale(1.04)}.sl-card-media>span{position:absolute;left:18px;bottom:16px;z-index:1;display:flex;align-items:center;gap:7px;padding:7px 10px;border-radius:7px;background:rgba(255,255,255,.92);color:#26334d;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.sl-card-body{padding:23px}.sl-card-title{display:flex;align-items:center;justify-content:space-between}.sl-card-title h3{margin:0;font-size:24px;letter-spacing:-.025em}.sl-card-title svg{color:var(--sl-blue);transition:transform .2s}.sl-card:hover .sl-card-title svg{transform:translate(3px,-3px)}.sl-card-body p{min-height:63px;margin:13px 0 18px;color:#6c7586;font-size:13px;line-height:1.6}.sl-card-body ul{display:flex;flex-wrap:wrap;gap:7px;margin:0;padding:0;list-style:none}.sl-card-body li{display:flex;align-items:center;gap:4px;padding:6px 8px;border-radius:6px;background:#f3f6fa;color:#536078;font-size:10px;font-weight:650}.sl-card-body li svg{color:var(--sl-blue)}
.sl-why{padding:115px 0;background:#101827;color:#fff}.sl-why-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;align-items:start}.sl-why .sl-index{color:#6dd9ec}.sl-why h2 em{color:#6dd9ec;font-style:normal}.sl-why-copy>p{margin:27px 0;color:#9ca7ba;line-height:1.8}.sl-why-copy>a{display:inline-flex;align-items:center;gap:9px;color:#fff;font-weight:700}.sl-benefits{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #344055;border-left:1px solid #344055}.sl-benefits article{min-height:235px;padding:30px;border-right:1px solid #344055;border-bottom:1px solid #344055}.sl-benefits article>b{color:#6dd9ec;font-size:11px;letter-spacing:.12em}.sl-benefits h3{margin:32px 0 11px;font-size:20px}.sl-benefits p{margin:0;color:#939fb2;font-size:13px;line-height:1.65}
.sl-process{padding:110px 0;background:#f5f7fb}.sl-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0;padding:0;list-style:none}.sl-steps li{position:relative;min-height:280px;padding:30px;border:1px solid #dde3ec;border-right:0;background:#fff}.sl-steps li:last-child{border-right:1px solid #dde3ec}.sl-steps li>span{display:grid;width:46px;height:46px;place-items:center;border-radius:12px;background:#edf2ff;color:var(--sl-blue)}.sl-steps li>b{position:absolute;right:25px;top:30px;color:#c4ccda;font-size:11px}.sl-steps h3{margin:44px 0 13px;font-size:22px}.sl-steps p{margin:0;color:#6b7587;font-size:13px;line-height:1.7}
.sl-cta{padding:90px 0;background:#3157d5;color:#fff}.sl-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:50px}.sl-cta span{font-size:10px;font-weight:800;letter-spacing:.16em;color:#bcd1ff}.sl-cta h2{margin:10px 0 8px;font-size:clamp(38px,4vw,58px);letter-spacing:-.045em}.sl-cta p{margin:0;color:#d7e2ff}.sl-cta a{display:inline-flex;flex:none;align-items:center;gap:10px;padding:17px 22px;border-radius:10px;background:#fff;color:#172a68;font-size:14px;font-weight:800}
@media(max-width:980px){.sl-hero-grid,.sl-why-grid{grid-template-columns:1fr}.sl-hero{padding-top:130px}.sl-hero-visual{max-width:650px;margin:auto;width:100%}.sl-grid{grid-template-columns:1fr 1fr}.sl-card--wide{grid-column:span 1}.sl-section-head{grid-template-columns:1fr;gap:20px}.sl-steps{grid-template-columns:1fr 1fr}.sl-steps li:nth-child(2){border-right:1px solid #dde3ec}.sl-why-grid{gap:55px}}
@media(max-width:640px){.sl-main .ag-wrap{width:min(100% - 28px,1180px)}.sl-hero{min-height:auto;padding:110px 0 65px}.sl-hero h1{font-size:45px}.sl-actions{flex-direction:column;align-items:stretch}.sl-proof{gap:12px;flex-direction:column}.sl-hero-visual{min-height:390px}.sl-device{transform:none}.sl-device-body{min-height:280px;padding:20px}.sl-device-chart{height:135px}.sl-float{display:none}.sl-catalog,.sl-process{padding:78px 0}.sl-grid{grid-template-columns:1fr}.sl-card-media,.sl-card--wide .sl-card-media{height:220px}.sl-section-head{margin-bottom:34px}.sl-section-head h2,.sl-why h2{font-size:40px}.sl-why{padding:78px 0}.sl-benefits{grid-template-columns:1fr}.sl-benefits article{min-height:200px}.sl-steps{grid-template-columns:1fr}.sl-steps li,.sl-steps li:nth-child(2){border-right:1px solid #dde3ec;border-bottom:0}.sl-steps li:last-child{border-bottom:1px solid #dde3ec}.sl-cta{padding:68px 0}.sl-cta-inner{align-items:flex-start;flex-direction:column}.sl-cta a{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.sl-card,.sl-card img,.sl-primary svg{transition:none!important}}