/* ============================================================
   Refinement layer — loaded last. Tasteful, site-wide polish for a more
   elegant, professional, organized feel: softer layered shadows, hairline
   borders, calmer type rhythm, more generous whitespace. No structural change.
   ============================================================ */

:root {
  /* Softer, more layered shadows (premium, less heavy) */
  --shadow-sm: 0 1px 2px rgba(6,26,46,.04), 0 2px 6px rgba(6,26,46,.05);
  --shadow-md: 0 2px 6px rgba(10,37,64,.04), 0 14px 30px -12px rgba(10,37,64,.14);
  --shadow-lg: 0 6px 12px rgba(10,37,64,.05), 0 30px 64px -22px rgba(10,37,64,.26);
  /* Hairline border */
  --border: rgba(15,23,42,.08);
  --hair: rgba(15,23,42,.06);
}

/* ---------- Typography rhythm ---------- */
h1 { letter-spacing: -0.025em; line-height: 1.06; }
h2 { letter-spacing: -0.022em; line-height: 1.14; }
h3 { letter-spacing: -0.015em; }
p { text-wrap: pretty; }
.lead, .hero__sub, .ihero__sub { line-height: 1.66; }

/* Calmer, more refined eyebrow */
.eyebrow {
  font-size: .72rem;
  letter-spacing: .2em;
  padding: 7px 15px;
  font-weight: 600;
}

/* Section headers: a touch more air below the intro line */
.section-head, .ihead { margin-bottom: clamp(40px, 5.5vw, 64px); }
.section-head p, .ihead p { max-width: 62ch; margin-inline: auto; color: var(--slate-600); }
.ihead.left p { margin-inline: 0; }

/* ---------- Generous, consistent section rhythm ---------- */
.section { padding-block: clamp(66px, 9vw, 118px); }
.isection { padding-block: clamp(62px, 8.5vw, 110px); }

/* ---------- Cards: hairline borders, quieter hover ---------- */
.svc-card, .ibenefit, .iissue, .istep, .case, .tcard, .svc-hub-card,
.iother-card, .iprice, .icontact-item, .icompare-wrap, .cstudy {
  border-color: var(--border);
}
.svc-card, .ibenefit, .istep, .svc-hub-card, .case, .tcard, .cstudy {
  box-shadow: 0 1px 2px rgba(6,26,46,.03);
  transition: transform .3s cubic-bezier(.22,1,.36,1), box-shadow .3s, border-color .3s;
}
.svc-card:hover, .ibenefit:hover, .istep:hover, .svc-hub-card:hover, .case:hover, .cstudy:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-md);
  border-color: rgba(15,23,42,.12);
}

/* Refined icon chips */
.ibenefit__ic, .svc-hub-card__ic, .step__ic, .svc-ic {
  box-shadow: inset 0 0 0 1px var(--hair);
}

/* ---------- Buttons: a hair more refined ---------- */
.btn { letter-spacing: -0.005em; }
.btn--lg { padding: 16px 30px; }
.btn--outline { border-width: 1.5px; border-color: rgba(15,23,42,.16); }

/* ---------- Dark surfaces: subtle top-edge light for depth ---------- */
.hero__panel, .isplit__card, .ihero__art, .ictaband__card,
.istatband, .iquote, .cstudy--dark {
  border: 1px solid rgba(255,255,255,.06);
}
.istatband, .iquote { border-inline: 0; }

/* ---------- Organized dividers between stacked light sections ---------- */
.isection + .isection:not(.iissues):not(.istatband):not(.iquote):not(.ictaband) {
  border-top: 1px solid var(--hair);
}

/* ---------- Trust bar: calmer ---------- */
.trustbar { border-block: 1px solid var(--hair); }

/* ---------- Footer: a little more structure ---------- */
.footer__grid { gap: clamp(28px, 4vw, 56px); }

/* ---------- Focus + selection polish ---------- */
::selection { background: rgba(15,181,174,.22); }
body[class*="crm-theme--"] ::selection { background: var(--accent-tint); }