/* © 2026 NoFussHost. Styles for the public marketing pages (about, pricing, faq, terms, privacy). Loaded after app.css. */
.page{max-width:1040px}
.page-h{padding:28px 0 6px}
.page-h h1{font-size:clamp(1.7rem,5vw,2.4rem);letter-spacing:-.02em;margin:0 0 8px}
.page-h p{color:var(--mute);font-size:1.05rem;margin:0;max-width:40em}
.prose{max-width:720px;line-height:1.6}
.prose h2{font-size:1.15rem;margin:28px 0 6px}
.prose p,.prose li{color:#c9d3df}
.prose ul{padding-left:20px}
.prose .note{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 14px;color:var(--mute);font-size:.9rem}
.faq details{background:var(--panel);border:1px solid var(--line);border-radius:12px;margin:10px 0}
.faq summary{padding:14px 16px;font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px}
.faq summary::after{content:"+";color:var(--accent);font-weight:800}
.faq details[open] summary::after{content:"−"}
.faq details>div{padding:0 16px 14px;color:#c9d3df;line-height:1.6}
.faq h2{font-size:1rem;color:var(--mute);text-transform:uppercase;letter-spacing:.06em;margin:28px 0 4px}
.plan{background:var(--panel);border:2px solid var(--accent);border-radius:18px;padding:22px;max-width:520px}
.plan h2{margin:0 0 4px;font-size:1.3rem}
.plan .price{font-size:1.05rem;color:var(--accent);font-weight:800;margin:6px 0 14px}
.plan ul{list-style:none;padding:0;margin:0 0 18px}
.plan li{padding:7px 0 7px 28px;position:relative;border-bottom:1px solid var(--line);color:#c9d3df}
.plan li:last-child{border:0}
.plan li::before{content:"✓";position:absolute;left:4px;color:var(--ok);font-weight:800}
.twocol{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start}