/* Approved pricing reference redesign · current main model · 2026-09-19 */
.pricing-page{background:#090b12}
.pricing-page .pricing-page-hero{
  position:relative;overflow:hidden;padding:92px 0 42px;text-align:center;color:#fff;
  background:
    radial-gradient(720px 430px at 50% -70px,rgba(100,74,255,.25),transparent 65%),
    radial-gradient(520px 300px at 84% 15%,rgba(29,78,216,.12),transparent 70%),
    linear-gradient(180deg,#10131f 0%,#090b12 100%)
}
.pricing-page .pricing-page-hero:after{
  content:"";position:absolute;left:50%;bottom:0;width:min(1180px,88%);height:1px;transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(148,132,255,.46),transparent)
}
.pricing-page .pricing-page-hero .kicker{color:#a99aff;margin-bottom:12px}
.pricing-page .pricing-page-hero h1{
  max-width:none;margin:0;color:#fff;font-family:var(--editorial);font-weight:600;
  font-size:clamp(3.8rem,7vw,6.8rem);line-height:.95;letter-spacing:-.065em
}
.pricing-page .pricing-page-hero p{
  max-width:820px;margin:22px auto 0;color:#aeb6c8;font-size:clamp(.98rem,1.3vw,1.1rem);line-height:1.75
}
.pricing-page .pricing-offers-section{
  color:#fff;padding-top:44px;
  background:
    radial-gradient(760px 460px at 20% 0%,rgba(103,61,230,.14),transparent 68%),
    radial-gradient(680px 420px at 88% 10%,rgba(37,99,235,.09),transparent 66%),
    #090b12
}
.pricing-page .pricing-offers-shell{position:relative}
.pricing-page .billing-mode-radio{
  position:absolute;width:1px;height:1px;margin:-1px;padding:0;opacity:0;pointer-events:none
}
.pricing-page .pricing-control-bar{
  display:flex;align-items:end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin:0 0 18px
}
.pricing-page .pricing-control-group{display:grid;gap:8px}
.pricing-page .pricing-control-label{
  color:#7f889b;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase
}
.pricing-page .billing-switch,.pricing-page .pricing-view-switch{
  display:inline-flex;gap:4px;padding:5px;border:1px solid rgba(255,255,255,.10);border-radius:14px;
  background:rgba(255,255,255,.045);box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 16px 36px rgba(0,0,0,.18)
}
.pricing-page .billing-switch label,.pricing-page .pricing-view-switch>span{
  display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 15px;border-radius:10px;
  color:#8f98ab;font:800 11px var(--display)
}
.pricing-page .billing-switch label{cursor:pointer;transition:background .18s ease,color .18s ease,box-shadow .18s ease}
.pricing-page .billing-switch label span,.pricing-page .pricing-view-switch small{
  margin-left:5px;font-size:7px;letter-spacing:.06em;text-transform:uppercase
}
#pricing-single:checked ~ .pricing-control-bar label[for="pricing-single"],
#pricing-annual:checked ~ .pricing-control-bar label[for="pricing-annual"],
.pricing-page .pricing-view-switch .active{
  background:linear-gradient(135deg,#7352f6,#5d3fe0);color:#fff;box-shadow:0 8px 20px rgba(93,63,224,.28)
}
#pricing-single:focus-visible ~ .pricing-control-bar label[for="pricing-single"],
#pricing-annual:focus-visible ~ .pricing-control-bar label[for="pricing-annual"]{
  outline:3px solid rgba(169,154,255,.42);outline-offset:3px
}
.pricing-page .pricing-view-switch .coming-soon{opacity:.58}
.pricing-page .pricing-view-switch .coming-soon small{color:#a99aff}
.pricing-page .pricing-annual-panel{display:none}
#pricing-annual:checked ~ .pricing-panels .pricing-single-panel{display:none}
#pricing-annual:checked ~ .pricing-panels .pricing-annual-panel{display:block}
.pricing-page .billing-explainer{
  margin:0 0 16px;color:#8e97aa;font-size:10px;line-height:1.65
}
.pricing-page .billing-explainer strong{color:#c8cfdb}
.pricing-page .pricing-trust{
  justify-content:flex-start;margin:0 0 34px;color:#949daf;font-size:10px
}
.pricing-page .pricing-grid{gap:18px;align-items:stretch}
.pricing-page .price-card{
  min-height:100%;padding:28px;border:1px solid rgba(255,255,255,.095);border-radius:22px;
  background:
    radial-gradient(380px 220px at 100% 0%,rgba(92,70,180,.10),transparent 66%),
    linear-gradient(180deg,#141824 0%,#0f121b 100%);
  color:#f7f8fb;box-shadow:0 24px 70px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.035)
}
.pricing-page .price-card:hover{
  transform:translateY(-3px);border-color:rgba(144,121,255,.28);
  box-shadow:0 30px 86px rgba(0,0,0,.31),0 0 0 1px rgba(111,82,246,.06)
}
.pricing-page .featured-card{
  border:1px solid rgba(132,102,255,.72);
  background:
    radial-gradient(420px 250px at 50% -4%,rgba(111,82,246,.28),transparent 67%),
    linear-gradient(180deg,#19172b 0%,#11131d 100%);
  box-shadow:0 30px 88px rgba(40,24,102,.36),0 0 0 1px rgba(122,92,246,.13),inset 0 1px 0 rgba(255,255,255,.06)
}
.pricing-page .mastery-card{
  background:
    radial-gradient(410px 230px at 100% 0%,rgba(55,81,185,.17),transparent 66%),
    linear-gradient(180deg,#151925 0%,#0f121b 100%)
}
.pricing-page .popular,.pricing-page .best-value{
  position:absolute;top:-13px;padding:7px 10px;border-radius:999px;color:#fff;
  font-size:8px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;box-shadow:0 10px 22px rgba(0,0,0,.24)
}
.pricing-page .popular{left:24px;background:linear-gradient(135deg,#7b5cff,#5d3fe0)}
.pricing-page .best-value{
  right:22px;background:linear-gradient(135deg,#25377d,#4259b6);border:1px solid rgba(152,170,255,.24)
}
.pricing-page .plan-top{align-items:flex-start;gap:16px}
.pricing-page .plan-top>div>span{font:800 1.25rem var(--display);color:#fff}
.pricing-page .plan-allowance{margin-top:4px;color:#8f98ab;font-size:9px;font-weight:650}
.pricing-page .plan-top small{
  padding:5px 7px;border:1px solid rgba(255,255,255,.075);border-radius:999px;
  background:rgba(255,255,255,.055);color:#a7b0c2;font-size:9px;white-space:nowrap
}
.pricing-page .plan-price{margin:22px 0 14px}
.pricing-page .plan-price .regular-price{color:#737d91}
.pricing-page .plan-price .price-display{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap;color:#fff}
.pricing-page .plan-price .price-copy{font:800 clamp(2.55rem,3.35vw,3.8rem)/.98 var(--display);letter-spacing:-.055em}
.pricing-page .plan-price .price-unit{font:650 clamp(.82rem,1vw,.98rem)/1 var(--display);letter-spacing:-.015em;color:#aeb6c6;white-space:nowrap}
.pricing-page .plan-price .billing-note{color:#8993a7}
.pricing-page .plan-price .annual-billed{margin-top:10px;color:#8f98aa;font-size:10px;font-weight:500;opacity:.82}
.pricing-page .effective-label{
  display:block;margin-bottom:5px;color:#8e98ac;font-size:9px;font-weight:750;text-transform:uppercase;letter-spacing:.08em
}
.pricing-page .plan-price .launch-saving{
  background:rgba(24,163,112,.13);color:#76ddb5;border:1px solid rgba(58,202,147,.16)
}
.pricing-page .plan-price .featured-saving{
  background:rgba(112,82,246,.16);color:#b7a9ff;border-color:rgba(142,120,255,.2)
}
.pricing-page .price-card>p{min-height:52px;color:#a2abbd}
.pricing-page .price-card .plan-action{
  min-height:50px;margin-top:4px;border-radius:11px;border-color:rgba(255,255,255,.10);
  background:#f6f7fb;color:#10131c;box-shadow:0 12px 28px rgba(0,0,0,.18)
}
.pricing-page .featured-card .plan-action{
  border-color:transparent;background:linear-gradient(135deg,#7b5cff,#5d3fe0);color:#fff;
  box-shadow:0 14px 30px rgba(93,63,224,.3)
}
.pricing-page .price-card li{border-color:rgba(255,255,255,.065);color:#c4cbd8}
.pricing-page .price-card li:before{color:#8f7bff}
.pricing-page .why-plan{background:rgba(106,78,225,.10);border:1px solid rgba(132,102,255,.13)}
.pricing-page .why-plan small{color:#aa9cff}
.pricing-page .why-plan strong{color:#d8d4ef}
.pricing-page .checkout-state{color:#747e92}
.pricing-page .free-path{color:#8f98aa}
.pricing-page .free-path a{color:#b2a4ff}
.pricing-page .multi-pack-note{
  display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:24px auto 0;
  color:#7f899b;font-size:10px;text-align:center
}
.pricing-page .multi-pack-note strong{color:#b4bdd0}
.pricing-page .multi-pack-note span{
  padding:5px 8px;border:1px solid rgba(255,255,255,.075);border-radius:999px;background:rgba(255,255,255,.03)
}
.pricing-page .pricing-offers-section + .section.soft{background:#f2f2f6;color:var(--ink)}
@media(max-width:900px){
  .pricing-page .pricing-control-bar{align-items:stretch}
  .pricing-page .pricing-control-group{width:100%}
  .pricing-page .billing-switch,.pricing-page .pricing-view-switch{width:100%}
  .pricing-page .billing-switch label,.pricing-page .pricing-view-switch>span{flex:1}
  .pricing-page .featured-card{order:-1}
}
@media(max-width:560px){
  .pricing-page .pricing-page-hero{padding:70px 0 34px}
  .pricing-page .price-card{padding:24px 20px}
  .pricing-page .plan-top{gap:10px}
  .pricing-page .plan-top small{font-size:8px}
  .pricing-page .pricing-control-label{font-size:8px}
}

/* Homepage annual-first pricing toggle */
.home-billing-control{display:grid;gap:8px;margin:24px 0 12px}.home-billing-control.centered-control{justify-items:center;margin:0 0 12px}.home-billing-control .billing-switch{display:inline-flex;gap:4px;padding:5px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow-soft)}.home-billing-control .billing-switch button{min-height:42px;border:0;border-radius:10px;padding:10px 15px;background:transparent;color:var(--muted);font:800 11px var(--display);cursor:pointer}.home-billing-control .billing-switch button span{margin-left:5px;font-size:7px;letter-spacing:.06em;text-transform:uppercase}.home-billing-control .billing-switch button.active{background:linear-gradient(135deg,#7352f6,#5d3fe0);color:#fff;box-shadow:0 8px 20px rgba(93,63,224,.22)}.home-billing-copy{margin:0 0 18px!important;color:var(--muted)!important;font-size:10px!important;line-height:1.6!important}.home-billing-copy.centered-copy{text-align:center}.mini-prices .mini-regular.annual-equivalent,.home-pricing-card .regular-price.annual-equivalent{text-decoration:line-through;text-decoration-thickness:1.5px}.home-pricing-card.mastery-card{position:relative}.home-pricing-card .best-value{position:absolute;top:-14px;right:24px;padding:7px 10px;border-radius:999px;background:linear-gradient(135deg,#25377d,#4259b6);color:#fff;font-size:8px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;box-shadow:0 10px 22px rgba(0,0,0,.16)}@media(max-width:640px){.home-billing-control .billing-switch{width:100%}.home-billing-control .billing-switch button{flex:1}}


/* Monthly role-pack selector */
.pack-picker{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.7fr);gap:18px;align-items:center;margin:16px 0 18px;padding:18px;border:1px solid var(--line);border-radius:20px;background:#fff}
.pack-picker-copy{display:flex;flex-direction:column;gap:5px}
.pack-picker-copy strong{font:800 18px/1.2 var(--display);letter-spacing:-.03em}
.pack-picker-copy small{color:var(--muted);font-size:10px;line-height:1.5}
.pack-picker-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.pack-picker-options button{min-height:42px;padding:9px 11px;border:1px solid var(--line);border-radius:12px;background:#f8f8fb;color:#454b59;font:750 10px/1.25 var(--body);cursor:pointer;text-align:left}
.pack-picker-options button:hover{border-color:#cfc3ff;background:#f5f1ff}
.pack-picker-options button.is-active{border-color:#9278ff;background:#eee9ff;color:#4f38b1;box-shadow:0 6px 16px rgba(91,55,242,.08)}
.pack-picker-note{grid-column:1/-1;min-height:18px;padding-top:2px;color:#6f7787;font-size:9px;line-height:1.5}
.pack-picker-note.is-gated{color:#8a5b14}
@media(max-width:760px){.pack-picker{grid-template-columns:1fr}.pack-picker-options{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.pack-picker-options{grid-template-columns:1fr}}


/* Annual Career Portfolio value */
.pricing-page .annual-career-value{background:#0d1018;color:#fff;border-top:1px solid rgba(255,255,255,.055)}
.pricing-page .annual-career-value .section-head h2{color:#fff;max-width:820px;margin-left:auto;margin-right:auto}
.pricing-page .annual-career-value .section-head p{color:#9aa3b6}
.annual-career-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:30px}
.annual-career-grid article{padding:26px;border:1px solid rgba(255,255,255,.09);border-radius:20px;background:linear-gradient(180deg,#151925,#10131c)}
.annual-career-grid article>span{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#6b4ef0;color:#fff;font:800 9px var(--display)}
.annual-career-grid h3{margin:20px 0 8px;color:#fff;font:800 18px var(--display);letter-spacing:-.03em}
.annual-career-grid p{margin:0;color:#9ca5b8;font-size:10px;line-height:1.65}
.annual-career-note{display:flex;gap:10px;align-items:flex-start;margin-top:15px;padding:15px 18px;border:1px solid rgba(143,123,255,.2);border-radius:14px;background:rgba(111,82,246,.08);font-size:9px;line-height:1.55}
.annual-career-note strong{color:#d8d1ff;white-space:nowrap}.annual-career-note span{color:#9ea7b9}
@media(max-width:760px){.annual-career-grid{grid-template-columns:1fr}.annual-career-note{display:grid}.annual-career-note strong{white-space:normal}}