/* WanTopup v84.86 — ONE ACTIVE PACKAGE COLOR CONTRACT.
   All tiers derive background, border, text, price and CTA from these exact tokens.
   Homepage / Pakej / Agent / Dealer / Master / 404 / sticky bar / article CTAs.
   Retire all v84.77–v84.83 tier stylesheets in includes/header.php.
   Display order: Agent, Dealer, Master. No customer-facing ranking labels. */
:root{
  --wtp-package-focus:#efb94d;
  --wtp-sticky-bg:#102f32;
}
[data-wtp-tier="agent"]{
  --wtp-package-main:#08754f;
  --wtp-package-dark:#055b40;
  --wtp-package-light:#e5f8ed;
  --wtp-package-stroke:#08754f;
  --wtp-package-ink:#07523b;
  --wtp-package-shadow:rgba(5,112,76,.14);
}
[data-wtp-tier="dealer"]{
  --wtp-package-main:#455b6d;
  --wtp-package-dark:#344857;
  --wtp-package-light:#f0f4f7;
  --wtp-package-stroke:#acbec9;
  --wtp-package-ink:#324655;
  --wtp-package-shadow:rgba(50,70,85,.07);
}
[data-wtp-tier="master"]{
  --wtp-package-main:#126a6e;
  --wtp-package-dark:#10595e;
  --wtp-package-light:#e4f5f3;
  --wtp-package-stroke:#6da9aa;
  --wtp-package-ink:#13565a;
  --wtp-package-shadow:rgba(14,94,98,.11);
}
/* ONE MARKUP CONTRACT: card from wtp_payment_package_cards_html on ALL pages. */
body main .payment-packages-section .pricing-table.payment-package-grid > article.payment-plan-card.wtp-package[data-wtp-tier]{
  box-sizing:border-box!important;order:0;position:relative!important;isolation:isolate;
  transform:none!important;filter:none!important;
  background:linear-gradient(165deg,var(--wtp-package-light) 0%,#fff 60%)!important;
  background-image:linear-gradient(165deg,var(--wtp-package-light) 0%,#fff 60%)!important;
  border:2px solid var(--wtp-package-stroke)!important;
  border-radius:24px!important;
  box-shadow:0 10px 28px var(--wtp-package-shadow)!important;
  color:#1c3442!important;text-shadow:none!important;overflow:hidden!important;
  padding:24px 20px!important;min-width:0!important;width:100%!important;max-width:100%!important;
}
body main .payment-packages-section .pricing-table.payment-package-grid > article.wtp-package[data-wtp-tier="agent"]{
  order:1!important;border-width:2px!important;
  box-shadow:0 10px 28px var(--wtp-package-shadow)!important;
}
body main .payment-packages-section .pricing-table.payment-package-grid > article.wtp-package[data-wtp-tier="dealer"]{order:2!important;}
body main .payment-packages-section .pricing-table.payment-package-grid > article.wtp-package[data-wtp-tier="master"]{order:3!important;border-width:3px!important;}
/* Block former yellow/gold premium top strip and decorative overlays in all three tiers. */
body main .payment-packages-section .pricing-table.payment-package-grid > article.wtp-package[data-wtp-tier]::before,
body main .payment-packages-section .pricing-table.payment-package-grid > article.wtp-package[data-wtp-tier]::after{
  content:none!important;display:none!important;background:none!important;
}
body main .payment-packages-section .pricing-table.payment-package-grid > article.wtp-package .wtp82-tier-banner{display:none!important}
body main .payment-packages-section .pricing-table.payment-package-grid > article.wtp-package[data-wtp-tier] > h3{
  color:#172b3c!important;text-shadow:none!important;line-height:1.17!important;
  font-size:clamp(23px,2.6vw,32px)!important;font-weight:850!important;text-align:center!important;
}
/* Unified price box: pale tier tint, not former blue/teal/gold dark gradients. */
body main .payment-packages-section .pricing-table.payment-package-grid > article.wtp-package[data-wtp-tier] > .price.wtp-package-price{
  box-sizing:border-box!important;display:block!important;
  width:min(100%,360px)!important;max-width:100%!important;min-width:0!important;
  margin:16px auto!important;padding:18px 14px!important;
  background:var(--wtp-package-light)!important;background-image:none!important;
  border:2px solid var(--wtp-package-stroke)!important;
  border-radius:22px!important;box-shadow:none!important;
  color:var(--wtp-package-ink)!important;-webkit-text-fill-color:var(--wtp-package-ink)!important;
  text-align:center!important;text-shadow:none!important;
  font-size:clamp(45px,5vw,60px)!important;line-height:1.04!important;letter-spacing:-.045em!important;
  font-weight:900!important;opacity:1!important;
}
body main .payment-packages-section .pricing-table.payment-package-grid > article.wtp-package[data-wtp-tier] > .price.wtp-package-price small{
  color:var(--wtp-package-ink)!important;-webkit-text-fill-color:var(--wtp-package-ink)!important;
  font-size:22px!important;line-height:1!important;vertical-align:baseline!important;
  margin:0 4px 0 0!important;text-shadow:none!important;
}
body main .payment-packages-section .pricing-table.payment-package-grid > article.wtp-package[data-wtp-tier] > .price.wtp-package-price span{
  display:block!important;color:var(--wtp-package-ink)!important;
  -webkit-text-fill-color:var(--wtp-package-ink)!important;
  background:none!important;font-size:14px!important;font-weight:750!important;
  line-height:1.4!important;margin:5px 0 0!important;letter-spacing:0!important;text-shadow:none!important;
}
body main .payment-packages-section .pricing-table.payment-package-grid > article.wtp-package[data-wtp-tier] > .deal-badge{
  background:var(--wtp-package-main)!important;background-image:none!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  border:1px solid var(--wtp-package-main)!important;box-shadow:none!important;
  font-size:12px!important;letter-spacing:0!important;line-height:1.3!important;
  text-shadow:none!important;
}
body main .payment-packages-section .pricing-table.payment-package-grid > article.wtp-package[data-wtp-tier] .plan-hook,
body main .payment-packages-section .pricing-table.payment-package-grid > article.wtp-package[data-wtp-tier] .package-buyer-note,
body main .payment-packages-section .pricing-table.payment-package-grid > article.wtp-package[data-wtp-tier] li{
  color:#273d4d!important;text-shadow:none!important;
}
/* Tier-matched form border and active submit (preserve input, CSRF, server checkout). */
body main .payment-packages-section .pricing-table.payment-package-grid > article.wtp-package[data-wtp-tier] .payment-form{
  background:#fff!important;border:1px solid var(--wtp-package-stroke)!important;
  color:#193747!important;box-shadow:none!important;border-radius:18px!important;
}
body main .payment-packages-section .pricing-table.payment-package-grid > article.wtp-package[data-wtp-tier] .payment-form :is(label,small,span,b){color:#243c4b!important;text-shadow:none!important}
body main .payment-packages-section .pricing-table.payment-package-grid > article.wtp-package[data-wtp-tier] .payment-form :is(.fullbtn,button[type="submit"]){
  background:var(--wtp-package-main)!important;background-image:none!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  border:1px solid var(--wtp-package-main)!important;box-shadow:0 7px 16px var(--wtp-package-shadow)!important;
  font-weight:850!important;text-shadow:none!important;
}
/* Shared data-wtp-tier markup for links on homepage, Pakej, sticky and direct nav. */
body .wtp-hero-fees [data-wtp-tier],
body .wtp-direct-plan-nav [data-wtp-tier]{
  box-sizing:border-box!important;background:var(--wtp-package-light)!important;
  background-image:none!important;color:var(--wtp-package-ink)!important;
  border:2px solid var(--wtp-package-stroke)!important;
  border-radius:15px!important;box-shadow:none!important;text-shadow:none!important;
  -webkit-text-fill-color:var(--wtp-package-ink)!important;
}
body .wtp-hero-fees [data-wtp-tier] :is(strong,span),
body .wtp-direct-plan-nav [data-wtp-tier] :is(strong,span){
  color:var(--wtp-package-ink)!important;-webkit-text-fill-color:var(--wtp-package-ink)!important;
}
body .wtp-direct-plan-nav [data-wtp-tier].is-current,
body .wtp-direct-plan-nav [data-wtp-tier][aria-current="page"]{
  outline:2px solid var(--wtp-package-main)!important;outline-offset:2px!important;
}
/* CTA colour controlled by tier data attribute, not by page-specific classes. */
body .hero-buttons a[data-wtp-tier],
body .pakej-register-links a[data-wtp-tier],
body .wtp-join-bar .wtp-join-links a[data-wtp-tier],
body.notfound .wtp404 a.wtp404-link[data-wtp-tier]{
  background:var(--wtp-package-main)!important;background-image:none!important;
  border:1px solid var(--wtp-package-main)!important;color:#fff!important;
  -webkit-text-fill-color:#fff!important;box-shadow:0 7px 16px var(--wtp-package-shadow)!important;
  text-shadow:none!important;text-decoration:none!important;
}
/* 404 cards use the same tint and ink values as catalog cards. */
body.notfound main.wtp404 .wtp404-cards > article.wtp404-card[data-wtp-tier]{
  background:linear-gradient(160deg,var(--wtp-package-light),#fff 75%)!important;
  color:#193746!important;border:2px solid var(--wtp-package-stroke)!important;
  box-shadow:0 7px 20px var(--wtp-package-shadow)!important;
}
body.notfound main.wtp404 .wtp404-cards > article.wtp404-card[data-wtp-tier] .wtp404-price{
  color:var(--wtp-package-ink)!important;background:var(--wtp-package-light)!important;
  border:1px solid var(--wtp-package-stroke)!important;border-radius:14px!important;
  padding:10px!important;text-align:center!important;
}
/* Sticky: global brand background with exactly the same three tier CTA colors. */
body .wtp-join-bar{
  background:var(--wtp-sticky-bg)!important;border:1px solid #517e7b!important;
  box-shadow:0 12px 40px rgba(5,32,33,.27)!important;color:#fff!important;
}
body .wtp-join-bar .wtp-join-copy :is(strong,span){color:#fff!important}
body .wtp-join-bar .wtp-join-dismiss{color:#fff!important}
body .wtp-join-bar .wtp-join-links a[data-wtp-tier] :is(span,strong){color:#fff!important;-webkit-text-fill-color:#fff!important}
/* Support keyboard, touch sizes and mobile without horizontal overflow. */
body .wtp-direct-plan-nav a:focus-visible,
body .wtp-hero-fees a:focus-visible,
body .hero-buttons a:focus-visible,
body .pakej-register-links a:focus-visible,
body .wtp-join-bar a:focus-visible,
body main .payment-packages-section .payment-plan-card button:focus-visible,
body.notfound .wtp404 a:focus-visible{
  outline:3px solid var(--wtp-package-focus)!important;outline-offset:3px!important;
}
@media(max-width:760px){
  body main .payment-packages-section .pricing-table.payment-package-grid > article.payment-plan-card.wtp-package[data-wtp-tier]{padding:20px 14px!important}
  body main .payment-packages-section .pricing-table.payment-package-grid > article.wtp-package[data-wtp-tier] > .price.wtp-package-price{width:min(100%,360px)!important;font-size:clamp(44px,11vw,58px)!important}
  body .wtp-direct-plan-nav a[data-wtp-tier]{min-width:0!important;overflow-wrap:normal!important;word-break:normal!important}
  body .wtp-join-bar .wtp-join-links a[data-wtp-tier]{min-width:0!important;font-size:clamp(10px,2.8vw,13px)!important}
}
@media(prefers-reduced-motion:reduce){body .wtp-join-bar a[data-wtp-tier],body .payment-package-grid>.wtp-package{transition:none!important}}
/* Link-color guard: legacy global anchor selectors were still painting these blue. */
body.wantopup-landing .wtp-direct-plan-nav a[data-wtp-tier],
body .wtp-direct-plan-nav a[data-wtp-tier],
body .wtp-direct-plan-nav a[data-wtp-tier]:link,
body .wtp-direct-plan-nav a[data-wtp-tier]:visited{
  color:var(--wtp-package-ink)!important;
  -webkit-text-fill-color:var(--wtp-package-ink)!important;
  text-decoration:none!important;
}
body .wtp-join-bar .wtp-join-links a[data-wtp-tier],
body .wtp-join-bar .wtp-join-links a[data-wtp-tier]:link,
body .wtp-join-bar .wtp-join-links a[data-wtp-tier]:visited,
body.notfound main.wtp404 .wtp404-cards > article[data-wtp-tier] a.wtp404-link[data-wtp-tier],
body.notfound main.wtp404 .wtp404-cards > article[data-wtp-tier] a.wtp404-link[data-wtp-tier]:visited{
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}
/* The foundation's body main a:not(...) rule uses !important; outrank it explicitly. */
body main .wtp-direct-plan-nav a[data-wtp-tier],
body main .wtp-direct-plan-nav a[data-wtp-tier]:visited{
  color:var(--wtp-package-ink)!important;-webkit-text-fill-color:var(--wtp-package-ink)!important;
}
body main .wtp-join-bar .wtp-join-links a[data-wtp-tier],
body main .wtp-join-bar .wtp-join-links a[data-wtp-tier]:visited{
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}
/* Avoid foundation's four :not() conditions defeating package link text color. */
body main .wtp-direct-plan-nav.wtp-direct-plan-nav a[data-wtp-tier][href][class]{
  color:var(--wtp-package-ink)!important;-webkit-text-fill-color:var(--wtp-package-ink)!important;
}
body main .wtp-join-bar .wtp-join-links a[data-wtp-tier][href][class]{
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}
/* Migrated structural layout from retired v84.80/v84.82 sheets. */
body .wtp-direct-plan-nav{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;max-width:1050px!important;margin:24px auto 12px!important;
  padding:0 14px!important;
}
body .wtp-direct-plan-nav a[data-wtp-tier]{
  display:flex!important;align-items:center!important;justify-content:center!important;
  gap:7px!important;flex-wrap:wrap!important;min-height:58px!important;
  text-align:center!important;padding:12px!important;font-weight:800!important;
  box-shadow:0 5px 14px var(--wtp-package-shadow)!important;
}
body.wantopup-landing .wtp82-agent-pill{
  display:inline-flex!important;align-items:center!important;
  margin:12px 0 8px!important;padding:10px 16px!important;
  background:#e5f8ed!important;border:1px solid #73c7a3!important;
  border-radius:999px!important;color:#07523b!important;
  font-size:13px!important;font-weight:800!important;line-height:1.35!important;
}
@media(max-width:640px){
  body .wtp-direct-plan-nav{gap:7px!important;padding:0 12px!important;margin:16px auto 8px!important}
  body .wtp-direct-plan-nav a[data-wtp-tier]{min-height:54px!important;padding:8px 5px!important;font-size:12px!important;gap:3px!important}
  body .wtp-direct-plan-nav a[data-wtp-tier] strong{display:block!important;width:100%!important}
}

/* v84.85 — COMPLETE INTERNAL CARD CONTRAST CONTRACT.
   The v84.84 surface/price CSS missed rate chips and registration-fee blocks,
   allowing high-specificity legacy rules to diverge on /master vs catalog.
   Keep all rules in the one last-loaded package stylesheet. */
:root{color-scheme:light}
body main .payment-packages-section .pricing-table.payment-package-grid > article.wtp-package[data-wtp-tier]{
  color:#1c3442!important;
  background:linear-gradient(165deg,var(--wtp-package-light) 0%,#fff 60%)!important;
}
/* Master carries strongest visual priority, not a second gold palette. */
body main .payment-packages-section .pricing-table.payment-package-grid > article.wtp-package[data-wtp-tier="master"]{
  order:3!important;border-width:3px!important;box-shadow:0 16px 36px var(--wtp-package-shadow)!important;
}
body main .payment-packages-section .pricing-table.payment-package-grid > article.wtp-package[data-wtp-tier="dealer"]{order:2!important;border-width:2px!important}
body main .payment-packages-section .pricing-table.payment-package-grid > article.wtp-package[data-wtp-tier="agent"]{
  order:1!important;border-width:2px!important;box-shadow:0 8px 24px var(--wtp-package-shadow)!important;
}
/* Plan explanatory text, features and the potentially bright inherited note. */
body main .payment-packages-section .pricing-table.payment-package-grid > article.wtp-package[data-wtp-tier] > .plan-hook,
body main .payment-packages-section .pricing-table.payment-package-grid > article.wtp-package[data-wtp-tier] > .package-buyer-note{
  background:#fff!important;background-image:none!important;border:1px solid var(--wtp-package-stroke)!important;
  color:#203b49!important;-webkit-text-fill-color:#203b49!important;text-shadow:none!important;
  line-height:1.5!important;
}
body main .payment-packages-section .pricing-table.payment-package-grid > article.wtp-package[data-wtp-tier] > ul{
  background:#fff!important;background-image:none!important;border:1px solid #d6e4e5!important;color:#203b49!important;
}
body main .payment-packages-section .pricing-table.payment-package-grid > article.wtp-package[data-wtp-tier] > ul li,
body main .payment-packages-section .pricing-table.payment-package-grid > article.wtp-package[data-wtp-tier] > ul li::before{
  color:#203b49!important;-webkit-text-fill-color:#203b49!important;text-shadow:none!important;
}
/* Profit-rate headline and all 14 rows, identical catalog/detail. */
body main .payment-packages-section .pricing-table.payment-package-grid > article.wtp-package[data-wtp-tier] > .profit-rate-box{
  display:grid!important;gap:12px!important;width:100%!important;min-width:0!important;box-sizing:border-box!important;
  background:#fff!important;background-image:none!important;border:1px solid #d6e4e5!important;
  color:#193340!important;border-radius:20px!important;padding:16px 12px!important;text-shadow:none!important;
}
body main .payment-packages-section .pricing-table.payment-package-grid > article.wtp-package[data-wtp-tier] > .profit-rate-box > b{
  color:#172b39!important;-webkit-text-fill-color:#172b39!important;text-align:center!important;
  font-size:clamp(16px,1.3vw,20px)!important;line-height:1.4!important;
}
body main .payment-packages-section .pricing-table.payment-package-grid > article.wtp-package[data-wtp-tier] .profit-rate-box .profit-rate-chips{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;width:100%!important;min-width:0!important;align-items:stretch!important;
}
body main .payment-packages-section .pricing-table.payment-package-grid > article.wtp-package[data-wtp-tier] .profit-rate-box .profit-rate-chips > span{
  display:flex!important;grid-template-columns:none!important;flex-wrap:nowrap!important;
  align-items:center!important;justify-content:center!important;column-gap:5px!important;
  min-width:0!important;max-width:100%!important;width:100%!important;box-sizing:border-box!important;
  padding:8px 5px!important;margin:0!important;min-height:42px!important;
  border-radius:999px!important;border:1px solid #95d9d0!important;
  background:#edf9f7!important;background-image:none!important;box-shadow:none!important;
  color:#213d47!important;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;
  text-align:center!important;line-height:1.25!important;
}
body main .payment-packages-section .pricing-table.payment-package-grid > article.wtp-package[data-wtp-tier] .profit-rate-box .profit-rate-chips > span > small{
  flex:0 1 auto!important;min-width:0!important;width:auto!important;display:inline!important;
  font-size:clamp(11px,2.8vw,14px)!important;font-weight:800!important;
  color:#1b3543!important;-webkit-text-fill-color:#1b3543!important;
  white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important;
}
body main .payment-packages-section .pricing-table.payment-package-grid > article.wtp-package[data-wtp-tier] .profit-rate-box .profit-rate-chips > span > strong{
  flex:0 0 auto!important;display:inline!important;
  font-size:clamp(11px,2.8vw,14px)!important;font-weight:900!important;
  color:#09695e!important;-webkit-text-fill-color:#09695e!important;
  white-space:nowrap!important;word-break:normal!important;hyphens:none!important;
}
body main .payment-packages-section .pricing-table.payment-package-grid > article.wtp-package[data-wtp-tier] .profit-rate-box > em,
body main .payment-packages-section .pricing-table.payment-package-grid > article.wtp-package[data-wtp-tier] .profit-rate-box > p{
  font-style:normal!important;color:#425562!important;-webkit-text-fill-color:#425562!important;
  line-height:1.45!important;font-size:12px!important;text-shadow:none!important;
  text-align:center!important;margin:3px 0 0!important;
}
/* One tier-matched fee panel on every page — overrides previous /master gold exceptions. */
body.wantopup-landing main .payment-packages-section .pricing-table.payment-package-grid > article.wtp-package[data-wtp-tier] > .payment-breakdown.registration-fee-summary,
body.direct-package-master.direct-simple-register-page main .direct-simple-register-section .pricing-table.payment-package-grid > article.payment-plan-card-single.wtp-package[data-wtp-tier="master"] > .registration-fee-summary{
  display:block!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;
  min-height:0!important;height:auto!important;margin:14px 0 10px!important;padding:10px!important;
  border:1px solid var(--wtp-package-stroke)!important;border-radius:18px!important;
  background:var(--wtp-package-light)!important;background-image:none!important;
  box-shadow:none!important;color:var(--wtp-package-ink)!important;
}
body.wantopup-landing main .payment-packages-section .pricing-table.payment-package-grid > article.wtp-package[data-wtp-tier] > .payment-breakdown.registration-fee-summary .payment-total-row,
body.direct-package-master.direct-simple-register-page main .direct-simple-register-section .pricing-table.payment-package-grid > article.payment-plan-card-single.wtp-package[data-wtp-tier="master"] > .registration-fee-summary .payment-total-row{
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  gap:6px!important;grid-template-columns:none!important;min-height:70px!important;
  width:100%!important;height:auto!important;box-sizing:border-box!important;margin:0!important;padding:12px 10px!important;
  border:1px dashed var(--wtp-package-stroke)!important;border-radius:14px!important;
  background:var(--wtp-package-light)!important;background-image:none!important;
  text-align:center!important;
}
body.wantopup-landing main .payment-packages-section .pricing-table.payment-package-grid > article.wtp-package[data-wtp-tier] > .registration-fee-summary .payment-total-row :is(span,b),
body.direct-package-master.direct-simple-register-page main .direct-simple-register-section .pricing-table.payment-package-grid > article.payment-plan-card-single.wtp-package[data-wtp-tier="master"] > .registration-fee-summary .payment-total-row :is(span,b){
  width:100%!important;max-width:100%!important;min-width:0!important;display:block!important;
  color:var(--wtp-package-ink)!important;-webkit-text-fill-color:var(--wtp-package-ink)!important;
  text-align:center!important;background:none!important;text-shadow:none!important;line-height:1.3!important;
}
body.wantopup-landing main .payment-packages-section .pricing-table.payment-package-grid > article.wtp-package[data-wtp-tier] > .registration-fee-summary .payment-total-row span{
  font-size:clamp(15px,1.5vw,19px)!important;font-weight:800!important;
}
body.wantopup-landing main .payment-packages-section .pricing-table.payment-package-grid > article.wtp-package[data-wtp-tier] > .registration-fee-summary .payment-total-row b{
  font-size:clamp(22px,2vw,28px)!important;font-weight:900!important;
}
/* Form labels, text fields, helper notes and buttons stay legible. */
body main .payment-packages-section .pricing-table.payment-package-grid > article.wtp-package[data-wtp-tier] .payment-form{
  background:#fff!important;background-image:none!important;color:#1b3442!important;
  border:1px solid var(--wtp-package-stroke)!important;box-sizing:border-box!important;
}
body main .payment-packages-section .pricing-table.payment-package-grid > article.wtp-package[data-wtp-tier] .payment-form :is(label,small,span,b,.payment-safe-note,.wtp-card-form-title){
  color:#203b49!important;-webkit-text-fill-color:#203b49!important;text-shadow:none!important;
}
body main .payment-packages-section .pricing-table.payment-package-grid > article.wtp-package[data-wtp-tier] .payment-form :is(input,select,textarea){
  box-sizing:border-box!important;min-width:0!important;max-width:100%!important;width:100%!important;
  background:#fff!important;background-image:none!important;border:1px solid #829da3!important;
  color:#172e3b!important;-webkit-text-fill-color:#172e3b!important;
  box-shadow:none!important;opacity:1!important;
}
body main .payment-packages-section .pricing-table.payment-package-grid > article.wtp-package[data-wtp-tier] .payment-form input::placeholder{
  color:#586c75!important;-webkit-text-fill-color:#586c75!important;opacity:1!important;
}
body main .payment-packages-section .pricing-table.payment-package-grid > article.wtp-package[data-wtp-tier] .payment-form :is(button[type="submit"],.fullbtn):not(:disabled){
  background:var(--wtp-package-main)!important;background-image:none!important;
  border:1px solid var(--wtp-package-main)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
  text-shadow:none!important;opacity:1!important;
}
body main .payment-packages-section .pricing-table.payment-package-grid > article.wtp-package[data-wtp-tier] .payment-form :is(button[type="submit"],.fullbtn):disabled{
  background:#e4ebed!important;color:#29404b!important;-webkit-text-fill-color:#29404b!important;opacity:1!important;
}
/* Hero navigation has the same solid tier color; no blank ghost actions. */
body.wantopup-landing main .hero-buttons a[data-wtp-tier][href],
body.wantopup-landing main .pakej-register-links a[data-wtp-tier][href]{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:48px!important;padding:12px 16px!important;
  background:var(--wtp-package-main)!important;background-image:none!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  border:1px solid var(--wtp-package-main)!important;
  opacity:1!important;text-shadow:none!important;box-shadow:0 5px 12px var(--wtp-package-shadow)!important;
  text-decoration:none!important;
}
body.wantopup-landing main .hero-buttons a[data-wtp-tier][href] *,
body.wantopup-landing main .pakej-register-links a[data-wtp-tier][href] *{
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}
/* Deeply nested anchor rules in the old global stylesheet must not darken CTA links. */
body.wantopup-landing main .hero-buttons.hero-buttons a[data-wtp-tier][href]:is(:link,:visited),
body.wantopup-landing main .pakej-register-links.pakej-register-links a[data-wtp-tier][href]:is(:link,:visited){
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}
/* Standard text and card link contrast, not a site-wide forced recolor. */
body .wtp-hero-fees [data-wtp-tier], body .wtp-direct-plan-nav [data-wtp-tier]{background:var(--wtp-package-light)!important;color:var(--wtp-package-ink)!important}
body.notfound main.wtp404 .wtp404-cards > article.wtp404-card[data-wtp-tier] :is(h3,p){color:#233d49!important;text-shadow:none!important}
body.notfound main.wtp404 .wtp404-cards > article.wtp404-card[data-wtp-tier] .wtp404-link{
  background:var(--wtp-package-main)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
}
/* v84.86: Keep the fixed signup ribbon visible on small devices too.
   The JS measures its real height and reserves scroll space under content. */
@media(max-width:760px){
  body main .payment-packages-section .pricing-table.payment-package-grid > article.wtp-package[data-wtp-tier] .profit-rate-box .profit-rate-chips > span{padding:8px 3px!important;gap:4px!important}
  body main .payment-packages-section .pricing-table.payment-package-grid > article.wtp-package[data-wtp-tier] .profit-rate-box .profit-rate-chips > span > small,
  body main .payment-packages-section .pricing-table.payment-package-grid > article.wtp-package[data-wtp-tier] .profit-rate-box .profit-rate-chips > span > strong{font-size:clamp(11px,2.8vw,14px)!important}
}
@media(max-width:350px){
  body main .payment-packages-section .pricing-table.payment-package-grid > article.wtp-package[data-wtp-tier] > .profit-rate-box{padding:10px 6px!important}
  body main .payment-packages-section .pricing-table.payment-package-grid > article.wtp-package[data-wtp-tier] .profit-rate-box .profit-rate-chips{gap:5px!important}
  body main .payment-packages-section .pricing-table.payment-package-grid > article.wtp-package[data-wtp-tier] .profit-rate-box .profit-rate-chips > span{min-height:38px!important}
}
/* Override legacy hero's highly specific primary/ghost backgrounds. */
body.wantopup-landing main .hero.wantopup-hero .hero-copy .cta-row.hero-buttons > a.btn[data-wtp-tier][href],
body.wantopup-landing main .hero.wantopup-hero .hero-copy .cta-row.hero-buttons > a.btn.primary[data-wtp-tier][href],
body.wantopup-landing main .pakej-hero-section .pakej-register-links > a.btn[data-wtp-tier][href]{
  background-color:var(--wtp-package-main)!important;
  background-image:none!important;
  background:var(--wtp-package-main)!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  border-color:var(--wtp-package-main)!important;
}
/* Dedicated tier page has one card, never one of three empty grid columns. */
body.direct-simple-register-page main.direct-simple-main .direct-simple-register-section .pricing-table.payment-package-grid-detail,
body.direct-package-page main .payment-packages-section .pricing-table.payment-package-grid-detail{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  width:min(100%,620px)!important;max-width:620px!important;
  gap:0!important;margin-left:auto!important;margin-right:auto!important;
}
body.direct-package-page main .payment-packages-section .pricing-table.payment-package-grid-detail > article.payment-plan-card-single[data-wtp-tier]{
  grid-column:1!important;min-width:0!important;width:100%!important;
}

/* v84.86 GLOBAL BOTTOM STICKY: responsive, compact and not hidden on public pages. */
body .wtp-join-bar{
  box-sizing:border-box!important;
  left:max(8px,env(safe-area-inset-left))!important;
  right:max(8px,env(safe-area-inset-right))!important;
  bottom:max(8px,env(safe-area-inset-bottom))!important;
  z-index:9990!important;
  max-width:1100px!important;
  margin-left:auto!important;margin-right:auto!important;
  visibility:visible!important;
}
body.wtp-with-join-bar{
  padding-bottom:calc(var(--wtp-join-height,120px) + max(8px,env(safe-area-inset-bottom)) + 20px)!important;
}
body .wtp-join-copy strong{color:#fff!important;-webkit-text-fill-color:#fff!important}
body .wtp-join-copy span{color:#e0eeec!important;-webkit-text-fill-color:#e0eeec!important}
body .wtp-join-bar .wtp-join-dismiss{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:40px!important;height:40px!important;top:5px!important;right:4px!important;
  font-size:27px!important;cursor:pointer!important;border-radius:12px!important;
  background:transparent!important;border:0!important;
}
body .wtp-join-bar .wtp-join-links a[data-wtp-tier]{
  box-sizing:border-box!important;min-height:44px!important;
  font-weight:800!important;white-space:nowrap!important;
  word-break:normal!important;overflow-wrap:normal!important;
}
body .wtp-join-bar .wtp-join-links a[aria-current="page"]{
  outline:2px solid #fff!important;outline-offset:1px!important;
}
body main form.wtp-visible-card-form{scroll-margin-top:105px;scroll-margin-bottom:calc(var(--wtp-join-height,120px) + 16px)}
@media(max-width:760px){
  body .wtp-join-bar{
    display:flex!important;flex-direction:column!important;align-items:stretch!important;
    gap:8px!important;padding:10px 42px 10px 10px!important;
    border-radius:17px!important;
  }
  body .wtp-join-copy{width:100%!important;gap:0!important;line-height:1.2!important}
  body .wtp-join-copy strong{font-size:15px!important;line-height:1.25!important}
  body .wtp-join-copy span{font-size:11px!important;line-height:1.35!important}
  body .wtp-join-links{
    width:calc(100% + 30px)!important;margin:0!important;
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;
  }
  body .wtp-join-bar .wtp-join-links a[data-wtp-tier]{
    min-width:0!important;width:100%!important;padding:10px 3px!important;
    font-size:clamp(11px,3.1vw,13px)!important;min-height:44px!important;
    border-radius:12px!important;box-shadow:none!important;
  }
  /* The keyboard already occupies the bottom viewport; never overlay a focused form. */
  body.wtp-join-input-focus .wtp-join-bar{display:none!important}
}
@media(max-width:350px){
  body .wtp-join-bar{padding:9px 39px 9px 8px!important}
  body .wtp-join-links{width:calc(100% + 29px)!important;gap:4px!important}
  body .wtp-join-bar .wtp-join-links a[data-wtp-tier]{font-size:10px!important}
}
@media(max-height:430px) and (max-width:760px){
  body .wtp-join-bar{max-height:40vh!important;overflow-y:auto!important}
}

/* v84.86: order and tap layout for a consistent Agent → Dealer → Master ribbon.
   The original three-column card layout remains intact on desktop. */
body .wtp-join-bar .wtp-join-links>a[data-wtp-tier="agent"]{order:1!important}
body .wtp-join-bar .wtp-join-links>a[data-wtp-tier="dealer"]{order:2!important}
body .wtp-join-bar .wtp-join-links>a[data-wtp-tier="master"]{order:3!important}
body .wtp-join-bar .wtp-join-links{align-items:stretch!important}
body .wtp-join-bar .wtp-join-links>a{touch-action:manipulation!important}
body .wtp-join-bar[hidden],body .wtp-join-bar.wtp-join-closed{display:none!important}
body.wtp-join-input-focus{padding-bottom:20px!important}
body .wtp-join-bar .wtp-join-dismiss:focus-visible{outline:3px solid #fed36a!important;outline-offset:2px!important}
@media(max-width:760px){
  body:not(.wtp-join-input-focus)>.wtp-join-bar:not(.wtp-join-closed){display:flex!important}
  body .wtp-join-bar .wtp-join-links{min-width:0!important}
}