:root{--black:#05080d;--dark:#0a0e14;--dark-soft:#101620;--blue:#168bff;--blue-light:#43a5ff;--white:#fff;--gray-light:#f4f6f8;--gray:#d8dee6;--muted:#8e9aaa;--ink:#0b1220;--max:1280px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--gray-light);color:var(--ink);font-family:Inter,system-ui,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.container{width:min(var(--max),calc(100% - 64px));margin:auto}.site-header{position:fixed;z-index:20;top:0;width:100%;transition:.25s}.site-header.scrolled{background:rgba(5,8,13,.92);backdrop-filter:blur(12px);box-shadow:0 1px 0 #ffffff12}.nav{height:80px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;color:#fff;font-size:11px;letter-spacing:.06em}.brand img{width:104px;height:auto}.nav-menu{display:flex;align-items:center;gap:28px;color:#d8e1ed;font-size:13px}.nav-menu a:not(.button):hover{color:var(--blue-light)}.button{display:inline-flex;align-items:center;gap:14px;border:0;border-radius:999px;background:var(--blue);color:#fff;padding:16px 26px;font-weight:700;font-size:13px;transition:.25s}.button:hover{background:var(--blue-light);transform:translateY(-2px);box-shadow:0 10px 30px #168bff40}.button-small{padding:11px 18px}.button-outline{background:transparent;border:1px solid #ffffffaa}.button-outline:hover{background:#ffffff15}.menu-toggle{display:none;background:none;border:0}.hero{min-height:760px;position:relative;background:var(--black);color:#fff;display:flex;align-items:center;overflow:hidden}.hero-image{position:absolute;inset:0;background:linear-gradient(90deg,#04080df7 0%,#04080dcc 42%,#04080d44 75%,#04080d1a),url('../public/banner.png') center/cover}.hero-glow{position:absolute;inset:0;box-shadow:inset 0 -80px 100px #168bff1f}.hero-content{position:relative;padding-top:90px}.eyebrow{margin:0 0 22px;color:#b8c4d4;text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:700}.blue{color:var(--blue)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(56px,7vw,88px);line-height:.95;letter-spacing:-.055em;margin-bottom:28px}h1 em,h2 em{font-style:normal;color:var(--blue)}.hero-copy{max-width:510px;color:#d1d9e5;font-size:17px;margin-bottom:32px}.actions{display:flex;gap:12px}.trust{position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff26;padding:22px 0;color:#dce5ef}.trust div{display:flex;gap:13px;align-items:center;font-size:13px}.trust strong{color:var(--blue-light);font-size:23px}.trust small{color:var(--muted);font-size:11px}.section{padding:110px 0}.services{background:#fff}.services-grid{display:grid;grid-template-columns:1fr 2fr;gap:80px}.section-intro h2,.section-heading h2,.presence h2,.form-grid h2{font-size:clamp(35px,4vw,55px);line-height:1.02;letter-spacing:-.045em;margin-bottom:24px}.section-intro>p:not(.eyebrow),.form-grid>div>p:not(.eyebrow){color:#657184;max-width:380px}.text-link{display:inline-block;color:var(--blue);font-size:13px;font-weight:700;margin-top:24px}.service-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.card{background:#f5f7fa;border-radius:16px;padding:32px;min-height:265px;transition:.25s;position:relative}.card:hover{transform:translateY(-6px);box-shadow:0 18px 40px #0b122015}.icon{color:var(--blue);font-size:32px;margin-bottom:25px}.card h3{font-size:20px;margin-bottom:9px}.card p{font-size:14px;color:#687487;max-width:240px}.card>a{position:absolute;right:28px;bottom:28px;color:var(--blue);font-size:22px}.presence{background:var(--dark);color:#fff;padding:110px 0;background-image:linear-gradient(100deg,rgba(3,12,30,.98) 0%,rgba(5,25,58,.94) 48%,rgba(4,13,30,.88) 100%),url('../public/banner.png');background-position:center;background-size:cover}.presence h2,.presence p,.presence strong,.presence span{color:#fff}.presence-copy p{color:#dce8f5}.presence-points span{color:#aebfd3}.presence-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.presence-copy{color:#c2cedd;font-size:17px;padding-top:38px}.presence-points{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:45px;border-top:1px solid #ffffff25;padding-top:22px}.presence-points strong,.presence-points span{display:block}.presence-points strong{color:#fff;font-size:14px}.presence-points span{font-size:11px;color:var(--muted);margin-top:4px}.projects{background:#fff}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px}.section-heading>p{max-width:270px;color:#687487;font-size:14px}.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.project{display:block;background:#f5f7fa;border:1px solid #e5eaf0;border-radius:16px;overflow:hidden;transition:.25s}.project:hover{transform:translateY(-4px);box-shadow:0 18px 40px #0b122015}.project-art{height:190px;margin-bottom:0;overflow:hidden;background:linear-gradient(135deg,var(--dark),#12365b);position:relative;display:grid;place-items:center}.project-art img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:top;opacity:0;transform:scale(1.03);transition:opacity .3s ease,transform .35s ease}.preview-icon{color:var(--blue-light);width:72px;height:72px;display:grid;place-items:center;transition:opacity .25s ease,transform .25s ease}.preview-icon svg{width:64px;height:64px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.project:hover .project-art img,.project:focus-within .project-art img{opacity:1;transform:scale(1)}.project:hover .preview-icon,.project:focus-within .preview-icon{opacity:0;transform:scale(.8)}.project>div:last-child{padding:22px 24px 24px}.project span{color:var(--blue);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.project h3{font-size:18px;margin:8px 0 5px}.project p{color:#687487;font-size:13px;margin:0}.projects-more{text-align:center;margin-top:42px}.contact-cta{padding:115px 0;background:linear-gradient(90deg,#04070bf2,#04070bb8),url('../public/banner.png') center/cover;color:#fff}.cta-inner{text-align:center}.cta-inner h2{font-size:clamp(38px,5vw,64px);line-height:1.02;letter-spacing:-.05em;margin-bottom:32px}.form-section{background:#eef3f8}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.contact-intro>p:not(.eyebrow){color:#687487;max-width:470px}.contact-details{display:grid;gap:14px;margin-top:36px}.contact-details>a,.contact-details>div{display:flex;align-items:center;gap:14px}.detail-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#dceeff;color:var(--blue);font-size:20px;font-weight:700}.contact-details strong,.contact-details small{display:block}.contact-details strong{font-size:13px}.contact-details small{color:#7b8797;font-size:12px;margin-top:2px}.contact-form{background:var(--dark);color:#fff;border-radius:22px;padding:38px;box-shadow:0 20px 55px #0b122025;position:relative;overflow:hidden}.contact-form:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-80px;top:-90px;background:#168bff26}.form-heading{display:flex;align-items:center;gap:12px;margin-bottom:28px;position:relative}.form-heading span{color:var(--blue-light);font-size:11px;font-weight:700;letter-spacing:.12em}.form-heading p{margin:0;color:#dce5ef;font-size:13px;font-weight:700}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-form label{display:block;color:#b8c4d4;font-size:11px;font-weight:700;margin-bottom:17px}.contact-form input,.contact-form textarea{display:block;width:100%;border:1px solid #ffffff26;border-radius:8px;background:#ffffff0d;color:#fff;padding:13px;margin-top:7px;font:inherit}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#718096}.contact-form input:focus,.contact-form textarea:focus{outline:2px solid #168bff55;border-color:var(--blue)}.form-status{font-size:12px;margin:12px 0 0;color:var(--blue-light)}.footer{background:#04070b;color:#b8c4d4;padding:62px 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer .brand{margin-bottom:22px}.footer p{font-size:13px;color:#8e9aaa}.footer-label{color:#fff!important;font-weight:700;margin-bottom:12px}.footer a:not(.brand){display:block;font-size:13px;margin:7px 0;color:#b8c4d4}.floating-whatsapp{position:fixed;right:24px;bottom:24px;z-index:10;width:55px;height:55px;border-radius:50%;background:#20c96b;color:#fff;display:grid;place-items:center;box-shadow:0 8px 25px #0005}.floating-whatsapp svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.reveal{opacity:0;transform:translateY(22px);transition:opacity .5s ease,transform .5s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.nav-menu{gap:15px}.services-grid,.presence-grid,.form-grid{gap:45px}.project-grid{grid-template-columns:repeat(2,1fr)}.trust{position:relative;left:auto;bottom:auto;transform:none;margin-top:80px}.hero{min-height:900px;display:block;padding-top:130px}.hero-content{padding-top:0}}@media(max-width:700px){.container{width:calc(100% - 40px)}.menu-toggle{display:flex;flex-direction:column;gap:5px}.menu-toggle span{display:block;width:24px;height:2px;background:#fff}.nav-menu{display:none;position:absolute;top:80px;left:0;right:0;padding:20px;background:#080c12;flex-direction:column;align-items:stretch}.nav-menu.open{display:flex}.nav-menu .button{text-align:center;justify-content:center}.brand span{display:none}.hero{min-height:850px}.hero-copy{font-size:15px}.actions{flex-direction:column;align-items:stretch}.actions .button{justify-content:center}.trust{grid-template-columns:repeat(2,1fr);gap:18px;margin-top:70px}.trust div{font-size:12px}.section{padding:75px 0}.services-grid,.presence-grid,.form-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.service-cards{grid-template-columns:1fr}.presence-copy{padding-top:0}.presence-points{margin-top:30px}.section-heading{display:block}.section-heading>p{margin-top:20px}.project-grid{grid-template-columns:1fr}.project-art{height:210px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.cta-inner h2{font-size:40px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.button,.card,.project{transition:none}}