/* Light, optimistic conversion-focused refresh */
:root {
  --ink: #18353d;
  --panel: #18353d;
  --white: #f8f4e8;
  --muted: #b4c5c3;
  --cyan: #4bb6c4;
  --blue: #31869c;
  --line: rgba(238, 227, 191, .16);
}

body { background: #153338; color: var(--white); }
.page-glow { background: radial-gradient(circle at 72% 18%, rgba(229, 174, 58, .16), transparent 48%); }
.site-header { background: rgba(13, 39, 43, .92); border-bottom-color: rgba(238, 227, 191, .14); backdrop-filter: blur(14px); }
.brand { color: #f8f4e8; }
.brand small, .main-nav > a:not(.button) { color: #c3d3cf; }
.main-nav > a:not(.button):hover, .eyebrow { color: #f0bd50; }
.button { background: linear-gradient(120deg, #c68b21, #f1c85d); color: #1c2425; box-shadow: 0 12px 26px rgba(172, 113, 17, .28); }
.button span { color: #1c2425; }

.hero {
  grid-template-columns: minmax(370px, 620px);
  min-height: 710px;
  background-image: linear-gradient(90deg, rgba(7, 26, 30, .97) 0%, rgba(7, 26, 30, .90) 42%, rgba(7, 26, 30, .57) 66%, rgba(7, 26, 30, .22) 100%), url("assets/west-coast-hero-v4.png");
}
.hero-copy { padding: 34px 34px 34px 0; text-shadow: 0 2px 18px rgba(0, 0, 0, .32); }
.hero h1 { color: #fffdf6; }
.hero h1 em, .section h2 em, .contact-section h2 em { color: #f0bd50; }
.hero-text { color: #e2ece6; font-size: 19px; }
.hero-note { color: #d2ded8; }
.note-dot { background: #d69a2e; box-shadow: 0 0 12px rgba(214, 154, 46, .7); }
.text-link { color: #f6f3e6; }
.text-link span, .service-icon { color: #b47716; }

.trust-strip { background: #1b464b; border-color: rgba(238, 227, 191, .12); color: #e8e3c9; }
.section-grid { background-image: linear-gradient(rgba(238, 227, 191, .08) 1px, transparent 1px), linear-gradient(90deg, rgba(238, 227, 191, .08) 1px, transparent 1px); }
.section-label { color: #a8c1ba; }
.section-lead, .process-top > p, .pricing-top > p, .faq-sidecopy, details p, .project-info > p:not(.eyebrow), .contact-section > div > p:last-child { color: #c9d8d2; }

.service-card { background: linear-gradient(145deg, #1e484d, #173b41); border-color: rgba(238, 227, 191, .16); box-shadow: 0 12px 30px rgba(0, 0, 0, .13); }
.card-number { color: #a9c0ba; }
.process-section { background: #1b4146; }
.process-list, .process-list li { border-color: rgba(238, 227, 191, .18); }
.process-list span { color: #a66d13; }
.process-list p { color: #c3d2cc; }
.featured-project { background: #e7dfca; box-shadow: 0 18px 45px rgba(0, 0, 0, .18); }
.project-info, .project-info h3 { color: #18353d; }
.project-info ul { color: #39565e; }
.project-info li { border-color: rgba(24, 53, 61, .12); }
.project-info li:before { color: #a66d13; }

.price-card { background: #234d52; border-color: rgba(238, 227, 191, .2); box-shadow: 0 14px 35px rgba(0, 0, 0, .13); }
.price-card-featured { background: linear-gradient(145deg, #315b5b, #203f45); border-color: rgba(224, 174, 70, .56); }
.price-type { color: #9d6716; }
.price, .price-card li { color: #fffdf5; }
.price-subtitle, .pricing-note { color: #c9d8d2; }
.price-card li { border-color: rgba(238, 227, 191, .16); }
.price-card li:before { color: #b77b19; }
.recommended { background: #dba738; color: #192b2e; }
.button-outline { color: #fffdf5; border-color: #9eb8b3; }

.faq-list, details { border-color: rgba(238, 227, 191, .18); }
summary span { color: #a66d13; }
.contact-section { background-color: #1e4b50; }
.contact-card { background: linear-gradient(140deg, #b97b18, #f1cc69); color: #182a2e; box-shadow: 0 20px 40px rgba(151, 101, 15, .2); }
footer { color: #afc2bc; }
footer a:last-child { color: #e7e1c5; }

@media (max-width: 900px) { .main-nav.is-open { background: #102e33; border-bottom-color: rgba(238, 227, 191, .14); } }
@media (max-width: 560px) {
  .hero { min-height: 650px; background-image: linear-gradient(90deg, rgba(7,26,30,.94), rgba(7,26,30,.70)), url("assets/west-coast-hero-v4.png"); }
  .hero-copy { padding: 18px 0; }
  .hero h1 { font-size: clamp(42px, 12vw, 52px); }
}