/* CKM visual landing v0.1.0. Scoped; CKM theme switch uses html[data-ckm-theme]. */
.ckmbt{--bt-bg:#0d1422;--bt-card:#121e30;--bt-card2:#162337;--bt-text:#f0f6ff;--bt-muted:#a9bad0;--bt-border:rgba(171,202,240,.16);--bt-accent:#8adfe2;--bt-gold:#e9b86b;--bt-violet:#a7a1fa;box-sizing:border-box;width:min(1180px,calc(100vw - 32px));max-width:none;position:relative;left:50%;transform:translateX(-50%);margin:24px 0 72px;padding:0 2px;color:var(--bt-text);font-family:inherit;line-height:1.55;isolation:isolate}
.ckmbt *, .ckmbt *:before,.ckmbt *:after{box-sizing:border-box}
.ckmbt a{text-decoration:none!important;box-shadow:none!important}
.ckmbt h1,.ckmbt h2,.ckmbt h3,.ckmbt p{color:inherit;margin:0;line-height:inherit}
.ckmbt h2{font-size:clamp(26px,3.2vw,39px);font-weight:800;letter-spacing:-.025em;line-height:1.16}
.ckmbt h3{font-size:22px;font-weight:760;letter-spacing:-.02em;line-height:1.25}
.ckmbt a:focus-visible{outline:3px solid var(--bt-gold);outline-offset:3px}
.ckmbt .ckmbt-kicker{color:var(--bt-accent);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin:0 0 12px}
.ckmbt .ckmbt-hero{background:radial-gradient(ellipse at 82% 10%,rgba(82,132,182,.23),transparent 42%),linear-gradient(145deg,#142137,#0c1524 78%);border:1px solid var(--bt-border);border-radius:30px;padding:clamp(28px,4vw,58px);display:grid;grid-template-columns:1.18fr .82fr;gap:32px;align-items:center;overflow:hidden;box-shadow:0 25px 60px rgba(4,9,20,.14)}
.ckmbt .ckmbt-eyebrow{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(158,215,227,.25);background:rgba(152,219,227,.06);color:#b6dce2;border-radius:999px;padding:7px 13px;font-size:12px;font-weight:700;margin-bottom:24px}
.ckmbt-live-dot{width:7px;height:7px;border-radius:50%;background:#7cdec6;box-shadow:0 0 0 4px rgba(124,222,198,.12)}
.ckmbt .ckmbt-hero h1{font-size:clamp(31px,4.1vw,54px);font-weight:820;line-height:1.08;letter-spacing:-.038em;margin:0 0 19px;color:#f3f8ff}
.ckmbt .ckmbt-hero h1 em{color:#96e2dc;font-style:normal}
.ckmbt .ckmbt-hero__lead{max-width:560px;font-size:17px;color:#b7c7da;line-height:1.7}
.ckmbt .ckmbt-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}
.ckmbt .ckmbt-button{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:45px;border-radius:12px;padding:11px 17px;font-size:14px;font-weight:800;white-space:normal;transition:transform .16s,box-shadow .16s,border-color .16s}
.ckmbt .ckmbt-button:hover{transform:translateY(-2px)}
.ckmbt .ckmbt-button--primary{background:#9ce3de!important;color:#0b2331!important;border:1px solid #9ce3de!important}
.ckmbt .ckmbt-button--primary:hover{box-shadow:0 10px 24px rgba(156,227,222,.2)}
.ckmbt .ckmbt-button--ghost{color:#f0f6ff!important;background:rgba(255,255,255,.04)!important;border:1px solid rgba(202,223,248,.2)!important}
.ckmbt .ckmbt-hero__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:33px}
.ckmbt .ckmbt-hero__chips span{font-size:12px;color:#c0cee0;border:1px solid rgba(255,255,255,.13);padding:6px 9px;border-radius:7px;background:rgba(255,255,255,.025)}
.ckmbt .ckmbt-hero__graphic{min-width:0;min-height:285px;position:relative;display:flex;align-items:center;justify-content:center}
.ckmbt .ckmbt-graphic-bg{position:absolute;width:270px;height:270px;border-radius:50%;border:1px dashed rgba(163,221,232,.21);box-shadow:0 0 0 39px rgba(171,222,230,.025),0 0 0 78px rgba(171,222,230,.017)}
.ckmbt .ckmbt-diagram{z-index:1;display:flex;align-items:center;gap:7px;transform:rotate(-4deg)}
.ckmbt .ckmbt-diagram__node{width:100px;min-height:106px;border:1px solid rgba(171,202,240,.3);border-radius:19px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;background:linear-gradient(155deg,#22334b,#17263a);box-shadow:0 20px 30px rgba(0,0,0,.22)}
.ckmbt .ckmbt-diagram__node span{font-size:31px}
.ckmbt .ckmbt-diagram__node b{font-size:11px;font-weight:700;color:#dfebf8;text-align:center}
.ckmbt .ckmbt-diagram__node--focus{border-color:rgba(143,221,223,.55);background:linear-gradient(145deg,#23505b,#1c3b4c);transform:translateY(-15px)}
.ckmbt .ckmbt-diagram__path{display:flex;gap:4px}.ckmbt .ckmbt-diagram__path i{width:4px;height:4px;border-radius:50%;background:#8adfe2}
.ckmbt .ckmbt-floating{z-index:2;position:absolute;display:flex;align-items:center;gap:8px;border:1px solid rgba(179,211,240,.28);background:#202d40;box-shadow:0 8px 18px rgba(0,0,0,.16);padding:9px 13px;border-radius:13px;color:#e3eefa;transform:rotate(5deg)}
.ckmbt .ckmbt-floating span{color:var(--bt-gold);font-size:19px}.ckmbt .ckmbt-floating small{font-size:12px;white-space:nowrap}.ckmbt .ckmbt-floating--top{top:15px;right:8px}.ckmbt .ckmbt-floating--bottom{bottom:17px;left:8px;transform:rotate(-5deg)}
.ckmbt .ckmbt-video-section,.ckmbt .ckmbt-games,.ckmbt .ckmbt-benefits{margin-top:65px}
.ckmbt .ckmbt-section-top{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:25px}
.ckmbt .ckmbt-section-top>div{max-width:710px}.ckmbt .ckmbt-section-top>p{font-size:14px;color:var(--bt-muted);max-width:325px;line-height:1.65}
.ckmbt .ckmbt-video-shell{background:linear-gradient(150deg,#1a2a3e,#101827);border:1px solid var(--bt-border);border-radius:23px;padding:10px;overflow:hidden;box-shadow:0 23px 65px rgba(0,0,0,.12)}
.ckmbt .ckmbt-video-shell video{display:block;width:100%;height:auto;max-height:610px;aspect-ratio:16/9;background:#030a13;border-radius:15px;object-fit:contain}
.ckmbt .ckmbt-video-placeholder{min-height:330px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:13px;text-align:center;border-radius:15px;background:radial-gradient(circle at center,rgba(136,220,225,.13),transparent 39%),repeating-linear-gradient(0deg,transparent,transparent 27px,rgba(200,230,255,.028) 28px)}
.ckmbt .ckmbt-video-placeholder strong{font-size:20px;color:var(--bt-text)}.ckmbt .ckmbt-video-placeholder>span:not(.ckmbt-play){color:var(--bt-muted);font-size:13px;padding:0 16px}
.ckmbt .ckmbt-video-placeholder a{font-weight:750;color:var(--bt-accent);font-size:14px}
.ckmbt .ckmbt-play{display:grid;place-items:center;width:68px;height:68px;border:1px solid rgba(163,228,224,.45);border-radius:50%;color:#091821;background:#9ce3de;font-size:20px;padding-left:5px;margin-bottom:8px;box-shadow:0 0 0 16px rgba(156,227,222,.07)}
.ckmbt .ckmbt-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.ckmbt .ckmbt-card{display:grid;grid-template-columns:42% 58%;min-height:252px;border:1px solid var(--bt-border);background:linear-gradient(130deg,var(--bt-card),var(--bt-card2));border-radius:23px;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s}
.ckmbt .ckmbt-card:hover{transform:translateY(-4px);border-color:rgba(154,226,226,.4);box-shadow:0 20px 40px rgba(0,0,0,.13)}
.ckmbt .ckmbt-card:nth-child(5){grid-column:span 2;grid-template-columns:32% 68%}
.ckmbt .ckmbt-card__art{position:relative;display:flex;align-items:center;justify-content:center;min-height:190px;border-right:1px solid rgba(190,215,244,.1);background:radial-gradient(ellipse at 65% 35%,rgba(142,222,225,.1),transparent 62%),linear-gradient(135deg,rgba(151,219,225,.04),rgba(232,186,103,.04));color:#96dbe0;padding:8px}
.ckmbt .ckmbt-card--sales .ckmbt-card__art{color:#a4b5fa}.ckmbt .ckmbt-card--debate .ckmbt-card__art{color:#85cdd1}.ckmbt .ckmbt-card--negotiation .ckmbt-card__art{color:#ecbe7e}.ckmbt .ckmbt-card--choice .ckmbt-card__art{color:#bfadfa}
.ckmbt .ckmbt-art-svg{width:100%;max-width:245px;aspect-ratio:320/186;overflow:visible;filter:drop-shadow(0 5px 10px rgba(0,0,0,.16))}
.ckmbt .ckmbt-card__num{position:absolute;top:15px;left:17px;font-weight:800;font-size:13px;opacity:.6;letter-spacing:.06em}
.ckmbt .ckmbt-card__body{display:flex;flex-direction:column;align-items:flex-start;padding:26px 23px 21px;min-width:0}
.ckmbt .ckmbt-card__tag{color:var(--bt-accent);font-size:11px;font-weight:800;margin-bottom:12px}
.ckmbt .ckmbt-card__body h3{font-size:clamp(18px,1.7vw,23px);line-height:1.2;color:var(--bt-text)}
.ckmbt .ckmbt-card__subtitle{font-weight:700;font-size:13px;margin-top:9px;color:#d8e4f1}
.ckmbt .ckmbt-card__desc{color:var(--bt-muted);font-size:13px;line-height:1.6;margin-top:11px;margin-bottom:18px}
.ckmbt .ckmbt-card__link{margin-top:auto;border:1px solid rgba(142,220,224,.38);border-radius:9px;padding:8px 13px;color:#a4e5e4!important;font-size:13px;font-weight:800;display:inline-flex;gap:25px;align-items:center;transition:background .15s}
.ckmbt .ckmbt-card__link:hover{background:rgba(158,227,222,.11)}
.ckmbt .ckmbt-benefits__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ckmbt .ckmbt-benefit{border:1px solid var(--bt-border);background:var(--bt-card);border-radius:18px;padding:24px;min-height:187px}
.ckmbt .ckmbt-benefit>span{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;font-size:23px;background:rgba(144,209,228,.1);margin-bottom:16px}
.ckmbt .ckmbt-benefit h3{font-size:17px;margin-bottom:7px}.ckmbt .ckmbt-benefit p{font-size:13px;line-height:1.6;color:var(--bt-muted)}
.ckmbt .ckmbt-final{display:flex;gap:30px;justify-content:space-between;align-items:center;background:radial-gradient(ellipse at 100% 10%,rgba(137,211,217,.2),transparent 45%),linear-gradient(125deg,#172f3c,#122234);border:1px solid rgba(151,213,220,.3);border-radius:23px;padding:clamp(26px,4vw,45px);margin-top:36px}
.ckmbt .ckmbt-final h2{font-size:clamp(24px,2.8vw,34px);max-width:680px}.ckmbt .ckmbt-final p:not(.ckmbt-kicker){color:#bdcfdb;max-width:650px;font-size:14px;line-height:1.7;margin-top:15px}
.ckmbt .ckmbt-final .ckmbt-button{flex-shrink:0}


/* v0.1.1 /ai-business-trainers/: bright marketing palette by default.
   The site's selected DARK preference still controls html[data-ckm-theme="dark"]. */
html[data-ckm-theme="light"] .ckmbt {
  --bt-bg:#f6f9fc;
  --bt-card:#ffffff;
  --bt-card2:#f4f9fd;
  --bt-text:#1b3349;
  --bt-muted:#52667e;
  --bt-border:#d5e2ec;
  --bt-accent:#156e88;
  --bt-gold:#b77b28;
  --bt-violet:#6259b0;
}
html[data-ckm-theme="light"] .ckmbt .ckmbt-hero {
  background:radial-gradient(ellipse at 78% 18%,#e4f4f4,transparent 43%),linear-gradient(148deg,#ffffff 12%,#eff6fb 98%);
  border-color:#d4e3ed;
  box-shadow:0 20px 55px rgba(37,75,114,.07);
}
html[data-ckm-theme="light"] .ckmbt .ckmbt-eyebrow {
  background:#e9f5f3;color:#176b72;border-color:#c5e4e0;
}
html[data-ckm-theme="light"] .ckmbt .ckmbt-hero h1,
html[data-ckm-theme="light"] .ckmbt .ckmbt-card__body h3 {color:#1b3349}
html[data-ckm-theme="light"] .ckmbt .ckmbt-hero h1 em {color:#167b83}
html[data-ckm-theme="light"] .ckmbt .ckmbt-hero__lead {color:#4e647b}
html[data-ckm-theme="light"] .ckmbt .ckmbt-button--primary {
  background:#176c7e!important;color:#ffffff!important;border-color:#176c7e!important;
}
html[data-ckm-theme="light"] .ckmbt .ckmbt-button--primary:hover {box-shadow:0 10px 22px rgba(27,108,125,.18)}
html[data-ckm-theme="light"] .ckmbt .ckmbt-button--ghost {
  color:#26435e!important;background:#fff!important;border-color:#c9dbe5!important;
}
html[data-ckm-theme="light"] .ckmbt .ckmbt-hero__chips span {
  color:#465e78;border-color:#d3e1eb;background:rgba(255,255,255,.78);
}
html[data-ckm-theme="light"] .ckmbt .ckmbt-graphic-bg {
  border-color:#d4e6e9;box-shadow:0 0 0 39px rgba(29,123,132,.028),0 0 0 78px rgba(29,123,132,.018);
}
html[data-ckm-theme="light"] .ckmbt .ckmbt-diagram__node {
  background:linear-gradient(148deg,#fff,#eaf3f9);border-color:#cee0e9;box-shadow:0 15px 28px rgba(21,67,95,.12);
}
html[data-ckm-theme="light"] .ckmbt .ckmbt-diagram__node--focus {
  background:linear-gradient(148deg,#dcf3f0,#edf8f7);border-color:#93d3d1;
}
html[data-ckm-theme="light"] .ckmbt .ckmbt-diagram__node b {color:#27465e}
html[data-ckm-theme="light"] .ckmbt .ckmbt-diagram__path i {background:#208a91}
html[data-ckm-theme="light"] .ckmbt .ckmbt-floating {
  background:#fff;color:#304a65;border-color:#d8e5ed;box-shadow:0 10px 25px rgba(31,81,109,.12);
}
html[data-ckm-theme="light"] .ckmbt .ckmbt-floating span {color:#ab7827}
html[data-ckm-theme="light"] .ckmbt .ckmbt-video-shell {
  background:#f9fcfe;border-color:#d6e4ed;box-shadow:0 16px 40px rgba(34,85,113,.07);
}
html[data-ckm-theme="light"] .ckmbt .ckmbt-video-placeholder {
  background:radial-gradient(circle at 50% 45%,#d9f0f0,transparent 36%),repeating-linear-gradient(0deg,#f7fbfc,#f7fbfc 27px,#edf4f8 28px);
}
html[data-ckm-theme="light"] .ckmbt .ckmbt-play {
  background:#176c7e;border-color:#176c7e;color:#fff;box-shadow:0 0 0 16px rgba(30,122,134,.08);
}
html[data-ckm-theme="light"] .ckmbt .ckmbt-video-placeholder a {color:#11657c}
html[data-ckm-theme="light"] .ckmbt .ckmbt-card {
  background:linear-gradient(140deg,#fff,#f5f9fd);border-color:#d6e3ec;
}
html[data-ckm-theme="light"] .ckmbt .ckmbt-card:hover {
  box-shadow:0 18px 36px rgba(36,83,114,.11);border-color:#9ecbd2;
}
html[data-ckm-theme="light"] .ckmbt .ckmbt-card__art {
  background:radial-gradient(ellipse at 65% 35%,#def0f3,transparent 63%),linear-gradient(138deg,#ecf6f9,#fff6ea);
  border-color:#dce8ef;color:#187487;
}
html[data-ckm-theme="light"] .ckmbt .ckmbt-card--sales .ckmbt-card__art {color:#5a67ba}
html[data-ckm-theme="light"] .ckmbt .ckmbt-card--debate .ckmbt-card__art {color:#1b7a7e}
html[data-ckm-theme="light"] .ckmbt .ckmbt-card--negotiation .ckmbt-card__art {color:#ad712e}
html[data-ckm-theme="light"] .ckmbt .ckmbt-card--choice .ckmbt-card__art {color:#7763ad}
html[data-ckm-theme="light"] .ckmbt .ckmbt-card__tag {color:#176c7e}
html[data-ckm-theme="light"] .ckmbt .ckmbt-card__subtitle {color:#35516b}
html[data-ckm-theme="light"] .ckmbt .ckmbt-card__desc {color:#536981}
html[data-ckm-theme="light"] .ckmbt .ckmbt-card__link {
  color:#13657b!important;background:#e7f4f6;border-color:#b9dce0;
}
html[data-ckm-theme="light"] .ckmbt .ckmbt-card__link:hover {background:#d8eef0}
html[data-ckm-theme="light"] .ckmbt .ckmbt-benefit {
  background:#fff;border-color:#d8e5ed;box-shadow:0 8px 26px rgba(33,76,109,.035);
}
html[data-ckm-theme="light"] .ckmbt .ckmbt-benefit>span {background:#e9f4f8}
html[data-ckm-theme="light"] .ckmbt .ckmbt-final {
  background:radial-gradient(ellipse at 100% 20%,#d8eeef,transparent 48%),linear-gradient(115deg,#f2f9fb,#eaf3fa);
  border-color:#c9e1e5;
}
html[data-ckm-theme="light"] .ckmbt .ckmbt-final p:not(.ckmbt-kicker) {color:#4d647a}

@media(max-width:1050px){.ckmbt .ckmbt-hero{grid-template-columns:1fr}.ckmbt .ckmbt-hero__graphic{min-height:240px}.ckmbt .ckmbt-diagram__node{width:125px}.ckmbt .ckmbt-card{grid-template-columns:1fr}.ckmbt .ckmbt-card:nth-child(5){grid-template-columns:1fr}.ckmbt .ckmbt-card__art{max-height:190px;border-right:0;border-bottom:1px solid rgba(190,215,244,.1)}.ckmbt .ckmbt-art-svg{max-width:230px}}
@media(max-width:700px){.ckmbt{width:calc(100vw - 24px);margin:15px 0 50px}.ckmbt .ckmbt-hero{padding:29px 21px;border-radius:20px}.ckmbt .ckmbt-hero h1{font-size:clamp(30px,7.4vw,39px)}.ckmbt .ckmbt-hero__graphic{min-height:185px}.ckmbt .ckmbt-diagram__node{width:77px;min-height:86px}.ckmbt .ckmbt-diagram__node span{font-size:24px}.ckmbt .ckmbt-diagram__node b{font-size:9px}.ckmbt .ckmbt-floating{display:none}.ckmbt .ckmbt-section-top{display:block}.ckmbt .ckmbt-section-top>p{margin-top:11px}.ckmbt .ckmbt-video-section,.ckmbt .ckmbt-games,.ckmbt .ckmbt-benefits{margin-top:48px}.ckmbt .ckmbt-video-placeholder{min-height:220px}.ckmbt .ckmbt-cards{grid-template-columns:1fr}.ckmbt .ckmbt-card:nth-child(5){grid-column:auto}.ckmbt .ckmbt-card__body{padding:22px}.ckmbt .ckmbt-benefits__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ckmbt .ckmbt-final{display:block}.ckmbt .ckmbt-final .ckmbt-button{margin-top:23px}}
@media(max-width:420px){.ckmbt .ckmbt-benefits__grid{grid-template-columns:1fr}.ckmbt .ckmbt-benefit{min-height:0}.ckmbt .ckmbt-button{width:100%}.ckmbt .ckmbt-hero__chips span{font-size:11px}}
@media(prefers-reduced-motion:reduce){.ckmbt .ckmbt-button,.ckmbt .ckmbt-card,.ckmbt .ckmbt-card__link{transition:none}}
