:root{--red:#ef2d1f;--orange:#ff9d00;--green:#55b52c;--ink:#101820;--muted:#64707d;--soft:#f5f8f4;--line:#e4e9e5;--dark:#0b1510;--white:#fff;--shadow:0 22px 60px rgba(10,30,15,.12)}
*{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:#fff;overflow-x:hidden}.navbar{backdrop-filter:blur(16px);background:rgba(255,255,255,.94)!important;border-bottom:1px solid rgba(16,24,32,.08)}.navbar-brand img{height:54px;width:auto;object-fit:contain}.nav-link{font-weight:700;color:#26312a!important;margin:0 4px}.nav-link:hover,.nav-link.active{color:var(--green)!important}.btn-brand{background:linear-gradient(135deg,var(--red),var(--orange));color:#fff;border:0;border-radius:14px;padding:12px 20px;font-weight:800;box-shadow:0 12px 25px rgba(239,45,31,.22)}.btn-brand:hover{color:#fff;transform:translateY(-2px)}.btn-outline-brand{border:1px solid #b9c7bc;color:var(--ink);border-radius:14px;padding:11px 20px;font-weight:800}.hero{position:relative;min-height:88vh;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 85% 20%,rgba(85,181,44,.17),transparent 26%),radial-gradient(circle at 12% 80%,rgba(255,157,0,.14),transparent 28%),linear-gradient(135deg,#fbfdfb,#f2f8f1)}.hero:before{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(85,181,44,.18);border-radius:50%;right:-120px;top:-140px;animation:spin 22s linear infinite}.hero:after{content:"";position:absolute;width:300px;height:300px;border:1px dashed rgba(239,45,31,.18);border-radius:50%;left:-110px;bottom:-100px;animation:spin 18s linear infinite reverse}.hero h1{font-size:clamp(2.8rem,6vw,5.8rem);line-height:.98;font-weight:900;letter-spacing:-.055em}.gradient-text{background:linear-gradient(90deg,var(--red),var(--orange),var(--green));-webkit-background-clip:text;background-clip:text;color:transparent}.eyebrow{display:inline-flex;gap:8px;align-items:center;background:#fff;border:1px solid #e3ebe3;padding:8px 12px;border-radius:999px;font-weight:800;color:#41614b;font-size:.84rem}.eyebrow span{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 6px rgba(85,181,44,.12)}.hero-art{position:relative;min-height:500px}.orbit{position:absolute;inset:8%;border:1px solid rgba(16,24,32,.09);border-radius:50%;animation:spin 26s linear infinite}.orbit.o2{inset:18%;animation-duration:18s;animation-direction:reverse;border-style:dashed}.orb{position:absolute;width:18px;height:18px;border-radius:50%;background:var(--orange);top:5%;left:50%;box-shadow:0 0 0 10px rgba(255,157,0,.1)}.hero-card{position:absolute;inset:18% 13%;border-radius:38px;background:rgba(255,255,255,.82);box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;padding:28px;transform:rotate(2deg);animation:float 5s ease-in-out infinite}.hero-card img{width:100%;max-width:500px;mix-blend-mode:multiply}.leaf{position:absolute;font-size:5rem;opacity:.16}.leaf.one{right:4%;bottom:6%;color:var(--green);transform:rotate(25deg)}.leaf.two{left:0;top:6%;color:var(--orange);transform:rotate(-25deg)}.section{padding:100px 0}.section-soft{background:var(--soft)}.section-dark{background:linear-gradient(135deg,#0c1710,#14271b);color:#fff}.section-title{font-size:clamp(2rem,4vw,3.4rem);font-weight:900;letter-spacing:-.04em}.section-lead{font-size:1.08rem;color:var(--muted);max-width:760px}.dark-lead{color:#b9c8bd}.service-card{height:100%;padding:30px;border:1px solid var(--line);border-radius:26px;background:#fff;transition:.35s;position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:linear-gradient(90deg,var(--red),var(--orange),var(--green));transform:scaleX(0);transform-origin:left;transition:.35s}.service-card:hover{transform:translateY(-10px);box-shadow:var(--shadow)}.service-card:hover:before{transform:scaleX(1)}.icon-box{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;font-size:1.5rem;background:linear-gradient(135deg,rgba(239,45,31,.12),rgba(85,181,44,.12));margin-bottom:20px}.metric{font-size:2.4rem;font-weight:900}.process{position:relative}.process:before{content:"";position:absolute;left:27px;top:60px;bottom:20px;width:2px;background:linear-gradient(var(--red),var(--orange),var(--green))}.process-step{display:flex;gap:20px;position:relative;margin-bottom:34px}.step-no{flex:0 0 56px;height:56px;border-radius:50%;background:#fff;border:2px solid #dce7de;display:grid;place-items:center;font-weight:900;z-index:1}.project-card{border-radius:28px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:0 12px 30px rgba(10,30,15,.06);height:100%;transition:.35s}.project-card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}.project-cover{height:190px;position:relative;overflow:hidden;background:linear-gradient(135deg,#173c22,#72bb38)}.project-cover.orange{background:linear-gradient(135deg,#ff7a00,#ffc43b)}.project-cover.red{background:linear-gradient(135deg,#a50f14,#ff5139)}.project-cover:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;border:28px solid rgba(255,255,255,.12);right:-30px;top:-50px}.project-cover:after{content:"";position:absolute;width:120px;height:120px;border-radius:40% 60% 55% 45%;background:rgba(255,255,255,.12);left:30px;bottom:-55px;transform:rotate(25deg)}.project-body{padding:26px}.tag{display:inline-block;padding:6px 10px;border-radius:999px;background:#edf7eb;color:#36782b;font-size:.75rem;font-weight:800}.cta{border-radius:34px;padding:60px;background:linear-gradient(120deg,#122318,#25482e);color:#fff;position:relative;overflow:hidden}.cta:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:rgba(85,181,44,.14);right:-120px;top:-150px}.contact-card{border-radius:28px;border:1px solid var(--line);background:#fff;padding:32px;box-shadow:var(--shadow)}.form-control,.form-select{padding:14px 16px;border-radius:14px;border:1px solid #dbe4dc}.form-control:focus,.form-select:focus{box-shadow:0 0 0 4px rgba(85,181,44,.12);border-color:#78b966}.footer{background:#09120d;color:#d9e5dc;padding:60px 0 24px}.footer a{color:#c9d6cd;text-decoration:none}.footer a:hover{color:#fff}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.reveal.show{opacity:1;transform:none}.floating{position:fixed;right:20px;bottom:20px;z-index:1000}.wa{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#20c063;color:#fff;text-decoration:none;font-size:25px;box-shadow:0 14px 30px rgba(32,192,99,.35)}.page-hero{padding:150px 0 80px;background:radial-gradient(circle at 80% 30%,rgba(85,181,44,.16),transparent 30%),linear-gradient(135deg,#f7fbf7,#eef6ed)}.small-caps{text-transform:uppercase;letter-spacing:.12em;font-weight:900;font-size:.78rem;color:#5d7665}.list-check{list-style:none;padding:0}.list-check li{margin:12px 0;padding-left:28px;position:relative}.list-check li:before{content:"✓";position:absolute;left:0;top:0;color:var(--green);font-weight:900}.table-modern{border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid var(--line);border-radius:18px}.table-modern th{background:#eff6ef;font-weight:800}.table-modern td,.table-modern th{padding:15px;border-bottom:1px solid var(--line)}.table-modern tr:last-child td{border-bottom:0}.map-box{min-height:320px;border-radius:28px;background:linear-gradient(135deg,#dfeee0,#f8f1df);position:relative;overflow:hidden}.map-box:before,.map-box:after{content:"";position:absolute;border:2px solid rgba(85,181,44,.22);border-radius:50%}.map-box:before{width:420px;height:420px;left:15%;top:-40px}.map-box:after{width:260px;height:260px;right:5%;bottom:-120px}.alert-brand{border:0;border-left:4px solid var(--orange);background:#fff7e9;border-radius:0 14px 14px 0}.timeline{border-left:2px solid #dfe8e0;padding-left:28px}.timeline-item{position:relative;margin-bottom:32px}.timeline-item:before{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:var(--green);left:-35px;top:5px;border:3px solid #fff;box-shadow:0 0 0 2px #cfe2cf}@keyframes float{0%,100%{transform:rotate(2deg) translateY(0)}50%{transform:rotate(-1deg) translateY(-12px)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:991px){.navbar-brand img{height:44px}.hero{min-height:auto;padding:80px 0}.hero-art{min-height:380px}.hero-card{inset:12% 4%}.section{padding:75px 0}.page-hero{padding:125px 0 65px}}@media(max-width:575px){.hero h1{font-size:2.7rem}.hero-art{min-height:300px}.hero-card{inset:10% 0}.section{padding:60px 0}.cta{padding:35px 25px}}
