:root{
  --bg:#06111f;
  --bg-soft:#0c1930;
  --panel:#101f39;
  --panel-strong:#15284a;
  --surface:#eef4fb;
  --surface-soft:rgba(255,255,255,.08);
  --line:rgba(162,188,225,.18);
  --line-strong:rgba(162,188,225,.32);
  --text:#ecf4ff;
  --muted:#9eb1cc;
  --ink:#081321;
  --accent:#36a3ff;
  --accent-strong:#1273ea;
  --accent-soft:rgba(54,163,255,.18);
  --teal:#3fd0c9;
  --shadow:0 24px 70px rgba(1,8,19,.35);
  --radius-xl:32px;
  --radius-lg:24px;
  --radius-md:18px;
  --max:1200px;
  --section-space:88px;
}

*{
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
}

body{
  margin:0;
  min-width:320px;
  font-family:"Manrope",sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at top left, rgba(54,163,255,.18), transparent 30%),
    radial-gradient(circle at 85% 8%, rgba(63,208,201,.12), transparent 24%),
    linear-gradient(180deg, #07101d 0%, #091528 45%, #07111f 100%);
  line-height:1.65;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.02) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.02) 1px, transparent 1px);
  background-size:40px 40px;
  pointer-events:none;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.55), transparent 92%);
  z-index:0;
}

a{
  color:inherit;
  text-decoration:none;
}

img{
  display:block;
  max-width:100%;
  height:auto;
}

.page-shell{
  position:relative;
  z-index:1;
}

.page-shell > *{
  position:relative;
  z-index:1;
}

.intro-band{
  position:relative;
}

.intro-band::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='280' viewBox='0 0 520 280'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle cx='88' cy='70' r='42' fill='rgba(63,208,201,0.05)'/%3E%3Ccircle cx='88' cy='70' r='41.5' stroke='rgba(117,213,255,0.14)'/%3E%3Ccircle cx='232' cy='118' r='18' fill='rgba(54,163,255,0.06)'/%3E%3Ccircle cx='232' cy='118' r='17.5' stroke='rgba(117,213,255,0.16)'/%3E%3Ccircle cx='360' cy='78' r='56' fill='rgba(54,163,255,0.04)'/%3E%3Ccircle cx='360' cy='78' r='55.5' stroke='rgba(117,213,255,0.11)'/%3E%3Ccircle cx='442' cy='192' r='28' fill='rgba(63,208,201,0.05)'/%3E%3Ccircle cx='442' cy='192' r='27.5' stroke='rgba(117,213,255,0.14)'/%3E%3Ccircle cx='170' cy='214' r='64' fill='rgba(54,163,255,0.03)'/%3E%3Ccircle cx='170' cy='214' r='63.5' stroke='rgba(117,213,255,0.09)'/%3E%3C/g%3E%3C/svg%3E");
  background-size:520px 280px;
  background-repeat:repeat;
  opacity:.34;
  pointer-events:none;
  z-index:0;
}

.intro-band > *{
  position:relative;
  z-index:1;
}

.container{
  width:min(var(--max), calc(100% - 40px));
  margin:0 auto;
}

.section{
  padding:var(--section-space) 0;
}

.section--tight{
  padding:64px 0;
}

.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-bottom:20px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:#8cc9ff;
}

.eyebrow::before{
  content:"";
  width:30px;
  height:1px;
  background:linear-gradient(90deg, transparent, #8cc9ff);
}

h1,h2,h3{
  margin:0 0 16px;
  font-family:"Sora",sans-serif;
  line-height:1.08;
  letter-spacing:-.035em;
}

h1{
  max-width:11ch;
  font-size:clamp(3rem, 5.2vw, 4.85rem);
}

h2{
  max-width:13ch;
  font-size:clamp(2.1rem, 3.6vw, 3.35rem);
}

h3{
  font-size:1.28rem;
}

p{
  margin:0 0 18px;
  color:var(--muted);
  font-size:1rem;
}

.scroll-progress{
  position:fixed;
  inset:0 0 auto;
  height:4px;
  background:rgba(255,255,255,.04);
  z-index:20;
}

.scroll-progress__bar{
  display:block;
  width:0;
  height:100%;
  background:linear-gradient(90deg, var(--teal), var(--accent));
  box-shadow:0 0 18px rgba(54,163,255,.55);
  transform-origin:left center;
}

.topbar{
  position:sticky;
  top:0;
  z-index:15;
  backdrop-filter:blur(20px);
  background:rgba(5,14,26,.72);
  border-bottom:1px solid rgba(255,255,255,.06);
}

.topbar__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:14px 0;
}

.topbar p{
  margin:0;
  color:#d8e8fd;
  font-size:.95rem;
}

.topbar a{
  color:#fff;
  font-weight:800;
}

.hero{
  overflow:hidden;
  padding-top:70px;
}

.hero__grid{
  display:grid;
  grid-template-columns:minmax(0, 1.02fr) minmax(360px, .92fr);
  gap:48px;
  align-items:start;
}

.hero__lead{
  max-width:58ch;
  font-size:1.08rem;
}

.hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin:30px 0 26px;
}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:50px;
  padding:0 24px;
  border:1px solid transparent;
  border-radius:14px;
  font-size:.96rem;
  font-weight:700;
  letter-spacing:-.01em;
  transition:transform .18s ease, border-color .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease;
}

.btn:hover{
  transform:translateY(-1px);
}

.btn--primary{
  background:linear-gradient(180deg, #3ea6ff 0%, #1b7ef1 100%);
  color:#fff;
  border-color:rgba(91,177,255,.55);
  box-shadow:0 12px 24px rgba(18,115,234,.18);
}

.btn--secondary{
  background:rgba(255,255,255,.02);
  border-color:rgba(140,201,255,.24);
  color:#e5f2ff;
}

.btn--ghost{
  background:rgba(255,255,255,.02);
  border-color:rgba(255,255,255,.12);
  color:#fff;
}

.btn--primary:hover,
.btn--secondary:hover,
.btn--ghost:hover{
  box-shadow:0 10px 22px rgba(3,12,24,.18);
}

.hero__points{
  display:grid;
  gap:12px;
  margin:0;
  padding:0;
  list-style:none;
}

.hero__points li,
.signal-list li{
  position:relative;
  padding-left:18px;
  color:#dce9fb;
}

.hero__points li::before,
.signal-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.72em;
  width:8px;
  height:8px;
  border-radius:999px;
  background:linear-gradient(135deg, var(--teal), var(--accent));
  box-shadow:0 0 18px rgba(54,163,255,.55);
}

.hero__visual{
  position:relative;
  display:grid;
  gap:16px;
  align-content:start;
}

.hero-card{
  position:relative;
  overflow:hidden;
  padding:30px;
  border:1px solid var(--line);
  border-radius:28px;
  background:linear-gradient(180deg, rgba(18,33,59,.96) 0%, rgba(10,20,37,.98) 100%);
  box-shadow:0 18px 44px rgba(1,8,19,.22);
}

.hero-card::after{
  content:"";
  position:absolute;
  inset:auto -16% -32% auto;
  width:180px;
  height:180px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(54,163,255,.14), transparent 70%);
  pointer-events:none;
}

.hero-card--secondary{
  background:linear-gradient(180deg, rgba(10,21,40,.92) 0%, rgba(9,18,33,.92) 100%);
}

.hero-card__eyebrow,
.card-label{
  display:inline-flex;
  margin-bottom:14px;
  padding:7px 12px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:999px;
  background:rgba(255,255,255,.04);
  color:#b4d7fb;
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.hero-card h2{
  max-width:none;
  font-size:clamp(1.7rem, 2.7vw, 2.55rem);
}

.hero-metrics{
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.15fr);
  gap:14px;
  margin-top:24px;
  align-items:stretch;
}

.metric-card{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-height:182px;
  padding:20px 18px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:20px;
  background:rgba(255,255,255,.035);
}

.metric-card strong{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:4px;
  margin-bottom:14px;
  color:#fff;
  font-family:"Sora",sans-serif;
  font-size:1rem;
  line-height:1.06;
}

.metric-card__value{
  display:block;
  font-size:clamp(2.15rem, 2.55vw, 2.8rem);
  font-weight:800;
  letter-spacing:-.05em;
}

.metric-card__value--stacked{
  display:grid;
  grid-template-columns:1fr;
  row-gap:6px;
}

.metric-card__number{
  display:block;
  line-height:.92;
}

.metric-card__numberline{
  display:flex;
  align-items:flex-end;
  gap:8px;
}

.metric-card__number-suffix{
  display:block;
  padding-bottom:4px;
  font-size:1.15rem;
  font-weight:800;
  letter-spacing:-.04em;
  line-height:1;
}

.metric-card__unit{
  display:block;
  max-width:none;
  font-size:1.02rem;
  font-weight:700;
  line-height:1.15;
  letter-spacing:-.02em;
  color:#d9e8fb;
}

.metric-card--duration .metric-card__value{
  font-size:clamp(2rem, 2.3vw, 2.55rem);
}

.metric-card > span{
  color:#c3d5eb;
  font-size:.92rem;
  line-height:1.6;
}

.signal-list,
.stack-list{
  display:grid;
  gap:14px;
  margin:0;
  padding:0;
  list-style:none;
}

.section-heading{
  max-width:860px;
  margin-bottom:32px;
}

.section-heading--center{
  margin-inline:auto;
  text-align:center;
}

.section-heading--center h2,
.section-heading--center p{
  margin-left:auto;
  margin-right:auto;
}

.section-heading p{
  max-width:64ch;
}

.comparison-grid,
.audience-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:24px;
}

.glass-card{
  padding:28px;
  border:1px solid var(--line);
  border-radius:26px;
  background:linear-gradient(180deg, rgba(14,27,49,.94) 0%, rgba(9,18,33,.96) 100%);
  box-shadow:0 16px 36px rgba(1,8,19,.18);
}

.glass-card--accent{
  border-color:rgba(54,163,255,.3);
  background:linear-gradient(180deg, rgba(18,47,87,.96) 0%, rgba(11,23,42,.96) 100%);
}

.stack-list li{
  padding:14px 0;
  border-bottom:1px solid rgba(255,255,255,.08);
  color:#dce9fb;
}

.stack-list li:last-child{
  border-bottom:0;
}

.stack-list--strong li{
  color:#fff;
  font-weight:700;
}

.band{
  background:linear-gradient(180deg, rgba(255,255,255,.03) 0%, rgba(255,255,255,.015) 100%);
  border-top:1px solid rgba(255,255,255,.05);
  border-bottom:1px solid rgba(255,255,255,.05);
}

.process-band{
  position:relative;
  background:
    linear-gradient(180deg, rgba(7,17,31,.92) 0%, rgba(8,20,37,.96) 100%),
    url("../images/capabilities-bg.svg");
  background-size:cover, cover;
  background-position:center, center;
  background-repeat:no-repeat, no-repeat;
}

.process-band::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(6,17,31,.9) 0%, rgba(6,17,31,.42) 48%, rgba(6,17,31,.78) 100%);
  pointer-events:none;
}

.process-band > .container{
  position:relative;
  z-index:1;
}

.capability-grid,
.innovation-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:18px;
}

.feature-card,
.innovation-card{
  position:relative;
  padding:24px;
  border:1px solid var(--line);
  border-radius:24px;
  background:linear-gradient(180deg, rgba(12,24,44,.9) 0%, rgba(7,15,28,.96) 100%);
  transition:border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.feature-card:hover,
.innovation-card:hover{
  border-color:rgba(54,163,255,.28);
  transform:translateY(-2px);
  box-shadow:0 16px 30px rgba(1,8,19,.2);
}

.feature-card span{
  display:inline-flex;
  margin-bottom:18px;
  color:#88c7ff;
  font-family:"Sora",sans-serif;
  font-size:.92rem;
  font-weight:700;
}

.split-layout{
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(320px, .9fr);
  gap:40px;
  align-items:start;
}

.tag-row{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:24px;
}

.tag-row span{
  padding:10px 14px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:999px;
  background:rgba(255,255,255,.04);
  color:#e6f1ff;
  font-weight:700;
}

.outcome-panel{
  padding:16px 18px;
  border:1px solid var(--line);
  border-radius:26px;
  background:linear-gradient(180deg, rgba(12,24,44,.92) 0%, rgba(7,15,28,.96) 100%);
  box-shadow:0 16px 36px rgba(1,8,19,.16);
}

.outcome-row{
  display:grid;
  grid-template-columns:120px 1fr;
  gap:18px;
  padding:20px 14px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.outcome-row:last-child{
  border-bottom:0;
}

.outcome-row strong{
  color:#fff;
  font-family:"Sora",sans-serif;
}

.outcome-row p{
  margin:0;
}

.quote-strip{
  position:relative;
}

.quote-strip__inner{
  padding:42px;
  border:1px solid rgba(63,208,201,.18);
  border-radius:32px;
  background:
    radial-gradient(circle at top right, rgba(63,208,201,.12), transparent 34%),
    linear-gradient(135deg, rgba(8,19,35,.92) 0%, rgba(17,41,74,.96) 100%);
  box-shadow:0 18px 36px rgba(1,8,19,.18);
}

.quote-strip blockquote{
  margin:0;
  color:#fff;
  font-family:"Sora",sans-serif;
  font-size:clamp(1.6rem, 3vw, 2.6rem);
  line-height:1.28;
  letter-spacing:-.03em;
}

.timeline{
  position:relative;
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:18px;
}

.process-steps-band{
  position:relative;
  background:
    linear-gradient(180deg, rgba(7,16,29,.94) 0%, rgba(8,18,33,.98) 100%),
    url("../images/process-flow-bg.svg");
  background-size:cover, cover;
  background-position:center, center;
  background-repeat:no-repeat, no-repeat;
}

.process-steps-band::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(6,17,31,.82) 0%, rgba(6,17,31,.72) 100%);
  pointer-events:none;
}

.process-steps-band > .container{
  position:relative;
  z-index:1;
}

.timeline-step{
  position:relative;
  padding:34px 24px 24px;
  border:1px solid var(--line);
  border-radius:24px;
  background:linear-gradient(180deg, rgba(12,24,44,.92) 0%, rgba(7,15,28,.96) 100%);
}

.timeline-step__number{
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  width:50px;
  height:50px;
  margin-bottom:22px;
  border-radius:50%;
  background:linear-gradient(135deg, var(--teal), var(--accent));
  color:#03101d;
  font-family:"Sora",sans-serif;
  font-weight:800;
}

.cta-panel{
  display:grid;
  grid-template-columns:minmax(0, 1.1fr) minmax(280px, .9fr);
  gap:24px;
  padding:30px;
  border:1px solid rgba(54,163,255,.22);
  border-radius:28px;
  background:
    radial-gradient(circle at top right, rgba(54,163,255,.14), transparent 32%),
    linear-gradient(180deg, rgba(12,24,44,.96) 0%, rgba(7,15,28,.98) 100%);
  box-shadow:0 18px 40px rgba(1,8,19,.2);
}

.cta-panel__aside{
  padding:24px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:22px;
  background:rgba(255,255,255,.04);
}

.cta-panel__aside .btn{
  width:100%;
  margin-top:12px;
}

.js [data-reveal]{
  opacity:0;
  transform:translate3d(0, 34px, 0);
  transition:opacity .7s ease, transform .7s ease;
}

.js [data-reveal="left"]{
  transform:translate3d(34px, 0, 0);
}

.js [data-reveal].is-visible{
  opacity:1;
  transform:translate3d(0, 0, 0);
}

@media (prefers-reduced-motion: reduce){
  html{
    scroll-behavior:auto;
  }

  *,
  *::before,
  *::after{
    animation:none !important;
    transition:none !important;
  }

  .js [data-reveal]{
    opacity:1;
    transform:none;
  }
}

@media (max-width: 1080px){
  .hero__grid,
  .split-layout,
  .cta-panel,
  .capability-grid,
  .innovation-grid,
  .timeline{
    grid-template-columns:1fr;
  }

  .comparison-grid,
  .audience-grid{
    grid-template-columns:1fr;
  }

  .hero-metrics{
    grid-template-columns:1fr;
  }

  h1,
  h2{
    max-width:none;
  }

  .hero{
    padding-top:56px;
  }
}

@media (max-width: 720px){
  .container{
    width:min(var(--max), calc(100% - 24px));
  }

  .section{
    padding:68px 0;
  }

  .topbar__inner,
  .hero__actions{
    flex-direction:column;
    align-items:flex-start;
  }

  .hero-card,
  .glass-card,
  .feature-card,
  .innovation-card,
  .quote-strip__inner,
  .timeline-step,
  .cta-panel,
  .cta-panel__aside{
    padding:22px;
  }

  .btn{
    width:100%;
  }

  .hero__lead{
    font-size:1rem;
  }

  .metric-card strong{
    font-size:1rem;
  }

  .metric-card__value{
    font-size:2rem;
  }

  .metric-card{
    min-height:unset;
  }

  .metric-card__unit{
    font-size:1rem;
  }

  .outcome-row{
    grid-template-columns:1fr;
    gap:8px;
  }
}

body.page-services{
  --services-white-soft:#f9fafb;
  --services-white:#ffffff;
  --services-ink:#0a1a33;
  --services-ink-2:#12243b;
  --services-muted:#5f6c7b;
  --services-line:rgba(10,26,51,.12);
  --services-line-strong:rgba(10,26,51,.18);
  --services-shadow:0 10px 30px rgba(10,26,51,.08);
  --services-panel-shadow:0 18px 36px rgba(10,26,51,.14);
  --services-bubbles:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='280' viewBox='0 0 520 280'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle cx='88' cy='70' r='42' fill='rgba(63,208,201,0.07)'/%3E%3Ccircle cx='88' cy='70' r='41.5' stroke='rgba(117,213,255,0.22)'/%3E%3Ccircle cx='232' cy='118' r='18' fill='rgba(54,163,255,0.08)'/%3E%3Ccircle cx='232' cy='118' r='17.5' stroke='rgba(117,213,255,0.22)'/%3E%3Ccircle cx='360' cy='78' r='56' fill='rgba(54,163,255,0.06)'/%3E%3Ccircle cx='360' cy='78' r='55.5' stroke='rgba(117,213,255,0.18)'/%3E%3Ccircle cx='442' cy='192' r='28' fill='rgba(63,208,201,0.07)'/%3E%3Ccircle cx='442' cy='192' r='27.5' stroke='rgba(117,213,255,0.2)'/%3E%3Ccircle cx='170' cy='214' r='64' fill='rgba(54,163,255,0.05)'/%3E%3Ccircle cx='170' cy='214' r='63.5' stroke='rgba(117,213,255,0.15)'/%3E%3C/g%3E%3C/svg%3E");
  background:var(--services-white-soft);
  color:var(--services-ink);
}

body.page-services::before{
  display:none;
}

body.page-services .page-shell{
  background:transparent;
}

body.page-services .page-hero .hero-inner{
  text-align:center;
}

body.page-services .page-hero h1{
  max-width:none;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}

body.page-services .page-hero p{
  max-width:900px;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}

body.page-services .intro-band{
  background:var(--services-white-soft);
}

body.page-services .intro-band::before{
  display:none;
}

body.page-services .band{
  background:var(--services-white-soft);
  border-top:1px solid rgba(10,26,51,.06);
  border-bottom:1px solid rgba(10,26,51,.06);
}

body.page-services .intro-band .hero,
body.page-services .intro-band .section,
body.page-services main > .section:not(.process-band):not(.process-steps-band){
  background:transparent;
}

body.page-services .intro-band h1,
body.page-services .intro-band h2,
body.page-services .intro-band h3,
body.page-services main > .section:not(.process-band):not(.process-steps-band) h2,
body.page-services main > .section:not(.process-band):not(.process-steps-band) h3{
  color:var(--services-ink);
}

body.page-services .hero__copy h1{
  font-size:clamp(2.7rem, 4.5vw, 4.1rem);
  color:#12243b;
}

body.page-services .intro-band p,
body.page-services .intro-band li,
body.page-services main > .section:not(.process-band):not(.process-steps-band) p,
body.page-services main > .section:not(.process-band):not(.process-steps-band) li{
  color:var(--services-muted);
}

body.page-services .intro-band .eyebrow,
body.page-services main > .section:not(.process-band):not(.process-steps-band) .eyebrow{
  color:#2f7fda;
}

body.page-services .intro-band .eyebrow::before,
body.page-services main > .section:not(.process-band):not(.process-steps-band) .eyebrow::before{
  background:linear-gradient(90deg, transparent, #2f7fda);
}

body.page-services .intro-band .hero__points li,
body.page-services .intro-band .signal-list li{
  color:var(--services-ink-2);
}

body.page-services .intro-band .hero-card .signal-list li,
body.page-services .intro-band .hero-card--secondary .signal-list li{
  color:#cfe0f5;
}

body.page-services .btn--secondary{
  background:#f2f7fd;
  border-color:rgba(47,127,218,.22);
  color:#12243b;
  box-shadow:0 10px 22px rgba(10,26,51,.08);
}

body.page-services .btn--secondary:hover{
  border-color:rgba(47,127,218,.34);
  box-shadow:0 12px 26px rgba(10,26,51,.12);
}

body.page-services .card-dark{
  border:1px solid rgba(116,151,198,.18);
  background:linear-gradient(180deg, #12243b 0%, #0a1a33 100%);
  box-shadow:var(--services-panel-shadow);
  --card-heading-on-dark:#ecf4ff;
  --card-copy-on-dark:#c3d5eb;
}

body.page-services .card-dark.hero-card::after,
body.page-services .card-dark.quote-strip__inner::before,
body.page-services .card-dark.cta-panel::before{
  display:none;
}

body.page-services .card-dark .hero-card__eyebrow,
body.page-services .card-dark .card-label,
body.page-services .card-dark.card-label,
body.page-services .audience-grid .card-dark .card-label,
body.page-services .comparison-grid .card-dark .card-label{
  border-color:rgba(255,255,255,.12);
  background:rgba(255,255,255,.08);
  color:#b6d4f7;
}

body.page-services .intro-band .card-dark h2,
body.page-services .intro-band .card-dark h3,
body.page-services .intro-band .card-dark blockquote,
body.page-services .intro-band .card-dark strong,
body.page-services main > .section .card-dark h2,
body.page-services main > .section .card-dark h3,
body.page-services main > .section .card-dark blockquote,
body.page-services main > .section .card-dark strong,
body.page-services .card-dark .metric-card strong,
body.page-services .card-dark .metric-card__value{
  color:var(--card-heading-on-dark) !important;
  font-family:"Sora",sans-serif;
  font-weight:700;
  letter-spacing:-.02em;
}

body.page-services .intro-band .card-dark p,
body.page-services .intro-band .card-dark li,
body.page-services .intro-band .card-dark .eyebrow,
body.page-services .intro-band .card-dark .hero-card__eyebrow,
body.page-services main > .section .card-dark p,
body.page-services main > .section .card-dark li,
body.page-services main > .section .card-dark .eyebrow,
body.page-services .card-dark .hero-card__eyebrow,
body.page-services .card-dark .metric-card > span,
body.page-services .card-dark .metric-card__unit{
  color:var(--card-copy-on-dark) !important;
}

body.page-services .intro-band .card-dark h2,
body.page-services .intro-band .card-dark h3,
body.page-services .intro-band .card-dark blockquote,
body.page-services .intro-band .card-dark strong,
body.page-services main > .section .card-dark h2,
body.page-services main > .section .card-dark h3,
body.page-services main > .section .card-dark blockquote,
body.page-services main > .section .card-dark strong{
  text-shadow:none;
}

body.page-services .intro-band .metric-card,
body.page-services .tag-row span{
  border-color:rgba(255,255,255,.12);
  background:rgba(255,255,255,.05);
}

body.page-services .intro-band .metric-card > span,
body.page-services .intro-band .metric-card__unit{
  color:#c3d5eb;
}

body.page-services .intro-band .metric-card__value,
body.page-services .tag-row span{
  color:#ecf4ff;
}

body.page-services .stack-list li,
body.page-services .outcome-row{
  border-bottom-color:rgba(255,255,255,.1);
}

body.page-services .tag-row span{
  border-color:rgba(116,151,198,.18);
  background:linear-gradient(180deg, #12243b 0%, #0a1a33 100%);
  color:#ecf4ff;
  box-shadow:0 10px 22px rgba(10,26,51,.12);
}

body.page-services .glass-card--accent{
  border-color:rgba(84,164,255,.34);
  background:linear-gradient(180deg, #173258 0%, #0e223f 100%);
}

body.page-services .quote-strip__inner{
  background:linear-gradient(180deg, #132744 0%, #0b1b34 100%);
}

body.page-services .cta-panel__aside{
  border-color:var(--services-line);
  background:#f3f7fc;
  box-shadow:none;
  color:var(--services-ink) !important;
}

body.page-services .cta-panel__aside,
body.page-services .cta-panel__aside h3,
body.page-services .cta-panel__aside p,
body.page-services .cta-panel__aside span,
body.page-services .cta-panel__aside li{
  text-shadow:none !important;
}

body.page-services main > .section .card-dark .cta-panel__aside h3,
body.page-services .card-dark .cta-panel__aside h3,
body.page-services .cta-panel__aside h3{
  color:var(--services-ink) !important;
}

body.page-services main > .section .card-dark .cta-panel__aside p,
body.page-services .card-dark .cta-panel__aside p,
body.page-services .cta-panel__aside p{
  color:var(--services-muted) !important;
}

body.page-services .cta-panel__aside .btn--ghost{
  border-color:rgba(10,26,51,.12);
  color:var(--services-ink);
}

body.page-services .process-band,
body.page-services .process-steps-band{
  position:relative;
  background:linear-gradient(180deg, #07111f 0%, #0a1628 100%);
  border-top:1px solid rgba(255,255,255,.05);
  border-bottom:1px solid rgba(255,255,255,.05);
  overflow:hidden;
}

body.page-services .process-band::before,
body.page-services .process-steps-band::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:var(--services-bubbles);
  background-size:520px 280px;
  background-repeat:repeat;
  opacity:.88;
  pointer-events:none;
}

body.page-services .process-band::after,
body.page-services .process-steps-band::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 12% 18%, rgba(54,163,255,.12), transparent 20%),
    radial-gradient(circle at 82% 72%, rgba(63,208,201,.08), transparent 18%),
    linear-gradient(180deg, rgba(6,17,31,.22) 0%, rgba(6,17,31,.34) 100%);
  pointer-events:none;
}

body.page-services .process-band > .container,
body.page-services .process-steps-band > .container{
  position:relative;
  z-index:2;
}

body.page-services .process-band h2,
body.page-services .process-band h3,
body.page-services .process-steps-band h2,
body.page-services .process-steps-band h3,
body.page-services .process-band .eyebrow,
body.page-services .process-steps-band .eyebrow,
body.page-services .process-band p,
body.page-services .process-steps-band p{
  color:#ecf4ff;
}

body.page-services .process-band .eyebrow::before,
body.page-services .process-steps-band .eyebrow::before{
  background:linear-gradient(90deg, transparent, #8cc9ff);
}

body.page-services .process-band .feature-card,
body.page-services .process-steps-band .timeline-step{
  border-color:rgba(10,26,51,.1);
  background:linear-gradient(180deg, #ffffff 0%, #f6f9fd 100%);
  box-shadow:0 18px 36px rgba(4,12,24,.18);
}

body.page-services .process-band .feature-card h3,
body.page-services .process-steps-band .timeline-step h3,
body.page-services .process-band .feature-card span{
  color:var(--services-ink);
}

body.page-services .process-band .feature-card p,
body.page-services .process-steps-band .timeline-step p{
  color:var(--services-muted);
}

body.page-services .process-band .feature-card span{
  align-items:center;
  justify-content:center;
  width:52px;
  height:52px;
  margin-bottom:20px;
  border:2px solid currentColor;
  border-radius:999px;
  font-size:1rem;
  line-height:1;
  letter-spacing:-.02em;
}

body.page-services .process-steps-band .timeline-step__number{
  width:52px;
  height:52px;
  border:2px solid var(--services-ink);
  background:transparent;
  color:var(--services-ink);
  box-shadow:none;
}
