.csp-why,
.csp-why *,
.csp-why *::before,
.csp-why *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}



.csp-why {
  width: 100%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  padding: 2em 1.5em 2.5em;
  font-family:inherit;
  font-size: 16px;
  line-height: 1.7;
  color:#16181d;
  -webkit-font-smoothing: antialiased;
}

.csp-why h2 {
  font-weight: 700;
  color:#16181d;
  margin: 0 0 0.3em 0;
  padding: 0;
  letter-spacing: -0.02em;
  line-height: 1.2;
  text-transform: none;
  border: none;
  background: none;
}
.csp-why .csp-why-sub {
  font-size: 0.95em;
  font-weight: 400;
  color:#16181d;
  margin: 0 0 1.6em 0;
  padding: 0;
}
.csp-why p {
  margin: 0 0 1em 0;
  padding: 0;
}
.csp-why p:last-child {
  margin-bottom: 0;
}
.csp-why a {
  color:#16181d;
  text-decoration: underline;
  transition: color 0.2s ease;
}
.csp-why a:hover {
  color:#000000;
}
.csp-why strong {
  color:#16181d;
  font-weight: 700;
}


.csp-why .csp-compare {
  margin: 2em 0;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #d9dce2;
}
.csp-why .csp-compare table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.88em;
}
.csp-why .csp-compare thead th {
  background: rgba(255,229,0,0.24);
  color:#16181d;
  font-weight: 700;
  padding: 1em 1.2em;
  text-align: left;
  border-bottom: 1px solid #d9dce2;
  font-size: 0.95em;
}
.csp-why .csp-compare thead th:first-child {
  color:#16181d;
  font-weight: 500;
}
.csp-why .csp-compare thead th:last-child {
  color:#000000;
}
.csp-why .csp-compare tbody td {
  padding: 0.85em 1.2em;
  border-bottom: 1px solid #d9dce2;
  vertical-align: top;
}
.csp-why .csp-compare tbody tr:last-child td {
  border-bottom: none;
}
.csp-why .csp-compare tbody td:first-child {
  font-weight: 500;
  color:#16181d;
  width: 30%;
}
.csp-why .csp-compare tbody td:nth-child(2) {
  color:#16181d;
}
.csp-why .csp-compare tbody td:last-child {
  color:#16181d;
}
.csp-why .csp-compare .csp-check {
  color: #22c55e;
  font-weight: 700;
}
.csp-why .csp-compare .csp-cross {
  color:#4a4f59;
}
@media (max-width: 640px) {
  .csp-why .csp-compare { overflow: visible; }
  .csp-why .csp-compare table,
  .csp-why .csp-compare thead,
  .csp-why .csp-compare tbody,
  .csp-why .csp-compare tr,
  .csp-why .csp-compare th,
  .csp-why .csp-compare td {
    display: block;
    width: 100%;
  }
  .csp-why .csp-compare thead { display: none; }
  .csp-why .csp-compare tbody tr {
    margin-bottom: 0.8em;
    background:#fff;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #d9dce2;
  }
  .csp-why .csp-compare tbody tr:last-child { margin-bottom: 0; }
  .csp-why .csp-compare tbody td {
    padding: 0.6em 1em;
    text-align: left;
    border-bottom: 1px solid #d9dce2;
    font-size: 0.88em;
  }
  .csp-why .csp-compare tbody td:first-child {
    background: rgba(255,229,0,0.18);
    font-weight: 700;
    color:#000000;
    width: 100%;
  }
  .csp-why .csp-compare tbody td:nth-child(2)::before {
    content: 'Kreditkarte: ';
    font-weight: 600;
    color:#4a4f59;
  }
  .csp-why .csp-compare tbody td:last-child::before {
    content: 'Direct CSP: ';
    font-weight: 600;
    color:#000000;
  }
  .csp-why .csp-compare tbody td:last-child {
    border-bottom: none;
  }
}


.csp-direct,
.csp-direct *,
.csp-direct *::before,
.csp-direct *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}



.csp-direct {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  padding: 2em 1.5em 2.5em;
  font-family:inherit;
  font-size: 16px;
  line-height: 1.5;
  color:#16181d;
  -webkit-font-smoothing: antialiased;
}

.csp-direct h2 {
  font-weight: 700;
  color:#16181d;
  margin: 0 0 0.3em 0;
  padding: 0;
  letter-spacing: -0.02em;
  line-height: 1.2;
  text-transform: none;
  text-align: center;
  border: none;
  background: none;
}
.csp-direct .csp-direct-sub {
  font-size: 0.92em;
  font-weight: 400;
  color:#16181d;
  margin: 0 auto 2.4em;
  padding: 0;
  text-align: center;
  max-width: 680px;
}


.csp-direct .csp-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.2em;
}
@media (max-width: 820px) {
  .csp-direct .csp-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 520px) {
  .csp-direct .csp-grid { grid-template-columns: 1fr; }
}

.csp-direct .csp-tile {
  background: #ffffff;
  border: 1px solid #d9dce2;
  border-radius: 12px;
  padding: 1.6em 1.4em;
  transition: border-color 0.25s ease, background 0.25s ease;
}
.csp-direct .csp-tile:hover {
  border-color: #e2ce50;
  background: #ffffff;
}
.csp-direct .csp-tile-icon {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: rgba(255,229,0,0.24);
  margin-bottom: 1em;
}
.csp-direct .csp-tile-icon svg {
  width: 20px;
  height: 20px;
  stroke:#16181d;
  fill: none;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.csp-direct .csp-tile-title {
  font-size: 0.95em;
  font-weight: 700;
  color:#16181d;
  margin-bottom: 0.45em;
  line-height: 1.25;
}
.csp-direct .csp-tile-desc {
  font-size: 0.82em;
  font-weight: 400;
  color:#16181d;
  line-height: 1.6;
}


.csp-plans,
.csp-plans *,
.csp-plans *::before,
.csp-plans *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}



.csp-plans {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  padding: 2em 1.5em 2.5em;
  font-family:inherit;
  font-size: 16px;
  line-height: 1.5;
  color:#16181d;
  -webkit-font-smoothing: antialiased;
}

.csp-plans h2 {
  font-weight: 700; color:#16181d; margin: 0 0 0.3em 0; padding: 0;
  letter-spacing: -0.02em; line-height: 1.2; text-transform: none;
  text-align: center; border: none; background: none;
}
.csp-plans .csp-plans-sub {
  font-size: 0.92em; font-weight: 400; color:#16181d;
  margin: 0 auto 2.2em; padding: 0; text-align: center; max-width: 720px;
}

.csp-plans .csp-table-wrap {
  border-radius: 12px; overflow: hidden;
  border: 1px solid #d9dce2;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  position: relative;
}
.csp-plans .csp-table-wrap::after {
  content: '← Tabelle seitlich scrollen →';
  display: none;
  text-align: center;
  font-size: 0.72em;
  color:#4a4f59;
  padding: 0.6em 0;
  background: #ffffff;
  border-top: 1px solid #d9dce2;
}
.csp-plans table { width: 100%; border-collapse: collapse; font-size: 0.84em; min-width: 780px; }

@media (max-width: 820px) {
  .csp-plans .csp-table-wrap::after { display: block; }
  .csp-plans table { font-size: 0.78em; }
  .csp-plans thead th { padding: 1em 0.7em; font-size: 0.88em; }
  .csp-plans thead th .csp-plan-price { font-size: 0.72em; }
  .csp-plans tbody td { padding: 0.6em 0.7em; }
  .csp-plans thead th:first-child,
  .csp-plans tbody td:first-child,
  .csp-plans .csp-cat-row td:first-child {
    position: sticky;
    left: 0;
    z-index: 2;
    background: #ffffff;
    border-right: 1px solid #d9dce2;
    min-width: 140px;
    max-width: 180px;
  }
  .csp-plans thead th:first-child { background: #ffffff; }
  .csp-plans .csp-cat-row td:first-child { background:#fff; }
}
.csp-plans thead th {
  background: #ffffff; padding: 1.2em 1em; text-align: center;
  font-weight: 700; font-size: 0.95em;
  border-bottom: 1px solid #d9dce2; color:#16181d; vertical-align: bottom;
}
.csp-plans thead th:first-child { text-align: left; font-weight: 500; width: 28%; }
.csp-plans thead th .csp-plan-price {
  display: block; font-size: 0.78em; font-weight: 400; color:#16181d;
  margin-top: 0.3em; line-height: 1.3;
}
.csp-plans thead th.csp-hl {
  background: rgba(255,229,0,0.24);
  border-left: 1px solid #e2ce50;
  border-right: 1px solid #e2ce50;
  position: relative;
}
.csp-plans thead th.csp-hl::before {
  content: 'Empfehlung'; position: absolute; top: 0; left: 50%;
  transform: translateX(-50%); background: #ffe500; color: #111;
  font-size: 0.65em; font-weight: 700; padding: 0.2em 0.8em;
  border-radius: 0 0 6px 6px; text-transform: uppercase; letter-spacing: 0.06em;
}
.csp-plans tbody td {
  padding: 0.75em 1em; border-bottom: 1px solid #d9dce2;
  text-align: center; vertical-align: middle; color:#16181d;
}
.csp-plans tbody td:first-child { text-align: left; font-weight: 500; }
.csp-plans tbody td.csp-hl {
  background: rgba(255,229,0,0.18);
  border-left: 1px solid #e2ce50;
  border-right: 1px solid #e2ce50;
}
.csp-plans tbody tr:last-child td { border-bottom: none; }
.csp-plans tbody tr:hover td { background:#fff; }
.csp-plans tbody tr:hover td.csp-hl { background: rgba(255,229,0,0.18); }
.csp-plans .csp-cat-row td {
  background:#fff !important; font-size: 0.85em; font-weight: 700;
  color:#000000; text-transform: uppercase; letter-spacing: 0.06em;
  padding: 0.6em 1em; text-align: left;
}
.csp-plans .csp-cat-row td.csp-hl { background: rgba(255,229,0,0.18) !important; }
.csp-plans .csp-y { color: #22c55e; font-weight: 700; }
.csp-plans .csp-n { color:#4a4f59; }
.csp-plans .csp-add { color:#000000; font-size: 0.9em; }
.csp-plans .csp-max { display: block; font-size: 0.8em; font-weight: 400; color:#16181d; margin-top: 0.15em; }


.csp-plans .csp-cta-buttons {
  display: flex; justify-content: center; gap: 0.8em; flex-wrap: wrap; margin-top: 2em;
}
.csp-plans .csp-cta-buttons a {
  display: inline-flex; align-items: center; gap: 0.4em;
  padding: 0.7em 1.4em; border-radius: 8px; font-size: 0.88em;
  font-weight: 600; text-decoration: none;
  transition: background 0.2s ease, border-color 0.2s ease; line-height: 1.3;
}
.csp-plans .csp-cta-buttons a svg {
  width: 16px; height: 16px; flex-shrink: 0; stroke: currentColor;
  fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;
}
.csp-plans .csp-cta-buttons .csp-btn-primary {
  background: #ffe500; color: #111; border: 1px solid #d6be00;
}
.csp-plans .csp-cta-buttons .csp-btn-primary:hover {
  background: #fff176; border-color: #fff176;
}
.csp-plans .csp-cta-buttons .csp-btn-secondary {
  background:#fff; color:#16181d; border: 1px solid #d9dce2;
}
.csp-plans .csp-cta-buttons .csp-btn-secondary:hover {
  background: rgba(22,24,29,0.08); border-color: #d9dce2;
}

.csp-plans .csp-plans-sub a { color:#16181d; text-decoration: underline; }
.csp-plans .csp-plans-sub a:hover { color:#000000; }
.csp-plans .csp-plans-note {
  font-size: 0.78em; color:#16181d; margin-top: 1.2em; line-height: 1.6; text-align: center;
}
@media (max-width: 480px) {
  .csp-plans .csp-cta-buttons { flex-direction: column; align-items: stretch; }
  .csp-plans .csp-cta-buttons a { justify-content: center; }
}


.csp-nce,
.csp-nce *,
.csp-nce *::before,
.csp-nce *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}



.csp-nce {
  width: 100%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  padding: 2em 1.5em 2.5em;
  font-family:inherit;
  font-size: 16px;
  line-height: 1.7;
  color:#16181d;
  -webkit-font-smoothing: antialiased;
}

.csp-nce h2 {
  font-weight: 700;
  color:#16181d;
  margin: 0 0 0.3em 0;
  padding: 0;
  letter-spacing: -0.02em;
  line-height: 1.2;
  text-transform: none;
  border: none;
  background: none;
}
.csp-nce .csp-nce-sub {
  font-size: 0.95em;
  font-weight: 400;
  color:#16181d;
  margin: 0 0 1.6em 0;
  padding: 0;
}
.csp-nce p {
  margin: 0 0 1em 0;
  padding: 0;
}
.csp-nce a {
  color:#16181d;
  text-decoration: underline;
  transition: color 0.2s ease;
}
.csp-nce a:hover {
  color:#000000;
}
.csp-nce strong {
  color:#16181d;
  font-weight: 700;
}


.csp-nce .csp-nce-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1em;
  margin: 2em 0;
}
@media (max-width: 720px) {
  .csp-nce .csp-nce-grid { grid-template-columns: 1fr; }
}
.csp-nce .csp-nce-card {
  background: #ffffff;
  border: 1px solid #d9dce2;
  border-radius: 12px;
  padding: 1.5em 1.3em;
  text-align: center;
  transition: border-color 0.25s ease;
}
.csp-nce .csp-nce-card:hover {
  border-color: #e2ce50;
}
.csp-nce .csp-nce-card.csp-nce-recommend {
  border-color: #e2ce50;
  background: linear-gradient(180deg, rgba(255,229,0,0.18) 0%, #ffffff 100%);
}
.csp-nce .csp-nce-label {
  font-size: 0.72em;
  font-weight: 700;
  color:#000000;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: 0.5em;
}
.csp-nce .csp-nce-term {
  font-size: 1.3em;
  font-weight: 700;
  color:#16181d;
  margin-bottom: 0.2em;
}
.csp-nce .csp-nce-pricing {
  font-size: 0.82em;
  color:#16181d;
  margin-bottom: 1em;
  line-height: 1.4;
}
.csp-nce .csp-nce-features {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: left;
}
.csp-nce .csp-nce-features li {
  font-size: 0.82em;
  color:#16181d;
  padding: 0.4em 0;
  padding-left: 1.4em;
  position: relative;
  line-height: 1.5;
}
.csp-nce .csp-nce-features li::before {
  content: '✓';
  position: absolute;
  left: 0;
  color: #22c55e;
  font-weight: 700;
}
.csp-nce .csp-nce-features li.csp-nce-warn::before {
  content: '!';
  color: #f59e0b;
}


.csp-copilot,
.csp-copilot *,
.csp-copilot *::before,
.csp-copilot *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}



.csp-copilot {
  width: 100%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  padding: 2em 1.5em 2.5em;
  font-family:inherit;
  font-size: 16px;
  line-height: 1.7;
  color:#16181d;
  -webkit-font-smoothing: antialiased;
}
.csp-copilot .csp-cop-box {
  background: #ffffff;
  border: 1px solid #d9dce2;
  border-radius: 12px;
  padding: 1.6em 1.6em;
}
.csp-copilot h2 {
  font-weight: 700;
  color:#16181d;
  margin: 0 0 0.5em 0;
  padding: 0;
  letter-spacing: -0.02em;
  line-height: 1.2;
  text-transform: none;
  border: none;
  background: none;
}
.csp-copilot p {
  margin: 0 0 1em 0;
  padding: 0;
  color:#16181d;
}
.csp-copilot p:last-child {
  margin-bottom: 0;
}
.csp-copilot a {
  color:#16181d;
  text-decoration: underline;
  transition: color 0.2s ease;
}
.csp-copilot a:hover {
  color:#000000;
}
.csp-copilot strong {
  color:#16181d;
  font-weight: 700;
}


.csp-steps,
.csp-steps *,
.csp-steps *::before,
.csp-steps *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}



.csp-steps {
  width: 100%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  padding: 2em 1.5em 2.5em;
  font-family: inherit;
  font-size: 16px;
  line-height: 1.5;
  color: #16181d;
  -webkit-font-smoothing: antialiased;
}

.csp-steps h2 {
  font-weight: 700;
  color: #16181d;
  margin: 0 0 0.3em 0;
  padding: 0;
  letter-spacing: -0.02em;
  line-height: 1.2;
  text-transform: none;
  text-align: center;
  border: none;
  background: none;
}
.csp-steps .csp-steps-sub {
  font-size: 0.92em;
  font-weight: 400;
  color: #16181d;
  margin: 0 auto 2.4em;
  padding: 0;
  text-align: center;
  max-width: 640px;
}


.csp-steps .csp-timeline {
  position: relative;
  padding-left: 3em;
}
.csp-steps .csp-timeline::before {
  content: '';
  position: absolute;
  left: 1.15em;
  top: 0.3em;
  bottom: 0.3em;
  width: 2px;
  background: linear-gradient(180deg, #ffe500 0%, rgba(255,229,0,0.42) 100%);
}
.csp-steps .csp-step {
  position: relative;
  margin-bottom: 2em;
}
.csp-steps .csp-step:last-child {
  margin-bottom: 0;
}
.csp-steps .csp-step-num {
  position: absolute;
  left: -3em;
  top: 0;
  width: 2.3em;
  height: 2.3em;
  background: #ffffff;
  border: 2px solid #d6be00;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.82em;
  font-weight: 700;
  color: #000000;
  z-index: 1;
}
.csp-steps .csp-step-title {
  font-size: 1.05em;
  font-weight: 700;
  color: #16181d;
  margin-bottom: 0.3em;
  line-height: 1.3;
  padding-top: 0.15em;
}
.csp-steps .csp-step-desc {
  font-size: 0.88em;
  color: #16181d;
  line-height: 1.65;
}
.csp-steps .csp-step-desc a {
  color: #16181d;
  text-decoration: underline;
  transition: color 0.2s ease;
}
.csp-steps .csp-step-desc a:hover {
  color: #000000;
}


.csp-steps .csp-steps-cta {
  margin-top: 2.5em;
  background: #ffffff;
  border: 1px solid #ece2a0;
  border-radius: 12px;
  padding: 1.6em 1.8em;
  text-align: center;
}
.csp-steps .csp-steps-cta p {
  font-size: 0.92em;
  color: #16181d;
  margin: 0 0 1em 0;
  line-height: 1.6;
}
.csp-steps .csp-cta-buttons {
  display: flex; justify-content: center; gap: 0.8em; flex-wrap: wrap;
}
.csp-steps .csp-cta-buttons a {
  display: inline-flex; align-items: center; gap: 0.4em;
  padding: 0.7em 1.4em; border-radius: 8px; font-size: 0.88em;
  font-weight: 600; text-decoration: none;
  transition: background 0.2s ease, border-color 0.2s ease; line-height: 1.3;
}
.csp-steps .csp-cta-buttons a svg {
  width: 16px; height: 16px; flex-shrink: 0; stroke: currentColor;
  fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;
}
.csp-steps .csp-cta-buttons .csp-btn-primary {
  background: #ffe500; color: #111; border: 1px solid #d6be00;
}
.csp-steps .csp-cta-buttons .csp-btn-primary:hover { background: #fff176; border-color: #fff176; }
.csp-steps .csp-cta-buttons .csp-btn-secondary {
  background:#fff; color: #16181d; border: 1px solid #d9dce2;
}
.csp-steps .csp-cta-buttons .csp-btn-secondary:hover { background:#fff; border-color: #d9dce2; }
@media (max-width: 480px) {
  .csp-steps .csp-cta-buttons { flex-direction: column; align-items: stretch; }
  .csp-steps .csp-cta-buttons a { justify-content: center; }
}


.csp-urgency,
.csp-urgency *,
.csp-urgency *::before,
.csp-urgency *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}



.csp-urgency {
  width: 100%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  padding: 2em 1.5em;
  font-family: inherit;
  font-size: 16px;
  line-height: 1.5;
  color: #16181d;
  -webkit-font-smoothing: antialiased;
}

.csp-urgency .csp-urgency-card {
  background: linear-gradient(135deg, rgba(255,229,0,0.26) 0%, #ffffff 50%);
  border: 2px solid #e2ce50;
  border-radius: 16px;
  padding: 2.2em 2em;
  position: relative;
  overflow: hidden;
}
.csp-urgency .csp-urgency-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #ffe500, rgba(255,229,0,0.42));
}

.csp-urgency .csp-urgency-badge {
  display: inline-block;
  background: rgba(255,229,0,0.42);
  color: #000000;
  font-size: 0.7em;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding: 0.35em 0.9em;
  border-radius: 50px;
  margin-bottom: 1em;
}

.csp-urgency h2 {
  font-weight: 700;
  color: #16181d;
  margin: 0 0 0.5em 0;
  padding: 0;
  letter-spacing: -0.02em;
  line-height: 1.2;
  text-transform: none;
  border: none;
  background: none;
}
.csp-urgency p {
  font-size: 0.92em;
  color: #16181d;
  line-height: 1.7;
  margin: 0 0 1em 0;
  padding: 0;
}
.csp-urgency p:last-child {
  margin-bottom: 0;
}
.csp-urgency a {
  color: #16181d;
  text-decoration: underline;
  transition: color 0.2s ease;
}
.csp-urgency a:hover {
  color: #000000;
}
.csp-urgency strong {
  color: #16181d;
  font-weight: 700;
}


.csp-urgency .csp-changes {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 0.8em;
  margin: 1.5em 0;
}
.csp-urgency .csp-change {
  background:#fff;
  border-radius: 8px;
  padding: 0.9em 1em;
}
.csp-urgency .csp-change-plan {
  font-size: 0.82em;
  font-weight: 500;
  color: #16181d;
  margin-bottom: 0.2em;
}
.csp-urgency .csp-change-pct {
  font-size: 1.05em;
  font-weight: 700;
  color: #16181d;
}
.csp-urgency .csp-change-pct span {
  color: #714905;
}


.csp-urgency .csp-cta-buttons {
  display: flex; justify-content: center; gap: 0.8em; flex-wrap: wrap;
  margin-top: 1.5em; padding-top: 1.5em;
  border-top: 1px solid #e6e8ec;
}
.csp-urgency .csp-cta-buttons a {
  display: inline-flex; align-items: center; gap: 0.4em;
  padding: 0.7em 1.4em; border-radius: 8px; font-size: 0.88em;
  font-weight: 600; text-decoration: none;
  transition: background 0.2s ease, border-color 0.2s ease; line-height: 1.3;
}
.csp-urgency .csp-cta-buttons a svg {
  width: 16px; height: 16px; flex-shrink: 0; stroke: currentColor;
  fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;
}
.csp-urgency .csp-cta-buttons .csp-btn-primary {
  background: #ffe500; color: #111; border: 1px solid #d6be00;
}
.csp-urgency .csp-cta-buttons .csp-btn-primary:hover { background: #fff176; border-color: #fff176; }
.csp-urgency .csp-cta-buttons .csp-btn-secondary {
  background:#fff; color: #16181d; border: 1px solid #d9dce2;
}
.csp-urgency .csp-cta-buttons .csp-btn-secondary:hover { background:#fff; border-color: #d9dce2; }
@media (max-width: 480px) {
  .csp-urgency .csp-cta-buttons { flex-direction: column; align-items: stretch; }
  .csp-urgency .csp-cta-buttons a { justify-content: center; }
}


.csp-trust,
.csp-trust *,
.csp-trust *::before,
.csp-trust *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}



.csp-trust {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  padding: 3em 1.5em;
  font-family:inherit;
  font-size: 16px;
  line-height: 1.5;
  color:#16181d;
  -webkit-font-smoothing: antialiased;
}

.csp-trust .csp-trust-card {
  position: relative;
  background: #ffffff;
  border: 2px solid #e2ce50;
  border-radius: 16px;
  overflow: hidden;
}
.csp-trust .csp-trust-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: linear-gradient(90deg, #ffe500 0%, rgba(255,229,0,0.45) 100%);
}


.csp-trust .csp-trust-intro {
  padding: 2.2em 2.2em 1.6em;
  display: flex;
  align-items: flex-start;
  gap: 1.5em;
  border-bottom: 1px solid #d9dce2;
}
@media (max-width: 640px) {
  .csp-trust .csp-trust-intro { flex-direction: column; align-items: center; text-align: center; }
}

.csp-trust .csp-trust-shield {
  width: 56px; height: 56px; min-width: 56px;
  display: flex; align-items: center; justify-content: center;
  border-radius: 14px;
  background: rgba(255,229,0,0.2);
  border: 1px solid #e2ce50;
  flex-shrink: 0;
}
.csp-trust .csp-trust-shield svg {
  width: 28px; height: 28px;
  fill: #ffe500;
}

.csp-trust .csp-trust-intro-text h2 {
  font-weight: 700; color:#16181d;
  margin: 0 0 0.3em 0; padding: 0;
  letter-spacing: -0.02em; line-height: 1.2;
  text-transform: none; border: none; background: none;
}
.csp-trust .csp-trust-intro-text h2 span { color:#000000; }
.csp-trust .csp-trust-intro-text p {
  font-size: 0.88em; font-weight: 400; color:#16181d;
  line-height: 1.6; margin: 0; padding: 0;
}


.csp-trust .csp-trust-stats {
  display: grid; grid-template-columns: repeat(4, 1fr);
  gap: 1px; background: rgba(22,24,29,0.033);
  border-bottom: 1px solid #d9dce2;
}
@media (max-width: 720px) {
  .csp-trust .csp-trust-stats { grid-template-columns: repeat(2, 1fr); }
}
.csp-trust .csp-trust-stat {
  display: flex; flex-direction: column; align-items: center;
  text-align: center; padding: 1.4em 1em; background: #ffffff;
  transition: background 0.25s ease;
}
.csp-trust .csp-trust-stat:hover { background: #ffffff; }
.csp-trust .csp-trust-stat-value {
  font-size: 1.5em; font-weight: 700; color:#000000;
  letter-spacing: -0.03em; line-height: 1.1; margin-bottom: 0.25em;
}
.csp-trust .csp-trust-stat-label {
  font-size: 0.7em; font-weight: 500; color:#16181d; line-height: 1.35;
}


.csp-trust .csp-trust-badges-partner,
.csp-trust .csp-trust-badges-services {
  display: flex; flex-wrap: wrap; justify-content: center; gap: 0.5em;
}
.csp-trust .csp-trust-badges-partner { padding: 1.4em 2em 0.7em; }
.csp-trust .csp-trust-badges-services { padding: 0.7em 2em 1.4em; }

.csp-trust .csp-trust-badge {
  display: inline-flex; align-items: center; gap: 0.35em;
  padding: 0.4em 0.8em; border-radius: 50px;
  font-size: 0.68em; font-weight: 600; line-height: 1.3;
  white-space: nowrap; transition: background 0.2s ease, border-color 0.2s ease;
}
.csp-trust .csp-trust-badge svg {
  width: 12px; height: 12px; flex-shrink: 0;
  stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; fill: none;
}
.csp-trust .csp-trust-badge--gold {
  background: rgba(255,229,0,0.24); border: 1px solid #e2ce50;
  color:#000000;
}
.csp-trust .csp-trust-badge--gold svg { stroke:#16181d; }
.csp-trust .csp-trust-badge--gold:hover {
  background: rgba(255,229,0,0.4); border-color: #e2ce50;
}
.csp-trust .csp-trust-badge--subtle {
  background:#fff; border: 1px solid #d9dce2;
  color:#4a4f59;
}
.csp-trust .csp-trust-badge--subtle svg { stroke:#4a4f59; }
.csp-trust .csp-trust-badge--subtle:hover {
  background:#fff; border-color: #d9dce2;
}
.csp-trust a.csp-trust-badge { text-decoration: none; cursor: pointer; }
.csp-trust a.csp-trust-badge::before,
.csp-trust a.csp-trust-badge::after { content: none; }
.csp-trust a.csp-trust-badge:hover { text-decoration: none; }

@media (max-width: 480px) {
  .csp-trust .csp-trust-badges-partner,
  .csp-trust .csp-trust-badges-services { padding-left: 1em; padding-right: 1em; }
  .csp-trust .csp-trust-badge { white-space: normal; text-align: left; }
}

.csp-trust .csp-trust-reg {
  font-size: 0.45em; vertical-align: super; font-weight: 400; opacity: 0.6;
}


.otl-section{max-width:100%;margin:0 auto;padding:2em 0}
.otl-section h2{color:#16181d;font-size:clamp(1em,2.2vw,1.35em);text-align:center;margin:0 0 .25em;font-weight:700;word-wrap:break-word;overflow-wrap:break-word}
.otl-section h2 .otl-r{font-size:.6em;vertical-align:super;font-weight:400;color:#4a4f59}
.otl-subheader{text-align:center;color:#16181d;font-size:clamp(.78em,1.5vw,.88em);line-height:1.55;margin:0 auto 1.2em;padding:0 1em;white-space:nowrap}
@media(max-width:720px){.otl-subheader{white-space:normal}}
.otl-stage{position:relative;width:100%;height:620px;overflow:hidden;user-select:none;-webkit-user-select:none;border:1px solid #e2ce50;border-radius:16px}
.otl-track{position:absolute;top:0;left:0;height:100%;will-change:transform}
.otl-ico{position:absolute;pointer-events:none;transition:transform .5s cubic-bezier(.25,.1,.25,1),opacity .5s}
.otl-yr{position:absolute;font-family:inherit;font-size:10px;font-weight:600;color:#16181d;pointer-events:none;transform:translateX(-50%);opacity:.35;transition:opacity .5s}
.otl-ev{position:absolute;top:0;height:100%;cursor:default;z-index:5}
.otl-stem{position:absolute;width:1px;background:#fff;opacity:0;left:0;transform:translateX(-50%);pointer-events:none}
.otl-card{position:absolute;width:220px;opacity:0;pointer-events:none;padding:12px 14px;border-radius:9px;border:1px solid #e2ce50;background:#ffffff;z-index:10;font-family:inherit}
.otl-card-ico{margin-bottom:6px;height:20px}
.otl-card-yr{font-size:10px;font-weight:700;color:#000000;margin-bottom:3px}
.otl-card-ti{font-size:12px;font-weight:600;color:#16181d;margin-bottom:4px;line-height:1.35}
.otl-card-de{font-size:11.5px;color:#16181d;line-height:1.5}

.ki-fc__window,.ki-px__window{border-color:#c4c9d2!important;box-shadow:0 24px 60px rgba(22,24,29,.16),0 2px 6px rgba(22,24,29,.08)!important}
.ki-px__modal{border-color:#c4c9d2!important}
.ki-fc__mark,.ki-al__mark{background:#16181d!important}
.ki-fc__track,.ki-al__track{background:rgba(22,24,29,.12)!important}
.ki-px__btn{background:#f1f2f4!important;border:1px solid #c4c9d2}
.ki-px__app{background:#e9ecf0!important}.ki-px__bg::after{background:rgba(233,236,240,.55)!important}
.ki-px__modal{box-shadow:0 24px 60px rgba(22,24,29,.22)!important}
.ki-fc__alert{background:#fff6b8!important}
.isx .ssm-section .ssm-zoom .ssm-lupe{background:none!important;box-shadow:none!important;border-radius:0!important;width:16px!important;height:16px!important;top:auto!important;bottom:0!important;right:0!important}
.isx .ssm-section .ssm-zoom .ssm-lupe svg{width:15px!important;height:15px!important;stroke:#16181d!important;stroke-width:2.4!important}