/* ===== ECW marketing — upscale, clean, family-friendly. All-light, green-led. ===== */

.section-sub{max-width:60ch;margin:-0.2em auto 2.4em;text-align:center;color:var(--gray);font-size:1.05rem}

/* HERO — bright, airy, refined */
.hero{background:linear-gradient(180deg,var(--cream) 0,#fff 100%)}
.hero-inner{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;
  gap:48px;padding:84px 24px 76px}
.hero h1{font-size:3.6rem;line-height:1.05;color:var(--slate)}
.hero .lede{font-size:1.2rem;max-width:38ch;color:var(--ink);margin-top:.4em}
.hero-actions{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap}
.hero-actions.center{justify-content:center}
.hero-art img{margin:0 auto;max-height:380px;width:auto}

/* TRUST — soft clean-blue band, white cards (the medical-grade differentiator) */
.trust{background:var(--lightblue-bg);padding:80px 0}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:8px}
.trust-item{background:#fff;border-radius:18px;padding:34px 24px;text-align:center;
  box-shadow:0 10px 30px rgba(51,60,69,.06)}
.trust-item img{height:50px;width:auto;margin:0 auto 16px}
.trust-item h3{font-size:1.15rem;margin-bottom:.3em}
.trust-item p{font-size:.9rem;color:var(--gray)}

/* SERVICES — soft cream cards */
.services{background:#fff}
.service-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}
.service-card{background:var(--cream);border-radius:16px;padding:32px 20px;text-align:center;
  transition:.2s ease;border:1px solid #efece3}
.service-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(51,60,69,.10);
  border-color:var(--sage)}
.service-card img{height:54px;width:auto;margin:0 auto 16px}
.service-card h3{font-size:1.12rem;margin-bottom:.3em}
.service-card p{font-size:.86rem;color:var(--gray)}

/* KIDS — warm sage-tint, friendly */
.kids{background:var(--sage-tint);padding:84px 0}
.kids-inner{display:grid;grid-template-columns:.85fr 1.15fr;gap:54px;align-items:center}
.kids-art{background:#fff;border-radius:20px;padding:46px;text-align:center;
  box-shadow:0 12px 34px rgba(51,60,69,.07)}
.kids-art img{height:130px;width:auto;margin:0 auto}
.kids-text h2{margin-bottom:.3em}
.kids-text p{color:var(--ink);margin-bottom:1.2em}

/* FINE JEWELRY */
.jewelry{background:#fff}
.brand-strip{display:flex;align-items:center;justify-content:center;gap:48px;flex-wrap:wrap;
  margin-top:10px}
.brand-strip img{height:46px;width:auto;opacity:.55;filter:grayscale(1);transition:.2s}
.brand-strip img:hover{opacity:1;filter:grayscale(0)}

/* WHY US */
.whyus{background:var(--cream)}
.whyus-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center}
.whyus-quote{padding:40px;border-left:3px solid var(--sage)}
.whyus-quote blockquote{margin:0;font-family:"Cormorant Garamond",Georgia,serif;
  font-size:1.9rem;line-height:1.3;color:var(--slate);font-style:italic}

/* REVIEWS */
.reviews{background:#fff}

/* FAQ — soft cards */
.faq{background:var(--cream)}
.faq-list{max-width:760px;margin:0 auto 24px}
.faq details{background:#fff;border-radius:12px;padding:16px 22px;margin-bottom:12px;
  border:1px solid #efece3}
.faq summary{font-weight:600;color:var(--slate);cursor:pointer;list-style:none;font-size:1.02rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";float:right;color:var(--sage-dk);font-weight:700}
.faq details[open] summary::after{content:"–"}
.faq details p{margin:.8em 0 0;color:var(--ink)}

/* CTA — soft sage band, dark text (light, on-brand) */
.cta-band{background:var(--sage)}
.cta-band .container{padding:72px 24px;text-align:center}
.cta-band h2{font-size:2.6rem;color:var(--slate)}
.cta-band p{color:var(--slate);opacity:.85;margin-bottom:.4em}
.cta-band .button-primary{background:#fff;border-color:#fff;color:var(--slate)}
.cta-band .button-primary:hover{background:var(--cream);border-color:var(--cream)}
.cta-band .button-ghost{border-color:var(--slate);color:var(--slate)}
.cta-band .button-ghost:hover{background:var(--slate);color:#fff}

@media(max-width:860px){
  .hero-inner,.kids-inner,.whyus-grid{grid-template-columns:1fr}
  .hero-art{order:-1}
  .hero h1{font-size:2.6rem}
  .trust-grid{grid-template-columns:repeat(2,1fr)}
  .service-grid{grid-template-columns:repeat(2,1fr)}
  .kids-art{max-width:320px;margin:0 auto}
}
@media(max-width:560px){
  .trust-grid,.service-grid{grid-template-columns:1fr}
}