/* =========================================================================
   Continental Kinetic — Design System
   Mirrors the source palette:
   red #D62436 · navy #0F1729 · light #F1F5F9 · whatsapp #25D366
   Fonts: Manrope (headings/800), Inter (body)
   ========================================================================= */

:root {
  --ck-red: #D62436;
  --ck-red-dark: #b41d2c;
  --ck-navy: #0F1729;
  --ck-navy-2: #131c33;
  --ck-navy-3: #1b2640;
  --ck-light: #F1F5F9;
  --ck-light-40: rgba(241, 245, 249, 0.4);
  --ck-text: #0F1729;
  --ck-muted: #5b667c;
  --ck-muted-dark: #9aa6bd;
  --ck-border: #e5e9f0;
  --ck-border-dark: #262f45;
  --ck-white: #ffffff;
  --ck-whatsapp: #25D366;

  --ck-radius: 8px;
  --ck-radius-lg: 14px;
  --ck-shadow: 0 10px 15px -3px rgba(0,0,0,.08), 0 4px 6px -2px rgba(0,0,0,.05);
  --ck-shadow-lg: 0 24px 48px -12px rgba(15,23,41,.18);
  --ck-container: 1200px;
  --ck-font-head: "Manrope", ui-sans-serif, system-ui, sans-serif;
  --ck-font-body: "Inter", ui-sans-serif, system-ui, sans-serif;
}

/* ---------- Base ---------- */
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: var(--ck-font-body);
  color: var(--ck-text);
  background: var(--ck-white);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; height: auto; display: block; }
a { color: var(--ck-red); text-decoration: none; transition: color .2s ease; }
a:hover { color: var(--ck-red-dark); }
h1, h2, h3, h4, h5, h6 { font-family: var(--ck-font-head); font-weight: 800; line-height: 1.1; color: var(--ck-navy); margin: 0 0 .5em; }

.ck-container { max-width: var(--ck-container); margin: 0 auto; padding: 0 24px; }
.ck-section { padding: 96px 0; }
.ck-section--tight { padding: 64px 0; }
.ck-section--dark { background: var(--ck-navy); color: #cfd6e4; }
.ck-section--dark h1, .ck-section--dark h2, .ck-section--dark h3 { color: #fff; }
.ck-section--light { background: var(--ck-light-40); }

.ck-eyebrow {
  display: inline-flex; align-items: center; gap: 10px;
  font-family: var(--ck-font-head); font-weight: 800; letter-spacing: .18em;
  text-transform: uppercase; font-size: 13px; color: var(--ck-red); margin-bottom: 18px;
}
.ck-eyebrow::before { content: ""; width: 28px; height: 2px; background: var(--ck-red); display: inline-block; }
.ck-section-title { font-size: clamp(28px, 4vw, 44px); max-width: 760px; }
.ck-section-intro { color: var(--ck-muted); max-width: 620px; font-size: 17px; }
.ck-section--dark .ck-section-intro { color: var(--ck-muted-dark); }
.ck-text-center { text-align: center; }
.ck-text-center .ck-eyebrow,
.ck-text-center .ck-section-title,
.ck-text-center .ck-section-intro { margin-left: auto; margin-right: auto; }

/* ---------- Buttons ---------- */
.ck-btn {
  display: inline-flex; align-items: center; gap: 10px;
  font-family: var(--ck-font-head); font-weight: 700; font-size: 15px;
  padding: 15px 28px; border-radius: var(--ck-radius); border: 2px solid transparent;
  cursor: pointer; transition: all .2s ease; line-height: 1;
}
.ck-btn--primary { background: var(--ck-red); color: #fff; }
.ck-btn--primary:hover { background: var(--ck-red-dark); color: #fff; transform: translateY(-2px); }
.ck-btn--outline { background: transparent; color: #fff; border-color: rgba(255,255,255,.35); }
.ck-btn--outline:hover { border-color: #fff; color: #fff; background: rgba(255,255,255,.06); }
.ck-btn--dark { background: var(--ck-navy); color: #fff; }
.ck-btn--dark:hover { background: var(--ck-navy-3); color: #fff; }
.ck-btn--whatsapp { background: var(--ck-whatsapp); color: #fff; }
.ck-btn--whatsapp:hover { background: #1fb457; color: #fff; }

/* ---------- Header ---------- */
.ck-header {
  position: sticky; top: 0; z-index: 999;
  background: rgba(15,23,41,.92); backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--ck-border-dark);
}
.ck-header__inner { display: flex; align-items: center; justify-content: space-between; height: 74px; }
.ck-brand { display: flex; align-items: center; gap: 12px; color: #fff; font-family: var(--ck-font-head); }
.ck-brand:hover { color: #fff; }
.ck-brand__mark {
  width: 40px; height: 40px; border-radius: 9px; background: var(--ck-red);
  display: grid; place-items: center; color: #fff; flex: none;
}
.ck-brand__mark svg { width: 22px; height: 22px; }
.ck-brand__name { font-weight: 800; font-size: 17px; letter-spacing: .04em; line-height: 1; }
.ck-brand__sub { font-size: 10px; letter-spacing: .28em; color: var(--ck-muted-dark); text-transform: uppercase; }

.ck-nav { display: flex; align-items: center; gap: 4px; }
.ck-nav ul { list-style: none; display: flex; gap: 2px; margin: 0; padding: 0; }
.ck-nav a { color: #d6dce9; font-family: var(--ck-font-head); font-weight: 600; font-size: 15px; padding: 10px 14px; border-radius: 6px; }
.ck-nav a:hover, .ck-nav .current-menu-item > a { color: #fff; background: rgba(255,255,255,.06); }
.ck-header__actions { display: flex; align-items: center; gap: 14px; }

.ck-menu-toggle { display: none; background: none; border: 0; color: #fff; cursor: pointer; padding: 8px; }
.ck-menu-toggle svg { width: 26px; height: 26px; }

/* ---------- Hero ---------- */
.ck-hero {
  position: relative; background: var(--ck-navy); color: #fff; overflow: hidden;
  padding: 120px 0 96px;
}
.ck-hero::before {
  content: ""; position: absolute; inset: 0;
  background:
    radial-gradient(600px circle at 78% 30%, rgba(214,36,54,.30), transparent 60%),
    radial-gradient(500px circle at 10% 90%, rgba(214,36,54,.12), transparent 55%);
  pointer-events: none;
}
.ck-hero .ck-container { position: relative; z-index: 1; }
.ck-hero__title { font-size: clamp(40px, 6.5vw, 76px); line-height: 1.02; margin-bottom: 24px; color: #fff; }
.ck-hero__title .ck-accent { color: var(--ck-red); display: block; }
.ck-hero__lead { font-size: 19px; color: #c4ccdb; max-width: 560px; margin-bottom: 36px; }
.ck-hero__actions { display: flex; flex-wrap: wrap; gap: 16px; margin-bottom: 56px; }
.ck-hero__chips { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; max-width: 900px; }
.ck-chip {
  display: flex; align-items: center; gap: 10px; padding: 16px 18px;
  background: rgba(255,255,255,.04); border: 1px solid var(--ck-border-dark);
  border-radius: var(--ck-radius); font-size: 14px; font-weight: 600; color: #e7ebf3;
}
.ck-chip svg { width: 18px; height: 18px; color: var(--ck-red); flex: none; }

/* hero / page-hero with a background photo */
.ck-hero--img, .ck-pagehero--img { background-size: cover; background-position: center; }
.ck-hero--img::before { background:
  linear-gradient(115deg, rgba(15,23,41,.95) 0%, rgba(15,23,41,.80) 55%, rgba(15,23,41,.55) 100%),
  radial-gradient(600px circle at 82% 25%, rgba(214,36,54,.36), transparent 60%); }
.ck-pagehero--img::before { background:
  linear-gradient(115deg, rgba(15,23,41,.93) 0%, rgba(15,23,41,.74) 60%, rgba(15,23,41,.55) 100%),
  radial-gradient(600px circle at 85% 20%, rgba(214,36,54,.30), transparent 60%); }

/* ---------- Page hero (interior) ---------- */
.ck-pagehero { background: var(--ck-navy); color: #fff; padding: 96px 0 72px; position: relative; overflow: hidden; }
.ck-pagehero::before {
  content: ""; position: absolute; inset: 0;
  background: radial-gradient(600px circle at 85% 20%, rgba(214,36,54,.22), transparent 60%);
}
.ck-pagehero .ck-container { position: relative; z-index: 1; }
.ck-pagehero__title { font-size: clamp(32px, 5vw, 56px); max-width: 820px; color: #fff; }
.ck-pagehero__lead { color: #c4ccdb; max-width: 620px; font-size: 18px; }
.ck-breadcrumb { color: var(--ck-muted-dark); font-size: 14px; margin-top: 26px; }
.ck-breadcrumb a { color: var(--ck-muted-dark); }
.ck-breadcrumb a:hover { color: #fff; }
.ck-breadcrumb .sep { margin: 0 8px; }

/* ---------- Grid helpers ---------- */
.ck-grid { display: grid; gap: 24px; }
.ck-grid--2 { grid-template-columns: repeat(2, 1fr); }
.ck-grid--3 { grid-template-columns: repeat(3, 1fr); }
.ck-grid--4 { grid-template-columns: repeat(4, 1fr); }

/* ---------- Cards ---------- */
.ck-card {
  background: #fff; border: 1px solid var(--ck-border); border-radius: var(--ck-radius);
  padding: 30px; box-shadow: var(--ck-shadow); transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  height: 100%;
}
.ck-card:hover { transform: translateY(-4px); box-shadow: var(--ck-shadow-lg); border-color: #d7dded; }
.ck-card__icon {
  width: 52px; height: 52px; border-radius: 10px; background: rgba(214,36,54,.10);
  color: var(--ck-red); display: grid; place-items: center; margin-bottom: 18px;
}
.ck-card__icon svg { width: 26px; height: 26px; }
.ck-card__title { font-size: 20px; margin-bottom: 10px; }
.ck-card__text { color: var(--ck-muted); font-size: 15px; margin: 0; }
.ck-card__tag {
  display: inline-block; font-family: var(--ck-font-head); font-weight: 800; letter-spacing: .12em;
  font-size: 11px; text-transform: uppercase; color: var(--ck-red); margin-bottom: 12px;
}

/* dark card variant */
.ck-section--dark .ck-card { background: var(--ck-navy-2); border-color: var(--ck-border-dark); }
.ck-section--dark .ck-card:hover { border-color: var(--ck-red); }
.ck-section--dark .ck-card__title { color: #fff; }
.ck-section--dark .ck-card__text { color: var(--ck-muted-dark); }

/* ---------- Feature (compact) ---------- */
.ck-feature { display: flex; gap: 16px; }
.ck-feature__icon { width: 46px; height: 46px; border-radius: 10px; background: rgba(214,36,54,.10); color: var(--ck-red); display: grid; place-items: center; flex: none; }
.ck-feature__icon svg { width: 22px; height: 22px; }
.ck-feature__title { font-size: 17px; margin-bottom: 6px; }
.ck-feature__text { color: var(--ck-muted); font-size: 14px; margin: 0; }
.ck-section--dark .ck-feature__title { color: #fff; }
.ck-section--dark .ck-feature__text { color: var(--ck-muted-dark); }

/* ---------- Stats ---------- */
.ck-stat { text-align: center; }
.ck-stat__num { font-family: var(--ck-font-head); font-weight: 800; font-size: 56px; color: var(--ck-red); line-height: 1; }
.ck-stat__label { color: var(--ck-muted); font-size: 15px; margin-top: 8px; }
.ck-section--dark .ck-stat__label { color: var(--ck-muted-dark); }
.ck-stat-badge {
  display: inline-flex; flex-direction: column; align-items: center; gap: 4px;
  background: var(--ck-red); color: #fff; border-radius: var(--ck-radius-lg); padding: 26px 40px;
}
.ck-stat-badge .n { font-family: var(--ck-font-head); font-weight: 800; font-size: 44px; line-height: 1; }
.ck-stat-badge .l { font-size: 14px; opacity: .92; }

/* ---------- Process steps ---------- */
.ck-steps { display: grid; gap: 20px; grid-template-columns: repeat(5, 1fr); }
.ck-step { background: var(--ck-navy-2); border: 1px solid var(--ck-border-dark); border-radius: var(--ck-radius); padding: 26px; }
.ck-step__num { font-family: var(--ck-font-head); font-weight: 800; font-size: 30px; color: var(--ck-red); margin-bottom: 12px; }
.ck-step__title { color: #fff; font-size: 18px; margin-bottom: 8px; }
.ck-step__text { color: var(--ck-muted-dark); font-size: 14px; margin: 0; }

/* ---------- CTA banner ---------- */
.ck-cta { background: var(--ck-navy); color: #fff; text-align: center; padding: 88px 0; position: relative; overflow: hidden; }
.ck-cta::before { content:""; position:absolute; inset:0; background: radial-gradient(700px circle at 50% 120%, rgba(214,36,54,.28), transparent 60%); }
.ck-cta .ck-container { position: relative; z-index: 1; }
.ck-cta__title { font-size: clamp(28px, 4vw, 44px); margin-bottom: 18px; color: #fff; }
.ck-cta__text { color: #c4ccdb; max-width: 640px; margin: 0 auto 32px; font-size: 18px; }

/* ---------- Partners ---------- */
.ck-partners { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; align-items: stretch; }
.ck-partner {
  display: grid; place-items: center; padding: 28px 20px; background: #fff;
  border: 1px solid var(--ck-border); border-radius: var(--ck-radius); min-height: 120px;
  transition: all .25s ease; text-align: center;
}
.ck-partner:hover { border-color: var(--ck-red); box-shadow: var(--ck-shadow); }
.ck-partner img { max-height: 54px; width: auto; transition: transform .25s ease; }
.ck-partner:hover img { transform: scale(1.04); }
.ck-partner__name { font-family: var(--ck-font-head); font-weight: 700; color: var(--ck-navy); font-size: 15px; }
.ck-partner__cat { font-size: 12px; color: var(--ck-muted); margin-top: 4px; }

/* ---------- Photo card (services, fleet categories) ---------- */
.ck-photocard { background: #fff; border: 1px solid var(--ck-border); border-radius: var(--ck-radius); overflow: hidden; box-shadow: var(--ck-shadow); height: 100%; display: flex; flex-direction: column; transition: transform .25s ease, box-shadow .25s ease; }
.ck-photocard:hover { transform: translateY(-4px); box-shadow: var(--ck-shadow-lg); }
.ck-photocard__img { aspect-ratio: 16/10; overflow: hidden; background: var(--ck-navy); }
.ck-photocard__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.ck-photocard:hover .ck-photocard__img img { transform: scale(1.06); }
.ck-photocard__body { padding: 24px 26px 28px; flex: 1; display: flex; flex-direction: column; }
.ck-photocard__body .ck-card__title { margin-bottom: 10px; }
.ck-photocard__ph { width: 100%; height: 100%; display: grid; place-items: center; color: #465575; background: linear-gradient(135deg,#1b2640,#0f1729); }
.ck-photocard__ph svg { width: 56px; height: 56px; }

/* ---------- Contact map ---------- */
.ck-map { border: 1px solid var(--ck-border); border-radius: var(--ck-radius-lg); overflow: hidden; box-shadow: var(--ck-shadow); margin-top: 28px; }
.ck-map iframe { display: block; width: 100%; height: 320px; border: 0; }
.ck-map__label { display: flex; align-items: center; gap: 8px; padding: 12px 18px; background: var(--ck-navy); color: #fff; font-family: var(--ck-font-head); font-weight: 700; font-size: 14px; }
.ck-map__label svg { width: 17px; height: 17px; color: var(--ck-red); }

/* ---------- Team ---------- */
.ck-team-card { background:#fff; border:1px solid var(--ck-border); border-radius: var(--ck-radius-lg); overflow:hidden; box-shadow: var(--ck-shadow); transition: transform .25s ease, box-shadow .25s ease; height:100%; }
.ck-team-card:hover { transform: translateY(-4px); box-shadow: var(--ck-shadow-lg); }
.ck-team-card__photo { aspect-ratio: 4/5; background: var(--ck-light); position: relative; overflow: hidden; }
.ck-team-card__photo img { width: 100%; height: 100%; object-fit: cover; }
.ck-team-card__ph { width:100%; height:100%; display:grid; place-items:center; background: linear-gradient(135deg,#1b2640,#0f1729); color:#fff; font-family:var(--ck-font-head); font-weight:800; font-size:46px; }
.ck-team-card__body { padding: 22px 24px 26px; }
.ck-team-card__name { font-size: 19px; margin-bottom: 4px; }
.ck-team-card__role { color: var(--ck-red); font-family: var(--ck-font-head); font-weight: 700; font-size: 13px; text-transform: uppercase; letter-spacing: .08em; }
.ck-team-card__bio { color: var(--ck-muted); font-size: 14px; margin: 12px 0 0; }
.ck-team-card__social { display:flex; gap:10px; margin-top:16px; }
.ck-team-card__social a { width:34px; height:34px; border-radius:8px; background: var(--ck-light); color: var(--ck-navy); display:grid; place-items:center; }
.ck-team-card__social a:hover { background: var(--ck-red); color:#fff; }
.ck-team-card__social svg { width:16px; height:16px; }

/* ---------- Fleet live ---------- */
.ck-fleet-live__bar {
  display:flex; flex-wrap:wrap; align-items:center; gap:16px; justify-content:space-between;
  background: var(--ck-navy-2); border:1px solid var(--ck-border-dark); border-radius: var(--ck-radius);
  padding:16px 22px; margin-bottom: 28px; color:#fff;
}
.ck-live-dot { display:inline-flex; align-items:center; gap:8px; font-family:var(--ck-font-head); font-weight:700; font-size:14px; }
.ck-live-dot .dot { width:10px; height:10px; border-radius:50%; background: var(--ck-whatsapp); box-shadow:0 0 0 0 rgba(37,211,102,.6); animation: ck-pulse 2s infinite; }
@keyframes ck-pulse { 0%{box-shadow:0 0 0 0 rgba(37,211,102,.55)} 70%{box-shadow:0 0 0 10px rgba(37,211,102,0)} 100%{box-shadow:0 0 0 0 rgba(37,211,102,0)} }
.ck-fleet-live__meta { color: var(--ck-muted-dark); font-size:13px; }

.ck-vehicle {
  background:#fff; border:1px solid var(--ck-border); border-radius: var(--ck-radius); overflow:hidden;
  box-shadow: var(--ck-shadow); height:100%; display:flex; flex-direction:column;
}
.ck-vehicle__media { aspect-ratio: 16/10; background: var(--ck-navy); position:relative; overflow:hidden; }
.ck-vehicle__media img { width:100%; height:100%; object-fit:cover; }
.ck-vehicle__media .ck-vehicle__ph { width:100%; height:100%; display:grid; place-items:center; color:#465575; }
.ck-vehicle__ph { width:100%; height:100%; display:grid; place-items:center; background:linear-gradient(135deg,#1b2640,#0f1729); color:#465575; }
.ck-vehicle__ph svg { width:64px; height:64px; }
.ck-status {
  position:absolute; top:12px; left:12px; display:inline-flex; align-items:center; gap:7px;
  font-family: var(--ck-font-head); font-weight:700; font-size:12px; text-transform:uppercase; letter-spacing:.05em;
  padding:6px 12px; border-radius:999px; color:#fff; backdrop-filter: blur(4px);
}
.ck-status .dot { width:8px; height:8px; border-radius:50%; background:currentColor; }
.ck-status--on-route { background: rgba(37,211,102,.16); color:#25D366; }
.ck-status--available { background: rgba(59,130,246,.18); color:#5aa0ff; }
.ck-status--loading { background: rgba(245,158,11,.18); color:#f5a623; }
.ck-status--maintenance { background: rgba(214,36,54,.18); color:#ff5b6b; }
.ck-status--offline { background: rgba(148,163,184,.2); color:#cbd5e1; }
.ck-vehicle__body { padding: 20px 22px 24px; flex:1; display:flex; flex-direction:column; }
.ck-vehicle__type { font-family:var(--ck-font-head); font-weight:800; font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--ck-red); margin-bottom:8px; }
.ck-vehicle__name { font-size:19px; margin-bottom:14px; }
.ck-vehicle__rows { display:grid; gap:9px; margin-top:auto; }
.ck-vehicle__row { display:flex; align-items:center; gap:10px; font-size:14px; color:var(--ck-muted); }
.ck-vehicle__row svg { width:16px; height:16px; color:var(--ck-red); flex:none; }
.ck-vehicle__row strong { color: var(--ck-navy); font-weight:600; }
.ck-vehicle__progress { height:6px; border-radius:999px; background:var(--ck-light); overflow:hidden; margin-top:14px; }
.ck-vehicle__progress span { display:block; height:100%; background: var(--ck-red); border-radius:999px; }

/* ---------- Training / Blog ---------- */
.ck-post {
  background:#fff; border:1px solid var(--ck-border); border-radius: var(--ck-radius); overflow:hidden;
  box-shadow: var(--ck-shadow); height:100%; display:flex; flex-direction:column; transition: transform .25s ease, box-shadow .25s ease;
}
.ck-post:hover { transform: translateY(-4px); box-shadow: var(--ck-shadow-lg); }
.ck-post__media { aspect-ratio:16/9; background: var(--ck-light); overflow:hidden; position:relative; }
.ck-post__media img { width:100%; height:100%; object-fit:cover; }
.ck-post__ph { width:100%; height:100%; display:grid; place-items:center; background:linear-gradient(135deg,#1b2640,#0f1729); color:#465575; }
.ck-post__badge { position:absolute; top:12px; left:12px; background:var(--ck-red); color:#fff; font-family:var(--ck-font-head); font-weight:700; font-size:11px; text-transform:uppercase; letter-spacing:.06em; padding:5px 11px; border-radius:6px; }
.ck-post__body { padding: 22px 24px 26px; flex:1; display:flex; flex-direction:column; }
.ck-post__meta { display:flex; flex-wrap:wrap; gap:14px; color:var(--ck-muted); font-size:13px; margin-bottom:12px; }
.ck-post__meta span { display:inline-flex; align-items:center; gap:6px; }
.ck-post__meta svg { width:14px; height:14px; color:var(--ck-red); }
.ck-post__title { font-size:20px; margin-bottom:10px; }
.ck-post__title a { color: var(--ck-navy); }
.ck-post__title a:hover { color: var(--ck-red); }
.ck-post__excerpt { color:var(--ck-muted); font-size:14px; margin:0 0 18px; }
.ck-post__more { margin-top:auto; font-family:var(--ck-font-head); font-weight:700; font-size:14px; display:inline-flex; align-items:center; gap:8px; }

/* ---------- Two column (about) ---------- */
.ck-split { display:grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items:center; }
.ck-split__media { border-radius: var(--ck-radius-lg); overflow:hidden; box-shadow: var(--ck-shadow-lg); background: var(--ck-navy); aspect-ratio: 4/3; }
.ck-split__media img { width:100%; height:100%; object-fit:cover; }
.ck-split__media .ck-vehicle__ph { border-radius:0; }

/* ---------- Contact ---------- */
.ck-contact { display:grid; grid-template-columns: 1.4fr 1fr; gap: 48px; }
.ck-form { background:#fff; border:1px solid var(--ck-border); border-radius: var(--ck-radius-lg); padding: 36px; box-shadow: var(--ck-shadow); }
.ck-field { margin-bottom: 18px; }
.ck-field label { display:block; font-family:var(--ck-font-head); font-weight:600; font-size:14px; margin-bottom:7px; color: var(--ck-navy); }
.ck-field input, .ck-field select, .ck-field textarea {
  width:100%; padding:13px 15px; border:1px solid var(--ck-border); border-radius: var(--ck-radius);
  font-family: var(--ck-font-body); font-size:15px; color:var(--ck-text); background:#fff; transition:border-color .2s ease;
}
.ck-field input:focus, .ck-field select:focus, .ck-field textarea:focus { outline:none; border-color: var(--ck-red); box-shadow:0 0 0 3px rgba(214,36,54,.12); }
.ck-field textarea { min-height:130px; resize:vertical; }
.ck-field--row { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.ck-contact__info { display:grid; gap:20px; align-content:start; }
.ck-info-item { display:flex; gap:14px; }
.ck-info-item__icon { width:46px; height:46px; border-radius:10px; background:rgba(214,36,54,.1); color:var(--ck-red); display:grid; place-items:center; flex:none; }
.ck-info-item__icon svg { width:22px; height:22px; }
.ck-info-item__label { font-family:var(--ck-font-head); font-weight:800; font-size:12px; letter-spacing:.1em; text-transform:uppercase; color:var(--ck-muted); }
.ck-info-item__value { color:var(--ck-navy); font-weight:600; }

/* ---------- Footer ---------- */
.ck-footer { background: var(--ck-navy); color:#aeb7c9; padding: 72px 0 0; border-top:1px solid var(--ck-border-dark); }
.ck-footer__grid { display:grid; grid-template-columns: 1.6fr 1fr 1fr 1.2fr; gap: 40px; padding-bottom: 48px; }
.ck-footer__about { max-width: 340px; font-size:14px; }
.ck-footer .ck-brand { margin-bottom:18px; }
.ck-footer h4 { color:#fff; font-size:16px; margin-bottom:18px; }
.ck-footer ul { list-style:none; margin:0; padding:0; display:grid; gap:11px; }
.ck-footer ul a { color:#aeb7c9; font-size:14px; }
.ck-footer ul a:hover { color:#fff; }
.ck-footer__contact li { display:flex; gap:10px; align-items:flex-start; font-size:14px; }
.ck-footer__contact svg { width:17px; height:17px; color:var(--ck-red); flex:none; margin-top:2px; }
.ck-footer__bottom { border-top:1px solid var(--ck-border-dark); padding: 22px 0; display:flex; flex-wrap:wrap; justify-content:space-between; gap:14px; font-size:13px; }
.ck-footer__bottom a { color:#aeb7c9; margin-left:20px; }
.ck-footer__bottom a:hover { color:#fff; }

/* ---------- Floating WhatsApp ---------- */
.ck-whatsapp-float {
  position: fixed; right: 22px; bottom: 22px; z-index: 900;
  display:inline-flex; align-items:center; gap:10px; background: var(--ck-whatsapp); color:#fff;
  padding: 13px 18px; border-radius: 999px; font-family:var(--ck-font-head); font-weight:700; font-size:14px;
  box-shadow: 0 12px 24px rgba(37,211,102,.35);
}
.ck-whatsapp-float:hover { color:#fff; transform: translateY(-2px); }
.ck-whatsapp-float svg { width:22px; height:22px; }

/* ---------- Utility ---------- */
.ck-mt-0{margin-top:0}.ck-mb-0{margin-bottom:0}
.ck-list-check { list-style:none; padding:0; margin:22px 0; display:grid; gap:12px; }
.ck-list-check li { display:flex; gap:12px; align-items:flex-start; color:var(--ck-muted); }
.ck-list-check li::before { content:""; width:22px; height:22px; border-radius:50%; background:rgba(214,36,54,.12); background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23D62436' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:center; flex:none; }
.ck-section--dark .ck-list-check li { color: var(--ck-muted-dark); }

/* WP alignment / editor basics */
.aligncenter{margin-left:auto;margin-right:auto}
.aligncenter{display:block;margin-left:auto;margin-right:auto}
.wp-caption{max-width:100%}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);word-wrap:normal!important}

/* ---------- Responsive ---------- */
@media (max-width: 1024px) {
  .ck-grid--4 { grid-template-columns: repeat(2,1fr); }
  .ck-steps { grid-template-columns: repeat(2,1fr); }
  .ck-partners { grid-template-columns: repeat(3,1fr); }
  .ck-hero__chips { grid-template-columns: repeat(2,1fr); }
  .ck-footer__grid { grid-template-columns: 1fr 1fr; }
  .ck-split { grid-template-columns: 1fr; gap:32px; }
  .ck-contact { grid-template-columns: 1fr; }
}
@media (max-width: 860px) {
  .ck-nav, .ck-header__actions .ck-btn { display: none; }
  .ck-menu-toggle { display: inline-flex; }
  .ck-nav.is-open {
    display:block; position:absolute; top:74px; left:0; right:0; background: var(--ck-navy);
    border-bottom:1px solid var(--ck-border-dark); padding:14px 24px;
  }
  .ck-nav.is-open ul { flex-direction: column; gap:2px; }
  .ck-nav.is-open a { display:block; padding:12px 10px; }
  .ck-section { padding: 64px 0; }
}
@media (max-width: 640px) {
  .ck-grid--2, .ck-grid--3, .ck-grid--4 { grid-template-columns: 1fr; }
  .ck-steps, .ck-partners { grid-template-columns: 1fr 1fr; }
  .ck-field--row { grid-template-columns: 1fr; }
  .ck-footer__grid { grid-template-columns: 1fr; }
  .ck-hero__chips { grid-template-columns: 1fr; }
  .ck-hero { padding: 88px 0 72px; }
}