/* Say It Calmer — sales page (calm-parent-scripts.html). Builds on style.css; same tokens. */
.price-tag{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:6px 0 18px}
.price-tag .amount{font-family:"Fraunces",Georgia,serif;font-weight:650;font-size:2.4rem;color:var(--brown);line-height:1}
.price-tag .meta{font-weight:700;color:#6b625c;font-size:.95rem}
.trust{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:.9rem;color:#6b625c;font-weight:700}
.trust li::before{content:"✓ ";color:var(--sage-dark)}
.cover-wrap .cover.product{transform:rotate(-2deg)}

.narrow{max-width:760px}
.pain{list-style:none;padding:0;margin:22px 0;display:grid;gap:10px}
.pain li{background:var(--white);border:1px solid var(--cream-2);border-radius:16px;padding:12px 18px 12px 46px;position:relative}
.pain li::before{content:"";position:absolute;left:18px;top:21px;width:12px;height:12px;border-radius:50%;background:var(--peach)}

.cards.benefits .card h3{margin-bottom:.35em}
.cards.benefits .card p{margin:0}
.icon-dot{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--sage-light);color:var(--sage-dark);font-family:"Fraunces",Georgia,serif;font-weight:650;font-size:1.2rem;margin-bottom:14px}
.icon-dot.peach{background:var(--peach-light);color:#C47A57}

.chapters{list-style:none;counter-reset:ch;padding:0;margin:28px 0 0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px 22px}
.chapters li{counter-increment:ch;display:flex;align-items:center;gap:14px;background:var(--white);border:1px solid var(--cream-2);border-radius:16px;padding:12px 16px;font-weight:700;color:var(--brown)}
.chapters li::before{content:counter(ch);flex:0 0 32px;height:32px;border-radius:50%;background:var(--sage);color:var(--white);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.9rem}
.chapters li:nth-child(even)::before{background:var(--peach)}
.chapters li span{margin-left:auto;font-weight:600;font-size:.82rem;color:#8a7f78;white-space:nowrap}
.extras{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:22px}

.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:32px}
.gallery figure{margin:0}
.gallery img{border-radius:12px;box-shadow:0 14px 34px rgba(74,60,53,.14);background:var(--white)}
.gallery figcaption{font-size:.9rem;font-weight:700;color:#6b625c;margin-top:12px;text-align:center}

.script{background:var(--white);border:1px solid var(--cream-2);border-radius:var(--radius);padding:26px 28px;margin-top:22px}
.script h3{display:flex;align-items:center;gap:12px}
.script .num{flex:0 0 34px;height:34px;border-radius:50%;background:var(--sage-dark);color:var(--white);font-family:"Nunito",sans-serif;font-weight:800;font-size:.9rem;display:inline-flex;align-items:center;justify-content:center}
.script .moment{color:#6b625c;margin:0 0 14px}
.script .row{border-radius:14px;padding:12px 16px;margin:8px 0}
.script .row p{margin:0}
.script .row.instead{background:#F6E1DD}
.script .row.instead p{color:#8a6a62;text-decoration:line-through;text-decoration-color:var(--peach)}
.script .row.try{background:var(--sage-light)}
.script .row.try p{font-family:"Fraunces",Georgia,serif;font-size:1.2rem;color:var(--brown)}
.script .more{margin:12px 0 4px}
.script .why{margin:0;font-size:.95rem}
.script .why em{font-family:"Fraunces",Georgia,serif;font-style:italic;color:var(--sage-dark);font-weight:600}

.fit{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:24px}
.fit .box h3{margin-bottom:.6em}
.fit ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.fit .yes li::before{content:"✓ ";color:var(--sage-dark);font-weight:800}
.fit .no li::before{content:"✕ ";color:#C47A57;font-weight:800}
.fit .no{background:var(--cream-2);border-color:var(--cream-2)}

.offer{background:var(--sage-light);border-radius:28px;padding:44px;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:start}
.offer ul.incl{list-style:none;padding:0;margin:0 0 6px;display:grid;gap:6px}
.offer ul.incl li::before{content:"✓ ";color:var(--sage-dark);font-weight:800}
.steps{counter-reset:st;list-style:none;padding:0;margin:0;display:grid;gap:12px}
.steps li{counter-increment:st;position:relative;padding-left:46px}
.steps li::before{content:counter(st);position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;background:var(--white);color:var(--sage-dark);font-weight:800;display:flex;align-items:center;justify-content:center}
.reseller{font-size:.9rem;color:#5b534d;margin-top:18px}

.guarantee{display:grid;grid-template-columns:auto 1fr;gap:26px;align-items:start;background:var(--white);border:2px dashed var(--sage);border-radius:28px;padding:36px}
.seal{width:110px;height:110px;border-radius:50%;background:var(--peach-light);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--brown);font-family:"Fraunces",Georgia,serif;font-weight:650;line-height:1.05}
.seal b{font-size:2rem}
.seal small{font-family:"Nunito",sans-serif;font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-top:4px}

.faq{margin-top:24px;display:grid;gap:10px}
.faq details{background:var(--white);border:1px solid var(--cream-2);border-radius:16px;padding:0 20px}
.faq summary{cursor:pointer;list-style:none;padding:16px 28px 16px 0;font-weight:800;color:var(--brown);position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:0;top:12px;font-size:1.4rem;color:var(--sage-dark);font-weight:700}
.faq details[open] summary::after{content:"–"}
.faq details p{margin:0 0 16px}
.final-cta{text-align:center}
.final-cta .btn-row{justify-content:center}
.disclaimer{font-size:.85rem;color:#7a716b;max-width:760px}

@media (max-width:860px){
  .chapters,.fit,.extras{grid-template-columns:1fr}
  .gallery{grid-template-columns:repeat(2,1fr);gap:18px}
  .offer{grid-template-columns:1fr;padding:30px;gap:28px}
  .guarantee{grid-template-columns:1fr;padding:28px}
  .seal{width:92px;height:92px}
}
@media (max-width:480px){
  .script{padding:22px 20px}
  .price-tag .amount{font-size:2.1rem}
}