.service-index{padding:clamp(64px,7vw,104px) 0;background:#f7f6f3;scroll-margin-top:64px}
.service-heading{display:flex;justify-content:space-between;align-items:end;gap:36px;margin:16px 0 38px}
.service-index h2{font-size:clamp(1.9rem,3.4vw,3rem);line-height:1.12;max-width:670px;letter-spacing:-.045em}
.service-heading>p{max-width:310px;color:#6b6b72;font-size:1rem;line-height:1.6}
.service-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;margin-top:32px}
.service-card{--accent:#6cbcf1;position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;grid-column:span 2;min-width:0;min-height:332px;padding:26px 28px 22px;border:1px solid #30303a;border-radius:20px;background:#18181e;color:#f5f5f8;text-decoration:none;box-shadow:0 8px 24px #11111508;transition:transform .25s,border-color .25s,box-shadow .25s}
.service-card:nth-child(-n+2){grid-column:span 3;min-height:318px}
.service-card:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 85% 0%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 65%);pointer-events:none}
.service-card:after{content:"";position:absolute;z-index:-1;inset:0;opacity:.2;background-image:linear-gradient(#ffffff0c 1px,transparent 1px),linear-gradient(90deg,#ffffff0c 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(135deg,transparent 25%,#000)}
.service-card-apps{--accent:#b3a1ff}.service-card-security{--accent:#67dfcb}.service-card-ai{--accent:#bc9cf4}.service-card-web{--accent:#78b9f5}
.service-card:hover,.service-card:focus-visible{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 18px 38px #1111151c}
.service-card-top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}
.service-number{font-family:var(--mono,monospace);font-size:.72rem;letter-spacing:.12em;color:#b0b0bd}
.service-card-arrow{display:grid;place-items:center;width:34px;height:34px;border:1px solid #ffffff25;border-radius:50%;font-size:20px;color:var(--accent);transition:background .25s,transform .25s}
.service-card:hover .service-card-arrow{background:#ffffff12;transform:rotate(5deg)}
.service-art{position:absolute;width:210px;height:123px;right:32px;top:30px;color:#9090b15e;pointer-events:none;transition:transform .5s}
.service-art svg{width:100%;height:100%;overflow:visible}.service-art .accent{stroke:var(--accent);filter:drop-shadow(0 0 7px color-mix(in srgb,var(--accent) 30%,transparent))}
.service-card:hover .service-art{transform:translateY(-4px)}
.service-card:nth-child(-n+2) .service-art{width:255px;height:149px;right:46px;top:17px}
.service-card-copy{margin-top:90px;position:relative;z-index:1}.service-card h3{font-size:clamp(1.35rem,2vw,1.75rem);line-height:1.17;letter-spacing:-.03em;margin-bottom:12px;color:#f5f5f8}.service-card p{font-size:.98rem;line-height:1.6;color:#b7b7c3;max-width:44ch}
.service-card-foot{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #ffffff12;padding-top:16px;margin-top:24px;font-size:.65rem;letter-spacing:.025em;color:#9999ad}.service-explore{white-space:nowrap;color:var(--accent);display:none}
.service-card:nth-child(-n+2) .service-explore{display:inline}.service-grid-related .service-card{grid-column:span 3}.service-grid-related .service-card:nth-child(n+3){min-height:318px}
.service-region{color:#6b6b72;font-size:.9rem}
.service-hero{padding:130px 0 64px;background:#111115;color:#f2f2f4}.service-hero h1{font-size:clamp(2.1rem,5vw,4rem);max-width:950px;margin:24px 0}.service-hero p{max-width:800px;font-size:1.18rem;color:#c9c9d0;margin-bottom:28px}.service-content{padding:64px var(--gut);max-width:900px}.service-content section{margin-bottom:40px}.service-content h2{font-size:clamp(1.4rem,3vw,2rem);margin-bottom:18px}.service-content p{margin-bottom:20px}.service-langs{display:flex;gap:16px}.service-header .wrap{justify-content:space-between}.service-header a{color:#fff}
@media(min-width:1000px){.service-card:nth-child(-n+2) .service-card-copy{max-width:70%}}
@media(max-width:1000px){.service-heading{display:block}.service-heading>p{max-width:520px;margin-top:18px}.service-card{grid-column:span 3}.service-card:last-child{grid-column:span 6;min-height:260px}.service-card:last-child .service-card-copy{max-width:65%;margin-top:48px}.service-card:last-child .service-art{right:45px;top:55px}.service-card:nth-child(-n+2) .service-art{width:200px;right:28px;top:28px}.service-explore{display:none!important}}
@media(max-width:600px){.service-grid{grid-template-columns:minmax(0,1fr);gap:14px}.service-card,.service-card:nth-child(-n+2),.service-card:last-child,.service-grid-related .service-card{grid-column:1;min-height:300px;padding:23px}.service-card-copy,.service-card:last-child .service-card-copy{margin-top:84px;max-width:none}.service-art,.service-card:nth-child(-n+2) .service-art,.service-card:last-child .service-art{width:200px;height:117px;top:25px;right:34px}.service-card h3{font-size:1.5rem}.service-card p{font-size:.96rem}.service-card-foot{margin-top:20px;font-size:.62rem}.service-heading{margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){.service-card,.service-card-arrow,.service-art{transition:none}.service-card:hover,.service-card:hover .service-art{transform:none}}
