@import url('/refresh-base.css');

:root {
  color-scheme: only light;
}

html,
body,
input,
button,
textarea,
select {
  color-scheme: only light;
}

html,
body {
  background-color: #f4fbff;
  color: #153247;
}

.hero {
  grid-template-columns: 1fr !important;
}

.hero-copy-block {
  max-width: 860px;
}

.thought-section {
  padding-bottom: clamp(18px, 3vw, 30px);
}

.thought-card {
  position: relative;
  display: flex;
  min-height: 330px;
  padding: clamp(30px, 5vw, 48px);
  border: 1px solid #9bcfe8;
  border-radius: 38px;
  flex-direction: column;
  justify-content: flex-end;
  color: #153247;
  background: linear-gradient(145deg, #dff4ff 0%, #ffffff 58%, #d7f0fc 100%);
  box-shadow: 0 22px 52px rgba(34, 106, 145, 0.13);
  overflow: hidden;
}

.thought-card::before {
  position: absolute;
  width: 330px;
  height: 330px;
  top: -180px;
  right: -120px;
  border: 48px solid rgba(35, 136, 190, 0.08);
  border-radius: 50%;
  content: '';
}

.thought-card > * {
  position: relative;
  z-index: 1;
}

.thought-label {
  color: #075783;
}

.thought-label::before {
  background: #55b9e8;
}

.thought-card h2 {
  max-width: 820px;
  color: #153247;
}

.thought-link {
  border-color: #63bce6;
  color: #ffffff;
  background: linear-gradient(135deg, #0d6fa8, #2b9ed5);
}

.thought-link:hover {
  box-shadow: 0 14px 30px rgba(13, 111, 168, 0.22);
}

.home-faq {
  padding-top: clamp(18px, 3vw, 30px);
}

.home-faq .section-action {
  display: none;
}

@media (max-width: 719px) {
  .thought-card {
    min-height: 300px;
  }
}

@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: only light;
  }

  html,
  body {
    background-color: #f4fbff;
    color: #153247;
  }
}