/* =====================================================================
   LEVEL UP — Interstellar Launch Rate pricing layer (v1)
   Loads AFTER realms.css; only adds the struck-anchor + launch-price
   column + launch-rate banner + gated-checkout note. Premium dark/gold.
   New file (create-only); index.html repoints to it.
   ===================================================================== */

/* ---- Interstellar Launch Rate banner (under the subtitle) ---- */
.lu-launchbar{
  max-width:760px;margin:clamp(.6rem,1.6vh,1rem) auto clamp(1rem,2.6vh,1.6rem);
  text-align:center;border:1px solid var(--gold-deep);border-radius:14px;
  padding:clamp(.7rem,1.8vh,1rem) clamp(1rem,3vw,1.6rem);
  background:linear-gradient(180deg,rgba(212,175,55,.08),rgba(10,13,22,.35));
  box-shadow:0 0 26px rgba(212,175,55,.12),inset 0 0 18px rgba(212,175,55,.05);
}
.lu-launchbar .lb-tag{
  font-family:var(--cinzel);font-weight:600;letter-spacing:.16em;text-transform:uppercase;
  font-size:clamp(.74rem,1.5vw,.96rem);color:var(--gold);
}
.lu-launchbar .lb-tag .off{color:var(--gold-soft);font-weight:500}
.lu-launchbar .lb-line{
  font-family:var(--inter);font-size:clamp(.66rem,1.25vw,.8rem);line-height:1.6;
  color:var(--ink);margin-top:.4rem;letter-spacing:.02em;
}

/* ---- 6-column row: add a price column before the button ---- */
.lu-row{
  grid-template-columns:26px clamp(40px,4.4vw,52px) 1.35fr 1.7fr auto auto;
}

/* ---- price block: struck anchor + active launch price /mo ---- */
.lu-row .rprice{
  display:flex;flex-direction:column;align-items:flex-end;justify-content:center;
  white-space:nowrap;line-height:1.05;gap:.12rem;padding:0 .2rem;
}
.lu-row .rprice .anchor{
  font-family:var(--inter);font-size:clamp(.62rem,1.15vw,.76rem);color:var(--ink-dim);
  text-decoration:line-through;text-decoration-color:rgba(156,125,39,.85);opacity:.85;letter-spacing:.02em;
}
.lu-row .rprice .launch{
  font-family:var(--cinzel);font-weight:600;letter-spacing:.04em;
  font-size:clamp(.95rem,1.9vw,1.22rem);color:var(--gold);
  text-shadow:0 0 14px rgba(212,175,55,.3);
}
.lu-row .rprice .launch .per{
  font-family:var(--inter);font-weight:400;font-size:.5em;color:var(--gold-soft);
  letter-spacing:.06em;margin-left:.12em;
}
.lu-row .rprice .save{
  font-family:var(--inter);font-size:.5rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--gold-soft);opacity:.85;
}

/* clean swap slot for full (revised) realm copy — hidden until populated */
.lu-row .rdesc-full:empty{display:none}
.lu-row .rdesc-full{display:block;color:var(--ink);font-size:clamp(.66rem,1.2vw,.78rem);line-height:1.6;margin-top:.4rem;opacity:.92}
.lu-row .rdesc>.rdesc-full{font-style:normal}
.lu-row .rdesc{font-weight:500}
.lu-panel .pdesc-full:empty{display:none}
.lu-panel .pdesc-full{display:block;color:var(--ink);font-size:clamp(.68rem,1.3vw,.8rem);line-height:1.7;margin-top:.5rem;opacity:.92}

/* ---- gated checkout note (inert until go-live) ---- */
.lu-btn.gated{position:relative}
.lu-gatenote{
  text-align:center;font-family:var(--inter);letter-spacing:.16em;text-transform:uppercase;
  font-size:.56rem;color:var(--gold-soft);opacity:.8;margin:.55rem auto 0;
}
.lu-toast{
  position:fixed;left:50%;bottom:clamp(1.2rem,4vh,2.4rem);transform:translateX(-50%) translateY(12px);
  z-index:9300;pointer-events:none;opacity:0;transition:opacity .25s ease,transform .25s ease;
  background:rgba(10,13,22,.92);border:1px solid var(--gold-deep);border-radius:12px;
  padding:.7rem 1.1rem;color:var(--platinum);font-family:var(--inter);font-size:.74rem;letter-spacing:.02em;
  box-shadow:0 0 30px rgba(212,175,55,.18);max-width:min(90vw,420px);text-align:center;
}
.lu-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

/* ---- responsive: fold price into its own row area on narrow screens ---- */
@media (max-width:980px){
  .lu-row{
    grid-template-columns:24px 44px 1fr auto;
    grid-template-areas:
      "num icon name price"
      ".   .    desc desc"
      ".   .    btn  btn";
    row-gap:.55rem;align-items:center;
  }
  .lu-row .num{grid-area:num}.lu-row .ricon{grid-area:icon}
  .lu-row .rtext{grid-area:name}.lu-row .rdesc{grid-area:desc}
  .lu-row .rprice{grid-area:price;align-items:flex-end}
  .lu-row .lu-btn{grid-area:btn;justify-self:start}
}
@media (max-width:640px){
  .lu-row .rprice .launch{font-size:1.05rem}
}

/* ---- v2: price-label legend under the promo banner ---- */
.lu-launchbar .lb-legend{
  display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5rem .7rem;
  margin-top:.7rem;font-family:var(--inter);font-size:clamp(.6rem,1.1vw,.74rem);letter-spacing:.04em;
}
.lu-launchbar .lg-anchor{color:var(--ink-dim);text-decoration:line-through;text-decoration-color:rgba(156,125,39,.85)}
.lu-launchbar .lg-arrow{color:var(--gold-deep)}
.lu-launchbar .lg-launch{color:var(--gold);font-family:var(--cinzel);font-weight:600;letter-spacing:.06em}
.lu-launchbar .lg-launch .off{color:var(--gold-soft);font-weight:500}

/* ---- v3: CTA cell = button + locked-in micro-copy ---- */
.lu-row .lu-cta{display:flex;flex-direction:column;align-items:stretch;gap:.4rem;min-width:clamp(150px,15vw,210px)}
.lu-row .lu-cta .lu-btn{white-space:normal;line-height:1.25;padding:.7rem 1rem;text-align:center}
.lu-row .lu-micro{font-family:var(--inter);font-size:clamp(.54rem,1vw,.64rem);line-height:1.4;
  letter-spacing:.02em;color:var(--gold-soft);opacity:.82;text-align:center}
@media (max-width:980px){
  .lu-row .lu-cta{grid-area:btn;align-items:flex-start}
  .lu-row .lu-cta .lu-btn{align-self:flex-start}
  .lu-row .lu-micro{text-align:left}
}