/* V2.5.0 - tighter homepage rhythm + animated search affordance */

/* Homepage only: remove excessive vertical dead-space between conversion blocks */
.kh-home-hero{padding:38px 0 30px}
.kh-home-hero.kh-hero-type-image,.kh-home-hero.kh-hero-type-youtube{padding:38px 0 32px}
.kh-home-hero.kh-hero-type-image .kh-home-hero-grid,.kh-home-hero.kh-hero-type-youtube .kh-home-hero-grid{gap:26px}
.kh-home-hero-copy>p{margin-bottom:17px}
.kh-popular-tags{margin-top:10px}
.hero-trust{margin-top:12px}

body.home-page .section{padding:32px 0}
body.home-page .section+.section{border-top:1px solid #f0f3f6}
body.home-page .section.alt{background:#f8fafc}
body.home-page .section-head{margin-bottom:14px}
body.home-page .section-head h2,body.home-page .center-head h2{margin-top:1px}
body.home-page .center-head{margin-bottom:16px}
body.home-page .center-head p{margin-top:5px}
body.home-page .steps{gap:10px}
body.home-page .steps article{padding:16px 15px}
body.home-page .provider-cta{padding:38px 0}
body.home-page .provider-cta-grid{gap:32px}
body.home-page .site-footer{margin-top:0}

/* Search icon becomes a subtle active affordance while examples type */
.smart-search-box>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;transition:.2s ease;color:var(--blue)}
.smart-search.is-demo-typing .smart-search-box>span{background:color-mix(in srgb,var(--blue) 9%,#fff);animation:khSearchPulse 1.35s ease-in-out infinite}
.smart-search-box input::placeholder{color:#7e8da0;opacity:1}
@keyframes khSearchPulse{0%,100%{transform:scale(1);opacity:.72}50%{transform:scale(1.08);opacity:1}}
@media(prefers-reduced-motion:reduce){.smart-search.is-demo-typing .smart-search-box>span{animation:none}}

@media(max-width:760px){
 .kh-home-hero,.kh-home-hero.kh-hero-type-image,.kh-home-hero.kh-hero-type-youtube{padding:12px 0 13px}
 .kh-home-hero-copy>p{margin-bottom:11px}
 .kh-popular-tags{margin-top:7px}
 .hero-trust{margin-top:7px}
 body.home-page .section{padding:17px 0}
 body.home-page .section-head{margin-bottom:8px}
 body.home-page .center-head{margin-bottom:9px}
 body.home-page .steps{gap:6px!important}
 body.home-page .steps article{padding:10px 11px}
 body.home-page .provider-cta{padding:21px 0}
 body.home-page .provider-cta-grid{gap:18px}
 .smart-search-box>span{width:27px;height:27px}
}