/* COLORADO theme: cool, mountain/pine, layered ridgelines. Supporting neutrals = cool mist/slate. Brand colors unchanged. */
.theme-co{--mist-50:#F4F7FA;--mist-100:#E7EEF4;--mist-200:#D3DEE8;--slate-300:#AFC0D2;--slate-700:#3E5470;--surface:var(--mist-50)}
.theme-co .utility-bar{background:var(--navy);color:#fff}
.theme-co .utility-bar a{color:#fff}
.theme-co .site-header{box-shadow:0 1px 0 var(--mist-200)}
.theme-co h1,.theme-co h2{font-weight:800}
.theme-co .eyebrow{color:var(--slate-700);letter-spacing:.22em}
.theme-co .eyebrow::after{content:"";display:block;width:40px;height:3px;background:var(--bright);margin-top:.5rem}
.theme-co .center .eyebrow::after{margin-left:auto;margin-right:auto}

/* Hero: full-bleed sky + layered ridgelines */
.co-hero{position:relative;background:linear-gradient(180deg,#DDE7F0 0%,#EEF3F7 45%,#FDF3E8 100%);overflow:hidden;padding-top:clamp(2.5rem,7vw,5.5rem)}
.co-hero .container{position:relative;z-index:2;max-width:860px;text-align:center}
.co-hero h1{font-size:clamp(2.1rem,5.6vw,3.6rem)}
.co-hero .tagline{font-family:var(--font-head);font-weight:600;font-style:italic;color:var(--burnt);font-size:1.15rem}
.co-hero .btn-row{justify-content:center}
.co-hero .ridges{position:relative;z-index:1;margin-top:clamp(1.5rem,4vw,3rem);width:100%}
.co-hero .ridges svg{width:100%;height:auto}

.ridge-divider{display:block;width:100%;height:clamp(40px,6vw,80px);color:var(--mist-100)}
.band-mist{background:var(--mist-100)}

/* Service rows: rounded, soft */
.co-services{display:grid;gap:1.1rem}
@media (min-width:800px){.co-services{grid-template-columns:repeat(2,1fr)}}
.co-card{display:flex;gap:1.1rem;background:#fff;border-radius:18px;padding:1.4rem;box-shadow:0 1px 2px rgba(2,4,6,.06),0 8px 24px rgba(22,62,114,.08)}
.co-card .icon{flex-shrink:0;width:56px;height:56px;border-radius:50%;background:var(--navy);display:grid;place-items:center}
.co-card .icon svg{width:28px;height:28px;color:#fff}
.co-card h3{margin-bottom:.3rem}
.co-card p{margin:0;color:var(--muted)}

/* Timeline */
.co-timeline{list-style:none;margin:2rem 0 0;padding:0;position:relative;max-width:720px}
.co-timeline::before{content:"";position:absolute;left:23px;top:8px;bottom:8px;width:3px;background:var(--slate-300);border-radius:3px}
.co-timeline li{position:relative;padding:0 0 2rem 4.25rem;counter-increment:t}
.co-timeline{counter-reset:t}
.co-timeline li::before{content:counter(t);position:absolute;left:0;top:0;width:49px;height:49px;border-radius:50%;background:#fff;border:3px solid var(--navy);color:var(--navy);display:grid;place-items:center;font:800 1.15rem var(--font-head)}
.co-timeline li:last-child{padding-bottom:0}

.town-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));list-style:none;padding:0;margin:1.5rem 0}
.town-grid li{background:#fff;border-radius:14px;padding:1rem 1.1rem;border:1px solid var(--mist-200);display:flex;gap:.7rem;align-items:flex-start}
.town-grid svg{width:22px;height:22px;flex-shrink:0;color:var(--burnt);margin-top:.2rem}

/* STR / vacation-rental feature */
.co-feature{display:grid;gap:2rem;align-items:center}
@media (min-width:900px){.co-feature{grid-template-columns:.9fr 1.1fr}}

/* CTA with mountains */
.co-cta{position:relative;background:var(--navy);color:#fff;overflow:hidden;padding-bottom:0}
.co-cta h2{color:#fff}
.co-cta p{color:#e3eaf3}
.co-cta .container{position:relative;z-index:2;text-align:center;padding-bottom:1rem}
.co-cta .btn-row{justify-content:center}
.co-cta svg.cta-ridge{display:block;width:100%;height:auto;margin-top:1.5rem}

.theme-co .page-hero{background:linear-gradient(180deg,var(--mist-100),#fff)}
.theme-co .form fieldset{border-color:var(--mist-200);border-radius:16px;background:#fff}
.theme-co .btn{border-radius:12px}
.co-hero .eyebrow::after{margin-left:auto;margin-right:auto}
.co-how{display:grid;gap:2.5rem;align-items:center}
@media (min-width:900px){.co-how{grid-template-columns:1.1fr .9fr}}
