function Trust() {
  const items = [
    { kicker: "Persönlich", title: "Direkt am Stadthafen", body: "Beratung am Liegeplatz — keine anonymen Hotlines, sondern ein Gesicht zu jedem Vertrag." },
    { kicker: "Unabhängig", title: "Prüfung Ihrer Bestandsverträge", body: "Sie sind bereits versichert? Wir analysieren Ihre laufende Police auf Deckungslücken und Sparpotenzial — kostenfrei und unverbindlich." },
    { kicker: "Spezialisiert", title: "Auf Wassersport", body: "Vom Trailer bis zur Yacht: wir kennen die Klauseln, die wirklich zählen." },
  ];
  return (
    <section className="trust-section" style={{background:"var(--sky-soft)", padding:"120px 40px"}}>
      <div style={{maxWidth:1320, margin:"0 auto"}}>
        <div style={{textAlign:"center", marginBottom: 80}}>
          <div className="sans" style={{fontSize:11, letterSpacing:"0.4em", textTransform:"uppercase", color:"var(--gold)", fontWeight:600, marginBottom:18}}>
            ⚓ Drei Versprechen
          </div>
          <h2 className="serif" style={{fontSize:"clamp(36px, 4vw, 56px)", lineHeight:1.1, color:"var(--navy)", fontWeight:500, maxWidth: 760, margin:"0 auto"}}>
            Eine Versicherung ist nur so gut wie die <span style={{fontStyle:"italic", color:"var(--gold)"}}>Hand,</span> die sie führt.
          </h2>
        </div>
        <div className="trust-grid" style={{display:"grid", gridTemplateColumns:"repeat(3, 1fr)", gap: 0, borderTop:"1px solid var(--line)", borderBottom:"1px solid var(--line)"}}>
          {items.map((it,i)=>(
            <div key={i} style={{
              padding:"56px 40px",
              borderLeft: i>0 ? "1px solid var(--line)" : "none",
            }}>
              <div className="sans" style={{fontSize:11, letterSpacing:"0.32em", textTransform:"uppercase", color:"var(--gold)", marginBottom:24, fontWeight:600}}>
                0{i+1} · {it.kicker}
              </div>
              <h3 className="serif" style={{fontSize: 28, color:"var(--navy)", fontWeight: 500, marginBottom: 18, lineHeight:1.2}}>
                {it.title}
              </h3>
              <p className="serif" style={{fontSize: 17, lineHeight: 1.55, color:"rgba(10,24,40,0.7)"}}>
                {it.body}
              </p>
            </div>
          ))}
        </div>
      </div>
    </section>
  );
}
window.Trust = Trust;