.support-card {
  width: min(1100px, calc(100% - 48px));
  margin: 20px auto 80px;
  padding: 34px 38px;
  border: 1px solid #d6e0e4;
  border-radius: 18px;
  background: linear-gradient(135deg, #f4f8ff, #f1faf7);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 42px;
}

.support-card > div { max-width: 720px; }
.support-card h2 { margin: 5px 0 9px; font-size: clamp(25px, 3vw, 38px); line-height: 1.08; letter-spacing: -.035em; text-wrap: balance; }
.support-card p:not(.kicker) { margin: 0; color: #617075; line-height: 1.6; }
.support-button { flex: 0 0 auto; white-space: nowrap; }
.support-link { color: #245ff3; font-weight: 800; }
.tool-grid { grid-template-columns: repeat(3, 1fr); }

@media (max-width: 900px) {
  .tool-grid { grid-template-columns: repeat(2, 1fr); }
}

.thankyou-page { min-height: 100vh; background: linear-gradient(#f5f8ff, #fff 55%); color: #132126; }
.thankyou-header { min-height: 72px; display: flex; align-items: center; justify-content: space-between; padding: 0 28px; border-bottom: 1px solid #e0e7ea; background: rgba(255,255,255,.94); }
.thankyou-brand { display: flex; align-items: center; gap: 10px; color: #132126; font-size: 20px; font-weight: 850; text-decoration: none; }
.thankyou-brand img { width: 38px; height: 38px; }
.thankyou-header > a:last-child { color: #245ff3; font-weight: 800; text-decoration: none; }
.thankyou-main { max-width: 1000px; margin: 0 auto; padding: 80px 24px 100px; text-align: center; }
.thankyou-check { width: 70px; height: 70px; margin: 0 auto 25px; border-radius: 50%; display: grid; place-items: center; background: #daf5eb; color: #087b5e; font-size: 32px; font-weight: 900; }
.thankyou-main h1 { max-width: 750px; margin: 0 auto 18px; font-size: clamp(43px, 7vw, 72px); line-height: .98; letter-spacing: -.055em; text-wrap: balance; }
.thankyou-intro { max-width: 650px; margin: 0 auto; color: #617075; font-size: 18px; line-height: 1.65; text-wrap: balance; }
.thankyou-actions { display: flex; justify-content: center; gap: 12px; margin: 30px 0 58px; }
.thankyou-tools { text-align: left; }
.thankyou-tools h2 { text-align: center; font-size: 26px; }
.thankyou-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 22px; }
.thankyou-grid a { min-height: 92px; padding: 17px; display: flex; align-items: center; border: 1px solid #dce4e7; border-radius: 13px; background: #fff; color: #132126; font-weight: 800; line-height: 1.3; text-decoration: none; box-shadow: 0 8px 24px rgba(29,45,51,.05); }
.thankyou-grid a:hover { border-color: #245ff3; color: #245ff3; transform: translateY(-1px); }

@media (max-width: 760px) {
  .support-card { width: calc(100% - 32px); padding: 28px 24px; align-items: flex-start; flex-direction: column; gap: 22px; }
  .support-button { width: 100%; text-align: center; }
  .thankyou-main { padding-top: 58px; }
  .thankyou-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 430px) {
  .tool-grid { grid-template-columns: 1fr; }
  .thankyou-header { padding: 0 16px; }
  .thankyou-header > a:last-child { font-size: 13px; }
  .thankyou-actions { flex-direction: column; }
  .thankyou-actions .button { width: 100%; }
  .thankyou-grid { grid-template-columns: 1fr; }
}