/* checka commercial positioning v1 — 2026-10-03
   Positions checka as Interaction Intelligence with four product questions. */

.checka-home .hero-capabilities{
  display:flex;
  flex-wrap:wrap;
  gap:8px 10px;
  margin-top:18px;
}
.checka-home .hero-capabilities span{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:6px 10px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  background:rgba(255,255,255,.055);
  color:#d9e6f4;
  font-size:11px;
  font-weight:700;
  letter-spacing:.01em;
  backdrop-filter:blur(8px);
}
.checka-home .signal-intelligence-preview{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin-top:13px;
  padding-top:13px;
  border-top:1px solid rgba(255,255,255,.13);
}
.checka-home .signal-intelligence-preview article{
  min-width:0;
  padding:10px 10px 9px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:9px;
  background:rgba(255,255,255,.045);
}
.checka-home .signal-intelligence-preview small{
  display:block;
  color:#9fb4ca;
  font-size:9px;
  font-weight:750;
  letter-spacing:.08em;
  text-transform:uppercase;
  line-height:1.25;
}
.checka-home .signal-intelligence-preview strong{
  display:block;
  margin-top:5px;
  color:#f7fbff;
  font-size:15px;
  line-height:1.2;
  letter-spacing:-.25px;
}
.checka-home .signal-intelligence-preview span{
  display:block;
  margin-top:4px;
  color:#b9cadc;
  font-size:9px;
  line-height:1.35;
}
.checka-home .signal-intelligence-preview [data-kind="profile"]{
  border-color:rgba(255,154,71,.32);
  background:linear-gradient(145deg,rgba(255,154,71,.10),rgba(255,255,255,.035));
}
.checka-home .signal-intelligence-preview [data-kind="voice"]{
  border-color:rgba(111,181,231,.28);
  background:linear-gradient(145deg,rgba(76,147,198,.10),rgba(255,255,255,.035));
}

/* Interaction Intelligence positioning block */
.checka-home .conversation-layers{
  padding:68px 0 62px;
  background:
    radial-gradient(circle at 85% 0,rgba(244,137,68,.10),transparent 30%),
    linear-gradient(180deg,#f6f8fb 0%,#fff 100%);
  border-bottom:1px solid #e1e8ef;
}
.checka-home .layers-heading{
  max-width:790px;
  margin-bottom:30px;
}
.checka-home .layers-heading h2{
  margin:0;
  max-width:760px;
  color:#102d4c;
  font-size:clamp(32px,4vw,50px);
  line-height:1.02;
  letter-spacing:-1.8px;
}
.checka-home .layers-heading>p:not(.eyebrow){
  max-width:760px;
  margin-top:16px;
  color:#526c84;
  font-size:16px;
  line-height:1.7;
}
.checka-home .layers-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.checka-home .layer-card{
  position:relative;
  min-width:0;
  padding:25px 23px 22px;
  overflow:hidden;
  border:1px solid #dbe4ec;
  border-radius:14px;
  background:#fff;
  box-shadow:0 15px 35px rgba(16,45,76,.065);
}
.checka-home .layer-card::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:#7894ad;
}
.checka-home .layer-card[data-layer="profile"]::before{background:linear-gradient(#ff9a47,#ef762e)}
.checka-home .layer-card[data-layer="voice"]::before{background:linear-gradient(#4d9bce,#376f9d)}
.checka-home .layer-card[data-layer="coaching"]::before{background:linear-gradient(#7357b8,#4b3b8f)}
.checka-home .layer-number{
  position:absolute;
  right:18px;
  top:15px;
  color:#d7e0e9;
  font-family:Bricolage,Instrument,sans-serif;
  font-size:34px;
  font-weight:750;
  letter-spacing:-1.5px;
}
.checka-home .layer-kicker{
  display:block;
  margin-bottom:10px;
  color:#6a7f94;
  font-size:10px;
  font-weight:800;
  letter-spacing:1.25px;
}
.checka-home .layer-value{
  display:block;
  max-width:85%;
  color:#173b5c;
  font-family:Bricolage,Instrument,sans-serif;
  font-size:25px;
  line-height:1.1;
  letter-spacing:-.8px;
}
.checka-home .layer-card[data-layer="profile"] .layer-value{color:#bd5b20}
.checka-home .layer-card[data-layer="voice"] .layer-value{color:#306e99}
.checka-home .layer-card[data-layer="coaching"] .layer-value{color:#59449a}
.checka-home .signal-intelligence-preview [data-kind="coaching"]{border-color:rgba(148,121,214,.28);background:linear-gradient(145deg,rgba(112,83,178,.10),rgba(255,255,255,.035))}
.checka-home .layer-card h3{
  margin:14px 0 8px;
  color:#172f49;
  font-size:22px;
  letter-spacing:-.5px;
}
.checka-home .layer-card p{
  margin:0;
  color:#5d7185;
  font-size:14px;
  line-height:1.62;
}
.checka-home .layer-tags,
.checka-home .layer-resources{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:18px;
}
.checka-home .layer-tags span,
.checka-home .layer-resources span{
  display:inline-flex;
  align-items:center;
  gap:4px;
  min-height:28px;
  padding:5px 8px;
  border-radius:6px;
  background:#f3f6f9;
  color:#536a80;
  font-size:10px;
  font-weight:700;
}
.checka-home .layer-resources span{
  background:#fff5ed;
  color:#914a20;
}
.checka-home .layer-resources b{font-variant-numeric:tabular-nums}
.checka-home .layers-statement{
  margin:22px 0 0;
  padding:17px 20px;
  border-left:3px solid #f38a42;
  border-radius:0 8px 8px 0;
  background:#fff7f1;
  color:#4e6174;
  font-size:15px;
  line-height:1.6;
}
.checka-home .layers-statement strong{color:#a84d18}

/* Commercial intelligence in the interactive demo */
.checka-home .commercial-snapshot{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  padding:10px 12px 11px;
  border-top:1px solid #e2e9ef;
  border-bottom:1px solid #e2e9ef;
  background:#f8fafc;
}
.checka-home .commercial-mini{
  min-width:0;
  padding:9px 10px;
  border:1px solid #dbe5ed;
  border-radius:8px;
  background:#fff;
}
.checka-home .commercial-mini small,
.checka-home .commercial-resources>small{
  display:block;
  margin-bottom:4px;
  color:#71869a;
  font-size:8px;
  font-weight:800;
  letter-spacing:.75px;
  text-transform:uppercase;
}
.checka-home .commercial-mini strong{
  display:block;
  color:#173b5c;
  font-size:14px;
  line-height:1.2;
}
.checka-home .commercial-mini[data-kind="profile"] strong{color:#a85220}
.checka-home .commercial-mini[data-kind="voice"] strong{color:#2d6e9a}
.checka-home .commercial-mini span{
  display:block;
  margin-top:3px;
  color:#657b8f;
  font-size:9px;
  line-height:1.3;
}
.checka-home .commercial-mini span b{color:inherit}
.checka-home .commercial-resources{
  grid-column:1/-1;
  min-width:0;
  padding:8px 10px 2px;
}
.checka-home .commercial-resources>div{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:5px;
}
.checka-home .commercial-resources span{
  display:flex;
  justify-content:center;
  gap:4px;
  padding:5px 4px;
  border-radius:5px;
  background:#eef3f7;
  color:#597086;
  font-size:9px;
  font-weight:700;
}
.checka-home .commercial-resources b{
  color:#183c5c;
  font-variant-numeric:tabular-nums;
}

@media(max-width:1100px){
  .checka-home .layers-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .checka-home .layers-grid{grid-template-columns:1fr}
  .checka-home .layer-card{padding:23px 22px}
  .checka-home .conversation-layers{padding:52px 0}
}
@media(max-width:700px){
  .checka-home .signal-intelligence-preview{grid-template-columns:1fr}
  .checka-home .signal-intelligence-preview article{display:grid;grid-template-columns:92px 1fr;align-items:center;gap:3px 10px}
  .checka-home .signal-intelligence-preview strong{margin-top:0}
  .checka-home .signal-intelligence-preview span{grid-column:2;margin-top:0}
  .checka-home .hero-capabilities{gap:6px}
  .checka-home .hero-capabilities span{font-size:10px;padding-inline:8px}
  .checka-home .commercial-resources>div{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:520px){
  .checka-home .conversation-layers{padding:42px 0 38px}
  .checka-home .layers-heading h2{font-size:34px;letter-spacing:-1.2px}
  .checka-home .layers-heading>p:not(.eyebrow){font-size:15px}
  .checka-home .layer-card{padding:21px 18px 19px}
  .checka-home .layer-value{font-size:23px}
  .checka-home .commercial-snapshot{grid-template-columns:1fr}
  .checka-home .commercial-resources{grid-column:auto}
}