/* Luminous Consults v155 — clean production showcase and package headings */

#demo-experience.luminous-showcase{
  position:relative;
  overflow:hidden;
  padding-top:clamp(5.5rem,9vw,9rem);
  padding-bottom:clamp(5.5rem,9vw,9rem);
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  outline:0 !important;
}
#demo-experience.luminous-showcase::before,
#demo-experience.luminous-showcase::after{
  content:none !important;
  display:none !important;
}

.luminous-showcase-intro{
  width:min(1040px,100%);
  margin:0 auto clamp(3rem,6vw,5.5rem);
  text-align:center;
}
.luminous-showcase-intro h2{
  max-width:980px;
  margin:.55rem auto 1.15rem;
  font-family:var(--font-display,Georgia,serif);
  font-size:clamp(2.55rem,5.7vw,5.6rem);
  font-weight:500;
  line-height:.98;
  letter-spacing:-.04em;
  color:#fbf6e8;
}
.luminous-showcase-intro>p:not(.kicker):not(.luminous-demo-note){
  max-width:790px;
  margin:0 auto;
  color:rgba(255,255,255,.77);
  font-size:clamp(1rem,1.45vw,1.18rem);
  line-height:1.75;
}
.luminous-demo-note{
  display:inline-block;
  margin:1.45rem auto 0;
  padding:.6rem .9rem;
  border-top:1px solid rgba(239,200,108,.35);
  border-bottom:1px solid rgba(239,200,108,.35);
  color:rgba(255,255,255,.63);
  font-size:.83rem;
  letter-spacing:.02em;
}
.luminous-demo-note strong{color:#f3d58d}

.luminous-showcase-row{
  display:grid;
  grid-template-columns:minmax(0,1.42fr) minmax(300px,.72fr);
  gap:clamp(2rem,5vw,5.5rem);
  align-items:center;
  width:100%;
  margin:0 auto clamp(2rem,4vw,3.5rem);
}
.luminous-showcase-media{
  margin:0;
  overflow:hidden;
  border-radius:22px;
  box-shadow:0 28px 80px rgba(0,0,0,.34);
}
.luminous-showcase-media img{
  display:block;
  width:100%;
  height:auto;
}
.luminous-showcase-copy{
  padding-right:clamp(0rem,2vw,1.5rem);
}
.luminous-showcase-label{
  display:inline-block;
  margin-bottom:1.1rem;
  color:#efc86c;
  font-size:.73rem;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.luminous-showcase-copy h3,
.luminous-showcase-card h3,
.luminous-transformation-intro h3,
.luminous-state h3{
  font-family:var(--font-display,Georgia,serif);
  color:#fbf6e8;
  font-weight:500;
}
.luminous-showcase-copy h3{
  margin:0 0 1.05rem;
  font-size:clamp(2.1rem,3.7vw,4.15rem);
  line-height:1.02;
  letter-spacing:-.032em;
}
.luminous-showcase-copy>p{
  color:rgba(255,255,255,.76);
  font-size:clamp(1rem,1.35vw,1.14rem);
  line-height:1.75;
}
.luminous-showcase-copy ul{
  display:grid;
  gap:.72rem;
  margin:1.65rem 0 0;
  padding:0;
  list-style:none;
}
.luminous-showcase-copy li{
  position:relative;
  padding:.72rem 0 .72rem 1.8rem;
  border-top:1px solid rgba(255,255,255,.1);
  color:rgba(255,255,255,.84);
}
.luminous-showcase-copy li::before{
  content:'✦';
  position:absolute;
  left:.1rem;
  color:#efc86c;
  text-shadow:0 0 12px rgba(239,200,108,.55);
}

.luminous-showcase-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:clamp(1.4rem,3vw,2.6rem);
  margin-top:clamp(2rem,4vw,3.4rem);
}
.luminous-showcase-card{
  overflow:hidden;
  border-top:1px solid rgba(255,255,255,.13);
  background:transparent;
}
.luminous-showcase-card figure{
  margin:0;
  aspect-ratio:16/10;
  overflow:hidden;
  border-radius:20px;
  background:#080b1b;
  box-shadow:0 22px 60px rgba(0,0,0,.25);
}
.luminous-showcase-card img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.luminous-showcase-card>div{
  padding:1.6rem .25rem .4rem;
}
.luminous-showcase-card h3{
  margin:.3rem 0 .75rem;
  font-size:clamp(1.8rem,2.75vw,3rem);
  line-height:1.08;
  letter-spacing:-.022em;
}
.luminous-showcase-card>div>p:last-child{
  margin:0;
  color:rgba(255,255,255,.72);
  line-height:1.7;
}

.luminous-transformation-intro{
  width:min(1000px,100%);
  margin:clamp(5.2rem,9vw,8.5rem) auto clamp(2rem,4vw,3.2rem);
  text-align:center;
}
.luminous-transformation-intro h3{
  max-width:930px;
  margin:.5rem auto 1rem;
  font-size:clamp(2.2rem,4.5vw,4.8rem);
  line-height:1.02;
  letter-spacing:-.035em;
}
.luminous-transformation-intro>p:last-child{
  max-width:760px;
  margin:0 auto;
  color:rgba(255,255,255,.73);
  font-size:clamp(1rem,1.35vw,1.15rem);
  line-height:1.72;
}

.luminous-before-after{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:clamp(1rem,2.7vw,2.4rem);
  align-items:stretch;
}
.luminous-state{
  padding:clamp(1.7rem,3.4vw,3rem);
  border-top:1px solid rgba(255,255,255,.14);
  border-bottom:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.025);
}
.luminous-state>span{
  display:inline-block;
  margin-bottom:.85rem;
  color:#efc86c;
  font-size:.75rem;
  font-weight:800;
  letter-spacing:.17em;
  text-transform:uppercase;
}
.luminous-state h3{
  margin:0 0 .8rem;
  font-size:clamp(1.65rem,2.45vw,2.7rem);
  line-height:1.09;
}
.luminous-state p{
  margin:0;
  color:rgba(255,255,255,.71);
  line-height:1.7;
}
.luminous-state-after{
  background:linear-gradient(145deg,rgba(239,200,108,.075),rgba(159,152,255,.035));
  border-color:rgba(239,200,108,.24);
}
.luminous-transform-mark{
  display:grid;
  place-items:center;
  min-width:54px;
}
.luminous-transform-mark span{
  display:grid;
  place-items:center;
  width:50px;
  height:50px;
  border:1px solid rgba(239,200,108,.45);
  border-radius:50%;
  color:#efc86c;
  box-shadow:0 0 28px rgba(239,200,108,.14);
}

.luminous-disclosure{
  max-width:1050px;
  margin:clamp(2.4rem,4.5vw,3.7rem) auto 0;
  padding:1.1rem 1.35rem;
  border-left:2px solid #efc86c;
  color:rgba(255,255,255,.64);
  font-size:.9rem;
  line-height:1.65;
}
.luminous-disclosure strong{color:#f3d58d}

/* Dedicated centered onboarding package heading */
#services .luminous-package-heading{
  width:100% !important;
  max-width:none !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  margin:clamp(3.2rem,6vw,5rem) auto 2rem !important;
  padding:0 !important;
}
#services .luminous-package-heading .kicker,
#services .luminous-package-heading h3{
  width:100% !important;
  max-width:940px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
  align-self:center !important;
}
#services .luminous-package-heading h3{
  margin-top:.55rem !important;
  font-family:var(--font-display,Georgia,serif);
  font-size:clamp(2rem,3.5vw,3.6rem);
  font-weight:500;
  line-height:1.05;
  letter-spacing:-.03em;
  color:#fbf6e8;
}

@media(max-width:980px){
  .luminous-showcase-row{grid-template-columns:1fr}
  .luminous-showcase-copy{padding:0 .25rem}
  .luminous-showcase-grid{grid-template-columns:1fr}
}
@media(max-width:720px){
  #demo-experience.luminous-showcase{
    padding-left:1rem;
    padding-right:1rem;
  }
  .luminous-showcase-intro h2{font-size:clamp(2.35rem,12vw,4rem)}
  .luminous-showcase-media,
  .luminous-showcase-card figure{border-radius:16px}
  .luminous-before-after{grid-template-columns:1fr}
  .luminous-transform-mark{
    min-height:34px;
    transform:rotate(90deg);
  }
  .luminous-state{padding:1.55rem 1.25rem}
}
@media(prefers-reduced-motion:reduce){
  .luminous-showcase *{transition:none !important}
}