/* Quiet space details: decorative layers never capture clicks or cover copy. */
.hero{position:relative;isolation:isolate}
.hero::before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:0 -60px 0 35%;background:radial-gradient(ellipse at 68% 46%,#7543b420 0%,#5b337611 36%,transparent 70%),radial-gradient(ellipse at 42% 70%,#98549b0d,transparent 56%)}
.hero-art::before{content:"";position:absolute;z-index:-2;pointer-events:none;inset:-12%;background:url("assets/star-field.svg") center/contain no-repeat}
.orbit-one::after{content:"";position:absolute;top:26%;right:5%;width:5px;height:5px;border-radius:50%;background:#bea0ed;box-shadow:0 0 10px #be9bff45}
.title-spark{display:inline-block;position:relative;margin-left:20px;color:var(--accent);font-size:25px;vertical-align:middle;line-height:1;opacity:.75}
.title-spark span{position:absolute;left:24px;top:-7px;font-size:13px;opacity:.65}
.about-section{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 10% 110%,#70418e28,transparent 58%),#1d1926}
.about-section::before{content:"";position:absolute;pointer-events:none;z-index:-1;width:530px;height:200px;left:-120px;bottom:-125px;border:1px solid #be9bff14;border-radius:50%;transform:rotate(-22deg)}
.about-intro{position:relative}
.about-planet{margin-top:25px;pointer-events:none;opacity:.8}
.cta-section{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:center;gap:24px;padding-block:38px;isolation:isolate;background:radial-gradient(ellipse at 95% 65%,#723cac30,transparent 64%),#221b2d}
.cta-section::before{content:"";position:absolute;pointer-events:none;z-index:-1;width:650px;height:400px;right:-230px;bottom:-240px;transform:rotate(-24deg);border:1px solid #be9bff1a;border-radius:50%;box-shadow:0 0 80px 24px #8c50be0a,inset 0 0 65px #8c50be0a}
.cta-copy{position:relative;z-index:1}
.cta-section p{max-width:510px;line-height:1.75}
.cta-rocket{width:100%;height:auto;pointer-events:none;filter:drop-shadow(0 8px 24px #120c2230)}
@media(max-width:1000px){
  .cta-section{grid-template-columns:minmax(0,1fr) 220px;gap:15px;padding-inline:38px}
  .cta-section h2{font-size:39px}
  .hero::before{right:-32px}
}
@media(max-width:700px){
  .hero::before{inset:35% -20px 0;background:radial-gradient(ellipse at 55% 65%,#7543b422,transparent 70%)}
  .hero-art::before{inset:-8%}
  .title-spark{font-size:19px;margin-left:14px}
  .title-spark span{left:19px;font-size:10px}
  .about-planet{width:100px;height:auto;margin-top:20px;margin-bottom:-5px}
  .about-section{background:radial-gradient(ellipse at 0 45%,#70418e20,transparent 64%),#1d1926}
  .cta-section{grid-template-columns:minmax(0,1fr);gap:4px;padding:33px 24px 14px}
  .cta-section h2{font-size:35px;max-width:none}
  .cta-section p{max-width:none}
  .cta-rocket{width:190px;justify-self:end;margin-top:-4px;margin-right:-5px}
  .cta-section::before{right:-340px;bottom:-220px}
}
@media(max-width:380px){.title-spark{display:none}}