:root{--kdc-purple:#26002f;--kdc-purple-2:#43005c;--kdc-purple-3:#6e187d;--kdc-gold:#d4af37;--kdc-gold-light:#f4df8a;--kdc-black:#08060a;--kdc-dark:#110b16;--kdc-white:#fff;--kdc-muted:#c9bdce;--kdc-card:rgba(255,255,255,.065);--kdc-border:rgba(212,175,55,.30);--kdc-shadow:0 25px 70px rgba(0,0,0,.40)}
.kdc26s{font-family:Arial,Helvetica,sans-serif;color:var(--kdc-white);background:linear-gradient(145deg,var(--kdc-black),var(--kdc-purple) 48%,#16091b);padding:0;margin:0;line-height:1.55}.kdc26s *{box-sizing:border-box}.kdc26s a{color:inherit}.kdc26s .wrap{width:min(1180px,92%);margin:auto}.kdc26s .hero{padding:78px 0 55px;text-align:center;background:radial-gradient(circle at 50% 0,rgba(212,175,55,.15),transparent 38%)}.kdc26s .eyebrow{display:inline-block;color:var(--kdc-gold-light);font-size:12px;letter-spacing:.16em;text-transform:uppercase;border:1px solid var(--kdc-border);padding:8px 13px;border-radius:999px}.kdc26s h1{font-size:clamp(38px,6vw,76px);line-height:.98;margin:22px 0 15px;letter-spacing:-.035em}.kdc26s h1 span,.kdc26s h2 span{color:var(--kdc-gold-light)}.kdc26s .lead{max-width:820px;margin:0 auto;color:var(--kdc-muted);font-size:18px}.kdc26s .hero-meta{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:25px}.kdc26s .meta{padding:9px 13px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);border-radius:10px;color:#eee}
.kdc26s .selector{padding:25px 0 75px}.kdc26s .panel{background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.035));border:1px solid var(--kdc-border);border-radius:24px;box-shadow:var(--kdc-shadow);overflow:hidden}.kdc26s .progress{display:grid;grid-template-columns:repeat(6,1fr);border-bottom:1px solid rgba(255,255,255,.09)}.kdc26s .step{padding:15px 8px;text-align:center;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#8f8295;background:rgba(0,0,0,.12);border-right:1px solid rgba(255,255,255,.06)}.kdc26s .step:last-child{border-right:0}.kdc26s .step.active{color:var(--kdc-gold-light);background:rgba(212,175,55,.08)}.kdc26s .step.done{color:#fff}.kdc26s .body{padding:34px}.kdc26s .section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.kdc26s .section-head h2{font-size:clamp(28px,4vw,44px);line-height:1.05;margin:0}.kdc26s .section-head p{margin:7px 0 0;color:var(--kdc-muted)}.kdc26s .back{display:none;border:1px solid rgba(255,255,255,.15);background:transparent;color:#fff;border-radius:10px;padding:9px 13px;cursor:pointer}.kdc26s .back.show{display:block}.kdc26s .choices{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.kdc26s .choice{position:relative;text-align:left;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);color:#fff;border-radius:16px;padding:20px;cursor:pointer;min-height:120px;transition:.2s ease}.kdc26s .choice:hover,.kdc26s .choice:focus-visible{transform:translateY(-2px);border-color:var(--kdc-gold);outline:none;box-shadow:0 0 0 3px rgba(212,175,55,.12)}.kdc26s .choice strong{display:block;font-size:18px;margin-bottom:6px}.kdc26s .choice small{display:block;color:var(--kdc-muted);font-size:13px}.kdc26s .badge{display:inline-block;margin-top:12px;padding:4px 8px;border-radius:999px;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--kdc-gold-light);border:1px solid var(--kdc-border)}
.kdc26s .selection-bar{display:flex;flex-wrap:wrap;gap:8px;padding:15px 34px;background:rgba(0,0,0,.18);border-top:1px solid rgba(255,255,255,.07)}.kdc26s .crumb{font-size:12px;color:var(--kdc-muted)}.kdc26s .crumb b{color:#fff}.kdc26s .result{display:none}.kdc26s .result.show{display:block}.kdc26s .result-card{border:1px solid var(--kdc-border);border-radius:20px;padding:28px;background:linear-gradient(145deg,rgba(212,175,55,.09),rgba(255,255,255,.045))}.kdc26s .result-card h3{font-size:30px;margin:0 0 8px}.kdc26s .result-sub{color:var(--kdc-gold-light);font-size:13px;text-transform:uppercase;letter-spacing:.12em}.kdc26s .detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:22px 0}.kdc26s .detail{border:1px solid rgba(255,255,255,.09);background:rgba(0,0,0,.14);padding:14px;border-radius:12px}.kdc26s .detail span{display:block;color:#9d8fa4;font-size:11px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.kdc26s .detail strong{font-size:15px}.kdc26s .notes{margin:20px 0 0;color:var(--kdc-muted);font-size:14px}.kdc26s .actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.kdc26s .btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:10px;padding:12px 18px;font-weight:700;font-size:13px;letter-spacing:.04em;border:1px solid var(--kdc-gold)}.kdc26s .btn.gold{background:linear-gradient(135deg,var(--kdc-gold-light),var(--kdc-gold));color:#170d00}.kdc26s .btn.outline{background:transparent;color:#fff}.kdc26s .reset{margin-left:auto;background:transparent;border:0;color:var(--kdc-muted);cursor:pointer;text-decoration:underline}.kdc26s .footnote{padding:25px 0 70px;color:#a99cab;font-size:12px}.kdc26s .footnote strong{color:#fff}.kdc26s .source-note{margin-top:15px;padding:15px;border-left:3px solid var(--kdc-gold);background:rgba(212,175,55,.06)}
@media(max-width:800px){.kdc26s .choices{grid-template-columns:1fr 1fr}.kdc26s .progress{grid-template-columns:repeat(3,1fr)}.kdc26s .step:nth-child(n+4){display:none}.kdc26s .body{padding:24px}.kdc26s .selection-bar{padding:13px 24px}}
@media(max-width:520px){.kdc26s .choices,.kdc26s .detail-grid{grid-template-columns:1fr}.kdc26s .hero{padding-top:55px}.kdc26s .section-head{align-items:flex-start;flex-direction:column}.kdc26s .body{padding:18px}.kdc26s .selection-bar{padding:12px 18px}}
@media(prefers-reduced-motion:reduce){.kdc26s .choice{transition:none}.kdc26s .choice:hover{transform:none}}
.kdc26-module{width:100%;}

/* ============================================================
   KDC 2026 — MANUAL COLOR OVERRIDE SECTION
   ------------------------------------------------------------
   Change ONLY the HEX values below to customize the selector.
   The !important rules are intentional: they allow KDC colors
   to override Joomla / template / SP Page Builder styles.
   ============================================================ */

/* ---------- MAIN KDC COLORS ---------- */
.kdc26s {
  --kdc-override-white: #ffffff;
  --kdc-override-gold: #d4af37;
  --kdc-override-gold-light: #f4df8a;
  --kdc-override-muted: #c9bdce;
  --kdc-override-dark-text: #170d00;
}

/* ---------- HERO / TOP SECTION ---------- */
.kdc26s .hero h1 {
  color: #ffffff !important;
}

/* Main hero title: "Find Your Competition." */
.kdc26s .hero h1 span {
  color: #f4df8a !important;
}

.kdc26s .eyebrow {
  color: #f4df8a !important;
}

.kdc26s .lead {
  color: #c9bdce !important;
}

.kdc26s .meta {
  color: #eeeeee !important;
}

/* ---------- SECTION HEADINGS ---------- */
.kdc26s h1,
.kdc26s h2,
.kdc26s h3,
.kdc26s .section-head h2 {
  color: #ffffff !important;
}

.kdc26s h1 span,
.kdc26s h2 span {
  color: #f4df8a !important;
}

.kdc26s .section-head p {
  color: #c9bdce !important;
}

/* ---------- PROGRESS STEPS ---------- */
.kdc26s .step {
  color: #8f8295 !important;
}

.kdc26s .step.active {
  color: #f4df8a !important;
}

.kdc26s .step.done {
  color: #ffffff !important;
}

/* ---------- CHOICE CARDS ---------- */
.kdc26s .choice {
  color: #ffffff !important;
}

.kdc26s .choice strong {
  color: #ffffff !important;
}

.kdc26s .choice small {
  color: #c9bdce !important;
}

.kdc26s .badge {
  color: #f4df8a !important;
}

/* ---------- SELECTION / BREADCRUMB BAR ---------- */
.kdc26s .crumb {
  color: #c9bdce !important;
}

.kdc26s .crumb b {
  color: #ffffff !important;
}

/* ---------- RESULT CARD ---------- */
.kdc26s .result-card h3 {
  color: #ffffff !important;
}

.kdc26s .result-sub {
  color: #f4df8a !important;
}

.kdc26s .detail span {
  color: #9d8fa4 !important;
}

.kdc26s .detail strong {
  color: #ffffff !important;
}

.kdc26s .notes {
  color: #c9bdce !important;
}

/* ---------- BUTTONS ---------- */
.kdc26s .btn.gold {
  color: #170d00 !important;
}

.kdc26s .btn.outline {
  color: #ffffff !important;
}

.kdc26s .reset {
  color: #c9bdce !important;
}

.kdc26s .back {
  color: #ffffff !important;
}

/* ---------- FOOTNOTE / SOURCE ---------- */
.kdc26s .footnote {
  color: #a99cab !important;
}

.kdc26s .footnote strong {
  color: #ffffff !important;
}

/* ============================================================
   QUICK EXAMPLES
   ------------------------------------------------------------
   To make "Find Your Competition." BLUE:
       .kdc26s .hero h1 span { color: #1677a8 !important; }

   To make it MAGENTA:
       .kdc26s .hero h1 span { color: #b02a78 !important; }

   To make it GOLD:
       .kdc26s .hero h1 span { color: #d4af37 !important; }
   ============================================================ */