/* 0.2.1: image-fit corrections and unique scenario sketches */
/* CKM business AI platform landing — page-scoped, Gutenberg editable */
body.ckmai-hub-page .wp-site-blocks > header,
body.ckmai-hub-page .wp-site-blocks > .wp-block-template-part:has(header),
body.ckmai-hub-page #masthead,
body.ckmai-hub-page #site-header,
body.ckmai-hub-page .site-header,
body.ckmai-hub-page header:not(.ckmai-hub header),
body.ckmai-hub-page .wp-block-post-title,
body.ckmai-hub-page .entry-title,
body.ckmai-hub-page .nv-page-title {display:none!important}
body.ckmai-hub-page .wp-site-blocks > main,
body.ckmai-hub-page .wp-block-post-content,
body.ckmai-hub-page .entry-content {margin-block-start:0!important;padding-block-start:0!important}
.ckmai-hub,.ckmai-hub *{box-sizing:border-box}
.ckmai-hub{
  --ck-ink:#f2f7ff;--ck-muted:#c2d0e6;--ck-blue:#367cff;
  width:min(100% - 20px,1320px);max-width:1320px!important;
  margin:14px auto 38px!important;padding:0 32px 24px;
  font:400 16px/1.55 "Ubuntu",Arial,sans-serif;color:var(--ck-ink);
  background:#0b1a2c;border:1px solid #263e59;border-radius:24px;
  box-shadow:0 15px 60px rgba(6,17,36,.12);overflow:hidden;
}
.ckmai-hub :where(.wp-block-group,.wp-block-columns,.wp-block-column,.wp-block-buttons){max-width:none}
.ckmai-hub :where(h1,h2,h3,p){color:inherit;margin-top:0}
.ckmai-hub p{margin-bottom:12px}
/* The original CKM handwriting: Caveat / Bad Script; regular interface: Ubuntu. */
.ckmai-hub h1,.ckmai-hub h2{font-family:"Caveat","Bad Script","Segoe Print","Comic Neue",cursive!important;letter-spacing:0!important;line-height:1.04;font-weight:700!important;}
.ckmai-hub h1{font-size:clamp(47px,6vw,79px)!important;margin:9px 0 22px;max-width:600px}
.ckmai-hub h2{font-size:clamp(35px,4vw,50px)!important;margin:9px 0 17px}
.ckmai-hub h3{font-family:"Ubuntu",Arial,sans-serif!important;font-size:clamp(17px,1.6vw,21px);letter-spacing:0;line-height:1.3;font-weight:700;margin:10px 0}
.ckmai-hub a:not(.wp-block-button__link){color:inherit;text-decoration:none}
.ckmai-hub .ckmai-eyebrow{font:700 12px/1.4 "Ubuntu",Arial,sans-serif;color:#77b4ff;letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px}
.ckmai-hub .ckmai-section-lead{max-width:900px;font-size:15px;line-height:1.68;color:#bbcadf;margin-bottom:26px}
.ckmai-hub .ckmai-navigation{display:flex;align-items:center;gap:22px;min-height:76px;padding:14px 3px;border-bottom:1px solid #314760}
.ckmai-hub .ckmai-navigation p{margin:0}
.ckmai-hub .ckmai-nav-mark{width:40px;height:40px;margin:0;flex:0 0 auto;display:block}
.ckmai-hub .ckmai-nav-mark img{width:40px;height:40px;object-fit:contain}.ckmai-hub .ckmai-nav-brand{font-size:12px!important;letter-spacing:.12em;font-weight:700;white-space:nowrap;color:#d6e6ff!important}
.ckmai-hub .ckmai-nav-links{margin-left:auto!important;font-size:13px;display:flex;gap:25px;flex-wrap:wrap;color:#bfd5f3!important}
.ckmai-hub .ckmai-nav-links a:hover{color:#fff;text-decoration:underline}
.ckmai-hub .ckmai-hero{position:relative;padding:70px min(43%,460px) 72px 6px;min-height:440px;isolation:isolate}
.ckmai-hub .ckmai-hero:before{content:"";position:absolute;z-index:-2;inset:0 -32px;background:radial-gradient(circle at 78% 48%,#1e3e64,transparent 48%);pointer-events:none}
.ckmai-hub .ckmai-hero-art{position:absolute;right:-15px;top:31px;width:min(44%,530px);height:375px;overflow:hidden;margin:0;border-radius:24px;filter:drop-shadow(0 16px 25px rgba(0,0,0,.17));background:linear-gradient(180deg,#eef4fb,#ffffff);padding:10px;border:1px solid rgba(255,255,255,.18);} 
.ckmai-hub .ckmai-hero-art img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}
.ckmai-hub .ckmai-lead{font-size:clamp(16px,1.8vw,19px);max-width:670px;color:#d1dded;line-height:1.64;margin-bottom:26px}
.ckmai-hub .ckmai-hero-foot{font-size:12px;color:#9eb9dc;margin-top:20px;max-width:580px}
.ckmai-hub .wp-block-buttons{display:flex;gap:11px;flex-wrap:wrap;margin:0}
.ckmai-hub .wp-block-button{margin:0}
.ckmai-hub .wp-block-button__link{font:700 13px/1.3 "Ubuntu",Arial,sans-serif!important;border:1px solid #5e7294!important;border-radius:11px;padding:12px 18px;min-height:44px;color:#eff6ff!important;background:#223957!important;text-decoration:none!important;display:inline-flex;justify-content:center;align-items:center;transition:filter .16s ease}
.ckmai-hub .wp-block-button__link:focus-visible{outline:2px solid #78b9ff;outline-offset:3px}
.ckmai-hub .wp-block-button__link:hover{filter:brightness(1.1)}
.ckmai-hub .ckmai-btn-primary .wp-block-button__link{background:#176dff!important;border-color:#176dff!important;color:white!important}
.ckmai-hub .ckmai-btn-outline .wp-block-button__link{background:transparent!important;border-color:#6b85ae!important;color:#e3f0ff!important}
.ckmai-hub .ckmai-features,.ckmai-hub .ckmai-audience{color:#132641;background:#f8fafd;margin:0 -32px;padding:44px 32px 50px}
.ckmai-hub .ckmai-features .ckmai-eyebrow,.ckmai-hub .ckmai-audience .ckmai-eyebrow{color:#176dff}
.ckmai-hub .ckmai-features .ckmai-section-lead,.ckmai-hub .ckmai-audience .ckmai-section-lead{color:#53677e}
.ckmai-hub .ckmai-product-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 16px}
.ckmai-hub .ckmai-product-grid>.wp-block-column{margin:0!important;min-width:0}
.ckmai-hub .ckmai-product-card{display:flex;flex-direction:column;min-height:360px;height:100%;border:1px solid #dce5f1;background:#fff;border-radius:16px;padding:13px 16px 18px;box-shadow:0 6px 19px rgba(22,58,105,.04)}
.ckmai-hub .ckmai-product-card .ckmai-sketch{width:100%;height:auto;aspect-ratio:1/1;margin:0 0 14px;border-radius:12px;overflow:hidden;background:#f1f5fa;display:block}
.ckmai-hub .ckmai-product-card .ckmai-sketch img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}
.ckmai-hub .ckmai-card-index{color:#176dff;font-size:11px;letter-spacing:.07em;font-weight:700;margin:0}
.ckmai-hub .ckmai-product-card h3{color:#10243d;margin:7px 0}
.ckmai-hub .ckmai-card-description{color:#445770;font-size:13px;line-height:1.55}
.ckmai-hub .ckmai-card-meta{color:#5c7192;font-size:12px}
.ckmai-hub .ckmai-product-card .wp-block-buttons{margin-top:auto}
.ckmai-hub .ckmai-btn-card .wp-block-button__link{background:#ecf3ff!important;color:#155bd1!important;border-color:#c4d6f3!important;min-height:40px;padding:9px 12px;font-size:12px!important}
.ckmai-hub .ckmai-workflow,.ckmai-hub .ckmai-scenarios,.ckmai-hub .ckmai-roadmap{padding:48px 6px 42px;border-bottom:1px solid #283e55}
.ckmai-hub .ckmai-steps-row{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:24px 0 0}
.ckmai-hub .ckmai-steps-row>.wp-block-column{min-width:0;margin:0}
.ckmai-hub .ckmai-step{height:100%;padding:20px 16px;background:#142b46;border:1px solid #315273;border-radius:14px}
.ckmai-hub .ckmai-stepnum{display:inline-flex;align-items:center;justify-content:center;font-weight:700;border-radius:50%;width:33px;height:33px;background:#176dff;color:white;font-size:14px}
.ckmai-hub .ckmai-step h3{font-size:17px;color:#eff6ff}
.ckmai-hub .ckmai-step p:last-child{font-size:13px;color:#bdcde1;margin-bottom:0}
.ckmai-hub .ckmai-scenario-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:25px}
.ckmai-hub .ckmai-scenario-grid>.wp-block-column{min-width:0;margin:0}
.ckmai-hub .ckmai-scenario-card{height:100%;padding:13px 15px 18px;background:#14253c;border:1px solid #344b68;border-radius:15px}
.ckmai-hub .ckmai-scenario-sketch{margin:0;border-radius:11px;overflow:hidden;height:155px;background:#f3f7fc;padding:8px}
.ckmai-hub .ckmai-scenario-sketch img{width:100%;height:100%;object-fit:contain;display:block}
.ckmai-hub .ckmai-scenario-card h3{font-size:17px;color:#f1f6ff;margin-top:15px}
.ckmai-hub .ckmai-scenario-card p{font-size:13px;color:#b8c9dc}
.ckmai-hub .ckmai-audience{padding-bottom:42px}
.ckmai-hub .ckmai-audience-row{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:24px 0 0}
.ckmai-hub .ckmai-audience-row>.wp-block-column{min-width:0;margin:0}
.ckmai-hub .ckmai-audience-card{height:100%;background:#fff;border:1px solid #dbe5f1;border-radius:12px;padding:19px 16px}
.ckmai-hub .ckmai-audience-card h3{color:#132641;font-size:17px;margin:0 0 8px}
.ckmai-hub .ckmai-audience-card p{color:#50647d;font-size:13px;margin:0}
.ckmai-hub .ckmai-roadmap{padding:38px 7px}
.ckmai-hub .ckmai-roadmap p:not(.ckmai-eyebrow){color:#c3d2e7;max-width:920px;font-size:14px}
.ckmai-hub .ckmai-cta{background:#f7faff;color:#102341;border-radius:18px;margin:26px 0 24px!important;padding:40px 360px 40px 32px;position:relative;overflow:hidden;min-height:280px}
.ckmai-hub .ckmai-cta .ckmai-eyebrow{color:#176dff}
.ckmai-hub .ckmai-cta .ckmai-section-lead{color:#566d89;max-width:650px}
.ckmai-hub .ckmai-cta-sketch{position:absolute;right:14px;bottom:16px;width:335px;height:200px;margin:0;overflow:hidden}
.ckmai-hub .ckmai-cta-sketch img{width:100%;height:100%;object-fit:contain;display:block}
.ckmai-hub .ckmai-cta .ckmai-btn-outline .wp-block-button__link{border-color:#96b2d8!important;color:#235bb4!important}
.ckmai-hub .ckmai-footbar{border-top:1px solid #344a67;padding:17px 0 0}
.ckmai-hub .ckmai-foottext{font-size:12px;color:#aac0dc;margin:0}
@media(max-width:1000px){
 .ckmai-hub .ckmai-hero{padding-right:34%;min-height:420px}
 .ckmai-hub .ckmai-hero-art{width:33%;height:300px;top:60px}
 .ckmai-hub .ckmai-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ckmai-hub .ckmai-steps-row,.ckmai-hub .ckmai-audience-row{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ckmai-hub .ckmai-cta{padding-right:280px}
 .ckmai-hub .ckmai-cta-sketch{width:260px}
}
@media(max-width:680px){
 .ckmai-hub{width:calc(100% - 10px);padding:0 14px 15px;border-radius:14px}
 .ckmai-hub .ckmai-navigation{display:block;min-height:auto;padding:16px 0}
 .ckmai-hub .ckmai-nav-links{display:flex;gap:13px;margin-top:10px!important;text-align:left;line-height:1.5}
 .ckmai-hub .ckmai-hero{padding:36px 2px 35px;min-height:auto}
 .ckmai-hub .ckmai-hero-art{position:relative;right:auto;top:auto;width:100%;height:250px;max-width:none;margin:17px 0 0}
 .ckmai-hub .ckmai-features,.ckmai-hub .ckmai-audience{margin:0 -14px;padding:31px 14px}
 .ckmai-hub .ckmai-product-grid,.ckmai-hub .ckmai-scenario-grid{grid-template-columns:1fr}
 .ckmai-hub .ckmai-product-card{min-height:auto}
 .ckmai-hub .ckmai-steps-row,.ckmai-hub .ckmai-audience-row{grid-template-columns:1fr 1fr;gap:9px}
 .ckmai-hub .ckmai-step,.ckmai-hub .ckmai-audience-card{padding:14px 11px}
 .ckmai-hub .ckmai-cta{padding:27px 16px;min-height:0}
 .ckmai-hub .ckmai-cta-sketch{position:relative;width:100%;height:200px;right:auto;bottom:auto;margin-top:20px}
 .ckmai-hub .wp-block-button__link{width:100%}
}
@media(max-width:380px){.ckmai-hub .ckmai-steps-row,.ckmai-hub .ckmai-audience-row{grid-template-columns:1fr}}

/* v0.2.3: true 1:1 artwork: responsive square image boxes, no crop. */
.ckmai-hub .ckmai-hero {min-height:510px;}
.ckmai-hub .ckmai-hero-art {
  top:26px;right:1px;width:min(38%,470px);height:auto!important;
  aspect-ratio:1/1;overflow:hidden;box-sizing:border-box;
  border-radius:18px;padding:0;background:#102641;
}
.ckmai-hub .ckmai-hero-art img,
.ckmai-hub .ckmai-cta-sketch img {
  width:100%!important;height:100%!important;display:block;
  object-fit:contain!important;object-position:center!important;
}
.ckmai-hub .ckmai-cta {min-height:354px;padding-right:365px;}
.ckmai-hub .ckmai-cta-sketch {
  right:17px;bottom:20px;width:315px;height:auto!important;
  aspect-ratio:1/1;overflow:hidden;border-radius:14px;background:white;
}
@media(max-width:1000px) {
  .ckmai-hub .ckmai-hero{min-height:445px;}
  .ckmai-hub .ckmai-hero-art{top:57px;width:34%;height:auto!important;aspect-ratio:1/1;}
  .ckmai-hub .ckmai-cta{min-height:315px;padding-right:285px;}
  .ckmai-hub .ckmai-cta-sketch{width:250px;height:auto!important;}
}
@media(max-width:680px) {
  .ckmai-hub .ckmai-hero{min-height:0;padding-right:2px;}
  .ckmai-hub .ckmai-hero-art{
    position:relative;top:auto;right:auto;width:min(100%,440px);
    height:auto!important;aspect-ratio:1/1;margin:18px auto 0;
  }
  .ckmai-hub .ckmai-cta{min-height:0;padding-right:16px;}
  .ckmai-hub .ckmai-cta-sketch{
    position:relative;right:auto;bottom:auto;
    width:min(100%,340px);height:auto!important;aspect-ratio:1/1;
    margin:20px auto 0;
  }
}


/* v0.2.4: working light/dark theme toggle */
.ckmai-hub.ckmai-theme-dark { color-scheme: dark; }
.ckmai-hub.ckmai-theme-light {
  color-scheme: light;
  --ck-ink:#102341;
  --ck-muted:#54697f;
  --ck-blue:#176dff;
  color:#102341;
  background:#f5f8fc;
  border-color:#dbe5f1;
  box-shadow:0 15px 60px rgba(6,17,36,.08);
}
.ckmai-hub .ckmai-theme-toggle{
  margin-left:auto;display:inline-flex;align-items:center;gap:7px;
  padding:8px 12px;border:1px solid rgba(127,157,195,.45);border-radius:16px;
  background:rgba(255,255,255,.08);backdrop-filter:blur(6px);
}
.ckmai-hub .ckmai-theme-btn{
  appearance:none;border:0;background:transparent;cursor:pointer;
  font:700 13px/1.2 "Ubuntu",Arial,sans-serif;color:#9fb2c8;padding:0;
}
.ckmai-hub .ckmai-theme-btn.is-active{color:#ffffff}
.ckmai-hub .ckmai-theme-sep{color:#7e94b1;font-weight:700}
.ckmai-hub.ckmai-theme-light .ckmai-theme-toggle{
  background:#ffffff;border-color:#d2dded;
}
.ckmai-hub.ckmai-theme-light .ckmai-theme-btn{color:#7d8ea5}
.ckmai-hub.ckmai-theme-light .ckmai-theme-btn.is-active{color:#176dff}
.ckmai-hub.ckmai-theme-light .ckmai-theme-sep{color:#9fb1c7}

.ckmai-hub.ckmai-theme-light .ckmai-navigation{border-bottom-color:#dbe5f1}
.ckmai-hub.ckmai-theme-light .ckmai-nav-brand{color:#235bb4!important}
.ckmai-hub.ckmai-theme-light .ckmai-nav-links{color:#445770!important}
.ckmai-hub.ckmai-theme-light .ckmai-nav-links a:hover{color:#102341}
.ckmai-hub.ckmai-theme-light .ckmai-hero:before{background:radial-gradient(circle at 78% 48%, rgba(74,128,194,.16), transparent 48%)}
.ckmai-hub.ckmai-theme-light .ckmai-lead{color:#4b6279}
.ckmai-hub.ckmai-theme-light .ckmai-hero-foot{color:#6782a1}
.ckmai-hub.ckmai-theme-light .wp-block-button__link{background:#ffffff!important;border-color:#c4d6f3!important;color:#173862!important}
.ckmai-hub.ckmai-theme-light .ckmai-btn-primary .wp-block-button__link{background:#176dff!important;border-color:#176dff!important;color:#fff!important}
.ckmai-hub.ckmai-theme-light .ckmai-btn-outline .wp-block-button__link{background:transparent!important;border-color:#9db7db!important;color:#1a5fd2!important}

.ckmai-hub.ckmai-theme-light .ckmai-workflow,
.ckmai-hub.ckmai-theme-light .ckmai-scenarios,
.ckmai-hub.ckmai-theme-light .ckmai-roadmap{border-bottom-color:#dbe5f1;background:#f5f8fc}
.ckmai-hub.ckmai-theme-light .ckmai-step,
.ckmai-hub.ckmai-theme-light .ckmai-scenario-card{
  background:#ffffff;border-color:#dbe5f1;
}
.ckmai-hub.ckmai-theme-light .ckmai-step h3,
.ckmai-hub.ckmai-theme-light .ckmai-scenario-card h3,
.ckmai-hub.ckmai-theme-light .ckmai-roadmap h2,
.ckmai-hub.ckmai-theme-light .ckmai-workflow h2,
.ckmai-hub.ckmai-theme-light .ckmai-scenarios h2{color:#102341}
.ckmai-hub.ckmai-theme-light .ckmai-step p:last-child,
.ckmai-hub.ckmai-theme-light .ckmai-scenario-card p,
.ckmai-hub.ckmai-theme-light .ckmai-roadmap p:not(.ckmai-eyebrow){color:#53677e}
.ckmai-hub.ckmai-theme-light .ckmai-stepnum{background:#176dff;color:#fff}
.ckmai-hub.ckmai-theme-light .ckmai-footbar{border-top-color:#dbe5f1}
.ckmai-hub.ckmai-theme-light .ckmai-foottext{color:#6782a1}
.ckmai-hub.ckmai-theme-light .ckmai-hero-art{background:#ffffff;border-color:#dbe5f1}
.ckmai-hub.ckmai-theme-light .ckmai-cta{background:#ffffff;border:1px solid #dbe5f1}
.ckmai-hub.ckmai-theme-light .ckmai-cta-sketch{background:#f7fbff}

@media(max-width:680px){
  .ckmai-hub .ckmai-theme-toggle{margin:12px 0 0;justify-content:center;width:fit-content}
}


/* v0.2.5: one shared CKM theme switch; hide 0.2.4 duplicate. */
body.ckmai-hub-page .ckmai-hub .ckmai-theme-toggle { display:none!important; }
/* CKM site-wide theme is authoritative; make page styling deterministic. */
html[data-ckm-theme="light"] body.ckmai-hub-page .ckmai-hub {
  color-scheme:light;
  --ck-ink:#102341;
  --ck-muted:#54697f;
  color:#102341;
  background:#f5f8fc;
  border-color:#dbe5f1;
}
html[data-ckm-theme="dark"] body.ckmai-hub-page .ckmai-hub {
  color-scheme:dark;
}
/* Keep the original global switch above the page and avoid blocking content. */
body.ckmai-hub-page .ckm-theme-switch { z-index:1001; }

/* v0.2.6: square full-width product sketches */
.ckmai-hub .ckmai-product-card .ckmai-sketch{max-width:none!important;}

/* v0.2.7: marketing homepage renders light for visitors with no new-page preference.
   This has no effect on the game / organizer pages. */
html[data-ckm-theme] body.ckmai-hub-page { background:#f5f8fc!important; color-scheme:light; }
html[data-ckm-theme="dark"] body.ckmai-hub-page:has(.ckmai-hub.ckmai-theme-dark) { background:#0b1728!important; color-scheme:dark; }
.ckmai-hub:not(.ckmai-theme-dark) { color-scheme:light; background:#f5f8fc; color:#102341; border-color:#dbe5f1; --ck-ink:#102341;--ck-muted:#54697f; }
.ckmai-hub:not(.ckmai-theme-dark) .ckmai-lead,
.ckmai-hub.ckmai-theme-light .ckmai-section-lead:not(.ckmai-cta .ckmai-section-lead),
.ckmai-hub.ckmai-theme-light .ckmai-roadmap p:not(.ckmai-eyebrow) { color:#4b6279; }
.ckmai-hub.ckmai-theme-light .ckmai-eyebrow { color:#176dff; }
.ckmai-hub.ckmai-theme-light .ckmai-nav-links { color:#445770!important; }
.ckmai-hub.ckmai-theme-light .ckmai-hero-art { background:#ffffff; }
.ckmai-hub.ckmai-theme-light .ckmai-roadmap strong { color:#102341; }