:root{--bg:#020d18;--panel:#071c2b;--line:rgba(132,192,221,.16);--text:#eef8fb;--muted:#9eb9c7;--cyan:#20e0d2;--blue:#1ea5e8;--shadow:0 30px 90px rgba(0,0,0,.36)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 15% 0%,rgba(16,110,160,.16),transparent 26%),linear-gradient(180deg,#020d18,#03111d 56%,#020d18);color:var(--text);font-family:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;overflow-x:hidden}body.modal-open{overflow:hidden}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button{font:inherit}.noise{position:fixed;inset:0;pointer-events:none;z-index:999;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
.navbar{position:fixed;z-index:100;top:18px;left:50%;transform:translateX(-50%);width:min(1380px,calc(100% - 30px));height:74px;padding:0 18px 0 22px;display:grid;grid-template-columns:290px 1fr auto;align-items:center;gap:26px;background:rgba(2,13,24,.76);backdrop-filter:blur(22px);border:1px solid rgba(159,215,238,.13);border-radius:20px;box-shadow:0 15px 50px rgba(0,0,0,.2)}
.identity{display:grid;line-height:1.08}.identity-name{font-family:"Space Grotesk",sans-serif;font-size:14px;font-weight:700;letter-spacing:.035em}.identity-role{font-size:9px;color:#8cabbc;margin-top:6px;text-transform:uppercase;letter-spacing:.08em}nav{display:flex;align-items:center;justify-content:center;gap:28px}nav a{font-size:10px;color:#bcd1dc;text-transform:uppercase;letter-spacing:.12em;font-weight:800;position:relative;padding:30px 0}nav a:after{content:"";position:absolute;left:0;right:100%;bottom:20px;height:1px;background:linear-gradient(90deg,var(--blue),var(--cyan));transition:.28s}nav a:hover{color:white}nav a:hover:after{right:0}.nav-actions{display:flex;align-items:center;gap:10px}.nav-cv{height:42px;padding:0 15px;display:flex;align-items:center;gap:10px;border-radius:12px;border:1px solid rgba(30,165,232,.42);font-size:10px;font-weight:900;letter-spacing:.08em}.nav-cv span{color:var(--cyan);font-size:15px}.menu-btn{display:none;border:0;background:none;color:white;font-size:22px}
.hero{min-height:830px;position:relative;overflow:hidden;padding:150px max(28px,calc((100vw - 1320px)/2)) 80px;display:grid;align-items:center;grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);gap:82px;background:radial-gradient(circle at 65% 20%,rgba(30,165,232,.15),transparent 23%),radial-gradient(circle at 80% 72%,rgba(32,224,210,.08),transparent 26%),linear-gradient(120deg,#020d18 0%,#061a2b 56%,#041a2a 100%)}
.hero-grid-lines{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(122,194,224,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(122,194,224,.16) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,black,transparent 96%)}.hero-orb{position:absolute;border-radius:50%;pointer-events:none}.orb-a{width:420px;height:420px;right:-120px;top:120px;border:1px solid rgba(32,224,210,.12);box-shadow:inset 0 0 80px rgba(30,165,232,.06)}.orb-b{width:250px;height:250px;left:36%;bottom:-130px;border:1px solid rgba(30,165,232,.12)}.hero-copy,.hero-visual{position:relative;z-index:2}
.availability{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border-radius:999px;border:1px solid rgba(32,224,210,.18);background:rgba(32,224,210,.06);color:#a9f6ef;font-size:9px;font-weight:900;letter-spacing:.12em}.availability span,.cta-status span{width:7px;height:7px;border-radius:50%;background:#38f0c6;box-shadow:0 0 0 6px rgba(56,240,198,.08);animation:pulse 2s infinite}@keyframes pulse{50%{box-shadow:0 0 0 10px rgba(56,240,198,0)}}.hero-eyebrow{font-size:11px;letter-spacing:.14em;color:#8fb3c6;font-weight:800;margin:24px 0 15px}.hero h1{font-family:"Space Grotesk",sans-serif;font-size:clamp(50px,5.2vw,82px);line-height:.98;letter-spacing:-.05em;max-width:860px;margin:0 0 26px}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#fff 0%,#b7f2f4 45%,#57d7e9 100%);-webkit-background-clip:text;color:transparent}.hero-lead{max-width:760px;color:#bbd0da;font-size:16px;line-height:1.75}.hero-lead strong{color:white}.hero-actions{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}.btn{min-height:50px;padding:0 20px;border-radius:14px;display:inline-flex;align-items:center;gap:14px;justify-content:center;font-size:10px;font-weight:900;letter-spacing:.1em;transition:.28s;border:1px solid transparent}.btn span{font-size:16px}.btn-primary{background:linear-gradient(135deg,var(--blue),var(--cyan));box-shadow:0 15px 38px rgba(30,165,232,.22)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 20px 50px rgba(30,165,232,.32)}.btn-secondary{border-color:rgba(171,216,235,.22);background:rgba(255,255,255,.025)}.btn-secondary:hover{background:rgba(255,255,255,.06);border-color:rgba(32,224,210,.34)}.hero-metrics{display:flex;gap:42px;margin-top:48px;padding-top:26px;border-top:1px solid var(--line);max-width:720px}.hero-metrics div{display:grid}.hero-metrics strong{font-family:"Space Grotesk";font-size:27px;letter-spacing:-.03em}.hero-metrics span{font-size:9px;color:#87a5b5;text-transform:uppercase;letter-spacing:.09em;margin-top:3px}
.photo-frame{position:relative;max-width:520px;margin:auto}.photo-frame:before{content:"";position:absolute;inset:-22px 24px 24px -22px;border:1px solid rgba(32,224,210,.2);border-radius:34px;transform:rotate(-2deg)}.photo-frame:after{content:"";position:absolute;inset:26px -26px -22px 26px;border:1px solid rgba(30,165,232,.15);border-radius:34px;transform:rotate(2deg)}.photo-frame>img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:center;border-radius:30px;position:relative;z-index:2;border:1px solid rgba(255,255,255,.13);box-shadow:0 35px 100px rgba(0,0,0,.45)}.photo-glow{position:absolute;z-index:1;inset:10%;background:rgba(32,224,210,.18);filter:blur(90px)}.floating-card{position:absolute;z-index:4;display:flex;align-items:center;gap:13px;padding:13px 15px;border-radius:16px;border:1px solid rgba(198,229,242,.15);background:rgba(3,20,33,.78);backdrop-filter:blur(18px);box-shadow:0 18px 40px rgba(0,0,0,.24)}.floating-card strong{display:block;font-size:11px}.floating-card small{display:block;color:#8eabb9;font-size:8.5px;margin-top:3px}.card-top{right:-34px;top:70px}.card-bottom{left:-45px;bottom:70px}.pulse{width:9px;height:9px;border-radius:50%;background:#28e8cf;box-shadow:0 0 0 7px rgba(40,232,207,.08)}.mini-diagram{display:grid;grid-template-columns:repeat(2,8px);gap:5px}.mini-diagram i{width:8px;height:8px;border:1px solid #44dfe0;border-radius:2px;position:relative}.mini-diagram i:nth-child(1):after{content:"";position:absolute;width:12px;height:1px;background:#2b7f9f;left:8px;top:3px}
.trustbar{overflow:hidden;white-space:nowrap;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#03121e;color:#6f94a6;font-size:9px;font-weight:900;letter-spacing:.16em}.trustbar span{display:inline-block;margin:0 26px}
.section{padding:110px max(28px,calc((100vw - 1320px)/2))}.section-kicker{font-size:9px;color:var(--cyan);letter-spacing:.15em;font-weight:900;margin-bottom:17px}.intro{background:linear-gradient(180deg,#041522,#051725)}.intro-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:80px}.intro h2,.section-head h2,.credentials h2,.cta h2{font-family:"Space Grotesk";font-size:clamp(34px,4vw,58px);line-height:1.06;letter-spacing:-.04em;margin:0}.intro h2 em{font-style:normal;color:#87dfe7}.intro-copy{color:#aac1cd;font-size:15px;line-height:1.8}.intro-copy p:first-child{margin-top:0}.intro-copy strong{color:#eafcff}.section-head{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:end;margin-bottom:44px}.section-head>p{color:#93adba;max-width:560px;justify-self:end;margin:0}.section-head strong{color:#c7f4f4}
.services{background:#020e19}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service-card{min-height:270px;position:relative;padding:28px;border-radius:22px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(145deg,rgba(9,38,58,.84),rgba(4,20,32,.88));transition:.35s}.service-card:before{content:"";position:absolute;inset:auto -50px -70px auto;width:150px;height:150px;border-radius:50%;background:rgba(30,165,232,.08);filter:blur(5px);transition:.35s}.service-card:hover{transform:translateY(-7px);border-color:rgba(32,224,210,.3);box-shadow:var(--shadow)}.service-card:hover:before{background:rgba(32,224,210,.14)}.service-card svg{width:42px;height:42px;fill:none;stroke:#5ce2e4;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}.service-card>span{position:absolute;right:22px;top:22px;font-size:9px;color:#5c8395;font-weight:900}.service-card h3{font-family:"Space Grotesk";font-size:22px;margin:36px 0 12px}.service-card p{color:#91adbb;font-size:13px;line-height:1.65;margin:0;max-width:330px}
.projects{background:linear-gradient(180deg,#041523,#03111c)}.featured-project{display:grid;grid-template-columns:1.25fr .75fr;min-height:520px;border:1px solid var(--line);border-radius:26px;overflow:hidden;background:#061b2a;margin-bottom:18px;cursor:pointer;transition:.35s}.featured-project:hover{transform:translateY(-4px);border-color:rgba(32,224,210,.24);box-shadow:var(--shadow)}.featured-media{position:relative;overflow:hidden}.featured-media img{width:100%;height:100%;object-fit:cover;transition:.5s}.featured-project:hover .featured-media img{transform:scale(1.035)}.media-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent 58%,rgba(6,27,42,.92) 100%),linear-gradient(0deg,rgba(0,0,0,.25),transparent 50%)}.index,.tile-index{position:absolute;left:18px;top:18px;width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:rgba(2,13,24,.78);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px);font-family:"Space Grotesk";font-weight:700;font-size:11px}.featured-badge{position:absolute;left:18px;bottom:18px;padding:8px 10px;border-radius:10px;background:rgba(32,224,210,.12);border:1px solid rgba(32,224,210,.24);color:#b8fffa;font-size:8px;font-weight:900;letter-spacing:.12em;backdrop-filter:blur(10px)}.featured-copy{padding:44px;display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:9px;color:var(--cyan);letter-spacing:.13em;text-transform:uppercase;font-weight:900}.featured-copy h3,.tile-copy h3{font-family:"Space Grotesk";letter-spacing:-.03em}.featured-copy h3{font-size:39px;line-height:1.05;margin:10px 0 16px}.featured-copy>p:not(.eyebrow),.tile-copy>p:not(.eyebrow){color:#9eb5c0;line-height:1.65}.chip-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.chip{padding:6px 9px;border-radius:999px;border:1px solid rgba(70,179,215,.18);background:rgba(39,128,162,.08);font-size:8px;color:#a9d7e4;font-weight:800}.arrow-link{margin-top:25px;padding:0;border:0;background:none;color:#77f0e8;font-weight:900;font-size:10px;letter-spacing:.08em;cursor:pointer;text-align:left}.arrow-link span{font-size:16px;margin-left:8px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.project-tile{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#061927;cursor:pointer;transition:.35s}.project-tile:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:rgba(32,224,210,.24)}.tile-media{position:relative;aspect-ratio:16/10;overflow:hidden}.tile-media img{width:100%;height:100%;object-fit:cover;transition:.5s}.project-tile:hover .tile-media img{transform:scale(1.045)}.tile-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,13,24,.55),transparent 55%)}.tile-copy{padding:24px}.tile-copy h3{font-size:24px;margin:7px 0 10px}.tile-copy>p:not(.eyebrow){font-size:12px;min-height:60px}
.process{background:#020e19}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.process-step{position:relative;padding:28px 26px 30px;border-top:1px solid rgba(32,224,210,.28);background:linear-gradient(180deg,rgba(9,36,54,.45),transparent)}.process-step>span{font-family:"Space Grotesk";font-size:44px;color:rgba(111,221,229,.14);font-weight:700}.process-step h3{font-family:"Space Grotesk";font-size:20px;margin:8px 0}.process-step p{font-size:12px;color:#8faab7;line-height:1.65;margin:0}
.credentials{background:linear-gradient(180deg,#03111d,#061a28)}.credentials-shell{display:grid;grid-template-columns:.92fr 1.08fr;gap:70px;padding:54px;border-radius:28px;border:1px solid rgba(108,191,220,.18);background:radial-gradient(circle at 0% 0%,rgba(30,165,232,.13),transparent 36%),linear-gradient(135deg,#071e2f,#041522);box-shadow:var(--shadow)}.credentials-copy p{color:#9cb6c2;line-height:1.7;max-width:560px}.arrow-link.light{display:inline-block}.credentials-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}.credentials-list span{padding:13px 14px;border-radius:12px;border:1px solid rgba(126,196,222,.12);background:rgba(255,255,255,.025);font-size:10px;color:#c3d7e0}
.cta{background:#020d18}.cta-shell{position:relative;overflow:hidden;padding:64px;border-radius:30px;border:1px solid rgba(44,207,213,.22);background:radial-gradient(circle at 82% 20%,rgba(32,224,210,.14),transparent 26%),radial-gradient(circle at 10% 90%,rgba(30,165,232,.12),transparent 28%),linear-gradient(135deg,#07233a,#041522)}.cta-shell:after{content:"";position:absolute;right:-80px;top:-120px;width:340px;height:340px;border:1px solid rgba(113,220,228,.12);border-radius:50%}.cta-status{display:flex;align-items:center;gap:10px;color:#b4f4ed;font-size:9px;font-weight:900;letter-spacing:.13em}.cta h2{max-width:920px;margin:19px 0}.cta-shell>p{color:#a8c0cb;max-width:760px;line-height:1.7}.cta-actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.cta-meta{display:flex;gap:28px;flex-wrap:wrap;padding-top:28px;margin-top:32px;border-top:1px solid rgba(180,218,231,.12);font-size:10px;color:#8ea8b5}.cta-meta b{color:#dff8fb}
.floating-whatsapp{position:fixed;right:22px;bottom:22px;z-index:90;width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#15b99f,#20dbc0);box-shadow:0 15px 35px rgba(11,184,153,.28);transition:.25s}.floating-whatsapp:hover{transform:translateY(-4px) scale(1.03)}.floating-whatsapp svg{width:26px;fill:white}
footer{padding:30px max(28px,calc((100vw - 1320px)/2));display:grid;grid-template-columns:1fr 1.2fr auto;gap:25px;align-items:center;border-top:1px solid var(--line);background:#020b13;color:#7795a4;font-size:9px}footer div{display:grid}footer strong{font-family:"Space Grotesk";font-size:13px;color:white}footer span{margin-top:4px}footer p{text-align:center}footer>a{font-weight:900;color:#a7d9e5}
.project-modal{width:min(1100px,calc(100% - 26px));max-height:92vh;border:0;padding:0;border-radius:24px;background:#051725;color:white;box-shadow:0 40px 120px rgba(0,0,0,.5)}.project-modal::backdrop{background:rgba(0,7,13,.86);backdrop-filter:blur(8px)}.modal-shell{position:relative;padding:34px;max-height:92vh;overflow:auto}.modal-close{position:sticky;float:right;top:0;z-index:5;width:42px;height:42px;border:1px solid rgba(164,213,232,.18);background:#020d18;color:white;border-radius:50%;font-size:24px;cursor:pointer}.modal-heading{max-width:760px;padding:12px 55px 26px 0}.modal-heading h2{font-family:"Space Grotesk";font-size:40px;letter-spacing:-.04em;margin:8px 0 12px}.modal-heading>p:not(.eyebrow){color:#9fb6c1}.role-note{padding:12px 14px;margin:18px 0;border-radius:12px;background:rgba(32,224,210,.06);border-left:3px solid var(--cyan);font-size:10px;color:#bdd7df}.project-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.gallery-item{padding:0;border:0;border-radius:14px;overflow:hidden;aspect-ratio:4/3;cursor:zoom-in;background:#092136}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:.35s}.gallery-item:hover img{transform:scale(1.04)}
.lightbox{position:fixed;inset:0;z-index:300;display:none;align-items:center;justify-content:center;padding:40px;background:rgba(0,7,12,.94)}.lightbox.open{display:flex}.lightbox img{max-width:91vw;max-height:88vh;border-radius:12px;box-shadow:0 30px 90px rgba(0,0,0,.5)}.lightbox-close,.lightbox-prev,.lightbox-next{position:absolute;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.08);color:white;backdrop-filter:blur(10px);cursor:pointer}.lightbox-close{top:20px;right:20px;width:44px;height:44px;border-radius:50%;font-size:29px}.lightbox-prev,.lightbox-next{top:50%;transform:translateY(-50%);width:46px;height:66px;border-radius:13px;font-size:34px}.lightbox-prev{left:16px}.lightbox-next{right:16px}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1100px){.navbar{grid-template-columns:1fr auto auto}nav{display:none;position:fixed;top:100px;left:15px;right:15px;padding:18px;border-radius:18px;background:#03111d;flex-direction:column;align-items:flex-start;border:1px solid var(--line);box-shadow:var(--shadow)}nav.open{display:flex}nav a{padding:9px 4px}nav a:after{display:none}.menu-btn{display:block}.hero{grid-template-columns:1fr;gap:50px;padding-top:140px}.hero-visual{max-width:620px;margin:auto}.intro-grid,.section-head,.credentials-shell{grid-template-columns:1fr}.section-head>p{justify-self:start}.project-grid{grid-template-columns:repeat(2,1fr)}.services-grid{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:repeat(2,1fr)}.featured-project{grid-template-columns:1fr}.featured-media{min-height:440px}.media-shade{background:linear-gradient(0deg,rgba(6,27,42,.88),transparent 55%)}}
@media(max-width:700px){.navbar{top:9px;height:64px;border-radius:16px;padding:0 14px}.identity-name{font-size:12px}.identity-role{font-size:7.5px}.nav-cv{display:none}.hero{min-height:auto;padding:110px 19px 65px}.hero h1{font-size:45px}.hero-lead{font-size:14px}.hero-metrics{gap:20px;justify-content:space-between}.hero-metrics strong{font-size:22px}.hero-metrics span{font-size:7px}.card-top{right:-6px}.card-bottom{left:-6px}.floating-card{padding:10px 11px}.floating-card strong{font-size:9px}.floating-card small{font-size:7px}.trustbar span{margin:0 16px}.section{padding:78px 19px}.services-grid,.project-grid,.process-grid,.credentials-list{grid-template-columns:1fr}.service-card{min-height:220px}.featured-media{min-height:300px}.featured-copy{padding:25px}.featured-copy h3{font-size:31px}.tile-copy>p:not(.eyebrow){min-height:0}.cta-shell{padding:32px 22px}.cta-actions{flex-direction:column}.btn{width:100%}footer{grid-template-columns:1fr;justify-items:start}footer p{text-align:left;margin:0}.project-gallery{grid-template-columns:1fr}.modal-shell{padding:20px}.modal-heading h2{font-size:31px}}