/* Tier light is an extension of the site's atmosphere, not a new surface.
   Independent, non-matching periods keep the three packages out of phase. */
.package-boxes[data-plan="launch"] { --tier-rgb:184,126,255!important; --package-rgb:184,126,255!important; }
.package-boxes[data-plan="scale"] { --tier-rgb:255,195,101!important; --package-rgb:255,195,101!important; }
.package-boxes[data-plan="empire"] { --tier-rgb:83,218,242!important; --package-rgb:83,218,242!important; }
.package-boxes .pb-plan-card[data-tier="launch"] { --card-rgb:184,126,255!important; }
.package-boxes .pb-plan-card[data-tier="scale"] { --card-rgb:255,195,101!important; }
.package-boxes .pb-plan-card[data-tier="empire"] { --card-rgb:83,218,242!important; }
.pb-plan-card[data-tier="launch"] .pb-card-identity img { filter:hue-rotate(110deg)!important; }
.pb-plan-card[data-tier="scale"] .pb-card-identity img { filter:hue-rotate(-118deg)!important; }
.pb-plan-card[data-tier="empire"] .pb-card-identity img { filter:hue-rotate(42deg)!important; }
.package-boxes .pb-plan-card[data-tier-aura="ready"] {
  --tier-light: 184, 126, 255;
  --border-period: 17.3s;
  --border-phase: -4.8s;
  --orb-period: 14.7s;
  --orb-phase: -3.1s;
  --aura-period: 21.1s;
  --aura-phase: -9.4s;
  --orbit-direction: normal;
  position: relative;
  isolation: isolate;
  /* clip avoids a hidden scroll container: focus returning from the native
     scene must never scroll the card's decorative overflow internally. */
  overflow: clip;
  padding: 25px 27px 27px;
  border: 1px solid rgba(var(--tier-light), .34);
  border-radius: 22px;
  background: linear-gradient(155deg, #0b1016c9, #070a10ee 64%, #0b1015d9);
  backdrop-filter: blur(14px);
  box-shadow: inset 0 1px 0 #ffffff0c, 0 18px 50px #0000003d, 0 0 34px rgba(var(--tier-light), .065);
}
.package-boxes .pb-plan-card[data-tier="scale"][data-tier-aura="ready"] {
  --tier-light: 255, 195, 101;
  --border-period: 23.9s;
  --border-phase: -15.7s;
  --orb-period: 19.3s;
  --orb-phase: -11.6s;
  --aura-period: 27.7s;
  --aura-phase: -18.2s;
  --orbit-direction: reverse;
}
.package-boxes .pb-plan-card[data-tier="empire"][data-tier-aura="ready"] {
  --tier-light: 83, 218, 242;
  --border-period: 29.1s;
  --border-phase: -8.3s;
  --orb-period: 16.9s;
  --orb-phase: -7.4s;
  --aura-period: 24.3s;
  --aura-phase: -4.1s;
}
.package-boxes .pb-plan-cards { gap: 24px; }
.pc-tier-card-footnote { grid-column: 1 / -1; margin: 0; text-align: center; color: #9ba8b4; font-size: 11px; line-height: 1.7; }
.pb-plan-card[data-tier-offer="ready"] > h3,
.pb-plan-card[data-tier-offer="ready"] > .pc-support-list { display:none; }
.pc-tier-highlights { list-style:none; margin:10px 0 24px; padding:0; }
.pc-tier-highlights > li {
  display:grid; grid-template-columns:16px minmax(0,1fr); gap:12px;
  align-items:start; min-height:53px; padding:13px 0;
  border-top:1px solid rgba(var(--tier-light),.15);
  color:#dde3eb; font-size:13px; line-height:1.55;
}
.pc-tier-highlights > li:first-child { color:rgb(var(--tier-light)); }
.pc-tier-check { position:relative; width:16px; height:16px; margin-top:2px; border:1px solid rgba(var(--tier-light),.65); border-radius:50%; }
.pc-tier-check::after { content:""; position:absolute; width:7px; height:4px; top:4px; left:3px; border:solid rgb(var(--tier-light)); border-width:0 0 1.5px 1.5px; transform:rotate(-45deg); }
.pc-tier-comparison {
  grid-column:1 / -1; min-width:0; width:100%; margin:6px 0 0;
  border:1px solid #bdc9e329; border-radius:16px;
  background:linear-gradient(135deg,#101620ae,#070c12d4);
}
.pc-tier-comparison > summary {
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding:19px 24px; min-height:58px; list-style:none; cursor:pointer;
  color:#e6ecf4; font-size:14px; font-weight:500;
}
.pc-tier-comparison > summary::-webkit-details-marker { display:none; }
.pc-tier-comparison > summary::after { content:"+"; font-size:23px; font-weight:300; color:#b8c6db; }
.pc-tier-comparison[open] > summary::after { content:"−"; }
.pc-tier-comparison > summary:focus-visible,
.pc-tier-comparison-scroll:focus-visible { outline:2px solid #c6d4ed; outline-offset:4px; border-radius:8px; }
.pc-tier-comparison-scroll { overflow-x:auto; overscroll-behavior-inline:contain; margin:0 24px 24px; scrollbar-width:thin; scrollbar-color:#9aa9bf66 transparent; }
.pc-tier-comparison-table { width:100%; min-width:700px; border-collapse:collapse; table-layout:fixed; }
.pc-tier-comparison-table caption { text-align:left; padding:0 0 16px; color:#94a4b6; font-size:11px; }
.pc-tier-comparison-table th,
.pc-tier-comparison-table td { padding:15px 18px; border-bottom:1px solid #b5c4da1c; text-align:left; vertical-align:top; font-size:12px; line-height:1.6; font-weight:400; }
.pc-tier-comparison-table th:first-child { width:28%; padding-left:0; color:#9fadc0; }
.pc-tier-comparison-table td { color:#e2e8f0; }
.pc-tier-comparison-table [data-tier="launch"] { --compare-color:184,126,255; }
.pc-tier-comparison-table [data-tier="scale"] { --compare-color:255,195,101; }
.pc-tier-comparison-table [data-tier="empire"] { --compare-color:83,218,242; }
.pc-tier-comparison-table thead th[data-tier] { border-bottom-color:rgba(var(--compare-color),.35); }
.pc-tier-comparison-table thead strong { display:block; color:rgb(var(--compare-color)); font-size:18px; font-weight:500; }
.pc-tier-comparison-table thead span { display:block; margin-top:3px; color:#e6edf5; font-size:14px; }
.pc-tier-comparison-table .pc-tier-comparison-group th { padding-top:25px; color:#d6dfeb; font-size:11px; letter-spacing:.05em; font-weight:500; }
@media(max-width:760px) {
  .pc-tier-comparison > summary { padding-inline:18px; }
  .pc-tier-comparison-scroll { margin-inline:18px; }
  .pc-tier-highlights > li { min-height:49px; padding-block:11px; }
}
.pb-plan-card[data-tier-aura="ready"] > :not(.pc-tier-aura):not(.pc-border-shine) {
  position: relative;
  z-index: 1;
}
.pb-plan-card .pc-tier-aura,
.pb-plan-card .pc-border-shine,
.pb-plan-card .pc-orb-energy {
  position: absolute;
  display: block;
  pointer-events: none;
}
/* A wide, feathered light field lets the orb glow blend with the current haze. */
.pb-plan-card .pc-tier-aura {
  inset: -60px -35% -80px;
  z-index: 0;
  opacity: .8;
  background:
    radial-gradient(ellipse 35% 19% at 48% 19%, rgba(var(--tier-light), .25), transparent 80%),
    radial-gradient(ellipse 35% 48% at 7% 35%, rgba(var(--tier-light), .12), transparent 80%),
    radial-gradient(ellipse 28% 32% at 94% 86%, rgba(var(--tier-light), .14), transparent 80%);
  animation: pc-aura-drift var(--aura-period) ease-in-out var(--aura-phase) infinite alternate;
}
/* Only this 1px perimeter is visible; the gradient rotates behind the mask. */
.pb-plan-card .pc-border-shine {
  inset: -1px;
  z-index: 3;
  padding: 1.5px;
  border-radius: inherit;
  overflow: hidden;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
}
.pb-plan-card .pc-border-shine::before {
  content: "";
  position: absolute;
  inset: -65%;
  background: conic-gradient(from 0deg, transparent 0deg 225deg,
    rgba(var(--tier-light), .12) 256deg, rgba(var(--tier-light), .76) 282deg,
    #fff7e8 293deg, rgba(var(--tier-light), .85) 297deg, transparent 311deg 360deg);
  animation: pc-tier-orbit var(--border-period) linear var(--border-phase) infinite var(--orbit-direction);
}
.pb-plan-card[data-tier-aura="ready"] .pb-card-top {
  min-height: 23px;
  justify-content: center;
}
.pb-plan-card[data-tier-aura="ready"] .pb-card-recommended {
  padding: 4px 10px;
  font-size: 9px;
  letter-spacing: .02em;
  color: rgba(var(--tier-light), .9);
  border-color: rgba(var(--tier-light), .2);
  background: rgba(var(--tier-light), .035);
}
.pb-plan-card[data-tier-aura="ready"] .pb-card-identity {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin: 20px 0 10px;
  text-align: center;
}
.pb-plan-card[data-tier-aura="ready"] .pb-card-identity img {
  width: 96px;
  height: 96px;
  position: relative;
  z-index: 1;
  border-radius: 50%;
  box-shadow: 0 0 26px rgba(var(--tier-light), .17);
}
.pb-plan-card[data-tier-aura="ready"] .pb-card-identity strong {
  color: #f5f4fa;
  font-size: clamp(30px, 3.2vw, 42px);
  font-weight: 500;
  letter-spacing: -.045em;
}
.pb-plan-card[data-tier-aura="ready"] .pb-card-identity > div > span { display: none; }
.pb-plan-card .pc-tier-price {
  margin: 3px 0 0;
  color: rgb(var(--tier-light));
  font-size: clamp(32px, 3.3vw, 44px);
  font-weight: 550;
  line-height: 1.12;
  letter-spacing: -.045em;
  font-variant-numeric: tabular-nums;
  text-shadow: 0 0 28px rgba(var(--tier-light), .14);
}
.pb-plan-card .pc-tier-tagline {
  margin: 12px 0 0;
  color: #bfc6cf;
  font-size: 12px;
  line-height: 1.5;
  font-weight: 400;
}
.pb-plan-card[data-tier-offer="ready"] .pc-support-list > div:first-child { display: none; }
.pb-plan-card .pc-orb-energy {
  width: 96px;
  height: 96px;
  top: 0;
  left: calc(50% - 48px);
  z-index: 2;
  border-radius: 50%;
  overflow: hidden;
  mix-blend-mode: screen;
  box-shadow: inset 0 0 14px rgba(var(--tier-light), .26), 0 0 20px rgba(var(--tier-light), .15);
  -webkit-mask-image: radial-gradient(circle, #000 60%, #000a 68%, transparent 73%);
  mask-image: radial-gradient(circle, #000 60%, #000a 68%, transparent 73%);
}
.pb-plan-card .pc-orb-energy::before,
.pb-plan-card .pc-orb-energy::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  animation: pc-tier-orbit var(--orb-period) linear var(--orb-phase) infinite var(--orbit-direction);
}
.pb-plan-card .pc-orb-energy::before {
  inset: 1px;
  background: conic-gradient(from 24deg, transparent 12%, rgba(var(--tier-light), .16) 24%,
    rgba(var(--tier-light), .85) 33%, #fff9ec 36%, transparent 42% 65%,
    rgba(var(--tier-light), .65) 76%, transparent 86%);
  -webkit-mask-image: radial-gradient(ellipse 49% 47% at 50% 52%, transparent 64%, #0009 79%, #000 93%);
  mask-image: radial-gradient(ellipse 49% 47% at 50% 52%, transparent 64%, #0009 79%, #000 93%);
  filter: blur(1px);
}
.pb-plan-card .pc-orb-energy::after {
  inset: -3px 13px;
  border-left: 3px solid rgba(var(--tier-light), .65);
  border-right: 1px solid rgba(var(--tier-light), .5);
  box-shadow: inset 6px 0 13px rgba(var(--tier-light), .18), 3px 0 10px rgba(var(--tier-light), .14);
  animation-name: pc-orb-flow;
  animation-duration: calc(var(--orb-period) * 1.43);
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
  filter: blur(1.8px);
}
.package-boxes .pb-plan-card[data-tier-aura="ready"] h3 {
  margin: 0 0 17px;
  min-height: 0;
  text-align: center;
  color: rgba(var(--tier-light), .95);
  font-size: clamp(17px, 1.65vw, 22px);
  line-height: 1.3;
  font-weight: 450;
  letter-spacing: -.02em;
}
.package-boxes .pb-plan-card[data-tier-aura="ready"] .pb-card-intro { display: none; }
.pb-plan-card[data-tier-aura="ready"] .pc-support-list { margin: 5px 0 23px; }
.pb-plan-card[data-tier-aura="ready"] .pc-support-list > div {
  min-height: 64px;
  padding: 11px 0;
  border-color: rgba(var(--tier-light), .13);
}
.pb-plan-card[data-tier-aura="ready"] .pc-support-list dt { font-size: 10px; color: #a8b0bb; }
.pb-plan-card[data-tier-aura="ready"] .pc-support-list dd { margin-top: 4px; font-size: 13px; color: #e4e7ed; }
.package-experience .pb-plan-card[data-tier-aura="ready"] .pb-card-open {
  padding: 12px 17px;
  min-height: 47px;
  border: 1px solid rgba(var(--tier-light), .57);
  border-radius: 12px;
  background: linear-gradient(120deg, rgba(var(--tier-light), .055), rgba(var(--tier-light), .12));
  color: rgb(var(--tier-light));
  font-size: 13px;
  box-shadow: inset 0 1px 0 rgba(var(--tier-light), .12), 0 0 20px rgba(var(--tier-light), .06);
  transition: background-color 180ms ease, box-shadow 180ms ease;
}
.package-experience .pb-plan-card[data-tier-aura="ready"] .pb-card-open:hover {
  background-color: rgba(var(--tier-light), .13);
  box-shadow: inset 0 1px 0 rgba(var(--tier-light), .2), 0 0 24px rgba(var(--tier-light), .15);
}
.package-experience .pb-plan-card[data-tier-aura="ready"] .pb-card-open:focus-visible {
  outline: 2px solid #f3f5ff;
  outline-offset: 4px;
}
@keyframes pc-tier-orbit { to { transform: rotate(360deg); } }
@keyframes pc-orb-flow {
  from { transform: rotate(-32deg) scaleX(.82) skewY(-8deg); }
  to { transform: rotate(208deg) scaleX(1.08) skewY(10deg); }
}
@keyframes pc-aura-drift {
  from { transform: translate(-3%, -1%) rotate(-7deg) scale(.96); opacity: .68; }
  to { transform: translate(4%, 3%) rotate(9deg) scale(1.06); opacity: .94; }
}
/* Off-screen cards and hidden tabs keep their phase without consuming frames. */
.pb-plan-card[data-aura-visible="false"],
:is([data-tier-aura-paused="true"], [data-motion="false"], [data-motion="paused"], [data-package-motion="false"]) .pb-plan-card { --tier-play-state: paused; }
.pb-plan-card .pc-tier-aura,
.pb-plan-card .pc-border-shine::before,
.pb-plan-card .pc-orb-energy::before,
.pb-plan-card .pc-orb-energy::after { animation-play-state: var(--tier-play-state, running); }
@media (max-width: 1050px) and (min-width: 761px) {
  .package-boxes .pb-plan-cards { gap: 16px; }
  .package-boxes .pb-plan-card[data-tier-aura="ready"] { padding: 21px 19px 23px; }
}
@media (max-width: 760px) {
  .package-boxes .pb-plan-cards { grid-template-columns: 1fr; gap: 22px; }
  .package-boxes .pb-plan-card[data-tier-aura="ready"] { padding: 22px 24px 24px; border-radius: 20px; }
  .pb-plan-card[data-tier-aura="ready"] .pb-card-identity { margin-top: 15px; gap: 12px; }
  .pb-plan-card[data-tier-aura="ready"] .pb-card-identity strong { font-size: 36px; }
  .pb-plan-card[data-tier-aura="ready"] .pc-support-list > div { min-height: 60px; }
}
@media (prefers-reduced-motion: reduce) {
  .pb-plan-card .pc-tier-aura,
  .pb-plan-card .pc-border-shine::before,
  .pb-plan-card .pc-orb-energy::before,
  .pb-plan-card .pc-orb-energy::after { animation: none; }
  .pb-plan-card .pc-border-shine::before { transform: rotate(35deg); }
  .package-experience .pb-plan-card[data-tier-aura="ready"] .pb-card-open { transition: none; }
}
@media (forced-colors: active) {
  .pb-plan-card .pc-tier-aura, .pb-plan-card .pc-border-shine, .pb-plan-card .pc-orb-energy { display: none; }
}

/* Native Explore controls still open the retained package scene. Full offer
   details live beside it, with an independently scrollable reading panel. */
.package-boxes[data-tier-offer="ready"] .pb-story-content > :is(.pb-overview-facts, .pb-delivery-copy),
.package-boxes[data-tier-offer="ready"] .pb-overview-heading > p { display: none; }
.package-boxes[data-tier-offer="ready"] .pb-overview-heading h3 { margin-bottom: 8px; }
.pc-tier-details { margin: 0 0 22px; }
.pc-tier-detail-heading { margin: 0 0 14px; }
.pc-tier-detail-price {
  margin: 0;
  color: rgb(var(--tier-rgb));
  font-size: clamp(36px, 4vw, 50px);
  line-height: 1.12;
  font-weight: 500;
  letter-spacing: -.045em;
  font-variant-numeric: tabular-nums;
}
.pc-tier-detail-heading .pc-tier-tagline { margin: 8px 0 0; font-size: 14px; color: #d2d9e0; }
.pc-tier-shared { margin: 0 0 22px; max-width: 46ch; font-size: 12px; line-height: 1.65; color: #a7b5c1; }
.pc-tier-group {
  margin: 9px 0;
  padding: 0 16px;
  border: 1px solid rgba(var(--tier-rgb), .2);
  border-radius: 12px;
  background: linear-gradient(140deg, rgba(var(--tier-rgb), .055), #08101650);
}
.pc-tier-group > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  list-style: none;
  min-height: 48px;
  cursor: pointer;
  color: #e9edf2;
  font-size: 13px;
  font-weight: 500;
}
.pc-tier-group > summary::-webkit-details-marker { display: none; }
.pc-tier-group > summary::after { content: "+"; font-size: 20px; font-weight: 300; color: rgb(var(--tier-rgb)); }
.pc-tier-group[open] > summary::after { content: "−"; }
.pc-tier-group > summary:focus-visible { outline: 2px solid rgb(var(--tier-rgb)); outline-offset: 4px; border-radius: 3px; }
.pc-tier-feature-list { margin: 0 0 9px; }
.pc-tier-feature-list > div {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  align-items: start;
  gap: 16px;
  padding: 12px 0;
  border-top: 1px solid rgba(var(--tier-rgb), .12);
}
.pc-tier-feature-list dt { color: #aab8c4; font-size: 11px; line-height: 1.55; }
.pc-tier-feature-list dd { margin: 0; color: #e9edf1; font-size: 12px; line-height: 1.5; text-align: right; overflow-wrap: anywhere; }
.pc-tier-footnote { margin: 18px 0 0; max-width: 58ch; color: #94a4b1; font-size: 10px; line-height: 1.7; }
@media (min-width: 821px) {
  .package-boxes[data-tier-offer="ready"] .pb-selection-stage[data-package-presentation="focus"] .pb-story-panel {
    height: calc(100dvh - 158px);
    max-height: calc(100dvh - 158px);
    padding: 8px 12px 24px 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: rgba(var(--tier-rgb), .3) transparent;
  }
}
@media (max-width: 820px) {
  .pc-tier-details { margin-bottom: 22px; }
  .pc-tier-detail-price { font-size: 40px; }
  .pc-tier-group { padding-inline: 14px; }
  .pc-tier-feature-list > div { gap: 12px; }
  .pc-tier-feature-list dt { font-size: 11px; }
  .pc-tier-feature-list dd { font-size: 12px; }
}
