/* Owner-authored captured custom CSS; see AUDIT.md. */
/* =========================================================
   PRICING PAGE — 3 CARD COLORS + BUTTON INCLUDED
   Page: /pricing  (collection id: 697bd86e7fc8a87a096f13b8)
   ========================================================= */

:root{
  --card-1: #FBFBFB;
  --card-2: #F2F2F2;
  --card-3: #F7F7F7;
}

/* ---------- CARD 1 (text + button) ---------- */
body#collection-697bd86e7fc8a87a096f13b8 #block-85c4c30909c961bdce91,
body#collection-697bd86e7fc8a87a096f13b8 #block-c2c8873bcc01345d1276{
  background: var(--card-1) !important;
}

body#collection-697bd86e7fc8a87a096f13b8 #block-85c4c30909c961bdce91{
  border-radius: 6px 6px 0 0 !important;
  padding: 28px 26px 14px !important;  /* less bottom padding so button doesn't feel disconnected */
  box-sizing: border-box !important;
}

body#collection-697bd86e7fc8a87a096f13b8 #block-c2c8873bcc01345d1276{
  border-radius: 0 0 6px 6px !important;
  padding: 0 26px 24px !important;     /* side + bottom padding for the button area */
  box-sizing: border-box !important;
  margin-top: 0 !important;
}

/* ---------- CARD 2 (text + button) ---------- */
body#collection-697bd86e7fc8a87a096f13b8 #block-3310bde83a45b7ec170c,
body#collection-697bd86e7fc8a87a096f13b8 #block-82f43d2fcd9ae9406636{
  background: var(--card-2) !important;
}

body#collection-697bd86e7fc8a87a096f13b8 #block-3310bde83a45b7ec170c{
  border-radius: 6px 6px 0 0 !important;
  padding: 28px 26px 14px !important;
  box-sizing: border-box !important;
}

body#collection-697bd86e7fc8a87a096f13b8 #block-82f43d2fcd9ae9406636{
  border-radius: 0 0 6px 6px !important;
  padding: 0 26px 24px !important;
  box-sizing: border-box !important;
  margin-top: 0 !important;
}

/* ---------- CARD 3 (text + button) ---------- */
body#collection-697bd86e7fc8a87a096f13b8 #block-7416f1a5ea5611162d7f,
body#collection-697bd86e7fc8a87a096f13b8 #block-96ab1543836ebe762923{
  background: var(--card-3) !important;
}

body#collection-697bd86e7fc8a87a096f13b8 #block-7416f1a5ea5611162d7f{
  border-radius: 6px 6px 0 0 !important;
  padding: 28px 26px 14px !important;
  box-sizing: border-box !important;
}

body#collection-697bd86e7fc8a87a096f13b8 #block-96ab1543836ebe762923{
  border-radius: 0 0 6px 6px !important;
  padding: 0 26px 24px !important;
  box-sizing: border-box !important;
  margin-top: 0 !important;
}

/* ---- Clean spacing / gap between cards (desktop only) ---- */
@media (min-width: 900px){
  body#collection-697bd86e7fc8a87a096f13b8
  #block-85c4c30909c961bdce91
  .sqs-row{
    display: flex !important;
    gap: 8px !important;        
  
    align-items: stretch !important;
  }

  body#collection-697bd86e7fc8a87a096f13b8
  #block-85c4c30909c961bdce91
  .sqs-row > .sqs-col-4{
    float: none !important;
    width: auto !important;
    flex: 1 1 0 !important;
    min-width: 0 !important;
  }
}

/* ---- FIX: make the actual 3-card ROW a flex row so GAP works ---- */
@media (min-width: 900px){

  body#collection-697bd86e7fc8a87a096f13b8
  #page-697bd86e7fc8a87a096f13b8
  .row.sqs-row:has(#block-85c4c30909c961bdce91){
    display: flex !important;
    gap: 3px !important;  /* <-- adjust this */
    align-items: stretch !important;
  }

  body#collection-697bd86e7fc8a87a096f13b8
  #page-697bd86e7fc8a87a096f13b8
  .row.sqs-row:has(#block-85c4c30909c961bdce91) > .col.sqs-col-4{
    float: none !important;
    width: auto !important;
    flex: 1 1 0 !important;
    min-width: 0 !important;

    /* important: remove column padding so "gap" is the spacing */
    padding: 0 !important;
  }
}

/* PRICING CARDS — WHEN THE BACKGROUND IS ON A BLOCK */
body#collection-697bd86e7fc8a87a096f13b8 #page-697bd86e7fc8a87a096f13b8 .sqs-layout .sqs-row {
  align-items: stretch !important;
}

body#collection-697bd86e7fc8a87a096f13b8 #page-697bd86e7fc8a87a096f13b8 .sqs-layout .sqs-row > .col.sqs-col-4{
  display: flex !important;
}

body#collection-697bd86e7fc8a87a096f13b8 #page-697bd86e7fc8a87a096f13b8 .sqs-layout .sqs-row > .col.sqs-col-4 > .sqs-block{
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
}

body#collection-697bd86e7fc8a87a096f13b8 #page-697bd86e7fc8a87a096f13b8 .sqs-layout .sqs-row > .col.sqs-col-4 .sqs-block-button{
  margin-top: auto !important;
}

/* =========================
   OVERVIEW HERO — IMAGE REFRAME FIX
   ========================= */

/* HERO HEADLINE (leave stable) */
#block-yui_3_17_2_1_1769546243643_2429 h1,
#block-yui_3_17_2_1_1769546243643_2429 h2,
#block-yui_3_17_2_1_1769546243643_2429 h3 {
  font-size: clamp(44px, 4.2vw, 64px);
  line-height: 1.05;
  letter-spacing: -0.02em;
  margin: 0 0 18px 0;
}

/* HERO SUBHEAD */
#block-yui_3_17_2_1_1769546243643_6896 h1,
#block-yui_3_17_2_1_1769546243643_6896 h2,
#block-yui_3_17_2_1_1769546243643_6896 h3 {
  font-size: clamp(16px, 1.25vw, 20px);
  line-height: 1.45;
  letter-spacing: 0.01em;
  margin: 0 0 26px 0;
  opacity: 0.85;
}

/* TEXT COLUMN WIDTH */
#page-6979153aa1940d5419f1b122 .sqs-col-7 {
  max-width: 560px;
}

/* IMAGE: REFRAME LEFT (DESKTOP + LAPTOP) */
#collection-6979153aa1940d5419f1b122
.sqs-block-image img {
  object-fit: cover;
  object-position: 25% center; /* ← shifts image left, removes empty space */
}

/* MOBILE RESET — CENTER IMAGE */
@media screen and (max-width: 640px) {
  #collection-6979153aa1940d5419f1b122
  .sqs-block-image img {
    object-position: center center;
  }
}

/* MATCH HERO BUTTON SIZES */
#collection-6979153aa1940d5419f1b122
.sqs-block-button .sqs-block-button-element {
  min-width: 190px;
  padding: 14px 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}