:root{--navy:#062d50;--navy2:#031e38;--blue:#0b4772;--cyan:#08c9e8;--cyan2:#4edcf0;--ink:#123a5c;--muted:#6d8191;--light:#f3f8fb;--line:#dce8ee}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}.container{width:min(1180px,90%);margin:auto}.site-header{position:fixed;z-index:50;top:0;left:0;right:0;background:rgba(3,30,56,.95);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;flex-direction:column;color:white;line-height:1}.brand-name{font-size:27px;font-weight:800;letter-spacing:-1.7px}.brand-name span{color:var(--cyan)}.brand small{font-size:7px;letter-spacing:1.6px;margin-top:5px;opacity:.72}.nav-links{display:flex;align-items:center;gap:38px;color:#fff;font-size:12px;font-weight:600}.nav-links a{height:78px;display:flex;align-items:center;position:relative}.nav-links a.active:after,.nav-links a:hover:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--cyan)}.nav-toggle{display:none;background:none;border:0}.nav-toggle span{display:block;width:25px;height:2px;background:white;margin:5px}

.hero{min-height:720px;position:relative;display:flex;align-items:center;color:white;background-image:url("https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=2200&q=85");background-size:cover;background-position:center}.hero-overlay,.contact-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,30,56,.96) 0%,rgba(3,30,56,.82) 48%,rgba(3,30,56,.35) 100%)}.hero-content{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding-top:78px}.hero-copy{max-width:760px}.kicker{font-size:11px;letter-spacing:3px;font-weight:800;color:var(--cyan);margin-bottom:15px}.hero h1{font-size:clamp(40px,5.1vw,70px);line-height:1.04;letter-spacing:-3px;margin:0 0 25px;font-weight:500}.hero h1 strong{color:var(--cyan);font-weight:800}.hero-copy p{max-width:610px;font-size:16px;line-height:1.7;color:#d8e7ef;margin-bottom:32px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{border:0;padding:15px 23px;border-radius:4px;font-family:inherit;font-size:12px;font-weight:800;cursor:pointer;display:inline-flex;gap:18px;align-items:center;justify-content:center}.btn-cyan{background:var(--cyan);color:#00263e}.btn-cyan:hover{background:#53e0f0}.btn-outline{color:white;border:1px solid rgba(255,255,255,.75)}.hero-stat{width:210px;display:flex;gap:16px;align-items:flex-start;color:#d6e6ee;font-size:11px;letter-spacing:1px;line-height:1.7}.hero-stat b{color:var(--cyan)}.stat-line{width:2px;height:90px;background:var(--cyan)}.scroll{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);z-index:2;color:#b9d3df;font-size:8px;letter-spacing:2px}.scroll span{display:inline-block;width:7px;height:7px;border-right:1px solid var(--cyan);border-bottom:1px solid var(--cyan);transform:rotate(45deg);margin-right:7px}

.section{padding:105px 0}.services{background:#fff}.section-intro{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;margin-bottom:42px}.section h2{font-size:42px;line-height:1.1;letter-spacing:-2px;margin:0;color:var(--ink)}.section-intro>p{margin:0;color:var(--muted);font-size:13px;line-height:1.8;max-width:490px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-card{border:1px solid var(--line);background:white;border-radius:4px;overflow:hidden;position:relative;transition:.3s;box-shadow:0 8px 25px rgba(5,47,78,.035)}.service-card:hover{transform:translateY(-7px);box-shadow:0 22px 45px rgba(5,47,78,.12)}.service-top{display:flex;justify-content:space-between;padding:28px 30px 0;color:#9bb0bd;font-size:10px;font-weight:800}.service-icon{color:var(--cyan);font-size:31px;line-height:1}.service-card h3{font-size:18px;line-height:1.22;margin:23px 30px 14px;color:var(--ink)}.service-card p{font-size:12px;line-height:1.7;color:var(--muted);margin:0 30px 17px}.service-card>a{font-size:11px;color:#00a9cb;font-weight:800;margin:0 30px 22px;display:block}.service-card>a b{margin-left:5px}.service-image{height:145px;background-size:cover;background-position:center}.image-brand{background-image:linear-gradient(90deg,rgba(4,44,73,.2),rgba(4,44,73,0)),url("https://images.unsplash.com/photo-1561070791-2526d30994b5?auto=format&fit=crop&w=900&q=80")}.image-dev{background-image:linear-gradient(90deg,rgba(4,44,73,.2),rgba(4,44,73,0)),url("https://images.unsplash.com/photo-1517336714731-489689fd1ca8?auto=format&fit=crop&w=900&q=80")}.image-fin{background-image:linear-gradient(90deg,rgba(4,44,73,.15),rgba(4,44,73,.05)),url("https://images.unsplash.com/photo-1551288049-bebda4e38f71?auto=format&fit=crop&w=900&q=80")}

.projects{background:#f1f7fa}.project-grid{display:grid;grid-template-columns:1.45fr 1fr 1fr;grid-template-rows:230px 230px;gap:16px}.project{position:relative;overflow:hidden;border-radius:4px;color:white}.project-large{grid-row:span 2}.project-bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:.45s}.project:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,28,49,.9),rgba(2,28,49,.02) 70%)}.project:hover .project-bg{transform:scale(1.06)}.p-brand{background-image:url("https://images.unsplash.com/photo-1558655146-9f40138edfeb?auto=format&fit=crop&w=1100&q=80")}.p-app{background-image:url("https://images.unsplash.com/photo-1551650975-87deedd944c3?auto=format&fit=crop&w=900&q=80")}.p-fin{background-image:url("https://images.unsplash.com/photo-1554224155-8d04cb21cd6c?auto=format&fit=crop&w=900&q=80")}.p-special{background-image:url("https://images.unsplash.com/photo-1497366811353-6870744d04b2?auto=format&fit=crop&w=900&q=80")}.project-label{position:absolute;z-index:2;left:24px;right:24px;bottom:20px;display:grid;grid-template-columns:1fr auto;align-items:end}.project-label small{grid-column:1/-1;color:var(--cyan);font-size:9px;letter-spacing:1.5px;margin-bottom:5px}.project-label b{font-size:15px}.project-label span{font-size:22px;color:var(--cyan)}

.experience{min-height:430px;position:relative;color:#fff;display:flex;align-items:center;overflow:hidden;background:var(--navy)}.experience-photo{position:absolute;inset:0;background:url("https://images.unsplash.com/photo-1514924013411-cbf25faa35bb?auto=format&fit=crop&w=2200&q=80") center/cover}.experience-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,31,55,.97),rgba(2,31,55,.86) 50%,rgba(2,31,55,.7))}.experience-content{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:center}.years{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:15px}.years strong{font-size:94px;line-height:.8;color:var(--cyan);letter-spacing:-6px}.years span{font-size:33px;font-weight:300}.years small{grid-column:2;font-size:19px;line-height:1.25;letter-spacing:1px}.experience-text{border-left:1px solid rgba(255,255,255,.55);padding-left:35px;max-width:480px}.experience-text p{font-size:13px;line-height:1.8;color:#d7e7ef}.experience-text ul{padding:0;margin:22px 0 0;list-style:none}.experience-text li{font-size:11px;font-weight:700;margin:10px 0}.experience-text li:before{content:"✓";color:var(--cyan);margin-right:12px}

.clients{background:#fff}.client-logos{display:grid;grid-template-columns:repeat(6,1fr);align-items:center;gap:25px;margin-top:45px;color:#718493}.client-logos>div{text-align:center;font-weight:700;font-size:20px;filter:grayscale(1);opacity:.8}.client-logos div:first-child{font-family:Georgia;font-style:italic;font-size:21px}.client-logos div:nth-child(3){font-size:18px}.client-logos div:nth-child(5){font-size:21px}.client-logos span{color:#00a5d1;margin-left:2px}

.contact{position:relative;overflow:hidden;color:white;padding:100px 0}.contact-photo{position:absolute;inset:0;background:url("https://images.unsplash.com/photo-1522083165195-3424ed129620?auto=format&fit=crop&w=2200&q=80") center/cover}.contact-overlay{background:linear-gradient(90deg,rgba(3,30,56,.97) 0%,rgba(3,30,56,.9) 50%,rgba(255,255,255,.96) 50%,rgba(255,255,255,.98) 100%)}.contact-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.contact-copy{padding-right:40px}.contact-copy h2{font-size:43px;line-height:1.08;letter-spacing:-2px;margin:0 0 20px}.contact-copy>p{color:#cbdde6;font-size:13px;max-width:400px}.contact-info{margin-top:30px;display:grid;gap:13px}.contact-info a,.contact-info span{font-size:13px;font-weight:600}.contact-info i{display:inline-flex;width:25px;color:var(--cyan);font-style:normal}.contact-form{background:#fff;padding:38px;border-radius:3px;box-shadow:0 18px 50px rgba(0,0,0,.08)}.contact-form input,.contact-form textarea{width:100%;font:inherit;font-size:11px;border:1px solid #d9e5eb;padding:14px 15px;margin-bottom:11px;outline:0;color:var(--ink)}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--cyan)}.contact-form .btn{width:100%}.whatsapp{margin-top:18px;text-align:center;border-top:1px solid #e4edf1;padding-top:16px}.whatsapp span{display:block;font-size:9px;color:#8294a0;margin-bottom:8px}.whatsapp a{display:inline-block;border:1px solid var(--cyan);color:#009fc2;padding:8px 16px;border-radius:3px;font-size:10px;font-weight:800}

footer{background:#021c33;color:#8ca5b5}.footer-top{padding:38px 0 28px;display:grid;grid-template-columns:1fr auto auto;gap:50px;align-items:center}.footer-top nav{display:flex;gap:28px;font-size:10px;color:#c3d2da}.footer-top nav a:hover{color:var(--cyan)}.social{font-size:12px;color:#d8e5eb}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:16px 0;display:flex;justify-content:space-between;font-size:9px}
.reveal{opacity:0;transform:translateY(18px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}

@media(max-width:900px){.nav-links{gap:20px}.hero-stat{display:none}.section-intro,.experience-content,.contact-grid{grid-template-columns:1fr;gap:35px}.service-grid{grid-template-columns:1fr}.project-grid{grid-template-columns:1fr 1fr;grid-template-rows:250px 250px}.project-large{grid-row:auto}.client-logos{grid-template-columns:repeat(3,1fr)}.contact-overlay{background:linear-gradient(90deg,rgba(3,30,56,.96) 0%,rgba(3,30,56,.9) 100%)}.contact-form{margin-top:15px}.footer-top{grid-template-columns:1fr}.footer-top nav{flex-wrap:wrap}.experience-text{border-left:0;border-top:1px solid rgba(255,255,255,.45);padding:30px 0 0}}
@media(max-width:650px){.nav{height:70px}.nav-links{display:none;position:absolute;top:70px;left:0;right:0;background:#031e38;padding:18px 5%;flex-direction:column;align-items:flex-start;gap:0}.nav-links.open{display:flex}.nav-links a{height:43px;width:100%}.nav-toggle{display:block}.hero{min-height:720px}.hero-content{padding-top:60px}.hero h1{font-size:40px;letter-spacing:-2px}.hero-actions{display:grid}.section{padding:75px 0}.section h2{font-size:35px}.section-intro{margin-bottom:30px}.project-grid{grid-template-columns:1fr;grid-template-rows:220px 220px 220px 220px}.years strong{font-size:75px}.years span{font-size:27px}.years small{font-size:16px}.experience{padding:75px 0}.client-logos{grid-template-columns:repeat(2,1fr)}.footer-bottom{display:grid;gap:7px}.contact{padding:75px 0}.contact-copy h2{font-size:37px}}