:root {
  --brand-950: #043f17; --brand-900: #07531d; --brand-800: #096424; --brand-700: #0b742b; --brand-600: #168739;
  --brand-100: #e2f2e2; --brand-50: #f3faf3; --yellow: #f4bd00; --yellow-soft: #fff2b5; --ink: #172019; --muted: #657067; --line: #dce7dc;
  --shadow: 0 22px 60px rgba(4,63,23,.13);
}
html { scroll-behavior:smooth; }
body { position:relative; color:var(--ink); background:var(--brand-50); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; line-height:1.65; }
section,header { scroll-margin-top:95px; } a { color:var(--brand-700); } a:hover { color:var(--brand-950); }
.skip-link { position:fixed;z-index:5000;top:10px;left:10px;padding:.7rem 1rem;color:#fff;background:var(--brand-950);border-radius:.6rem;transform:translateY(-140%); } .skip-link:focus { transform:translateY(0); }
.navbar { z-index:1030; } .brand-logo { border-radius:50%;box-shadow:0 5px 18px rgba(4,63,23,.12); } .brand-copy { display:grid;line-height:1.08; } .brand-copy strong { color:var(--brand-950);font-size:1.05rem;letter-spacing:-.02em; } .brand-copy small { margin-top:.32rem;color:var(--muted);font-size:.77rem; } .navbar .nav-link { color:#354038;font-weight:700; } .navbar .nav-link:hover,.navbar .nav-link.active { color:var(--brand-700); }
.btn-brand { color:#fff;background:var(--brand-700);border-color:var(--brand-700);font-weight:800;box-shadow:0 10px 24px rgba(11,116,43,.18); } .btn-brand:hover,.btn-brand:focus { color:#fff;background:var(--brand-900);border-color:var(--brand-900);transform:translateY(-1px); }
.btn-outline-brand { color:var(--brand-800);background:rgba(255,255,255,.8);border:2px solid #c8ddc9;font-weight:800; } .btn-outline-brand:hover,.btn-outline-brand:focus { color:var(--brand-950);background:#fff;border-color:var(--brand-600); }
.hero,.local-hero { position:relative;overflow:hidden;background:linear-gradient(rgba(243,250,243,.91),rgba(243,250,243,.91)),repeating-linear-gradient(90deg,transparent 0,transparent 62px,rgba(11,116,43,.05) 63px),repeating-linear-gradient(0deg,transparent 0,transparent 62px,rgba(11,116,43,.05) 63px); }
.local-hero { background:linear-gradient(135deg,#f3faf3,#fffdf3); } .py-lg-6 { padding-top:6rem!important;padding-bottom:6rem!important; }
.hero-shape { position:absolute;border-radius:50%;pointer-events:none;filter:blur(1px); } .hero-shape-one { width:38rem;height:38rem;left:-22rem;top:-15rem;background:rgba(67,153,55,.14); } .hero-shape-two { width:29rem;height:29rem;right:-12rem;bottom:-13rem;background:rgba(244,189,0,.18); }
.section-kicker { display:inline-flex;align-items:center;gap:.7rem;color:var(--brand-700);font-size:.78rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase; } .section-kicker::before { content:"";width:2.2rem;height:3px;background:var(--yellow);border-radius:5px; } .section-kicker.light { color:#fff; }
.hero h1,.local-hero h1 { max-width:760px;color:var(--brand-950);letter-spacing:-.055em;line-height:.98; } .hero-lead { max-width:720px;color:var(--muted); } .hero-points span { color:#465248;font-weight:700; } .hero-points b { display:inline-grid;place-items:center;width:1.45rem;height:1.45rem;margin-right:.5rem;color:var(--brand-700);background:#d7efda;border-radius:50%; }
.hero-card { position:relative;width:min(100%,650px);padding:1.6rem 1.6rem 1.2rem;background:rgba(255,255,255,.98);border:1px solid rgba(4,63,23,.1);border-radius:2rem;box-shadow:var(--shadow); } .hero-card::before { content:"";position:absolute;inset:0 0 auto;height:9px;border-radius:2rem 2rem 0 0;background:linear-gradient(90deg,var(--brand-700),var(--yellow),#d93425); } .hero-card-label { position:absolute;z-index:2;top:1.35rem;left:1.35rem;padding:.45rem .85rem;color:#fff;background:var(--brand-700);border-radius:999px;font-size:.75rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase; }
.hero-truck { display:block;width:100%;height:auto;margin-top:1.8rem;object-fit:contain;border-radius:1.25rem;background:#e8ece9; } .hero-card-footer { display:flex;justify-content:space-between;align-items:end;gap:1rem;padding-top:1rem;border-top:1px solid var(--line); } .hero-card-footer div { display:grid; } .hero-card-footer small { color:var(--muted);font-size:.68rem;font-weight:900;letter-spacing:.09em; } .hero-card-footer strong { color:var(--brand-950); } .hero-card-footer a { color:var(--brand-900);font-size:clamp(1.2rem,3vw,1.75rem);font-weight:900;text-decoration:none;white-space:nowrap; }
.section { padding:6.5rem 0; } .section-soft { background:linear-gradient(135deg,#f0f8ef,#fffdf3); } .section-area { background:linear-gradient(135deg,#eef8ec,#fff); } .section-title { max-width:880px;color:var(--brand-950);font-size:clamp(2.1rem,5vw,3.65rem);font-weight:850;letter-spacing:-.045em;line-height:1.04; } .section-intro { color:var(--muted);font-size:1.05rem; }
.feature-card { padding:2rem;background:#fff;border:1px solid var(--line);border-radius:1.35rem;box-shadow:0 12px 34px rgba(4,63,23,.06);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease; } .feature-card:hover { transform:translateY(-6px);border-color:#a9cea9;box-shadow:0 20px 46px rgba(4,63,23,.1); } .feature-icon { display:grid;place-items:center;width:3.6rem;height:3.6rem;color:var(--brand-700);background:var(--brand-100);border-radius:1rem;font-size:1.7rem; } .feature-card h3 { margin:1.4rem 0 .7rem;color:var(--brand-950);font-size:1.25rem;font-weight:850; } .feature-card p { margin:0;color:var(--muted); } .card-link { display:inline-block;margin-top:1rem;font-weight:850;text-decoration:none; }
.area-chips { display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.35rem; } .area-chips a { padding:.58rem .9rem;background:#fff;border:1px solid #bfd8bf;border-radius:999px;color:var(--brand-900);font-weight:850;text-decoration:none;box-shadow:0 6px 16px rgba(4,63,23,.05); } .area-chips a:hover { border-color:var(--brand-600);transform:translateY(-1px); } .map-card { padding:1rem;background:#fff;border:1px solid var(--line);border-radius:2rem;box-shadow:var(--shadow); } .map-card svg { display:block;width:100%;height:auto; }
.steps { display:grid;gap:1rem; } .steps li { display:grid;grid-template-columns:4rem 1fr;gap:1.1rem;padding:1.4rem;background:#fff;border:1px solid var(--line);border-radius:1.2rem;box-shadow:0 10px 30px rgba(4,63,23,.055); } .step-number { display:grid;place-items:center;width:3.5rem;height:3.5rem;color:var(--brand-950);background:var(--yellow-soft);border-radius:1rem;font-size:1.25rem;font-weight:900; } .steps h3 { margin:.1rem 0 .25rem;color:var(--brand-950);font-size:1.18rem;font-weight:850; } .steps p { margin:0;color:var(--muted); } .arrow-link { display:inline-flex;gap:.65rem;margin-top:.9rem;font-weight:850;text-decoration:none; }
.section-promo { padding:0;background:#fff; } .promo-panel { display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:clamp(2rem,5vw,4rem);color:#fff;background:linear-gradient(135deg,var(--brand-950),var(--brand-700));border-radius:2rem;box-shadow:var(--shadow); } .promo-panel h2 { margin:.5rem 0 .2rem;font-size:clamp(2rem,5vw,4rem);font-weight:950;letter-spacing:-.05em; } .promo-panel p { margin:0;color:#d9efdd;font-weight:750; } .promo-phone { color:#fff;font-size:clamp(2rem,5vw,4.2rem);font-weight:950;letter-spacing:-.045em;text-decoration:none;white-space:nowrap; } .promo-phone:hover { color:var(--yellow); }
.about-panel { padding:clamp(2rem,5vw,4.5rem);background:#fff;border:1px solid var(--line);border-radius:2.25rem;box-shadow:var(--shadow); } .about-logo { width:min(100%,360px);border-radius:50%;box-shadow:0 15px 40px rgba(4,63,23,.12); } .fact-box { height:100%;padding:1.15rem 1.25rem;background:var(--brand-50);border:1px solid var(--line);border-radius:1rem; } .fact-box span { display:block;color:var(--muted);font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase; } .fact-box a,.fact-box strong { display:block;margin-top:.35rem;color:var(--brand-950);font-size:1.05rem;font-weight:850;line-height:1.35;text-decoration:none; }
.cta-section { padding:0 0 6.5rem;background:#fff; } .cta-card { display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:clamp(2rem,5vw,3.6rem);color:#fff;background:linear-gradient(135deg,var(--brand-950),var(--brand-700));border-radius:2rem;box-shadow:var(--shadow); } .cta-card span { color:#d8edd9;font-weight:750; } .cta-card h2 { margin:.25rem 0 0;font-weight:850;letter-spacing:-.035em; } .cta-phone { color:#fff;font-size:clamp(1.7rem,4vw,3.4rem);font-weight:950;letter-spacing:-.04em;text-decoration:none;white-space:nowrap; } .cta-phone:hover { color:var(--yellow); }
.contact-main-phone { display:inline-block;margin-top:.7rem;color:var(--brand-800);font-size:clamp(2.4rem,6vw,4.4rem);font-weight:950;letter-spacing:-.05em;text-decoration:none; } .contact-card { overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:1.5rem;box-shadow:0 14px 42px rgba(4,63,23,.075); } .contact-row { display:grid;grid-template-columns:3.5rem 1fr;gap:1.15rem;align-items:center;padding:1.55rem; } .contact-row + .contact-row { border-top:1px solid var(--line); } .contact-icon { display:grid;place-items:center;width:3.5rem;height:3.5rem;color:var(--brand-700);background:var(--brand-100);border-radius:1rem;font-size:1.5rem;font-weight:900; } .contact-row div { display:grid; } .contact-row div>span { color:var(--muted);font-size:.72rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase; } .contact-row strong,.contact-row a { margin-top:.25rem;color:var(--brand-950);font-size:1.08rem;font-weight:850;text-decoration:none; }
.faq-container { max-width:900px; } .accordion { --bs-accordion-border-color:var(--line);--bs-accordion-btn-focus-box-shadow:0 0 0 .22rem rgba(244,189,0,.28);--bs-accordion-active-bg:#fff;--bs-accordion-active-color:var(--brand-950); } .accordion-item { margin-bottom:.75rem;overflow:hidden;border:1px solid var(--line)!important;border-radius:1rem!important; } .accordion-button { color:var(--brand-950);font-weight:850; } .accordion-body { color:var(--muted); }
.service-list { display:grid;gap:1rem;margin:2rem 0 0;padding:0;list-style:none; } .service-list li { position:relative;padding:1rem 1rem 1rem 3.2rem;background:var(--brand-50);border:1px solid var(--line);border-radius:1rem;font-weight:750; } .service-list li::before { content:'✓';position:absolute;left:1.15rem;top:.8rem;color:var(--brand-700);font-size:1.35rem;font-weight:950; } .call-card { padding:2rem;color:#fff;background:linear-gradient(145deg,var(--brand-950),var(--brand-700));border-radius:1.5rem;box-shadow:var(--shadow); } .call-card span { color:#d9efdd;font-size:.78rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase; } .call-card a { display:block;margin:.5rem 0;color:#fff;font-size:clamp(2rem,5vw,3.2rem);font-weight:950;text-decoration:none;letter-spacing:-.04em; } .call-card p { margin:0;color:#e5f2e6; } .info-grid { display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem; } .info-grid>div { display:flex;align-items:center;gap:1rem;padding:1.2rem;background:var(--brand-50);border:1px solid var(--line);border-radius:1rem; } .info-grid b { display:grid;place-items:center;flex:0 0 2.5rem;height:2.5rem;color:var(--brand-950);background:var(--yellow);border-radius:.8rem; } .info-grid span { font-weight:750; }
.legal { max-width:900px; } .legal h2 { margin-top:2.2rem;color:var(--brand-950);font-weight:850; } .error-page { min-height:100vh;display:grid;place-items:center;background:var(--brand-50); } .error-page h1 { color:var(--brand-950);font-size:7rem;font-weight:950;letter-spacing:-.08em; }
.footer { padding:1.7rem 0;color:#d9e8db;background:var(--brand-950);font-size:.9rem; } .footer a { color:#fff;font-weight:800;text-decoration:none; } .mobile-call { display:none; } :focus-visible { outline:3px solid var(--yellow);outline-offset:3px; }
@media(max-width:991.98px){ .navbar-collapse{padding:1rem 0 .3rem} .navbar .nav-link{padding:.75rem .25rem} .hero-card{max-width:650px} .cta-card,.promo-panel{align-items:flex-start;flex-direction:column} .promo-phone{font-size:clamp(2rem,9vw,3.6rem)} }
@media(max-width:767.98px){ body{padding-bottom:5.2rem} .brand-logo{width:52px;height:52px} .brand-copy strong{font-size:.96rem} .py-lg-6{padding-top:4rem!important;padding-bottom:4rem!important} .hero,.local-hero{text-align:center} .hero h1,.local-hero h1{font-size:clamp(2.65rem,12vw,4.1rem)} .hero-points{width:fit-content;margin-inline:auto;text-align:left} .section{padding:4.6rem 0} .hero-card{padding:1.25rem 1rem 1rem;border-radius:1.45rem} .hero-card::before{border-radius:1.45rem 1.45rem 0 0} .hero-card-footer{align-items:flex-start;flex-direction:column;text-align:left} .steps li{grid-template-columns:3.2rem 1fr;padding:1.15rem;text-align:left} .step-number{width:3rem;height:3rem} .map-card{padding:.4rem;border-radius:1.3rem} .section-promo{padding:0} .promo-panel{border-radius:0;margin-inline:calc(var(--bs-gutter-x)*-.5)} .cta-section{padding-bottom:4.6rem} .cta-card{border-radius:0;margin-inline:calc(var(--bs-gutter-x)*-.5)} .cta-phone{font-size:clamp(2rem,10vw,3rem)} .contact-row{grid-template-columns:3rem 1fr;padding:1.2rem} .contact-icon{width:3rem;height:3rem} .info-grid{grid-template-columns:1fr} .mobile-call{position:fixed;z-index:1080;left:50%;bottom:.85rem;display:inline-flex;align-items:center;justify-content:center;width:calc(100% - 1.5rem);max-width:480px;min-height:3.6rem;padding:.7rem 1.2rem;color:var(--brand-950);background:var(--yellow);border:2px solid rgba(255,255,255,.9);border-radius:999px;box-shadow:0 15px 36px rgba(4,63,23,.32);font-weight:950;text-decoration:none;transform:translateX(-50%)} }
@media(max-width:420px){ .brand-copy{display:none} .hero-card-footer a{font-size:1.35rem} .area-chips a{font-size:.88rem} .promo-phone{font-size:2rem} }
@media(prefers-reduced-motion:reduce){ html{scroll-behavior:auto} *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important} }