/* The plans page follows the new Polyglotion desktop visual language.
   Checkout hooks and plan access remain in the original markup. */
@media (min-width: 980px) {
  html[data-theme="light"] .plans-wrap { padding-bottom: 100px; }
  html[data-theme="light"] .plans-wrap .container { width: min(1290px, calc(100% - 96px)); }
  html[data-theme="light"] .plans-page-hero { padding: 54px 0 8px; text-align: left; }
  html[data-theme="light"] .plans-page-hero h1 {
    margin: 0;
    color: #0a1649;
    font-size: clamp(64px, 6vw, 94px);
    font-weight: 850;
    line-height: 1;
    letter-spacing: -.075em;
  }
  html[data-theme="light"] .pricing-stage { display: grid; margin-top: 18px; gap: 18px; }
  html[data-theme="light"] .paid-staircase {
    grid-row: 1;
    margin: 0;
    height: auto;
    display: grid;
    grid-template-columns: 1.65fr 1fr;
    grid-template-rows: repeat(2, minmax(222px, auto));
    align-items: stretch;
    gap: 18px;
  }
  html[data-theme="light"] .paid-staircase::before { display: none; }
  html[data-theme="light"] .tier-card {
    height: auto;
    min-height: 0;
    border: 1px solid #d4e1fa;
    border-radius: 16px;
    padding: 26px 28px;
    color: #0b174c;
    background: rgba(255,255,255,.93);
    box-shadow: 0 16px 40px rgba(37,72,143,.045);
    transform: none;
  }
  html[data-theme="light"] .tier-card:hover { transform: translateY(-2px) !important; box-shadow: 0 20px 44px rgba(41,72,151,.085); }
  html[data-theme="light"] .tier-card.revealed { animation: none; opacity: 1; }
  html[data-theme="light"] .tier-card .tier-icon { display: none; }
  html[data-theme="light"] .tier-lite { grid-column: 1; grid-row: 1; }
  html[data-theme="light"] .tier-plus { grid-column: 1; grid-row: 2; }
  html[data-theme="light"] .tier-max { grid-column: 2; grid-row: 1 / span 2; border-color: #d0d9fa; }
  html[data-theme="light"] .tier-name { font-size: 23px; font-weight: 850; line-height: 1.15; letter-spacing: -.045em; }
  html[data-theme="light"] .tier-label,
  html[data-theme="light"] .tier-plus .tier-label,
  html[data-theme="light"] .tier-max .tier-label { color: #2d66c3; font-size: 15px; font-weight: 760; margin-top: 5px; }
  html[data-theme="light"] .tier-price { color: #0b174c; font-size: 42px; font-weight: 850; letter-spacing: -.065em; }
  html[data-theme="light"] .tier-cycle { color: #7887a9; font-size: 13px; }
  html[data-theme="light"] .tier-list { gap: 6px; margin: 15px 0 10px; }
  html[data-theme="light"] .tier-list li { color: #6b7a9d; font-size: 13px; line-height: 1.45; }
  html[data-theme="light"] .tier-list li::before { color: #11a879; }
  html[data-theme="light"] .tier-inherits { border: 0; background: #eaf2ff; color: #5985dc; font-size: 12px; font-weight: 800; }
  html[data-theme="light"] .tier-card .btn { border-radius: 12px; min-height: 48px; }
  html[data-theme="light"] .tier-lite .btn,
  html[data-theme="light"] .tier-plus .btn { width: min(205px, 35%); position: absolute; right: 28px; bottom: 26px; }
  html[data-theme="light"] .tier-lite > div:has(> .tier-price),
  html[data-theme="light"] .tier-plus > div:has(> .tier-price) { position: absolute; top: 26px; right: 28px; }
  html[data-theme="light"] .tier-lite .tier-name,
  html[data-theme="light"] .tier-plus .tier-name,
  html[data-theme="light"] .tier-lite .tier-label,
  html[data-theme="light"] .tier-plus .tier-label,
  html[data-theme="light"] .tier-lite .tier-list,
  html[data-theme="light"] .tier-plus .tier-list,
  html[data-theme="light"] .tier-lite .tier-inherits,
  html[data-theme="light"] .tier-plus .tier-inherits { max-width: 63%; }
  html[data-theme="light"] .tier-max { padding: 30px 33px; }
  html[data-theme="light"] .tier-max .tier-name { margin-top: 8px; }
  html[data-theme="light"] .tier-max > div:has(> .tier-price) { margin-top: 18px; }
  html[data-theme="light"] .tier-max .tier-price { font-size: 59px; }
  html[data-theme="light"] .tier-max .tier-list { margin: 20px 0; gap: 14px; }
  html[data-theme="light"] .tier-max .btn { margin-top: auto; }
  html[data-theme="light"] .most-chosen { background: #f2eafd; color: #6f3cbb; }
  html[data-theme="light"] .current-access { color: #445477; }
  html[data-theme="light"] .free-entry {
    grid-row: 2;
    position: static;
    width: 100%;
    min-height: 95px;
    margin: 0;
    padding: 20px 24px;
    display: grid;
    grid-template-columns: 1fr auto;
    align-content: center;
    border: 1px solid #d7e3f9;
    border-radius: 14px;
    background: #fff;
    box-shadow: none;
  }
  html[data-theme="light"] .free-entry h3 { color: #0b174c; font-size: 21px; margin: 0 0 4px; }
  html[data-theme="light"] .free-entry p { color: #7280a1; font-size: 13px; margin: 0; }
  html[data-theme="light"] .free-entry .btn { grid-column: 2; grid-row: 1 / span 2; min-width: 195px; align-self: center; }
  html[data-theme="light"] .community-banner { margin-top: 30px; border: 0; background: transparent; box-shadow: none; padding: 0 4px; }
  html[data-theme="light"] .community-banner h2 { color: #0b174c; font-size: 26px; }
  html[data-theme="light"] .community-banner p { color: #8a96b5; }
  html[data-theme="light"] .community-banner .btn { border: 1px solid #d5e1f8; }
  html[data-theme="light"] .plan-quiz,
  html[data-theme="light"] .pass-bar,
  html[data-theme="light"] .pricing-info .info-card,
  html[data-theme="light"] .faq-item {
    border: 1px solid #d6e3fb;
    border-radius: 14px;
    background: rgba(255,255,255,.95);
    box-shadow: none;
  }
  html[data-theme="light"] .plan-quiz { margin-top: 18px; }
  html[data-theme="light"] .quiz-header h2,
  html[data-theme="light"] .pass-copy h3,
  html[data-theme="light"] .pricing-info h2,
  html[data-theme="light"] .faq h2 { color: #0b174c; }
  html[data-theme="light"] .quiz-header p,
  html[data-theme="light"] .pass-copy p,
  html[data-theme="light"] .pricing-info p { color: #8491af; }
  html[data-theme="light"] .pass-bar { min-height: 84px; padding: 12px 20px; }
  html[data-theme="light"] .pass-bar::before { display: none; }
  html[data-theme="light"] .pass-logo { width: 47px; height: 47px; border-radius: 11px; box-shadow: none; }
  html[data-theme="light"] .pricing-info { grid-template-columns: 1fr; margin-top: 17px; }
  html[data-theme="light"] .pricing-info .info-card { min-height: 116px; padding: 24px 30px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
  html[data-theme="light"] .pricing-info .info-copy { flex: 1 1 280px; }
  html[data-theme="light"] .pricing-info .info-card h2 { font-size: 29px; margin: 0 0 7px; }
  html[data-theme="light"] .pricing-info .info-card p { margin: 0; }
  html[data-theme="light"] .checkout-flow { margin: 0; }
  html[data-theme="light"] .flow-step { min-width: 145px; color: #0b174c; border-color: #e0e9fb; background: #fff; }
  html[data-theme="light"] .flow-arrow { color: #94a8d7; }
  html[data-theme="light"] .sync-icon-minimal { width: 45px; height: 45px; margin: 0; }
  html[data-theme="light"] .sync-icon-minimal svg path { stroke: #3970d2; }
  html[data-theme="light"] .faq { max-width: 100%; margin-top: 42px; }
  html[data-theme="light"] .faq h2 { font-size: 34px; margin-bottom: 18px; }
  html[data-theme="light"] .faq-item { margin-top: 0; border-radius: 0; border-bottom: 0; }
  html[data-theme="light"] .faq-item:first-of-type { border-radius: 14px 14px 0 0; }
  html[data-theme="light"] .faq-item:last-of-type { border-radius: 0 0 14px 14px; border-bottom: 1px solid #d6e3fb; }
  html[data-theme="light"] .faq-q { color: #0b174c; padding: 22px 26px; }
}

@media (min-width: 980px) and (max-width: 1199px) {
  html[dir="rtl"][data-theme="light"] .tier-lite .btn,
  html[dir="rtl"][data-theme="light"] .tier-plus .btn {
    position: static;
    width: 100%;
    margin-top: 14px;
  }
  html[dir="rtl"][data-theme="light"] .tier-lite > div:has(> .tier-price),
  html[dir="rtl"][data-theme="light"] .tier-plus > div:has(> .tier-price) {
    position: static;
    margin: 10px 0;
  }
  html[dir="rtl"][data-theme="light"] .tier-lite .tier-name,
  html[dir="rtl"][data-theme="light"] .tier-plus .tier-name,
  html[dir="rtl"][data-theme="light"] .tier-lite .tier-label,
  html[dir="rtl"][data-theme="light"] .tier-plus .tier-label,
  html[dir="rtl"][data-theme="light"] .tier-lite .tier-list,
  html[dir="rtl"][data-theme="light"] .tier-plus .tier-list,
  html[dir="rtl"][data-theme="light"] .tier-lite .tier-inherits,
  html[dir="rtl"][data-theme="light"] .tier-plus .tier-inherits { max-width: none; }
}

@media (prefers-reduced-motion: reduce) {
  .tier-card.revealed { animation: none !important; opacity: 1 !important; }
}

/* October 7: centered, distinct memberships and one quiet reassurance bar. */
html[data-theme="light"] .plans-page-hero{text-align:center;padding-top:52px}
html[data-theme="light"] .plans-page-hero h1{line-height:1.12;letter-spacing:-.045em;font-weight:730}
html[data-theme="light"] .plans-wrap .container{width:min(1240px,calc(100% - 64px))}
html[data-theme="light"] .pricing-stage{max-width:1170px;margin:30px auto 0}
html[data-theme="light"] .paid-staircase{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto;gap:23px}
html[data-theme="light"] .tier-card{grid-column:auto;grid-row:auto;min-height:455px;padding:34px 29px 28px;border-width:1.5px;border-top-width:3px;border-radius:21px;display:flex;flex-direction:column;align-items:stretch;position:relative}
html[data-theme="light"] .tier-lite{border-color:#a9c9ea;background:linear-gradient(160deg,#fff,#f2f8ff)}
html[data-theme="light"] .tier-plus{border-color:#bbafd9;background:linear-gradient(160deg,#fff,#f8f4ff)}
html[data-theme="light"] .tier-max{border-color:#a595d0;background:linear-gradient(160deg,#fffdfb,#f8f4ff);padding-top:65px}
html[data-theme="light"] .tier-card .tier-name{max-width:none;font-size:24px;letter-spacing:-.025em;font-weight:720;margin-top:0}
html[data-theme="light"] .tier-card .tier-label{max-width:none;line-height:1.5;font-size:14px;margin-top:7px}
html[data-theme="light"] .tier-card>div:has(>.tier-price){position:static;margin:21px 0 8px}
html[data-theme="light"] .tier-card .tier-price{font-size:49px;letter-spacing:-.045em;font-weight:700}
html[data-theme="light"] .tier-card .tier-cycle{font-size:13px}
html[data-theme="light"] .tier-card .tier-list{max-width:none;font-size:14px;margin:16px 0 18px;gap:13px;flex:1}
html[data-theme="light"] .tier-card .tier-list li{font-size:14px;color:#5b6c8c;line-height:1.5}
html[data-theme="light"] .tier-card .tier-inherits{max-width:none;align-self:flex-start;font-weight:650;margin-bottom:21px;background:#e8eff9;color:#4b6b9b}
html[data-theme="light"] .tier-card .btn{position:static;width:100%;margin-top:auto;font-size:14px}
html[data-theme="light"] .free-entry{width:100%;margin:8px auto 0;border:0;border-top:1px dashed #cbd5e6;border-radius:0;background:transparent;padding:25px 8px 0;min-height:90px}
html[data-theme="light"] .free-entry h3{font-weight:650;font-size:20px}
html[data-theme="light"] .community-banner{margin:53px auto 27px;padding:24px 27px;border:1px solid #d7e5e8;border-left:3px solid #94b6bf;border-radius:18px;background:#eef5f780;gap:28px}
html[data-theme="light"] .community-banner h2{font-size:24px;font-weight:650;letter-spacing:-.02em}
html[data-theme="light"] .community-banner p{color:#6b8291;font-size:14px;margin-bottom:0}
html[data-theme="light"] .community-banner .btn{background:transparent;color:#476878;border-color:#bfced6}
html[data-theme="light"] .pricing-trust-bar{display:flex;gap:0;margin-top:31px;padding:21px 0;border-top:1px solid #dbe2ec;border-bottom:1px solid #dbe2ec;background:transparent;border-radius:0;box-shadow:none}
html[data-theme="light"] .pricing-trust-item{display:flex;align-items:center;gap:16px;flex:1;padding:0 24px;min-width:0}
html[data-theme="light"] .pricing-trust-item+ .pricing-trust-item{border-left:1px solid #dbe2ec}
html[data-theme="light"] .pricing-trust-item svg{flex:0 0 34px;width:34px;height:34px;color:#63829f}
html[data-theme="light"] .pricing-trust-item h2{font-size:16px;font-weight:650;margin:0 0 4px;color:#294264;letter-spacing:-.01em}
html[data-theme="light"] .pricing-trust-item p{font-size:13px;line-height:1.55;margin:0;color:#73839b}
html[data-theme="light"] .most-chosen{top:19px;right:22px;gap:8px;background:#fff4e9;border:1px solid #f0d9c2;color:#a46136;box-shadow:none;backdrop-filter:none;font-size:11px;font-weight:700;padding:6px 12px}
.plans-wrap .flame{width:20px;height:27px;background:transparent;clip-path:none;filter:drop-shadow(0 1px 4px #f6935244);animation:none;display:block;overflow:visible;position:relative}
.plans-wrap .flame::before,.plans-wrap .flame::after{content:none}
.flame svg{position:absolute;inset:-6px -3px;width:26px;height:35px;overflow:visible}
.flame-tongue{transform-origin:20px 55px;animation:flame-lift 1.05s ease-in-out infinite alternate;animation-play-state:paused}
.flame-tongue-two{animation-duration:.7s;animation-delay:-.3s}.flame-core{animation-duration:.85s;animation-delay:-.5s}
.flame-spark{position:absolute;bottom:12px;left:6px;width:2px;height:3px;background:#ed9a4b;border-radius:50%;opacity:0;box-shadow:0 0 3px #ffbf67;animation:spark-rise 1.8s ease-out infinite;animation-play-state:paused}
.flame-spark:nth-of-type(2){left:14px;animation-delay:.65s;animation-duration:2.1s}.flame-spark:nth-of-type(3){left:10px;animation-delay:1.25s;animation-duration:1.65s}
.is-lit .flame-tongue,.is-lit .flame-spark{animation-play-state:running}.is-lit .flame svg{animation:flame-ignite .65s ease-out both}
@keyframes flame-lift{0%{transform:scaleX(.95) scaleY(.9) rotate(-3deg)}55%{transform:scaleX(1.05) scaleY(1.05) rotate(2deg)}100%{transform:scaleX(.9) scaleY(1.14) rotate(-1deg)}}
@keyframes flame-ignite{from{opacity:.2;transform:translateY(5px) scaleY(.25)}to{opacity:1;transform:translateY(0) scaleY(1)}}
@keyframes spark-rise{0%{opacity:0;transform:translate(0,0) scale(.8)}18%{opacity:.9}75%{opacity:.5}100%{opacity:0;transform:translate(5px,-29px) scale(.3)}}
@media(max-width:979px){html[data-theme="light"] .paid-staircase{height:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}html[data-theme="light"] .paid-staircase::before{display:none}html[data-theme="light"] .tier-card{min-height:470px;transform:none!important}html[data-theme="light"] .free-entry{position:static;display:grid;grid-template-columns:1fr auto;gap:10px}html[data-theme="light"] .free-entry .btn{grid-column:2;grid-row:1/3}html[data-theme="light"] .tier-card .tier-price{font-size:40px}}
@media(max-width:720px){html[data-theme="light"] .plans-wrap .container{width:calc(100% - 34px)}html[data-theme="light"] .paid-staircase{grid-template-columns:1fr;gap:18px}html[data-theme="light"] .tier-card{min-height:365px;padding:26px}html[data-theme="light"] .tier-max{padding-top:65px}html[data-theme="light"] .free-entry{display:flex;flex-direction:column;align-items:flex-start;gap:12px}html[data-theme="light"] .community-banner{padding:22px;align-items:flex-start}html[data-theme="light"] .pricing-trust-bar{flex-direction:column;gap:20px}html[data-theme="light"] .pricing-trust-item{padding:0 7px}html[data-theme="light"] .pricing-trust-item+.pricing-trust-item{border-left:0}}
@media(prefers-reduced-motion:reduce){.flame-tongue,.flame-spark,.is-lit .flame svg{animation:none!important}.flame-spark{display:none}}


/* Annual totals, aligned plan headers and a restrained Max signature. */
.plan-interval-picker{display:flex;justify-content:center;gap:5px;width:max-content;max-width:100%;margin:26px auto 0;padding:5px;background:#eef0fa;border:1px solid #d6dbef;border-radius:16px}
.plan-interval-picker button{display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:11px;padding:11px 20px;color:#4b5078;background:transparent;font:inherit;font-weight:650;cursor:pointer}
.plan-interval-picker button.is-selected{background:#fff;color:#392763;box-shadow:0 2px 9px #39276312}
.plan-interval-picker small{font-size:11px;padding:4px 7px;border-radius:8px;color:#7043ab;background:#e7ddf8;white-space:nowrap}
.plan-annual-note{min-height:38px;line-height:1.45;font-size:12px;color:#666a90;margin:2px 0 8px}.plan-annual-note[hidden]{display:block!important;visibility:hidden}
html[data-theme="light"] .tier-card,html[data-theme="light"] .tier-max{padding-top:67px}
html[data-theme="light"] .tier-card .tier-label{min-height:44px}
.plans-wrap .most-chosen{display:inline-flex;align-items:center;line-height:1.3;inset-inline-end:20px;inset-inline-start:auto;left:auto;right:auto;top:19px;min-height:31px;width:max-content;max-width:calc(100% - 40px);padding:5px 11px}
.plans-wrap .flame{flex:0 0 17px;width:17px;height:23px;display:inline-flex;align-items:center;justify-content:center}
.plans-wrap .flame svg{position:static;width:17px;height:26px;inset:auto;overflow:visible}
.max-benefits{display:flex;align-items:center;gap:35px;max-width:1170px;margin:42px auto;padding:29px 34px;border:1px solid #ded8ee;border-radius:20px;background:linear-gradient(120deg,#f5f1fcaa,#f8faff)}
.max-benefits h2{font-size:25px;line-height:1.2;letter-spacing:-.025em;margin:0 0 14px;color:#302051}.max-benefits ul{list-style:none;padding:0;margin:0;display:grid;gap:8px;font-size:14px;color:#596283}.max-benefits p{color:#7d809b;font-size:12px;margin:15px 0 0}
.max-benefits-infinity{font-family:Georgia,serif;font-size:110px;line-height:1;color:#8350bd;flex:0 0 125px;text-align:center;animation:max-signature 5s ease-in-out infinite}
@keyframes max-signature{0%,100%{opacity:.7;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}
.plan-confirm-price{font-size:34px;font-weight:700;margin:8px 0}.plan-confirm-price span{font-size:14px;font-weight:400}
@media(max-width:720px){.max-benefits{padding:25px;gap:18px}.max-benefits-infinity{font-size:65px;flex-basis:65px}.max-benefits h2{font-size:22px}.plan-interval-picker button{padding:10px 14px}}
@media(prefers-reduced-motion:reduce){.max-benefits-infinity{animation:none!important}}
