/* v12 content sections (What is Byondbites, FAQs, Byondbites blocks, Health Mode methodology). Site tokens only. */
.info-section{padding:clamp(3rem,7vw,5.5rem) 0;position:relative}
.info-section--whatis,.info-section--blocks{background:linear-gradient(180deg,rgba(255,255,255,.2) 0%,rgba(11,201,155,.12) 100%)}
.info-section--faq{background:#fff}
.info-section--method{background:linear-gradient(180deg,#f4fbf8 0%,#ffffff 60%);border-top:1px solid rgba(11,201,155,.22)}
.info-cards{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));max-width:72rem;margin:0 auto}
.info-card{background:#fff;border:1px solid rgba(11,201,155,.22);border-radius:20px;padding:1.5rem 1.6rem;box-shadow:0 8px 24px rgba(8,91,64,.06)}
.info-card h3,.info-faq__item h3{font-family:var(--font-heading);font-weight:600;font-size:clamp(1.1rem,1.6vw,1.35rem);line-height:1.3;margin:0 0 .55rem;color:var(--color-black)}
.info-card p,.info-faq__item p,.info-method__intro,.info-method__list li{font-family:var(--font-body);font-size:clamp(1rem,1.2vw,1.1rem);line-height:1.55;color:var(--color-text-muted);margin:0}
.info-faq{max-width:52rem;margin:0 auto}
.info-faq__item{padding:1.35rem 0;border-bottom:1px solid var(--color-border)}
.info-faq__item:first-child{border-top:1px solid var(--color-border)}
.info-method__intro{max-width:52rem;margin:0 auto 1.5rem;text-align:center}
.info-method__list{list-style:none;padding:0;margin:0 auto;max-width:52rem;display:grid;gap:.9rem}
.info-method__list li{position:relative;padding-inline-start:2rem}
.info-method__list li::before{content:"";position:absolute;inset-inline-start:0;top:.35em;width:1.1rem;height:1.1rem;border-radius:50%;background:var(--color-mint);box-shadow:inset 0 0 0 4px #e6f7ef}
.info-method__list strong{color:var(--color-black);font-family:var(--font-heading);font-weight:600}
