:root{--green:#136a19;--accent:#79b638;--dark:#063b20;--ink:#0b1722;--muted:#455062;--line:#e6e9eb;--soft:#f7f9f7;--shadow:0 8px 28px rgba(14,39,27,.06)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Arial,"Helvetica Neue",sans-serif;line-height:1.48}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}.container{width:min(1120px,calc(100% - 48px));margin:auto}.icon{width:23px;height:23px;fill:currentColor;display:inline-block;vertical-align:middle;flex:none}.brand{font-size:38px;font-weight:850;letter-spacing:-2.8px;line-height:.83;color:#062b17;position:relative;display:inline-block}.brand .leaf{color:#62b925;position:absolute;right:-10px;top:-8px;font-size:20px;transform:rotate(-35deg)}.brand small{display:block;letter-spacing:4px;font-size:10px;text-align:center;color:#12602b;line-height:2.3;font-weight:700}.topbar{height:66px;border-bottom:1px solid #edf0ef;background:#fff}.topbar .container{height:100%;display:flex;align-items:center;justify-content:space-between;position:relative}.top-contact{display:flex;gap:10px;align-items:center}.top-contact .icon{color:var(--green);width:27px;height:27px}.top-contact strong{display:block;font-size:14px}.top-contact small{display:block;font-size:10px;color:var(--muted)}.topbar .brand{position:absolute;left:50%;transform:translateX(-50%)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--green);color:white;border:1px solid var(--green);border-radius:8px;padding:13px 21px;font-size:14px;font-weight:700;box-shadow:0 4px 8px rgba(0,91,0,.09);transition:transform .2s,background .2s}.btn:hover{background:#005208;transform:translateY(-2px)}.btn .icon{width:19px;height:19px}.btn-outline{background:white;color:var(--green)}.btn-outline:hover{background:#f2fbf2}.topbar .btn{font-size:12px;padding:11px 14px}.topbar .btn .icon{width:16px;height:16px}.navbar{height:43px;background:white;box-shadow:0 4px 15px rgba(0,0,0,.025);position:relative;z-index:10}.nav-inner{display:flex;justify-content:center;align-items:center;height:100%;gap:40px}.nav-inner>a,.nav-item>button{font-size:13px;background:none;border:0;padding:12px 0;color:#15222a}.nav-inner a:hover,.nav-item button:hover{color:var(--green)}.nav-item{position:relative}.chev{font-size:13px;margin-left:7px}.dropdown{display:none;position:absolute;left:-15px;top:100%;min-width:200px;background:white;padding:8px;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:9px}.dropdown a{display:block;padding:9px;border-radius:5px;font-size:13px}.dropdown a:hover{background:#eff8ef}.nav-item:hover .dropdown,.nav-item:focus-within .dropdown{display:block}.menu-toggle{display:none;background:none;border:0;color:var(--dark);font-size:28px}
.hero{min-height:366px;background:linear-gradient(110deg,#f4f9f7 0%,#fff 50%,#f7faf8 100%);overflow:hidden;position:relative}.hero-media{display:none}.hero .hero-shell{position:relative;min-height:366px;display:flex;align-items:center}.hero-copy{width:56%;position:relative;z-index:2;padding:35px 0 65px}.hero-brand{margin:0 0 8px;font-family:"Plus Jakarta Sans",Arial,sans-serif;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--green)}.hero h1{font-family:"Plus Jakarta Sans",Arial,sans-serif;font-size:clamp(30px,3.65vw,43px);line-height:1.14;letter-spacing:-1.5px;margin:0 0 14px;font-weight:800;color:#053c20}.hero-lead{font-size:16px;color:var(--muted);line-height:1.48;max-width:510px;margin:0 0 10px}.hero-tagline{margin:0 0 18px;font-family:"Plus Jakarta Sans",Arial,sans-serif;font-size:15px;font-weight:700;color:var(--dark)}.actions{display:flex;gap:16px;flex-wrap:wrap}.hero-art{position:absolute;right:0;top:0;width:min(48%,520px);height:100%;background-image:url('../assets/images/hero.jpg');background-size:cover;background-position:86% 42%;background-repeat:no-repeat;clip-path:ellipse(92% 118% at 88% 50%);border-radius:0 0 0 8px}.hero-art:before{content:"";position:absolute;left:-6px;top:-6%;width:34%;height:115%;border-left:18px solid var(--accent);border-radius:80% 0 0 80%;transform:rotate(8deg);pointer-events:none}
.cards{position:relative;z-index:3;margin-top:-30px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.service-card{border:1px solid #edf0ed;border-radius:11px;background:#fff;padding:12px 13px 13px;box-shadow:var(--shadow);display:flex;flex-direction:column;min-height:265px}.service-card img{width:100%;height:109px;object-fit:cover;border-radius:8px;background:#f2f2f2}.service-card h3{font-size:16px;margin:9px 3px 3px}.service-card p{font-size:12px;color:var(--muted);line-height:1.52;margin:0 3px 7px;flex:1}.round-link{border:1.5px solid var(--green);color:var(--green);border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-size:20px;font-weight:700;margin:0 3px}.round-link:hover{background:var(--green);color:white}.section-title{text-align:center;margin:26px 0 18px}.section-title h2{font-size:33px;letter-spacing:-.8px;margin:0}.section-title h2 span{color:var(--green)}.section-title p{font-size:17px;margin:2px 0}.features{display:grid;grid-template-columns:repeat(4,1fr);margin:16px auto 36px}.feature{text-align:center;padding:0 22px;border-right:1px solid #eef0ee}.feature:last-child{border:0}.feature .icon{width:36px;height:36px;color:var(--green);margin-bottom:4px}.feature h3{font-size:14px;margin:0 0 5px}.feature p{font-size:12px;line-height:1.45;color:var(--muted);margin:0}.contact-grid{display:grid;grid-template-columns:1fr 1.14fr;gap:12px;margin-top:10px}.panel{background:#fff;border:1px solid #e9ecea;border-radius:11px;box-shadow:var(--shadow);padding:21px}.panel h2{font-size:24px;line-height:1.2;margin:0 0 3px;letter-spacing:-.6px}.panel p{color:var(--muted);font-size:13px;margin:0 0 12px}.field{display:block;width:100%;border:1px solid #cfd5dc;border-radius:7px;padding:12px 13px;margin-bottom:11px;font-size:13px;outline:none}.field:focus{border-color:var(--green);box-shadow:0 0 0 3px #e0f3e0}textarea.field{height:91px;resize:vertical}.send{width:100%;margin-top:1px}.address{display:flex;gap:11px;margin-bottom:10px}.address .icon{width:30px;height:30px;color:var(--green)}.address strong{display:block;font-size:15px}.address span{display:block;font-size:13px;line-height:1.3}.map{position:relative;display:block;overflow:hidden;border-radius:8px;height:220px;background:#e5eee7}.map iframe{display:block;width:100%;height:100%;border:0}.map-route{position:absolute;right:10px;bottom:10px;z-index:2;background:#fff;color:var(--dark);border:1px solid #d5ddd6;border-radius:7px;padding:7px 11px;font-size:12px;font-weight:700;box-shadow:0 4px 12px rgba(0,0,0,.12)}.map-route:hover{background:var(--green);color:#fff;border-color:var(--green)}.quick-links{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.quick-links a{border:1px solid #dbe1e3;border-radius:7px;display:flex;gap:9px;padding:10px;align-items:center;font-size:12px;line-height:1.25}.quick-links a:hover{border-color:var(--green);background:#f7fcf7}.quick-links .icon{color:var(--green);width:25px;height:25px}.quick-links small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:36px auto 30px}.trust-item{display:flex;gap:12px;align-items:flex-start}.trust-item .icon{width:35px;height:35px;color:var(--green)}.trust-item strong{font-size:12px;display:block}.trust-item small{color:var(--muted);font-size:10px;display:block;margin-top:2px}.footer{background:radial-gradient(circle at 35% 20%,#07522c,#003c20 75%);color:white;padding:27px 0 0}.footer-grid{display:grid;grid-template-columns:1.25fr 1fr .9fr 1.1fr;gap:35px}.footer .brand{color:white;font-size:40px}.footer .brand small{display:none}.footer p{font-size:13px;line-height:1.35;margin:14px 0 10px}.footer h3{font-size:13px;margin:0 0 8px}.footer a,.footer span{display:block;font-size:13px;line-height:1.6}.footer a:hover{text-decoration:underline}.footer .social{display:flex;gap:12px}.social a{font-size:23px;font-weight:bold}.footer-contact{display:flex;gap:12px;margin-bottom:10px}.footer-contact .icon{color:#8bd62f;width:21px;height:21px}.copyright{border-top:1px solid rgba(255,255,255,.18);margin-top:20px;padding:9px 0;display:flex;justify-content:space-between;font-size:12px}
@media(max-width:900px){.nav-inner{gap:22px}.hero-art{right:0;width:min(50%,420px);background-position:84% 40%}.hero-copy{width:58%}.hero h1{font-size:33px}.cards{grid-template-columns:repeat(2,1fr)}.service-card{min-height:245px}.service-card img{height:135px}.features,.trust{gap:12px}.feature{padding:0 9px}.footer-grid{gap:20px}}
@media(max-width:650px){.container{width:min(100% - 32px,480px)}.topbar{height:64px}.topbar .brand{font-size:28px}.brand small{font-size:7px;letter-spacing:3px}.top-contact small{display:none}.top-contact strong{font-size:0}.top-contact .icon{width:25px}.topbar .btn{padding:9px}.topbar .btn span{display:none}.navbar{height:auto;min-height:40px}.menu-toggle{display:block;margin-left:auto;padding:4px 15px}.nav-inner{display:none;flex-direction:column;align-items:stretch;gap:0;padding:5px 16px 12px}.nav-inner.open{display:flex}.nav-inner>a,.nav-item>button{display:block;width:100%;text-align:left;padding:10px 0}.dropdown{position:static;box-shadow:none;display:block;border:0;padding:0 0 0 16px}.dropdown a{padding:5px}.hero .container{min-height:auto;align-items:flex-start}.hero-copy{width:100%;padding:30px 0 0}.hero h1{font-size:clamp(29px,7vw,38px)}.actions{gap:9px}.btn{padding:11px 13px;font-size:12px}.hero-art{top:auto;bottom:0;height:225px;right:0;width:100%;clip-path:none;border-radius:12px 12px 0 0;background-position:82% 38%}.hero-art:before{display:none}.cards{margin-top:18px;gap:10px}.service-card{padding:8px;min-height:235px}.service-card img{height:100px}.service-card h3{font-size:14px}.service-card p{font-size:11px}.section-title h2{font-size:27px}.features{grid-template-columns:repeat(2,1fr);row-gap:23px}.feature:nth-child(2){border:0}.contact-grid{grid-template-columns:1fr}.panel{padding:17px}.quick-links{gap:5px}.quick-links a{padding:7px;gap:4px;font-size:10px}.quick-links .icon{width:20px}.quick-links small{font-size:9px}.trust{grid-template-columns:repeat(2,1fr);gap:20px 9px}.footer-grid{grid-template-columns:repeat(2,1fr);gap:25px}.copyright{gap:10px;font-size:10px}}
@media(max-width:380px){.cards{grid-template-columns:1fr 1fr}.service-card img{height:82px}.quick-links{grid-template-columns:1fr}.quick-links a{font-size:12px}.footer-grid{gap:15px}}
.quick-links{margin-top:10px}
@media(max-width:650px){.map{height:200px}}
.topbar{height:62px}.navbar{height:38px}.nav-inner>a,.nav-item>button{padding:9px 0}.logo-link{position:absolute;left:50%;transform:translateX(-50%);display:grid;place-items:center;width:151px;height:57px;background:#fff;border-radius:5px;box-shadow:0 3px 7px rgba(0,0,0,.08),0 1px 0 #fff inset;transition:transform .2s,box-shadow .2s}.logo-link:hover{transform:translateX(-50%) translateY(-1px);box-shadow:0 5px 11px rgba(0,0,0,.12)}.logo-link img{display:block;width:145px;height:auto;max-height:54px;object-fit:contain}.footer-logo{display:inline-block;background:#fff;padding:3px 5px;border-radius:6px;box-shadow:0 6px 0 rgba(0,0,0,.13),0 11px 22px rgba(0,0,0,.18)}.footer-logo img{display:block;width:182px;height:auto}.round-link{border-color:var(--green)}.feature .icon,.trust-item .icon{color:var(--green)}
@media(max-width:650px){.topbar{height:58px}.navbar{min-height:38px}.logo-link{width:130px;height:51px}.logo-link img{width:125px;max-height:48px}.topbar .btn{padding:8px}.footer-logo img{width:165px}}
.site-header{position:relative;z-index:15}.info-strip{background:#0a5e1c;color:#fff;min-height:32px}.info-inner{min-height:32px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;font-weight:700}.info-inner>a,.open-status,.info-rating{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.info-inner .icon{width:14px;height:14px;color:#a9e56d}.info-inner a:hover{text-decoration:underline}.status-dot{width:8px;height:8px;border-radius:50%;background:#ffba3a;display:inline-block}.status-dot.is-open{background:#a9e56d}.stars{color:#d2ff85;letter-spacing:-1.5px}.info-rating small{font-size:10px;opacity:.9}.main-nav{height:68px;background:#fff;border-bottom:1px solid #e6ebe6;box-shadow:0 3px 13px rgba(0,0,0,.035)}.main-nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:18px}.main-nav .logo-link{position:static;transform:none;width:145px;height:58px;flex:none;box-shadow:none;border-radius:0}.main-nav .logo-link:hover{transform:translateY(-1px);box-shadow:none}.main-nav .logo-link img{width:141px;max-height:54px}.main-nav .nav-inner{height:100%;display:flex;align-items:center;justify-content:center;gap:clamp(11px,1.6vw,25px);flex:1;min-width:0}.main-nav .nav-inner>a,.main-nav .nav-item>button{font-size:13px;font-weight:700;white-space:nowrap;padding:15px 0}.header-actions{display:flex;align-items:center;gap:8px;flex:none}.header-actions a{min-height:38px;padding:8px 14px;border-radius:9px;font-size:13px;font-weight:700;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:6px}.header-whatsapp{border:1px solid #c9d9c8;background:#fff;color:#183d1c}.header-call{background:var(--green);color:#fff;box-shadow:0 3px 9px rgba(0,80,0,.13)}.header-actions a:hover{transform:translateY(-1px)}.header-call .icon{width:16px;height:16px}.main-nav .menu-toggle{display:none}
@media(max-width:1050px){.info-rating small{display:none}.main-nav-inner{gap:10px}.main-nav .logo-link{width:132px}.main-nav .logo-link img{width:130px}.main-nav .nav-inner{gap:11px}.main-nav .nav-inner>a,.main-nav .nav-item>button{font-size:12px}.header-actions a{padding:7px 10px;font-size:12px}}
@media(max-width:850px){.info-address,.info-rating{display:none!important}.info-inner{justify-content:space-between;font-size:11px}.main-nav{height:62px}.main-nav .logo-link{width:139px;height:56px}.main-nav .logo-link img{width:136px}.main-nav .menu-toggle{display:block;margin:0;padding:3px 6px;font-size:26px;order:3}.main-nav .nav-inner{display:none;position:absolute;top:100%;left:0;right:0;height:auto;background:#fff;padding:10px 22px 16px;border-top:1px solid var(--line);box-shadow:0 12px 18px rgba(0,0,0,.12);flex-direction:column;align-items:stretch;gap:0}.main-nav .nav-inner.open{display:flex}.main-nav .nav-inner>a,.main-nav .nav-item>button{width:100%;text-align:left;padding:9px 0;font-size:14px}.main-nav .dropdown{position:static;display:block;box-shadow:none;border:0;padding:0 0 0 16px}.main-nav .dropdown a{padding:5px 0}.header-actions{margin-left:auto}.header-actions a{min-height:34px;padding:7px 10px}}
@media(max-width:520px){.info-strip,.info-inner{min-height:29px}.open-status{font-size:10px}.main-nav{height:59px}.main-nav .logo-link{width:116px;height:50px}.main-nav .logo-link img{width:114px;max-height:44px}.header-whatsapp{display:none!important}.header-actions a{font-size:0;padding:8px}.header-call .icon{width:18px;height:18px}.main-nav .menu-toggle{font-size:24px}.info-inner>a{font-size:11px}}
.footer .copyright{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:12px}.footer .copyright-line{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;min-width:0}.footer .copyright-line span{display:inline}.footer .copyright-line a{display:inline-flex;align-items:center;line-height:1}.footer .copyright-line .icon{width:17px;height:17px;color:#a1df64}.footer .copyright-tag{display:inline;white-space:nowrap}@media(max-width:650px){.footer .copyright{justify-content:flex-start}.footer .copyright-tag{display:none}.footer .copyright-line{font-size:11px;gap:4px}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}


/* —— Mobile hero: compact immersive composition —— */
@media (max-width: 850px) {
  .hero {
    position: relative;
    isolation: isolate;
    min-height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: #062816;
    color: #fff;
  }

  .hero-media {
    display: block;
    position: absolute;
    inset: 0;
    z-index: 0;
    background:
      linear-gradient(
        165deg,
        rgba(2, 14, 8, 0.72) 0%,
        rgba(2, 16, 9, 0.55) 42%,
        rgba(2, 12, 7, 0.88) 100%
      ),
      url('../assets/images/hero.jpg') 72% 42% / cover no-repeat;
    transform: scale(1.03);
    animation: heroKen 16s ease-out forwards;
  }

  .hero .hero-shell {
    position: relative;
    z-index: 1;
    min-height: 0;
    width: min(100% - 32px, 520px);
    margin: 0 auto;
    padding: 0;
    display: block;
  }

  .hero-art {
    display: none;
  }

  .hero-copy {
    width: 100%;
    padding: 22px 0 24px;
  }

  .hero-brand,
  .hero h1,
  .hero-lead,
  .hero-tagline,
  .hero .actions {
    opacity: 0;
    transform: translateY(12px);
    animation: heroRise 0.65s cubic-bezier(0.22, 1, 0.36, 1) forwards;
  }

  .hero-brand { animation-delay: 0.05s; }
  .hero h1 { animation-delay: 0.12s; }
  .hero-lead { animation-delay: 0.18s; }
  .hero-tagline { animation-delay: 0.24s; }
  .hero .actions { animation-delay: 0.3s; }

  .hero-brand {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 8px;
    padding: 0;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #c6f58d;
  }

  .hero-brand::before {
    content: "";
    width: 16px;
    height: 2px;
    border-radius: 2px;
    background: #79b638;
  }

  .hero h1 {
    margin: 0 0 8px;
    max-width: 12ch;
    font-size: clamp(1.7rem, 7.2vw, 2.2rem);
    line-height: 1.06;
    letter-spacing: -0.04em;
    font-weight: 800;
    color: #fff;
    text-shadow: 0 2px 18px rgba(0, 0, 0, 0.4);
    text-wrap: balance;
  }

  .hero-lead {
    margin: 0 0 6px;
    max-width: 36ch;
    font-size: 0.9rem;
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.88);
    text-shadow: 0 1px 10px rgba(0, 0, 0, 0.35);
  }

  .hero-tagline {
    margin: 0 0 14px;
    font-size: 0.88rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    color: #d8ffb0;
  }

  .hero .actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    width: 100%;
  }

  .hero .btn {
    width: 100%;
    min-height: 48px;
    padding: 12px 16px;
    border-radius: 12px;
    font-family: "Plus Jakarta Sans", Arial, sans-serif;
    font-size: 0.92rem;
    font-weight: 700;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.28);
  }

  .hero .btn:hover {
    transform: translateY(-1px);
  }

  .hero .btn-outline {
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.42);
    color: #fff;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: none;
  }

  .hero .btn-outline:hover {
    background: rgba(255, 255, 255, 0.2);
  }

  .cards {
    margin-top: 16px;
  }
}

@media (max-width: 520px) {
  .hero-copy {
    padding: 18px 0 20px;
  }

  .hero h1 {
    max-width: 11ch;
    font-size: clamp(1.6rem, 7vw, 2rem);
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-media,
  .hero-brand,
  .hero h1,
  .hero-lead,
  .hero-tagline,
  .hero .actions {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }

  .hero-media {
    transform: none;
  }
}

@keyframes heroRise {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes heroKen {
  to {
    transform: scale(1);
  }
}
