:root{
--green:#0baa43;--green-dark:#078437;--green-deep:#05652d;--green-soft:#eaf8ef;--green-pale:#f4fbf6;
--ink:#102016;--muted:#617067;--line:#dfe9e2;--white:#fff;--shadow:0 22px 55px rgba(7,84,38,.10);--radius:24px;--container:1180px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);line-height:1.65;background:#fff;overflow-x:hidden}
a{text-decoration:none;color:inherit}button{font:inherit}.container{width:min(var(--container),calc(100% - 40px));margin:auto}.section-pad{padding:100px 0}
.page-loader{position:fixed;inset:0;background:#fff;z-index:9999;display:grid;place-items:center;animation:loaderOut .7s 1s forwards}.loader-mark{width:64px;height:64px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-size:30px;font-weight:800;animation:pulse 1s infinite}@keyframes loaderOut{to{opacity:0;visibility:hidden}}@keyframes pulse{50%{transform:scale(1.08)}}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.95);backdrop-filter:blur(15px);border-bottom:1px solid rgba(11,170,67,.1)}.nav-wrap{min-height:86px;display:flex;align-items:center;gap:28px}.brand{width:230px;flex:0 0 auto}.brand img{display:block;width:100%}
.desktop-nav{margin-left:auto;display:flex;align-items:center;gap:28px}.desktop-nav>a,.dropdown-button{padding:31px 0;border:0;background:transparent;cursor:pointer;font-size:14px;font-weight:600;color:#334139;position:relative}.desktop-nav>a:hover,.desktop-nav>a.active,.dropdown-button:hover{color:var(--green-dark)}.desktop-nav>a.active:after{content:"";position:absolute;left:0;right:0;bottom:20px;height:2px;background:var(--green)}
.dropdown-button span{color:var(--green);margin-left:5px}.nav-dropdown{position:relative}.mega-menu{position:absolute;top:76px;left:50%;transform:translate(-50%,10px);width:min(850px,90vw);padding:28px;display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:26px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transition:.25s}.nav-dropdown:hover .mega-menu,.nav-dropdown.open .mega-menu{opacity:1;visibility:visible;transform:translate(-50%,0)}
.mega-column{display:flex;flex-direction:column;gap:7px}.menu-label,.eyebrow{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--green-dark)}.mega-column a{font-size:13px;padding:6px 0;color:#536159}.mega-column a:hover{color:var(--green-dark)}.mega-promo{background:var(--green-pale);padding:22px;border-radius:16px}.mega-promo h3{font-size:20px;line-height:1.25;margin:9px 0}.mega-promo p{font-size:13px;color:var(--muted);margin:0 0 14px}.mini-link,.text-link{color:var(--green-dark);font-size:13px;font-weight:800}
.header-cta{display:inline-flex;align-items:center;gap:8px;background:var(--green);color:#fff;padding:13px 18px;border-radius:10px;font-size:13px;font-weight:800;box-shadow:0 10px 25px rgba(11,170,67,.18);transition:.25s}.header-cta:hover{background:var(--green-dark);transform:translateY(-2px)}
.hamburger,.mobile-menu{display:none}

.about-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#f4fcf6,#fff 60%,#eef9f1);padding:95px 0 110px}.hero-inner{display:grid;grid-template-columns:1fr .9fr;gap:70px;align-items:center}.eyebrow-pill{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border-radius:100px;background:rgba(11,170,67,.08);color:var(--green-dark);font-size:11px;font-weight:800;letter-spacing:.13em}.eyebrow-pill i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(11,170,67,.1)}
.hero-copy h1{font-size:clamp(42px,5vw,66px);line-height:1.04;letter-spacing:-.055em;margin:22px 0}.hero-copy h1 strong{color:var(--green)}.hero-copy p{max-width:650px;color:var(--muted);font-size:17px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 20px;border-radius:11px;font-size:13px;font-weight:800;transition:.25s}.btn-primary{background:var(--green);color:#fff;box-shadow:0 14px 30px rgba(11,170,67,.18)}.btn-primary:hover{background:var(--green-dark);transform:translateY(-2px)}.btn-light,.btn-outline{background:#fff;color:var(--ink);border:1px solid #cad8cf}.btn-light:hover,.btn-outline:hover{border-color:var(--green);color:var(--green-dark);transform:translateY(-2px)}
.hero-visual{position:relative}.image-placeholder{display:grid;place-items:center;align-content:center;gap:5px;text-align:center;background:linear-gradient(145deg,#e7f7ec,#ccebd8);color:var(--green-dark);border:1px solid #cde7d5}.image-placeholder .plus{font-size:40px;font-weight:300;line-height:1}.image-placeholder b{font-size:11px;letter-spacing:.08em}.image-placeholder span{font-size:10px;color:#6a7a70}.image-placeholder.large{aspect-ratio:1.1/1;border-radius:30px;box-shadow:var(--shadow);position:relative;overflow:hidden}.image-placeholder.large:after{content:"";position:absolute;inset:24px;border:1px dashed rgba(7,132,55,.25);border-radius:22px}.hero-stat{position:absolute;left:-20px;bottom:35px;background:#fff;padding:15px 18px;border-radius:14px;box-shadow:var(--shadow);display:grid}.hero-stat b{font-size:15px;color:var(--green-dark)}.hero-stat span{font-size:10px;color:var(--muted)}
.hero-orb{position:absolute;border-radius:50%;border:70px solid rgba(11,170,67,.035)}.orb-one{width:500px;height:500px;right:-250px;top:-230px}.orb-two{width:300px;height:300px;left:-180px;bottom:-180px;border-width:50px}

.two-col{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.section-heading h2,.center-heading h2,.partnership-copy h2,.mv-card h2,.philosophy-copy h2,.cta-box h2,.contact h2{font-size:clamp(31px,4vw,48px);line-height:1.1;letter-spacing:-.045em;margin:12px 0}.section-heading h2 span,.center-heading h2 span,.partnership-copy h2 span,.mv-card h2 span,.philosophy-copy h2 span,.contact h2 span{color:var(--green)}.body-copy{color:var(--muted);font-size:15px}.body-copy p{margin:0 0 17px}.body-copy strong{color:var(--ink)}
.portfolio-strip,.values,.approach,.media-section,.contact{background:#f8fbf9}.center-heading{text-align:center;max-width:800px;margin:0 auto 48px}.center-heading p{color:var(--muted);margin:14px auto 0}.portfolio-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:960px;margin:auto}.portfolio-card{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 10px 30px rgba(7,84,38,.07);transition:.3s}.portfolio-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.portfolio-image{aspect-ratio:1.6/1}.portfolio-body{padding:28px}.card-kicker{font-size:10px;color:var(--green-dark);font-weight:800;letter-spacing:.13em}.portfolio-body h3{font-size:24px;margin:7px 0}.portfolio-body p{font-size:13px;color:var(--muted);min-height:65px}

.partnership{background:#fff}.partnership-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:80px;align-items:center}.brand-placeholder{aspect-ratio:1.05/1;border-radius:28px;box-shadow:var(--shadow)}.partnership-visual{position:relative}.experience-badge{position:absolute;right:-20px;bottom:30px;background:var(--green);color:#fff;padding:18px 20px;border-radius:15px;box-shadow:0 16px 35px rgba(11,170,67,.22)}.experience-badge strong{display:block;font-size:26px;line-height:1}.experience-badge span{font-size:9px;opacity:.9}.partnership-copy p{color:var(--muted);font-size:14px}.quote-box{margin-top:25px;padding:18px 20px;border-left:3px solid var(--green);background:var(--green-pale);border-radius:0 12px 12px 0}.quote-box span{display:block;color:var(--green-dark);font-size:9px;font-weight:800;letter-spacing:.13em}.quote-box strong{display:block;margin-top:5px;font-size:14px}

.mv-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.mv-card{padding:45px;border-radius:26px;min-height:400px;position:relative;overflow:hidden}.mv-card.mission{background:#f0faf3;border:1px solid #d6ecdc}.mv-card.vision{background:#092d18;color:#fff}.mv-card.vision .eyebrow{color:#72e39b}.mv-card p{font-size:14px;color:var(--muted);max-width:600px}.mv-card.vision p{color:#bfd0c4}.mv-number{position:absolute;right:30px;top:25px;font-size:70px;font-weight:800;color:rgba(11,170,67,.10);line-height:1}.mv-card.vision .mv-number{color:rgba(255,255,255,.06)}

.centered{text-align:center;margin:0 auto}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:20px;overflow:hidden;margin-top:48px}.value-card{background:#fff;padding:32px;min-height:250px;transition:.25s}.value-card:hover{background:var(--green-pale)}.value-icon{width:42px;height:42px;border-radius:10px;background:var(--green-soft);display:grid;place-items:center;color:var(--green-dark);font-size:11px;font-weight:900;margin-bottom:20px}.value-card h3{font-size:18px;margin:0 0 8px}.value-card p{font-size:12px;color:var(--muted);margin:0}

.approach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.approach-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:0 10px 30px rgba(7,84,38,.06);position:relative;overflow:hidden}.approach-card>span{position:absolute;right:20px;top:17px;color:#cfe8d7;font-weight:900;font-size:13px}.approach-icon{width:48px;height:48px;border-radius:13px;background:var(--green);color:#fff;display:grid;place-items:center;font-size:18px}.approach-card h3{font-size:21px;margin:20px 0 6px}.approach-card p{font-size:13px;color:var(--muted);margin:0}

.philosophy{background:#fff}.philosophy-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.philosophy-copy>p{color:var(--muted);max-width:590px}.philosophy-points{display:grid;gap:10px;margin-top:25px}.philosophy-points div{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:700}.philosophy-points b{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:var(--green-soft);color:var(--green-dark);font-size:9px}.philosophy-card{background:#082d17;color:#fff;border-radius:26px;padding:45px;box-shadow:0 25px 60px rgba(5,101,45,.16)}.philosophy-card .eyebrow{color:#72e39b}.big-line{font-size:22px;font-weight:700;letter-spacing:-.02em;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.1)}.big-line.green{color:#70e59a}

.media-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.media-slot{aspect-ratio:1.45/1;border-radius:23px}.video-placeholder{background:linear-gradient(145deg,#092d18,#0d4223);color:#fff;border:0;display:grid;place-items:center;align-content:center;position:relative}.video-placeholder:after{content:"";position:absolute;inset:18px;border:1px dashed rgba(255,255,255,.2);border-radius:18px}.video-placeholder .play{width:64px;height:64px;border-radius:50%;background:#fff;color:var(--green-dark);display:grid;place-items:center;position:relative;z-index:2;padding-left:3px}.video-placeholder b,.video-placeholder span{position:relative;z-index:2}.video-placeholder span{color:#bcd0c2}

.cta-section{background:#fff}.cta-box{background:linear-gradient(115deg,#0baa43,#087f35);color:#fff;padding:55px;border-radius:28px;display:flex;align-items:center;justify-content:space-between;gap:35px;box-shadow:0 25px 60px rgba(8,127,53,.2);position:relative;overflow:hidden}.cta-box:after{content:"R";position:absolute;right:25px;bottom:-100px;font-size:300px;font-weight:800;color:rgba(255,255,255,.055)}.cta-box h2{color:#fff;max-width:730px}.cta-box p{color:#d8f4e2;max-width:700px}.cta-actions{display:flex;gap:10px;flex-wrap:wrap;position:relative;z-index:2}.btn-white{background:#fff;color:var(--green-dark)}.btn-whatsapp{background:#075c2a;color:#fff;border:1px solid rgba(255,255,255,.2)}

.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}.contact p{color:var(--muted);max-width:600px}.contact-details{display:grid;gap:13px;margin-top:28px}.contact-details div{display:grid;grid-template-columns:130px 1fr;gap:15px;border-bottom:1px solid var(--line);padding-bottom:12px;font-size:13px}.contact-details b{color:var(--green-dark)}.contact-details span{color:var(--muted)}.contact-actions{display:flex;gap:10px;margin-top:24px}.map-placeholder{min-height:390px;border-radius:25px;border:1px solid var(--line);background:repeating-linear-gradient(45deg,#eef6f0,#eef6f0 12px,#f6fbf7 12px,#f6fbf7 24px);display:grid;place-items:center;align-content:center;gap:8px;text-align:center;color:var(--green-dark)}.map-pin{width:55px;height:55px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;box-shadow:0 10px 25px rgba(11,170,67,.25)}.map-placeholder span{font-size:11px;color:var(--muted)}

.footer{background:#062712;color:#d9e7dd;padding:60px 0 20px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:45px}.footer-brand img{width:220px;background:#fff;padding:8px;border-radius:8px}.footer-brand p{color:#9fb2a6;font-size:12px;max-width:320px}.footer h4{color:#fff;font-size:13px;margin:0 0 14px}.footer a{display:block;color:#9fb2a6;font-size:12px;margin:8px 0}.footer a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:45px;padding-top:18px;display:flex;justify-content:space-between;color:#7f9888;font-size:10px}
.floating-whatsapp{position:fixed;right:20px;bottom:20px;z-index:900;background:#12a84a;color:#fff;display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:100px;box-shadow:0 14px 30px rgba(0,0,0,.18);font-size:12px}.back-top{position:fixed;right:20px;bottom:76px;width:38px;height:38px;border:1px solid var(--line);background:#fff;color:var(--green-dark);border-radius:10px;z-index:899;opacity:0;pointer-events:none;transition:.25s}.back-top.show{opacity:1;pointer-events:auto}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}

@media(max-width:1050px){.desktop-nav{gap:18px}.header-cta{display:none}.footer-grid{grid-template-columns:1.2fr 1fr 1fr}}
@media(max-width:820px){
.container{width:min(100% - 30px,680px)}.section-pad{padding:75px 0}.desktop-nav{display:none}.nav-wrap{min-height:74px}.brand{width:195px}.hamburger{display:flex;margin-left:auto;width:44px;height:44px;border:1px solid var(--line);border-radius:10px;background:#fff;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer}.hamburger span{width:19px;height:2px;background:var(--green-dark);border-radius:2px;transition:.25s}.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mobile-menu{display:block;max-height:0;overflow:hidden;background:#fff;border-top:1px solid transparent;transition:.35s}.mobile-menu.open{max-height:900px;border-top-color:var(--line)}.mobile-menu>a,.mobile-products-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;padding:14px 20px;border:0;border-bottom:1px solid #edf2ee;background:#fff;color:var(--ink);font-weight:700;font-size:13px;text-align:left}.mobile-products{display:none;background:var(--green-pale);padding:6px 20px 10px}.mobile-products.open{display:block}.mobile-products a{display:block;padding:8px 5px;color:#526159;font-size:12px}.mobile-dealer{margin:12px 20px 18px!important;width:calc(100% - 40px)!important;background:var(--green)!important;color:#fff!important;border-radius:10px;justify-content:center!important}
.hero-inner,.two-col,.partnership-grid,.philosophy-grid,.contact-grid{grid-template-columns:1fr}.hero-inner{gap:45px}.hero-copy{padding-top:10px}.hero-visual{max-width:600px}.portfolio-grid,.mv-grid,.media-grid{grid-template-columns:1fr}.values-grid{grid-template-columns:1fr 1fr}.approach-grid{grid-template-columns:1fr}.cta-box{flex-direction:column;align-items:flex-start;padding:40px 28px}.footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){
.container{width:calc(100% - 28px)}.brand{width:170px}.hero-copy h1{font-size:40px}.hero-copy p{font-size:15px}.hero-actions .btn{width:100%}.hero-stat{left:-5px;bottom:20px}.two-col{gap:30px}.mv-card{padding:32px;min-height:auto}.values-grid{grid-template-columns:1fr}.value-card{min-height:auto}.philosophy-card{padding:30px}.big-line{font-size:18px}.contact-details div{grid-template-columns:1fr;gap:2px}.contact-actions,.cta-actions{width:100%;flex-wrap:wrap}.contact-actions .btn,.cta-actions .btn{width:100%}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:6px}.floating-whatsapp{right:12px;bottom:12px}.back-top{right:12px;bottom:70px}
}