:root{--blue:#08759b;--blue2:#064f70;--green:#6b9f30;--ink:#082331;--pale:#eef5f6;--white:#fff;--muted:#647981;--ease:cubic-bezier(.2,.8,.2,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Arial,"Segoe UI",sans-serif;background:white;overflow-x:hidden}body.lock{overflow:hidden}a{text-decoration:none;color:inherit}img{max-width:100%}button,input,select,textarea{font:inherit}.noise{position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.preloader{position:fixed;inset:0;background:#fff;z-index:100;display:grid;place-content:center;text-align:center;gap:18px;transition:transform 1s var(--ease)}.preloader.done{transform:translateY(-105%)}.pre-logo{font-size:72px;font-weight:300;letter-spacing:-7px;color:var(--blue)}.pre-logo b{color:var(--green);font-size:90px}.preloader small{font-size:9px;letter-spacing:.24em;color:#70838a;text-transform:uppercase}.preloader>i{height:3px;background:#dce7e8;position:relative;overflow:hidden}.preloader>i:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--blue),var(--green));animation:loading 1.5s var(--ease)}@keyframes loading{from{transform:translateX(-100%)}to{transform:none}}
header{height:88px;position:fixed;z-index:50;top:0;left:0;right:0;padding:0 4.5vw;display:grid;grid-template-columns:190px 1fr 210px;align-items:center;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(8,35,49,.1);transition:.3s}header.scrolled{height:70px;box-shadow:0 8px 30px rgba(5,45,63,.06)}.logo img{width:145px;height:62px;object-fit:cover}nav{justify-self:center;display:flex;gap:35px}nav a{font-size:12px;font-weight:700;letter-spacing:.05em;position:relative}nav a:after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:2px;background:var(--green);transition:.3s}nav a:hover:after{width:100%}.head-phone{justify-self:end;display:flex;flex-direction:column;gap:3px}.head-phone span{font-size:8px;letter-spacing:.2em;color:var(--green);font-weight:800}.head-phone b{font-size:15px;color:var(--blue2)}.menu{display:none}
.hero{min-height:100svh;position:relative;padding:145px 7vw 80px;display:flex;align-items:center;overflow:hidden}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.88) 38%,rgba(255,255,255,.12) 68%),linear-gradient(0deg,rgba(255,255,255,.35),transparent 50%)}.hero-content{position:relative;z-index:2;width:min(680px,55vw)}.kicker{font-size:10px;letter-spacing:.23em;font-weight:800;color:var(--blue);display:flex;align-items:center;gap:13px}.kicker i{width:34px;height:3px;background:var(--green);display:block}h1,h2{font-weight:800;letter-spacing:-.07em;margin:0;line-height:.89}h1{font-size:clamp(4.5rem,7.4vw,8.3rem)}h1 em,h2 em{font-style:normal;color:var(--green)}.lead{font-size:17px;line-height:1.7;color:#536a73;max-width:560px;margin:34px 0}.actions{display:flex;gap:30px;align-items:center}.btn{height:58px;padding:0 24px;display:flex;align-items:center;gap:35px;font-size:11px;letter-spacing:.12em;font-weight:800;transition:.3s}.btn.blue{background:var(--blue);color:white;box-shadow:0 14px 35px rgba(8,117,155,.23)}.btn.blue:hover{background:var(--green);transform:translateY(-3px)}.watch{font-size:10px;letter-spacing:.13em;font-weight:800;display:flex;align-items:center;gap:12px}.watch span{width:42px;height:42px;border:1px solid #aac0c6;border-radius:50%;display:grid;place-items:center;color:var(--green)}.hero-card{position:absolute;z-index:3;right:5vw;bottom:7vh;width:220px;padding:26px;background:rgba(6,79,112,.92);color:white;clip-path:polygon(0 0,100% 0,100% 82%,82% 100%,0 100%)}.hero-card>span{color:#9dcc58;font-weight:800;font-size:12px}.hero-card p{font-size:24px;font-weight:800;line-height:1.05;margin:18px 0}.hero-card i{display:block;width:100%;height:1px;background:rgba(255,255,255,.25)}.hero-card small{display:block;font-size:8px;letter-spacing:.18em;margin-top:15px}.shape{position:absolute;z-index:1;transform:rotate(45deg);border:1px solid rgba(107,159,48,.2)}.shape.one{width:450px;height:450px;right:-290px;top:-120px}.shape.two{width:180px;height:180px;left:45%;bottom:-135px;background:rgba(8,117,155,.05)}
.trust{min-height:85px;background:var(--ink);color:white;padding:0 6vw;display:flex;align-items:center;justify-content:space-between}.trust p{font-size:10px;letter-spacing:.18em}.trust p strong{color:#a8d36a}.trust>div{display:flex;align-items:center;gap:28px}.trust>div span{font-size:11px;color:#c8d6da}.trust>div i{width:5px;height:5px;background:var(--green);border-radius:50%}
.section{padding:125px 7vw}.section-title{display:grid;grid-template-columns:.8fr 1.2fr .8fr;align-items:end;margin-bottom:65px}.section-title h2,.why h2,.contact h2{font-size:clamp(3.4rem,6vw,7rem)}.section-title>p:last-child{color:var(--muted);line-height:1.7;font-size:15px;max-width:340px}.service-bento{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(290px,auto);gap:14px}.service{padding:32px;background:var(--pale);position:relative;overflow:hidden;transition:.5s var(--ease);display:flex;flex-direction:column}.service.large{grid-row:span 2;background:var(--blue);color:white}.service.green{background:var(--green);color:white}.service.wide{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;gap:30px}.service.wide>div+div{border-left:1px solid #c9d7da;padding-left:30px}.service>span{font-size:9px;letter-spacing:.15em;color:#748b93}.service.large>span,.service.green>span{color:rgba(255,255,255,.65)}.service-icon{font-size:38px;color:var(--green);margin:28px 0}.service.green .service-icon{color:white}.service h3{font-size:24px;margin:0 0 12px}.service p{color:#667b82;font-size:14px;line-height:1.65}.service.large p,.service.green p{color:rgba(255,255,255,.75)}.service a{margin-top:auto;font-size:10px;letter-spacing:.14em;font-weight:800}.service a b{float:right}.service:hover{transform:translateY(-7px);box-shadow:0 22px 55px rgba(9,56,73,.12)}
.why{display:grid;grid-template-columns:1fr 1fr;min-height:820px;background:var(--blue2);color:white;overflow:hidden}.why-art{background:#f3f7ef;position:relative;display:grid;place-items:center;overflow:hidden}.giant-x{font-size:48vw;line-height:.8;font-weight:900;color:var(--green);transform:rotate(-8deg);opacity:.92}.why-art>p{position:absolute;color:var(--blue);font-size:40px;line-height:.8;letter-spacing:-.07em}.why-art>p b{font-size:16px;letter-spacing:.3em;font-weight:400}.bubble{position:absolute;border-radius:50%;border:1px solid rgba(8,117,155,.3)}.b1{width:180px;height:180px;left:-40px;top:20%}.b2{width:75px;height:75px;right:12%;top:14%;background:rgba(8,117,155,.1)}.b3{width:280px;height:280px;right:-180px;bottom:-40px}.why-copy{padding:110px 8vw;align-self:center}.kicker.light{color:#9dcc58}.why-copy>p:nth-of-type(2){color:#b5c8ce;line-height:1.8;max-width:550px;margin:38px 0}.why-copy ul{list-style:none;padding:0;margin:45px 0 0}.why-copy li{padding:17px 0;border-top:1px solid rgba(255,255,255,.15);font-size:14px}.why-copy li span{color:#9dcc58;font-size:9px;margin-right:30px}
.projects{background:#f3f7f8}.projects-head{display:grid;grid-template-columns:1.4fr .6fr;align-items:end;gap:8vw;margin-bottom:60px}.projects-head h2{font-size:clamp(3.4rem,6vw,7rem)}.projects-head>p{color:var(--muted);font-size:15px;line-height:1.75;max-width:430px}.project-grid{display:grid;grid-template-columns:1.35fr .65fr;grid-auto-rows:310px;gap:14px}.project-card{border:0;padding:0;position:relative;overflow:hidden;cursor:pointer;text-align:left;background:var(--ink);color:white}.project-main{grid-row:span 2}.project-wide{grid-column:2}.project-card img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease),filter .5s}.project-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,24,34,.82),transparent 55%);transition:.4s}.project-card>span{position:absolute;z-index:2;left:28px;bottom:26px;display:flex;flex-direction:column;gap:7px}.project-card small{font-size:8px;letter-spacing:.18em;color:#b7df7d}.project-card strong{font-size:21px}.project-card>b{position:absolute;z-index:2;right:25px;bottom:25px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:white;color:var(--blue);transition:.35s}.project-card:hover img{transform:scale(1.055);filter:saturate(1.1)}.project-card:hover>b{background:var(--green);color:white;transform:rotate(45deg)}.experience-note{margin-top:14px;background:var(--blue);color:white;min-height:125px;padding:28px 34px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:32px}.experience-note span{font-size:13px;text-transform:uppercase;letter-spacing:.15em;color:#b8dc86}.experience-note p{font-size:22px;font-weight:700;margin:0}.experience-note a{font-size:10px;font-weight:800;letter-spacing:.12em}.lightbox{position:fixed;inset:0;z-index:95;background:rgba(3,23,32,.94);display:grid;place-items:center;padding:5vw;opacity:0;visibility:hidden;transition:.35s}.lightbox.open{opacity:1;visibility:visible}.lightbox img{max-width:92vw;max-height:86vh;box-shadow:0 25px 90px rgba(0,0,0,.45)}.lightbox button{position:absolute;right:30px;top:22px;border:0;background:none;color:white;font-size:42px;font-weight:200;cursor:pointer}.process{background:white}.timeline{display:grid;grid-template-columns:repeat(3,1fr);margin-top:55px}.timeline article{position:relative;padding:15px 45px 40px 0;border-top:1px solid #bfd0d4}.timeline article>span{position:absolute;top:-23px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:white;border:1px solid #bfd0d4;font-weight:800;color:var(--blue)}.timeline article>i{position:absolute;top:-3px;left:56px;right:15px;height:5px;background:linear-gradient(90deg,var(--green),transparent)}.timeline h3{margin-top:65px;font-size:22px}.timeline p{color:var(--muted);font-size:14px;line-height:1.7;max-width:270px}
.contact{background:var(--ink);color:white;padding:120px 8vw;display:grid;grid-template-columns:1fr 470px;gap:9vw;position:relative}.contact:after{content:"next";position:absolute;left:-25px;bottom:-65px;color:rgba(255,255,255,.025);font-size:250px;font-weight:900;letter-spacing:-.1em}.contact-head,.contact form{z-index:1}.contact-head>a{display:inline-flex;flex-direction:column;margin-top:55px;font-size:25px;font-weight:700;color:#9dcc58}.contact-head>a small{font-size:8px;letter-spacing:.2em;color:#8fa5ac;margin-bottom:8px}.contact form{background:white;color:var(--ink);padding:38px}.contact label{display:block;font-size:9px;font-weight:800;letter-spacing:.13em;color:#536c74;margin-bottom:22px}.contact input,.contact select,.contact textarea{display:block;width:100%;border:0;border-bottom:1px solid #bfd0d4;padding:11px 0;background:transparent;outline:0;color:var(--ink);border-radius:0}.contact textarea{resize:vertical}.contact input:focus,.contact select:focus,.contact textarea:focus{border-color:var(--green)}.contact button{height:58px;width:100%;border:0;background:var(--green);color:white;font-size:10px;font-weight:800;letter-spacing:.12em;padding:0 20px;cursor:pointer}.contact button b{float:right}
footer{padding:35px 4vw;display:flex;align-items:center;justify-content:space-between}footer img{width:120px;height:58px;object-fit:cover}footer p{font-size:10px;color:#7a8b90}footer>div{display:flex;gap:25px}footer a{font-size:10px;font-weight:700}.whatsapp{position:fixed;right:22px;bottom:22px;z-index:40;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--green);box-shadow:0 12px 35px rgba(0,0,0,.2);transition:.3s}.whatsapp:hover{transform:translateY(-5px) rotate(-6deg);background:var(--blue)}.whatsapp svg{width:27px;fill:white}.reveal{opacity:0;transform:translateY(40px);transition:.85s var(--ease)}.reveal.show{opacity:1;transform:none}
@media(max-width:900px){header{height:72px;padding:0 18px;grid-template-columns:1fr auto}.logo img{width:115px;height:52px}.head-phone{display:none}.menu{display:flex;border:0;background:none;width:44px;height:44px;flex-direction:column;justify-content:center;gap:7px}.menu i{width:25px;height:2px;background:var(--blue)}nav{position:fixed;inset:72px 0 0;background:white;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:29px;transform:translateX(105%);transition:.5s var(--ease)}nav.open{transform:none}nav a{font-size:23px}.hero{padding:120px 22px 60px;align-items:flex-end}.hero>img{object-position:70% center}.hero-wash{background:linear-gradient(0deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.88) 52%,rgba(255,255,255,.18) 100%)}.hero-content{width:100%}h1{font-size:clamp(4rem,18vw,6.2rem)}.lead{font-size:15px;margin:25px 0}.actions{align-items:flex-start;flex-direction:column;gap:16px}.hero-card{display:none}.trust{padding:25px 22px;align-items:flex-start;gap:15px;flex-direction:column}.trust>div{flex-wrap:wrap;gap:12px}.section{padding:85px 22px}.section-title{grid-template-columns:1fr;gap:22px;margin-bottom:42px}.service-bento{grid-template-columns:1fr}.service.large{grid-row:auto;min-height:350px}.service.wide{grid-column:auto;grid-template-columns:1fr}.service.wide>div+div{border-left:0;border-top:1px solid #c9d7da;padding-left:0;padding-top:20px}.why{grid-template-columns:1fr}.why-art{min-height:420px}.giant-x{font-size:95vw}.why-copy{padding:80px 22px}.projects-head{grid-template-columns:1fr;gap:25px;margin-bottom:38px}.project-grid{grid-template-columns:1fr;grid-auto-rows:260px}.project-main{grid-row:auto}.project-wide{grid-column:auto}.experience-note{grid-template-columns:1fr;gap:12px}.experience-note p{font-size:18px}.timeline{grid-template-columns:1fr;gap:30px}.contact{padding:85px 22px;grid-template-columns:1fr;gap:45px}.contact form{padding:28px 22px}footer{flex-direction:column;gap:22px;text-align:center}footer>div{flex-wrap:wrap;justify-content:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}