/* =========================================================
   SERVICES PAGE REDESIGN
   Add after styles_updated.css
   ========================================================= */

.services-hero{position:relative;overflow:hidden;padding:105px 0 90px;color:var(--white);background:radial-gradient(circle at 80% 20%,rgba(109,40,217,.26),transparent 32%),linear-gradient(135deg,#0b0d14 0%,#1a1330 100%)}
.services-hero-glow{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none}
.services-hero-glow-one{width:360px;height:360px;top:-150px;right:12%;background:rgba(167,139,250,.12)}
.services-hero-glow-two{width:320px;height:320px;bottom:-180px;left:8%;background:rgba(109,40,217,.14)}
.services-hero-grid{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,black,transparent)}
.services-hero-layout{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:75px;align-items:center}
.services-hero-copy{max-width:680px}
.services-eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:22px;padding:9px 13px;color:var(--cyan);background:rgba(167,139,250,.08);border:1px solid rgba(167,139,250,.18);border-radius:999px;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.services-eyebrow span{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 5px rgba(167,139,250,.12)}
.services-hero h1{max-width:700px;font-family:"Manrope",sans-serif;font-size:clamp(3rem,6vw,5.5rem);line-height:.98;letter-spacing:-.065em}
.services-hero h1 span{display:block;color:var(--cyan)}
.services-hero-copy>p{max-width:630px;margin:28px 0 32px;color:#b4c1d1;font-size:1.08rem}
.services-hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.services-text-link{display:inline-flex;align-items:center;gap:10px;color:#dbe6f3;font-weight:700}
.services-text-link:hover{color:var(--cyan)}
.services-hero-panel{position:relative;min-height:480px;padding:24px;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.13);border-radius:30px;box-shadow:0 35px 80px rgba(0,0,0,.22)}
.services-panel-top,.services-panel-bottom{display:flex;justify-content:space-between;align-items:center;color:#aebdce;font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.services-panel-top i{color:var(--cyan);font-size:1.1rem}
.capability-map{position:relative;height:360px;margin-top:10px}
.capability-map:before,.capability-map:after{content:"";position:absolute;left:50%;top:50%;border:1px solid rgba(255,255,255,.1);border-radius:50%;transform:translate(-50%,-50%)}
.capability-map:before{width:245px;height:245px}
.capability-map:after{width:350px;height:350px;border-style:dashed;opacity:.6}
.capability-core{position:absolute;z-index:2;left:50%;top:50%;width:135px;height:135px;display:grid;place-items:center;align-content:center;gap:8px;color:var(--white);text-align:center;background:linear-gradient(145deg,var(--blue),#4c1d95);border:1px solid rgba(255,255,255,.18);border-radius:50%;box-shadow:0 20px 60px rgba(109,40,217,.38);transform:translate(-50%,-50%)}
.capability-core i{color:var(--cyan);font-size:1.55rem}
.capability-core strong{font-size:.86rem;line-height:1.1}
.capability-orbit{position:absolute;z-index:3;width:78px;height:78px;display:grid;place-items:center;align-content:center;gap:4px;color:#e7eef8;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:50%;font-size:.63rem;font-weight:700}
.capability-orbit i{color:var(--cyan);font-size:1rem}
.capability-orbit-one{top:23px;left:50%;transform:translateX(-50%)}
.capability-orbit-two{right:17px;top:50%;transform:translateY(-50%)}
.capability-orbit-three{bottom:23px;left:50%;transform:translateX(-50%)}
.capability-orbit-four{left:17px;top:50%;transform:translateY(-50%)}
.services-panel-bottom{justify-content:flex-start;gap:6px;flex-direction:column;align-items:flex-start;padding-top:17px;border-top:1px solid rgba(255,255,255,.1)}
.services-panel-bottom strong{color:var(--white);font-size:.95rem;text-transform:none;letter-spacing:0}
.service-categories{background:var(--surface)}
.services-heading{display:grid;grid-template-columns:1fr .7fr;gap:60px;align-items:end;margin-bottom:42px;position:relative;isolation:isolate}
.services-heading h2{max-width:650px;font-family:"Manrope",sans-serif;font-size:clamp(2.3rem,4vw,4rem);line-height:1.15;letter-spacing:-.03em;position:relative;z-index:2}
.services-heading p{max-width:440px;color:var(--muted)}
.service-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.service-category-card{position:relative;min-height:430px;display:flex;flex-direction:column;padding:30px;overflow:hidden;background:var(--white);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow-sm);transition:.35s var(--ease)}
.service-category-card:hover{transform:translateY(-7px);box-shadow:var(--shadow-md)}
.service-category-featured{color:var(--white);background:linear-gradient(145deg,#1a1330,#2c1a52);border-color:transparent}
.service-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:35px}
.service-card-number{color:var(--blue);font-size:.76rem;font-weight:800;letter-spacing:.12em}
.service-category-featured .service-card-number{color:var(--cyan)}
.service-card-icon{width:55px;height:55px;display:grid;place-items:center;color:var(--blue);background:rgba(109,40,217,.08);border-radius:16px}
.service-category-featured .service-card-icon{color:var(--cyan);background:rgba(167,139,250,.11)}
.service-card-label{margin-bottom:8px;color:var(--blue);font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.service-category-featured .service-card-label{color:var(--cyan)}
.service-category-card h3{max-width:520px;margin-bottom:14px;color:var(--ink);font-family:"Manrope",sans-serif;font-size:1.55rem;line-height:1.12}
.service-category-featured h3{color:var(--white)}
.service-category-card>p{max-width:540px;margin-bottom:20px;color:var(--muted);font-size:.92rem}
.service-category-featured>p{color:#b8c6d6}
.service-list{display:grid;gap:9px;margin-bottom:25px}
.service-list li{display:flex;align-items:flex-start;gap:10px;color:var(--ink);font-size:.84rem}
.service-list i{margin-top:5px;color:var(--blue);font-size:.7rem}
.service-category-featured .service-list li{color:#d5dfeb}
.service-category-featured .service-list i{color:var(--cyan)}
.service-card-link{display:inline-flex;align-items:center;gap:9px;margin-top:auto;color:var(--blue);font-size:.85rem;font-weight:800}
.service-category-featured .service-card-link{color:var(--cyan)}
.service-card-link:hover{gap:13px}
.service-process-section{background:radial-gradient(circle at 90% 20%,rgba(109,40,217,.18),transparent 30%),linear-gradient(135deg,#0b0d14,#1a1330)}
.service-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.service-process-card{min-height:255px;padding:25px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.1);border-radius:20px}
.service-process-card>span{display:block;margin-bottom:27px;color:var(--cyan);font-size:.75rem;font-weight:800}
.service-process-card>i{width:48px;height:48px;display:grid;place-items:center;margin-bottom:20px;color:var(--cyan);background:rgba(167,139,250,.1);border-radius:14px}
.service-process-card h3{margin-bottom:8px;color:var(--white);font-family:"Manrope",sans-serif}
.service-process-card p{color:#a9b7c9;font-size:.86rem}
.service-why-section{background:var(--surface)}
.service-why-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}
.service-why-copy h2{max-width:590px;font-family:"Manrope",sans-serif;font-size:clamp(2.3rem,4vw,4rem);line-height:1.04;letter-spacing:-.055em}
.service-why-copy p{max-width:580px;margin:22px 0 28px;color:var(--muted)}
.service-why-points{display:grid;gap:13px}
.service-why-point{display:flex;align-items:center;gap:17px;padding:20px;background:var(--white);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-sm)}
.service-why-point>i{width:47px;height:47px;flex:0 0 auto;display:grid;place-items:center;color:var(--blue);background:rgba(109,40,217,.08);border-radius:14px}
.service-why-point strong,.service-why-point span{display:block}
.service-why-point strong{font-size:.95rem}
.service-why-point span{margin-top:3px;color:var(--muted);font-size:.8rem}
.services-cta-section{padding-top:0;background:var(--surface)}
.services-cta-panel{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:55px 60px;color:var(--white);background:radial-gradient(circle at 85% 20%,rgba(167,139,250,.2),transparent 30%),linear-gradient(135deg,#1a1330,#2c1a52);border-radius:28px}
.services-cta-panel h2{max-width:680px;font-family:"Manrope",sans-serif;font-size:clamp(2rem,4vw,3.5rem);line-height:1.04;letter-spacing:-.05em}
.services-cta-panel p{max-width:600px;margin-top:15px;color:#b8c6d6}

@media(max-width:1000px){
.services-hero-layout,.service-why-layout{grid-template-columns:1fr}
.services-hero-panel{max-width:650px}
.services-heading{grid-template-columns:1fr;gap:20px}
.service-process-grid{grid-template-columns:repeat(2,1fr)}
.service-why-layout{gap:45px}
}
@media(max-width:700px){
.services-hero{padding:70px 0 60px}
.services-hero h1{font-size:clamp(2.8rem,13vw,4rem)}
.services-hero-actions{align-items:stretch;flex-direction:column}
.services-hero-actions .btn{width:100%}
.services-hero-panel{min-height:430px}
.capability-map{height:310px}
.capability-map:after{width:290px;height:290px}
.capability-orbit-one{top:10px}
.capability-orbit-three{bottom:10px}
.capability-orbit-two{right:0}
.capability-orbit-four{left:0}
.service-category-grid,.service-process-grid{grid-template-columns:1fr}
.service-category-card{min-height:auto}
.services-cta-panel{align-items:flex-start;flex-direction:column;padding:35px 26px}
.services-cta-panel .btn{width:100%}
}
.services-hero {
  position: relative;
}

.services-hero-glow,
.services-hero-grid {
  pointer-events: none;
  z-index: 0;
}

.services-hero .container {
  position: relative;
  z-index: 2;
}

.services-hero-actions {
  position: relative;
  z-index: 3;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}