:root{--blue:#1f6fe0;--accent:#2f7af0;--light:#f3f4f6;--pad:max(24px,6.25vw)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;color:#111;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}
.service-applications{margin-bottom:5px}
.service-header{position:absolute;z-index:20;top:0;left:0;display:flex;align-items:center;width:100%;height:100px;padding:0 var(--pad);color:#fff}.service-brand{display:flex;align-items:center;gap:8px;width:180px}.service-brand img:first-child{width:28px}.service-brand img:last-child{width:116px}.service-header nav{display:flex;gap:40px;margin-left:100px;color:rgba(255,255,255,.75);font-size:18px}.service-header nav a{position:relative;padding:7px 0;white-space:nowrap}.service-header nav a:after{position:absolute;right:0;bottom:0;left:0;height:1px;background:#3087fb;content:"";transform:scaleX(0);transition:.25s}.service-header nav a:hover,.service-header nav a.active{color:#fff}.service-header nav a:hover:after,.service-header nav a.active:after{transform:scaleX(1)}.service-demo,.pill{display:grid;place-items:center;width:196px;height:48px;border-radius:40px;background:var(--blue);color:#fff;font-size:16px;font-weight:700}.service-demo{margin-left:auto;background:#fff;color:var(--blue)}
.service-hero{position:relative;height:700px;overflow:hidden;background:#34383a}.service-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.55),rgba(0,0,0,.18) 62%,rgba(0,0,0,.02))}.hero-copy{position:absolute;top:307px;left:var(--pad);width:min(1064px,66vw);color:#fff}.hero-copy h1{margin:0 0 28px;font-size:54px;font-weight:400;line-height:64.8px}.hero-copy p{margin:0;color:rgba(255,255,255,.8);font-size:32px;line-height:32px}.hero-copy .pill{margin-top:64px;width:194px}
.section-light{background:var(--light)}.service-benefits{height:656px;padding-top:120px}.service-benefits h2,.service-types h2,.service-products h2{margin:0;color:var(--blue);font-size:48px;font-weight:400;line-height:58px;text-align:center}.benefit-grid{display:grid;width:min(1680px,calc(100% - 12.5vw));grid-template-columns:repeat(4,1fr);gap:24px;margin:60px auto 0}.benefit-grid article{display:flex;height:240px;flex-direction:column;align-items:center;padding:30px 40px;border-radius:20px;background:#fff;text-align:center;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s}.benefit-grid article:hover{transform:translateY(-7px);box-shadow:0 18px 45px rgba(31,111,224,.1)}.benefit-grid img{width:40px;height:40px}.benefit-grid h3{margin:30px 0 4px;color:var(--blue);font-size:24px;line-height:27px}.benefit-grid p{margin:0;color:rgba(0,0,0,.6);font-size:18px;line-height:24px}
.service-types{height:774px;padding-top:120px;background:#fff}.section-intro{width:620px;margin:20px auto 0;color:rgba(0,0,0,.6);font-size:18px;line-height:24px;text-align:center}.type-matrix{display:grid;width:1100px;height:348px;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,174px);margin:60px auto 0}.type-matrix article{display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid var(--blue);border-bottom:1px solid var(--blue);color:var(--blue);transition:background .25s,transform .25s}.type-matrix article:hover{z-index:1;background:#f6f9ff;transform:scale(1.02)}.type-matrix article:nth-child(4),.type-matrix article:last-child{border-right:0}.type-matrix article:nth-child(n+4){border-bottom:0}.type-matrix article:first-child{grid-column:1}.type-matrix article:nth-child(2){grid-column:3}.type-matrix article:nth-child(3){grid-column:4}.type-matrix article:nth-child(4){grid-column:1;grid-row:2}.type-matrix article:nth-child(5){grid-column:2;grid-row:2}.type-matrix article:nth-child(6){grid-column:3;grid-row:2}.type-matrix article:nth-child(7){grid-column:4;grid-row:2}.type-matrix img{width:100px;height:100px}.type-matrix span{margin-top:20px;font-size:18px;line-height:24px}
.service-specialist{display:grid;height:956px;grid-template-columns:817px 1fr;align-items:center;gap:60px;padding:120px var(--pad)}.specialist-photo{height:716px;overflow:hidden;border-radius:10px}.specialist-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}.specialist-copy{margin-left:0}.specialist-copy h2{margin:0;color:var(--blue);font-size:32px;line-height:27px}.specialist-copy h3{margin:18px 0 16px;color:rgba(0,0,0,.8);font-size:24px;font-weight:400;line-height:24px}.specialist-copy p{width:619px;margin:0;color:rgba(0,0,0,.6);font-size:18px;line-height:24px}
.service-products{height:786px;padding-top:120px;background:#fff;overflow:hidden}.service-products .other-products{width:231px;margin:40px auto 0}.service-product-grid{display:grid;width:1400px;grid-template-columns:repeat(5,272px);gap:10px;margin:60px auto 0}.service-product-grid a{display:flex;height:339px;flex-direction:column;align-items:center;color:rgba(0,0,0,.6);font-size:20px;font-weight:400;line-height:24px}.service-product-grid span{display:grid;width:272px;height:261px;place-items:center;border-radius:10px;background:linear-gradient(180deg,transparent 0 47%,var(--light) 47% 100%)}.service-product-grid img{width:242px;height:242px;object-fit:contain;transition:transform .35s cubic-bezier(.22,1,.36,1)}.service-product-grid a:hover img{transform:scale(1.06)}.service-product-grid strong{margin-top:20px;font-weight:400}
.service-applications{position:relative;height:1035px;overflow:hidden;background:#0a111e;color:#fff}.application-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.service-applications:after{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,14,28,.25),transparent 52%,rgba(4,9,20,.1));content:""}.service-applications>h2{position:absolute;z-index:2;top:120px;left:var(--pad);margin:0;font-size:48px;font-weight:400;line-height:58px}.application-columns{position:absolute;z-index:3;top:0;right:120px;display:grid;grid-template-columns:360px 360px;gap:20px}.application-column{display:flex;flex-direction:column;gap:20px}.application-column-a{transform:translateY(-180px)}.application-column-b{transform:translateY(-430px)}.application-column article{position:relative;height:480px;padding:40px;border-radius:10px;background:rgba(255,255,255,.1);backdrop-filter:blur(30px);transition:background .3s,transform .3s}.application-column article:hover{background:rgba(47,122,240,.28);transform:translateY(-4px)}.application-column h3{margin:0;font-size:32px;line-height:36px}.application-column p{width:225px;margin:18px 0 0;color:rgba(255,255,255,.8);font-size:18px;line-height:24px}.application-column a{position:absolute;bottom:40px;left:40px;color:var(--accent);font-size:16px;font-weight:700}.application-column a span{margin-left:8px;font-size:23px}
.service-cases{height:818px;padding:120px 0;overflow:hidden}.cases-heading{display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad)}.cases-heading h2{margin:0;color:var(--blue);font-size:48px;font-weight:400;line-height:58px}.cases-heading .pill{width:188px}.case-viewport{position:relative;height:460px;margin-top:60px;overflow:hidden}.case-track{display:flex;width:max-content;gap:24px;padding-left:var(--pad);transition:transform .65s cubic-bezier(.22,1,.36,1)}.case-card{position:relative;width:620px;height:460px;flex:0 0 620px;overflow:hidden;border-radius:10px;background:#111}.case-card>img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.22,1,.36,1)}.case-card:hover>img{transform:scale(1.035)}.case-card>div{position:absolute;right:24px;bottom:24px;left:24px;height:171px;padding:24px;border-radius:10px;background:rgba(25,30,38,.55);backdrop-filter:blur(30px);color:#fff}.case-card h3{overflow:hidden;margin:0;font-size:24px;line-height:27px;text-overflow:ellipsis;white-space:nowrap}.case-card p{display:-webkit-box;overflow:hidden;width:400px;margin:48px 0 0;color:rgba(255,255,255,.62);font-size:18px;line-height:24px;-webkit-box-orient:vertical;-webkit-line-clamp:2}.case-card>div>span{position:absolute;right:24px;bottom:34px}.case-arrow{position:absolute;z-index:4;top:205px;display:grid;width:40px;height:40px;place-items:center;border:0;border-radius:16px;background:rgba(42,44,47,.25);color:#fff;cursor:pointer}.case-arrow.prev{left:144px}.case-arrow.next{right:120px}.case-arrow.active{background:var(--blue)}
.service-cta{position:relative;height:462px;overflow:hidden;color:#fff}.service-cta>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.72}.service-cta:after{position:absolute;inset:0;background:rgba(0,0,0,.5);content:""}.service-cta>div{position:relative;z-index:2;display:flex;height:100%;flex-direction:column;align-items:center;padding-top:120px}.service-cta h2{margin:0;font-size:48px;font-weight:400;line-height:58px}.service-cta p{width:1040px;margin:20px 0 64px;font-size:20px;line-height:24px;text-align:center}.service-cta nav{display:flex;gap:40px}.service-cta nav a{display:grid;width:260px;height:48px;place-items:center;border-radius:40px;background:var(--blue);font-size:16px;font-weight:700;transition:transform .25s,background .25s}.service-cta nav a:hover{background:#3785ef;transform:translateY(-3px)}
.service-footer{position:relative;height:477px;padding:120px var(--pad) 52px;background:#fff}.service-footer-grid{display:grid;grid-template-columns:2.6fr repeat(4,1fr);gap:70px}.service-footer-grid>div:first-child p{width:420px;margin:68px 0 0;color:rgba(0,0,0,.6);font-size:16px;line-height:24px}.service-footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:16px;font-size:18px;line-height:20px}.service-footer h4{margin:20px 0 4px;color:var(--blue);font-size:16px;font-weight:400}.service-legal{position:absolute;right:var(--pad);bottom:16px;left:var(--pad);display:flex;justify-content:space-between;color:rgba(0,0,0,.4);font-size:14px}
@media(max-width:1300px){.service-header{padding:0 48px}.service-header nav{gap:24px;margin-left:50px}.benefit-grid{width:calc(100% - 96px)}.service-specialist{grid-template-columns:52% 1fr;padding-right:48px;padding-left:48px}.specialist-copy p{width:auto}.application-columns{right:48px}.service-footer-grid{gap:32px}}
@media(min-width:901px) and (max-width:1500px){.service-benefits{height:auto;padding-bottom:100px}.benefit-grid article{height:auto;min-height:300px}}
@media(min-width:901px) and (max-width:1300px){.benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.service-header{height:76px;padding:0 24px}.service-header nav,.service-demo{display:none}.service-hero{height:650px}.hero-copy{top:170px;left:24px;width:calc(100% - 48px)}.hero-copy h1{font-size:40px;line-height:48px}.hero-copy p{font-size:20px;line-height:28px}.service-benefits,.service-types,.service-specialist,.service-products,.service-cases{height:auto;padding:80px 24px}.service-benefits h2,.service-types h2,.service-products h2,.cases-heading h2{font-size:36px;line-height:44px}.benefit-grid{width:100%;grid-template-columns:1fr 1fr}.type-matrix{width:100%;height:auto;grid-template-columns:1fr 1fr;grid-template-rows:none}.type-matrix article,.type-matrix article:nth-child(n){grid-column:auto;grid-row:auto;border-right:1px solid var(--blue);border-bottom:1px solid var(--blue)}.type-matrix article:nth-child(even){border-right:0}.type-matrix article:nth-last-child(-n+2){border-bottom:0}.service-specialist{grid-template-columns:1fr}.specialist-photo{height:auto;aspect-ratio:1.14}.service-products .other-products{margin-top:30px}.service-product-grid{width:100%;grid-template-columns:repeat(2,1fr);gap:42px 18px}.service-product-grid a,.service-product-grid span{width:100%}.service-applications{height:900px}.service-applications>h2{top:70px;left:24px;font-size:36px;line-height:44px}.application-bg{object-position:45% center}.application-columns{top:240px;right:24px;left:24px;grid-template-columns:1fr 1fr}.application-column-a,.application-column-b{transform:none}.application-column article{height:280px;padding:24px}.application-column h3{font-size:24px}.application-column p{width:100%;font-size:15px;line-height:20px}.application-column a{bottom:24px;left:24px}.application-column article:nth-child(n+2){display:none}.cases-heading{padding:0}.case-viewport{overflow-x:auto}.case-track{padding-left:0}.case-card{width:80vw;flex-basis:80vw}.case-arrow{display:none}.service-cta{height:auto;min-height:520px}.service-cta>div{padding:80px 24px}.service-cta h2{font-size:38px}.service-cta p{width:100%;font-size:16px}.service-cta nav{width:100%;flex-direction:column;align-items:center;gap:12px}.service-footer{height:auto;padding:70px 24px 90px}.service-footer-grid{grid-template-columns:1fr 1fr;gap:40px 24px}.service-footer-grid>div:first-child{grid-column:1/-1}.service-footer-grid>div:first-child p{width:auto;margin-top:28px}.service-legal{right:24px;bottom:24px;left:24px;gap:20px}}
@media(max-width:900px){.benefit-grid article{height:auto;min-height:280px}.case-card p{width:auto;max-width:calc(100% - 44px)}}
@media(max-width:560px){.benefit-grid,.service-product-grid{grid-template-columns:1fr}.benefit-grid article{height:auto;min-height:280px}.section-intro{width:100%}.type-matrix{grid-template-columns:1fr}.type-matrix article,.type-matrix article:nth-child(n){border-right:0;border-bottom:1px solid var(--blue)}.type-matrix article:last-child{border-bottom:0}.specialist-copy h2{font-size:28px;line-height:34px}.application-columns{grid-template-columns:1fr}.application-column-b{display:none}.service-footer-grid{grid-template-columns:1fr}.service-footer-grid>div:first-child{grid-column:auto}}