/* =========================================================
   landing.css — SOLO Home (Marketing UI)
   Scope: body.tgd-landing
========================================================= */
body.tgd-landing{
  --hero-gap: 36px;
}

body.tgd-landing .tgd-landing-shell{
  border-radius: 36px;
  border: 1px solid rgba(34,27,22,.08);
  background:
    radial-gradient(90% 70% at 18% 8%, rgba(165,146,174,.22), transparent 60%),
    radial-gradient(80% 70% at 85% 70%, rgba(169,184,163,.22), transparent 60%),
    rgba(255,255,255,.82);
  box-shadow: 0 24px 90px rgba(34,27,22,.16);
  padding: 24px;
}

@media (min-width: 992px){
  body.tgd-landing .tgd-landing-shell{ padding: 40px; }
}

body.tgd-landing .tgd-landing-title{
  font-weight: 900;
  letter-spacing: -.03em;
  line-height: 1.05;
  font-size: clamp(2.2rem, 4vw, 3.4rem);
  margin: 0;
}

body.tgd-landing .tgd-landing-sub{
  color: rgba(34,27,22,.78);
  font-size: 1.1rem;
  line-height: 1.7;
}

body.tgd-landing .tgd-hover-lift{
  transition: transform .18s ease, box-shadow .18s ease;
}
body.tgd-landing .tgd-hover-lift:hover{
  transform: translateY(-3px);
  box-shadow: 0 18px 40px rgba(34,27,22,.12);
}

body.tgd-landing .plan{
  border-radius: 22px;
  border: 1px solid rgba(34,27,22,.08);
  background: rgba(255,255,255,.88);
}

body.tgd-landing .plan.popular{
  outline: 2px solid rgba(169,184,163,.45);
}

body.tgd-landing .tgd-price__amount{
  font-size: 2rem;
  font-weight: 900;
}

body.tgd-landing .tgd-accordion .accordion-item{
  border: 1px solid rgba(34,27,22,.08);
  border-radius: 18px;
  overflow: hidden;
  background: rgba(255,255,255,.90);
}
body.tgd-landing .tgd-accordion .accordion-button{
  background: rgba(255,255,255,.92);
}
body.tgd-landing .tgd-accordion .accordion-button:not(.collapsed){
  background: rgba(165,146,174,.14);
  box-shadow: none;
}