/* ══════════════════════════════════════════════
   CURA — КОНТЕНТНЫЕ СТРАНИЦЫ
   О бренде · Материалы · Паспорт · Сервисы · Circle
══════════════════════════════════════════════ */

.cura-page { max-width: 1400px; margin: 0 auto; }

/* ── Общие токены секций ── */
.cp-section { padding: 80px 48px; }
.cp-section-warm { background: var(--cura-bg-warm); }
.cp-section-inner { max-width: 1200px; margin: 0 auto; }

.cp-eyebrow {
  font-size: 10px; letter-spacing: 5px; text-transform: uppercase;
  color: var(--cura-accent); font-family: var(--font-sans); margin-bottom: 16px;
}
.cp-eyebrow-light { color: rgba(250,249,247,0.6); }

.cp-label {
  font-size: 10px; letter-spacing: 4px; text-transform: uppercase;
  color: var(--cura-accent); font-family: var(--font-sans); margin-bottom: 14px;
}

.cp-section-title {
  font-family: var(--font-serif); font-size: 42px; font-weight: 400;
  line-height: 1.15; color: var(--cura-dark); margin: 0 0 32px;
}
.cp-section-title em { font-style: italic; color: var(--cura-accent); }

/* ── Кнопки ── */
.cura-btn-dark {
  display: inline-block; background: var(--cura-dark); color: #faf9f7;
  font-family: var(--font-sans); font-size: 10px; letter-spacing: 3px;
  text-transform: uppercase; text-decoration: none;
  padding: 14px 28px; border: 2px solid var(--cura-dark);
  transition: all 0.25s; cursor: pointer;
}
.cura-btn-dark:hover { background: transparent; color: var(--cura-dark); }
.cura-btn-outline {
  display: inline-block; background: transparent; color: var(--cura-dark);
  font-family: var(--font-sans); font-size: 10px; letter-spacing: 3px;
  text-transform: uppercase; text-decoration: none;
  padding: 14px 28px; border: 2px solid var(--cura-dark); transition: all 0.25s;
}
.cura-btn-outline:hover { background: var(--cura-dark); color: #faf9f7; }
.cura-btn-light {
  display: inline-block; background: rgba(250,249,247,0.12); color: #faf9f7;
  font-family: var(--font-sans); font-size: 10px; letter-spacing: 3px;
  text-transform: uppercase; text-decoration: none;
  padding: 14px 28px; border: 2px solid rgba(250,249,247,0.4); transition: all 0.25s;
  margin-top: 28px;
}
.cura-btn-light:hover { background: rgba(250,249,247,0.25); }

/* ══════════════════════════════════════════════
   HERO
══════════════════════════════════════════════ */
.cp-hero {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 60px; align-items: center;
  padding: 80px 48px; min-height: 520px;
  background: var(--cura-bg-warm);
}
.cp-hero-dark { background: var(--cura-dark); }
.cp-hero-title {
  font-family: var(--font-serif); font-size: 56px; font-weight: 400;
  line-height: 1.1; color: var(--cura-dark); margin: 0 0 20px;
}
.cp-hero-title em { font-style: italic; color: var(--cura-accent); }
.cp-hero-title-light { color: #faf9f7; }
.cp-hero-title-light em { color: rgba(250,249,247,0.6); }
.cp-hero-lead {
  font-size: 15px; color: var(--cura-mid); font-family: var(--font-sans);
  line-height: 1.7; max-width: 480px;
}
.cp-lead-light { color: rgba(250,249,247,0.65); }

/* Фигуры-плейсхолдеры в hero */
.cp-hero-fig { position: relative; }
.cp-hero-ph {
  height: 480px; background: linear-gradient(155deg, #d8d0c8 0%, #bdb5ac 100%);
  display: flex; align-items: flex-end; justify-content: center; overflow: hidden;
}
.cp-ph-silhouette {
  width: 180px; height: 420px;
  background: linear-gradient(180deg, #8c7b6e 0%, #6b5a4e 100%);
  border-radius: 90px 90px 0 0;
  position: relative;
}
.cp-ph-silhouette::before {
  content: ''; width: 70px; height: 70px; background: #a09080;
  border-radius: 50%; position: absolute; top: -42px; left: 50%; transform: translateX(-50%);
}
.cp-hero-badge {
  position: absolute; bottom: 24px; left: -20px;
  background: #faf9f7; padding: 18px 22px; box-shadow: 0 4px 24px rgba(0,0,0,0.08);
}
.cp-hb-num { font-family: var(--font-serif); font-size: 36px; color: var(--cura-dark); }
.cp-hb-label { font-size: 10px; letter-spacing: 3px; text-transform: uppercase; color: var(--cura-accent); font-family: var(--font-sans); }

/* ══════════════════════════════════════════════
   ДВЕ КОЛОНКИ
══════════════════════════════════════════════ */
.cp-two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: start; }
.cp-two-col-rev .cp-col-text { order: 2; }
.cp-two-col-rev .cp-col-img { order: 1; }

.cp-col-text p {
  font-size: 15px; color: var(--cura-mid); font-family: var(--font-sans);
  line-height: 1.7; margin-bottom: 16px;
}
.cp-col-text p em { font-style: italic; color: var(--cura-dark); }

.cp-blockquote {
  border-left: 3px solid var(--cura-accent);
  padding: 24px 0 24px 28px;
  font-family: var(--font-serif); font-size: 22px; font-style: italic;
  color: var(--cura-dark); line-height: 1.5; margin: 0;
}
.cp-blockquote cite {
  display: block; margin-top: 16px;
  font-size: 11px; letter-spacing: 2px; text-transform: uppercase;
  font-family: var(--font-sans); font-style: normal; color: var(--cura-accent);
}

/* Плейсхолдеры изображений */
.cp-img-ph {
  height: 460px; display: flex; align-items: flex-end; justify-content: center; overflow: hidden;
  background: linear-gradient(155deg, #e0d8d0 0%, #c8bfb5 100%);
}
.cp-img-ph-warm { background: linear-gradient(155deg, #ddd5c8 0%, #c4b8a8 100%); }
.cp-ph-detail {
  width: 140px; height: 380px;
  background: rgba(0,0,0,0.09); border-radius: 70px 70px 0 0;
}

/* ══════════════════════════════════════════════
   О БРЕНДЕ — специфика
══════════════════════════════════════════════ */
.cp-values-grid {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; margin-top: 8px;
}
.cp-value-card { padding: 32px 24px; background: var(--cura-bg-warm); }
.cp-vc-num {
  font-size: 10px; letter-spacing: 4px; color: var(--cura-accent);
  font-family: var(--font-sans); margin-bottom: 20px;
}
.cp-vc-title {
  font-family: var(--font-serif); font-size: 22px; font-weight: 400;
  color: var(--cura-dark); margin-bottom: 12px;
}
.cp-vc-text { font-size: 13px; color: var(--cura-mid); font-family: var(--font-sans); line-height: 1.6; }

.cp-prod-list {
  list-style: none; padding: 0; margin: 16px 0 28px;
  font-family: var(--font-sans); font-size: 14px; color: var(--cura-mid);
}
.cp-prod-list li { padding: 8px 0; border-bottom: 1px solid var(--cura-border); }
.cp-prod-list li::before { content: '—  '; color: var(--cura-accent); }

.cp-team-desc { font-size: 15px; color: var(--cura-mid); font-family: var(--font-sans); margin-bottom: 40px; max-width: 560px; }
.cp-team-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.cp-team-ph {
  height: 320px; margin-bottom: 16px;
  background: linear-gradient(155deg, #e0d8d0 0%, #c8bfb5 100%);
}
.cp-team-ph-2 { background: linear-gradient(155deg, #d8d2cb 0%, #c0b8b0 100%); }
.cp-team-ph-3 { background: linear-gradient(155deg, #d0cac4 0%, #b8b0a8 100%); }
.cp-team-name { font-family: var(--font-serif); font-size: 18px; margin-bottom: 4px; }
.cp-team-role { font-size: 11px; color: var(--cura-accent); font-family: var(--font-sans); letter-spacing: 2px; text-transform: uppercase; }

/* ══════════════════════════════════════════════
   МАТЕРИАЛЫ — специфика
══════════════════════════════════════════════ */
.cp-mat-cards { display: flex; flex-direction: column; gap: 2px; }
.cp-mat-card {
  display: grid; grid-template-columns: 200px 1fr; align-items: stretch;
  background: var(--cura-bg-warm); overflow: hidden;
}
.cp-mat-icon {
  background: linear-gradient(155deg, #d8d0c8 0%, #c0b8b0 100%);
}
.cp-mat-cotton { background: linear-gradient(155deg, #d4e8d4 0%, #a8c8a0 100%); }
.cp-mat-tencel { background: linear-gradient(155deg, #d4dde8 0%, #a8bcd0 100%); }
.cp-mat-linen  { background: linear-gradient(155deg, #e8e0c8 0%, #d0c4a0 100%); }
.cp-mat-hemp   { background: linear-gradient(155deg, #d8e8c8 0%, #b8cca0 100%); }
.cp-mat-rpet   { background: linear-gradient(155deg, #d4d8e4 0%, #a8b0c4 100%); }
.cp-mat-merino { background: linear-gradient(155deg, #e8d8d4 0%, #d0b8b0 100%); }

.cp-mat-body { padding: 32px 36px; }
.cp-mat-cert {
  font-size: 9px; letter-spacing: 3px; text-transform: uppercase;
  color: var(--cura-green); border: 1px solid var(--cura-green);
  display: inline-block; padding: 3px 10px; font-family: var(--font-sans); margin-bottom: 12px;
}
.cp-mat-name { font-family: var(--font-serif); font-size: 28px; font-weight: 400; margin-bottom: 12px; }
.cp-mat-desc { font-size: 14px; color: var(--cura-mid); font-family: var(--font-sans); line-height: 1.6; margin-bottom: 16px; }
.cp-mat-props { display: flex; gap: 14px; flex-wrap: wrap; }
.cp-mat-props span {
  font-size: 11px; font-family: var(--font-sans); color: var(--cura-mid);
  background: rgba(255,255,255,0.5); padding: 4px 10px;
}

.cp-certs-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; }
.cp-cert-card { background: var(--cura-bg-warm); padding: 32px 24px; }
.cp-cert-badge {
  display: inline-block; font-size: 11px; letter-spacing: 2px; font-family: var(--font-sans);
  font-weight: 700; padding: 6px 14px; margin-bottom: 16px;
}
.cp-cert-gots { background: var(--cura-green); color: #faf9f7; }
.cp-cert-oeko { background: #3a6b8c; color: #faf9f7; }
.cp-cert-fair { background: #7a5c2e; color: #faf9f7; }
.cp-cert-grs  { background: #4a5870; color: #faf9f7; }
.cp-cert-name { font-family: var(--font-serif); font-size: 18px; font-weight: 400; margin-bottom: 10px; }
.cp-cert-desc { font-size: 13px; color: var(--cura-mid); font-family: var(--font-sans); line-height: 1.5; }

/* ══════════════════════════════════════════════
   ПАСПОРТ ВЕЩИ — специфика
══════════════════════════════════════════════ */
.cp-hero-passport-mock {
  display: flex; align-items: center; justify-content: center;
}
.cp-passport-card {
  background: #faf9f7; padding: 28px; width: 280px;
  box-shadow: 0 8px 40px rgba(0,0,0,0.1);
}
.cp-pc-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.cp-pc-logo { font-family: var(--font-serif); font-size: 18px; letter-spacing: 6px; }
.cp-pc-title { font-size: 9px; letter-spacing: 3px; text-transform: uppercase; color: var(--cura-accent); font-family: var(--font-sans); }
.cp-pc-qr { margin-bottom: 20px; }
.cp-qr-grid {
  display: grid; grid-template-columns: repeat(5, 1fr); gap: 3px;
  width: 110px; padding: 10px; background: white; border: 1px solid #eee;
}
.cp-qr-cell { aspect-ratio: 1; }
.cp-qr-cell.b { background: #1a1a1a; }
.cp-qr-cell.w { background: white; }
.cp-pci-row {
  display: flex; justify-content: space-between; gap: 8px;
  padding: 7px 0; border-bottom: 1px solid var(--cura-border);
  font-family: var(--font-sans); font-size: 12px;
}
.cp-pci-row:last-child { border-bottom: none; }
.cp-pci-key { color: var(--cura-accent); flex-shrink: 0; font-size: 10px; letter-spacing: 1px; }
.cp-pci-val { color: var(--cura-dark); text-align: right; }

.cp-steps {
  display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; gap: 0;
  align-items: start; margin-top: 8px;
}
.cp-step { text-align: center; padding: 0 16px; }
.cp-step-num {
  font-size: 9px; letter-spacing: 4px; color: var(--cura-accent);
  font-family: var(--font-sans); margin-bottom: 12px; display: block;
}
.cp-step-icon { font-size: 32px; margin-bottom: 12px; display: block; }
.cp-step-title { font-family: var(--font-serif); font-size: 20px; font-weight: 400; margin-bottom: 8px; }
.cp-step-desc { font-size: 13px; color: var(--cura-mid); font-family: var(--font-sans); line-height: 1.5; }
.cp-step-arrow {
  font-size: 24px; color: var(--cura-border); padding-top: 60px;
  align-self: start; text-align: center;
}

.cp-passport-sections {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px;
}
.cp-ps-item { padding: 28px 24px; background: var(--cura-bg); }
.cp-ps-icon { font-size: 28px; margin-bottom: 14px; }
.cp-ps-title { font-family: var(--font-serif); font-size: 20px; font-weight: 400; margin-bottom: 8px; }
.cp-ps-text { font-size: 13px; color: var(--cura-mid); font-family: var(--font-sans); line-height: 1.5; }

.cp-col-stats { display: flex; flex-direction: column; gap: 2px; }
.cp-stat { padding: 24px 28px; background: var(--cura-bg-warm); }
.cp-stat-num { font-family: var(--font-serif); font-size: 48px; color: var(--cura-dark); line-height: 1; }
.cp-stat-label { font-size: 12px; color: var(--cura-mid); font-family: var(--font-sans); margin-top: 6px; line-height: 1.4; }

/* ══════════════════════════════════════════════
   СЕРВИСЫ — специфика
══════════════════════════════════════════════ */
.cp-svc-block { padding: 60px 0; }
.cp-svc-num {
  font-size: 80px; font-family: var(--font-serif); color: var(--cura-border);
  line-height: 1; margin-bottom: -20px;
}
.cp-svc-content { display: grid; grid-template-columns: 1fr 360px; gap: 60px; align-items: center; }
.cp-svc-content-rev { grid-template-columns: 360px 1fr; }
.cp-svc-content-rev .cp-svc-text { order: 2; }
.cp-svc-icon { font-size: 36px; margin-bottom: 12px; }
.cp-svc-title { font-family: var(--font-serif); font-size: 36px; font-weight: 400; margin-bottom: 16px; }
.cp-svc-desc { font-size: 15px; color: var(--cura-mid); font-family: var(--font-sans); line-height: 1.7; margin-bottom: 20px; }
.cp-svc-list {
  list-style: none; padding: 0; margin: 0 0 28px;
  font-family: var(--font-sans); font-size: 13px; color: var(--cura-mid);
}
.cp-svc-list li { padding: 7px 0; border-bottom: 1px solid var(--cura-border); }
.cp-svc-list li::before { content: '— '; color: var(--cura-accent); }
.cp-svc-note { font-size: 12px; color: var(--cura-accent); font-family: var(--font-sans); margin-bottom: 20px; font-style: italic; }
.cp-svc-divider { height: 1px; background: var(--cura-border); }

.cp-svc-img {
  height: 340px;
  background: linear-gradient(155deg, #e0d8d0 0%, #c8bfb5 100%);
}
.cp-svc-img-repair  { background: linear-gradient(155deg, #dde8dd 0%, #b8ccb8 100%); }
.cp-svc-img-tradein { background: linear-gradient(155deg, #e8e0d8 0%, #ccc4b8 100%); }
.cp-svc-img-rental  { background: linear-gradient(155deg, #d8d8e8 0%, #b8b8cc 100%); }
.cp-svc-img-stylist { background: linear-gradient(155deg, #e8d8e8 0%, #ccb8cc 100%); }

.cp-tradein-steps { display: flex; flex-direction: column; gap: 12px; margin-bottom: 28px; }
.cp-ti-step {
  display: flex; align-items: flex-start; gap: 14px;
  font-family: var(--font-sans); font-size: 14px; color: var(--cura-mid);
}
.cp-ti-num {
  width: 24px; height: 24px; background: var(--cura-dark); color: #faf9f7;
  display: flex; align-items: center; justify-content: center;
  font-size: 11px; flex-shrink: 0;
}

.cp-rental-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px; margin-bottom: 20px; }
.cp-rental-option { padding: 16px; background: var(--cura-bg-warm); }
.cp-ro-period { font-size: 10px; letter-spacing: 3px; color: var(--cura-accent); font-family: var(--font-sans); text-transform: uppercase; margin-bottom: 6px; }
.cp-ro-price { font-family: var(--font-serif); font-size: 20px; margin-bottom: 4px; }
.cp-ro-desc { font-size: 11px; color: var(--cura-mid); font-family: var(--font-sans); }

.cp-stylist-formats { display: flex; flex-direction: column; gap: 2px; margin-bottom: 24px; }
.cp-sf-item {
  display: flex; align-items: center; gap: 20px;
  padding: 14px 18px; background: var(--cura-bg-warm);
}
.cp-sf-title { flex: 1; font-family: var(--font-sans); font-size: 14px; }
.cp-sf-price { font-family: var(--font-serif); font-size: 18px; min-width: 80px; text-align: right; }
.cp-sf-desc { font-size: 11px; color: var(--cura-accent); font-family: var(--font-sans); min-width: 160px; text-align: right; }

/* ══════════════════════════════════════════════
   CURA CIRCLE — специфика
══════════════════════════════════════════════ */
.cp-hero-circle {
  grid-template-columns: 1fr 400px;
  min-height: 580px;
}
.cp-circle-visual {
  position: relative; display: flex; align-items: center; justify-content: center;
  height: 360px;
}
.cp-circle-ring {
  position: absolute; border-radius: 50%; border: 1px solid;
}
.cp-cr-1 { width: 320px; height: 320px; border-color: rgba(250,249,247,0.08); }
.cp-cr-2 { width: 240px; height: 240px; border-color: rgba(250,249,247,0.14); }
.cp-cr-3 { width: 160px; height: 160px; border-color: rgba(250,249,247,0.22); }
.cp-circle-center {
  width: 80px; height: 80px; border-radius: 50%;
  background: rgba(250,249,247,0.12); border: 1px solid rgba(250,249,247,0.3);
  display: flex; align-items: center; justify-content: center;
  font-family: var(--font-serif); font-size: 28px; color: #faf9f7; letter-spacing: 4px;
}

.cp-perks-grid {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; margin-top: 8px;
}
.cp-perk { padding: 28px 22px; background: var(--cura-bg-warm); }
.cp-perk-icon { font-size: 28px; margin-bottom: 12px; }
.cp-perk-title { font-family: var(--font-serif); font-size: 20px; font-weight: 400; margin-bottom: 8px; }
.cp-perk-desc { font-size: 13px; color: var(--cura-mid); font-family: var(--font-sans); line-height: 1.5; }

.cp-join-steps {
  display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; gap: 0;
  align-items: start; margin-top: 8px;
}
.cp-join-step { text-align: center; padding: 0 24px; }
.cp-js-num {
  font-size: 9px; letter-spacing: 4px; color: var(--cura-accent);
  font-family: var(--font-sans); margin-bottom: 14px; display: block;
}
.cp-js-title { font-family: var(--font-serif); font-size: 22px; font-weight: 400; margin-bottom: 8px; }
.cp-js-desc { font-size: 13px; color: var(--cura-mid); font-family: var(--font-sans); line-height: 1.5; }
.cp-js-arrow { font-size: 24px; color: var(--cura-border); padding-top: 40px; text-align: center; }

.cp-form-section { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: start; }
.cp-form-text p { font-size: 14px; color: var(--cura-mid); font-family: var(--font-sans); line-height: 1.6; margin-bottom: 16px; }
.cp-form-note {
  display: flex; align-items: center; gap: 12px;
  font-size: 12px; color: var(--cura-green); font-family: var(--font-sans);
  background: rgba(74,103,65,0.08); padding: 12px 16px; margin-top: 24px;
}
.cp-fn-icon { font-size: 16px; flex-shrink: 0; }

.cp-join-form { display: flex; flex-direction: column; gap: 16px; }
.cp-field { display: flex; flex-direction: column; gap: 6px; }
.cp-field label {
  font-size: 10px; letter-spacing: 2px; text-transform: uppercase;
  color: var(--cura-accent); font-family: var(--font-sans);
}
.cp-field input, .cp-field textarea, .cp-field select {
  border: 1px solid var(--cura-border); padding: 12px 14px;
  font-family: var(--font-sans); font-size: 14px; color: var(--cura-dark);
  background: var(--cura-bg); resize: vertical; transition: border-color 0.2s;
}
.cp-field input:focus, .cp-field textarea:focus { outline: none; border-color: var(--cura-accent); }
.cp-field-check { flex-direction: row; align-items: center; gap: 10px; }
.cp-check-label-form {
  display: flex; align-items: center; gap: 10px; cursor: pointer;
  font-family: var(--font-sans); font-size: 12px; color: var(--cura-mid);
}
.cp-check-label-form input { width: auto; accent-color: var(--cura-dark); }
.cp-check-label-form a { color: var(--cura-dark); }
.cp-submit-btn { margin-top: 8px; width: 100%; padding: 16px; font-size: 11px; border: none; cursor: pointer; }

.cp-testimonials { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px; margin-top: 8px; }
.cp-testimonial { padding: 32px 24px; background: var(--cura-bg-warm); }
.cp-test-text {
  font-family: var(--font-serif); font-size: 18px; font-style: italic;
  color: var(--cura-dark); line-height: 1.5; margin-bottom: 16px;
}
.cp-test-author { font-size: 11px; color: var(--cura-accent); font-family: var(--font-sans); letter-spacing: 1px; }

/* ══════════════════════════════════════════════
   CTA БЛОК
══════════════════════════════════════════════ */
.cp-cta {
  background: var(--cura-dark); padding: 80px 48px; text-align: center;
}
.cp-cta-inner { max-width: 640px; margin: 0 auto; }
.cp-cta-title {
  font-family: var(--font-serif); font-size: 40px; font-weight: 400;
  color: #faf9f7; margin-bottom: 14px; line-height: 1.2;
}
.cp-cta-sub { font-size: 14px; color: rgba(250,249,247,0.6); font-family: var(--font-sans); margin-bottom: 28px; }
.cp-cta-btns { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }
.cp-cta .cura-btn-dark { background: #faf9f7; color: var(--cura-dark); border-color: #faf9f7; }
.cp-cta .cura-btn-dark:hover { background: transparent; color: #faf9f7; }
.cp-cta .cura-btn-outline { border-color: rgba(250,249,247,0.4); color: rgba(250,249,247,0.8); }
.cp-cta .cura-btn-outline:hover { background: rgba(250,249,247,0.1); color: #faf9f7; }

/* ══════════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════════ */
@media (max-width: 1100px) {
  .cp-values-grid { grid-template-columns: repeat(2, 1fr); }
  .cp-certs-grid  { grid-template-columns: repeat(2, 1fr); }
  .cp-perks-grid  { grid-template-columns: repeat(2, 1fr); }
  .cp-mat-card    { grid-template-columns: 140px 1fr; }
}

@media (max-width: 900px) {
  .cp-hero { grid-template-columns: 1fr; gap: 32px; padding: 52px 24px; }
  .cp-hero-fig, .cp-circle-visual { display: none; }
  .cp-hero-circle { grid-template-columns: 1fr; }
  .cp-hero-title { font-size: 38px; }
  .cp-section { padding: 52px 24px; }
  .cp-section-title { font-size: 30px; }
  .cp-two-col, .cp-form-section { grid-template-columns: 1fr; gap: 40px; }
  .cp-two-col-rev .cp-col-text { order: 0; }
  .cp-svc-content, .cp-svc-content-rev { grid-template-columns: 1fr; }
  .cp-svc-img { display: none; }
  .cp-steps { grid-template-columns: 1fr; }
  .cp-step-arrow { display: none; }
  .cp-join-steps { grid-template-columns: 1fr; }
  .cp-js-arrow { display: none; }
  .cp-mat-card { grid-template-columns: 1fr; }
  .cp-mat-icon { height: 120px; }
  .cp-team-grid { grid-template-columns: 1fr; }
  .cp-passport-sections { grid-template-columns: repeat(2, 1fr); }
  .cp-testimonials { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
  .cp-hero-title { font-size: 30px; }
  .cp-values-grid, .cp-certs-grid, .cp-perks-grid { grid-template-columns: 1fr; }
  .cp-passport-sections { grid-template-columns: 1fr; }
  .cp-cta { padding: 52px 24px; }
  .cp-cta-title { font-size: 28px; }
  .cp-rental-grid { grid-template-columns: 1fr; }
  .cp-sf-item { flex-direction: column; align-items: flex-start; gap: 4px; }
  .cp-sf-price, .cp-sf-desc { text-align: left; }
}