/* Menty website v5 pricing page (11 Oct 2026). Loaded after site.css and home.css: colour, type, buttons and the call
   to action come from home.css, so pricing matches the home and product pages. */
.pr-hero{padding:56px 0 20px;text-align:center}
.pr-hero h1{font-size:clamp(40px,5.4vw,68px);letter-spacing:-.045em;line-height:1.02;margin-top:6px}
.pr-hero .lede{margin:18px auto 0;max-width:36em}

/* plans */
.pr-plans{padding:24px 0 28px}
.plans3{display:grid;gap:14px;align-items:stretch}
.pl{position:relative;border:1px solid var(--card-line);border-radius:24px;background:#fff;padding:30px 28px;display:flex;flex-direction:column}
.pl.main{background:var(--gloss-band);border-color:transparent;color:#fff;box-shadow:0 30px 60px -32px rgba(150,40,10,.65)}
.pl-badge{position:absolute;top:-13px;left:28px;font-size:12.5px;font-weight:600;background:#fff;color:var(--o-deep);padding:5px 12px;border-radius:99px;box-shadow:0 6px 16px -8px rgba(0,0,0,.4)}
.pl-name{font-size:22px;font-weight:600;letter-spacing:-.02em}
.pl-for{color:var(--ink2);font-size:15px;margin-top:4px;min-height:3em}
.pl.main .pl-for{color:rgba(255,255,255,.92)}
.pl-price{display:flex;align-items:baseline;gap:8px;margin:20px 0 20px}
.pl-price b{font-size:60px;font-weight:600;letter-spacing:-.05em;line-height:.9;background:var(--gloss);-webkit-background-clip:text;background-clip:text;color:transparent}
.pl.main .pl-price b{background:none;color:#fff;-webkit-text-fill-color:#fff}
.pl-price span{color:var(--mute);font-size:15px}
.pl.main .pl-price span{color:rgba(255,255,255,.85)}
.pl .btn{width:100%}
.pl-earn{margin-top:22px;padding:14px 16px;border-radius:14px;background:var(--o-tint);font-size:14px;line-height:1.5;color:var(--ink)}
.pl.main .pl-earn{background:rgba(255,255,255,.16);color:#fff}
.pl-earn b{font-weight:600}
.pl-inc{margin:22px 0 4px;padding-top:18px;border-top:1px solid var(--card-line);font-size:13px;font-weight:600;color:var(--mute)}
.pl.main .pl-inc{border-top-color:rgba(255,255,255,.35);color:rgba(255,255,255,.85)}
.pl-list{list-style:none;padding:0;margin:0;display:grid}
.pl-list li{position:relative;padding:10px 0 10px 28px;border-bottom:1px solid var(--card-line);display:flex;flex-direction:column;gap:1px}
.pl-list li:last-child{border-bottom:0}
.pl-list li::before{content:"";position:absolute;left:2px;top:15px;width:10px;height:5px;border-left:2px solid var(--o);border-bottom:2px solid var(--o);transform:rotate(-45deg)}
.pl-list b{font-size:15px;font-weight:600}
.pl-list span{font-size:13.5px;color:var(--ink2)}
.pl.main .pl-list li{border-bottom-color:rgba(255,255,255,.25)}
.pl.main .pl-list li::before{border-color:#fff}
.pl.main .pl-list span{color:rgba(255,255,255,.88)}
.always{list-style:none;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:28px 0 0}
.always li{font-size:14px;font-weight:500;border:1px solid var(--card-line);background:#fff;border-radius:99px;padding:8px 14px}
.always li::before{content:"✓";color:var(--o-txt);font-weight:700;margin-right:8px}

/* comparison */
.pr-cmp{padding:44px 0;background:#FCFAF7}
.pr-cmp .sec-h,.pr-faq .sec-h{text-align:center;margin-bottom:26px}
.ct{border:1px solid var(--card-line);border-radius:22px;overflow:hidden;background:#fff;max-width:980px;margin:0 auto}
.ct .r{display:grid;grid-template-columns:1.6fr repeat(3,1fr);border-top:1px solid var(--card-line)}
.ct .r:first-child{border-top:0}
.ct span{padding:11px 14px;font-size:14px;text-align:center;color:var(--ink)}
.ct [role=rowheader]{text-align:left;color:var(--ink2)}
.ct .m{background:var(--o-tint);color:var(--o-txt);font-weight:600}
.ct .h span{font-weight:600;font-size:15px}
.ct .h .m{background:var(--gloss);color:#fff}
.ct .g{background:var(--card)}
.ct .g span{font-weight:600;color:var(--ink);grid-column:1/-1}

/* questions: every answer visible */
.pr-faq{padding:48px 0 16px}
.qa{display:grid;gap:14px;max-width:1080px;margin:0 auto}
.qa>div{border:1px solid var(--card-line);border-radius:18px;background:#fff;padding:20px 22px}
.qa h3{font-size:17px;letter-spacing:-.01em}
.qa p{font-size:14.5px;color:var(--ink2);line-height:1.55;margin-top:6px}
.pr-faq + .close{padding-top:28px}

@media (min-width:700px){.qa{grid-template-columns:1fr 1fr}}
@media (min-width:1024px){
  .pr-hero{padding:80px 0 28px}
  .plans3{grid-template-columns:repeat(3,1fr);gap:20px}
  .pl.main{transform:translateY(-12px)}
}
@media (max-width:520px){.ct span{padding:10px 8px;font-size:12.5px}.ct .r{grid-template-columns:1.4fr repeat(3,.8fr)}}
@media (min-width:700px){.qa>div:last-child:nth-child(odd){grid-column:1/-1}}

/* 11 Oct: no heading block; the plans open the page */
.pr-plans{padding-top:48px}
@media (min-width:1024px){.pr-plans{padding-top:60px}}

/* 15 Oct 2026 (D9, SG-03): the one plain sentence under the hidden heading, above the plans */
.pr-intro{text-align:center;max-width:40em;margin:0 auto 28px;color:var(--ink2);font-size:16.5px;line-height:1.55}