/* =========================
   GP-Legal-AI Premium (Light)
   Tilda CSS – paste into Page Settings → Additional CSS
   ========================= */

/* 1) Premium background */
body {
  background:
    radial-gradient(900px 520px at 12% 8%, rgba(29,78,216,.10), transparent 56%),
    radial-gradient(900px 520px at 92% 14%, rgba(124,58,237,.10), transparent 56%),
    linear-gradient(180deg, #F6F7FB 0%, #FFFFFF 58%, #F6F7FB 100%) !important;
}

/* 2) Global typography improvements */
.t-body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.t-title, .t-title_xs, .t-title_sm, .t-title_md, .t-title_lg, .t-title_xl, .t-title_xxl,
.t-heading, .t-heading_xs, .t-heading_sm, .t-heading_md, .t-heading_lg, .t-heading_xl {
  letter-spacing: -0.02em;
}

/* Paragraph readability */
.t-descr, .t-text, .t-uptitle, .t-subtitle {
  color: rgba(11,18,32,.74) !important;
}

/* 3) Premium buttons (works for most Tilda buttons) */
.t-btn, a.t-btn, button.t-btn {
  border-radius: 14px !important;
  font-weight: 650 !important;
  letter-spacing: 0.1px !important;
  transition: transform .15s ease, filter .15s ease, box-shadow .15s ease !important;
}
.t-btn:active { transform: translateY(1px) !important; }

/* Primary-looking buttons: you can set the button color in Tilda as blue/purple,
   this CSS adds premium glow */
.t-btn {
  box-shadow: 0 12px 30px rgba(11,18,32,.08) !important;
}
.t-btn:hover {
  filter: saturate(1.02) brightness(1.02) !important;
  box-shadow: 0 16px 40px rgba(11,18,32,.10) !important;
}

/* 4) Cards / tiles: make all white blocks feel premium
   Many Tilda blocks use .t396__artboard, .t-container, .t-col, etc.
   We softly style common "white rectangles" (won't break layout) */
.t-rec .t396__artboard,
.t-rec .t396__carrier,
.t-rec .t396__filter {
  border-radius: 0 !important; /* keep artboard clean */
}

/* Add premium style to blocks that already have a background */
.t-rec[style*="background-color"], .t-rec .t-bgimg {
  border-radius: 0 !important;
}

/* If you use blocks with white backgrounds, give them subtle depth */
.t-rec .t-col,
.t-rec .t-container,
.t-rec .t-container .t-col {
  /* do nothing aggressive - keep safe */
}

/* 5) Make “cards” inside Zero Blocks premium (if you created rectangles)
   You must add class 'gp-card' to your rectangle in Zero Block:
   Zero Block → select rectangle → Settings → CSS class → gp-card
*/
.gp-card {
  border-radius: 22px !important;
  border: 1px solid rgba(11,18,32,.10) !important;
  background: rgba(255,255,255,.88) !important;
  box-shadow: 0 22px 70px rgba(11,18,32,.10) !important;
}
.gp-card-soft {
  border-radius: 20px !important;
  border: 1px solid rgba(11,18,32,.10) !important;
  background: rgba(255,255,255,.84) !important;
  box-shadow: 0 10px 30px rgba(11,18,32,.08) !important;
}

/* 6) Premium “pill” label in Hero (optional)
   Add class 'gp-pill' to a text/shape group in Zero Block */
.gp-pill {
  border-radius: 999px !important;
  border: 1px solid rgba(11,18,32,.12) !important;
  background: rgba(255,255,255,.78) !important;
  box-shadow: 0 10px 26px rgba(11,18,32,.06) !important;
}

/* 7) Premium header (sticky) glass effect
   Works if header is fixed in Tilda */
.t228, .t450, .t-siteheader {
  backdrop-filter: blur(14px);
  background-color: rgba(246,247,251,.76) !important;
  border-bottom: 1px solid rgba(11,18,32,.10) !important;
}

/* 8) Links – clean premium blue */
a {
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
a:hover { opacity: .92; }

/* 9) Mobile spacing: keep airy but compact */
@media (max-width: 640px) {
  .t-title { letter-spacing: -0.01em; }
  .t-btn, a.t-btn { width: 100% !important; }
}

/* =========================
   IMPORTANT:
   To get the full premium look in Zero Block,
   assign these CSS classes to shapes:
   - main hero card rectangle: gp-card
   - right panel and inner tiles: gp-card-soft
   - top label/pill: gp-pill
   ========================= */