/* Forexive pricing table (Bricks element). Values mirror the legacy plugin on forexive.com. */
.fxpt{
  --fxpt-accent:#10b77f;
  --fxpt-bg:#0b221b;
  --fxpt-bg-deep:#091d17;
  --fxpt-text:#eafff7;
  --fxpt-muted:rgba(234,255,247,.62);
  --fxpt-radius:22px;
  --fxpt-max:1120px;
  --fxpt-pill-pad:8px;
  --fxpt-pill-gap:8px;
  --fxpt-pill-font:14px;
  --fxpt-active-from:rgba(16,183,127,.55);
  --fxpt-active-to:rgba(16,183,127,.35);
  --fxpt-active-shadow:0 14px 34px rgba(16,183,127,.12);
  --fxpt-btn-from:rgba(16,183,127,.98);
  --fxpt-btn-to:rgba(15,160,111,.88);
  font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;
  font-size:15px;
  line-height:1.4;
  letter-spacing:normal;
  color:var(--fxpt-text);
  padding:28px 18px 40px;
  border-radius:28px;
  background:
    radial-gradient(980px 420px at 50% 0%,rgba(16,183,127,.18),rgba(16,183,127,0) 62%),
    radial-gradient(980px 420px at 50% 100%,rgba(16,183,127,.10),rgba(16,183,127,0) 62%),
    linear-gradient(180deg,var(--fxpt-bg),var(--fxpt-bg-deep));
}
.fxpt *,.fxpt *::before,.fxpt *::after{box-sizing:border-box}
.fxpt [hidden]{display:none!important}
.fxpt__container{max-width:var(--fxpt-max);margin:0 auto}

/* Pills */
.fxpt__topbar{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin:8px 0 18px}
.fxpt__group{
  position:relative;display:flex;gap:var(--fxpt-pill-gap);padding:var(--fxpt-pill-pad);
  border-radius:25px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);
  box-shadow:0 12px 30px rgba(0,0,0,.35);backdrop-filter:blur(12px);
}
.fxpt__ind{
  position:absolute;top:var(--fxpt-pill-pad);bottom:var(--fxpt-pill-pad);left:0;width:0;opacity:0;
  border-radius:999px;background:linear-gradient(180deg,var(--fxpt-active-from),var(--fxpt-active-to));
  box-shadow:inset 0 0 0 1px rgba(16,183,127,.35),var(--fxpt-active-shadow);
  transition:transform .28s cubic-bezier(.2,.9,.2,1),width .28s cubic-bezier(.2,.9,.2,1);
  will-change:transform,width;pointer-events:none;
}
.fxpt__group.is-ready .fxpt__ind{opacity:1}
.fxpt__pill{
  appearance:none;margin:0;border:0;box-shadow:none;background:transparent;min-height:0;min-width:0;height:auto;
  display:flex;align-items:center;justify-content:center;position:relative;z-index:2;overflow:hidden;
  padding:10px 14px;border-radius:999px;cursor:pointer;white-space:nowrap;
  font-family:Poppins,sans-serif;font-weight:800;font-size:var(--fxpt-pill-font);line-height:1;letter-spacing:.1px;text-transform:uppercase;text-align:center;
  color:rgba(234,255,247,.78);
  transition:transform .12s ease,color .2s ease,opacity .2s ease;
}
.fxpt__pill:hover{transform:translateY(-1px);color:#fff;background:transparent}
.fxpt__pill:hover::before{content:"";position:absolute;inset:0;border-radius:999px;background:rgba(255,255,255,.06);z-index:-1}
.fxpt__pill:focus-visible{outline:2px solid var(--fxpt-accent);outline-offset:2px}
.fxpt__pill[aria-selected="true"]{color:#fff}
/* Active pill before JS measures the indicator (and on phones, where the indicator is hidden). */
.fxpt__group:not(.is-ready) .fxpt__pill[aria-selected="true"]::before{
  content:"";position:absolute;inset:0;border-radius:999px;z-index:-1;
  background:linear-gradient(180deg,var(--fxpt-active-from),var(--fxpt-active-to));
  box-shadow:inset 0 0 0 1px rgba(16,183,127,.35),var(--fxpt-active-shadow);
}

/* Card */
.fxpt__card{
  position:relative;border-radius:var(--fxpt-radius);
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.025));
  border:1px solid rgba(255,255,255,.06);box-shadow:0 26px 70px rgba(0,0,0,.55);
}
.fxpt__card::before{
  content:"";position:absolute;inset:-2px;pointer-events:none;
  background:
    radial-gradient(820px 260px at 50% 0%,rgba(16,183,127,.14),rgba(16,183,127,0) 60%),
    radial-gradient(820px 260px at 50% 100%,rgba(16,183,127,.08),rgba(16,183,127,0) 60%);
}
.fxpt__inner{position:relative;padding:26px 22px 14px;background:linear-gradient(180deg,rgba(9,29,23,.45),rgba(9,29,23,.18))}
.fxpt__panel,.fxpt__bottom-left{transition:opacity .22s ease,transform .22s ease,filter .22s ease}
.fxpt.is-swapping .fxpt__prog:not([hidden]) .fxpt__panel,
.fxpt.is-swapping .fxpt__prog:not([hidden]) .fxpt__bottom-left{opacity:0;transform:translateY(6px);filter:blur(1px)}

/* Reward cycles */
.fxpt__reward{
  width:min(860px,100%);margin:8px auto 18px;padding:14px 16px;border-radius:18px;
  background:linear-gradient(180deg,rgba(16,183,127,.30),rgba(16,183,127,.14));
  border:1px solid rgba(16,183,127,.36);box-shadow:0 18px 44px rgba(0,0,0,.34);backdrop-filter:blur(12px);
}
.fxpt__reward-title{text-align:center;font-weight:950;letter-spacing:.2px;color:rgba(234,255,247,.92);margin-bottom:10px}
.fxpt__reward-items{display:flex;justify-content:center;gap:22px;flex-wrap:wrap}
.fxpt__reward-item{display:flex;align-items:center;gap:10px;font-weight:850;color:rgba(234,255,247,.92)}
.fxpt__check{
  width:22px;height:22px;flex:none;border-radius:999px;display:grid;place-items:center;
  background:rgba(0,0,0,.42);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(0,0,0,.35);
}
.fxpt__check svg{width:14px;height:14px;fill:#fff}
.fxpt__stage{text-align:center;font-weight:950;opacity:.92;margin:14px 0 12px;font-size:14px;color:rgba(234,255,247,.86)}

/* Grid */
.fxpt__grid{display:grid;grid-template-columns:1.15fr repeat(var(--fxpt-cols,2),1fr);border-radius:18px}
.fxpt__row{display:contents}
.fxpt__colhead{
  display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;
  min-height:92px;padding:18px 18px 16px;border-bottom:1px solid rgba(255,255,255,.08);
}
.fxpt__coltop{height:41px}
.fxpt__coltitle{display:flex;align-items:center;justify-content:center;min-height:26px;text-align:center;font-weight:950;font-size:22px}
.fxpt__colsub{text-align:center;color:rgba(234,255,247,.86);font-weight:900}
.fxpt__cell{padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.06)}
.fxpt__label{display:flex;align-items:center;gap:10px;color:var(--fxpt-muted);font-weight:900}
.fxpt__info{
  width:18px;height:18px;flex:none;display:grid;place-items:center;border-radius:999px;
  border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:rgba(255,255,255,.70);font-size:12px;font-weight:950;
}
.fxpt__val{text-align:center;font-weight:950;color:rgba(234,255,247,.92)}

/* Bottom bar */
.fxpt__bottom{
  display:flex;gap:16px;align-items:center;justify-content:space-between;padding:18px 18px 14px;
  border-top:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.01));
}
.fxpt__bottom-left{display:flex;gap:22px;align-items:baseline;flex-wrap:wrap}
.fxpt__price{display:flex;align-items:baseline;gap:12px}
.fxpt__small{color:var(--fxpt-muted);font-weight:950}
.fxpt__big{font-size:52px;font-weight:1000;letter-spacing:.3px}
.fxpt__btn{
  display:block;margin-left:auto;min-width:210px;padding:14px 18px;border:0;border-radius:14px;cursor:pointer;
  background:linear-gradient(180deg,var(--fxpt-btn-from),var(--fxpt-btn-to));
  color:#fff;font-weight:1000;text-align:center;text-decoration:none;
  box-shadow:0 12px 28px rgba(16,183,127,.22);
  transition:transform .14s ease,filter .2s ease,background .2s ease,color .2s ease;
}
.fxpt__btn:hover,.fxpt__btn:focus-visible{transform:translateY(-1px);filter:brightness(1.06);color:#fff;text-decoration:none}

/* Mobile-only blocks */
.fxpt__mmeta,.fxpt__btn--m,.fxpt__mcards{display:none}

@media (max-width:880px){
  .fxpt__topbar{gap:10px}
  .fxpt__pill{padding:9px 12px}
  .fxpt__big{font-size:44px}
}
@media (max-width:767px){
  .fxpt__topbar{flex-direction:column;align-items:stretch;justify-content:flex-start;gap:10px}
  .fxpt__group{width:100%;overflow:hidden;flex-wrap:wrap;justify-content:center}
  .fxpt__ind{display:none}
  .fxpt__pill{padding:10px 12px;font-size:11px}
  .fxpt__group[data-g="tab"] .fxpt__pill,.fxpt__group[data-g="sub"] .fxpt__pill{flex:1 1 calc(50% - var(--fxpt-pill-gap))}
  .fxpt__group[data-g="plan"] .fxpt__pill{flex:1 1 calc(33.333% - var(--fxpt-pill-gap))}
  .fxpt__group .fxpt__pill[aria-selected="true"]::before{
    content:"";position:absolute;inset:0;border-radius:999px;z-index:-1;
    background:linear-gradient(180deg,var(--fxpt-active-from),var(--fxpt-active-to));
    box-shadow:inset 0 0 0 1px rgba(16,183,127,.35),var(--fxpt-active-shadow);
  }
  .fxpt__reward-items{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px;justify-items:start}
  .fxpt__inner{padding:18px 14px 12px}

  .fxpt__grid,.fxpt__bottom{display:none}
  .fxpt__mmeta{display:flex;gap:12px;justify-content:space-between;align-items:stretch;margin:10px 2px 14px}
  .fxpt__mmeta-item{flex:1;min-width:0;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
  .fxpt__mmeta-item span{display:block;margin-bottom:4px;color:var(--fxpt-muted);font-weight:800;font-size:12px}
  .fxpt__mmeta-item strong{display:block;color:var(--fxpt-text);font-weight:1000;font-size:18px}
  .fxpt__btn--m{display:flex;justify-content:center;width:100%;margin:0 2px 16px}
  .fxpt__mcards{display:flex;flex-direction:column;gap:12px}
  .fxpt__mcard{padding:12px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
  .fxpt__mcard-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;color:var(--fxpt-text);font-weight:1000;font-size:14px}
  .fxpt__mgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .fxpt__mpair{padding:10px;border-radius:14px;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.06)}
  .fxpt__mk{margin-bottom:6px;color:var(--fxpt-muted);font-weight:900;font-size:12px}
  .fxpt__mv{color:var(--fxpt-text);font-weight:1000;font-size:14px}
}
@media (prefers-reduced-motion:reduce){
  .fxpt__ind,.fxpt__pill,.fxpt__panel,.fxpt__bottom-left,.fxpt__btn{transition:none}
}