:root{
  --sys-dark:#241f31;
  --sys-dark-2:#302a40;
  --sys-action:#f0733f;
  --sys-action-deep:#d85d2d;
  --sys-support:#8a88c9;
  --sys-support-soft:#ecebfa;
  --sys-warm:#fbf5ef;
  --sys-cool:#f4f3fb;
}

/* Shared composition. Only the role tokens change between options. */
body .header .btn,body .hero .btn,body #services .btn{
  background:var(--sys-action)!important;color:#fff!important;border-color:var(--sys-action)!important;box-shadow:none!important
}
body .header .btn:hover,body .hero .btn:hover,body #services .btn:hover{
  background:var(--sys-action-deep)!important;border-color:var(--sys-action-deep)!important
}
body .header-promo{background:var(--sys-warm)!important;color:var(--atri-ink)!important}
body .promo-date,body .promo-arrow{background:var(--sys-action)!important;color:#fff!important;border-color:var(--sys-action)!important}

html body .hero .hero-main{
  background-color:var(--sys-dark)!important;
  background-image:radial-gradient(circle at 78% 82%,color-mix(in srgb,var(--sys-support) 25%,transparent) 0 25%,transparent 25.5%)!important;
  color:#fff!important;border-color:color-mix(in srgb,var(--sys-dark) 78%,#fff)!important
}
html body .hero .hero-main::before,html body .hero .hero-main::after{background:transparent!important;border-color:rgba(255,255,255,.08)!important}
body .hero-copy h1{color:#fff!important}
body .hero-copy h1 span,body .hero-copy h1 em,body .hero-copy .accent{color:var(--sys-support)!important}
body .hero-copy .eyebrow{color:rgba(255,255,255,.62)!important}
body .hero-copy .lead,body .hero-note{color:rgba(255,255,255,.72)!important}
body .hero-doctor{mix-blend-mode:normal!important;filter:none!important}
html body .hero .hero-badge{background:rgba(255,255,255,.1)!important;color:var(--sys-support)!important;border:1px solid rgba(255,255,255,.18)!important}
html body .hero .hero-badge strong,html body .hero .hero-badge b,html body .hero .hero-badge span{color:var(--sys-support)!important}
body .proof-icon,body .proof-symbol{background:var(--sys-support-soft)!important;color:var(--sys-dark)!important}
body .hero .hero-card:nth-child(1){background:var(--sys-dark-2)!important;color:#fff!important;border-color:var(--sys-dark-2)!important}
body .hero .hero-card:nth-child(2){background:var(--sys-warm)!important;color:var(--atri-ink)!important}
body .hero .hero-card:nth-child(3){background:var(--sys-cool)!important;color:var(--atri-ink)!important}
body .hero .hero-card:nth-child(1) .eyebrow{color:var(--sys-support)!important}
body .hero .hero-card:nth-child(2) .eyebrow,body .hero .hero-card:nth-child(3) .eyebrow{color:var(--atri-muted)!important}

body #services{background:var(--sys-warm)!important}
body #services .offer-main{background-color:var(--sys-dark)!important;color:#fff!important;border-color:var(--sys-dark)!important}
body #services .offer-main::after{background:linear-gradient(90deg,color-mix(in srgb,var(--sys-dark) 96%,transparent) 0%,color-mix(in srgb,var(--sys-dark) 84%,transparent) 46%,color-mix(in srgb,var(--sys-dark) 18%,transparent) 100%)!important}
body #services .offer-main h3,body #services .offer-main .offer-price,body #services .offer-main .price{color:#fff!important}
body #services .offer-main p,body #services .offer-includes{color:rgba(255,255,255,.7)!important}
body #services .offer-badge,body #services .offer-flag{background:var(--sys-action)!important;color:#fff!important;border-color:var(--sys-action)!important}
body #services .offer-card{background:var(--sys-cool)!important;color:var(--atri-ink)!important;border-color:color-mix(in srgb,var(--sys-support) 22%,var(--atri-line))!important}
body #services .offer-card:nth-child(2){background:var(--sys-warm)!important}
body #services .offer-card:nth-child(3){background:var(--sys-support-soft)!important}
body #services .mini-tag{background:var(--sys-support-soft)!important;color:var(--sys-dark)!important;border-color:color-mix(in srgb,var(--sys-support) 25%,transparent)!important}
body #services .mini-price{color:var(--sys-action)!important}
body #services .service-bottom span,body #services .arrow{background:var(--sys-action)!important;color:#fff!important;border-color:var(--sys-action)!important}

@media(min-width:1180px) and (max-width:1600px){
  body .hero-grid{grid-template-columns:minmax(0,1.55fr) minmax(330px,.72fr)!important}
  body #services .offer-stage{grid-template-columns:minmax(0,1.45fr) minmax(330px,.75fr)!important}
}