/* fade1012 — sitewide soft purple fades into black (loaded last on every page) */
html body .cta6,html body .band10-cta,html body:not(#z) section.cta6.cta6:not(#z),html body:not(#z) section.band10-cta:not(#z){
  background:
    radial-gradient(60% 75% at 50% 38%,rgba(124,92,255,.30) 0%,rgba(98,66,214,.16) 38%,rgba(60,36,140,.06) 62%,rgba(0,0,0,0) 80%),
    radial-gradient(45% 60% at 12% 100%,rgba(140,90,255,.12) 0%,rgba(0,0,0,0) 70%),
    radial-gradient(45% 60% at 88% 0%,rgba(140,90,255,.12) 0%,rgba(0,0,0,0) 70%),
    linear-gradient(180deg,#050407 0%,#0a0712 30%,#0a0712 70%,#050407 100%)!important;
  border-top:0!important;border-bottom:0!important}
html body .cta18{background:linear-gradient(135deg,rgba(120,84,250,.26) 0%,rgba(80,52,190,.14) 50%,rgba(20,12,40,.35) 100%)!important;
  border-color:rgba(150,120,255,.14)!important;
  box-shadow:0 0 0 1px rgba(150,120,255,.06),0 30px 80px -20px rgba(110,70,240,.35),0 0 120px -30px rgba(140,90,255,.30)!important}
html body .care22-s{background-color:#050407!important;
  background-image:
    radial-gradient(1100px 680px at 82% 6%,rgba(124,86,255,.30) 0%,rgba(96,60,210,.14) 40%,rgba(0,0,0,0) 72%),
    radial-gradient(900px 620px at 4% 100%,rgba(110,70,240,.22) 0%,rgba(80,50,180,.08) 45%,rgba(0,0,0,0) 74%),
    linear-gradient(180deg,#050407 0%,rgba(5,4,7,0) 140px)!important}
html body .care22-s::after{height:240px!important;background:linear-gradient(180deg,rgba(5,4,7,0) 0%,rgba(5,4,7,.6) 55%,#050407 100%)!important}
html body .care22-eb{color:#b49cff!important;text-shadow:0 0 18px rgba(150,110,255,.45)}
html body .care22 li{box-shadow:0 20px 60px -30px rgba(120,80,255,.35)!important;border-color:rgba(150,120,255,.12)!important}
html body footer.ft6{background:
    radial-gradient(70% 220px at 50% 0%,rgba(118,82,245,.18) 0%,rgba(0,0,0,0) 100%),
    radial-gradient(40% 60% at 90% 100%,rgba(118,82,245,.10) 0%,rgba(0,0,0,0) 75%),
    linear-gradient(180deg,#050407 0%,#0b0912 240px,#0d0a15 100%)!important;border-top:0!important}
/* softer button glows */
html body a.btn:not(.ghost),html body .wdh24-btn,html body .cta18 a,html body .cta6 a[class]{
  background-image:linear-gradient(135deg,#8b6bff 0%,#7a56f5 50%,#6440e0 100%);
  box-shadow:0 10px 30px -8px rgba(124,86,255,.55),0 0 40px -10px rgba(150,110,255,.45)!important;
  transition:box-shadow .45s ease,filter .45s ease,transform .45s ease}
html body a.btn:not(.ghost):hover,html body .wdh24-btn:hover,html body .cta18 a:hover,html body .cta6 a[class]:hover{
  box-shadow:0 14px 40px -8px rgba(124,86,255,.7),0 0 70px -10px rgba(160,120,255,.6)!important;filter:brightness(1.06)}
/* generic soft section edges */
html body main>section{border-top-color:transparent!important}

/* navline1024 — Hayley t1024u: remove harsh under-nav line; soft blend (no mask — keeps Services dropdown) */
html body .hd6,html body .hd6.solid,html body #top-bar.hd6,html body.home .hd6,
html body.home .hd6.solid,html body .home .hd6,html body .home .hd6.solid,
html body.nohd11-on .hd6,html body.hds12 .hd6{
  border-bottom:0!important;border-bottom-color:transparent!important;
  box-shadow:none!important;
  background:rgba(6,5,10,.78)!important;background-image:none!important;
  -webkit-backdrop-filter:saturate(1.15) blur(12px)!important;
  backdrop-filter:saturate(1.15) blur(12px)!important;
  -webkit-mask-image:none!important;mask-image:none!important}
html body .hd6::before,html body #top-bar.hd6::before{display:none!important;content:none!important;border:0!important}
/* soft veil just under the bar so the hard glass edge eases into the hero */
html body .hd6::after,html body #top-bar.hd6::after{
  content:""!important;display:block!important;pointer-events:none!important;
  position:absolute!important;left:0!important;right:0!important;top:100%!important;
  height:28px!important;border:0!important;box-shadow:none!important;
  background:linear-gradient(180deg,rgba(6,5,10,.35),rgba(6,5,10,0))!important;
  -webkit-mask-image:none!important;mask-image:none!important;z-index:0!important}


/* fade1054 — Hayley t1054u: raw colors fade into each other; no harsh section cuts */
/* Keep purple soft and blended into black; do not darken readable overlays. */

/* Shared page void so junctions share one black */
html,body{background-color:#050407!important}

/* Kill leftover hard section rails */
html body main>section,
html body main>section[class],
html body .rd26-keep>section{
  border-top:0!important;border-bottom:0!important;
  border-top-color:transparent!important;border-bottom-color:transparent!important;
  box-shadow:none!important}

/* Soft purple↔black ambient on common dark sections (sitewide where these classes exist) */
html body main section.wm27,
html body main section.wh26,
html body main section.an187,
html body main section.cl26,
html body main section.cp188,
html body main section.promo187,
html body main section.bts21-sec,
html body main section.ai21,
html body main section.adv21,
html body main section.ph21{
  background-color:#050407!important;
  background-image:
    radial-gradient(ellipse 90% 55% at 50% -8%,rgba(124,92,255,.14) 0%,rgba(90,70,180,.05) 42%,rgba(0,0,0,0) 78%),
    radial-gradient(ellipse 70% 48% at 50% 108%,rgba(110,80,240,.10) 0%,rgba(0,0,0,0) 72%),
    linear-gradient(180deg,#050407 0%,#07060c 45%,#050407 100%)!important;
  border:0!important}

/* Hero / header bands: longer dissolve into the black below */
html body .smmhd,
html body main section.smmhd{
  background:#050407!important}
html body .smmhd-fade{
  height:clamp(180px,22vw,280px)!important;
  background:linear-gradient(180deg,
    rgba(5,4,7,0) 0%,
    rgba(5,4,7,.10) 22%,
    rgba(5,4,7,.28) 48%,
    rgba(5,4,7,.55) 70%,
    rgba(5,4,7,.82) 88%,
    #050407 100%)!important}
html body .smmhd-bg{
  background:
    radial-gradient(ellipse 58% 62% at 76% 36%,rgba(139,123,255,.26) 0%,rgba(122,107,240,.12) 34%,rgba(90,70,180,.05) 60%,transparent 84%),
    radial-gradient(ellipse 38% 44% at 68% 48%,rgba(180,160,255,.10) 0%,rgba(122,107,240,.04) 48%,transparent 80%),
    linear-gradient(125deg,transparent 28%,rgba(122,107,240,.07) 48%,rgba(200,180,255,.05) 56%,transparent 78%),
    linear-gradient(180deg,#050407 0%,#0a0614 38%,#050407 62%,#050407 100%)!important}

/* Soften hard card frames (keep structure; ease the cut) */
html body .wm27-c,
html body .wh26-c,
html body .cl26-c,
html body .smc23-c,
html body .sm26s-r li,
html body .an187-card,
html body .ga1812-card,
html body .bts21-card,
html body .adv21-card{
  border-color:rgba(150,120,255,.10)!important;
  box-shadow:0 18px 50px -28px rgba(90,70,210,.28),0 0 0 1px rgba(150,120,255,.04)!important}

/* CTA already soft — push the purple falloff farther so it never hard-cuts into footer */
html body .cta6,html body .band10-cta,html body:not(#z) section.cta6.cta6:not(#z),html body:not(#z) section.band10-cta:not(#z){
  background:
    radial-gradient(65% 80% at 50% 40%,rgba(124,92,255,.28) 0%,rgba(98,66,214,.14) 40%,rgba(60,36,140,.05) 64%,rgba(0,0,0,0) 84%),
    radial-gradient(50% 60% at 8% 100%,rgba(140,90,255,.10) 0%,rgba(0,0,0,0) 72%),
    radial-gradient(50% 60% at 92% 0%,rgba(140,90,255,.10) 0%,rgba(0,0,0,0) 72%),
    linear-gradient(180deg,#050407 0%,#0a0712 28%,#0a0712 72%,#050407 100%)!important}

html body footer.ft6{
  background:
    radial-gradient(80% 260px at 50% 0%,rgba(118,82,245,.16) 0%,rgba(0,0,0,0) 100%),
    radial-gradient(42% 60% at 90% 100%,rgba(118,82,245,.08) 0%,rgba(0,0,0,0) 78%),
    linear-gradient(180deg,#050407 0%,#0b0912 260px,#0d0a15 100%)!important;
  border-top:0!important;box-shadow:none!important}

/* Soften solid purple CTA box glow into black */
html body .cta18{
  border-color:rgba(150,120,255,.12)!important;
  box-shadow:0 0 0 1px rgba(150,120,255,.05),0 30px 90px -24px rgba(110,70,240,.32),0 0 140px -36px rgba(140,90,255,.28)!important}

/* Pills / connect buttons — softer outer bloom into black */
html body a.pill,html body .pill.big,html body .smmhd-cta{
  box-shadow:0 12px 34px -10px rgba(124,86,255,.55),0 0 48px -12px rgba(150,110,255,.40)!important}

/* seam1226 — Hayley t1199/t1226: footer used to open on a purple-tinted band right against the
   black CTA edge (hard line). Start the footer on the same #050407 and let the purple bloom in below. */
html body footer.ft6,html body:not(#z) footer.ft6{
  background:
    linear-gradient(180deg,#050407 0%,rgba(5,4,7,.85) 50px,rgba(5,4,7,.45) 120px,rgba(5,4,7,0) 220px),
    radial-gradient(80% 300px at 50% 140px,rgba(118,82,245,.12) 0%,rgba(0,0,0,0) 100%),
    radial-gradient(42% 60% at 90% 100%,rgba(118,82,245,.08) 0%,rgba(0,0,0,0) 78%),
    linear-gradient(180deg,#050407 0%,#0b0912 260px,#0d0a15 100%)!important;
  border-top:0!important;box-shadow:none!important}


/* t1231: hide play glyphs only — do not touch enclosure (blanked video in Safari/Chrome) */
video[autoplay]::-webkit-media-controls-start-playback-button,
video[autoplay]::-webkit-media-controls-overlay-play-button,
video[data-loop]::-webkit-media-controls-start-playback-button,
video[data-loop]::-webkit-media-controls-overlay-play-button,
video[muted]::-webkit-media-controls-start-playback-button,
video[muted]::-webkit-media-controls-overlay-play-button,
video.hero6-v::-webkit-media-controls-start-playback-button,
video.promo7-video::-webkit-media-controls-start-playback-button,
video.pf11-v::-webkit-media-controls-start-playback-button,
video.fc-reel-v::-webkit-media-controls-start-playback-button{
  display:none!important;
  -webkit-appearance:none!important;
  opacity:0!important;
  pointer-events:none!important;
  width:0!important;height:0!important;
}