.services-page{
  --sv-navy:#0b2f78;
  --sv-ink:#101b4f;
  --sv-purple:#6d1ce7;
  --sv-blue:#0874ee;
  --sv-teal:#00aebd;
  --sv-cyan:#13c8d1;
  --sv-magenta:#d70a8c;
  --sv-green:#16b978;
  --sv-orange:#ff7c22;
  --sv-muted:#5f6b86;
  --sv-line:rgba(19,48,126,.13);
  --sv-soft:#f7f9ff;
  background:#fff;
  color:var(--sv-ink)
}
.services-page main{overflow:hidden;background:#fff}
.services-page main section{scroll-margin-top:88px}
.services-page h1,.services-page h2,.services-page h3{font-family:"Manrope",sans-serif}
.services-page h1 em,.services-page h2 em{font-style:normal;background:linear-gradient(90deg,var(--sv-purple),var(--sv-magenta),var(--sv-blue),var(--sv-teal));-webkit-background-clip:text;background-clip:text;color:transparent}
.services-page .main-nav a.active{position:relative;color:var(--sv-purple)}
.services-page .main-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--sv-purple),var(--sv-magenta),var(--sv-blue))}
.services-progress{position:fixed;z-index:90;top:0;left:0;width:0;height:3px;background:linear-gradient(90deg,var(--sv-purple),var(--sv-blue),var(--sv-cyan),var(--sv-green),var(--sv-orange),var(--sv-magenta));box-shadow:0 0 18px rgba(109,28,231,.4)}
.services-eyebrow{display:inline-flex;align-items:center;gap:11px;color:var(--sv-purple);font-size:11px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
.services-eyebrow:before{content:"";width:36px;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--sv-purple),var(--sv-magenta))}

.services-intro{position:relative;isolation:isolate;background:radial-gradient(circle at 80% 12%,rgba(19,200,209,.18),transparent 30%),radial-gradient(circle at 10% 82%,rgba(109,28,231,.11),transparent 28%),linear-gradient(135deg,#fff 7%,#f8f6ff 55%,#f1fdff)}
.services-intro:before{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(rgba(28,70,151,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(28,70,151,.035) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(90deg,#000,transparent 58%)}
.services-intro-orbit{position:absolute;z-index:-1;right:-150px;bottom:-300px;width:760px;height:540px;border:1px solid rgba(8,116,238,.14);border-radius:50%;transform:rotate(-12deg);box-shadow:0 0 0 72px rgba(19,200,209,.035),0 0 0 145px rgba(109,28,231,.02)}
.services-intro-grid{display:grid;grid-template-columns:1.17fr .83fr;gap:70px;align-items:center;min-height:600px;padding:78px 0}
.services-intro-copy h1{max-width:790px;margin:18px 0 23px;font-size:clamp(47px,5.2vw,76px);line-height:1.02;letter-spacing:-.058em}
.services-intro-copy>p{max-width:735px;margin:0;color:#4e5a77;font-size:18px;line-height:1.72}
.services-intro-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:31px}
.services-intro-actions a{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;padding:15px 20px;border:1px solid transparent;border-radius:12px;color:#fff;background:linear-gradient(135deg,var(--sv-purple),var(--sv-blue),var(--sv-teal));box-shadow:0 15px 32px rgba(58,42,181,.22);font-size:13px;font-weight:800;text-decoration:none}
.services-intro-actions a.secondary{border-color:var(--sv-line);color:var(--sv-ink);background:rgba(255,255,255,.84);box-shadow:none}
.services-intro-brand{position:relative;padding:34px 32px 30px;border:1px solid rgba(26,61,144,.13);border-radius:30px;background:rgba(255,255,255,.92);box-shadow:0 25px 65px rgba(31,43,117,.14);overflow:hidden}
.services-intro-brand:after{content:"";position:absolute;left:-12%;right:-12%;bottom:-42%;height:55%;border:1px solid rgba(8,116,238,.16);border-radius:50%;box-shadow:0 0 0 34px rgba(19,200,209,.04)}
.services-intro-brand>span,.services-intro-brand>img,.services-intro-brand>p{position:relative;z-index:2}
.services-intro-brand>span{display:block;color:var(--sv-magenta);font-size:10px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
.services-intro-brand>img{display:block;width:100%;height:150px;margin:12px 0 17px;object-fit:contain}
.services-intro-brand>p{margin:0;color:var(--sv-muted);font-size:13px;line-height:1.6}

.services-pathway{padding:88px 0 74px;background:linear-gradient(180deg,#fff,#f7f9ff)}
.services-pathway-head,.services-testing-head{display:grid;grid-template-columns:1.18fr .82fr;gap:74px;align-items:end;margin-bottom:36px}
.services-pathway-head h2,.services-section-title h2,.services-xnova-copy h2,.services-testing-head h2,.services-output-copy h2,.services-contact-card h2{margin:12px 0 0;font-size:clamp(33px,3.8vw,54px);line-height:1.08;letter-spacing:-.046em}
.services-pathway-head>p,.services-testing-head>p,.services-xnova-copy>p,.services-output-copy>p{margin:0;color:var(--sv-muted);font-size:15px;line-height:1.72}
.services-pathway-scroll{padding:9px;border:1px solid rgba(24,70,163,.14);border-radius:30px;background:#fff;box-shadow:0 26px 65px rgba(22,46,118,.11);overflow:auto;scrollbar-color:rgba(109,28,231,.42) transparent;scrollbar-width:thin}
.services-pathway-art{position:relative;min-width:1000px;overflow:hidden;border-radius:23px}
.services-pathway-art>img{display:block;width:100%;height:auto}
.services-pathway-logo{position:absolute;top:4.1%;right:2.8%;display:flex;align-items:center;justify-content:center;width:25.5%;height:18%;padding:3px 10px;background:#fff}
.services-pathway-logo img{display:block;width:100%;height:100%;object-fit:contain}
.services-scroll-note{display:none;margin:13px 4px 0;color:var(--sv-muted);font-size:11px}

.services-stage-section{padding:92px 0;background:radial-gradient(circle at 7% 10%,rgba(109,28,231,.08),transparent 25%),radial-gradient(circle at 93% 90%,rgba(19,200,209,.08),transparent 27%),#fff}
.services-section-title{max-width:850px;margin-bottom:42px}
.services-stage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:0;margin:0;list-style:none}
.services-stage-card{--stage:var(--sv-purple);position:relative;min-height:345px;padding:27px 26px 25px;border:1px solid var(--sv-line);border-radius:23px;background:#fff;box-shadow:0 16px 44px rgba(27,46,113,.075);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}
.services-stage-card:hover{transform:translateY(-5px);box-shadow:0 24px 55px rgba(27,46,113,.13)}
.services-stage-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--stage)}
.services-stage-card.stage-two{--stage:var(--sv-blue)}.services-stage-card.stage-three{--stage:#078aa6}.services-stage-card.stage-four{--stage:#172da8}.services-stage-card.stage-five{--stage:var(--sv-magenta)}.services-stage-card.stage-six{--stage:#4014a3}
.services-stage-card>b{display:grid;place-items:center;width:49px;height:49px;border-radius:50%;color:#fff;background:var(--stage);box-shadow:0 10px 23px color-mix(in srgb,var(--stage) 27%,transparent);font-size:13px}
.services-stage-card>span{display:block;margin-top:22px;color:var(--stage);font-size:9px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.services-stage-card h3{margin:8px 0 10px;color:var(--sv-ink);font-size:20px;line-height:1.23}
.services-stage-card>p{margin:0;color:var(--sv-muted);font-size:12px;line-height:1.58}
.services-stage-card ul{padding:0;margin:19px 0 0;list-style:none}
.services-stage-card li{position:relative;padding:7px 0 7px 18px;border-top:1px solid var(--sv-line);color:#3c4865;font-size:10px;line-height:1.45}
.services-stage-card li:before{content:"✓";position:absolute;left:0;color:var(--stage);font-weight:800}

.services-xnova{padding:96px 0;color:#fff;background:radial-gradient(circle at 10% 12%,rgba(8,116,238,.35),transparent 28%),radial-gradient(circle at 88% 88%,rgba(19,200,209,.2),transparent 28%),linear-gradient(135deg,#071b55,#17206f 48%,#3f126f)}
.services-xnova-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}
.services-xnova .services-eyebrow{color:#86f5fb}.services-xnova .services-eyebrow:before{background:linear-gradient(90deg,#8df7fb,#60d97f,#ffe66c,#ff75bd)}
.services-xnova-copy h2 em{background:linear-gradient(90deg,#fff,#93f8fb,#88efa4);-webkit-background-clip:text;background-clip:text}
.services-xnova-copy>p{margin-top:21px;color:rgba(255,255,255,.72);font-size:16px}
.services-tech-list{display:flex;gap:9px;flex-wrap:wrap;margin-top:28px}
.services-tech-list span{padding:9px 12px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.08);color:#fff;font-size:10px;font-weight:700}
.services-list-title{margin:26px 0 0;color:#b9f9fc;font-size:12px;letter-spacing:.03em}
.services-xnova-panel{padding:34px;border:1px solid rgba(255,255,255,.18);border-radius:30px;background:rgba(255,255,255,.1);box-shadow:0 26px 60px rgba(0,0,0,.18);backdrop-filter:blur(12px)}
.services-xnova-panel>img{display:block;width:100%;height:130px;padding:14px;border-radius:18px;background:#fff;object-fit:contain}
.services-xnova-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.services-xnova-metrics article{padding:17px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(255,255,255,.07)}
.services-xnova-metrics b,.services-xnova-metrics span{display:block}.services-xnova-metrics b{color:#8af5fb;font-size:12px}.services-xnova-metrics span{margin-top:5px;color:rgba(255,255,255,.68);font-size:9px;line-height:1.45}
.services-formulation-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:10px;align-items:center;margin-top:20px}
.services-formulation-flow article{min-height:105px;padding:17px;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:rgba(255,255,255,.075)}
.services-formulation-flow b,.services-formulation-flow span{display:block}.services-formulation-flow b{color:#87f5fb;font-size:11px}.services-formulation-flow span{margin-top:12px;color:#fff;font-size:10px;font-weight:700;line-height:1.4}.services-formulation-flow i{color:#8af5fb;font-size:18px;font-style:normal}

.services-testing{padding:96px 0;background:radial-gradient(circle at 94% 9%,rgba(215,10,140,.07),transparent 24%),linear-gradient(180deg,#fff,#f8f9ff)}
.services-testing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.services-five-grid{grid-template-columns:repeat(6,1fr)}
.services-five-grid .services-test-card{grid-column:span 2}
.services-five-grid .services-test-card:nth-child(4){grid-column:2/4}
.services-five-grid .services-test-card:nth-child(5){grid-column:4/6}
.services-test-card{--test:var(--sv-blue);position:relative;min-height:375px;padding:28px;border:1px solid var(--sv-line);border-radius:23px;background:#fff;box-shadow:0 17px 44px rgba(25,44,112,.08);overflow:hidden}
.services-test-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--test)}
.services-test-card.test-safety{--test:var(--sv-purple)}.services-test-card.test-vitro{--test:#078aa6}.services-test-card.test-exvivo{--test:var(--sv-teal)}.services-test-card.test-efficacy{--test:var(--sv-green)}.services-test-card.test-clinical{--test:var(--sv-magenta)}
.services-test-card>div{display:flex;align-items:center;justify-content:space-between}
.services-test-card>div b{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;color:#fff;background:var(--test);font-size:12px}
.services-test-card>div span{padding:7px 10px;border-radius:999px;color:var(--test);background:#f5f7ff;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.services-test-card h3{margin:23px 0 9px;font-size:21px;line-height:1.2}
.services-test-card>p{margin:0;color:var(--sv-muted);font-size:12px;line-height:1.57}
.services-test-card h4{margin:18px 0 0;color:var(--test);font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.services-test-card ul{padding:0;margin:20px 0 0;list-style:none}
.services-test-card li{position:relative;padding:8px 0 8px 20px;border-top:1px solid var(--sv-line);color:#38445f;font-size:10px;line-height:1.45}
.services-test-card li:before{content:"✓";position:absolute;left:0;color:var(--test);font-weight:800}

.services-output{padding:90px 0;background:#fff}
.services-output-card{display:grid;grid-template-columns:.86fr 1.14fr;gap:58px;padding:54px;border:1px solid var(--sv-line);border-radius:32px;background:radial-gradient(circle at 8% 12%,rgba(109,28,231,.1),transparent 28%),radial-gradient(circle at 92% 88%,rgba(19,200,209,.1),transparent 29%),linear-gradient(135deg,#f8f5ff,#fff 54%,#f1fdff);box-shadow:0 25px 68px rgba(31,42,112,.1)}
.services-output-copy>p{margin-top:18px}
.services-integrated-cta{display:flex;align-content:center;align-items:center;gap:10px;flex-wrap:wrap;padding:28px;border:1px solid var(--sv-line);border-radius:22px;background:rgba(255,255,255,.9)}
.services-integrated-cta>span{padding:9px 11px;border-radius:999px;color:#fff;background:var(--sv-purple);font-size:9px;font-weight:800;letter-spacing:.05em}.services-integrated-cta>span:nth-of-type(2){background:var(--sv-blue)}.services-integrated-cta>span:nth-of-type(3){background:var(--sv-teal)}.services-integrated-cta>span:nth-of-type(4){background:var(--sv-magenta)}
.services-integrated-cta>i{color:var(--sv-purple);font-size:14px;font-style:normal;font-weight:800}
.services-integrated-cta>strong{flex:1 0 100%;display:block;margin-top:17px;padding-top:19px;border-top:1px solid var(--sv-line);color:var(--sv-ink);font:800 18px/1.5 "Manrope",sans-serif}
.services-output-list{display:grid;gap:10px}
.services-output-list article{display:flex;align-items:center;gap:16px;padding:15px;border:1px solid var(--sv-line);border-radius:15px;background:rgba(255,255,255,.92)}
.services-output-list b{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:11px;color:#fff;background:var(--sv-purple);font-size:10px}
.services-output-list article:nth-child(2) b{background:var(--sv-blue)}.services-output-list article:nth-child(3) b{background:var(--sv-teal)}.services-output-list article:nth-child(4) b{background:var(--sv-orange)}.services-output-list article:nth-child(5) b{background:var(--sv-magenta)}
.services-output-list span{font-size:12px;font-weight:700;line-height:1.4}

.services-contact{padding:18px 0 96px;background:#fff}
.services-contact-card{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center;padding:58px;overflow:hidden;border-radius:34px;color:#fff;background:radial-gradient(circle at 85% 12%,rgba(19,200,209,.24),transparent 25%),radial-gradient(circle at 14% 88%,rgba(255,227,75,.12),transparent 24%),linear-gradient(125deg,#15105c,#4018a3 36%,#ce0c8c 69%,#f87d25);box-shadow:0 30px 76px rgba(39,21,117,.25)}
.services-contact-card:after{content:"";position:absolute;left:-10%;right:-10%;bottom:-38%;height:61%;border:2px solid rgba(255,255,255,.14);border-radius:50%;transform:rotate(3deg);box-shadow:0 0 0 56px rgba(255,255,255,.025)}
.services-contact-card>div{position:relative;z-index:2}
.services-contact-card>div:first-child>span{color:#ffe4f3;font-size:10px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
.services-contact-card h2{font-size:clamp(34px,4vw,54px)}
.services-contact-card h2 em{background:linear-gradient(90deg,#fff,#a9f8ff,#fff08b);-webkit-background-clip:text;background-clip:text}
.services-contact-card p{margin:18px 0 0;color:rgba(255,255,255,.76);font-size:15px;line-height:1.7}
.services-contact-actions{display:flex;flex-direction:column;align-items:stretch;gap:10px}
.services-contact-actions a,.services-contact-actions span{padding:14px 17px;border:1px solid rgba(255,255,255,.24);border-radius:12px;color:#fff;background:rgba(255,255,255,.1);font-size:12px;font-weight:700;text-decoration:none}
.services-contact-actions a:first-child{display:flex;justify-content:space-between;color:var(--sv-purple);background:#fff;box-shadow:0 16px 35px rgba(17,5,78,.22);font-size:13px}
.services-contact-actions span{color:rgba(255,255,255,.76)}

.services-reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
.services-reveal.visible{opacity:1;transform:none}

@media(max-width:1100px){
  .services-intro-grid{grid-template-columns:1fr 1fr;gap:34px}
  .services-stage-grid,.services-testing-grid{grid-template-columns:repeat(2,1fr)}
  .services-five-grid .services-test-card,.services-five-grid .services-test-card:nth-child(4){grid-column:auto}
  .services-five-grid .services-test-card:nth-child(5){grid-column:1/3}
  .services-xnova-grid{gap:38px}
  .services-output-card{grid-template-columns:1fr}
}
@media(max-width:900px){
  .services-page .main-nav a.active:after{display:none}
  .services-intro-grid{grid-template-columns:1fr;min-height:0;padding:65px 0}
  .services-intro-brand{max-width:620px}
  .services-pathway{padding:74px 0 64px}
  .services-pathway-head,.services-testing-head{grid-template-columns:1fr;gap:15px;align-items:start}
  .services-stage-section,.services-xnova,.services-testing,.services-output{padding:76px 0}
  .services-xnova-grid{grid-template-columns:1fr}
  .services-contact-card{grid-template-columns:1fr}
}
@media(max-width:680px){
  .services-page main section{scroll-margin-top:76px}
  .services-intro-grid{padding:52px 0}
  .services-intro-copy h1{font-size:42px}
  .services-intro-copy>p{font-size:16px}
  .services-intro-brand{padding:25px 20px}
  .services-intro-brand>img{height:115px}
  .services-pathway-scroll{margin-right:calc((100vw - 100%)/-2);padding:7px 0 7px 7px;border-right:0;border-radius:20px 0 0 20px}
  .services-pathway-art{min-width:970px}
  .services-scroll-note{display:block}
  .services-stage-grid,.services-testing-grid,.services-xnova-metrics{grid-template-columns:1fr}
  .services-five-grid .services-test-card,.services-five-grid .services-test-card:nth-child(4),.services-five-grid .services-test-card:nth-child(5){grid-column:auto}
  .services-formulation-flow{grid-template-columns:1fr}
  .services-formulation-flow i{transform:rotate(90deg);justify-self:center}
  .services-stage-card,.services-test-card{min-height:0}
  .services-xnova-panel{padding:22px}
  .services-output-card,.services-contact-card{padding:36px 23px}
  .services-contact-card{gap:30px}
}
@media(prefers-reduced-motion:reduce){
  .services-page *{scroll-behavior:auto!important;animation:none!important;transition:none!important}
  .services-reveal{opacity:1;transform:none}
}