@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#071016;--bg2:#0b151b;--white:#f6f8f9;--muted:#85939b;--line:rgba(255,255,255,.11);--ink:#11171b;--soft:#edf1f3;--blue:#00a9e8;--blue2:#38c3f3;--shadow:0 25px 80px rgba(3,11,15,.15)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}button{font:inherit}.wrap{width:min(1240px,calc(100% - 56px));margin:auto}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(5,10,13,.7);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(18px);transition:.3s}.site-header.scrolled{background:rgba(5,10,13,.94)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand img{width:142px;height:70px;object-fit:contain;display:block}.nav nav{display:flex;gap:30px;align-items:center}.nav nav a{font-size:12px;color:#c4cdd2;transition:.2s}.nav nav a:hover{color:#fff}.nav-cta{border:1px solid rgba(0,169,232,.5);color:#fff;padding:12px 18px;border-radius:100px;font-weight:700;font-size:12px}.nav-cta span{color:var(--blue);margin-left:12px}.menu,.mobile-menu{display:none}.hero{height:100svh;min-height:720px;position:relative;background:#050a0d;color:#fff;overflow:hidden}.hero-bg,.hero-grid,.hero-image{position:absolute;inset:0}.hero-grid{background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(90deg,#000,transparent 80%)}.hero-glow{position:absolute;width:750px;height:750px;right:-100px;top:-200px;background:radial-gradient(circle,rgba(0,169,232,.18),transparent 65%)}.hero-image{left:48%;background:linear-gradient(90deg,#050a0d 0%,rgba(5,10,13,.88) 15%,rgba(5,10,13,.15) 60%,rgba(5,10,13,.35)),url('assets/gallery/project-003.webp') center/cover no-repeat;opacity:.78;filter:saturate(.85)}.hero-inner{height:100%;position:relative;display:flex;align-items:center}.hero-copy{padding-top:70px;max-width:760px}.eyebrow{display:flex;align-items:center;gap:12px;font-size:10px;font-weight:700;letter-spacing:.2em;color:#aab5bb;margin-bottom:30px}.eyebrow span{width:38px;height:1px;background:var(--blue)}h1,h2,h3{font-family:'Space Grotesk',sans-serif}.hero h1{font-size:clamp(62px,8vw,118px);line-height:.88;letter-spacing:-.07em;margin:0 0 32px;font-weight:600}.hero h1 em{font-style:normal;color:var(--blue)}.hero-copy>p{max-width:610px;color:#aab5bb;font-size:16px;line-height:1.8;margin:0 0 36px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{min-height:52px;padding:0 20px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:18px;font-size:12px;font-weight:700;letter-spacing:.02em;transition:.25s}.button b{font-size:16px}.button.blue{background:var(--blue);color:#031018}.button.blue:hover{background:var(--blue2);transform:translateY(-2px)}.button.ghost{border:1px solid rgba(255,255,255,.22);color:#fff;background:rgba(255,255,255,.03)}.button.ghost:hover{background:#fff;color:#071016}.hero-side{position:absolute;right:0;top:50%;transform:translateY(-25%);display:flex;align-items:center;gap:15px;color:#9da8ae}.side-number{font:600 30px 'Space Grotesk';color:#fff}.side-line{height:90px;width:1px;background:var(--blue)}.hero-side p{font-size:9px;letter-spacing:.25em;line-height:2.2}.hero-bottom{position:absolute;bottom:42px;left:0;right:0;display:flex;justify-content:space-between;align-items:end;border-top:1px solid var(--line);padding-top:18px}.hero-bottom strong{display:block;font-size:12px}.hero-bottom span{display:block;color:#718088;font-size:10px;margin-top:5px}.scroll{font-size:9px;letter-spacing:.2em;color:#849097}.scroll i{font-style:normal;color:var(--blue);font-size:16px;margin-left:10px}.section{padding:130px 0}.intro{background:#fff}.intro-grid{display:grid;grid-template-columns:320px 1fr;gap:100px;align-items:center}.intro-stamp{height:320px;border:1px solid #dfe5e8;position:relative;display:grid;place-items:center}.stamp-ring{width:190px;height:190px;border:1px solid #cfd8dc;border-radius:50%;display:grid;place-items:center;position:relative;text-align:center}.stamp-ring:before{content:'';position:absolute;inset:13px;border:1px dashed #b9c5ca;border-radius:50%}.stamp-ring span{font:700 42px 'Space Grotesk';letter-spacing:-.08em}.stamp-ring small{position:absolute;bottom:58px;font-size:8px;letter-spacing:.32em}.intro-stamp>b{position:absolute;right:18px;bottom:16px;font:500 13px 'Space Grotesk';color:#9aa6ac}.label{font-size:10px;letter-spacing:.2em;font-weight:700;color:#7a8991;margin-bottom:17px}.blue-label{color:var(--blue)}.intro h2,.section-top h2{font-size:clamp(45px,5vw,76px);line-height:.94;letter-spacing:-.06em;font-weight:600;margin:0 0 30px}.intro h2 span,.section-top h2 span{color:#98a4aa}.intro-copy p{max-width:690px;font-size:16px;line-height:1.9;color:#637078;margin:0 0 17px}.signature{display:flex;align-items:center;gap:15px;margin-top:34px}.signature>span{height:1px;width:50px;background:var(--blue)}.signature b{font:600 13px 'Space Grotesk';display:block}.signature small{display:block;color:#8a979d;font-size:9px;letter-spacing:.12em;margin-top:4px}.section-dark{background:var(--bg);color:#fff;padding:130px 0}.section-top{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:58px}.section-top>p{max-width:450px;color:#7f8d95;line-height:1.8;font-size:14px;margin:0}.service-list{border-top:1px solid var(--line)}.service-card{display:grid;grid-template-columns:210px 1fr 110px;align-items:center;gap:35px;padding:18px 0;border-bottom:1px solid var(--line);transition:.35s}.service-card:hover{padding-left:15px;padding-right:15px;background:rgba(255,255,255,.025)}.service-image{height:125px;position:relative;overflow:hidden}.service-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.8);transition:.4s}.service-card:hover .service-image img{transform:scale(1.06);filter:saturate(1)}.service-image span{position:absolute;left:10px;top:10px;background:var(--blue);color:#031018;font:700 10px 'Space Grotesk';padding:5px 7px}.service-card small{color:var(--blue);font-size:9px;letter-spacing:.18em;font-weight:700}.service-card h3{font-size:30px;letter-spacing:-.04em;margin:8px 0}.service-card p{color:#819099;max-width:500px;line-height:1.6;font-size:13px;margin:0}.service-card>a{justify-self:end;color:#d9e0e3;font-size:11px}.service-card>a b{color:var(--blue);font-size:18px;margin-left:7px}.showcase{background:#f2f5f6}.project-feature{display:grid;grid-template-columns:1.5fr .5fr;gap:14px}.big-project,.small-project{position:relative;overflow:hidden;background:#111;display:block}.big-project{height:600px}.big-project img,.small-project img{width:100%;height:100%;object-fit:cover;transition:.55s}.big-project:hover img,.small-project:hover img{transform:scale(1.04)}.project-overlay{position:absolute;inset:auto 35px 30px;color:#fff;z-index:2}.big-project:after,.small-project:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.85))}.project-overlay small,.small-project small{font-size:9px;letter-spacing:.18em;color:#72d3f7;font-weight:700}.project-overlay h3{font-size:48px;line-height:.95;letter-spacing:-.05em;margin:8px 0 18px}.project-overlay span{font-size:10px;color:#c5ced2}.project-stack{display:grid;grid-template-rows:1fr 1fr;gap:14px}.small-project{min-height:0}.small-project div{position:absolute;left:20px;bottom:18px;z-index:2;color:#fff}.small-project b{display:block;font:600 22px 'Space Grotesk';margin-top:7px}.gallery-toolbar{display:flex;justify-content:space-between;align-items:center;margin:50px 0 22px}.filters{display:flex;gap:8px}.filter{border:1px solid #d5dde0;background:transparent;border-radius:100px;padding:9px 15px;font-size:10px;color:#6c7980;cursor:pointer}.filter.active,.filter:hover{background:var(--ink);color:#fff;border-color:var(--ink)}.gallery-toolbar>span{font-size:10px;color:#8b979c;letter-spacing:.08em}.gallery-toolbar b{color:var(--blue)}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.gallery-item{height:230px;overflow:hidden;background:#ddd;position:relative;cursor:zoom-in}.gallery-item:nth-child(5n+1){grid-column:span 2;height:300px}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:.4s}.gallery-item:hover img{transform:scale(1.05)}.gallery-item:after{content:'↗';position:absolute;right:12px;top:12px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.55);color:#fff;opacity:0;transition:.2s}.gallery-item:hover:after{opacity:1}.load-more{display:block;margin:30px auto 0;border:1px solid #cbd5d9;background:#fff;padding:13px 22px;border-radius:8px;font-size:11px;font-weight:700;cursor:pointer}.load-more:hover{background:var(--ink);color:#fff}.process{background:#fff}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #dce2e5;border-bottom:1px solid #dce2e5}.process-item{padding:34px 25px;border-right:1px solid #dce2e5;min-height:210px}.process-item:last-child{border-right:0}.process-item span{color:var(--blue);font:700 12px 'Space Grotesk'}.process-item h3{font-size:25px;margin:40px 0 10px;letter-spacing:-.03em}.process-item p{font-size:12px;line-height:1.7;color:#718087;margin:0}.contact{position:relative;overflow:hidden}.contact:before{content:'';position:absolute;width:650px;height:650px;border-radius:50%;right:-300px;top:-280px;background:radial-gradient(circle,rgba(0,169,232,.15),transparent 67%)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;position:relative;z-index:2}.contact h2{font-size:clamp(55px,6vw,88px);line-height:.88;letter-spacing:-.07em;margin:0 0 30px}.contact h2 span{color:var(--blue)}.contact-copy>p{max-width:570px;color:#829099;line-height:1.8;font-size:15px}.contact-buttons{display:flex;gap:10px;margin-top:32px}.button.whatsapp{border:1px solid rgba(255,255,255,.18);color:#fff}.button.whatsapp:hover{background:#fff;color:#071016}.contact-card{border:1px solid var(--line);background:rgba(255,255,255,.035);padding:30px}.contact-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:4px}.contact-head img{width:120px;height:62px;object-fit:contain}.contact-head span{font-size:9px;letter-spacing:.16em;color:#738189}.contact-row{display:flex;gap:18px;padding:21px 0;border-bottom:1px solid var(--line)}.contact-row i{font-style:normal;color:var(--blue);border:1px solid rgba(0,169,232,.3);width:38px;height:38px;display:grid;place-items:center;border-radius:50%;flex:none}.contact-row small{font-size:9px;letter-spacing:.18em;color:#6f7d84}.contact-row p{margin:6px 0 0;line-height:1.65;color:#d8dfe2;font-size:13px}.contact-row a:hover{color:var(--blue)}.hours{padding-top:20px;display:grid;gap:12px}.hours div{display:flex;justify-content:space-between;color:#839098;font-size:12px}.hours b{color:#e6ebed;font-weight:600}.hours div:last-child b{color:#ff8d8d}footer{background:#04080a;color:#66747c;padding:25px 0;border-top:1px solid var(--line)}.footer-inner{display:flex;justify-content:space-between;align-items:center}.footer-brand{display:flex;align-items:center;gap:14px}.footer-brand img{width:95px;height:48px;object-fit:contain}.footer-brand span,.footer-inner p,.footer-inner>a{font-size:9px;letter-spacing:.08em}.footer-inner>a{color:#aeb9be}.float-wa{position:fixed;right:24px;bottom:24px;z-index:120;width:56px;height:56px;border-radius:50%;background:#19c766;color:#fff;display:grid;place-items:center;font-size:24px;box-shadow:0 15px 40px rgba(0,0,0,.3)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.show{opacity:1;transform:none}.lightbox{display:none;position:fixed;inset:0;background:rgba(2,6,8,.96);z-index:300;align-items:center;justify-content:center}.lightbox.open{display:flex}.lightbox>img{max-width:88vw;max-height:86vh;object-fit:contain}.lb-close,.lb-prev,.lb-next{position:fixed;border:0;background:rgba(255,255,255,.08);color:#fff;width:48px;height:48px;border-radius:50%;font-size:27px;cursor:pointer}.lb-close{right:25px;top:25px}.lb-prev{left:25px;top:50%;transform:translateY(-50%)}.lb-next{right:25px;top:50%;transform:translateY(-50%)}.lb-count{position:fixed;bottom:22px;color:#89959c;font-size:10px;letter-spacing:.15em}
@media(max-width:1000px){.nav nav{display:none}.nav-cta{display:none}.menu{display:block;border:0;background:none;color:#fff;font-size:25px}.mobile-menu{display:none;background:rgba(5,10,13,.98);padding:12px 28px 20px}.mobile-menu.open{display:grid}.mobile-menu a{padding:13px 0;border-bottom:1px solid var(--line);color:#d9e0e3;font-size:13px}.hero-image{left:20%;opacity:.5}.hero-side{display:none}.intro-grid{grid-template-columns:1fr;gap:50px}.intro-stamp{max-width:320px}.service-card{grid-template-columns:160px 1fr 80px}.gallery{grid-template-columns:repeat(3,1fr)}.gallery-item:nth-child(5n+1){grid-column:span 1;height:230px}.project-feature{grid-template-columns:1fr}.big-project{height:500px}.project-stack{grid-template-columns:1fr 1fr;grid-template-rows:300px}.process-grid{grid-template-columns:1fr 1fr}.process-item:nth-child(2){border-right:0}.process-item:nth-child(n+3){border-top:1px solid #dce2e5}.contact-grid{grid-template-columns:1fr}.contact-card{max-width:700px}}
@media(max-width:650px){.wrap{width:min(100% - 30px,1240px)}.nav{height:72px}.brand img{width:128px}.hero{min-height:740px}.hero h1{font-size:56px}.hero-copy>p{font-size:14px}.hero-bottom{bottom:25px}.hero-bottom .scroll{display:none}.section,.section-dark{padding:85px 0}.section-top{display:block}.section-top>p{margin-top:18px}.intro h2,.section-top h2{font-size:48px}.intro-stamp{height:270px}.service-card{grid-template-columns:1fr;gap:17px;padding:20px 0}.service-image{height:200px}.service-card>a{justify-self:start}.project-feature{display:block}.big-project{height:420px}.project-stack{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:220px;gap:10px;margin-top:10px}.project-overlay{left:20px;bottom:20px}.project-overlay h3{font-size:38px}.gallery-toolbar{display:block;margin-top:35px}.filters{overflow:auto;padding-bottom:10px}.gallery-toolbar>span{display:block;margin-top:12px}.gallery{grid-template-columns:1fr 1fr;gap:7px}.gallery-item,.gallery-item:nth-child(5n+1){height:180px}.process-grid{grid-template-columns:1fr}.process-item{border-right:0!important;border-top:1px solid #dce2e5}.process-item:first-child{border-top:0}.contact h2{font-size:56px}.contact-buttons{flex-direction:column}.footer-inner{flex-direction:column;gap:12px;text-align:center}.float-wa{right:16px;bottom:16px}.lightbox>img{max-width:94vw;max-height:80vh}.lb-prev{left:8px}.lb-next{right:8px}}