/* plans.html — pricing */
.plans-hero{padding-bottom:1rem}
.plans-hero h1{max-width:16ch}
.plans-hero__links{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.4rem}

/* tier cards */
.plans-tiers{padding-top:2rem}
.tier-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap)}
@media (max-width:1000px){.tier-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.tier-grid{grid-template-columns:1fr}}
.tier{display:flex;flex-direction:column;gap:.6rem;position:relative}
.tier--featured{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent),var(--shadow)}
.tier__flag{position:absolute;top:-.8rem;left:1.4rem}
.tier h3{margin:0;font-size:1.6rem}
.tier .price{margin:.3rem 0 .1rem}
.tier .price .from{font:600 .95rem var(--font-body);color:var(--muted);display:block;margin-bottom:.2rem}
.tier__pages{font-weight:700;color:var(--ink);font-size:.92rem;margin:0}
.tier .check-list{font-size:.93rem;flex:1}
.tier__facts{display:grid;gap:.35rem;font-size:.88rem;color:var(--muted);border-top:1px solid var(--line);padding-top:.8rem;margin-top:.4rem}
.tier__facts strong{color:var(--ink-soft)}
.tier .btn{margin-top:.6rem;justify-content:center}
.plans-note{margin-top:1.6rem}

/* comparison table */
.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:#fff;-webkit-overflow-scrolling:touch}
.table-scroll:focus-visible{outline:3px solid var(--focus-ring)}
.compare{min-width:720px}
.compare thead th{position:sticky;top:0;background:#fff;z-index:1}
.compare th:first-child,.compare td:first-child{position:sticky;left:0;background:#fff;min-width:200px;z-index:1;box-shadow:1px 0 0 var(--line)}
.compare thead th:first-child{z-index:2}
.compare th:not(:first-child),.compare td:not(:first-child){text-align:center;min-width:120px}
.compare th small{display:block;font:600 .8rem var(--font-body);color:var(--muted)}
.compare .yes{display:inline-grid;place-items:center;width:1.3rem;height:1.3rem;border-radius:50%;background:#e4f7f1;color:#0f7f68;font-weight:800;font-size:.85rem}
.compare .no{color:var(--line);font-weight:700}
.compare .txt{font-size:.88rem;color:var(--ink-soft)}
.compare tbody tr:nth-child(even) td{background:#fbfaf8}
.compare tbody tr:nth-child(even) td:first-child{background:#fbfaf8}

/* care */
.care-grid .card{display:flex;flex-direction:column;gap:.5rem}
.care-grid .card .check-list{flex:1;font-size:.93rem}
.care-grid .price{margin:.2rem 0}
.care-card--none{background:var(--surface-2);border-style:dashed}
.running-note{margin-top:1.6rem}

/* founding */
.founding{display:grid;grid-template-columns:1.3fr 1fr;gap:2.5rem;align-items:center}
@media (max-width:820px){.founding{grid-template-columns:1fr}}
.founding-list{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.founding-list li{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.9rem 1.1rem;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);background:rgba(255,255,255,.04)}
.founding-list strong{color:var(--on-ink);font-family:var(--font-display);font-size:1.15rem}
.founding-list .was{text-decoration:line-through;color:var(--on-ink-soft);margin-right:.5rem;font-size:.9rem}
.founding-list .now{color:#fff;font-weight:800;font-size:1.1rem}

/* app option */
.price-line{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap;margin:.4rem 0 0}
.price-line .price{font-size:1.8rem}
.price-line small{color:var(--muted);font-size:.85rem;max-width:32ch}

/* faq */
.faq-list{display:grid;gap:.6rem;max-width:820px}
.faq-list details{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:0}
.faq-list summary{cursor:pointer;padding:1rem 1.2rem;font-weight:700;color:var(--ink);list-style:none;display:flex;justify-content:space-between;gap:1rem;align-items:center}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"+";font-size:1.3rem;color:var(--accent);flex:none;width:1.4rem;text-align:center}
.faq-list details[open] summary::after{content:"–"}
.faq-list details>div{padding:0 1.2rem 1.1rem;font-size:.97rem}
.faq-list details>div p:last-child{margin:0}
.faq-cta{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:2rem}

/* dark section: keep the lead readable */
.founding .lead{color:var(--on-ink-soft)}