/* surrobonds – öffentliche Mitgliedschaft / geschützter Rahmen.
   Baut nur den Bereich #mitgliedschaft um, vorhandene Designvariablen bleiben maßgeblich. */
.trust.trust--refined {
  background: #264338;
  color: #f8f3e9;
  padding: clamp(70px, 7vw, 108px) 0;
}
.trust--refined .trust-refined__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.04fr);
  gap: clamp(38px, 5.4vw, 86px);
  align-items: center;
}
.trust--refined .trust-refined__intro { min-width: 0; }
.trust--refined .trust-refined__top { display:flex;align-items:start;justify-content:space-between;gap:20px; }
.trust--refined .trust-refined__eyebrow {
  display:block;
  padding-top:14px;
  font: italic 400 clamp(18px, 1.75vw, 23px)/1.3 var(--serif);
  color: #f0d8b9;
}
.trust--refined .trust-refined__drawing { width:91px;height:91px;flex:0 0 91px;color:#a8bca9;opacity:.8; }
.trust--refined .trust-refined__drawing path { stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
.trust--refined .trust-refined__drawing .trust-refined__drawing-light { stroke:#d8e1d5;opacity:.65; }
.trust--refined .trust-refined__drawing circle { fill:#d1a08a;stroke:none; }
.trust--refined .trust-refined__intro h2 {
  font:400 clamp(42px, 4.35vw, 64px)/1.09 var(--serif);
  letter-spacing:-.055em;
  max-width:12ch;
  color:#fff8ef;
  text-wrap:balance;
  margin:4px 0 24px;
}
.trust--refined .trust-refined__lead {
  max-width:47ch;
  color:#e0e8df;
  font:400 clamp(16px, 1.28vw, 17px)/1.74 var(--sans);
  margin:0 0 clamp(29px, 3.5vw, 43px);
}
.trust--refined .trust-refined__values { border-top:1px solid rgba(248,243,233,.29); }
.trust--refined .trust-refined__value {
  display:grid; grid-template-columns:42px minmax(0, 1fr); gap:15px;
  align-items:start; padding:20px 0;
  border-bottom:1px solid rgba(248,243,233,.24);
}
.trust--refined .trust-refined__value-icon {
  display:grid;place-items:center;width:40px;height:40px;
  border-radius:50%;border:1px solid rgba(239,224,207,.33);
  color:#e4d6c3;
}
.trust--refined .trust-refined__value-icon svg {
  width:22px;height:22px;stroke:currentColor;stroke-width:1.6;
  stroke-linejoin:round;stroke-linecap:round;
}
.trust--refined .trust-refined__value h3 {
  font:650 15px/1.45 var(--sans);letter-spacing:0;text-transform:none;
  color:#fffaf3; margin:0 0 4px; padding:0;
}
.trust--refined .trust-refined__value p {
  font:400 14px/1.6 var(--sans);color:#d4dfd7;margin:0;
  max-width:48ch;
}
.trust--refined .membership-card {
  display:flex;flex-direction:column;min-width:0;
  color:var(--ink);
  background:#faf6ef;
  border:1px solid rgba(255,255,255,.25);
  border-radius:16px;
  overflow:hidden;
  box-shadow:none;
}
.trust--refined .membership-card__main {
  padding: clamp(29px, 3.4vw, 49px) clamp(26px, 3.5vw, 51px) clamp(25px, 3vw, 40px);
}
.trust--refined .membership-card__heading {
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  margin-bottom:17px;
}
.trust--refined .membership-card__eyebrow {
  font:650 14px/1.4 var(--sans);color:#95472f;
}
.trust--refined .membership-card__symbol {
  display:grid;place-items:center;flex:0 0 47px;width:47px;height:47px;
  border:1px solid rgba(33,62,54,.18);
  border-radius:50%;color:#2c5348;background:#edf0e8;
}
.trust--refined .membership-card__symbol svg {
  width:28px;height:28px;stroke:currentColor;stroke-width:1.6;
  stroke-linecap:round;stroke-linejoin:round;
}
.trust--refined .membership-card__symbol .membership-card__dot {fill:#ab624b;stroke:none;}
.trust--refined .membership-card h3 {
  max-width:20ch;
  margin:0 0 18px;
  font:400 clamp(35px, 3.15vw, 46px)/1.13 var(--serif);
  letter-spacing:-.053em;color:var(--ink);text-wrap:balance;
}
.trust--refined .membership-card__main > p {
  max-width:54ch;font:400 15px/1.7 var(--sans);color:#4c6158;
  margin:0 0 25px;
}
.trust--refined .membership-card__features {
  list-style:none;margin:0;padding:20px 0 0;
  border-top:1px solid rgba(32,56,51,.16);
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:22px;row-gap:14px;
}
.trust--refined .membership-card__features li {
  display:flex;align-items:flex-start;gap:10px;min-width:0;
  color:#40594f;font:500 13px/1.5 var(--sans);
}
.trust--refined .membership-card__features li span {
  display:grid;place-items:center;flex:0 0 19px;
  width:19px;height:19px;border-radius:50%;
  border:1px solid #9cafa1;font:700 11px/1 var(--sans);color:#355b4c;
}
.trust--refined .membership-card__main > .membership-card__detail {
  margin:19px 0 0;
  max-width:51ch;
  color:#5a6c61;
  font:400 13px/1.55 var(--sans);
}
.trust--refined .membership-card__join {
  display:grid;gap:21px;
  padding:27px clamp(26px, 3.5vw, 51px) 32px;
  background:#e8d2a5;border-top:1px solid rgba(32,56,51,.12);
}
.trust--refined .membership-card__cost-caption {
  display:block;font:600 13px/1.5 var(--sans);color:#5c6b5f;
  margin-bottom:5px;
}
.trust--refined .membership-card__amount {
  display:flex;align-items:baseline;flex-wrap:wrap;gap:9px;
  font:400 clamp(44px,4.5vw,62px)/1.1 var(--serif);
  letter-spacing:-.06em;color:var(--ink);
}
.trust--refined .membership-card__amount span {
  color:#566b60;font:400 16px/1.45 var(--sans);letter-spacing:0;
}
.trust--refined .membership-card__cost p {
  margin:10px 0 0;max-width:45ch;
  color:#5c6d61;font:400 13px/1.55 var(--sans);
}
.trust--refined .membership-card__cta {
  display:flex;justify-content:space-between;align-items:center;align-self:start;
  width:min(100%, 310px);gap:24px;min-height:52px;
  border-radius:4px;padding:14px 19px;
  font:650 14px/1.45 var(--sans);background:#264338;color:#fffaf3;
}
.trust--refined .membership-card__cta span {font:400 20px/1 var(--sans);}
@media (max-width:1100px) {
  .trust--refined .trust-refined__layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;}
  .trust--refined .membership-card__features{grid-template-columns:minmax(0,1fr);row-gap:12px;}
}
@media (max-width:830px) {
  .trust--refined .trust-refined__layout{grid-template-columns:minmax(0,1fr);gap:36px;}
  .trust--refined .trust-refined__intro h2{max-width:17ch;}
  .trust--refined .membership-card__features{grid-template-columns:repeat(2,minmax(0,1fr));}
  .trust--refined .trust-refined__drawing{width:75px;height:75px;flex-basis:75px;}
}
@media (max-width:560px) {
  .trust.trust--refined{padding:63px 0 72px;}
  .trust--refined .trust-refined__intro h2{font-size:clamp(39px,10vw,48px);max-width:15ch;margin:4px 0 20px;}
  .trust--refined .trust-refined__top{align-items:center;}
  .trust--refined .trust-refined__drawing{width:59px;height:59px;flex-basis:59px;}
  .trust--refined .trust-refined__eyebrow{font-size:17px;padding-top:0;}
  .trust--refined .trust-refined__value{grid-template-columns:38px minmax(0,1fr);gap:12px;padding:17px 0;}
  .trust--refined .trust-refined__value-icon{width:36px;height:36px;}
  .trust--refined .membership-card{border-radius:13px;}
  .trust--refined .membership-card__main{padding:27px 23px 27px;}
  .trust--refined .membership-card h3{font-size:clamp(33px,8.4vw,40px);}
  .trust--refined .membership-card__features{grid-template-columns:minmax(0,1fr);gap:11px;}
  .trust--refined .membership-card__join{padding:26px 23px 28px;}
  .trust--refined .membership-card__amount{font-size:46px;}
  .trust--refined .membership-card__cta{width:100%;}
}
@media (prefers-reduced-motion:reduce) {
  .trust--refined .membership-card__cta{transition:none;}
}
