/* Page-scoped styles for the generated marketing pages (FAQ, Solutions, About).
   Reuses the site design tokens + .container/.section-* / .feature-card / .btn-* from styles.css. */

/* Shared page header (light band under the sticky nav) */
.page-header{background:var(--surface);border-bottom:1px solid var(--border);padding:4.5rem 2.5rem 3rem}
.page-header .breadcrumb{margin-bottom:1.25rem}
.page-header .section-sub{margin-bottom:1.5rem}
.page-header .btns{margin-top:0.5rem}

/* Closing CTA band */
.page-cta{background:var(--bg);padding:4.5rem 2.5rem;border-top:1px solid var(--border);text-align:center}
.page-cta h2{font-size:clamp(1.5rem,3vw,2rem);letter-spacing:-0.018em;max-width:680px;margin:0 auto 1.5rem}

/* ---- FAQ ---- */
.faq-section{background:var(--bg);padding:4rem 2.5rem 5rem}
.faq-wrap{max-width:840px}
.faq-group{margin-bottom:2.5rem}
.faq-cat{font-family:var(--font-dm-sans),'DM Sans',sans-serif;font-size:0.78rem;font-weight:700;letter-spacing:0.09em;text-transform:uppercase;color:var(--green);margin-bottom:1rem}
.faq-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--rc,14px);box-shadow:var(--sh-card);margin-bottom:0.75rem;overflow:hidden;transition:box-shadow .2s var(--ease,ease),border-color .2s}
.faq-item[open]{box-shadow:var(--sh-card-hover);border-color:#CBD5E1}
.faq-item summary{list-style:none;cursor:pointer;padding:1.1rem 1.35rem;font-family:'DM Sans',sans-serif;font-size:1rem;font-weight:600;color:var(--text);display:flex;align-items:center;justify-content:space-between;gap:1rem}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:'';flex:none;width:10px;height:10px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);transition:transform .2s var(--ease,ease);margin-top:-4px}
.faq-item[open] summary::after{transform:rotate(225deg);margin-top:2px;border-color:var(--green)}
.faq-item summary:focus-visible{outline:2px solid var(--green);outline-offset:-2px}
.faq-a{padding:0 1.35rem 1.2rem}
.faq-a p{color:var(--muted);font-size:0.95rem;line-height:1.7;margin:0}

/* ---- Solutions ---- */
.sol-pains{background:var(--surface);padding:4rem 2.5rem}
.sol-pain-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:1rem 2rem;max-width:980px}
.sol-pain-list li{position:relative;padding-left:1.9rem;color:var(--text);font-size:0.98rem;line-height:1.6}
.sol-pain-list li::before{content:'';position:absolute;left:0;top:0.35rem;width:1.1rem;height:1.1rem;border-radius:50%;background:#FEF2F2;border:2px solid #FCA5A5}
.sol-pain-list li::after{content:'!';position:absolute;left:0.36rem;top:0.12rem;color:#DC2626;font-weight:700;font-size:0.8rem}
.sol-caps{background:var(--bg);padding:4rem 2.5rem 5rem}
.sol-cap-desc{font-size:0.88rem;color:var(--muted);line-height:1.6}
.sol-caps .feature-card{background:var(--surface)}

/* ---- About ---- */
.about-section{background:var(--surface);padding:3.5rem 2.5rem 5rem}
.about-wrap{max-width:760px}
.about-block{margin-bottom:2.5rem}
.about-block h2{font-size:1.5rem;letter-spacing:-0.015em;margin-bottom:1rem;color:var(--text)}
.about-block p{color:var(--muted);font-size:1.02rem;line-height:1.75;margin-bottom:1rem}
.about-values{list-style:none;margin:0;padding:0;display:grid;gap:0.9rem}
.about-values li{position:relative;padding-left:1.9rem;color:var(--text);font-size:0.98rem;line-height:1.6}
.about-values li::before{content:'';position:absolute;left:0;top:0.45rem;width:0.8rem;height:0.8rem;border-radius:50%;background:var(--green-light);border:2px solid var(--green)}

@media(max-width:768px){
  .page-header{padding:3.5rem 1.25rem 2.5rem}
  .faq-section,.sol-pains,.sol-caps,.about-section,.page-cta{padding-left:1.25rem;padding-right:1.25rem}
  .sol-pain-list{grid-template-columns:1fr}
}