/* Ker Coast — 29 October 2026.
   Bespoke offer conversion: three concise benefits and a real public Signature
   preview rendered inside a non-interactive phone, with a separate accessible link.
   Homepage-only selectors. No private guide, checkout or API changes. */
.kc-home-refresh .kc-after-benefits{background:#f7f3eb;color:#143954;padding:clamp(42px,5.8vw,82px) 0}
.kc-home-refresh .kc-after-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:clamp(28px,4.2vw,70px);align-items:center}
.kc-home-refresh .kc-after-copy{min-width:0}
.kc-home-refresh .kc-after-benefits h2{color:#143954;margin:8px 0 25px;font-size:clamp(1.8rem,3.4vw,3rem);line-height:1.14}
.kc-home-refresh .kc-after-benefits .eyebrow{color:#345775}
.kc-home-refresh .kc-after-benefits-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:11px}
.kc-home-refresh .kc-after-benefits-grid article{background:#fffdf8;border:1px solid #d9dfe0;border-radius:15px;padding:16px 20px;min-width:0}
.kc-home-refresh .kc-after-benefits-grid h3{color:#143954;font-size:1.17rem;line-height:1.25;margin:0 0 7px;overflow-wrap:break-word}
.kc-home-refresh .kc-after-benefits-grid p{color:#3b5262;line-height:1.5;margin:0}
.kc-home-refresh .kc-after-proof{margin:22px 0 16px;color:#344d61;line-height:1.6;font-size:.92rem}
.kc-home-refresh .kc-after-demo{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;max-width:100%;padding:12px 22px;border:2px solid #143954;border-radius:11px;background:#143954;color:#fff!important;font-weight:750;line-height:1.4;text-align:center;text-decoration:none;box-shadow:0 8px 22px rgba(20,57,84,.14);overflow-wrap:anywhere}
.kc-home-refresh .kc-after-demo:hover{background:#0b293e;border-color:#0b293e}
.kc-home-refresh .kc-after-demo span{font-size:1.22em;flex-shrink:0}
.kc-home-refresh .kc-after-preview{margin:0;display:flex;flex-direction:column;align-items:center;min-width:0}
.kc-home-refresh .kc-after-phone{position:relative;display:block;width:min(100%,292px);aspect-ratio:9/17.5;padding:13px 6px 8px;border:9px solid #183c55;border-radius:38px;background:#183c55;box-shadow:0 24px 56px rgba(13,42,61,.22),0 3px 12px rgba(13,42,61,.12)}
.kc-home-refresh .kc-after-phone-speaker{position:absolute;z-index:2;top:5px;left:50%;width:58px;height:5px;transform:translateX(-50%);border-radius:10px;background:#8ba6b7}
.kc-home-refresh .kc-after-phone-screen{width:100%;height:100%;min-height:0;border-radius:26px;overflow:hidden;background:#f8f5ee}
.kc-home-refresh .kc-after-phone-screen iframe{display:block;width:100%;height:100%;border:0;background:#f8f5ee;pointer-events:none}
.kc-home-refresh .kc-after-phone-hit{position:absolute;z-index:3;inset:0;display:block;border-radius:38px;cursor:pointer}
.kc-home-refresh .kc-after-phone-hit:hover{box-shadow:inset 0 0 0 3px rgba(255,255,255,.55)}
.kc-home-refresh .kc-after-preview figcaption{max-width:335px;margin:15px auto 0;color:#3e586a;text-align:center;font-size:.85rem;line-height:1.45}
.kc-home-refresh .kc-after-actions{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;padding:26px 0 0}
.kc-home-refresh .kc-after-actions p{color:#344d61;margin:0;line-height:1.55;max-width:700px}
.kc-home-refresh .kc-after-cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 26px;border-radius:10px;background:#143954;color:#fff!important;text-align:center;text-decoration:none;font-weight:700}
.kc-home-refresh .kc-after-cta:hover{background:#0b293e}
.kc-home-refresh :is(.kc-after-cta,.kc-after-demo,.kc-after-phone-hit):focus-visible{outline:3px solid #a8753a;outline-offset:4px}
@media(max-width:860px){
 .kc-home-refresh .kc-after-layout{grid-template-columns:minmax(0,1fr);gap:30px}
 .kc-home-refresh .kc-after-preview{padding-top:4px}
 .kc-home-refresh .kc-after-phone{width:min(100%,284px)}
}
@media(max-width:700px){
 .kc-home-refresh .kc-after-benefits{padding:42px 0}
 .kc-home-refresh .kc-after-benefits-grid article{padding:15px 17px}
 .kc-home-refresh .kc-after-demo{width:100%;max-width:400px}
 .kc-home-refresh .kc-after-phone{width:min(100%,272px)}
 .kc-home-refresh .kc-after-preview figcaption{max-width:280px}
 .kc-home-refresh .kc-after-cta{width:100%;max-width:370px}
}
