/* KeenAi One page (/keenai-one/), the sections below the 3D tour hero. Built 2026-10-21.
   Everything is scoped to .keenai-landing.k1: two classes, so these rules win over the site's own
   .keenai-landing h2/p/img rules without !important. The page is full width (.kl-full) and each band
   pads its content back to the site's column, with no viewport units (100vw overflows when a
   scrollbar is present). Text colours were picked for 4.5:1 or better on their own background. */

.keenai-landing.k1{
  --k1-deep:#071618; --k1-ink:#0E2A2B; --k1-teal:#0F766E; --k1-teal-d:#115E59; --k1-on-dark:#5EEAD4;
  --k1-text:#26393B; --k1-muted:#4D6466; --k1-line:#D6E3E1; --k1-tint:#EEF5F3; --k1-card:#FFFFFF;
  --k1-d-text:#E9F4F2; --k1-d-muted:#A9C9C4; --k1-d-line:rgba(94,234,212,.22);
  --k1-display:var(--kb-display,'Lexend',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif);
  --k1-body:var(--kb-text,'Source Sans 3',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif);
  padding-bottom:0;color:var(--k1-text);font-family:var(--k1-body);
}
.keenai-landing.k1 .k1-sec{padding:clamp(64px,3rem + 5vw,112px) 0;margin:0}
.keenai-landing.k1 .k1-light{background:#FBFDFC}
.keenai-landing.k1 .k1-tint{background:var(--k1-tint)}
.keenai-landing.k1 .k1-dark{background:linear-gradient(180deg,var(--k1-deep) 0%,var(--k1-ink) 100%);color:var(--k1-d-text)}
.keenai-landing.k1 .k1-wrap{max-width:1188px;margin:0 auto;padding:0 24px;box-sizing:border-box}
.keenai-landing.k1 .k1-narrow{max-width:880px}

/* type */
.keenai-landing.k1 .k1-eyebrow{font:600 13px/1.2 var(--k1-body);letter-spacing:.14em;text-transform:uppercase;color:var(--k1-teal);margin:0 0 14px}
.keenai-landing.k1 .k1-dark .k1-eyebrow{color:var(--k1-on-dark)}
.keenai-landing.k1 h2{font:500 clamp(30px,1.1rem + 2.2vw,46px)/1.08 var(--k1-display);letter-spacing:-.022em;color:var(--k1-ink);
  margin:0 0 18px;padding:0;border:0;text-wrap:balance;max-width:20ch}
.keenai-landing.k1 .k1-narrow h2{max-width:none}
.keenai-landing.k1 .k1-dark h2{color:var(--k1-d-text)}
.keenai-landing.k1 h3{font:500 20px/1.25 var(--k1-display);letter-spacing:-.01em;color:var(--k1-ink);margin:0 0 8px;padding:0;border:0}
.keenai-landing.k1 .k1-dark h3{color:var(--k1-d-text)}
.keenai-landing.k1 p{margin:0;max-width:none;font-size:17px;line-height:1.6}
.keenai-landing.k1 .k1-lede{font-size:clamp(17.5px,1rem + .35vw,20px);line-height:1.55;color:var(--k1-muted);max-width:720px}
.keenai-landing.k1 .k1-dark .k1-lede,.keenai-landing.k1 .k1-dark p{color:var(--k1-d-muted)}
.keenai-landing.k1 .k1-dark strong{color:var(--k1-d-text)}
.keenai-landing.k1 a{color:var(--k1-teal);text-decoration:underline;text-underline-offset:3px}
.keenai-landing.k1 .k1-dark a{color:var(--k1-on-dark)}
.keenai-landing.k1 a:focus-visible{outline:2px solid var(--k1-teal);outline-offset:3px;border-radius:4px}
.keenai-landing.k1 .k1-head{margin-bottom:clamp(32px,4vw,48px)}

/* cards */
.keenai-landing.k1 .k1-cards{display:grid;gap:20px;margin-top:clamp(28px,4vw,44px)}
.keenai-landing.k1 .k1-three{grid-template-columns:repeat(3,1fr)}
.keenai-landing.k1 .k1-grid{grid-template-columns:repeat(3,1fr);margin-top:0}
.keenai-landing.k1 .k1-four{grid-template-columns:repeat(4,1fr);margin-top:0}
.keenai-landing.k1 .k1-card{background:var(--k1-card);border:1px solid var(--k1-line);border-radius:18px;padding:26px 26px 28px;margin:0}
.keenai-landing.k1 .k1-card p{color:var(--k1-muted);font-size:16.5px}
.keenai-landing.k1 .k1-three .k1-card{border-top:4px solid var(--k1-teal)}
.keenai-landing.k1 .k1-tag{font:600 12px/1.2 var(--k1-body);letter-spacing:.12em;text-transform:uppercase;color:var(--k1-teal);margin:0 0 10px}
.keenai-landing.k1 .k1-statement{margin-top:clamp(32px,4vw,48px);font:500 clamp(22px,1rem + 1vw,30px)/1.25 var(--k1-display);
  letter-spacing:-.015em;color:var(--k1-ink);padding-left:20px;border-left:4px solid var(--k1-teal)}

/* the app: four real screens */
.keenai-landing.k1 .k1-phones{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2.4vw,32px);margin:0}
.keenai-landing.k1 figure{margin:0}
.keenai-landing.k1 .k1-phones figure,.keenai-landing.k1 .k1-phone{text-align:center}
.keenai-landing.k1 .k1-phones img,.keenai-landing.k1 .k1-phone img{display:block;width:100%;height:auto;max-width:none;margin:0;
  border-radius:30px;border:6px solid #0A0E0F;box-shadow:0 24px 60px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.08);background:#071A1C;box-sizing:border-box}
.keenai-landing.k1 figcaption{margin-top:12px;font:600 13px/1.4 var(--k1-body);letter-spacing:.08em;text-transform:uppercase;color:var(--k1-d-muted)}
.keenai-landing.k1 .k1-cap{margin-top:20px;font-size:14.5px;text-align:center}
.keenai-landing.k1 .k1-points{list-style:none;margin:clamp(32px,4vw,48px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.keenai-landing.k1 .k1-points li{margin:0;padding:18px 20px;border:1px solid var(--k1-d-line);border-radius:14px;color:var(--k1-d-muted);font-size:16.5px;line-height:1.55;background:rgba(7,22,24,.4)}

/* the assistant */
.keenai-landing.k1 .k1-split{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:clamp(32px,6vw,96px);align-items:center}
.keenai-landing.k1 .k1-phone{max-width:300px;justify-self:center}
.keenai-landing.k1 .k1-phone figcaption{color:var(--k1-muted);letter-spacing:0;text-transform:none;font-weight:400;font-size:14.5px}
.keenai-landing.k1 .k1-steps,.keenai-landing.k1 .k1-flow{list-style:none;margin:28px 0 0;padding:0;counter-reset:k1}
.keenai-landing.k1 .k1-steps li{counter-increment:k1;position:relative;margin:0;padding:0 0 22px 58px}
.keenai-landing.k1 .k1-steps li::before,.keenai-landing.k1 .k1-flow li::before{content:counter(k1);display:grid;place-items:center;width:38px;height:38px;border-radius:50%;
  background:var(--k1-teal);color:#fff;font:600 16px/1 var(--k1-display)}
.keenai-landing.k1 .k1-steps li::before{position:absolute;left:0;top:-4px}
.keenai-landing.k1 .k1-steps p{color:var(--k1-muted)}
.keenai-landing.k1 .k1-note{margin-top:8px;padding:16px 18px;border-radius:14px;background:var(--k1-tint);color:var(--k1-muted);font-size:15.5px}
.keenai-landing.k1 .k1-note strong{color:var(--k1-ink)}

/* where it runs + tiers */
.keenai-landing.k1 .k1-tiers{margin-top:20px;padding:26px 28px;border-radius:18px;background:var(--k1-ink);color:var(--k1-d-text)}
.keenai-landing.k1 .k1-tiers h3{color:var(--k1-d-text)}
.keenai-landing.k1 .k1-tiers p{color:var(--k1-d-muted);max-width:900px}
.keenai-landing.k1 .k1-tiers strong{color:var(--k1-on-dark);font-weight:600}

/* process */
.keenai-landing.k1 .k1-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:clamp(28px,4vw,44px)}
.keenai-landing.k1 .k1-flow li{counter-increment:k1;margin:0;padding:24px;background:var(--k1-card);border:1px solid var(--k1-line);border-radius:18px}
.keenai-landing.k1 .k1-flow li::before{margin-bottom:16px}
.keenai-landing.k1 .k1-flow p{color:var(--k1-muted);font-size:16.5px}

/* FAQ */
.keenai-landing.k1 .k1-faq{margin-top:28px;border-top:1px solid var(--k1-line)}
.keenai-landing.k1 .k1-faq h3{margin:0;padding:24px 0 8px;font-size:19px}
.keenai-landing.k1 .k1-faq p{color:var(--k1-muted);padding-bottom:24px;border-bottom:1px solid var(--k1-line)}

/* closing call to action */
.keenai-landing.k1 .k1-end{text-align:center}
.keenai-landing.k1 .k1-end .k1-lede{margin:0 auto}
.keenai-landing.k1 .k1-ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:32px}
/* .k1-ctas a.k1-btn, not .k1-btn: ".k1-dark a" above is more specific and turned the label teal on teal */
.keenai-landing.k1 .k1-ctas a.k1-btn{font:600 16px/1 var(--k1-body);text-decoration:none;padding:16px 22px;border-radius:12px;background:var(--k1-on-dark);color:var(--k1-deep)}
.keenai-landing.k1 .k1-ctas a.k1-btn:hover{background:#99F6E4;color:var(--k1-deep)}
.keenai-landing.k1 .k1-ctas a.k1-btn.k1-ghost{background:transparent;color:var(--k1-d-text);border:1px solid var(--k1-d-line)}
.keenai-landing.k1 .k1-ctas a.k1-btn.k1-ghost:hover{border-color:var(--k1-on-dark);color:var(--k1-d-text)}
.keenai-landing.k1 .k1-ctas a.k1-btn:focus-visible{outline:2px solid var(--k1-on-dark);outline-offset:3px}
.keenai-landing.k1 .k1-area{margin-top:24px;font-size:15px}

@media (max-width:1024px){
  .keenai-landing.k1 .k1-four,.keenai-landing.k1 .k1-flow{grid-template-columns:repeat(2,1fr)}
  .keenai-landing.k1 .k1-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
  .keenai-landing.k1 .k1-wrap{padding:0 16px}
  .keenai-landing.k1 .k1-three,.keenai-landing.k1 .k1-grid,.keenai-landing.k1 .k1-four,.keenai-landing.k1 .k1-flow,.keenai-landing.k1 .k1-points{grid-template-columns:1fr}
  .keenai-landing.k1 .k1-phones{grid-template-columns:repeat(2,1fr)}
  .keenai-landing.k1 .k1-phones img,.keenai-landing.k1 .k1-phone img{border-radius:22px;border-width:4px}
  .keenai-landing.k1 .k1-split{grid-template-columns:1fr}
  .keenai-landing.k1 .k1-phone{max-width:240px}
  .keenai-landing.k1 .k1-card{padding:22px}
}