/* ═══════════════════════════════════════════════════════
   NEODUSTRIA — COOKIE POLICY PAGE  (ck-* namespace)
   Premium dark industrial design. Blue: #005dba / #168BFF
   NO cyan. NO green. NO light backgrounds.
═══════════════════════════════════════════════════════ */

/* ═══ HERO ════════════════════════════════════════════════ */
.ck-hero {
  position: relative;
  min-height: 90vh;
  display: flex;
  align-items: center;
  overflow: hidden;
  background: #010810;
}

/* Grid texture */
.ck-hero::before {
  content: '';
  position: absolute; inset: 0;
  background-image:
    linear-gradient(rgba(0,93,186,0.038) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,93,186,0.038) 1px, transparent 1px);
  background-size: 52px 52px;
  pointer-events: none; z-index: 0;
}

/* Right-side atmospheric bloom */
.ck-atmo {
  position: absolute;
  top: 0; right: 0;
  width: 62%; height: 100%;
  background:
    radial-gradient(ellipse 78% 78% at 68% 44%, rgba(0,93,186,0.22) 0%, rgba(0,93,186,0.06) 52%, transparent 74%),
    radial-gradient(ellipse 42% 58% at 92% 18%, rgba(0,93,186,0.14) 0%, transparent 58%);
  pointer-events: none; z-index: 0;
}

/* Scanline shimmer */
.ck-scanline {
  position: absolute; inset: 0;
  background: repeating-linear-gradient(
    0deg, transparent, transparent 3px,
    rgba(0,93,186,0.012) 3px, rgba(0,93,186,0.012) 4px
  );
  pointer-events: none; z-index: 0;
  animation: ckScan 12s linear infinite;
}
@keyframes ckScan {
  0%   { background-position-y: 0; }
  100% { background-position-y: 100px; }
}

.ck-hero .container { position: relative; z-index: 2; }

/* 2-column grid */
.ck-hero-inner {
  display: grid;
  grid-template-columns: 48fr 52fr;
  gap: 48px;
  padding: 175px 0 80px;
  align-items: center;
  min-height: 90vh;
}

/* ── Left copy ───────────────────────────────────────── */
.ck-hero-copy { display: flex; flex-direction: column; }

.ck-label {
  display: flex; align-items: center; gap: 10px;
  color: #005dba;
  font-size: 11px; font-weight: 700;
  letter-spacing: 0.22em; text-transform: uppercase;
  text-shadow: 0 0 16px rgba(0,93,186,0.55);
  margin-bottom: 10px;
}
.ck-label-dot {
  width: 7px; height: 7px; border-radius: 50%;
  background: #005dba; flex-shrink: 0;
  box-shadow: 0 0 0 2px rgba(0,93,186,0.20), 0 0 12px rgba(0,93,186,0.75);
  animation: ckDotPulse 2.5s ease-in-out infinite;
}
@keyframes ckDotPulse {
  0%,100% { box-shadow: 0 0 0 2px rgba(0,93,186,0.22), 0 0 12px rgba(0,93,186,0.75); }
  50%      { box-shadow: 0 0 0 5px rgba(0,93,186,0.10), 0 0 24px rgba(0,93,186,1.00); }
}

.ck-label-line {
  width: 44px; height: 1.5px;
  background: linear-gradient(90deg, #005dba 0%, rgba(0,93,186,0.14) 100%);
  box-shadow: 0 0 10px rgba(0,93,186,0.45);
  margin-bottom: 26px;
  position: relative; overflow: hidden;
}
.ck-label-line::after {
  content: '';
  position: absolute; inset: 0;
  background: linear-gradient(90deg, transparent, rgba(0,93,186,0.90), transparent);
  animation: ckLineSweep 3s linear infinite;
}
@keyframes ckLineSweep {
  0%   { transform: translateX(-200%); }
  100% { transform: translateX(400%); }
}

.ck-hero-title {
  font-size: clamp(32px, 3.8vw, 52px);
  font-weight: 800;
  color: #ffffff;
  line-height: 1.08;
  letter-spacing: -0.025em;
  margin: 0 0 22px;
}
.ck-hero-title .ck-dot { color: #005dba; }

.ck-hero-sub {
  font-size: 16px;
  color: rgba(185,200,220,0.80);
  line-height: 1.78;
  max-width: 480px;
  margin: 0 0 36px;
}

/* Trust items */
.ck-trust-items {
  display: flex; flex-direction: column; gap: 12px;
}
.ck-trust-item {
  display: flex; align-items: center; gap: 16px;
  padding: 14px 18px;
  background: rgba(0,93,186,0.05);
  border: 1px solid rgba(0,93,186,0.16);
  border-radius: 10px;
  transition: border-color 0.25s, background 0.25s, box-shadow 0.25s;
}
.ck-trust-item:hover {
  border-color: rgba(0,93,186,0.40);
  background: rgba(0,93,186,0.09);
  box-shadow: 0 0 20px rgba(0,93,186,0.08);
}
.ck-trust-icon {
  width: 36px; height: 36px; border-radius: 9px; flex-shrink: 0;
  background: rgba(0,93,186,0.10);
  border: 1px solid rgba(0,93,186,0.28);
  display: flex; align-items: center; justify-content: center;
  color: #005dba; font-size: 14px;
  box-shadow: 0 0 12px rgba(0,93,186,0.16);
  transition: box-shadow 0.25s, background 0.25s;
}
.ck-trust-item:hover .ck-trust-icon {
  box-shadow: 0 0 20px rgba(0,93,186,0.35);
  background: rgba(0,93,186,0.16);
}
.ck-trust-text strong {
  display: block;
  font-size: 13px; font-weight: 800;
  color: rgba(240,248,255,0.94);
  letter-spacing: 0.01em;
  margin-bottom: 1px;
}
.ck-trust-text span {
  font-size: 12px;
  color: rgba(145,165,195,0.68);
  line-height: 1.4;
}

/* ── Right visual ────────────────────────────────────── */
.ck-hero-visual {
  position: relative;
  align-self: stretch;
  min-height: 500px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  overflow: visible;
}
.ck-hero-visual::before {
  content: '';
  position: absolute;
  top: -22%; left: -18%;
  width: 148%; height: 144%;
  background:
    radial-gradient(ellipse 62% 58% at 55% 48%, rgba(0,93,186,0.28) 0%, rgba(0,93,186,0.08) 48%, transparent 68%),
    radial-gradient(ellipse 36% 28% at 88% 12%, rgba(0,93,186,0.16) 0%, transparent 52%),
    radial-gradient(ellipse 28% 34% at 14% 85%, rgba(0,93,186,0.10) 0%, transparent 54%);
  filter: blur(70px);
  pointer-events: none; z-index: 0;
  animation: ckAtmoBreath 8s ease-in-out infinite;
}
.ck-hero-visual::after {
  content: '';
  position: absolute;
  top: 0; left: -5%;
  width: 50%; height: 100%;
  background: linear-gradient(90deg,
    rgba(1,8,16,1.00) 0%,
    rgba(1,8,16,0.92) 20%,
    rgba(1,8,16,0.55) 45%,
    rgba(1,8,16,0.18) 70%,
    transparent 100%
  );
  pointer-events: none; z-index: 3;
}
@keyframes ckAtmoBreath {
  0%,100% { opacity: 0.75; transform: scale(1.00); }
  50%      { opacity: 1.00; transform: scale(1.08); }
}

.ck-hero-glow {
  position: absolute;
  top: 50%; left: 52%;
  transform: translate(-50%, -50%);
  width: 880px; height: 880px;
  border-radius: 50%;
  background: radial-gradient(circle,
    rgba(0,93,186,0.36) 0%,
    rgba(0,93,186,0.12) 36%,
    rgba(0,93,186,0.04) 60%,
    transparent 76%
  );
  filter: blur(95px);
  z-index: 0;
  animation: ckGlowFloat 6s ease-in-out infinite;
}
@keyframes ckGlowFloat {
  0%,100% { transform: translate(-50%,-50%) scale(1.00); opacity: 0.75; }
  50%      { transform: translate(-50%,-48%) scale(1.12); opacity: 1.00; }
}

.ck-hero-img {
  position: relative; z-index: 1;
  flex-shrink: 0;
  width: 124%;
  max-width: none;
  height: auto; display: block;
  transform: translateX(4%);
  mix-blend-mode: screen;
  -webkit-mask-image: radial-gradient(ellipse 70% 76% at 62% 50%,
    black 0%, black 18%,
    rgba(0,0,0,0.90) 40%,
    rgba(0,0,0,0.50) 60%,
    rgba(0,0,0,0.14) 76%,
    transparent 92%
  );
  mask-image: radial-gradient(ellipse 70% 76% at 62% 50%,
    black 0%, black 18%,
    rgba(0,0,0,0.90) 40%,
    rgba(0,0,0,0.50) 60%,
    rgba(0,0,0,0.14) 76%,
    transparent 92%
  );
  filter: brightness(1.06) saturate(1.12) contrast(1.02);
  animation: ckHeroFloat 7s ease-in-out infinite;
}
@keyframes ckHeroFloat {
  0%,100% { transform: translateX(4%) translateY(0px); }
  50%      { transform: translateX(4%) translateY(-10px); }
}

/* ═══ SECTION SEPARATOR ══════════════════════════════════ */
.ck-sep {
  width: 100%; height: 1px;
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(0,93,186,0.28) 25%,
    rgba(0,93,186,0.60) 50%,
    rgba(0,93,186,0.28) 75%,
    transparent 100%
  );
  position: relative; overflow: hidden;
  margin: 0;
}
.ck-sep::after {
  content: '';
  position: absolute; inset: 0;
  background: linear-gradient(90deg, transparent, rgba(0,93,186,0.90), transparent);
  animation: ckSepSweep 4.5s linear infinite;
}
@keyframes ckSepSweep {
  0%   { transform: translateX(-150%); }
  100% { transform: translateX(350%); }
}

/* ═══ POLICY SECTIONS ════════════════════════════════════ */
.ck-sections {
  background: #010810;
  padding: 72px 0 52px;
}

.ck-sections-list {
  display: flex; flex-direction: column;
  gap: 18px;
}

/* ── Policy card ─────────────────────────────────────── */
.ck-card {
  position: relative;
  display: grid;
  grid-template-columns: 110px 1fr 230px;
  gap: 0;
  background: rgba(2,7,22,0.92);
  border: 1px solid rgba(0,93,186,0.22);
  border-radius: 14px;
  overflow: hidden;
  transition: border-color 0.30s ease, transform 0.30s ease, box-shadow 0.30s ease;
}
.ck-card:hover {
  border-color: rgba(0,93,186,0.52);
  transform: translateY(-3px);
  box-shadow:
    0 14px 52px rgba(0,0,0,0.52),
    0 0 0 1px rgba(0,93,186,0.12),
    0 0 40px rgba(0,93,186,0.07);
}

/* Gradient fill on hover */
.ck-card::before {
  content: '';
  position: absolute; inset: 0; border-radius: 14px;
  background: linear-gradient(135deg, rgba(0,93,186,0.08) 0%, transparent 50%, rgba(0,93,186,0.05) 100%);
  opacity: 0;
  transition: opacity 0.30s ease;
  pointer-events: none;
}
.ck-card:hover::before { opacity: 1; }

/* Light sweep on hover */
.ck-card::after {
  content: '';
  position: absolute;
  top: 0; left: -100%; width: 60%; height: 100%;
  background: linear-gradient(90deg, transparent, rgba(0,93,186,0.055), transparent);
  transition: left 0.55s ease;
  pointer-events: none; z-index: 5;
}
.ck-card:hover::after { left: 150%; }

/* Badge column */
.ck-card-badge {
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  gap: 12px;
  padding: 30px 14px;
  background: rgba(0,93,186,0.055);
  border-right: 1px solid rgba(0,93,186,0.14);
  flex-shrink: 0;
}
.ck-card-num {
  font-size: 26px; font-weight: 900;
  color: rgba(0,120,255,0.65);
  line-height: 1;
  letter-spacing: -0.02em;
  font-variant-numeric: tabular-nums;
}
.ck-card-icon {
  width: 46px; height: 46px; border-radius: 12px;
  background: rgba(0,93,186,0.10);
  border: 1px solid rgba(0,93,186,0.30);
  display: flex; align-items: center; justify-content: center;
  color: #005dba; font-size: 18px;
  box-shadow: 0 0 14px rgba(0,93,186,0.16), inset 0 0 8px rgba(0,93,186,0.05);
  transition: box-shadow 0.25s, background 0.25s;
}
.ck-card:hover .ck-card-icon {
  box-shadow: 0 0 28px rgba(0,93,186,0.40), inset 0 0 12px rgba(0,93,186,0.12);
  background: rgba(0,93,186,0.18);
}

/* Content column */
.ck-card-body {
  padding: 30px 36px;
  display: flex; flex-direction: column; justify-content: center;
}
.ck-card-title {
  font-size: 19px; font-weight: 800;
  color: #ffffff;
  line-height: 1.22;
  margin: 0 0 14px;
  letter-spacing: -0.01em;
}
.ck-card-text {
  font-size: 14px;
  color: rgba(162,182,212,0.82);
  line-height: 1.74;
  margin: 0 0 10px;
}
.ck-card-text:last-child { margin-bottom: 0; }

.ck-card-list {
  list-style: none; padding: 0; margin: 0 0 10px;
  display: flex; flex-direction: column; gap: 7px;
}
.ck-card-list li {
  font-size: 13.5px;
  color: rgba(155,178,212,0.80);
  line-height: 1.66;
  padding-left: 16px;
  position: relative;
}
.ck-card-list li::before {
  content: '';
  position: absolute; left: 0; top: 9px;
  width: 5px; height: 5px; border-radius: 50%;
  background: rgba(0,100,220,0.70);
}
.ck-card-list li strong {
  color: rgba(212,228,248,0.92);
  font-weight: 700;
}
.ck-card-list li a {
  color: #3a8bff; text-decoration: none;
  transition: color 0.2s;
}
.ck-card-list li a:hover { color: #6aadff; }
.ck-card-list:last-child { margin-bottom: 0; }

.ck-card-note {
  font-size: 12.5px;
  color: rgba(128,152,192,0.65);
  line-height: 1.60;
  margin: 10px 0 0;
  border-left: 2px solid rgba(0,93,186,0.32);
  padding-left: 12px;
}
.ck-card-note strong { color: rgba(190,210,242,0.82); }

/* Image column */
.ck-card-img-wrap {
  position: relative;
  display: flex; align-items: center; justify-content: center;
  padding: 22px 18px;
  background: rgba(0,3,16,0.65);
  border-left: 1px solid rgba(0,93,186,0.12);
  overflow: hidden;
  flex-shrink: 0;
}
.ck-card-img-wrap::before {
  content: '';
  position: absolute; inset: 0;
  background: radial-gradient(ellipse 82% 82% at 50% 50%, rgba(0,93,186,0.14) 0%, transparent 70%);
  pointer-events: none;
  animation: ckImgGlow 5s ease-in-out infinite;
}
@keyframes ckImgGlow {
  0%,100% { opacity: 0.70; }
  50%      { opacity: 1.00; }
}
.ck-card-img {
  width: 100%; height: auto;
  display: block; object-fit: contain;
  max-height: 185px;
  position: relative; z-index: 1;
  mix-blend-mode: screen;
  filter: brightness(1.05) saturate(1.10);
  transition: transform 0.40s ease, filter 0.40s ease;
}
.ck-card:hover .ck-card-img {
  transform: scale(1.05) translateY(-4px);
  filter: brightness(1.14) saturate(1.22);
}

/* ═══ APPENDIX (sections 7–9) ════════════════════════════ */
.ck-appendix {
  background: #010810;
  padding: 8px 0 72px;
}
.ck-appendix-title {
  font-size: 10px; font-weight: 800;
  letter-spacing: 0.22em; text-transform: uppercase;
  color: rgba(0,93,186,0.60);
  margin-bottom: 20px;
}
.ck-appendix-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.ck-app-card {
  padding: 26px 28px;
  background: rgba(2,7,22,0.90);
  border: 1px solid rgba(0,93,186,0.18);
  border-radius: 12px;
  transition: border-color 0.25s, transform 0.25s, box-shadow 0.25s;
}
.ck-app-card:hover {
  border-color: rgba(0,93,186,0.42);
  transform: translateY(-2px);
  box-shadow: 0 8px 32px rgba(0,0,0,0.38), 0 0 24px rgba(0,93,186,0.06);
}
.ck-app-card-head {
  display: flex; align-items: center; gap: 12px;
  margin-bottom: 14px;
}
.ck-app-card-num {
  font-size: 14px; font-weight: 900;
  color: rgba(0,120,255,0.58);
  letter-spacing: 0.05em;
}
.ck-app-card-icon {
  width: 32px; height: 32px; border-radius: 8px;
  background: rgba(0,93,186,0.10);
  border: 1px solid rgba(0,93,186,0.28);
  display: flex; align-items: center; justify-content: center;
  color: #005dba; font-size: 13px;
}
.ck-app-card-title {
  font-size: 14px; font-weight: 800;
  color: rgba(230,242,255,0.92);
  margin: 0 0 10px;
  letter-spacing: -0.005em;
}
.ck-app-list {
  list-style: none; padding: 0; margin: 0;
  display: flex; flex-direction: column; gap: 7px;
}
.ck-app-list li {
  font-size: 13px;
  color: rgba(145,168,198,0.72);
  line-height: 1.62;
  padding-left: 14px;
  position: relative;
}
.ck-app-list li::before {
  content: '';
  position: absolute; left: 0; top: 8px;
  width: 4px; height: 4px; border-radius: 50%;
  background: rgba(0,100,220,0.62);
}
.ck-app-list li strong { color: rgba(200,218,242,0.88); font-weight: 700; }
.ck-app-list li a { color: #3a8bff; text-decoration: none; }
.ck-app-list li a:hover { color: #6aadff; }
.ck-app-note {
  font-size: 12px; color: rgba(118,142,180,0.60);
  margin-top: 10px; line-height: 1.58;
}

/* ═══ CTA ═════════════════════════════════════════════════ */
.ck-cta-wrap {
  background: #010810;
  padding: 0 0 96px;
}
.ck-cta {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 360px;
  gap: 0;
  background: rgba(2,6,20,0.96);
  border: 1px solid rgba(0,93,186,0.28);
  border-radius: 18px;
  overflow: hidden;
}
/* Grid + ambient glow inside CTA */
.ck-cta::before {
  content: '';
  position: absolute; inset: 0; pointer-events: none;
  background:
    radial-gradient(ellipse 52% 70% at 18% 50%, rgba(0,93,186,0.16) 0%, transparent 65%),
    linear-gradient(rgba(0,93,186,0.028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,93,186,0.028) 1px, transparent 1px);
  background-size: 100% 100%, 48px 48px, 48px 48px;
}
/* Top edge blue accent */
.ck-cta::after {
  content: '';
  position: absolute;
  top: 0; left: 10%; right: 10%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(0,93,186,0.55), transparent);
  pointer-events: none;
}

.ck-cta-body {
  position: relative; z-index: 1;
  padding: 60px 56px;
  display: flex; flex-direction: column; justify-content: center;
}
.ck-cta-eyebrow {
  font-size: 10px; font-weight: 800;
  letter-spacing: 0.24em; text-transform: uppercase;
  color: #005dba;
  text-shadow: 0 0 14px rgba(0,93,186,0.55);
  margin-bottom: 14px;
}
.ck-cta-title {
  font-size: clamp(28px, 3vw, 44px);
  font-weight: 800;
  color: #ffffff;
  line-height: 1.08;
  letter-spacing: -0.02em;
  margin: 0 0 18px;
}
.ck-cta-desc {
  font-size: 15px;
  color: rgba(168,190,222,0.80);
  line-height: 1.74;
  max-width: 440px;
  margin: 0 0 34px;
}
.ck-cta-btn {
  display: inline-flex; align-items: center; gap: 10px;
  background: linear-gradient(135deg, #071D35 0%, #123D63 45%, #168BFF 100%);
  color: #ffffff;
  font-size: 14px; font-weight: 700;
  padding: 14px 30px;
  border-radius: 10px; text-decoration: none;
  border: 1px solid rgba(22,139,255,0.35);
  box-shadow: 0 0 24px rgba(22,139,255,0.22);
  transition: box-shadow 0.25s, transform 0.25s;
  align-self: flex-start;
}
.ck-cta-btn:hover {
  box-shadow: 0 0 38px rgba(22,139,255,0.42);
  transform: translateY(-2px);
  color: #ffffff;
}
.ck-cta-btn i { font-size: 12px; }

/* CTA visual side */
.ck-cta-visual {
  position: relative;
  display: flex; align-items: center; justify-content: center;
  background: rgba(0,3,14,0.70);
  border-left: 1px solid rgba(0,93,186,0.18);
  overflow: hidden;
  padding: 28px 20px;
}
.ck-cta-visual::before {
  content: '';
  position: absolute; inset: 0;
  background: radial-gradient(ellipse 88% 88% at 50% 50%, rgba(0,93,186,0.18) 0%, transparent 70%);
  pointer-events: none;
  animation: ckCtaGlow 5s ease-in-out infinite;
}
@keyframes ckCtaGlow {
  0%,100% { opacity: 0.65; }
  50%      { opacity: 1.00; }
}
.ck-cta-img {
  width: 100%; height: auto;
  display: block; object-fit: contain;
  position: relative; z-index: 1;
  mix-blend-mode: screen;
  filter: brightness(1.06) saturate(1.12);
  animation: ckCtaFloat 6s ease-in-out infinite;
}
@keyframes ckCtaFloat {
  0%,100% { transform: translateY(0px) scale(1.00); }
  50%      { transform: translateY(-8px) scale(1.02); }
}

/* ═══ REVEAL ANIMATION ════════════════════════════════════ */
.ck-reveal {
  opacity: 0;
  transform: translateY(26px);
  transition: opacity 0.62s ease, transform 0.62s ease;
}
.ck-reveal.ck-visible {
  opacity: 1;
  transform: translateY(0);
}

/* ═══ RESPONSIVE ══════════════════════════════════════════ */
@media (max-width: 1280px) {
  .ck-card { grid-template-columns: 110px 1fr 200px; }
  .ck-hero-img { width: 116%; }
}

@media (max-width: 1100px) {
  .ck-card { grid-template-columns: 100px 1fr 180px; }
  .ck-card-img { max-height: 155px; }
  .ck-card-body { padding: 26px 28px; }
}

@media (max-width: 1024px) {
  .ck-hero-inner {
    grid-template-columns: 1fr;
    padding: 160px 0 60px;
    gap: 40px;
    min-height: auto;
  }
  .ck-hero-visual {
    order: -1; min-height: 360px;
    justify-content: center; overflow: hidden; align-self: auto;
  }
  .ck-hero-visual::after { display: none; }
  .ck-hero-img { width: 80%; transform: translateX(0); mix-blend-mode: normal; animation: none; }
  .ck-hero-glow { width: 600px; height: 600px; }

  .ck-card { grid-template-columns: 90px 1fr; }
  .ck-card-img-wrap { display: none; }

  .ck-appendix-grid { grid-template-columns: repeat(2, 1fr); }
  .ck-cta { grid-template-columns: 1fr; }
  .ck-cta-visual {
    min-height: 260px;
    border-left: none;
    border-top: 1px solid rgba(0,93,186,0.18);
  }
}

@media (max-width: 768px) {
  .ck-hero-title { font-size: clamp(30px, 8vw, 46px); }
  .ck-hero-sub { font-size: 14px; max-width: 100%; }
  .ck-trust-items { gap: 10px; }
  .ck-trust-item { padding: 12px 14px; }

  .ck-sections { padding: 50px 0 36px; }
  .ck-sections-list { gap: 14px; }
  .ck-card { grid-template-columns: 72px 1fr; }
  .ck-card-badge { padding: 20px 10px; gap: 9px; }
  .ck-card-num { font-size: 22px; }
  .ck-card-icon { width: 40px; height: 40px; font-size: 16px; border-radius: 10px; }
  .ck-card-body { padding: 20px 18px; }
  .ck-card-title { font-size: 16px; }

  .ck-appendix-grid { grid-template-columns: 1fr; gap: 12px; }
  .ck-app-card { padding: 20px 22px; }

  .ck-cta-body { padding: 36px 28px; }
  .ck-cta-title { font-size: 26px; }
  .ck-cta-desc { font-size: 14px; }
  .ck-cta-visual { min-height: 220px; }
}

@media (max-width: 480px) {
  .ck-hero-inner { padding: 120px 0 48px; }
  .ck-card { grid-template-columns: 60px 1fr; }
  .ck-card-badge { padding: 16px 8px; }
  .ck-card-icon { width: 36px; height: 36px; font-size: 14px; }
  .ck-card-body { padding: 16px 14px; }
  .ck-appendix-grid { grid-template-columns: 1fr; }
  .ck-cta-body { padding: 28px 20px; }
  .ck-cta-btn { width: 100%; justify-content: center; }
}