/* ============================================================
   SKYLAKE — Greenshift Pages CSS
   Combined from all section HTML files.
   Scoped: .sklk-home (home page), .sklk-about (about page),
           .sklk-contact (contact page)
   ============================================================ */


/* ============================================================
   HOME PAGE  (.sklk-home)
   Sources: 01-hero, 02-guide-cta, 03-services-process,
            04-insurance-awards-reviews, 05-tech-languages-videos,
            06-team-tour-location-faq-final
   ============================================================ */

/* ── Greenshift Block Layout Fix ──────────────────────────── */
/* Astra wraps content in #content > .ast-container — reset those */
body[class*="sklk-"] #content.site-content,
body[class*="sklk-"] #content.site-content > .ast-container {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  float: none !important;
}
/* Force vertical stacking for Greenshift blocks */
.sklk-home,
.sklk-about,
.sklk-contact {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden;
}
.sklk-home > *,
.sklk-about > *,
.sklk-contact > * {
  display: block !important;
  width: 100% !important;
  float: none !important;
}
.wp-section,
.wp-section.alignfull,
[data-type="section-component"] {
  display: block !important;
  width: 100% !important;
  float: none !important;
  clear: both !important;
}
[data-type="content-area-component"] {
  display: block !important;
  width: 100% !important;
}
div[class*="gsbp-"] {
  box-sizing: border-box;
}
/* Remove Astra sidebar/content-area flex on GS pages */
body[class*="sklk-"].ast-separate-container .ast-article-single,
body[class*="sklk-"].ast-plain-container .site-content .ast-container {
  display: block !important;
  max-width: 100% !important;
}

/* ── Design System Tokens ─────────────────────────────────── */
.sklk-home {
  --indigo-900: #0d0b2e;
  --indigo-800: #191654;
  --indigo-700: #262477;
  --indigo-600: #3a3798;
  --indigo-400: #7c79c4;
  --indigo-100: #e5e4f2;
  --indigo-50:  #f4f3fa;
  --cyan-700:   #1f6b85;
  --cyan-600:   #267f9e;
  --cyan-500:   #2f9bc0;
  --cyan-400:   #5ab2cf;
  --cyan-200:   #bfdfeb;
  --cyan-100:   #e0eff5;
  --cyan-50:    #f0f7fa;
  --mint-600:   #2a8f76;
  --mint-500:   #3bb594;
  --mint-200:   #c9ead9;
  --ink-900:    #0e0d1f;
  --ink-700:    #2a2940;
  --ink-500:    #5c5b72;
  --ink-400:    #8988a0;
  --ink-300:    #b9b8cb;
  --paper:            #fafaf7;
  --paper-0:          #fff;
  --paper-50:         #fafaf7;
  --paper-100:        #f5f5ef;
  --paper-cool:       #eef1f7;
  --paper-cool-50:    #f7f8fb;
  --paper-cool-100:   #eef0f6;
  --r-sm:   6px;
  --r-md:   12px;
  --r-lg:   20px;
  --r-pill: 999px;
  --shadow-sm: 0 1px 2px #0e0d1f0f, 0 1px 1px #0e0d1f0a;
  --shadow-md: 0 10px 30px -12px #0e0d1f2e, 0 2px 6px #0e0d1f0f;
  --shadow-lg: 0 30px 60px -20px #19165440;
  --font-serif:    "Fraunces", Georgia, serif;
  --font-humanist: "Figtree", ui-sans-serif, system-ui, sans-serif;
  --font-mono:     "JetBrains Mono", ui-monospace, Menlo, monospace;
  --landing-maxw:  1280px;

  font-family: var(--font-humanist);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  color: var(--ink-900);
  box-sizing: border-box;
}

/* ── Reset helpers scoped ─────────────────────────────────── */
.sklk-home *, .sklk-home *::before, .sklk-home *::after {
  box-sizing: inherit;
}
.sklk-home img, .sklk-home video {
  max-width: 100%;
  height: auto;
  display: block;
}
.sklk-home h1, .sklk-home h2, .sklk-home h3,
.sklk-home h4, .sklk-home h5, .sklk-home h6 {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
  padding: 0;
}
.sklk-home blockquote, .sklk-home figure {
  margin: 0;
  padding: 0;
}
.sklk-home ol, .sklk-home ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.sklk-home p  { margin: 0; }
.sklk-home h2, .sklk-home h3 { margin: 0; }
.sklk-home em { font-style: italic; }
.sklk-home a  { text-decoration: none; color: inherit; }

/* ── Container ────────────────────────────────────────────── */
.sklk-home .container {
  max-width: var(--landing-maxw);
  margin: 0 auto;
  padding: 0 40px;
  width: 100%;
}

/* ── Section wrappers ─────────────────────────────────────── */
.sklk-home section {
  padding: 96px 0;
  position: relative;
}
.sklk-home section.tight { padding: 64px 0; }
.sklk-home section.paper { background: var(--paper-50); }
.sklk-home section.indigo { background: var(--indigo-800); color: #fff; }
.sklk-home section.cyan  { background: var(--mint-200); }
.sklk-home section.mint  { background: var(--cyan-100); }

.sklk-home .wp-section {
  position: relative;
  padding: 96px 0;
}
.sklk-home .wp-section.paper,
.sklk-home .wp-section.section-paper {
  background: var(--paper-50);
  color: var(--ink-900);
}
.sklk-home .wp-section.cool,
.sklk-home .wp-section.section-cool {
  background: var(--paper-cool-50);
  color: var(--ink-700);
}
.sklk-home .wp-section.section-tight { padding: 64px 0; }

/* ── Eyebrow ──────────────────────────────────────────────── */
.sklk-home .eyebrow {
  font-family: var(--font-mono);
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--cyan-600);
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  font-size: 11px;
  display: inline-flex;
}
.sklk-home .eyebrow .line {
  background: var(--cyan-500);
  width: 32px;
  height: 1px;
  display: block;
  flex-shrink: 0;
}
.sklk-home .eyebrow.on-dark { color: var(--mint-500); }
.sklk-home .eyebrow.on-dark .line { background: var(--mint-500); }
.sklk-home .eyebrow.cyan { color: var(--cyan-600); }
.sklk-home .eyebrow.cyan .line { background: var(--cyan-500); }

/* ── h1 eyebrow variant ───────────────────────────────────── */
.sklk-home .hero h1.eyebrow,
.sklk-home h1.eyebrow {
  font-family: var(--font-mono);
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--cyan-600);
  margin: 0 0 18px;
  padding: 0;
  font-size: 11px;
  font-weight: 400;
  line-height: 1;
}

/* ── Display heading ──────────────────────────────────────── */
.sklk-home .h-display {
  font-family: var(--font-serif);
  letter-spacing: -.02em;
  color: var(--indigo-800);
  margin: 0;
  font-size: clamp(40px, 5vw, 64px);
  font-weight: 400;
  line-height: 1.02;
  text-wrap: pretty;
}
.sklk-home .h-display em {
  font-style: italic;
  color: var(--cyan-600);
}
.sklk-home .h-display.on-dark { color: #fff; }
.sklk-home .h-display.on-dark em { color: var(--cyan-400); }

/* ── Lede ─────────────────────────────────────────────────── */
.sklk-home .lede {
  color: var(--ink-700);
  max-width: 48ch;
  font-size: 17px;
  line-height: 1.6;
  margin: 0;
}
.sklk-home .lede.on-dark { color: rgba(255,255,255,.78); }

/* ── Section head ─────────────────────────────────────────── */
.sklk-home .section-head {
  grid-template-columns: 1.1fr 1fr;
  align-items: end;
  gap: 40px;
  margin-bottom: 48px;
  display: grid;
}
.sklk-home .section-head.center { text-align: center; grid-template-columns: 1fr; }
.sklk-home .section-head.center .eyebrow { justify-content: center; }
.sklk-home .section-head.center .lede { margin: 16px auto 0; }

/* ── Buttons ──────────────────────────────────────────────── */
.sklk-home .btn {
  border-radius: var(--r-pill);
  cursor: pointer;
  white-space: nowrap;
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  font-family: var(--font-humanist);
  border: 1px solid transparent;
  align-items: center;
  gap: 10px;
  padding: 14px 22px;
  text-decoration: none;
  transition: transform .15s, background .15s, color .15s, box-shadow .15s;
  display: inline-flex;
}
.sklk-home .btn-primary { background: var(--indigo-800); color: #fff; }
.sklk-home .btn-primary:hover { background: #262477; transform: translateY(-1px); }
.sklk-home .btn-mint { background: var(--cyan-500); color: #fff; }
.sklk-home .btn-mint:hover { background: var(--cyan-600); }
.sklk-home .btn-ghost { color: var(--indigo-800); border-color: var(--indigo-800); background: transparent; }
.sklk-home .btn-ghost:hover { background: var(--indigo-800); color: #fff; }

/* ── Icon box ─────────────────────────────────────────────── */
.sklk-home .icon-box {
  background: var(--cyan-100);
  width: 52px;
  height: 52px;
  color: var(--indigo-800);
  font-family: var(--font-serif);
  border-radius: 14px;
  flex-shrink: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  font-style: italic;
  font-weight: 500;
}
.sklk-home .icon-box.mint {
  background: var(--cyan-500);
  color: #fff;
}
.sklk-home .icon-box.dark {
  color: var(--mint-500);
  background: rgba(59,181,148,.2);
}

/* ── Chips ────────────────────────────────────────────────── */
.sklk-home .chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 4px;
}
.sklk-home .chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .02em;
  border-radius: var(--r-pill);
  color: var(--indigo-800);
  background: rgba(25,22,84,.06);
}
.sklk-home .chip.dark {
  color: rgba(255,255,255,.9);
  background: rgba(255,255,255,.1);
}
.sklk-home .chip.mint {
  background: var(--cyan-500);
  color: #fff;
}

/* ── Reveal animations ────────────────────────────────────── */
@keyframes sklk-rise {
  0%   { opacity: 0; transform: translateY(20px); }
  100% { opacity: 1; transform: translateY(0); }
}
.sklk-home .reveal   { animation: .8s cubic-bezier(.22,1,.36,1) both sklk-rise; }
.sklk-home .reveal-2 { animation: .8s cubic-bezier(.22,1,.36,1) .1s both sklk-rise; }
.sklk-home .reveal-3 { animation: .8s cubic-bezier(.22,1,.36,1) .2s both sklk-rise; }
.sklk-home .reveal-4 { animation: .8s cubic-bezier(.22,1,.36,1) .3s both sklk-rise; }

/* ── Section 01 — Hero ────────────────────────────────────── */
.sklk-home section.hero.paper {
  padding: 72px 0 96px;
  background: var(--paper-50);
  position: relative;
}

.sklk-home .hero-grid {
  grid-template-columns: 1.1fr 1fr;
  align-items: center;
  gap: 56px;
  display: grid;
}

.sklk-home .hero .meta {
  border-top: 1px solid #1916541f;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-top: 44px;
  padding-top: 28px;
  display: grid;
}
.sklk-home .hero .meta .k {
  font-family: var(--font-serif);
  color: var(--indigo-800);
  letter-spacing: -.01em;
  margin-bottom: 4px;
  font-size: 30px;
  font-weight: 500;
}
.sklk-home .hero .meta .v {
  font-family: var(--font-mono);
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--ink-500);
  font-size: 10.5px;
}

.sklk-home .hero-art {
  height: 640px;
  position: relative;
}

.sklk-home .hero-photo-main {
  background: linear-gradient(180deg, #19165400, #1916540f),
              repeating-linear-gradient(135deg, #19165417 0 10px, #19165408 10px 20px),
              var(--cyan-100);
  border: 1px solid #1916540f;
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;
}

.sklk-home .hero-photo-main.has-photo {
  background: transparent;
  overflow: hidden;
}

.sklk-home .hero-photo-main.has-photo > img {
  object-fit: cover;
  border-radius: inherit;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0;
}

/* Rating card */
.sklk-home .rating-card {
  box-shadow: var(--shadow-md);
  background: #fff;
  border: 1px solid #19165414;
  border-radius: 16px;
  flex-direction: column;
  gap: 10px;
  min-width: 232px;
  max-width: 260px;
  padding: 14px 16px;
  display: flex;
  position: absolute;
  bottom: 28px;
  right: -20px;
}
.sklk-home .rating-row {
  grid-template-columns: 28px 1fr;
  align-items: center;
  gap: 12px;
  display: grid;
}
.sklk-home .rating-badge {
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  display: inline-flex;
}
.sklk-home .rating-badge svg {
  display: block;
}
.sklk-home .rating-badge.zocdoc {
  color: #fff;
  font-family: var(--font-humanist);
  letter-spacing: -.02em;
  background: #1a4b8c;
  font-size: 15px;
  font-weight: 800;
}
.sklk-home .rating-top {
  align-items: baseline;
  gap: 6px;
  line-height: 1;
  display: flex;
}
.sklk-home .rating-num {
  font-family: var(--font-serif);
  color: var(--indigo-800);
  letter-spacing: -.01em;
  font-size: 22px;
  font-weight: 500;
}
.sklk-home .rating-stars {
  color: var(--cyan-500);
  letter-spacing: 2px;
  font-size: 11px;
}
.sklk-home .rating-sub {
  font-family: var(--font-mono);
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--ink-500);
  margin-top: 3px;
  font-size: 10px;
}
.sklk-home .rating-split {
  background: #19165414;
  height: 1px;
  margin: 0 -16px;
}

/* Language strip */
.sklk-home .hero-langs {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 14px;
  margin-top: 24px;
  display: flex;
}
.sklk-home .hero-langs-label {
  font-family: var(--font-mono);
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--cyan-600);
  align-items: center;
  gap: 10px;
  font-size: 10.5px;
  display: inline-flex;
}
.sklk-home .hero-langs-label::before {
  content: "";
  background: var(--cyan-500);
  width: 24px;
  height: 1px;
}
.sklk-home .hero-langs-list {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  display: inline-flex;
}
.sklk-home .hero-langs-list .flag {
  font-size: 20px;
  line-height: 1;
  display: inline-block;
}

/* ── Section 02 — Pain-point identifier (.cool) ───────────── */
.sklk-home .cool {
  --indigo-900: #0f0d3a;
  --indigo-800: #191654;
  --ink-700:    #3a3956;
  --ink-500:    #6e6d86;
  --ink-400:    #8988a0;
  --cyan-600:   #267f9e;
  --cyan-500:   #2f9bc0;
  --cyan-100:   #dff0f6;
  --mint-500:   #3bb594;
  --paper:      #f7f8fb;
  --paper-cool: #eef1f7;
  --line:       rgba(25, 22, 84, .10);
  --line-soft:  rgba(25, 22, 84, .06);
  --shadow-sm: 0 1px 2px rgba(25,22,84,.04), 0 2px 8px rgba(25,22,84,.04);
  --shadow-md: 0 6px 18px rgba(25,22,84,.08), 0 2px 6px rgba(25,22,84,.05);

  background: var(--paper-cool);
  color: var(--ink-700);
  font-family: var(--font-humanist);
}

.sklk-home .cool .container {
  margin: 0 auto;
  padding: 0 32px;
}

.sklk-home .cool .section-head {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 48px;
  align-items: end;
  margin-bottom: 56px;
}
.sklk-home .cool .eyebrow {
  font-family: var(--font-mono);
  font-size: 10.5px;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--cyan-600);
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
}
.sklk-home .cool .eyebrow .line {
  width: 32px;
  height: 1px;
  background: var(--cyan-500);
}
.sklk-home .cool .h-display {
  font-family: var(--font-serif);
  font-weight: 400;
  font-size: clamp(34px, 4vw, 56px);
  line-height: 1.04;
  letter-spacing: -.02em;
  color: var(--indigo-800);
  margin: 0;
  text-wrap: pretty;
}
.sklk-home .cool .h-display em {
  font-style: italic;
  color: var(--cyan-600);
}
.sklk-home .cool .lede {
  font-size: 16px;
  line-height: 1.6;
  color: var(--ink-700);
  margin: 0;
  max-width: 46ch;
}

/* Card grid */
.sklk-home .vb-wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

/* Card */
.sklk-home .vb-card {
  position: relative;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 36px 32px 28px;
  display: flex;
  flex-direction: column;
  gap: 18px;
  overflow: hidden;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.sklk-home .vb-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-md);
  border-color: rgba(47, 155, 192, .35);
}

/* Ghost "?" decoration */
.sklk-home .vb-card .q-mark {
  position: absolute;
  top: -28px;
  right: 8px;
  font-family: var(--font-serif);
  font-style: italic;
  font-weight: 400;
  font-size: 200px;
  line-height: 1;
  color: var(--cyan-500);
  opacity: .12;
  pointer-events: none;
  user-select: none;
}

/* Tag / category */
.sklk-home .vb-card .tag {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-mono);
  font-size: 10.5px;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--cyan-600);
}
.sklk-home .vb-card .tag .sq {
  width: 8px;
  height: 8px;
  background: var(--cyan-500);
  display: inline-block;
}

/* Question headline */
.sklk-home .vb-card h3 {
  position: relative;
  font-family: var(--font-serif);
  font-weight: 400;
  font-size: clamp(20px, 1.8vw, 24px);
  line-height: 1.2;
  letter-spacing: -.01em;
  color: var(--indigo-800);
  margin: 0;
  text-wrap: pretty;
}

/* Answer block */
.sklk-home .vb-card .answer {
  position: relative;
  background: var(--paper);
  border-left: 2px solid var(--cyan-500);
  border-radius: 0 10px 10px 0;
  padding: 16px 18px;
  font-size: 14.5px;
  line-height: 1.55;
  color: var(--ink-700);
}
.sklk-home .vb-card .answer .k {
  display: block;
  font-family: var(--font-mono);
  font-size: 9.5px;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--cyan-600);
  margin-bottom: 8px;
}

/* Foot row */
.sklk-home .vb-card .foot {
  position: relative;
  margin-top: auto;
  padding-top: 16px;
  border-top: 1px solid var(--line-soft);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.sklk-home .vb-card .link {
  font-size: 13.5px;
  font-weight: 600;
  text-decoration: none;
  color: var(--cyan-600);
  transition: color .15s ease;
}
.sklk-home .vb-card .link:hover { color: var(--indigo-800); }
.sklk-home .vb-card .meta {
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: .18em;
  color: var(--ink-400);
}

/* ── Section 03 — Guide intro ─────────────────────────────── */
.sklk-home .guide-grid {
  grid-template-columns: .9fr 1.1fr;
  align-items: start;
  gap: 56px;
  display: grid;
}
.sklk-home .guide-photo {
  background: linear-gradient(180deg, #19165433, #1916548c),
              repeating-linear-gradient(135deg, #ffffff14 0 10px, #ffffff05 10px 20px),
              var(--indigo-800);
  box-sizing: border-box;
  border-radius: 24px;
  align-items: flex-end;
  height: 620px;
  padding: 28px;
  display: flex;
  position: sticky;
  top: 90px;
  overflow: hidden;
}
.sklk-home .guide-photo .sig {
  font-family: var(--font-serif);
  color: #fff;
  text-shadow: 0 2px 20px rgba(0,0,0,.5);
  font-size: 32px;
  font-style: italic;
}

.sklk-home .guide-photo.has-photo { background: transparent; overflow: hidden; }
.sklk-home .guide-photo.has-photo > img {
  object-fit: cover;
  object-position: 50% 22%;
  border-radius: inherit;
  z-index: 0;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0;
}
.sklk-home .guide-photo.has-photo::after {
  content: "";
  z-index: 1;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(rgba(25,22,84,.15) 0%, rgba(25,22,84,.65) 85%);
  position: absolute;
  inset: 0;
}
.sklk-home .guide-photo.has-photo .sig { z-index: 2; position: relative; }

/* Quote block */
.sklk-home .quote-block {
  border-left: 2px solid var(--cyan-400);
  font-family: var(--font-serif);
  color: #fff;
  background: rgba(255,255,255,.06);
  border-radius: 0 14px 14px 0;
  margin-top: 28px;
  padding: 24px 28px;
  font-size: 22px;
  font-style: italic;
  line-height: 1.4;
}

/* Credentials grid */
.sklk-home .cred-grid {
  border-top: 1px solid rgba(255,255,255,.12);
  grid-template-columns: repeat(2, 1fr);
  margin-top: 40px;
  display: grid;
}
.sklk-home .cred-cell {
  border-bottom: 1px solid rgba(255,255,255,.12);
  align-items: center;
  gap: 16px;
  padding: 20px 0;
  display: flex;
}
.sklk-home .cred-cell:nth-child(2n) {
  border-left: 1px solid rgba(255,255,255,.12);
  padding-left: 24px;
}
.sklk-home .cred-seal {
  width: 44px;
  height: 44px;
  font-family: var(--font-mono);
  color: var(--cyan-400);
  letter-spacing: .1em;
  background: rgba(47,155,192,.15);
  border: 1px solid rgba(47,155,192,.4);
  border-radius: 999px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: 10px;
  display: flex;
}
.sklk-home .cred-lbl {
  font-family: var(--font-mono);
  letter-spacing: .18em;
  text-transform: uppercase;
  color: rgba(255,255,255,.55);
  margin-bottom: 4px;
  font-size: 10px;
}
.sklk-home .cred-val {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3;
}

/* Hospitals box */
.sklk-home .hospitals-box {
  background: rgba(255,255,255,.05);
  border-radius: 14px;
  margin-top: 28px;
  padding: 24px;
}
.sklk-home .hospitals-box .k {
  font-family: var(--font-mono);
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--cyan-400);
  margin-bottom: 12px;
  font-size: 10px;
}
.sklk-home .hospitals-box .list {
  color: rgba(255,255,255,.85);
  grid-template-columns: 1fr 1fr;
  gap: 8px 24px;
  font-size: 14px;
  display: grid;
}

/* CTA bar */
.sklk-home .cta-bar {
  background: var(--cyan-500);
  color: #fff;
  border-radius: 24px;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  padding: 32px 40px;
  display: flex;
}
.sklk-home .cta-bar h3 {
  font-family: var(--font-serif);
  letter-spacing: -.01em;
  margin: 0;
  font-size: 30px;
  font-weight: 400;
  line-height: 1.1;
}
.sklk-home .cta-bar h3 em { font-style: italic; font-weight: 500; }
.sklk-home .cta-bar:not(.indigo) h3 em { color: var(--indigo-900); }
.sklk-home .cta-bar.indigo { background: var(--indigo-800); color: #fff; }
.sklk-home .cta-bar.indigo h3 em { color: var(--mint-500); }
.sklk-home .cta-bar .actions { flex-shrink: 0; gap: 12px; display: flex; }
.sklk-home .cta-bar.indigo .btn-mint {
  background: var(--mint-500);
  color: #06241c;
}
.sklk-home .cta-bar.indigo .btn-mint:hover {
  background: var(--mint-600);
  color: #fff;
}

/* ── Section 05 — Services Grid ───────────────────────────── */
.sklk-home .services-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-auto-rows: minmax(240px, auto);
  gap: 16px;
}

.sklk-home .svc-card {
  background: #fff;
  border: 1px solid rgba(25,22,84,.06);
  border-radius: 20px;
  padding: 28px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  transition: transform .25s ease;
}
.sklk-home .svc-card:hover {
  transform: translateY(-3px);
}
.sklk-home .svc-card h3 {
  font-family: var(--font-serif);
  font-weight: 400;
  font-size: 24px;
  line-height: 1.15;
  letter-spacing: -.01em;
  color: var(--indigo-800);
  margin: 0;
}
.sklk-home .svc-card p {
  flex: 1;
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
  color: var(--ink-700);
}
.sklk-home .svc-card .link {
  margin-top: auto;
  padding-top: 10px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .02em;
  color: var(--indigo-800);
  cursor: pointer;
}

.sklk-home .svc-card.dark {
  background: var(--indigo-800);
  color: #fff;
  border: none;
}
.sklk-home .svc-card.dark h3 { color: #fff; }
.sklk-home .svc-card.dark p  { color: rgba(255,255,255,.78); }
.sklk-home .svc-card.dark .link { color: var(--cyan-400); }

.sklk-home .svc-card.mint { background: var(--cyan-100); }
.sklk-home .svc-card.mint .link { color: var(--cyan-700); }
.sklk-home .svc-card.cyan { background: var(--mint-200); }

.sklk-home .svc-card--more h3 { font-size: 20px; }

/* ── Section 06 — Process ─────────────────────────────────── */
.sklk-home .process {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  border-top: 1px solid rgba(25,22,84,.15);
}

.sklk-home .step {
  padding: 40px 32px 8px;
  position: relative;
  border-right: 1px solid rgba(25,22,84,.15);
}
.sklk-home .step:last-child {
  border-right: none;
}

.sklk-home .step-num {
  font-family: var(--font-serif);
  font-style: italic;
  font-weight: 400;
  font-size: 80px;
  line-height: .9;
  letter-spacing: -.04em;
  color: var(--cyan-500);
}

.sklk-home .step .tag {
  font-family: var(--font-mono);
  font-size: 10.5px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--cyan-600);
  margin-bottom: 6px;
  display: block;
}

.sklk-home .step h3 {
  font-family: var(--font-serif);
  font-weight: 400;
  font-size: 28px;
  line-height: 1.15;
  letter-spacing: -.01em;
  color: var(--indigo-800);
  margin: 16px 0 10px;
}

.sklk-home .step p {
  font-size: 15px;
  line-height: 1.55;
  color: var(--ink-700);
  margin: 0;
}

/* ── Section 07 — Insurance ───────────────────────────────── */
.sklk-home .insurance-grid {
  grid-template-columns: 1.2fr 1fr;
  align-items: start;
  gap: 40px;
  display: grid;
}

.sklk-home .insurance-logos {
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
  display: grid;
}

.sklk-home .ins-chip {
  background: #fff;
  border: 1px solid #19165414;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  min-height: 68px;
  padding: 10px 12px;
  display: flex;
}
.sklk-home .ins-chip img {
  object-fit: contain;
  max-width: 100%;
  max-height: 40px;
}

.sklk-home .ins-card {
  background: var(--indigo-800);
  color: #fff;
  border-radius: 20px;
  flex-direction: column;
  gap: 14px;
  padding: 32px;
  display: flex;
}
.sklk-home .ins-head {
  align-items: baseline;
  gap: 20px;
  display: flex;
}
.sklk-home .ins-card .num {
  font-family: var(--font-serif);
  color: var(--cyan-400);
  flex-shrink: 0;
  font-size: 56px;
  font-style: italic;
  line-height: 1;
}
.sklk-home .ins-card h3 {
  font-family: var(--font-serif);
  margin: 0;
  font-size: 24px;
  font-weight: 400;
}
.sklk-home .ins-card p {
  color: rgba(255,255,255,.78);
  margin: 0;
  font-size: 14px;
  line-height: 1.55;
}
.sklk-home .check {
  color: var(--mint-500);
  margin-right: 4px;
  font-weight: 600;
}
.sklk-home .ins-mono-label {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--ink-500);
  margin-bottom: 16px;
}
.sklk-home .ins-footnote {
  margin-top: 18px;
  font-size: 14px;
  color: var(--ink-500);
}

/* ── Section 07b — Trust & Awards ────────────────────────── */
.sklk-home .award-grid {
  grid-template-columns: minmax(280px, 1fr) 2fr;
  align-items: center;
  gap: 48px;
  display: grid;
}

.sklk-home .award-cert {
  box-shadow: var(--shadow-md);
  background: #fff;
  border: 1px solid #1916541a;
  border-radius: 16px;
  margin: 0;
  padding: 12px;
  overflow: hidden;
}
.sklk-home .award-cert img {
  border-radius: 6px;
  width: 100%;
  height: auto;
  display: block;
}

.sklk-home .award-copy {
  flex-direction: column;
  gap: 18px;
  display: flex;
}

.sklk-home .award-badges {
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
  display: flex;
}
.sklk-home .award-badge {
  background: var(--cyan-100);
  color: var(--cyan-700);
  font-family: var(--font-mono);
  letter-spacing: .14em;
  text-transform: uppercase;
  border-radius: 999px;
  padding: 8px 14px;
  font-size: 10.5px;
  font-weight: 600;
}

/* ── Section 08 — Reviews ─────────────────────────────────── */
.sklk-home .reviews {
  grid-template-columns: 1fr 2fr;
  align-items: start;
  gap: 40px;
  display: grid;
}

.sklk-home .review-scorecard {
  background: var(--indigo-800);
  color: #fff;
  border-radius: 20px;
  padding: 32px;
  position: sticky;
  top: 90px;
}
.sklk-home .review-scorecard .big {
  font-family: var(--font-serif);
  letter-spacing: -.03em;
  font-size: 96px;
  font-weight: 400;
  line-height: 1;
}
.sklk-home .review-scorecard .stars {
  color: var(--cyan-400);
  letter-spacing: 4px;
  font-size: 20px;
}
.sklk-home .review-scorecard .btn-mint {
  background: var(--mint-500);
  color: #06241c;
}
.sklk-home .review-scorecard .btn-mint:hover {
  background: var(--mint-600);
  color: #fff;
}

.sklk-home .review-grid {
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  display: grid;
}

.sklk-home .review-card {
  background: #fff;
  border: 1px solid #1916540f;
  border-radius: 16px;
  flex-direction: column;
  gap: 12px;
  padding: 24px;
  display: flex;
}
.sklk-home .review-card .q {
  font-family: var(--font-serif);
  color: var(--indigo-800);
  margin: 0;
  font-size: 18px;
  font-style: italic;
  line-height: 1.45;
}
.sklk-home .review-card .who {
  color: var(--ink-500);
  border-top: 1px solid #19165414;
  justify-content: space-between;
  align-items: center;
  padding-top: 12px;
  font-size: 13px;
  display: flex;
}
.sklk-home .review-card .name {
  color: var(--indigo-800);
  font-weight: 600;
}

/* ── Section 10 — Technology & Diagnostics ───────────────── */
.sklk-home .tech-list {
  grid-template-columns: repeat(2, 1fr);
  gap: 56px;
  margin-top: 8px;
  display: grid;
}
.sklk-home .tech-col h4 {
  font-family: var(--font-mono);
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--cyan-600);
  border-bottom: 1px solid var(--cyan-500);
  justify-content: space-between;
  align-items: baseline;
  margin: 0;
  padding-bottom: 14px;
  font-size: 11px;
  display: flex;
}
.sklk-home .tech-col h4 .count {
  color: var(--ink-400);
  letter-spacing: .14em;
  font-size: 10px;
  font-weight: 400;
}
.sklk-home .tech-row {
  border-bottom: 1px solid #19165414;
  grid-template-columns: 48px 1fr;
  gap: 8px;
  padding: 20px 0;
  display: grid;
}
.sklk-home .tech-row:last-child {
  border-bottom: 0;
}
.sklk-home .tech-row .num {
  font-family: var(--font-mono);
  letter-spacing: .18em;
  color: var(--cyan-600);
  padding-top: 7px;
  font-size: 11px;
}
.sklk-home .tech-row h5 {
  font-family: var(--font-serif);
  letter-spacing: -.01em;
  color: var(--indigo-800);
  margin: 0 0 4px;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.15;
}
.sklk-home .tech-row h5 em {
  color: var(--cyan-600);
  font-style: italic;
  font-weight: 400;
}
.sklk-home .tech-row p {
  color: var(--ink-700);
  margin: 0;
  font-size: 14.5px;
  line-height: 1.5;
}

/* Laser suite */
.sklk-home .laser-suite {
  border-top: 1px solid #19165414;
  margin-top: 72px;
  padding-top: 40px;
}
.sklk-home .laser-suite-head {
  flex-wrap: wrap;
  align-items: baseline;
  gap: 14px;
  margin: 0 0 24px;
  display: flex;
}
.sklk-home .laser-suite-head .kicker {
  font-family: var(--font-mono);
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--cyan-600);
  align-items: center;
  gap: 12px;
  font-size: 11px;
  display: inline-flex;
}
.sklk-home .laser-suite-head .kicker::before {
  content: "";
  background: var(--cyan-500);
  width: 32px;
  height: 1px;
}
.sklk-home .laser-suite-head .trail {
  font-family: var(--font-serif);
  color: var(--ink-500);
  letter-spacing: -.005em;
  font-size: 18px;
  font-style: italic;
}
.sklk-home .laser-grid {
  grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
  align-items: stretch;
  gap: 20px;
  display: grid;
}
.sklk-home .laser-left {
  grid-template-rows: auto 1fr;
  gap: 20px;
  min-width: 0;
  display: grid;
}
.sklk-home .laser-lede {
  background: var(--indigo-800);
  color: #fff;
  border: 1px solid #ffffff0f;
  border-radius: 20px;
  flex-direction: column;
  gap: 16px;
  padding: 28px;
  transition: transform .25s, box-shadow .25s;
  display: flex;
}
.sklk-home .laser-lede:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-3px);
}
.sklk-home .laser-lede .lede-head {
  align-items: center;
  gap: 18px;
  display: flex;
}
.sklk-home .laser-lede .lede-head .icon-box svg {
  width: 26px;
  height: 26px;
  display: block;
}
.sklk-home .laser-lede .flag-tag {
  font-family: var(--font-mono);
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--cyan-400);
  margin-bottom: 4px;
  font-size: 10px;
}
.sklk-home .laser-lede h3 {
  font-family: var(--font-serif);
  letter-spacing: -.015em;
  color: #fff;
  margin: 0;
  font-size: 28px;
  font-weight: 400;
  line-height: 1.1;
}
.sklk-home .laser-lede h3 em {
  color: var(--cyan-400);
  font-style: italic;
  font-weight: 400;
}
.sklk-home .laser-lede p {
  color: #ffffffc7;
  max-width: 64ch;
  margin: 0;
  font-size: 15px;
  line-height: 1.6;
}
.sklk-home .laser-trio {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  display: grid;
}
.sklk-home .laser-mini {
  background: #fff;
  border: 1px solid #1916540f;
  border-radius: 20px;
  flex-direction: column;
  gap: 12px;
  padding: 24px;
  transition: transform .25s, box-shadow .25s;
  display: flex;
}
.sklk-home .laser-mini:hover {
  box-shadow: var(--shadow-md);
  transform: translateY(-3px);
}
.sklk-home .laser-mini h4 {
  font-family: var(--font-serif);
  letter-spacing: -.01em;
  color: var(--indigo-800);
  margin: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.15;
}
.sklk-home .laser-mini p {
  color: var(--ink-700);
  margin: 0;
  font-size: 13.5px;
  line-height: 1.5;
}
.sklk-home .laser-video {
  aspect-ratio: 9 / 16;
  background: var(--indigo-900);
  box-shadow: var(--shadow-md);
  border: 1px solid #19165414;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}
.sklk-home .laser-video video {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0;
}

/* ── Section 11 — Languages ───────────────────────────────── */
.sklk-home .lang-grid {
  grid-template-columns: 1fr 1.3fr;
  align-items: center;
  gap: 40px;
  display: grid;
}
.sklk-home .lang-strip {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  display: flex;
}
.sklk-home .lang-tag {
  color: var(--indigo-800);
  background: #fff;
  border: 1px solid #1916541a;
  border-radius: 999px;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  font-size: 14px;
  font-weight: 600;
  display: inline-flex;
}

/* ── Section 12 — Patient Video Stories ──────────────────── */
.sklk-home .vid-grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  display: grid;
}
.sklk-home .vid-card {
  box-shadow: var(--shadow-sm);
  background: #fff;
  border: 1px solid #19165412;
  border-radius: 18px;
  transition: transform .22s, box-shadow .22s;
  overflow: hidden;
}
.sklk-home .vid-card:hover {
  box-shadow: var(--shadow-md);
  transform: translateY(-4px);
}
.sklk-home .vid-wrap {
  aspect-ratio: 9 / 16;
  background: var(--indigo-900);
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.sklk-home .vid-wrap video {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}
.sklk-home .vid-overlay {
  background: linear-gradient(#0d0b2e2e 0%, #0d0b2e14 45%, #0d0b2eb3 100%);
  justify-content: center;
  align-items: center;
  transition: background .22s;
  display: flex;
  position: absolute;
  inset: 0;
}
.sklk-home .vid-card:hover .vid-overlay {
  background: linear-gradient(#0d0b2e4d 0%, #0d0b2e2e 45%, #0d0b2ecc 100%);
}
.sklk-home .vid-btn {
  width: 64px;
  height: 64px;
  color: var(--cyan-400);
  background: #191654e6;
  border: 2px solid #5ab2cf80;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  transition: transform .2s, background .2s, border-color .2s;
  display: flex;
  position: relative;
  box-shadow: 0 10px 36px -8px #0d0b2ea6;
}
.sklk-home .vid-btn::before {
  content: "";
  border: 1px solid #2f9bc059;
  border-radius: 50%;
  animation: sklk-ring-pulse 2.6s ease-out infinite;
  position: absolute;
  inset: -10px;
}
@keyframes sklk-ring-pulse {
  0%   { opacity: .85; transform: scale(1); }
  100% { opacity: 0;   transform: scale(1.75); }
}
.sklk-home .vid-card:hover .vid-btn {
  background: var(--cyan-500);
  border-color: var(--cyan-400);
  color: #fff;
  transform: scale(1.1);
}
.sklk-home .vid-num {
  font-family: var(--font-mono);
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #ffffffd1;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background: #0d0b2e8c;
  border-radius: 4px;
  padding: 3px 8px;
  font-size: 10px;
  position: absolute;
  top: 12px;
  left: 12px;
}
.sklk-home .vid-caption {
  color: #fff;
  pointer-events: none;
  position: absolute;
  bottom: 14px;
  left: 14px;
  right: 14px;
}
.sklk-home .vid-caption h4 {
  font-family: var(--font-serif);
  letter-spacing: -.01em;
  text-shadow: 0 2px 12px #0006;
  margin: 0 0 4px;
  font-size: 19px;
  font-weight: 500;
  line-height: 1.15;
}
.sklk-home .vid-caption .sub {
  font-family: var(--font-mono);
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #fffc;
  font-size: 10px;
}

/* ── Section 13 — Team ────────────────────────────────────── */
.sklk-home .team-06d {
  grid-template-columns: .85fr 1fr;
  align-items: stretch;
  gap: 24px;
  display: grid;
}

.sklk-home .team-06d .td-photo {
  background-image: url('/wp-content/uploads/2026/05/2-doctors-with-logo-scaled.jpg');
  background-position: 50% 42%;
  background-size: cover;
  border-radius: 20px;
  min-height: 600px;
  position: relative;
  overflow: hidden;
}
.sklk-home .team-06d .td-photo::after {
  content: "";
  background: linear-gradient(#0d0b2e73 0%, #0d0b2e00 35%, #0d0b2ed9 100%);
  position: absolute;
  inset: 0;
}

.sklk-home .team-06d .td-top {
  z-index: 1;
  color: #fff;
  justify-content: space-between;
  align-items: baseline;
  display: flex;
  position: absolute;
  top: 24px;
  left: 28px;
  right: 28px;
}
.sklk-home .team-06d .td-kicker {
  font-family: var(--font-mono);
  letter-spacing: .22em;
  text-transform: uppercase;
  color: #ffffffe6;
  font-size: 10.5px;
}
.sklk-home .team-06d .td-est {
  font-family: var(--font-mono);
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--cyan-400);
  font-size: 10.5px;
}
.sklk-home .team-06d .td-caption {
  color: #fff;
  z-index: 1;
  position: absolute;
  bottom: 28px;
  left: 28px;
  right: 28px;
}
.sklk-home .team-06d .td-caption h4 {
  font-family: var(--font-serif);
  letter-spacing: -.015em;
  max-width: 340px;
  margin: 0 0 14px;
  font-size: 32px;
  font-weight: 400;
  line-height: 1.1;
}
.sklk-home .team-06d .td-addr {
  font-family: var(--font-mono);
  letter-spacing: .14em;
  color: #ffffffbf;
  font-size: 11px;
  line-height: 1.7;
}

.sklk-home .team-06d .td-stack {
  flex-direction: column;
  gap: 16px;
  display: flex;
}
.sklk-home .team-06d .td-card {
  background: #fff;
  border: 1px solid #19165414;
  border-radius: 20px;
  flex: 1;
  grid-template-columns: 1fr 140px;
  align-items: start;
  gap: 22px;
  padding: 26px;
  display: grid;
  overflow: hidden;
}
.sklk-home .team-06d .td-port {
  background-color: var(--indigo-100);
  background-size: cover;
  grid-area: 1 / 2;
  align-self: stretch;
  margin: -26px -26px -26px 0;
}
.sklk-home .team-06d .td-role {
  font-family: var(--font-mono);
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--cyan-600);
  margin-bottom: 8px;
  font-size: 10.5px;
}
.sklk-home .team-06d .td-card h3 {
  font-family: var(--font-serif);
  letter-spacing: -.01em;
  color: var(--indigo-800);
  margin: 0 0 10px;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.15;
}
.sklk-home .team-06d .td-card p {
  color: var(--ink-700);
  margin: 0 0 14px;
  font-size: 13.5px;
  line-height: 1.55;
}
.sklk-home .team-06d .td-quote {
  font-family: var(--font-serif);
  color: var(--indigo-800);
  border-left: 2px solid var(--cyan-500);
  margin: 0;
  padding-left: 12px;
  font-size: 14.5px;
  font-style: italic;
  line-height: 1.45;
}
.sklk-home .team-06d .td-byline {
  font-style: normal;
  font-family: var(--font-mono);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--ink-500);
  margin-top: 6px;
  font-size: 10px;
  display: block;
}
.sklk-home .team-06d .td-cta {
  font-family: var(--font-humanist);
  color: var(--indigo-800);
  white-space: nowrap;
  border: 1px solid #1916542e;
  border-radius: 999px;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
  padding: 10px 16px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition: background .15s, color .15s, border-color .15s;
  display: inline-flex;
}
.sklk-home .team-06d .td-cta:hover {
  background: var(--indigo-800);
  color: #fff;
  border-color: var(--indigo-800);
}
.sklk-home .team-06d .td-cta svg {
  width: 12px;
  height: 12px;
}

/* ── Section 13b — Clinic Tour ────────────────────────────── */
.sklk-home .tour-grid {
  grid-template-rows: 240px 240px;
  grid-template-columns: 1.2fr 1fr 1fr;
  gap: 14px;
  display: grid;
}
.sklk-home .tour-item {
  background: var(--paper-cool-50);
  border: 1px solid #1916540f;
  border-radius: 18px;
  margin: 0;
  position: relative;
  overflow: hidden;
}
.sklk-home .tour-item img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}
.sklk-home .tour-item figcaption {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  font-family: var(--font-mono);
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--indigo-800);
  background: #ffffffeb;
  border-radius: 999px;
  padding: 6px 12px;
  font-size: 10px;
  font-weight: 600;
  position: absolute;
  bottom: 14px;
  left: 14px;
}
.sklk-home .tour-item--lg   { grid-row: span 2; }
.sklk-home .tour-item--wide { grid-column: span 2; }

/* ── Section 14 — Location ────────────────────────────────── */
.sklk-home .loc-grid {
  grid-template-columns: 1.3fr 1fr;
  align-items: stretch;
  gap: 24px;
  display: grid;
}
.sklk-home .map-box {
  background: linear-gradient(135deg, var(--cyan-100), var(--indigo-100));
  border: 1px solid #19165414;
  border-radius: 20px;
  min-height: 420px;
  position: relative;
  overflow: hidden;
}
.sklk-home .loc-sidebar {
  flex-direction: column;
  gap: 16px;
  display: flex;
}
.sklk-home .loc-card {
  background: #fff;
  border: 1px solid #1916540f;
  border-radius: 16px;
  padding: 24px;
}
.sklk-home .loc-card h4 {
  font-family: var(--font-mono);
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--cyan-600);
  margin: 0 0 12px;
  font-size: 10.5px;
}
.sklk-home .loc-card .addr {
  font-family: var(--font-serif);
  color: var(--indigo-800);
  letter-spacing: -.01em;
  margin: 0 0 8px;
  font-size: 22px;
  line-height: 1.2;
}
.sklk-home .loc-card .sub {
  color: var(--ink-500);
  font-size: 14px;
}

/* ── Section 15 — FAQ ─────────────────────────────────────── */
.sklk-home .faq-list {
  border-top: 1px solid #1916541f;
  flex-direction: column;
  gap: 2px;
  display: flex;
}
.sklk-home details.faq {
  border-bottom: 1px solid #1916541f;
  padding: 20px 0;
}
.sklk-home details.faq summary {
  cursor: pointer;
  font-family: var(--font-serif);
  color: var(--indigo-800);
  letter-spacing: -.01em;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  font-size: 22px;
  line-height: 1.25;
  list-style: none;
  display: flex;
}
.sklk-home details.faq summary::-webkit-details-marker { display: none; }
.sklk-home details.faq summary::after {
  content: "+";
  font-family: var(--font-humanist);
  color: var(--cyan-600);
  flex-shrink: 0;
  font-size: 28px;
  font-weight: 300;
  transition: transform .3s;
}
.sklk-home details.faq[open] summary::after {
  transform: rotate(45deg);
}
.sklk-home details.faq .a {
  color: var(--ink-700);
  max-width: 62ch;
  margin-top: 14px;
  font-size: 15px;
  line-height: 1.6;
}

/* ── Section 16 — Final CTA ───────────────────────────────── */
.sklk-home .final-cta {
  background: var(--indigo-800);
  color: #fff;
  border-radius: 28px;
  padding: 64px 56px;
  position: relative;
  overflow: hidden;
}
.sklk-home .final-cta::before {
  content: "";
  filter: blur(30px);
  background: radial-gradient(closest-side, #2f9bc073, transparent);
  border-radius: 999px;
  width: 420px;
  height: 420px;
  position: absolute;
  top: -160px;
  right: -160px;
}
.sklk-home .final-cta h2 {
  font-family: var(--font-serif);
  letter-spacing: -.02em;
  margin: 0;
  font-size: clamp(44px, 5vw, 72px);
  font-weight: 400;
  line-height: 1;
  position: relative;
}
.sklk-home .final-cta h2 em {
  color: var(--cyan-400);
  font-style: italic;
}
.sklk-home .final-cta .foot {
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 40px;
  display: flex;
  position: relative;
}
.sklk-home .final-cta .btn-mint {
  background: var(--cyan-500);
  color: #fff;
}
.sklk-home .final-cta .btn-mint:hover {
  background: var(--cyan-400);
}

/* ── HOME PAGE Responsive ─────────────────────────────────── */
@media (max-width: 1024px) {
  .sklk-home .container { padding: 0 24px; }
  .sklk-home .section-head { grid-template-columns: 1fr; }
  .sklk-home .hero-grid { grid-template-columns: 1fr; gap: 40px; }
  .sklk-home .hero-art { height: 420px; }
  .sklk-home .rating-card { min-width: 220px; bottom: 12px; right: 0; }
  .sklk-home .cool .section-head { grid-template-columns: 1fr; gap: 24px; align-items: start; }
  .sklk-home .vb-wrap { grid-template-columns: 1fr; gap: 16px; }
  .sklk-home .vb-card .q-mark { font-size: 160px; top: -20px; }
  .sklk-home .guide-grid { grid-template-columns: 1fr; gap: 32px; }
  .sklk-home .guide-photo { height: 420px; position: relative; top: auto; }
  .sklk-home .services-grid { grid-template-columns: 1fr 1fr; }
  .sklk-home .svc-card[style*="span 3"],
  .sklk-home .svc-card[style*="span 2"] { grid-column: span 2; }
  .sklk-home .insurance-grid,
  .sklk-home .reviews { grid-template-columns: 1fr; }
  .sklk-home .review-scorecard { position: static; }
  .sklk-home .review-grid { grid-template-columns: 1fr; }
  .sklk-home .award-grid { grid-template-columns: 1fr; gap: 32px; }
  .sklk-home .vid-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
  .sklk-home .lang-grid { grid-template-columns: 1fr; gap: 28px; }
  .sklk-home .tour-grid { grid-template-rows: 220px 220px 220px; grid-template-columns: 1fr 1fr; }
  .sklk-home .tour-item--lg  { grid-area: span 1 / span 2; }
  .sklk-home .tour-item--wide { grid-column: span 2; }
  .sklk-home .loc-grid { grid-template-columns: 1fr; }
  .sklk-home .wp-section { padding: 64px 0; }
}

@media (max-width: 900px) {
  .sklk-home .tech-list   { grid-template-columns: 1fr; gap: 32px; }
  .sklk-home .laser-grid  { grid-template-columns: 1fr; }
  .sklk-home .laser-trio  { grid-template-columns: repeat(2, 1fr); }
  .sklk-home .laser-video { width: 100%; max-width: 320px; margin: 0 auto; }
}

@media (max-width: 860px) {
  .sklk-home .team-06d { grid-template-columns: 1fr; }
  .sklk-home .team-06d .td-photo { min-height: 360px; }
  .sklk-home .team-06d .td-card { grid-template-columns: 100px 1fr; gap: 16px; padding: 20px; }
  .sklk-home .team-06d .td-port { grid-column: 1; margin: -20px 0 -20px -20px; }
  .sklk-home .team-06d .td-card h3 { font-size: 22px; }
}

@media (max-width: 768px) {
  .sklk-home section { padding: 64px 0; }
  .sklk-home .cta-bar {
    text-align: center;
    flex-direction: column;
    gap: 22px;
    padding: 32px 24px;
  }
  .sklk-home .cta-bar .actions { flex-direction: column; gap: 10px; width: 100%; }
  .sklk-home .cta-bar .btn { justify-content: center; width: 100%; }
  .sklk-home .cta-bar h3 { font-size: 26px; }
  .sklk-home section.hero.paper { padding: 48px 0 64px; }
  .sklk-home .insurance-logos { grid-template-columns: repeat(2, 1fr); }
  .sklk-home .vid-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; }
  .sklk-home .final-cta { padding: 40px 28px; }
}

@media (max-width: 640px) {
  .sklk-home .tour-grid { grid-template-rows: repeat(4, 200px); grid-template-columns: 1fr; }
  .sklk-home .tour-item--lg,
  .sklk-home .tour-item--wide { grid-area: auto; }
}

@media (max-width: 600px) {
  .sklk-home .cool .container { padding: 0 20px; }
  .sklk-home .vb-card { padding: 32px 24px 24px; }
  .sklk-home .vb-card .q-mark { font-size: 130px; top: -14px; right: 4px; }
}

@media (max-width: 520px) {
  .sklk-home .laser-trio { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
  .sklk-home .hero .meta { grid-template-columns: 1fr 1fr; }
  .sklk-home .services-grid { grid-template-columns: 1fr; }
  .sklk-home .svc-card[style*="span 3"],
  .sklk-home .svc-card[style*="span 2"] { grid-column: span 1; }
}


/* ============================================================
   ABOUT PAGE  (.sklk-about)
   Source: pages/about.html
   ============================================================ */

.sklk-about {
  --indigo-800: #191654;
  --indigo-900: #0d0b2e;
  --cyan-700:   #1f6b85;
  --cyan-600:   #267f9e;
  --cyan-500:   #2f9bc0;
  --cyan-400:   #5ab2cf;
  --mint-500:   #3bb594;
  --ink-700:    #2a2940;
  --ink-500:    #5c5b72;
  --ink-400:    #8988a0;
  --paper-50:   #fafaf7;
  --paper-cool-50: #f7f8fb;
  --font-serif:    "Fraunces", Georgia, serif;
  --font-humanist: "Figtree", ui-sans-serif, system-ui, sans-serif;
  --font-mono:     "JetBrains Mono", ui-monospace, Menlo, monospace;
  --landing-maxw:  1280px;
  --r-sm:   6px;
  --r-md:   12px;
  --r-lg:   20px;
  --r-pill: 999px;
  --shadow-sm: 0 1px 2px rgba(14,13,31,.06), 0 1px 1px rgba(14,13,31,.04);
  --shadow-md: 0 10px 30px -12px rgba(14,13,31,.18), 0 2px 6px rgba(14,13,31,.06);

  font-family: var(--font-humanist);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.sklk-about .container {
  max-width: var(--landing-maxw);
  margin: 0 auto;
  padding: 0 40px;
}

.sklk-about .sklk-about-eyebrow {
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: var(--font-mono);
  font-size: 10.5px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .2em;
  color: var(--cyan-600);
  margin-bottom: 20px;
}

.sklk-about .sklk-about-line {
  display: inline-block;
  width: 32px;
  height: 2px;
  background: var(--cyan-500);
  flex-shrink: 0;
}

.sklk-about .btn {
  border-radius: var(--r-pill);
  cursor: pointer;
  white-space: nowrap;
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  font-family: var(--font-humanist);
  border: 1px solid transparent;
  align-items: center;
  gap: 10px;
  padding: 14px 22px;
  text-decoration: none;
  transition: transform .15s, background .15s, color .15s, box-shadow .15s;
  display: inline-flex;
}

.sklk-about .btn:hover {
  transform: translateY(-1px);
}

.sklk-about .btn-mint {
  background: var(--mint-500);
  color: #fff;
}

.sklk-about .btn-mint:hover {
  background: #34a084;
  box-shadow: var(--shadow-md);
}

.sklk-about .btn-ghost-white {
  background: transparent;
  color: #fff;
  border: 1px solid rgba(255,255,255,.35);
}

.sklk-about .btn-ghost-white:hover {
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.55);
}

/* Hero */
.sklk-about .sklk-about-hero {
  background: var(--paper-50);
  padding: 96px 0 80px;
  text-align: center;
}

.sklk-about .sklk-about-hero .sklk-about-eyebrow {
  justify-content: center;
}

.sklk-about .sklk-about-hero-heading {
  font-family: var(--font-serif);
  font-size: clamp(40px, 5vw, 64px);
  font-weight: 400;
  color: var(--indigo-800);
  letter-spacing: -.02em;
  line-height: 1.1;
  margin: 0 auto 24px;
  max-width: 16ch;
}

.sklk-about .sklk-about-hero-lede {
  font-size: 17px;
  color: var(--ink-700);
  max-width: 48ch;
  line-height: 1.6;
  margin: 0 auto;
}

.sklk-about .sklk-about-hero-photo {
  border-radius: var(--r-lg);
  width: 100%;
  max-width: 800px;
  height: auto;
  margin-top: 40px;
}

/* Mission */
.sklk-about .sklk-about-mission {
  background: var(--paper-cool-50);
  padding: 96px 0;
}

.sklk-about .sklk-about-mission-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  margin-top: 40px;
}

.sklk-about .sklk-about-mission-grid h3 {
  font-family: var(--font-serif);
  font-size: 28px;
  font-weight: 400;
  color: var(--indigo-800);
  margin: 0 0 16px;
  letter-spacing: -.01em;
}

.sklk-about .sklk-about-mission-grid p {
  font-size: 15.5px;
  color: var(--ink-500);
  line-height: 1.65;
  margin: 0;
}

/* How We Practice */
.sklk-about .sklk-about-practice {
  background: var(--paper-50);
  padding: 96px 0;
}

.sklk-about .sklk-about-practice-heading {
  font-family: var(--font-serif);
  font-size: clamp(30px, 4vw, 44px);
  font-weight: 400;
  color: var(--indigo-800);
  letter-spacing: -.02em;
  margin: 0 0 40px;
}

.sklk-about .sklk-about-cards-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.sklk-about .sklk-about-card {
  background: #fff;
  border: 1px solid rgba(25,22,84,.06);
  border-radius: var(--r-lg);
  padding: 28px;
}

.sklk-about .sklk-about-card h4 {
  font-family: var(--font-serif);
  font-size: 20px;
  font-weight: 400;
  color: var(--indigo-800);
  margin: 0 0 12px;
}

.sklk-about .sklk-about-card p {
  font-size: 14.5px;
  color: var(--ink-500);
  line-height: 1.6;
  margin: 0;
}

/* Team */
.sklk-about .sklk-about-team {
  background: var(--paper-cool-50);
  padding: 96px 0;
}

.sklk-about .sklk-about-team-heading {
  font-family: var(--font-serif);
  font-size: clamp(30px, 4vw, 44px);
  font-weight: 400;
  color: var(--indigo-800);
  letter-spacing: -.02em;
  margin: 0 0 40px;
}

.sklk-about .sklk-about-team-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

.sklk-about .sklk-about-team-card {
  background: #fff;
  border-radius: var(--r-lg);
  overflow: hidden;
  display: flex;
}

.sklk-about .sklk-about-team-card-photo {
  width: 200px;
  min-height: 280px;
  flex-shrink: 0;
  object-fit: cover;
}

.sklk-about .sklk-about-team-card-body {
  padding: 28px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.sklk-about .sklk-about-team-role {
  font-family: var(--font-mono);
  font-size: 10.5px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .2em;
  color: var(--cyan-600);
  margin-bottom: 8px;
}

.sklk-about .sklk-about-team-name {
  font-family: var(--font-serif);
  font-size: 22px;
  font-weight: 400;
  color: var(--indigo-800);
  margin: 0 0 12px;
  letter-spacing: -.01em;
}

.sklk-about .sklk-about-team-bio {
  font-size: 14px;
  color: var(--ink-500);
  line-height: 1.6;
  margin: 0;
}

/* CTA Bar */
.sklk-about .sklk-about-cta-wrap {
  padding: 80px 0;
}

.sklk-about .sklk-about-cta-bar {
  background: var(--indigo-800);
  border-radius: 24px;
  padding: 32px 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.sklk-about .sklk-about-cta-heading {
  font-family: var(--font-serif);
  font-size: 30px;
  font-weight: 400;
  color: #fff;
  margin: 0;
  letter-spacing: -.01em;
  max-width: 22ch;
  line-height: 1.25;
}

.sklk-about .sklk-about-cta-buttons {
  display: flex;
  gap: 12px;
  flex-shrink: 0;
}

/* ABOUT Responsive */
@media (max-width: 1024px) {
  .sklk-about .sklk-about-mission-grid { grid-template-columns: 1fr; }
  .sklk-about .sklk-about-cards-row   { grid-template-columns: 1fr; }
  .sklk-about .sklk-about-team-grid   { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
  .sklk-about .container { padding: 0 20px; }
  .sklk-about .sklk-about-hero { padding: 64px 0 48px; }
  .sklk-about .sklk-about-mission,
  .sklk-about .sklk-about-practice,
  .sklk-about .sklk-about-team { padding: 64px 0; }
  .sklk-about .sklk-about-team-card { flex-direction: column; }
  .sklk-about .sklk-about-team-card-photo { width: 100%; min-height: 220px; height: 220px; }
  .sklk-about .sklk-about-cta-bar { flex-direction: column; text-align: center; padding: 28px 24px; }
  .sklk-about .sklk-about-cta-heading { font-size: 24px; max-width: none; }
  .sklk-about .sklk-about-cta-buttons { flex-direction: column; width: 100%; }
  .sklk-about .sklk-about-cta-buttons .btn { justify-content: center; }
  .sklk-about .sklk-about-cta-wrap { padding: 48px 0; }
}


/* ============================================================
   CONTACT PAGE  (.sklk-contact)
   Source: pages/contact.html
   ============================================================ */

.sklk-contact {
  --indigo-800: #191654;
  --indigo-900: #0d0b2e;
  --cyan-700: #1f6b85;
  --cyan-600: #267f9e;
  --cyan-500: #2f9bc0;
  --cyan-400: #5ab2cf;
  --mint-500: #3bb594;
  --mint-200: #c9ead9;
  --ink-700: #2a2940;
  --ink-500: #5c5b72;
  --ink-400: #8988a0;
  --paper-50: #fafaf7;
  --paper-cool-50: #f7f8fb;
  --font-serif: "Fraunces", Georgia, serif;
  --font-humanist: "Figtree", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;
  --landing-maxw: 1280px;
  --r-sm: 6px;
  --r-md: 12px;
  --r-lg: 20px;
  --r-pill: 999px;
  --shadow-sm: 0 1px 2px rgba(14,13,31,.06), 0 1px 1px rgba(14,13,31,.04);
  --shadow-md: 0 10px 30px -12px rgba(14,13,31,.18), 0 2px 6px rgba(14,13,31,.06);
}
/* Greenshift phantom div — empty element that carries all dynamicGClasses.
   It has .sklk-contact + many other classes and is empty. Hide it so
   inherited styles (padding, background, grid) don't create space. */
div.sklk-contact.sklk-contact-hero.sklk-contact-grid:empty {
  display: none !important;
}

/* Hero */
.sklk-contact-hero {
  background-color: var(--paper-50);
  padding: 72px 0 48px;
}
.sklk-contact-hero-inner {
  max-width: var(--landing-maxw);
  margin: 0 auto;
  padding: 0 24px;
}
.sklk-contact-eyebrow {
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: var(--font-mono);
  font-size: 10.5px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .2em;
  color: var(--cyan-600);
  margin-bottom: 20px;
}
.sklk-contact-eyebrow-line {
  display: inline-block;
  width: 32px;
  height: 2px;
  background-color: var(--cyan-500);
  border-radius: 1px;
}
.sklk-contact-heading {
  font-family: var(--font-serif);
  font-size: clamp(40px, 5vw, 64px);
  font-weight: 400;
  color: var(--indigo-800);
  margin: 0 0 16px;
  line-height: 1.1;
}
.sklk-contact-lede {
  font-family: var(--font-humanist);
  font-size: 17px;
  line-height: 1.6;
  color: var(--ink-700);
  max-width: 48ch;
  margin: 0;
}

/* Contact Grid */
.sklk-contact-grid-section {
  background-color: var(--paper-50);
  padding: 0 0 96px;
}
.sklk-contact-grid-inner {
  max-width: var(--landing-maxw);
  margin: 0 auto;
  padding: 0 24px;
}
.sklk-contact-grid {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 32px;
}
.sklk-contact-cards {
  display: flex;
  flex-direction: column;
}
.sklk-contact-card {
  background-color: #ffffff;
  border: 1px solid rgba(25,22,84,.06);
  border-radius: 16px;
  padding: 24px;
  margin-bottom: 16px;
}
.sklk-contact-card-label {
  font-family: var(--font-mono);
  font-size: 10.5px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .18em;
  color: var(--cyan-600);
  margin: 0 0 12px;
}
.sklk-contact-card-title {
  font-family: var(--font-serif);
  font-size: 22px;
  font-weight: 400;
  color: var(--indigo-800);
  line-height: 1.2;
  margin: 0;
}
.sklk-contact-card-subtitle {
  font-family: var(--font-humanist);
  font-size: 14px;
  color: var(--ink-500);
  margin: 8px 0 0;
}
.sklk-contact-hours-row {
  display: flex;
  justify-content: space-between;
  font-family: var(--font-humanist);
  font-size: 15px;
  color: var(--indigo-800);
  font-weight: 500;
  margin-bottom: 8px;
}
.sklk-contact-hours-row-closed {
  display: flex;
  justify-content: space-between;
  font-family: var(--font-humanist);
  font-size: 15px;
  color: var(--ink-500);
  font-weight: 400;
}
.sklk-contact-phone {
  font-family: var(--font-serif);
  font-size: 22px;
  color: var(--indigo-800);
  letter-spacing: -.01em;
  margin: 0;
}
.sklk-contact-email {
  font-family: var(--font-humanist);
  font-size: 14px;
  color: var(--cyan-600);
  text-decoration: none;
  margin-top: 8px;
  display: inline-block;
}
.sklk-contact-email:hover {
  color: var(--cyan-700);
}
/* Form container — dark indigo
   Selector targets only the actual form wrapper, not the Greenshift
   phantom div that inherits all dynamicGClasses. */
.sklk-contact-grid .sklk-contact-form {
  background: linear-gradient(160deg, var(--indigo-800) 0%, var(--indigo-900) 100%);
  border: none;
  border-radius: 16px;
  padding: 28px 26px;
  color: #fff;
  display: flex;
  flex-direction: column;
}
/* Reset WPForms container padding inside dark form */
.sklk-contact-form .wpforms-container {
  margin: 0 !important;
  padding: 0 !important;
}

/* Form header */
.sklk-contact-form-eyebrow {
  font-family: var(--font-mono);
  font-size: 10.5px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .18em;
  color: var(--cyan-400);
  margin: 0 0 8px;
}
.sklk-contact-form .sklk-contact-form-heading {
  font-family: var(--font-serif);
  font-size: 22px;
  font-weight: 400;
  color: #fff;
  margin: 0 0 4px;
  line-height: 1.2;
}
.sklk-contact-form .sklk-contact-form-lede {
  font-family: var(--font-humanist);
  font-size: 13px;
  color: rgba(255,255,255,.5) !important;
  margin: 0 0 22px;
  line-height: 1.5;
}

/* Form fields — dark override */
.sklk-contact-form .wpforms-container .wpforms-form input[type="text"],
.sklk-contact-form .wpforms-container .wpforms-form input[type="email"],
.sklk-contact-form .wpforms-container .wpforms-form input[type="number"],
.sklk-contact-form .wpforms-container .wpforms-form input[type="tel"],
.sklk-contact-form .wpforms-container .wpforms-form textarea {
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 10px;
  padding: 13px 14px;
  font-family: var(--font-humanist);
  font-size: 14px;
  color: #fff !important;
}
.sklk-contact-form .wpforms-container .wpforms-form input::placeholder,
.sklk-contact-form .wpforms-container .wpforms-form textarea::placeholder {
  color: rgba(255,255,255,.35);
}
.sklk-contact-form .wpforms-container .wpforms-form input:focus,
.sklk-contact-form .wpforms-container .wpforms-form textarea:focus {
  border-color: rgba(255,255,255,.25);
  outline: none;
  box-shadow: 0 0 0 3px rgba(47,155,192,.2);
}

/* Hide labels (already hidden via wpforms-label-hide) */
.sklk-contact-form .wpforms-field-label {
  display: none;
}

/* Field spacing */
.sklk-contact-form .wpforms-field {
  margin-bottom: 10px !important;
  padding: 0 !important;
}
.sklk-contact-form .wpforms-field-container {
  padding: 0 !important;
}

/* Textarea min-height */
.sklk-contact-form .wpforms-field-textarea textarea {
  min-height: 90px;
  resize: vertical;
}

/* 2-column layout for email + phone */
.sklk-contact-form .wpforms-field-container {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
/* Name field spans both columns (it has its own internal 2-col layout) */
.sklk-contact-form #wpforms-6-field_0-container {
  grid-column: 1 / -1;
}
/* Message textarea spans both columns */
.sklk-contact-form #wpforms-6-field_2-container {
  grid-column: 1 / -1;
}
/* Email and Phone naturally fill one column each — no extra rules needed */

/* Submit button — full width on dark bg */
.sklk-contact-form .wpforms-submit-container {
  margin-top: 6px !important;
  padding: 0 !important;
}
.sklk-contact-form .wpforms-container .wpforms-form .wpforms-submit {
  width: 100% !important;
  padding: 14px 24px !important;
  font-size: 14px !important;
}

/* Map */
.sklk-contact-map-section {
  background-color: var(--paper-cool-50);
  padding: 64px 0;
}
.sklk-contact-map-inner {
  max-width: var(--landing-maxw);
  margin: 0 auto;
  padding: 0 24px;
}
.sklk-contact-map-wrap {
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid rgba(25,22,84,.06);
  min-height: 420px;
  position: relative;
}

/* Languages Strip */
.sklk-contact-lang-section {
  background-color: var(--mint-200);
  padding: 48px 0;
}
.sklk-contact-lang-inner {
  max-width: var(--landing-maxw);
  margin: 0 auto;
  padding: 0 24px;
}
.sklk-contact-lang-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: center;
}
.sklk-contact-lang-eyebrow {
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: var(--font-mono);
  font-size: 10.5px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .2em;
  color: var(--cyan-600);
  margin-bottom: 20px;
}
.sklk-contact-lang-heading {
  font-family: var(--font-serif);
  font-size: clamp(28px, 3.5vw, 44px);
  font-weight: 400;
  color: var(--indigo-800);
  line-height: 1.15;
  margin: 0;
}
.sklk-contact-lang-lede {
  font-family: var(--font-humanist);
  font-size: 16px;
  line-height: 1.6;
  color: var(--ink-700);
  margin: 0 0 24px;
}
.sklk-contact-lang-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.sklk-contact-lang-tag {
  background-color: #ffffff;
  border: 1px solid rgba(25,22,84,.1);
  border-radius: 999px;
  padding: 10px 16px;
  font-family: var(--font-humanist);
  font-size: 14px;
  font-weight: 600;
  color: var(--indigo-800);
  white-space: nowrap;
}

/* CTA Bar */
.sklk-contact-cta-section {
  background-color: var(--paper-50);
  padding: 64px 0;
}
.sklk-contact-cta-inner {
  max-width: var(--landing-maxw);
  margin: 0 auto;
  padding: 0 24px;
}
.sklk-contact-cta-bar {
  background-color: var(--cyan-500);
  border-radius: 24px;
  padding: 32px 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sklk-contact-cta-heading {
  font-family: var(--font-serif);
  font-size: 30px;
  font-weight: 400;
  color: #ffffff;
  margin: 0;
  line-height: 1.2;
}
.sklk-contact-cta-btn {
  display: inline-flex;
  align-items: center;
  padding: 14px 28px;
  font-family: var(--font-humanist);
  font-size: 15px;
  font-weight: 600;
  color: #ffffff;
  background-color: transparent;
  border: 1px solid #ffffff;
  border-radius: var(--r-pill);
  text-decoration: none;
  white-space: nowrap;
  transition: background-color .2s, color .2s;
}
.sklk-contact-cta-btn:hover {
  background-color: #ffffff;
  color: var(--cyan-500);
}

/* CONTACT Responsive */
@media (max-width: 1024px) {
  .sklk-contact-grid { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
  .sklk-contact-hero { padding: 48px 0 32px; }
  .sklk-contact-form .wpforms-field-container {
    grid-template-columns: 1fr;
  }
  .sklk-contact-form {
    padding: 24px 20px;
  }
  .sklk-contact-grid-section { padding: 0 0 64px; }
  .sklk-contact-map-section { padding: 40px 0; }
  .sklk-contact-lang-section { padding: 32px 0; }
  .sklk-contact-lang-grid { grid-template-columns: 1fr; gap: 24px; }
  .sklk-contact-cta-section { padding: 40px 0; }
  .sklk-contact-cta-bar {
    flex-direction: column;
    gap: 24px;
    text-align: center;
    padding: 28px 24px;
  }
}