/* Compact introduction with one animated example. */
.keksu-preview .ki-module-hero{align-items:start;padding-block:34px 44px;gap:56px}
.ki-module-hero h1{font-size:clamp(35px,4.3vw,58px);line-height:1.1;margin-block:20px}
.ki-module-hero .lede{font-size:19px;line-height:1.6}
.ki-module-hero .module-hero-price{margin-block:22px}
.ki-module-hero .ki-animation iframe{height:570px}
@media(max-width:800px){.keksu-preview .ki-module-hero{gap:28px;padding-block:26px 30px}.ki-module-hero h1{font-size:clamp(32px,7.5vw,45px)}.ki-module-hero .lede{font-size:17px}}
@media(max-width:420px){.ki-module-hero .ki-animation iframe{height:610px}}

/* Keep the remaining AI admin view centered. */
@media(min-width:861px){
 #screenshots .pg-shots>.pg-shot:first-child{grid-column:1/-1;justify-self:center;width:100%;max-width:960px}
}

/* Reuse the homepage chat animation beside the existing product benefits. */
.ki-example{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:64px}
.ki-example-visual,.ki-example-copy{min-width:0}
.ki-example-visual iframe{display:block;width:100%;height:570px;border:0;background:transparent}
.ki-example-copy>.eyebrow{font-size:12px}
.keksu-live .ki-example-copy>h2{font-size:clamp(30px,3.1vw,42px);line-height:1.12;letter-spacing:-.03em;margin:12px 0 26px}
.ki-example-benefits{display:grid;gap:24px}
.ki-example-benefits h3{font-size:21px;line-height:1.3;margin:0 0 8px}
.ki-example-benefits p{font-size:17px;line-height:1.6;color:var(--muted);max-width:none;margin:0}
@media(max-width:1100px) and (min-width:861px){.ki-example{gap:36px}.ki-example-benefits h3{font-size:20px}.ki-example-benefits p{font-size:16px}}
@media(max-width:860px){
 .ki-example{grid-template-columns:minmax(0,1fr);gap:28px}
 .keksu-live .ki-example-copy>h2{font-size:30px;margin-bottom:22px}
 .ki-example-benefits{gap:22px}
 .ki-example-benefits h3{font-size:21px}
}
@media(max-width:420px){.ki-example-visual iframe{height:620px}}