/* coonett: homepage-style plan cards for the /plans page. Everything is scoped under .plx so no other page is affected. */
.plx{--cream-2:#f7f5ef;--ink:#1c2333;--ink-soft:#4a5064;--gold:#b8860b;--gold-deep:#8f6a08;--gold-light:#e9cf8a;--line:#e6dcc0;--white:#ffffff;padding:8px 0 60px;color:var(--ink);font-family:'Work Sans',sans-serif}
.plx *{box-sizing:border-box}
.plx .plx-wrap{max-width:1280px;margin:0 auto;padding:0 24px}
.plx .plx-head{text-align:center;margin-bottom:28px}
.plx .plx-eb{color:var(--gold-deep);font-weight:700;font-size:12px;letter-spacing:1.4px;text-transform:uppercase}
.plx .plx-head h1{font-family:'Fraunces',serif;font-size:clamp(30px,4vw,44px);margin:8px 0 6px;color:var(--ink)}
.plx .plx-head p{margin:0;color:var(--ink-soft);font-size:15px}

/* tabs */
.plx .ptoggle{position:relative;display:grid;grid-template-columns:repeat(var(--n,2),minmax(140px,1fr));width:max-content;max-width:100%;margin:0 auto 34px;background:var(--cream-2);border:1px solid var(--line);border-radius:999px;padding:4px}
.plx .pslider{position:absolute;top:4px;left:4px;width:calc((100% - 8px) / var(--n,2));height:calc(100% - 8px);background:var(--gold);border-radius:999px;transition:transform .45s cubic-bezier(.65,0,.35,1);z-index:0}
.plx .ptoggle[data-active="1"] .pslider{transform:translateX(100%)}
.plx .ptoggle[data-active="2"] .pslider{transform:translateX(200%)}
.plx .ptoggle[data-active="3"] .pslider{transform:translateX(300%)}
.plx .ptab{position:relative;z-index:1;border:0;background:transparent;padding:10px 22px;font:600 14px 'Work Sans',sans-serif;color:var(--ink-soft);cursor:pointer;border-radius:999px;min-width:140px;transition:color .3s}
.plx .ptab.active{color:var(--white)}

/* grid */
.plx .pricewrap{position:relative;padding-top:10px}
.plx .priceglow{position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,var(--gold-light) 0%,transparent 70%);opacity:.4;filter:blur(10px);top:-60px;left:50%;transform:translateX(-50%);z-index:0;pointer-events:none}
.plx .ppanel{display:none;width:100%}
.plx .ppanel.active{display:grid;animation:plxfade .45s ease}
@keyframes plxfade{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.plx .plangrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding-top:12px;position:relative;z-index:1}
@media(max-width:1099px){.plx .plangrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.plx .plangrid{grid-template-columns:1fr}.plx .ptab{min-width:0;padding:10px 14px}}

/* card */
.plx .pricecard{position:relative;z-index:1;background:var(--white);border:1px solid var(--line);border-radius:24px;padding:30px 18px;display:flex;flex-direction:column;transition:transform .35s ease,box-shadow .35s ease;box-shadow:inset 0 3px 0 rgba(199,155,72,.85),0 2px 4px rgba(28,35,51,.06),0 14px 28px -10px rgba(28,35,51,.18),0 32px 60px -32px rgba(28,35,51,.28)}
.plx .pricecard:hover{transform:translateY(-8px);box-shadow:inset 0 3px 0 rgba(199,155,72,1),0 4px 8px rgba(28,35,51,.08),0 24px 40px -12px rgba(28,35,51,.22),0 44px 80px -32px rgba(28,35,51,.34)}
.plx .pricecard.mid{background:linear-gradient(165deg,var(--ink) 0%,#262f45 100%);border-color:var(--gold);color:#fff;box-shadow:0 0 0 1px rgba(199,155,72,.65),0 0 30px rgba(199,155,72,.28),0 34px 64px -22px rgba(28,35,51,.6)}
.plx .pricecard.mid:hover{transform:translateY(-16px) scale(1.03);box-shadow:0 0 0 1px rgba(199,155,72,.9),0 0 42px rgba(199,155,72,.4),0 44px 80px -24px rgba(28,35,51,.7)}
.plx .ribbon{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--gold);color:#fff;font-size:11.5px;font-weight:700;letter-spacing:.3px;padding:6px 18px;border-radius:999px;box-shadow:0 8px 16px -6px rgba(184,134,11,.6);white-space:nowrap}
.plx .curtag{display:inline-block;align-self:flex-start;background:#25b36b;color:#fff;font-size:10px;font-weight:800;letter-spacing:.5px;padding:3px 9px;border-radius:999px;margin-bottom:8px}
.plx .pname2{font-weight:600;font-size:17px}
.plx .pricecard.mid .pname2{color:var(--gold-light)}
.plx .pdesc{font-size:13px;color:var(--ink-soft);margin-top:4px}
.plx .pricecard.mid .pdesc{color:#9aa2b8}

/* monthly / yearly tiles */
.plx .pboxes{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}
.plx .pamt-set{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;padding:10px 8px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(160deg,#fffdf8,#f6efe0);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 6px 14px -8px rgba(28,35,51,.35);transition:transform .25s ease,box-shadow .25s ease}
.plx .pamt-set:hover{transform:translateY(-3px);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 12px 22px -10px rgba(28,35,51,.45)}
.plx .pricecard.mid .pamt-set{border-color:rgba(255,255,255,.16);background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.03));box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 8px 18px -10px rgba(0,0,0,.7)}
.plx .pamt-set::before{font-size:10px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--ink-soft)}
.plx .pricecard.mid .pamt-set::before{color:#9aa2b8}
.plx .pamt-set[data-bill="monthly"]::before{content:"Monthly"}
.plx .pamt-set[data-bill="yearly"]::before{content:"Yearly"}
.plx .psave{order:1;display:inline-flex;align-items:center;gap:3px;background:#25b36b;color:#fff;font-size:9px;font-weight:800;letter-spacing:.5px;padding:3px 7px;border-radius:999px;box-shadow:0 6px 16px #25b36b44;margin:0}
.plx .psave::before{content:"🎉"}
.plx .pold{order:2;font-size:14px;font-weight:700;line-height:1.1;text-decoration:line-through;text-decoration-thickness:2px;opacity:.5;margin:0}
.plx .pricecard.mid .pold{color:#fff}
.plx .pamt{order:3;font-family:'Fraunces',serif;font-size:24px;font-weight:600;margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 5px;text-shadow:0 2px 14px rgba(199,155,72,.28)}
.plx .pold + .pamt{color:var(--gold-deep)}
.plx .pricecard.mid .pold + .pamt{color:var(--gold-light);text-shadow:0 2px 16px rgba(232,200,120,.38)}
.plx .pamt span{font-family:'Work Sans',sans-serif;font-size:10px;font-weight:800;color:var(--gold-deep);background:#c79b4824;padding:2px 7px;border-radius:999px;letter-spacing:.3px;align-self:center}
.plx .pricecard.mid .pamt span{color:var(--gold-light);background:#e8c87824}
.plx .pspecial{display:none}
.plx .talkbox{grid-column:1 / -1}
.plx .talkbox::before{content:"Custom" !important}
.plx .talkbox .pamt{font-size:19px;line-height:1.25}
.plx .talkbox .pspecial{display:block;font-size:11px;font-weight:700;color:#c98a1a}

/* features */
.plx .pdivider{height:1px;background:var(--line);margin:24px 0}
.plx .pricecard.mid .pdivider{background:rgba(255,255,255,.12)}
.plx ul.plines{list-style:none;padding:0;margin:0 0 28px;display:flex;flex-direction:column;gap:13px;flex:1}
.plx .pline{font-size:14px;color:var(--ink-soft);display:flex;align-items:center;gap:10px}
.plx .pricecard.mid .pline{color:#c9cede}
.plx .pline .ck{color:var(--gold);font-size:15px;font-weight:700;line-height:1.45;align-self:flex-start;flex-shrink:0}
.plx .pricecard.mid .pline .ck{color:var(--gold-light)}

/* button */
.plx .pbtn{display:block;width:100%;text-align:center;padding:12px 20px;border-radius:999px;font:600 15px 'Work Sans',sans-serif;text-decoration:none;cursor:pointer;background:#1B2236;color:#E0A81C;border:2px solid #1B2236;transition:.2s}
.plx .pbtn:hover{background:#E0A81C;color:#1B2236;border-color:#E0A81C}
.plx .pricecard.mid .pbtn{background:#E0A81C;color:#1B2236;border-color:#E0A81C}
.plx .pricecard.mid .pbtn:hover{background:#1B2236;color:#E0A81C;border-color:#1B2236}
.plx .pricenote{text-align:center;margin-top:30px;font-size:13.5px;color:var(--ink-soft)}