/* Landing-page extras — loaded AFTER styles.css. Reuses the homepage design tokens. */

/* Subpages: header always solid (no transparent-over-hero like the homepage) */
header{background:var(--field-deep)}
header.scrolled{background:rgba(29,44,23,.97)}

/* Page hero (dark green band under the nav) */
.page-hero{
  background:var(--field-deep);color:var(--cream);padding:3.2rem 0 3.6rem;
  background-image:radial-gradient(circle at 85% -20%,rgba(216,165,49,.16),transparent 45%);
}
.page-hero .eyebrow{color:var(--hay-soft)}
.page-hero h1{font-family:var(--display);font-weight:600;font-size:clamp(2rem,4.6vw,3.3rem);max-width:20ch;margin-top:1rem;line-height:1.05}
.page-hero p.lead{margin-top:1.1rem;color:#d9d2bf;max-width:62ch;font-size:1.12rem}
.page-hero .hero-cta{margin-top:1.8rem}
.breadcrumb{font-size:.8rem;color:#b9b2a2}
.breadcrumb a{color:var(--hay-soft)}
.breadcrumb a:hover{text-decoration:underline}

/* Content */
.section{padding:4rem 0}
.section.alt{background:var(--cream-2)}
.prose{max-width:74ch}
.prose h2{font-family:var(--display);font-weight:600;font-size:clamp(1.6rem,3vw,2.3rem);margin:2.6rem 0 1rem;color:var(--ink);line-height:1.1}
.prose h2:first-child{margin-top:0}
.prose h3{font-family:var(--display);font-weight:600;margin:1.7rem 0 .5rem;color:var(--ink)}
.prose p{margin-bottom:1.1rem;color:var(--ink-soft)}
.prose ul{margin:0 0 1.2rem 1.2rem;color:var(--ink-soft)}
.prose li{margin-bottom:.45rem}
.prose strong{color:var(--ink)}
.prose a{color:var(--barn);font-weight:600;text-decoration:underline}

/* Two-column intro (text + image) */
.split2{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:start}
.split2 img{width:100%;border-radius:14px;box-shadow:var(--shadow);object-fit:cover}
@media(max-width:820px){.split2{grid-template-columns:1fr;gap:2rem}}

/* Areas served chips */
.areas{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0 0}
.areas span{background:var(--cream);border:1px solid var(--line);border-radius:100px;padding:.35rem .95rem;font-size:.85rem;font-weight:600;color:var(--ink-soft)}

/* Pricing chips reuse .pricebox/.pricetag from styles.css; add a light variant */
.pricebox.light .pricetag{background:var(--cream);border:1px solid var(--line)}
.pricebox.light .pricetag b{color:var(--barn)}
.pricebox.light .pricetag span{color:var(--ink-soft)}

/* FAQ accordion */
.faq{max-width:74ch}
.faq details{border-bottom:1px solid var(--line);padding:1.1rem 0}
.faq summary{font-weight:700;cursor:pointer;font-family:var(--display);font-size:1.12rem;color:var(--ink);list-style:none;display:flex;justify-content:space-between;gap:1rem;align-items:start}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--barn);font-size:1.5rem;line-height:1;flex:none}
.faq details[open] summary::after{content:"\2212"}
.faq details p{margin-top:.8rem;color:var(--ink-soft)}

/* CTA band */
.cta-band{background:var(--barn);color:var(--cream);padding:3.6rem 0;text-align:center}
.cta-band h2{font-family:var(--display);font-weight:600;font-size:clamp(1.8rem,3.5vw,2.6rem)}
.cta-band p{margin:.8rem auto 1.6rem;max-width:52ch;color:#f0e6d8}
.cta-band .btn-hay{background:var(--cream);color:var(--barn-deep)}
.cta-band .btn-hay:hover{background:#fff}