/* FWS — page-specific additions layered on top of assets/css/base.css (shared EDC3 design tokens/components). */

.brand-tag{font-family:'DM Mono',monospace;font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:var(--cr3);margin-left:.9rem;padding-left:.9rem;border-left:1px solid rgba(139,26,26,.3)}
.nav-logo{display:flex;align-items:center}

/* Hero — full-bleed photo behind the existing gradient/grid/glow layers */
.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%;filter:grayscale(15%) brightness(.8)}
#hero .hero-bg{background:linear-gradient(100deg,rgba(17,19,21,.97) 0%,rgba(17,19,21,.9) 32%,rgba(17,19,21,.6) 58%,rgba(17,19,21,.32) 78%,rgba(17,19,21,.22) 100%),radial-gradient(ellipse 60% 55% at 80% 35%,rgba(139,26,26,.22) 0%,transparent 65%)}

/* Photo-backed sections (Who We Serve) — darker, more even overlay since there's no large text column to protect */
.photo-section{position:relative;overflow:hidden}
.section-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:grayscale(25%) brightness(.6)}
.section-photo-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(32,34,36,.93) 0%,rgba(32,34,36,.82) 35%,rgba(32,34,36,.9) 100%)}
.section-inner{position:relative}

/* 3-up cadence/pricing cards reuse .certcard's visual language at 3 columns instead of 4 */
#pricing .certg{grid-template-columns:repeat(3,1fr)}
.cadence-tag{font-family:'DM Mono',monospace;font-size:.56rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cr3);display:block;margin-bottom:.6rem}
.pricing-note{margin-top:1.75rem;font-size:.8rem;color:var(--dim);line-height:1.75;max-width:900px}
.pricing-note strong{color:var(--wh)}

/* Eight-point detail list */
.detailg{display:grid;grid-template-columns:repeat(2,1fr);max-width:1200px}
.detail-item{display:flex;gap:1rem;align-items:baseline;padding:1rem 0;border-bottom:1px solid rgba(200,205,212,.06)}
.detail-n{font-family:'Barlow Condensed',sans-serif;font-size:1.3rem;font-weight:700;color:rgba(139,26,26,.5);width:2.1rem;flex-shrink:0}
.detail-t{font-size:.88rem;color:var(--svd);font-weight:500}

/* Inquiry form — vehicle-type checkbox group */
.fcheckset{border:0;padding:0;margin:0 0 .9rem}
.fcheckset legend{font-family:'DM Mono',monospace;font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:var(--dim);margin-bottom:.6rem;padding:0}
.fcheck-row{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}
.fcheck-row label{display:flex;align-items:center;gap:.5rem;font-family:'Barlow',sans-serif;font-size:.82rem;font-weight:400;color:var(--svd);text-transform:none;letter-spacing:normal}
.fcheck-row input{accent-color:var(--cr);width:15px;height:15px;flex-shrink:0}
.fhint{display:block;font-size:.72rem;font-weight:400;color:var(--dim);margin-top:.45rem;letter-spacing:normal;text-transform:none}

/* FAQ accordion */
.faql{display:flex;flex-direction:column;max-width:1200px}
.faqi{border-bottom:1px solid rgba(200,205,212,.08);padding:1.15rem 0}
.faqi summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;font-family:'Barlow Condensed',sans-serif;font-size:1.05rem;font-weight:600;color:var(--wh)}
.faqi summary::-webkit-details-marker{display:none}
.faqi summary::after{content:'+';color:var(--cr3);font-size:1.4rem;font-weight:400;flex-shrink:0}
.faqi[open] summary::after{content:'\2212'}
.faqi p{margin-top:.85rem;font-size:.86rem;color:var(--svd);line-height:1.8;max-width:760px}

@media(max-width:600px){
  .detailg{grid-template-columns:1fr}
  .fcheck-row{grid-template-columns:1fr}
  .brand-tag{display:none}
}