/* BRAND TOKENS — C-Level Consultants — change colors/fonts here = whole site updates */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');
:root{
  --c-primary:#00adef; --c-primary-dark:#0099d4; --c-accent:#0b9444;
  --c-teal:#007ba7;
  --font-head:'Poppins',sans-serif; --font-body:'Poppins',sans-serif;
  --c-ink:#2c3e50; --c-ink-2:#4d4d4d; --c-paper:#fff; --c-tint:rgba(0,173,239,.13);
  --c-line:#e6e6e6; --c-light:#fff;
  --c-card-border:rgba(25,132,172,.66); --c-card-border-soft:rgba(170,172,177,.36);
  --btn-bg:var(--c-primary); --btn-text:#fff; --btn-bg-hover:var(--c-primary-dark);
  --space-section:90px; --gap:30px;
  --r-sm:7px; --r-md:12px; --r-lg:27px; --r-pill:500px;
  --shadow-1:0 2px 10px rgba(0,0,0,.06); --shadow-2:0 4px 34.5px rgba(33,144,255,.25);
  --fs-h1:clamp(30px,4.4vw,40px); --fs-h2:clamp(28px,3.4vw,35px);
  --fs-h3:clamp(18px,2.2vw,22px); --fs-body:15px;
}
@media all and (max-width:640px){ :root{ --space-section:56px; --gap:18px; } }
.is-wrapper h1,.is-wrapper h2,.is-wrapper h3,.is-wrapper h4,.is-wrapper h5{
  font-family:var(--font-head); color:var(--c-ink); text-wrap:balance; }
.is-wrapper p,.is-wrapper li{ font-family:var(--font-body);  }

/* ===== APPEND MARKER — C-Level Consultants ===== */

/* --- shared type / helpers --- */
.clc-h2{ font-family:var(--font-head); font-weight:600; font-size:var(--fs-h2); line-height:1.3; color:var(--c-ink); text-transform:capitalize; text-wrap:balance; margin:0; }
.clc-h3{ font-family:var(--font-head); font-weight:600; font-size:var(--fs-h3); line-height:1.3; color:var(--c-ink); text-transform:capitalize; margin:0; }
.clc-p{ font-family:var(--font-body); font-weight:400; font-size:var(--fs-body); line-height:1.73; color:var(--c-ink-2); margin:0 0 14px; }
.clc-p:last-child{ margin-bottom:0; }
.clc-center{ text-align:center; }
.clc-ink{ color:var(--c-ink); }
.clc-on-teal{ color:var(--c-light); }
.clc-lead{ font-size:20px; line-height:1.5; }
.clc-narrow{ max-width:950px; margin-left:auto; margin-right:auto; }
.clc-measure{ max-width:680px; }
.clc-mb-sm{ margin-bottom:16px; }
.clc-mb-md{ margin-bottom:24px; }
.clc-mb-lg{ margin-bottom:48px; }
.clc-mt-md{ margin-top:32px; }
.clc-mt-lg{ margin-top:48px; }

/* --- buttons --- */
.is-wrapper .clc-btn{
  display:inline-block; background:var(--btn-bg); color:var(--btn-text);
  font-family:var(--font-head); font-weight:500; font-size:14px; letter-spacing:.5px;
  text-transform:uppercase; padding:14px 32px; border:0; border-radius:0;
  text-decoration:none; transition:background .2s ease; }
.is-wrapper .clc-btn:hover{ background:var(--btn-bg-hover); color:var(--btn-text); }
.clc-btn-wide{ padding-left:40px; padding-right:40px; }

/* --- wrapper-scoped section backgrounds --- */
.is-wrapper > .clc-sec-tint, .is-wrapper .clc-sec-tint{ background:var(--c-tint); padding:var(--space-section) 0; }
.is-wrapper > .clc-sec-teal, .is-wrapper .clc-sec-teal{ background:var(--c-teal); padding:var(--space-section) 0; }
.is-wrapper > .clc-closing-sec, .is-wrapper .clc-closing-sec{ background:var(--c-paper); padding:var(--space-section) 0; }

/* --- card cell padding (keeps Foundation width math correct) --- */
.clc-card-cell{ padding-top:15px; padding-bottom:15px; }

/* ===== HERO ===== */
.clc-hero-img{ width:100%; height:100%; min-height:560px; object-fit:cover; display:block; }
.clc-hero-overlay{ position:absolute; inset:0;
  background:linear-gradient(162deg,#e6f5ff 20%,rgba(255,255,255,.85) 31%,#f1fffb 44%,#d1e9ff 63%,#effffd 88%,#fff 98%);
  opacity:.94; }
.clc-hero-inner{ max-width:620px; padding:40px 0; }
.clc-badge{ display:inline-block; background:#000; color:#fff; font-family:var(--font-head);
  font-weight:500; font-size:16px; padding:6px 16px; border-radius:9px; margin-bottom:22px; }
.clc-hero-h1{ font-family:var(--font-head); font-weight:600; font-size:var(--fs-h1);
  line-height:1.2; color:var(--c-ink); text-transform:capitalize; margin:0 0 20px; text-wrap:balance; }
.clc-hero-p{ font-family:var(--font-body); font-size:16px; line-height:1.7; color:var(--c-ink-2); margin:0 0 16px; }
.clc-hero-cta{ margin-top:12px; }

/* ===== LOGO STRIP ===== */
.is-wrapper .clc-logostrip{ background:var(--c-teal); border-radius:var(--r-sm);
  display:flex; flex-wrap:wrap; align-items:center; justify-content:center;
  gap:16px; padding:26px 20px; }
.clc-logo-tile{ background:#fff; border-radius:var(--r-sm); width:76px; height:76px;
  display:flex; align-items:center; justify-content:center; padding:12px; flex:0 0 auto; }
.clc-logo-tile img{ max-width:100%; max-height:100%; object-fit:contain; }

/* ===== AUTHORIZED PARTNER ===== */
.clc-partner-copy .clc-h2{ margin-bottom:20px; }
.clc-partner-copy .clc-p{ line-height:1.9; font-size:16px; }
.clc-partner-img{ display:flex; align-items:center; justify-content:center; height:228px; }
.clc-partner-img img{ max-width:420px; width:100%; height:auto; object-fit:contain; }

/* ===== WHO WE WORK WITH ===== */
.clc-audience-card{ background:#fff; border:2px solid var(--c-card-border);
  border-radius:var(--r-md); box-shadow:var(--shadow-2); padding:32px 24px;
  display:flex; flex-direction:column; align-items:center; text-align:center; gap:16px; height:100%; }
.clc-audience-icon{ display:flex; align-items:center; justify-content:center; height:50px; }
.clc-audience-icon img{ max-width:100%; max-height:100%; object-fit:contain; }
.clc-audience-rule{ width:48px; height:1.5px; background:var(--c-primary); }

/* ===== OUR APPROACH ===== */
.clc-approach-list{ list-style:none; margin:32px 0 0; padding:0; display:flex; flex-direction:column; gap:20px; }
.clc-approach-list li{ display:flex; gap:12px; align-items:flex-start; }
.clc-check{ flex:0 0 auto; margin-top:2px; color:var(--c-ink); font-size:16px; line-height:1; }
.clc-approach-txt{ display:flex; flex-direction:column; gap:4px; }
.clc-approach-t{ font-family:var(--font-head); font-weight:600; font-size:15px; color:var(--c-ink); }
.clc-approach-img img{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:8px; box-shadow:var(--shadow-1); display:block; }

/* ===== WHAT WE IMPLEMENT ===== */
.clc-impl-card{ background:#fff; border:2px solid var(--c-card-border-soft);
  border-radius:var(--r-md); box-shadow:var(--shadow-2); overflow:hidden;
  display:flex; flex-direction:column; height:100%; }
.clc-impl-img{ width:100%; height:180px; }
.clc-impl-img img{ width:100%; height:100%; object-fit:cover; display:block; }
.clc-impl-body{ padding:20px; display:flex; flex-direction:column; gap:12px; border-top:1px solid rgba(0,0,0,.08); }
.clc-impl-logo{ height:32px; width:auto; object-fit:contain; object-position:left; }
.clc-impl-body .clc-p{ font-size:14px; }

/* ===== IS THIS YOU ===== */
.clc-you-card{ background:#fff; border:2px solid var(--c-card-border);
  border-radius:var(--r-md); box-shadow:var(--shadow-2); padding:32px 24px;
  display:flex; flex-direction:column; align-items:center; text-align:center; gap:16px; height:100%; }
.clc-you-icon{ width:48px; height:48px; border-radius:50%; background:var(--c-teal);
  display:flex; align-items:center; justify-content:center; color:#fff; font-size:22px; flex:0 0 auto; }

/* ===== WHAT MAKES THIS DIFFERENT ===== */
.clc-diff-card{ background:var(--c-teal); border:2px solid var(--c-card-border);
  border-radius:var(--r-md); box-shadow:var(--shadow-2); padding:32px 24px;
  display:flex; flex-direction:column; gap:16px; height:100%; }
.clc-diff-icon{ width:56px; height:56px; display:flex; align-items:center; color:#fff; font-size:44px; }
.clc-diff-card .clc-h3{ margin-bottom:2px; }

/* ===== HOW IT WORKS ===== */
.clc-step-card{ background:#fff; border:2px solid var(--c-card-border);
  border-radius:var(--r-md); box-shadow:var(--shadow-2); overflow:hidden; height:100%; }
.clc-step-head{ display:flex; align-items:center; gap:20px; padding:24px 24px 0; }
.clc-step-badge{ background:var(--c-accent); color:#fff; font-family:var(--font-head);
  font-weight:600; font-size:16px; padding:8px 16px; border-radius:10px; flex:0 0 auto; }
.clc-step-ico{ width:45px; height:45px; flex:0 0 auto; }
.clc-step-ico img{ width:100%; height:100%; object-fit:cover; }
.clc-step-body{ padding:20px 24px 24px; }
.clc-step-body .clc-h3{ margin-bottom:12px; }

/* ===== OUTCOME QUOTE ===== */
.clc-quote-card{ background:var(--c-teal); border-radius:var(--r-lg); padding:56px 48px; text-align:center; }
.clc-quote-txt{ font-size:18px; line-height:2; max-width:900px; margin-left:auto; margin-right:auto; }

/* ===== CLOSING CTA ===== */
.clc-closing-inner{ max-width:900px; margin:0 auto; text-align:center;
  display:flex; flex-direction:column; align-items:center; gap:18px; }
.clc-closing-txt{ font-size:18px; line-height:2.1; }

/* ===== RESPONSIVE ===== */
@media all and (max-width:1024px){
  .clc-quote-card{ padding:44px 32px; }
  .clc-hero-inner{ max-width:100%; }
}
@media all and (max-width:640px){
  .clc-hero-img{ min-height:460px; }
  .clc-quote-card{ padding:36px 22px; }
  .clc-closing-txt{ font-size:16px; }
  .clc-lead{ font-size:18px; }
}