/* (same CSS as v4/v5 with green header, large logo, white nav) */
:root{--bg:#0e1110;--surface:#121714;--text:#f2f6f3;--muted:#9fb2a6;
--brand:#0b5c24;--brand-mid:#267d36;--brand-light:#57a54a;--ring:#57a54a;--border:#1f2a23;--card:#151c18;
--radius:16px;--shadow:0 12px 35px rgba(0,0,0,.35);
--step--1:clamp(.85rem,.8rem + .25vw,.95rem);--step-0:clamp(1rem,.9rem + .6vw,1.125rem);
--step-1:clamp(1.25rem,1.05rem + 1.2vw,1.5rem);--step-2:clamp(1.6rem,1.2rem + 2.2vw,2rem);
--step-3:clamp(2.2rem,1.6rem + 3.2vw,2.7rem);--step-4:clamp(2.8rem,2rem + 4.2vw,3.4rem)}
@media (prefers-color-scheme: light){:root{--bg:#f7fbf8;--surface:#ffffff;--text:#0f1a13;--muted:#506459;--brand:#0b5c24;--brand-mid:#267d36;--brand-light:#57a54a;--ring:#0b5c24;--border:#e5efe9;--card:#ffffff}}
*{box-sizing:border-box} html,body{height:100%}
body{margin:0;font:400 var(--step-0)/1.6 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--text);
background:radial-gradient(1100px 520px at 10% -10%, color-mix(in oklab, var(--brand-light) 30%, transparent) 0, transparent 70%) no-repeat,
radial-gradient(800px 480px at 90% 20%, color-mix(in oklab, var(--brand-mid) 22%, transparent) 0, transparent 70%) no-repeat,var(--bg);
-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg{max-width:100%;height:auto;display:block} a{color:inherit;text-decoration:none}
h1,h2,h3{line-height:1.2;margin:0 0 .5rem} h1{font-size:var(--step-4);letter-spacing:-.02em}
h2{font-size:var(--step-2)} h3{font-size:var(--step-1)} p{margin:.75rem 0 0}
.container{width:min(1100px,92vw);margin-inline:auto} .narrow{width:min(780px,92vw);margin-inline:auto}
.hiring{background:linear-gradient(90deg, var(--brand-mid), var(--brand-light));color:#07180e;text-align:center;padding:.45rem .8rem;font-weight:900}
.header{position:sticky;top:0;z-index:20;background:linear-gradient(90deg, var(--brand-mid), var(--brand-light));
border-bottom:1px solid color-mix(in oklab, var(--brand-light), black 20%);box-shadow:0 6px 16px rgba(0,0,0,.2);backdrop-filter:saturate(1.05)}
.header .inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 0}
.brand{display:flex;align-items:center;gap:.6rem;font-weight:800}
.brand img{height:110px;width:auto;border-radius:6px;background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.15)}
.nav{display:none} .nav ul{list-style:none;display:flex;gap:.4rem;padding:0;margin:0;flex-wrap:wrap}
.nav a{color:#fff;padding:.55rem .8rem;border-radius:.7rem;font-weight:600;transition:color .2s, background .2s}
.nav a:hover,.nav a:focus-visible{color:#06240f;background:color-mix(in oklab, #ffffff, var(--brand-light) 85%)}
.nav a.active{box-shadow:inset 0 0 0 2px color-mix(in oklab, #000, #fff 80%)} .toggle{display:inline-flex;flex-direction:column;gap:4px;border:1px solid var(--border);background:var(--surface);padding:.45rem .55rem;border-radius:.6rem}
.toggle .bar{width:20px;height:2px;background:#ffffff}
@media (min-width: 900px){.nav{display:block !important}.toggle{display:none}}
.hero{padding:6rem 0 3.5rem;background:linear-gradient(135deg, color-mix(in oklab, var(--brand-mid), transparent 60%), color-mix(in oklab, var(--brand-light), transparent 70%)) border-box}
.hero .tag{display:inline-block;background:color-mix(in oklab, var(--brand-mid), transparent 75%);color:#dff2e4;padding:.25rem .6rem;border-radius:999px;font-weight:700;font-size:.85rem}
.hero .actions{margin-top:1.2rem;display:flex;gap:.75rem;flex-wrap:wrap}
.section{padding:3.8rem 0} .section.alt{background:linear-gradient(180deg,color-mix(in oklab,var(--surface),transparent 25%),transparent)}
.section-header{text-align:center;margin:0 auto 2rem;max-width:60ch}
.grid{display:grid;gap:1rem} .cards{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.1rem;box-shadow:var(--shadow);display:grid;gap:.5rem}
.two-col{display:grid;gap:2rem;grid-template-columns:1.2fr .8fr} @media (max-width: 900px){.two-col{grid-template-columns:1fr}}
.btn{--ring-offset:2px;display:inline-block;padding:.7rem 1rem;border-radius:.9rem;border:1px solid var(--border);background:var(--surface);color:var(--text);font-weight:800;box-shadow:0 1px 0 rgba(255,255,255,.05) inset,var(--shadow);text-align:center}
.btn.primary{background:linear-gradient(90deg, var(--brand), var(--brand-mid));color:#03150a;border-color:color-mix(in oklab,var(--brand),black 15%)} .btn.ghost{background:transparent}
.btn:focus-visible{outline:3px solid var(--ring);outline-offset:var(--ring-offset)}
.field{display:grid;gap:.35rem;margin-bottom:.9rem}
input, textarea, select{width:100%;padding:.7rem .8rem;border-radius:.6rem;border:1px solid var(--border);background:var(--surface);color:var(--text)}
input:focus-visible, textarea:focus-visible, select:focus-visible{outline:3px solid var(--ring);outline-offset:2px}
small.error{color:#ff6b6b}.status{margin-top:.7rem}
.footer{border-top:1px solid var(--border);padding:2rem 0;color:var(--muted)} .footer .inner{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem}
.footer nav{display:flex;gap:.8rem;flex-wrap:wrap} .footer a:hover{color:var(--text)}
.kicker{color:var(--muted);font-size:var(--step--1)} .table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border-radius:12px;border:1px solid var(--border)}
.table th,.table td{padding:.7rem .8rem;border-bottom:1px solid var(--border)} .table th{text-align:left;background:color-mix(in oklab,var(--surface),white 5%)}
.table tr:last-child td{border-bottom:0}

/* --- Septic Installation Flashing Banner --- */
.promo {
  display:block;
  margin: 1rem auto 0;
  width: fit-content;
  padding: .55rem 1rem;
  border-radius: 999px;
  font-weight: 900;
  letter-spacing: .2px;
  color: #06200d;
  background: linear-gradient(90deg, #ffd75e, #fff2a8);
  box-shadow: 0 6px 22px rgba(0,0,0,.25), inset 0 0 0 2px rgba(0,0,0,.06);
  animation: flash 1.1s steps(2, end) infinite;
}
.promo:hover { text-decoration: underline; }
@keyframes flash {
  0%, 49%   { filter: brightness(1); }
  50%, 100% { filter: brightness(1.35); }
}
@media (prefers-reduced-motion: reduce) {
  .promo { animation: none; }
}