:root{--bg:#07110c;--bg-soft:#0d1711;--panel:#101d15;--panel-2:#16261b;--text:#f7f8f4;--muted:#c4cec3;--soft:#93a093;--green:#63c53d;--green-bright:#a7ef58;--orange:#f36d21;--line:rgba(255,255,255,.12);--shadow:0 30px 90px rgba(0,0,0,.34);--radius:28px;--container:min(1160px,92vw)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}img{max-width:100%;display:block}a{color:inherit}.container{width:var(--container);margin-inline:auto}.hidden{display:none}.skip-link{position:absolute;left:-999px;top:12px;background:white;color:black;padding:10px 14px;z-index:999}.skip-link:focus{left:12px}.site-header{position:sticky;top:0;z-index:100;background:rgba(7,17,12,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:14px;text-decoration:none}.brand-mark{width:62px;height:auto}.brand-copy{display:grid;line-height:1}.brand-copy strong{font-size:1.35rem;letter-spacing:-.04em}.brand-copy small{color:var(--muted);margin-top:5px;font-size:.78rem}.nav-menu{display:flex;align-items:center;gap:24px;font-weight:800;font-size:.95rem}.nav-menu a{text-decoration:none;color:rgba(255,255,255,.82)}.nav-menu a:hover{color:white}.nav-cta{background:rgba(255,255,255,.08);border:1px solid var(--line);border-radius:999px;padding:11px 16px}.nav-toggle{display:none;background:transparent;border:0;padding:8px}.nav-toggle span{display:block;width:28px;height:2px;background:white;margin:6px 0}.button{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:0 24px;border-radius:999px;text-decoration:none;font-weight:900;border:1px solid transparent;cursor:pointer}.button-primary{color:#08120c;background:linear-gradient(135deg,var(--green-bright),#f4b51f 72%,var(--orange))}.button-ghost{border-color:var(--line);background:rgba(255,255,255,.055);color:white}.hero{position:relative;min-height:calc(100svh - 78px);isolation:isolate;display:grid;align-items:end;overflow:hidden}.hero-bg{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,17,12,.96) 0%,rgba(7,17,12,.74) 42%,rgba(7,17,12,.2) 100%),url("../assets/yardpass-trailer-mower.jpg") center/cover no-repeat}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:44px;align-items:end;padding-block:110px 70px}.hero-copy{max-width:860px}.area-line{color:var(--green-bright);font-weight:900;letter-spacing:.1em;text-transform:uppercase;font-size:.85rem;margin:0 0 18px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(3.4rem,7vw,6.7rem);line-height:.92;letter-spacing:-.08em;margin-bottom:24px;max-width:760px}.hero-lead{color:var(--muted);font-size:clamp(1.1rem,2vw,1.35rem);max-width:640px;margin-bottom:32px}.hero-actions,.contact-actions{display:flex;gap:14px;flex-wrap:wrap}.hero-note{margin:18px 0 0;color:var(--soft);font-weight:800}.hero-card{background:rgba(13,23,17,.78);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);backdrop-filter:blur(10px)}.hero-card img{width:100%;height:230px;object-fit:cover}.hero-card div{padding:22px}.hero-card strong{display:block;font-size:1.2rem;margin-bottom:8px}.hero-card p{color:var(--muted);margin:0}.trust-strip{border-block:1px solid var(--line);background:#0a150e}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px}.trust-grid div{padding:24px 18px;border-right:1px solid var(--line)}.trust-grid div:last-child{border-right:0}.trust-grid strong{display:block;font-size:1.08rem}.trust-grid span{display:block;color:var(--muted);font-size:.92rem}.intro-section{padding:70px 0;border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--bg-soft),var(--bg))}.intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:start}h2{font-size:clamp(2.25rem,4.7vw,4.4rem);line-height:.98;letter-spacing:-.06em;margin-bottom:18px}.intro-grid p,.section-heading p,.pricing-copy p,.route-copy p,.quote-box p,.site-footer p,.area-layout p,.help-grid p{color:var(--muted);font-size:1.05rem}.section{padding:96px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:36px;margin-bottom:38px}.section-heading h2{margin-bottom:0}.section-heading p{max-width:520px;margin-bottom:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card,.pricing-copy,.pricing-panel,.factor-wrap,.route-copy,.check-card,.quote-form{background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.service-card{overflow:hidden}.service-card img{width:100%;height:270px;object-fit:cover}.service-content{padding:25px}h3{font-size:1.45rem;line-height:1.15;margin-bottom:10px;letter-spacing:-.025em}.service-content p{color:var(--muted);margin-bottom:0}.pricing-section{background:radial-gradient(circle at top left,rgba(99,197,61,.18),transparent 34%),linear-gradient(180deg,#08130d,#0b160f)}.pricing-layout{display:grid;grid-template-columns:1fr .95fr;gap:28px;align-items:stretch}.pricing-copy,.pricing-panel,.factor-wrap{padding:34px}.pricing-copy p:last-child{margin-bottom:0}.pricing-panel{display:grid;gap:14px}.price-item{display:flex;justify-content:space-between;gap:18px;align-items:center;border-bottom:1px solid var(--line);padding:0 0 14px}.price-item:last-child{border-bottom:0;padding-bottom:0}.price-item span{color:var(--muted)}.price-item strong{font-size:1.25rem;text-align:right}.factor-wrap{margin-top:24px}.factor-wrap h3{margin-bottom:20px}.factor-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.factor-grid div,.area-list span{background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:18px;padding:14px 16px;color:var(--muted);font-weight:800}.fine-print{color:var(--muted);margin:22px 0 0}.route-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center}.route-photo{border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow)}.route-photo img{width:100%;min-height:460px;object-fit:cover}.route-copy{padding:36px}.route-copy ol{margin:24px 0 0;padding-left:22px;color:var(--muted);font-weight:800}.route-copy li{margin:12px 0}.area-section{background:#08130d;border-block:1px solid var(--line)}.area-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:32px;align-items:center}.area-list{display:flex;flex-wrap:wrap;gap:12px}.quote-help-section{background:linear-gradient(180deg,var(--bg),var(--bg-soft))}.help-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;align-items:start}.check-card{padding:32px}.check-card ul{margin:10px 0 0;padding-left:22px;color:var(--muted);font-weight:800}.check-card li{margin:10px 0}.gallery-section{background:var(--bg-soft)}.gallery-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-auto-rows:260px;gap:16px}.gallery-grid img{width:100%;height:100%;object-fit:cover;border-radius:24px;border:1px solid var(--line);box-shadow:0 16px 50px rgba(0,0,0,.22)}.gallery-wide{grid-row:span 2}.quote-section{padding:92px 0;background:linear-gradient(135deg,#102818,#07110c);border-block:1px solid var(--line)}.quote-box{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:start}.quote-copy{padding-top:10px}.quote-copy p{max-width:650px}.quote-form{padding:26px;display:grid;gap:14px}.quote-form label{display:grid;gap:6px;color:var(--muted);font-weight:800}.quote-form input,.quote-form select,.quote-form textarea{width:100%;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.08);color:white;padding:13px 14px;font:inherit}.quote-form option{color:#08120c}.quote-form textarea{resize:vertical}.quote-form .button{width:max-content}.site-footer{padding:42px 0}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.footer-brand .brand-mark{width:58px}.site-footer p{margin:0 0 8px;text-align:right}.site-footer a{color:white;font-weight:800}
@media(max-width:980px){.hero-grid,.intro-grid,.pricing-layout,.route-grid,.footer-grid,.area-layout,.help-grid,.quote-box{grid-template-columns:1fr}.hero-grid{padding-block:90px 54px}.hero-card{max-width:520px}.section-heading{display:block}.section-heading h2{margin-bottom:14px}.service-grid{grid-template-columns:1fr}.factor-grid{grid-template-columns:repeat(2,1fr)}.gallery-grid{grid-template-columns:1fr 1fr}.gallery-wide{grid-column:span 2;grid-row:auto}.site-footer p{text-align:left}.trust-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.nav{min-height:72px}.brand-mark{width:52px}.brand-copy strong{font-size:1.15rem}.nav-toggle{display:block}.nav-menu{position:absolute;left:4vw;right:4vw;top:76px;display:none;flex-direction:column;align-items:stretch;gap:0;background:#0b160f;border:1px solid var(--line);border-radius:22px;padding:10px;box-shadow:var(--shadow)}.nav-menu.open{display:flex}.nav-menu a{padding:14px}.hero{min-height:auto}.hero-bg{background:linear-gradient(180deg,rgba(7,17,12,.55),rgba(7,17,12,.96)),url("../assets/yardpass-trailer-mower.jpg") center/cover no-repeat}h1{font-size:clamp(3rem,15vw,4.5rem)}.section{padding:70px 0}.intro-section{padding:56px 0}.pricing-copy,.pricing-panel,.factor-wrap,.route-copy,.check-card,.quote-form{padding:24px}.factor-grid,.trust-grid{grid-template-columns:1fr}.trust-grid div{border-right:0;border-bottom:1px solid var(--line)}.gallery-grid{grid-template-columns:1fr;grid-auto-rows:240px}.gallery-wide{grid-column:auto}.price-item{display:block}.price-item strong{display:block;text-align:left;margin-top:4px}.quote-form .button{width:100%}.button{width:100%}}
.commercial-section{background:#0a150e;border-block:1px solid var(--line)}
.commercial-box{display:grid;grid-template-columns:.9fr 1.1fr;gap:32px;align-items:center}
.commercial-box p{color:var(--muted);font-size:1.05rem}
.commercial-list{display:flex;flex-wrap:wrap;gap:12px}
.commercial-list span{background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:18px;padding:14px 16px;color:var(--muted);font-weight:800}
.form-note{margin:-4px 0 2px;color:var(--soft);font-size:.9rem;line-height:1.4}
.quote-form input[type="file"]{padding:12px;background:rgba(255,255,255,.06)}
@media(max-width:980px){.commercial-box{grid-template-columns:1fr}}

.photo-upload-group {
  border: 1px solid rgba(255,255,255,0.16);
  border-radius: 18px;
  padding: 16px;
  display: grid;
  gap: 12px;
}

.photo-upload-group legend {
  padding: 0 8px;
  font-weight: 800;
}

.photo-upload-group legend span {
  font-weight: 500;
  opacity: 0.75;
}

.form-note.photo-note {
  margin: 1rem 0;
  padding: 1rem;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 14px;
  background: rgba(255,255,255,.06);
  line-height: 1.5;
}
.form-note.photo-note a {
  font-weight: 800;
}
