/* kodabarn.com: same palette and Roboto, leaning rustic through color, imagery and the horseshoe. */
body.site{background:var(--kb-cream)}
.site-nav{position:sticky;top:0;z-index:5;background:var(--kb-espresso);border-bottom:3px solid var(--kb-slate);color:var(--kb-cream)}
.site-nav .in{max-width:1080px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;gap:20px}
.site-nav a{color:var(--kb-cream);text-decoration:none;font-weight:500}
.site-nav .links{display:flex;gap:22px;margin-left:auto;align-items:center}
.site-nav .links .kb-btn{padding:8px 16px}
.hero{background:var(--kb-espresso);color:var(--kb-cream);overflow:hidden;position:relative}
.hero .in{max-width:1080px;margin:0 auto;padding:64px 20px 0;display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:end}
.hero h1{font-size:clamp(2rem,5vw,3.4rem);margin-bottom:.4em}
.hero p.lead{font-size:1.15rem;color:#e7dccb;max-width:34em}
.hero .actions{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0 56px}
.hero .kb-btn.ghost{color:var(--kb-cream);border-color:var(--kb-slate)}
.hero svg.scene{width:100%;height:auto;display:block}
.band{padding:56px 20px}
.band .in{max-width:1080px;margin:0 auto}
.band h2{font-size:1.7rem}
.band.alt{background:#EADFC8;border-top:1px solid var(--kb-sage);border-bottom:1px solid var(--kb-sage)}
.feat{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:22px}
.feat .kb-card{margin:0}
.feat .ico{width:42px;height:42px;border-radius:50%;background:var(--kb-red);display:grid;place-items:center;margin-bottom:10px}
.feat .ico svg{width:22px;height:22px;stroke:var(--kb-cream);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.price{max-width:440px;text-align:center;margin:20px auto 0}
.price .kb-stat{color:var(--kb-red)}
.cta{background:var(--kb-red);color:#fff;text-align:center;padding:52px 20px}
.cta .kb-btn{background:var(--kb-cream);color:var(--kb-red-dark)}
.site-foot{background:var(--kb-espresso);color:#c9bba7;padding:26px 20px;text-align:center;font-size:.9rem}
.start-wrap{max-width:460px;margin:44px auto;padding:0 20px}
@media (max-width:800px){.hero .in{grid-template-columns:1fr;padding-top:40px}.hero .actions{margin-bottom:28px}.site-nav .links a.hide-s{display:none}}