@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--navy:#071c26;--navy-light:#0b2c38;--petroleum:#0f4c5c;--petroleum-light:#17677a;--green:#1fa76d;--green-dark:#168657;--green-light:#35c98a;--white:#fff;--off-white:#f7faf9;--text:#10212b;--text-light:#66767f;--border:#dce5e2;--shadow:0 25px 70px #071c261f}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-width:320px;color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#fff;margin:0;font-family:Inter,Arial,Helvetica,sans-serif}#root{width:100%;min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.container{width:min(1180px,100% - 40px);margin:0 auto}.header{z-index:1000;-webkit-backdrop-filter:blur(16px);background:#fffffff5;border-bottom:1px solid #0f4c5c1a;position:sticky;top:0;box-shadow:0 8px 30px #071c260a}.header-container{justify-content:space-between;align-items:center;gap:30px;height:92px;display:flex}.logo-link{align-items:center;display:flex}.logo{object-fit:contain;width:190px;max-height:72px}.nav{color:#263c46;align-items:center;gap:28px;font-size:14px;font-weight:600;display:flex}.nav>a:not(.header-cta){transition:color .25s;position:relative}.nav>a:not(.header-cta):after{content:"";background:var(--green);border-radius:999px;width:0;height:2px;transition:width .25s;position:absolute;bottom:-8px;left:0}.nav>a:not(.header-cta):hover{color:var(--green-dark)}.nav>a:not(.header-cta):hover:after{width:100%}.header-cta{background:linear-gradient(135deg, var(--green), var(--green-dark));color:#fff;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 20px;transition:transform .25s,box-shadow .25s,background .25s;display:inline-flex;box-shadow:0 10px 24px #1fa76d38}.header-cta:hover{transform:translateY(-2px);box-shadow:0 14px 30px #1fa76d4d}.mobile-menu-button{color:var(--navy);background:0 0;border:none;padding:6px;display:none}.hero{background-position:50%;background-repeat:no-repeat;background-size:cover;align-items:center;min-height:720px;display:flex;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;background:radial-gradient(circle at 82% 26%,#35c98a24,#0000 27%),radial-gradient(circle at 18% 85%,#17677a1f,#0000 30%);position:absolute;inset:0}.hero-content{z-index:2;color:#fff;padding-top:50px;padding-bottom:70px;position:relative}.hero-badge{-webkit-backdrop-filter:blur(10px);color:#eafff5;background:#1173512e;border:1px solid #4fdf9f57;border-radius:999px;align-items:center;gap:9px;width:fit-content;padding:10px 15px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:inset 0 0 20px #1fa76d0d}.hero-badge svg{color:var(--green-light)}.hero h1{letter-spacing:-.055em;text-shadow:0 4px 25px #0000002e;max-width:860px;margin-top:25px;font-size:clamp(48px,6.4vw,82px);line-height:.98}.hero h1 span{color:#84e6b8}.hero-description{color:#dce9e6;max-width:680px;margin-top:26px;font-size:18px;line-height:1.75}.hero-buttons{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.button-primary,.button-secondary{border-radius:14px;justify-content:center;align-items:center;gap:9px;min-height:56px;padding:0 24px;font-weight:700;transition:transform .25s,background .25s,color .25s,box-shadow .25s;display:inline-flex}.button-primary{background:linear-gradient(135deg, var(--green-light), var(--green));color:#052b1d;box-shadow:0 14px 35px #1fa76d4d}.button-primary:hover{background:linear-gradient(135deg,#4cda9c,#21b877);transform:translateY(-3px);box-shadow:0 18px 42px #1fa76d66}.button-secondary{color:#fff;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#ffffff14;border:1px solid #ffffff61}.button-secondary:hover{background:#ffffff29;transform:translateY(-3px)}.hero-features{color:#d9e9e5;flex-wrap:wrap;gap:20px;margin-top:30px;font-size:14px;display:flex}.hero-features div{align-items:center;gap:8px;display:flex}.hero-features svg{color:var(--green-light)}.section{padding:110px 0}.section-label{color:var(--green-dark);letter-spacing:.2em;text-transform:uppercase;font-size:12px;font-weight:800;display:inline-block}.section-heading{max-width:820px;margin-bottom:55px}.section-heading h2,.about-content h2,.contact-content h2{color:var(--navy);letter-spacing:-.045em;margin-top:16px;font-size:clamp(38px,5vw,58px);line-height:1.05}.section-heading p,.about-content p,.contact-content p{color:var(--text-light);margin-top:20px;font-size:17px;line-height:1.75}.services{background:linear-gradient(#f5f9f8 0%,#eef5f3 100%)}.services-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.service-card{border:1px solid var(--border);background:#fff;border-radius:24px;flex-direction:column;min-height:315px;padding:32px;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;position:relative;overflow:hidden}.service-card:before{content:"";background:linear-gradient(90deg, var(--petroleum), var(--green));opacity:0;width:100%;height:4px;transition:opacity .3s;position:absolute;top:0;left:0}.service-card:hover{border-color:#1fa76d3d;transform:translateY(-8px);box-shadow:0 28px 70px #071c261f}.service-card:hover:before{opacity:1}.service-icon{background:linear-gradient(135deg, var(--petroleum), var(--navy-light));color:#fff;border-radius:18px;place-items:center;width:62px;height:62px;display:grid;box-shadow:0 10px 24px #0f4c5c2e}.service-card:nth-child(3n+2) .service-icon{background:linear-gradient(135deg, var(--green), var(--green-dark));box-shadow:0 10px 24px #1fa76d33}.service-card:nth-child(3n+3) .service-icon{background:linear-gradient(135deg,#17677a,#104957)}.service-card h3{color:var(--navy);margin-top:25px;font-size:21px;line-height:1.2}.service-card p{color:var(--text-light);margin-top:13px;line-height:1.7}.service-card a{color:var(--green-dark);align-items:center;gap:7px;margin-top:auto;padding-top:22px;font-weight:700;transition:color .25s,gap .25s;display:inline-flex}.service-card a:hover{color:var(--petroleum);gap:11px}.about{background:#fff}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.about-image-wrapper{position:relative}.about-image{object-fit:cover;border-radius:30px;width:100%;height:580px;box-shadow:0 30px 70px #071c2621}.about-floating-card{background:#fffffff7;border:1px solid #1fa76d24;border-radius:20px;align-items:center;gap:14px;width:325px;padding:22px;display:flex;position:absolute;bottom:30px;right:-25px;box-shadow:0 25px 70px #071c262e}.about-floating-icon{background:linear-gradient(135deg, var(--green), var(--green-dark));color:#fff;border-radius:15px;flex:none;place-items:center;width:52px;height:52px;display:grid}.about-floating-card strong{color:var(--navy);display:block}.about-floating-card span{color:var(--text-light);margin-top:5px;font-size:12px;display:block}.about-points{grid-template-columns:1fr 1fr;gap:16px;margin-top:30px;display:grid}.about-points div{color:#263d46;align-items:center;gap:9px;font-weight:600;display:flex}.about-points svg{color:var(--green)}.gallery{color:#fff;background:linear-gradient(145deg,#061923,#092c37 55%,#08362f);position:relative;overflow:hidden}.gallery:before{content:"";filter:blur(20px);background:#1fa76d14;border-radius:50%;width:500px;height:500px;position:absolute;top:-220px;right:-250px}.gallery .section-label{color:#6dd9a4}.gallery .section-heading h2{color:#fff}.gallery .section-heading p{color:#b7c9c6}.carousel{background:var(--navy);border-radius:30px;min-height:630px;position:relative;overflow:hidden;box-shadow:0 35px 80px #00000040}.carousel-slide{opacity:0;transition:opacity .7s;position:absolute;inset:0}.carousel-slide-active{opacity:1}.carousel-slide img{object-fit:cover;width:100%;height:630px}.carousel-overlay{background:linear-gradient(#0312180d 28%,#03121861 52%,#031218eb 100%);position:absolute;inset:0}.carousel-content{z-index:3;max-width:650px;position:absolute;bottom:42px;left:40px;right:100px}.carousel-content h3{color:#fff;font-size:34px;line-height:1.1}.carousel-content p{color:#d9e8e5;margin-top:10px;font-size:16px;line-height:1.65}.carousel-button{z-index:5;width:52px;height:52px;color:var(--navy);background:#fffffff0;border:none;border-radius:50%;place-items:center;transition:transform .2s,background .2s,color .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 10px 30px #0003}.carousel-button:hover{background:var(--green-light);color:var(--navy)}.carousel-left{left:22px}.carousel-right{right:22px}.carousel-dots{z-index:5;gap:8px;display:flex;position:absolute;bottom:26px;right:30px}.carousel-dot{background:#fff6;border:none;border-radius:50%;width:9px;height:9px;padding:0;transition:width .25s,background .25s}.carousel-dot-active{background:var(--green-light);border-radius:999px;width:30px}.video-section{background:#fff;padding:110px 0;position:relative;overflow:hidden}.video-section:before{content:"";filter:blur(10px);background:#1fa76d12;border-radius:50%;width:420px;height:420px;position:absolute;top:100px;left:-230px}.video-wrapper{background:var(--navy);border-radius:30px;position:relative;overflow:hidden;box-shadow:0 30px 80px #071c262e}.video-container{aspect-ratio:16/9;border-radius:inherit;width:100%;position:relative;overflow:hidden}.video-container iframe,.video-container video{object-fit:cover;border:none;width:100%;height:100%;display:block}.contact{background:linear-gradient(#eef6f3 0%,#f7faf9 100%)}.contact-wrapper{background:#fff;border:1px solid #0f4c5c14;border-radius:32px;grid-template-columns:.9fr 1.1fr;align-items:start;gap:70px;padding:60px;display:grid;position:relative;overflow:hidden;box-shadow:0 28px 80px #071c2617}.contact-wrapper:before{content:"";background:#1fa76d14;border-radius:50%;width:250px;height:250px;position:absolute;bottom:-160px;left:-140px}.contact-content,.contact-form{z-index:2;position:relative}.contact-highlight{align-items:center;gap:15px;margin-top:35px;display:flex}.contact-highlight-icon{background:linear-gradient(135deg, var(--green), var(--green-dark));color:#fff;border-radius:16px;flex:none;place-items:center;width:56px;height:56px;display:grid;box-shadow:0 12px 28px #1fa76d38}.contact-highlight strong{color:var(--navy);display:block}.contact-highlight span{color:var(--text-light);margin-top:4px;font-size:13px;display:block}.contact-form{gap:14px;display:grid}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.contact-form input,.contact-form textarea{width:100%;color:var(--text);background:#fff;border:1px solid #d8e2df;border-radius:13px;outline:none;padding:17px 18px;transition:border-color .25s,box-shadow .25s}.contact-form textarea{resize:vertical;min-height:150px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#899a9f}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--green);box-shadow:0 0 0 4px #1fa76d1a}.contact-button{background:linear-gradient(135deg, var(--petroleum), var(--green-dark));color:#fff;border:none;border-radius:14px;justify-content:center;align-items:center;gap:9px;min-height:56px;padding:0 24px;font-weight:700;transition:transform .25s,box-shadow .25s;display:inline-flex;box-shadow:0 13px 30px #0f4c5c33}.contact-button:hover{transform:translateY(-2px);box-shadow:0 17px 38px #0f4c5c45}.footer{color:#fff;background:linear-gradient(145deg,#04151d,#072732);padding:70px 0 30px}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:60px;display:grid}.footer-logo{object-fit:contain;background:0 0;width:190px;max-width:100%;padding:0}.footer-company p{color:#9db0b3;max-width:430px;margin-top:18px;line-height:1.7}.footer-column h4{color:#fff;margin-bottom:20px;font-size:16px}.footer-column a,.footer-column span{color:#aabbbd;margin-bottom:12px;font-size:14px;display:block}.footer-column a{transition:color .25s,transform .25s}.footer-column a:hover{color:var(--green-light);transform:translate(3px)}.footer-bottom{color:#829597;border-top:1px solid #ffffff1a;margin-top:60px;padding-top:25px;font-size:13px}.whatsapp-floating{z-index:999;color:#fff;background:linear-gradient(135deg,#25d366,#16a34a);border-radius:50%;justify-content:center;align-items:center;width:62px;height:62px;transition:transform .25s,box-shadow .25s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 14px 35px #16a34a57}.whatsapp-floating:hover{transform:translateY(-4px)scale(1.05);box-shadow:0 18px 42px #16a34a70}.whatsapp-floating svg{width:29px;height:29px}.whatsapp-floating:before{content:"";border:2px solid #25d36642;border-radius:50%;animation:2.3s infinite whatsappPulse;position:absolute;inset:-5px}@keyframes whatsappPulse{0%{opacity:.8;transform:scale(.92)}70%{opacity:0;transform:scale(1.18)}to{opacity:0;transform:scale(1.18)}}@media (width<=1000px){.mobile-menu-button{display:block}.nav{background:#fffffffa;border-bottom:1px solid #e1e9e7;flex-direction:column;align-items:stretch;gap:20px;padding:28px 24px;display:none;position:absolute;top:92px;left:0;right:0;box-shadow:0 20px 50px #071c2617}.nav-open{display:flex}.header-cta{width:100%}.services-grid{grid-template-columns:repeat(2,1fr)}.about-grid{grid-template-columns:1fr;gap:55px}.about-image-wrapper{max-width:700px}.contact-wrapper{grid-template-columns:1fr;gap:45px}.footer-grid{grid-template-columns:1fr 1fr}}@media (width<=650px){.container{width:calc(100% - 28px)}.header-container{height:78px}.logo{width:145px}.nav{top:78px}.hero{background-position:62%;min-height:680px}.hero-content{padding-top:40px;padding-bottom:55px}.hero-badge{max-width:100%;font-size:11px}.hero h1{font-size:46px;line-height:1}.hero-description{font-size:16px;line-height:1.65}.hero-buttons{flex-direction:column}.button-primary,.button-secondary{width:100%}.hero-features{flex-direction:column;gap:10px}.section{padding:78px 0}.section-heading{margin-bottom:38px}.section-heading h2,.about-content h2,.contact-content h2{font-size:38px}.services-grid{grid-template-columns:1fr}.about-image{border-radius:22px;height:430px}.about-floating-card{width:calc(100% - 30px);margin:-40px auto 0;position:relative;bottom:auto;right:auto}.about-points{grid-template-columns:1fr}.carousel{border-radius:22px;min-height:480px}.carousel-slide img{height:480px}.carousel-button{display:none}.carousel-content{bottom:55px;left:22px;right:22px}.carousel-content h3{font-size:27px}.carousel-dots{right:22px}.video-section{padding:78px 0}.video-wrapper{border-radius:20px}.contact-wrapper{border-radius:24px;padding:30px 20px}.form-row{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:40px}.footer-bottom{margin-top:40px}.whatsapp-floating{width:56px;height:56px;bottom:16px;right:16px}.whatsapp-floating svg{width:27px;height:27px}}.hero-buttons{justify-content:flex-start}.hero-buttons .button-primary{min-width:210px}.video-wrapper{border:1px solid #ffffff14;grid-template-rows:1fr auto;grid-template-columns:minmax(245px,.32fr) minmax(0,1fr);align-items:stretch;display:grid;position:relative;overflow:hidden}.video-information{color:#fff;background:radial-gradient(circle at 20% 20%,#35c98a2e,#0000 36%),linear-gradient(145deg,#071c26,#0a3440);grid-area:1/1;align-items:center;gap:16px;padding:42px 34px;display:flex}.video-information-icon{width:58px;height:58px;color:var(--green-light);background:#35c98a1f;border:1px solid #35c98a38;border-radius:16px;flex:0 0 58px;place-items:center;display:grid}.video-information span,.video-information strong,.video-information small{display:block}.video-information span{color:#91aaa9;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:800}.video-information strong{font-size:18px;line-height:1.35}.video-information small{color:#b9c9c7;margin-top:5px}.video-frame{aspect-ratio:16/9;background:#020b10;grid-area:1/2/3;width:100%;min-height:440px;position:relative}.video-frame iframe{border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.video-caption{color:#b9c9c7;background:#061820;border-top:1px solid #ffffff14;grid-area:2/1;align-items:center;gap:11px;padding:22px 34px;font-size:14px;display:flex}.video-caption svg{color:var(--green-light);flex:none}.footer{background:radial-gradient(circle at 12% 12%,#1fa76d1f,#0000 30%),linear-gradient(145deg,#020e14 0%,#05232c 100%);padding:82px 0 28px}.footer-grid{grid-template-columns:minmax(300px,1.55fr) .72fr 1fr;align-items:start;gap:clamp(42px,6vw,84px)}.footer-brand{isolation:isolate;width:180px;display:inline-flex;overflow:hidden}.footer-logo{filter:none;mix-blend-mode:normal;width:180px;height:auto}.footer-company p{color:#a9bcbb;max-width:390px;margin-top:24px;font-size:15px}.footer-credentials{gap:11px;margin-top:24px;display:grid}.footer-credentials span{color:#d3dfdd;align-items:center;gap:9px;font-size:13px;line-height:1.45;display:flex}.footer-credentials svg{color:var(--green-light);flex:none}.footer-column h4{letter-spacing:.02em;margin-bottom:24px;padding-bottom:13px;font-size:15px;position:relative}.footer-column h4:after{content:"";background:var(--green-light);border-radius:99px;width:34px;height:2px;position:absolute;bottom:0;left:0}.footer-column a{align-items:center;gap:10px;width:fit-content;margin-bottom:14px;line-height:1.5;display:flex}.footer-column a svg{color:var(--green-light);flex:none}.footer-bottom{justify-content:space-between;align-items:center;gap:20px;display:flex}@media (width<=1000px){.video-wrapper{grid-template-rows:auto auto auto;grid-template-columns:1fr}.video-information,.video-frame,.video-caption{grid-column:1}.video-information{grid-row:1}.video-frame{grid-row:2;min-height:0}.video-caption{grid-row:3}.footer-grid{grid-template-columns:1.25fr .75fr}.footer-column:last-child{grid-column:1/-1}}@media (width<=650px){.hero-buttons .button-primary{width:100%}.video-information{padding:26px 22px}.video-caption{padding:18px 22px}.footer-grid{grid-template-columns:1fr}.footer-column:last-child{grid-column:auto}.footer-bottom{flex-direction:column;align-items:flex-start}}.footer-grid{text-align:center;grid-template-columns:repeat(3,minmax(0,1fr))}.footer-company,.footer-column{flex-direction:column;align-items:center;display:flex}.footer-company p{margin-left:auto;margin-right:auto}.footer-credentials span,.footer-column a{justify-content:center}.footer-column h4:after{left:50%;transform:translate(-50%)}.footer-bottom{text-align:center;flex-wrap:wrap;justify-content:center}@media (width<=1000px){.footer-grid{grid-template-columns:1fr}.footer-column:last-child{grid-column:auto}}
