/* ── Thank-you page — scoped under tkr- prefix ── */
:root {
  --tkr-ink: #0a2540;
  --tkr-blue: #24a9df;
  --tkr-blue-dark: #12629b;
  --tkr-muted: #6b7c93;
  --tkr-soft: #f6f9fc;
  --tkr-line: #e6edf5;
  --tkr-shadow: 0 28px 80px rgba(8,42,70,.14);
  --tkr-shadow-soft: 0 14px 40px rgba(8,42,70,.07);
}

.tkr-container { width: min(1180px, calc(100% - 40px)); margin: 0 auto }

/* ── Hero ── */
.tkr-hero { position: relative; overflow: hidden; background: radial-gradient(circle at 22% 8%, rgba(36,169,223,.13), transparent 30%), radial-gradient(circle at 88% 18%, rgba(8,42,70,.08), transparent 25%), linear-gradient(180deg,#fff 0%,#f8fbff 100%); padding: 88px 0 110px }
.tkr-hero::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 82px; background: #fff; clip-path: polygon(0 50%,100% 0,100% 100%,0 100%) }

/* ── Success card ── */
.tkr-card { position: relative; z-index: 2; max-width: 940px; margin: 0 auto; text-align: center; background: rgba(255,255,255,.92); border: 1px solid rgba(226,236,246,.96); border-radius: 38px; box-shadow: var(--tkr-shadow); padding: 56px 44px; overflow: hidden }
.tkr-card::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(36,169,223,.06) 1px,transparent 1px), linear-gradient(90deg,rgba(36,169,223,.06) 1px,transparent 1px); background-size: 42px 42px; opacity: .75 }
.tkr-card > * { position: relative; z-index: 2 }

/* ── Badge ── */
.tkr-badge { display: inline-flex; align-items: center; gap: 10px; min-height: 34px; padding: 0 15px; border-radius: 999px; background: #ecf8fd; color: var(--tkr-blue-dark); font-size: 12px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 22px }
.tkr-badge i { width: 9px; height: 9px; border-radius: 99px; background: var(--tkr-blue); box-shadow: 0 0 0 6px rgba(36,169,223,.12); display: inline-block }

/* ── Hero text ── */
.tkr-h1 { margin: 0; color: var(--tkr-ink); font-size: clamp(36px,5vw,64px); line-height: 1.04; letter-spacing: -.06em; font-weight: 900 }
.tkr-lead { margin: 22px auto 0; color: #4f6177; font-size: 20px; line-height: 1.68; max-width: 720px }
.tkr-btn-row { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 34px; justify-content: center }

/* ── Buttons ── */
.tkr-btn { display: inline-flex; align-items: center; justify-content: center; border: 0; border-radius: 999px; min-height: 52px; padding: 0 28px; font-weight: 900; cursor: pointer; transition: .18s ease; white-space: nowrap; font-size: 15px; text-decoration: none }
.tkr-btn-primary { background: var(--tkr-blue); color: #fff; box-shadow: 0 16px 36px rgba(36,169,223,.28) }
.tkr-btn-primary:hover { transform: translateY(-1px); box-shadow: 0 22px 44px rgba(36,169,223,.34); color: #fff }
.tkr-btn-secondary { border: 1px solid #dce6f1; background: #fff; color: #24384f; box-shadow: 0 12px 30px rgba(8,42,70,.06) }
.tkr-btn-secondary:hover { transform: translateY(-1px); color: #24384f }

/* ── Section ── */
.tkr-section { padding: 76px 0; background: #fff }
.tkr-section-soft { background: var(--tkr-soft) }
.tkr-section-head { text-align: center; max-width: 780px; margin: 0 auto 38px }
.tkr-section-head span { font-size: 13px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; color: var(--tkr-blue-dark) }
.tkr-section-head h2 { margin: 12px 0 0; font-size: 38px; letter-spacing: -.05em; color: var(--tkr-ink); line-height: 1.14 }
.tkr-section-head p { margin: 16px auto 0; color: var(--tkr-muted); line-height: 1.65; max-width: 700px }

/* ── Process grid ── */
.tkr-process-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px }
.tkr-process-card { background: #fff; border: 1px solid var(--tkr-line); border-radius: 28px; padding: 28px; box-shadow: var(--tkr-shadow-soft); position: relative; overflow: hidden }
.tkr-process-card::before { content: attr(data-step); position: absolute; right: 22px; top: 14px; font-size: 56px; font-weight: 900; color: #eff5fb; letter-spacing: -.08em; pointer-events: none }
.tkr-icon { width: 48px; height: 48px; border-radius: 18px; background: #ecf8fd; color: var(--tkr-blue-dark); display: flex; align-items: center; justify-content: center; font-weight: 900; font-size: 21px; margin-bottom: 20px }
.tkr-process-card strong { display: block; font-size: 22px; letter-spacing: -.04em; margin-bottom: 10px; position: relative; color: var(--tkr-ink) }
.tkr-process-card p { margin: 0; color: var(--tkr-muted); line-height: 1.62; font-size: 15px; position: relative }

/* ── WhatsApp contact strip ── */
.tkr-strip { display: grid; grid-template-columns: 1fr auto; gap: 24px; align-items: center; background: #082a46; color: #fff; border-radius: 34px; padding: 34px; box-shadow: var(--tkr-shadow); overflow: hidden; position: relative }
.tkr-strip::before { content: ""; position: absolute; inset: 0; background-image: url('/assets/img/cubes-pattern.svg'); background-size: 420px; opacity: .14 }
.tkr-strip > * { position: relative; z-index: 2 }
.tkr-strip h2 { margin: 0; font-size: 34px; letter-spacing: -.05em; line-height: 1.12; color: #fff }
.tkr-strip p { margin: 12px 0 0; color: rgba(255,255,255,.74); line-height: 1.65; max-width: 720px }

/* ── Trust grid ── */
.tkr-trust-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 18px }
.tkr-trust-card { background: #fff; border: 1px solid var(--tkr-line); border-radius: 24px; padding: 24px; box-shadow: 0 14px 40px rgba(8,42,70,.06) }
.tkr-trust-card strong { display: block; font-size: 18px; letter-spacing: -.035em; color: var(--tkr-ink); margin-bottom: 8px }
.tkr-trust-card p { margin: 0; color: var(--tkr-muted); line-height: 1.55; font-size: 14px }

/* ── Responsive ── */
@media (max-width: 1020px) {
  .tkr-process-grid, .tkr-trust-grid { grid-template-columns: repeat(2,1fr) }
  .tkr-strip { grid-template-columns: 1fr }
}

@media (max-width: 760px) {
  .tkr-container { width: min(100% - 28px, 1180px) }
  .tkr-hero { padding: 56px 0 86px }
  .tkr-card { padding: 34px 20px; border-radius: 28px }
  .tkr-lead { font-size: 17px }
  .tkr-btn-row { flex-direction: column }
  .tkr-btn-row .tkr-btn { width: 100% }
  .tkr-section { padding: 56px 0 }
  .tkr-section-head h2 { font-size: 30px }
  .tkr-process-grid, .tkr-trust-grid { grid-template-columns: 1fr }
  .tkr-strip { border-radius: 26px; padding: 24px }
  .tkr-strip h2 { font-size: 26px }
  .tkr-h1 { font-size: clamp(30px,8vw,46px) }
}