@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@500;700;800&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap");

:root {
  --gutfelt-shadow-soft: 0 20px 60px rgba(7, 22, 43, 0.08);
  --gutfelt-shadow-card: 0 18px 44px rgba(7, 22, 43, 0.12);
  --gutfelt-radius-lg: 32px;
  --gutfelt-radius-md: 22px;
  --gutfelt-radius-sm: 14px;
}

html {
  scroll-behavior: smooth;
}

body {
  background:
    radial-gradient(circle at top, rgba(133, 169, 255, 0.12), transparent 30%),
    linear-gradient(180deg, #f7f9fc 0%, #eef3f9 100%);
}

.wp-site-blocks {
  overflow: clip;
}

.gutfelt-shell {
  width: min(100% - 2rem, 1200px);
  margin-inline: auto;
}

.gutfelt-shell--wide {
  width: min(100% - 2rem, 1200px);
}

.gutfelt-shell--content {
  width: min(100% - 2rem, 720px);
}

.gutfelt-section {
  position: relative;
}

.gutfelt-section--pad-sm {
  padding-block: 2rem;
}

.gutfelt-section--pad-md {
  padding-block: 4rem;
}

.gutfelt-section--pad-lg {
  padding-block: 6rem;
}

.gutfelt-section--default {
  color: var(--wp--preset--color--ink);
}

.gutfelt-section--dark {
  color: var(--wp--preset--color--white);
  background: linear-gradient(135deg, #07162b 0%, #0e2746 100%);
}

.gutfelt-section--tint {
  background: rgba(255, 255, 255, 0.66);
}

.gutfelt-service-card {
  height: 100%;
  padding: 1.75rem;
  border-radius: var(--gutfelt-radius-md);
  background: rgba(255, 255, 255, 0.92);
  box-shadow: var(--gutfelt-shadow-soft);
  border: 1px solid rgba(7, 22, 43, 0.08);
}

.gutfelt-service-card.is-featured {
  background:
    radial-gradient(circle at top right, rgba(133, 169, 255, 0.16), rgba(255, 255, 255, 0.08) 38%),
    linear-gradient(180deg, #0b1e39 0%, #09182d 100%);
  color: #fff;
  box-shadow: var(--gutfelt-shadow-card);
}

.gutfelt-service-card__eyebrow {
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.74rem;
  font-weight: 800;
  color: var(--wp--preset--color--steel);
}

.gutfelt-service-card.is-featured .gutfelt-service-card__eyebrow,
.gutfelt-service-card.is-featured h3,
.gutfelt-service-card.is-featured p {
  color: #fff;
}

.gutfelt-service-card h3 {
  margin: 0.4rem 0 0.75rem;
  font-size: 1.5rem;
}

.gutfelt-service-card p {
  margin-bottom: 1.2rem;
}

.gutfelt-site-header {
  position: sticky;
  top: 0;
  z-index: 20;
  backdrop-filter: blur(14px);
  background: rgba(247, 249, 252, 0.76);
  border-bottom: 1px solid rgba(7, 22, 43, 0.06);
}

.gutfelt-glass-card {
  position: relative;
  border-radius: var(--gutfelt-radius-lg);
  border: 1px solid rgba(255, 255, 255, 0.14);
  background:
    radial-gradient(circle at top right, rgba(133, 169, 255, 0.18), transparent 42%),
    rgba(255, 255, 255, 0.06);
  box-shadow: var(--gutfelt-shadow-card);
  overflow: hidden;
}

.gutfelt-metric {
  padding: 1rem 1.2rem;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: var(--gutfelt-shadow-soft);
}

.gutfelt-metric strong {
  display: block;
  font-size: 2rem;
  line-height: 1;
}

.gutfelt-floating-badge {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  padding: 1rem 1.2rem;
  border-radius: 18px;
  background: #fff;
  box-shadow: var(--gutfelt-shadow-card);
}

.gutfelt-outline-button .wp-element-button,
.is-style-outline-light .wp-element-button {
  background: transparent;
  color: currentColor;
  border: 1px solid rgba(255, 255, 255, 0.24);
}

.gutfelt-card {
  padding: 1.6rem;
  border-radius: var(--gutfelt-radius-md);
  background: rgba(255, 255, 255, 0.92);
  box-shadow: var(--gutfelt-shadow-soft);
  border: 1px solid rgba(7, 22, 43, 0.08);
}

.gutfelt-footer {
  border-top: 1px solid rgba(7, 22, 43, 0.08);
}

@media (max-width: 781px) {
  .gutfelt-section--pad-lg {
    padding-block: 4rem;
  }

  .gutfelt-floating-badge {
    position: static;
    margin-top: 1rem;
  }
}