.services-hub{background:#070d16;color:#fff;overflow:hidden}
.services-hub__hero{position:relative;isolation:isolate;padding:clamp(5rem,10vw,9.5rem) 0 clamp(3.8rem,7vw,6.5rem)}
.services-hub__hero::before{content:"";position:absolute;z-index:-1;inset:-45% -10% -35%;background:radial-gradient(circle at 74% 32%,rgba(238,67,113,.2),transparent 16%),repeating-radial-gradient(circle at 76% 32%,transparent 0 98px,rgba(238,67,113,.16) 99px 100px,transparent 101px 168px),linear-gradient(120deg,transparent 25%,rgba(99,241,230,.08) 25.1% 25.3%,transparent 25.4%);transform:rotate(-6deg)}
.services-hub__hero .container{max-width:1180px}
.services-hub__eyebrow{margin:0;color:var(--spectrum,#ee4371);font:800 .72rem/1.3 var(--font-mono,monospace);letter-spacing:.12em;text-transform:uppercase}
.services-hub__hero h1{max-width:15ch;margin:.85rem 0 1.35rem;font-size:clamp(2.7rem,6.6vw,6.8rem);line-height:.98;letter-spacing:-.06em;text-wrap:balance}
html[dir=rtl] .services-hub__hero h1,html[dir=rtl] .services-hub__close h2{letter-spacing:0}
.services-hub__lead{max-width:760px;margin:0;color:rgba(255,255,255,.72);font-size:clamp(1.05rem,1.8vw,1.28rem);line-height:1.85}
.services-hub__path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;max-width:960px;margin:clamp(2.5rem,6vw,4.5rem) 0 0;padding:1px;list-style:none;background:rgba(255,255,255,.16)}
.services-hub__path li{display:flex;align-items:center;gap:.85rem;min-height:78px;padding:1rem 1.2rem;background:rgba(7,13,22,.88);font-weight:700;line-height:1.4}
.services-hub__path span,.services-hub__group header>span{color:var(--spectrum,#ee4371);font:800 .72rem/1 var(--font-mono,monospace)}
.services-hub__catalog{padding:clamp(4rem,8vw,7.5rem) 0;background:#f4f6fa;color:#111827}
.services-hub__catalog .container{display:grid;gap:clamp(3.4rem,7vw,6rem)}
.services-hub__group{display:grid;grid-template-columns:minmax(250px,.62fr) minmax(0,1.38fr);gap:clamp(1.5rem,5vw,5.5rem);align-items:start}
.services-hub__group header{position:sticky;top:96px;display:grid;grid-template-columns:2.4rem 1fr;gap:.9rem;padding-top:.3rem}
.services-hub__group header>span{padding-top:.35rem;color:var(--spectrum-on-light,#c5164d)}
.services-hub__group h2{margin:0 0 .9rem;font-size:clamp(1.75rem,3.2vw,3.3rem);line-height:1.06;letter-spacing:-.045em;text-wrap:balance}
html[dir=rtl] .services-hub__group h2{letter-spacing:0}
.services-hub__group header p{margin:0;color:#687080;line-height:1.8}
.services-hub__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;padding:1px;background:#dce2eb}
.services-hub__card{position:relative;display:grid;align-content:space-between;gap:2.8rem;min-height:260px;padding:1.25rem 1.3rem;background:#fff;color:inherit;text-decoration:none;transition:background .2s ease,color .2s ease,transform .2s ease}
.services-hub__card:hover,.services-hub__card:focus-visible{position:relative;z-index:1;background:#0b1421;color:#fff;transform:translateY(-3px);box-shadow:0 20px 36px rgba(12,20,34,.18)}
.services-hub__card>span{color:var(--spectrum-on-light,#c5164d);font:800 .68rem/1 var(--font-mono,monospace)}
.services-hub__badge{position:absolute;top:1rem;inset-inline-end:1rem;max-width:55%;padding:.38rem .55rem;border:1px solid #e0a600;border-radius:999px;background:#ffe16b;color:#322300;font:900 .61rem/1.1 var(--font-mono,monospace);letter-spacing:.04em;text-transform:uppercase;font-style:normal;box-shadow:0 3px 0 rgba(156,109,0,.18)}
.services-hub__card h3{margin:0 0 .65rem;font-size:clamp(1.08rem,1.5vw,1.35rem);line-height:1.35}
.services-hub__card p{margin:0;color:#687080;font-size:.91rem;line-height:1.72}
.services-hub__card:hover p,.services-hub__card:focus-visible p{color:rgba(255,255,255,.68)}
.services-hub__card b{display:flex;justify-content:space-between;align-items:center;gap:.7rem;color:var(--spectrum-on-light,#c5164d);font:800 .72rem/1.3 var(--font-mono,monospace);letter-spacing:.04em;text-transform:uppercase}
.services-hub__card:hover b,.services-hub__card:focus-visible b{color:var(--spectrum,#ff4fc8)}
.services-hub__card i{font-size:1rem;font-style:normal}
.services-hub__close{padding:clamp(4rem,8vw,7rem) 0;background:#0b1421}
.services-hub__close .container{display:flex;justify-content:space-between;align-items:end;gap:2rem}
.services-hub__close h2{max-width:15ch;margin:.75rem 0 1rem;font-size:clamp(2rem,4.5vw,4.7rem);line-height:1.03;letter-spacing:-.05em;text-wrap:balance}
.services-hub__close p:not(.services-hub__eyebrow){max-width:690px;margin:0;color:rgba(255,255,255,.68);font-size:1.05rem;line-height:1.8}
.services-hub__close .btn{flex:0 0 auto}
.services-hub__console{padding:clamp(2.4rem,5vw,4rem) 0;background:#071019}
.services-hub__console .container{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:clamp(1.4rem,3vw,2.2rem);border:1px solid rgba(255,255,255,.16);background:linear-gradient(120deg,rgba(255,255,255,.065),rgba(255,255,255,.015))}
.services-hub__console h2{margin:.55rem 0;font-size:clamp(1.35rem,2.8vw,2.25rem);line-height:1.18}
.services-hub__console p:not(.services-hub__eyebrow){max-width:650px;margin:0;color:rgba(255,255,255,.62);line-height:1.7}
.services-hub__console-action{display:inline-flex;align-items:center;gap:.7rem;flex:0 0 auto;color:#fff;text-decoration:none;font:800 .78rem/1 var(--font-mono,monospace);letter-spacing:.05em;text-transform:uppercase}
.services-hub__console-action span{display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:50%;background:var(--spectrum,#ee4371);color:#fff;font-size:1.15rem;transition:transform .2s ease}
.services-hub__console-action:hover span,.services-hub__console-action:focus-visible span{transform:translate(3px,-3px)}
@media(max-width:900px){.services-hub__group{grid-template-columns:1fr}.services-hub__group header{position:static}.services-hub__path{grid-template-columns:1fr}.services-hub__close .container,.services-hub__console .container{align-items:start;flex-direction:column}}
@media(max-width:620px){.services-hub__hero{padding-top:4.2rem}.services-hub__cards{grid-template-columns:1fr}.services-hub__card{min-height:0;gap:1.9rem}.services-hub__close .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.services-hub__card{transition:none}}