/* =============================================================
   sections.css — Bands, trust strip, metals, testimonials, CTA
   ============================================================= */

/* Trust strip */
.trust{border-top:var(--border-hairline);border-bottom:var(--border-hairline);background:var(--bg-surface)}
.trust__row{display:flex;flex-wrap:wrap;gap:var(--space-32);justify-content:center;align-items:center;
  padding-block:var(--space-32)}
.trust__item{display:flex;align-items:center;gap:var(--space-12);color:var(--text-secondary);
  font-size:var(--fs-body-sm);font-weight:var(--fw-medium)}
.trust__item svg{width:22px;height:22px;color:var(--color-steel-500);flex:0 0 auto}

/* Metals band */
.metals{background:var(--bg-inverse);color:#fff}
.metals__chips{display:flex;flex-wrap:wrap;gap:var(--space-16);margin-top:var(--space-32)}
.chip{display:inline-flex;align-items:center;gap:var(--space-8);padding:var(--space-12) var(--space-24);
  border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-pill);color:#fff;
  font-weight:var(--fw-medium);transition:transform var(--dur-base) var(--ease-out),
    background var(--dur-base) var(--ease-out),border-color var(--dur-base)}
.chip:hover{transform:translateY(-2px);background:var(--grad-metal);border-color:transparent}
.chip__dot{width:10px;height:10px;border-radius:50%;background:var(--accent-metal)}

/* Motto band */
.motto{background:var(--grad-cta);color:#fff;text-align:center}
.motto__quote{font-family:var(--font-display);font-weight:var(--fw-bold);
  font-size:clamp(1.8rem,1.2rem + 3vw,3.2rem);line-height:1.1;max-width:20ch;margin-inline:auto}
.motto__mark{color:var(--accent-metal)}

/* Testimonials */
.tst{position:relative}
.tst__viewport{overflow:hidden}
.tst__track{display:flex;transition:transform var(--dur-slow) var(--ease-out)}
.tst__slide{flex:0 0 100%;padding:var(--space-16)}
.tst__card{position:relative;background:var(--bg-surface);border:var(--border-hairline);
  border-radius:var(--radius-lg);padding:clamp(2.25rem,4vw,4rem);box-shadow:var(--shadow-md);
  max-width:860px;margin-inline:auto;overflow:hidden}
.tst__card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--grad-steel)}
.tst__stars{display:flex;gap:4px;margin-bottom:var(--space-16);color:var(--accent-metal)}
.tst__stars svg{width:18px;height:18px}
.tst__quote{font-family:var(--font-display);font-size:var(--fs-h3);font-weight:var(--fw-medium);
  line-height:1.35;color:var(--text-primary);letter-spacing:-.01em}
.tst__mark{position:absolute;top:var(--space-16);right:var(--space-32);font-size:7rem;line-height:1;
  color:var(--color-mist-200);font-family:var(--font-display);z-index:0;pointer-events:none}
.tst__author{margin-top:var(--space-32);display:flex;align-items:center;gap:var(--space-16)}
.tst__avatar{width:52px;height:52px;flex:0 0 auto;border-radius:50%;background:var(--grad-steel);
  color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);
  font-weight:var(--fw-bold);font-size:1.05rem;box-shadow:var(--shadow-sm)}
.tst__meta{display:flex;flex-direction:column;gap:2px}
.tst__name{font-weight:var(--fw-semibold);font-size:var(--fs-body-lg)}
.tst__role{color:var(--text-secondary);font-size:var(--fs-body-sm)}
.tst__controls{display:flex;align-items:center;justify-content:center;gap:var(--space-16);margin-top:var(--space-32)}
.tst__dots{display:flex;gap:var(--space-8)}
.tst__dot{width:9px;height:9px;border-radius:50%;background:var(--border-subtle);
  transition:background var(--dur-fast),transform var(--dur-fast)}
.tst__dot[aria-selected="true"]{background:var(--accent);transform:scale(1.25)}
.tst__btn{width:44px;height:44px;border-radius:50%;border:var(--border-hairline);
  display:flex;align-items:center;justify-content:center;color:var(--text-primary);
  transition:background var(--dur-fast),border-color var(--dur-fast)}
.tst__btn{transition:background var(--dur-fast),border-color var(--dur-fast),transform var(--dur-fast) var(--ease-out)}
.tst__btn:hover{background:var(--grad-steel);border-color:transparent;color:#fff;transform:scale(1.08)}

/* Testimonials + FAQ two-column — equal height */
.tf-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:clamp(2rem,5vw,4.5rem);align-items:stretch}
.tf-col{display:flex;flex-direction:column}
.tf-col__title{margin:var(--space-8) 0 var(--space-32)}
.tf-col .tst{flex:1;display:flex;flex-direction:column;justify-content:center}
.tf-col .accordion{flex:1;display:flex;flex-direction:column;justify-content:center}
.tf-col .tst__card{max-width:none;padding:clamp(1.75rem,3vw,2.5rem);box-shadow:var(--shadow-sm)}
.tf-col .tst__quote{font-size:var(--fs-h4);line-height:1.4}
.tf-col .tst__mark{font-size:5rem;right:var(--space-24)}
.tst__controls--left{justify-content:flex-start}

/* Accordion / FAQ */
.accordion{border-top:1px solid var(--border-subtle)}
.accordion__item{border-bottom:1px solid var(--border-subtle)}
.accordion__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;
  gap:var(--space-16);padding:var(--space-24) 0;text-align:left;
  font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:1.0625rem;
  color:var(--text-primary);transition:color var(--dur-fast)}
.accordion__trigger:hover{color:var(--text-brand)}
.accordion__icon{position:relative;flex:0 0 auto;width:22px;height:22px}
.accordion__icon::before,.accordion__icon::after{content:"";position:absolute;top:50%;left:50%;
  width:13px;height:2px;background:currentColor;border-radius:2px;transform:translate(-50%,-50%);
  transition:transform var(--dur-base) var(--ease-out)}
.accordion__icon::after{transform:translate(-50%,-50%) rotate(90deg)}
.accordion__trigger[aria-expanded="true"]{color:var(--text-brand)}
.accordion__trigger[aria-expanded="true"] .accordion__icon::after{transform:translate(-50%,-50%) rotate(0)}
.accordion__panel{overflow:hidden;height:0;transition:height var(--dur-base) var(--ease-out)}
.accordion__content{padding-bottom:var(--space-24)}
.accordion__content p{color:var(--text-secondary);font-size:var(--fs-body-sm);max-width:52ch}

/* Sustainability teaser */
.eco-teaser__media img{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);aspect-ratio:16/12;object-fit:cover}
.eco-teaser__tag{color:var(--accent-eco)}

/* CTA band */
.cta-band{background:var(--grad-cta);color:#fff;text-align:center}
.cta-band h2{color:#fff;max-width:24ch;margin-inline:auto}
.cta-band p{color:rgba(244,246,248,.8);margin:var(--space-16) auto 0;max-width:52ch}
.cta-band .actions{justify-content:center;margin-top:var(--space-32)}
.cta-band__phone{color:#fff;font-weight:var(--fw-semibold);display:inline-flex;align-items:center;gap:var(--space-8)}
.cta-band__phone:hover{color:var(--color-steel-300)}

/* Metals inline list on light bg */
.metal-list{display:flex;flex-wrap:wrap;gap:var(--space-12);margin-top:var(--space-24)}
.metal-list .chip{color:var(--text-primary);border-color:var(--border-subtle)}
.metal-list .chip:hover{color:#fff}

/* Three-R columns */
.rrr{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-grid)}
.rrr__item{padding:var(--space-32);border-radius:var(--radius-lg);background:var(--color-eco-100);
  border:1px solid rgba(46,139,87,.18)}
.rrr__num{font-family:var(--font-mono);color:var(--accent-eco);font-size:var(--fs-body-sm)}
.rrr__title{font-size:var(--fs-h4);font-weight:var(--fw-semibold);margin-block:var(--space-8);color:var(--color-eco-700)}
.rrr__text{color:var(--text-secondary);font-size:var(--fs-body-sm)}