/* Inner pages in the current design (pricing first). Builds on home.css: tokens, nav, cards, story, FAQ, close. */

.ptag { color:var(--green); font-weight:500; font-size:15px }
.links a[aria-current="page"] { color:var(--ink); font-weight:500 }
.page-hero { padding:clamp(56px,8vw,96px) 0 0; text-align:center }
.page-hero h1 { max-width:860px; margin:10px auto 0; font-size:clamp(36px,5vw,60px); line-height:1.05; letter-spacing:-.035em }
.page-hero .dek { max-width:640px; margin:20px auto 0; color:var(--body); font-size:clamp(17px,1.5vw,19px) }

/* Plans */
.plans-sec { padding-top:clamp(40px,5vw,56px) }
.plans { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; max-width:980px; margin:0 auto }
.plan { display:flex; flex-direction:column; padding:clamp(24px,3vw,36px); background:var(--card); border:1px solid var(--line); border-radius:var(--r-lg) }
.plan.featured { border-color:var(--green); box-shadow:0 0 0 1px var(--green), 0 24px 50px -36px rgba(13,92,69,.5) }
.plan h2 { font-size:28px }
.plan-for { margin-top:8px; color:var(--body); min-height:3.2em }
.plan-terms { margin-top:20px; font:500 clamp(22px,2.2vw,26px)/1.2 var(--head); letter-spacing:-.02em; color:var(--green) }
.plan-cta { margin-top:20px; width:100% }
.plan dl { margin-top:24px; border-top:1px solid var(--line) }
.plan dl div { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:12px; padding:12px 0; border-bottom:1px solid var(--line); font-size:15px }
.plan dl div:last-child { border-bottom:0 }
.plan dt { color:var(--muted) } .plan dd { margin:0; color:var(--ink); font-weight:500 }
.plans-note { max-width:680px; margin:28px auto 0; text-align:center; color:var(--body) }

@media (max-width:760px) { .plans { grid-template-columns:minmax(0,1fr) } .plan-for { min-height:0 } }

/* FAQ page: one group per section, heading beside its questions */
.faq-group { padding-top:clamp(48px,6vw,72px) }
.faq-group + .faq-group { padding-top:clamp(40px,5vw,56px) }
.faq-group h2 { font-size:clamp(24px,2.6vw,30px) }
.page-hero .dek a, .faq .acc a { color:var(--green) }