.cl-hero{position:relative;min-height:44vh;display:flex;align-items:center;background-image:url(/images/projects/transformed-backyard-spaces/transform-backyard-4.jpeg);background-size:cover;background-position:50%}.cl-hero-overlay{position:absolute;inset:0;background:linear-gradient(160deg,rgba(10,30,16,.82),rgba(26,77,46,.58))}.cl-hero-content{position:relative;z-index:1;padding-top:var(--spacing-xxxl);padding-bottom:var(--spacing-xxxl)}.cl-hero-content h1{color:var(--white);font-size:clamp(2rem,4vw,3rem);margin-bottom:var(--spacing-md);max-width:680px}.cl-hero-content p{color:hsla(0,0%,100%,.85);font-size:1.1rem;max-width:540px;line-height:1.7;margin-bottom:var(--spacing-lg)}.cl-hero-trust{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.cl-hero-trust span{background:hsla(0,0%,100%,.15);color:var(--white);padding:var(--spacing-xs) var(--spacing-md);border-radius:20px;font-size:.85rem;font-weight:600;border:1px solid hsla(0,0%,100%,.25)}.cl-main{background:var(--neutral-lightest)}.cl-intro-sub{font-size:1rem;color:var(--neutral-dark);max-width:600px;margin:0 auto var(--spacing-xxl);line-height:1.7;display:block}.cl-tab-row{flex-wrap:wrap;margin-bottom:var(--spacing-xxl)}.cl-tab,.cl-tab-row{display:flex;gap:var(--spacing-sm);justify-content:center}.cl-tab{align-items:center;padding:var(--spacing-md) var(--spacing-lg);background:var(--white);border:2px solid var(--neutral-light);border-radius:var(--border-radius);cursor:pointer;transition:all .25s ease;font-family:var(--font-primary);font-weight:600;font-size:.95rem;color:var(--neutral-dark);min-width:160px}.cl-tab:hover{border-color:var(--primary-green-light);transform:translateY(-2px);box-shadow:var(--box-shadow)}.cl-tab.active{background:var(--primary-green-dark);color:var(--white);border-color:var(--primary-green-dark);box-shadow:0 4px 14px rgba(26,77,46,.3)}.cl-tab-icon{font-size:1.1rem;line-height:1}.cl-tab-name{white-space:nowrap}.cl-panel{background:var(--white);border-radius:var(--border-radius);border:1px solid var(--neutral-light);padding:var(--spacing-xl);box-shadow:var(--box-shadow)}.cl-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.cl-panel-title{font-size:1.6rem;color:var(--primary-green-dark);margin:0 0 var(--spacing-md) 0}.cl-meta-chips{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.cl-chip{background:var(--neutral-lightest);border:1px solid var(--neutral-light);border-radius:20px;padding:3px 12px;font-size:.82rem}.cl-chip,.cl-reset-btn{font-weight:600;color:var(--neutral-medium)}.cl-reset-btn{flex-shrink:0;padding:var(--spacing-sm) var(--spacing-lg);background:transparent;border:2px solid var(--neutral-light);border-radius:var(--border-radius);font-family:var(--font-primary);font-size:.9rem;cursor:pointer;transition:all .2s ease}.cl-reset-btn:hover{border-color:var(--primary-green-light);color:var(--primary-green-dark)}.cl-panel-intro{color:var(--neutral-dark);line-height:1.7;margin-bottom:var(--spacing-xl);font-size:.97rem;border-left:3px solid var(--primary-green-light);padding-left:var(--spacing-lg)}.cl-progress-wrap{position:relative;background:var(--neutral-light);border-radius:20px;height:10px;margin-bottom:var(--spacing-sm);overflow:hidden}.cl-progress-bar{height:100%;background:linear-gradient(90deg,var(--primary-green-medium),var(--primary-green-dark));border-radius:20px;transition:width .4s ease;min-width:0}.cl-progress-label{display:block;font-size:.82rem;color:var(--neutral-medium);font-weight:600;margin-top:var(--spacing-xs)}.cl-phase,.cl-progress-label{margin-bottom:var(--spacing-xl)}.cl-phase{border:1px solid var(--neutral-light);border-radius:var(--border-radius);overflow:hidden;transition:border-color .3s ease}.cl-phase--complete{border-color:var(--primary-green-light)}.cl-phase-title{font-size:1rem;font-weight:700;color:var(--primary-green-dark);background:var(--neutral-lightest);padding:var(--spacing-md) var(--spacing-lg);margin:0;display:flex;align-items:center;gap:var(--spacing-md);border-bottom:1px solid var(--neutral-light);letter-spacing:.01em}.cl-phase--complete .cl-phase-title{background:#f0f7f3;border-bottom-color:var(--primary-green-light)}.cl-phase-badge{font-size:.72rem;font-weight:700;background:var(--primary-green-dark);color:var(--white);padding:2px 10px;border-radius:20px;letter-spacing:.05em;text-transform:uppercase}.cl-items{list-style:none;padding:var(--spacing-md) var(--spacing-lg);margin:0;display:flex;flex-direction:column;gap:2px}.cl-item{border-radius:var(--border-radius);transition:background .15s ease}.cl-item:hover{background:var(--neutral-lightest)}.cl-item--checked{background:#f0f7f3}.cl-item-label{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);cursor:pointer;width:100%;border-radius:var(--border-radius)}.cl-checkbox{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.cl-checkmark{flex-shrink:0;width:22px;height:22px;border-radius:5px;border:2px solid var(--neutral-light);background:var(--white);display:flex;align-items:center;justify-content:center;margin-top:1px;transition:all .2s ease;color:var(--white)}.cl-item--checked .cl-checkmark{background:var(--primary-green-dark);border-color:var(--primary-green-dark)}.cl-item-label:hover .cl-checkmark{border-color:var(--primary-green-medium)}.cl-item-text{font-size:.95rem;color:var(--neutral-dark);line-height:1.6;transition:color .2s ease;flex:1 1}.cl-item--checked .cl-item-text{color:var(--neutral-medium);text-decoration:line-through;-webkit-text-decoration-color:var(--primary-green-light);text-decoration-color:var(--primary-green-light)}.cl-complete-banner{background:#f0f7f3;border:2px solid var(--primary-green-medium);border-radius:var(--border-radius);padding:var(--spacing-lg);text-align:center;color:var(--primary-green-dark);font-size:1rem;margin:var(--spacing-xl) 0 var(--spacing-lg);line-height:1.6}.cl-panel-cta{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);padding-top:var(--spacing-xl);border-top:1px solid var(--neutral-light);margin-top:var(--spacing-xl);flex-wrap:wrap}.cl-panel-cta p{color:var(--neutral-medium);font-size:.95rem;margin:0}.cl-cta-link{display:inline-block;padding:var(--spacing-md) var(--spacing-xl);background:var(--primary-green-dark);color:var(--white);border-radius:var(--border-radius);font-weight:700;font-size:.95rem;transition:background .2s ease,transform .2s ease;white-space:nowrap}.cl-cta-link:hover{background:var(--primary-green-medium);color:var(--white);transform:translateY(-2px)}.cl-why{background:var(--white)}.cl-why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:var(--spacing-lg);gap:var(--spacing-lg);margin-top:var(--spacing-xxl)}.cl-why-card{background:var(--neutral-lightest);border:1px solid var(--neutral-light);border-radius:var(--border-radius);padding:var(--spacing-xl);transition:transform .25s ease,box-shadow .25s ease}.cl-why-card:hover{transform:translateY(-4px);box-shadow:var(--box-shadow-hover)}.cl-why-card h3{font-size:1.05rem;color:var(--primary-green-dark);margin-bottom:var(--spacing-md)}.cl-why-card p{font-size:.93rem;color:var(--neutral-dark);line-height:1.7;margin:0}.cl-faq{background:var(--neutral-lightest)}.cl-faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:var(--spacing-lg);gap:var(--spacing-lg);margin-top:var(--spacing-xxl)}.cl-faq-item{background:var(--white);border:1px solid var(--neutral-light);border-radius:var(--border-radius);padding:var(--spacing-xl)}.cl-faq-q{font-size:1rem;color:var(--primary-green-dark);margin-bottom:var(--spacing-md);line-height:1.4}.cl-faq-a{font-size:.92rem;color:var(--neutral-dark);line-height:1.7;margin:0}.cl-cta-strip{background:var(--primary-green-dark);padding:var(--spacing-xxxl) 0}.cl-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xl)}.cl-cta-heading{color:var(--white);font-size:1.8rem;margin-bottom:var(--spacing-sm)}.cl-cta-sub{color:hsla(0,0%,100%,.75);font-size:1rem;margin:0}.cl-cta-actions{display:flex;align-items:center;gap:var(--spacing-xl);flex-shrink:0}.cl-cta-phone{font-size:1.25rem;font-weight:700;color:var(--white);transition:color .2s}.cl-cta-phone:hover{color:var(--accent-green)}@media (max-width:900px){.cl-panel{padding:var(--spacing-lg)}.cl-panel-cta{flex-direction:column;align-items:flex-start}}@media (max-width:768px){.cl-hero{min-height:38vh}.cl-tab-row{flex-direction:column;align-items:stretch}.cl-tab{min-width:unset;width:100%;justify-content:flex-start}.cl-panel-header{flex-direction:column}.cl-reset-btn{align-self:flex-start}.cl-faq-grid,.cl-why-grid{grid-template-columns:1fr}.cl-cta-inner{flex-direction:column;text-align:center}.cl-cta-actions{flex-direction:column;gap:var(--spacing-md)}.cl-items{padding:var(--spacing-sm) var(--spacing-md)}}@media print{.cl-cta-strip,.cl-hero,.cl-panel-cta,.cl-reset-btn,.cl-tab-row{display:none}.cl-panel{box-shadow:none;border:none}.cl-item--checked .cl-item-text{text-decoration:none}}