/* Parts both plan designs share. The section scrolls normally over the dimmed sky: the top gap lets the team scene lift away first,
   the bottom gap leaves room before the ship returns. */
.plans{position:relative;z-index:3;padding:82vh var(--gutter) 26vh;color:var(--ivory)}
.plans-wrap{max-width:1320px;margin:0 auto}
.plans-head{max-width:44rem}
.plans-head h2{font-size:clamp(2.4rem,4.8vw,4.3rem);margin:0 0 20px}
.plans-head .lede{max-width:36rem;text-shadow:0 1px 18px rgba(4,11,22,.8)}
.plans-fine{max-width:50rem;margin:44px 0 0;font-size:.82rem;line-height:1.65;color:var(--mist);opacity:.82}

/* the notes under the plans sit on their own dark panel, so the words never depend on how bright the sky is behind them */
.plans-lower{margin-top:56px;padding:clamp(28px,3.4vw,52px);border-top:1px solid var(--gold);
  background:linear-gradient(180deg,rgba(9,24,42,.97),rgba(5,14,26,.97));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.plans-lower .plans-fine{max-width:none;margin:36px 0 0;padding-top:22px;border-top:1px solid var(--line);color:var(--mist);opacity:1}
@media (max-width:640px){.plans-lower{margin-left:calc(var(--gutter) * -.5);margin-right:calc(var(--gutter) * -.5);padding:30px 22px}}

/* highlighted words in the plan details: gold for plan and effort names, bright and bold for other key words.
   Inside the serif lines the highlight is colour only, because the serif has one weight. */
.plans .hl{color:var(--gold-hi);font-weight:500}
.plans .em{color:var(--ivory);font-weight:500}
.plans .plans-up{color:var(--gold-hi);font-weight:500;text-decoration:underline;text-decoration-color:var(--line2);text-underline-offset:3px;transition:text-decoration-color .25s}
.plans .plans-up:hover{text-decoration-color:var(--gold-hi)}
.plans .ch-buys .big .hl,.plans .vy-rows .amt>.hl{font-weight:inherit}

/* the review strip: only for comparing the designs, comes out before launch */
.review-strip{position:fixed;left:50%;bottom:calc(14px + var(--cookie-h,0px) + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:60;display:flex;gap:2px;padding:4px;
  border:1px solid var(--line2);border-radius:3px;background:rgba(4,11,22,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:calc(100vw - 16px)}
.review-strip a{display:flex;align-items:center;min-height:36px;padding:0 13px;border-radius:2px;font:400 .78rem/1 var(--sans);color:var(--mist);text-decoration:none;white-space:nowrap}
.review-strip a:hover{color:var(--ivory)}
.review-strip a[aria-current=page]{background:rgba(212,174,104,.16);color:var(--gold-hi)}
@media (max-width:420px){.review-strip a{padding:0 9px;font-size:.72rem}}