@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--ink:#050816;--ink2:#090e22;--panel:#0e1530;--blue:#20a4ff;--violet:#6759f1;--white:#f7f9ff;--muted:#9aa6c5;--line:rgba(255,255,255,.1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}.shell{width:min(1180px,calc(100% - 48px));margin:auto}svg{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.topline{height:36px;background:#03050d;border-bottom:1px solid #ffffff0f;color:#8e9ab7;font-size:11px}.top-inner{height:100%;display:flex;align-items:center;justify-content:flex-end;gap:26px}.top-inner>*{display:flex;align-items:center;gap:7px}.top-inner b{font-weight:600}.top-inner svg{font-size:14px}.header{position:absolute;z-index:20;top:36px;left:0;width:100%;border-bottom:1px solid var(--line);background:#05081688;backdrop-filter:blur(18px)}.header-inner{height:86px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px}.brand>span:last-child{display:flex;flex-direction:column;line-height:.79;font-family:'Space Grotesk';font-size:20px;letter-spacing:-.06em}.brand>span:last-child strong:first-child{color:#54b5ff}.target{position:relative;width:42px;height:42px;display:grid;place-items:center;border:2px solid #8b62ed;border-radius:50%;box-shadow:inset 0 0 0 5px var(--ink),inset 0 0 0 7px #4877f0,inset 0 0 0 12px var(--ink),inset 0 0 0 14px var(--blue)}.target:before,.target:after{content:"";position:absolute;background:white}.target:before{width:2px;height:48px}.target:after{height:2px;width:48px}.target i{position:relative;width:6px;height:6px;border-radius:50%;background:white}.header nav{display:flex;gap:28px;color:#b6c0db;font-size:12px;font-weight:700}.header nav a:hover{color:white}.head-cta{height:43px;display:flex;align-items:center;gap:9px;padding:0 17px;border:1px solid #ffffff2b;border-radius:3px;font-size:12px;font-weight:800}.head-cta svg{font-size:17px}.menu-button,.mobile-nav{display:none}
.hero{min-height:790px;position:relative;overflow:hidden;display:flex;align-items:center;padding:148px 0 58px;background:radial-gradient(circle at 82% 40%,#17214b 0,#090e22 35%,#050816 70%)}.grid-bg{position:absolute;inset:0;opacity:.14;background-image:linear-gradient(#5974b838 1px,transparent 1px),linear-gradient(90deg,#5974b838 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(90deg,#000,transparent 78%)}.glow{position:absolute;border-radius:50%;filter:blur(45px);opacity:.3}.glow.one{width:350px;height:350px;right:5%;top:24%;background:#2839cf}.glow.two{width:250px;height:250px;left:-120px;bottom:0;background:#5731c8}.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.06fr .94fr;gap:72px;align-items:center}.eyebrow,.kicker{color:#78bdff;font-size:10px;letter-spacing:.18em;font-weight:800;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow span{width:26px;height:1px;background:linear-gradient(90deg,var(--blue),var(--violet))}h1,h2,h3{font-family:'Space Grotesk',sans-serif}.hero h1{max-width:680px;margin:20px 0 24px;font-size:clamp(54px,5.3vw,78px);line-height:.99;letter-spacing:-.055em;font-weight:600}.hero h1 em,h2 em{font-style:normal;color:#5bb7ff}.hero-text{max-width:570px;color:var(--muted);font-size:15px;line-height:1.75}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 22px;border-radius:3px;font-size:12px;font-weight:800;transition:.2s}.button:hover{transform:translateY(-2px)}.button svg{font-size:18px}.primary{background:linear-gradient(135deg,#188ef1,#5c57ed);box-shadow:0 12px 36px #236ff33f}.ghost{border:1px solid #ffffff2b}.whatsapp{background:#19a766}.trust{display:flex;align-items:center;gap:10px;margin-top:36px;color:#7e8dab;font-size:11px}.trust>span{display:flex;flex-direction:column}.trust strong{color:white}.trust i{width:1px;height:24px;background:var(--line)}.google{font-size:21px;color:#4285f4}.stars{display:block!important;color:#f5b832;letter-spacing:1px}.hero-visual{position:relative;min-height:490px;display:flex;align-items:center}.image-frame{overflow:hidden;width:100%;padding:9px;border:1px solid #7b97e13f;background:#ffffff0a;box-shadow:0 35px 100px #0009;transform:perspective(900px) rotateY(-4deg)}.image-frame img{width:100%;aspect-ratio:1;object-fit:cover}.experience,.quality{position:absolute;z-index:2;display:flex;align-items:center;background:#0a1028f2;border:1px solid #6e8ee640;box-shadow:0 20px 50px #0007;backdrop-filter:blur(18px)}.experience{left:-38px;bottom:18px;padding:16px 19px;gap:12px}.experience strong{font-family:'Space Grotesk';font-size:31px;color:#65bbff}.experience span{font-size:9px;line-height:1.5;color:#a3afca}.quality{right:-20px;top:45px;padding:13px 15px;gap:9px;color:#64bfff}.quality svg{font-size:21px}.quality span{display:flex;flex-direction:column}.quality strong{font-size:10px;color:white}.quality small{font-size:8px;color:#8290ae}
.intro,.services,.about{background:#f5f7fb;color:#0a1025}.intro{padding:102px 0 66px}.intro-grid{display:grid;grid-template-columns:.55fr 1.4fr .8fr;gap:45px;align-items:end}.intro-grid>small{align-self:start;margin-top:9px;color:#78839c;font-size:9px;letter-spacing:.17em;font-weight:800}h2{margin:10px 0 0;font-size:clamp(38px,4.2vw,56px);line-height:1.07;letter-spacing:-.055em}.intro-grid>p{margin:0;color:#677189;font-size:13px;line-height:1.8}.services{padding-bottom:104px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #dce2ed;border-left:1px solid #dce2ed}.service-grid article{min-height:278px;padding:30px;border-right:1px solid #dce2ed;border-bottom:1px solid #dce2ed;background:#ffffff99;transition:.25s}.service-grid article:hover{transform:translateY(-4px);background:#fff;box-shadow:0 22px 50px #2a3c6419}.service-grid article>span{display:flex;justify-content:space-between;color:#338fe1}.service-grid article svg{font-size:27px}.service-grid article small{color:#a7afbe;font-size:9px}.service-grid h3{margin:38px 0 12px;font-size:20px}.service-grid p{min-height:64px;margin:0;color:#6c758b;font-size:12px;line-height:1.75}.service-grid a{display:inline-block;margin-top:18px;color:#277bc8;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
.projects{padding:105px 0 115px;background:#070b1c}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:47px}.section-head>a{padding-bottom:7px;border-bottom:1px solid #274f79;color:#8db8e1;font-size:11px;font-weight:700}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.project-grid article{overflow:hidden;border:1px solid var(--line);background:#10162c}.project-grid article>div{position:relative;display:grid;place-items:center;aspect-ratio:4/4.45;overflow:hidden}.project-grid article>div:before{content:"";position:absolute;inset:10%;border:1px solid #ffffff18;transform:rotate(8deg)}.project-grid article b{position:relative;z-index:2;font-family:'Space Grotesk';font-size:clamp(90px,13vw,155px);text-shadow:0 12px 40px #0009}.project-grid article i{position:absolute;width:70%;aspect-ratio:1;border:1px solid #ffffff45;border-radius:50%;box-shadow:0 0 70px #ffffff17}.project-grid .blue>div{background:radial-gradient(circle,#1c80c5,#0b1637 63%)}.project-grid .violet>div{background:radial-gradient(circle at 60% 38%,#7956c7,#17112f 60%)}.project-grid .silver>div{background:radial-gradient(circle at 55% 38%,#b8c7d5,#324156 44%,#111827 70%)}.project-grid article>span{display:grid;grid-template-columns:1fr auto;padding:18px 19px;border-top:1px solid var(--line)}.project-grid article>span small{grid-column:1;color:#71809e;font-size:7px;letter-spacing:.15em}.project-grid article>span strong{font-family:'Space Grotesk'}.project-grid article>span em{grid-column:2;grid-row:1/3;color:#54617b;font-size:10px;font-style:normal}
.about{padding:115px 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.about-art{min-height:385px;position:relative;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#111934,#070b19);color:white}.about-art:before{content:"+";position:absolute;right:-15px;top:-68px;color:#4a77eb17;font-family:'Space Grotesk';font-size:300px}.about-art .big{position:relative;padding:27px 31px;border:1px solid #ffffff25;background:#ffffff0a}.about-art>p{position:absolute;left:30px;bottom:25px;color:#7f8aa3;font-size:8px;letter-spacing:.2em;text-transform:uppercase}.about-copy>p:not(.kicker){margin:25px 0;color:#69738a;font-size:13px;line-height:1.85}.about-copy ul{list-style:none;padding:0;margin:25px 0 0;display:grid;gap:12px;font-size:12px;font-weight:700}.about-copy li{color:#263148}.about-copy li::first-letter{color:#338fe1}
.contact{padding:105px 0;background:#0b1128}.contact-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:95px;align-items:center}.contact-grid>div:first-child>p:not(.kicker){max-width:500px;color:#98a4c1;font-size:13px;line-height:1.8}.contact-card{padding:8px 27px;border:1px solid var(--line);background:#ffffff07}.contact-card>a,.contact-card>div{min-height:90px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;border-bottom:1px solid var(--line);color:#67b5f6}.contact-card>div:last-child{border-bottom:0}.contact-card svg{font-size:21px}.contact-card span{display:flex;flex-direction:column;gap:5px}.contact-card small{color:#697895;font-size:7px;letter-spacing:.18em}.contact-card strong{color:#eef3ff;font-size:11px;line-height:1.5}footer{background:#03050d;color:#8b96b1}.footer-main{min-height:125px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.footer-main p,.footer-main>a{font-size:11px}.footer-bottom{height:60px;display:flex;align-items:center;font-size:9px}.floating{position:fixed;z-index:60;right:21px;bottom:21px;display:grid;gap:10px}.floating a{display:flex;align-items:center;justify-content:flex-end;gap:8px}.floating span{position:relative;width:52px;height:52px;display:grid;place-items:center;border-radius:50%;color:white}.floating span:after{content:"";position:absolute;inset:-5px;border:1px solid currentColor;border-radius:50%;opacity:.35;animation:breathe 2.2s infinite}.floating svg{font-size:23px}.floating .call span{background:#e8444f;box-shadow:0 0 28px #e8444f6b}.floating .wa span{background:#14ad65;box-shadow:0 0 28px #14ad6572}.floating em{order:-1;opacity:0;transform:translateX(8px);transition:.2s;padding:7px 9px;border-radius:3px;background:#090d1d;color:white;font-size:9px;font-style:normal;font-weight:800;box-shadow:0 8px 22px #0007}.floating a:hover em{opacity:1;transform:none}@keyframes breathe{0%,100%{transform:scale(.95);opacity:.25}50%{transform:scale(1.15);opacity:.65}}
@media(max-width:980px){.header nav{display:none}.menu-button{display:grid;place-items:center;border:0;background:transparent;color:white;font-size:23px}.mobile-nav.open{display:grid;position:absolute;right:24px;top:78px;width:220px;padding:8px;background:#0d1430;border:1px solid var(--line);box-shadow:0 20px 50px #0008}.mobile-nav.open a{padding:11px;border-bottom:1px solid var(--line);font-size:12px}.hero{min-height:auto;padding:175px 0 95px}.hero-inner{grid-template-columns:1fr}.hero-visual{width:min(600px,100%);margin:auto}.intro-grid{grid-template-columns:1fr 2fr}.intro-grid>p{grid-column:2}.service-grid{grid-template-columns:repeat(2,1fr)}.project-grid{grid-template-columns:1fr 1fr}.project-grid article:last-child{grid-column:span 2}.project-grid article:last-child>div{aspect-ratio:2/1}.about-grid,.contact-grid{gap:50px}}
@media(max-width:680px){.shell{width:min(100% - 30px,1180px)}.top-inner{justify-content:space-between;gap:8px}.top-inner>span:first-child{display:none}.header-inner{height:72px}.head-cta{display:none}.hero{padding-top:145px}.hero h1{font-size:clamp(43px,13vw,58px)}.actions{display:grid}.trust{flex-wrap:wrap}.hero-visual{min-height:360px}.experience{left:-4px;bottom:4px}.quality{right:-4px;top:15px}.intro{padding:72px 0 48px}.intro-grid{grid-template-columns:1fr;gap:18px}.intro-grid>p{grid-column:auto}h2{font-size:36px}.service-grid{grid-template-columns:1fr}.service-grid article{min-height:245px}.projects{padding:72px 0}.section-head{display:block}.section-head>a{display:inline-block;margin-top:22px}.project-grid{grid-template-columns:1fr}.project-grid article:last-child{grid-column:auto}.project-grid article:last-child>div{aspect-ratio:4/4.45}.about{padding:72px 0}.about-grid{grid-template-columns:1fr}.about-art{min-height:315px}.contact{padding:72px 0}.contact-grid{grid-template-columns:1fr}.contact-card{padding:7px 17px}.footer-main{padding:35px 0;flex-direction:column;gap:22px}.footer-bottom{justify-content:center}.floating{right:14px;bottom:14px}.floating span{width:47px;height:47px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}
.header .mobile-nav{display:none}
@media(max-width:980px){.header .mobile-nav.open{display:grid}}