.service-index{background:linear-gradient(135deg,#fafbfc 0%,#f5f7fa 50%,#f0f2f5 100%);padding-block-start:clamp(2.5rem,5vw,3.5rem);padding-block-end:clamp(3rem,6vw,4.5rem);position:relative;overflow:hidden}.service-index:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 20% 30%,#3b82f608 0%,#0000 50%),radial-gradient(circle at 80% 70%,#8b5cf608 0%,#0000 50%);position:absolute;top:0;bottom:0;left:0;right:0}.service-index__container{z-index:1;width:100%;max-width:1400px;margin-inline-start:auto;margin-inline-end:auto;padding-inline-start:clamp(1.25rem,5vw,2.5rem);padding-inline-end:clamp(1.25rem,5vw,2.5rem);position:relative}.service-index__grid{grid-template-columns:repeat(2,1fr);gap:clamp(1.75rem,3vw,2.5rem);max-width:1100px;margin-inline-start:auto;margin-inline-end:auto;display:grid}@media (max-width:768px){.service-index__grid{grid-template-columns:1fr}}.service-index__card{cursor:pointer;isolation:isolate;will-change:transform,box-shadow;background:linear-gradient(135deg,#fff 0%,#fefefe 100%);border:1px solid #0000000f;border-radius:20px;align-items:center;gap:1.25rem;min-height:110px;padding:clamp(1.5rem,3.5vw,2rem);padding-inline-start:clamp(1.25rem,2.5vw,1.5rem);text-decoration:none;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000a,0 1px 3px #00000005}.service-index__card:hover{border-color:#3b82f633;transform:translateY(-6px)scale(1.02);box-shadow:0 20px 40px -12px #3b82f626,0 12px 24px -8px #00000014,0 0 0 1px #3b82f61a}.service-index__card:focus-visible{outline-offset:4px;outline:2px solid #dc2626}.service-index__card:active{transform:scale(.98)}.service-index__accent{z-index:0;width:5px;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:absolute;top:0;bottom:0}.service-index__accent:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-left-radius:20px;border-bottom-left-radius:20px;left:0}.service-index__accent:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-left-radius:20px;border-bottom-left-radius:20px;left:0}.service-index__accent:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-right-radius:20px;border-bottom-right-radius:20px;right:0}.service-index__accent:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-right-radius:20px;border-bottom-right-radius:20px;right:0}.service-index__card:hover .service-index__accent{width:6px;box-shadow:0 0 20px}.service-index__card--yellow .service-index__accent{color:#3b82f6;background:linear-gradient(#3b82f6 0%,#2563eb 100%)}.service-index__card--blue .service-index__accent{color:#8b5cf6;background:linear-gradient(#8b5cf6 0%,#7c3aed 100%)}.service-index__card--green .service-index__accent{color:#10b981;background:linear-gradient(#10b981 0%,#059669 100%)}.service-index__card--cyan .service-index__accent{color:#f59e0b;background:linear-gradient(#f59e0b 0%,#d97706 100%)}.service-index__card--purple .service-index__accent{color:#ec4899;background:linear-gradient(#ec4899 0%,#db2777 100%)}.service-index__card--red .service-index__accent{color:#14b8a6;background:linear-gradient(#14b8a6 0%,#0d9488 100%)}.service-index__card-content{z-index:1;flex:1;align-items:center;gap:clamp(1rem,2vw,1.25rem);min-width:0;display:flex}.service-index__number{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;min-width:64px;display:flex}.service-index__number-text{background:linear-gradient(135deg,#1e293b 0%,#475569 100%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;margin-block-end:.375rem;font-size:clamp(1.875rem,3.5vw,2.5rem);font-weight:800;line-height:1}.service-index__data-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;font-size:.625rem;font-weight:700}.service-index__info{align-items:center;gap:1rem;min-width:0;display:flex}.service-index__icon{color:#64748b;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #0000000d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex}.service-index__card:hover .service-index__icon{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border-color:#3b82f633;transform:scale(1.1)rotate(-5deg);box-shadow:0 8px 16px -4px #3b82f64d}.service-index__card-title{color:#0f172a;text-overflow:ellipsis;margin:0;font-size:clamp(1rem,1.5vw,1.125rem);font-weight:600;line-height:1.4;transition:color .3s;overflow:hidden}.service-index__card:hover .service-index__card-title{color:#3b82f6}.service-index__arrow{color:#94a3b8;z-index:1;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #0000000d;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex}.service-index__card:hover .service-index__arrow{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border-color:#3b82f633;transform:translate(6px)scale(1.1);box-shadow:0 4px 12px -2px #3b82f666}[dir=rtl] .service-index__card:hover .service-index__arrow{transform:translate(-6px)scale(1.1)}@media (prefers-reduced-motion:reduce){.service-index__card,.service-index__accent,.service-index__icon,.service-index__arrow{transition:none}.service-index__card:hover,.service-index__card:hover .service-index__icon,.service-index__card:hover .service-index__arrow{transform:none}}@media (max-width:768px){.service-index{padding-block-start:clamp(2rem,4vw,2.5rem);padding-block-end:clamp(2.5rem,5vw,3rem)}.service-index__grid{grid-template-columns:1fr}.service-index__card{min-height:90px}.service-index__number{min-width:50px}.service-index__icon{width:40px;height:40px}}@media (prefers-contrast:high){.service-index__card{border:2px solid}.service-index__card:focus-visible{outline-width:4px}}@media (hover:none) and (pointer:coarse){.service-index__card{min-height:104px}.service-index__card:active{transform:scale(.98)}}