*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Arial,Helvetica,sans-serif;background:#02090c;color:#f5f8f7;line-height:1.6;overflow-x:hidden}img{display:block;width:100%}a{text-decoration:none;color:inherit}:root{--bg:#02090c;--sec:#041015;--card:#07151b;--green:#00f29a;--text:#d2dcda;--muted:#82918f;--border:rgba(255,255,255,.1);--max:1140px}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.label{display:inline-block;color:var(--green);font-size:12px;font-weight:700;letter-spacing:2px;margin-bottom:8px}h1,h2,h3{line-height:1.15}h2{font-size:31px;letter-spacing:-.8px}p{color:var(--text)}
.header{position:sticky;top:0;z-index:10;background:rgba(2,9,12,.92);border-bottom:1px solid rgba(255,255,255,.07);backdrop-filter:blur(15px)}.nav-container{height:64px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:9px;font-size:21px;font-weight:800}.logo b{color:var(--green);font-size:25px}.nav{display:flex;gap:38px}.nav a{padding:22px 0;font-size:13px;font-weight:600;color:#d7dfdd}.nav a:hover{color:var(--green)}.nav-whatsapp{border:1px solid var(--green);border-radius:20px;padding:8px 16px;color:var(--green);font-size:12px;font-weight:700}.nav-whatsapp:hover{background:var(--green);color:#00150d}.menu-button{display:none;background:none;border:1px solid rgba(0,242,154,.2);color:var(--green);border-radius:8px;padding:10px}
.hero{min-height:520px;position:relative;overflow:hidden;background:radial-gradient(circle at 70% 50%,rgba(0,242,154,.09),transparent 35%),#02090c}.hero-container{min-height:520px;display:flex;align-items:center}.hero-content{width:53%;position:relative;z-index:2;padding:60px 0}.hero h1{font-size:clamp(40px,4vw,58px);letter-spacing:-2px;margin-bottom:18px}.hero h1 span{display:block;color:var(--green)}.hero-content>p{max-width:540px;font-size:15px;margin-bottom:25px}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:35px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 20px;border-radius:8px;font-size:14px;font-weight:700;transition:.25s}.primary{background:var(--green);color:#00150d}.primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,242,154,.18)}.outline{border:1px solid rgba(255,255,255,.55)}.outline:hover{border-color:var(--green);color:var(--green)}.features{display:flex;gap:27px;flex-wrap:wrap}.features div{display:flex;gap:9px;align-items:center;color:#b9c5c2;font-size:11px;line-height:1.35}.features i{color:var(--green);font-size:19px}.hero-photo{position:absolute;right:0;top:0;width:55%;height:100%;overflow:hidden}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#02090c 0%,rgba(2,9,12,.35) 35%,transparent 70%),linear-gradient(0deg,#02090c 0%,transparent 25%)}.hero-photo img{height:100%;object-fit:cover}.hero-photo>b{position:absolute;z-index:2;right:17%;bottom:50px;color:#aaa;font-size:30px}
.tech{padding:60px 0;background:var(--sec);border-block:1px solid rgba(255,255,255,.06)}.tech-wrap{display:grid;grid-template-columns:32% 68%;align-items:center;gap:30px}.tech-wrap>div:first-child p{max-width:330px;font-size:14px}.tech-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.tech-grid article{min-height:130px;padding:15px 8px;border:1px solid var(--border);border-radius:8px;background:rgba(4,16,21,.55);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.tech-grid article:hover{border-color:var(--green)}.tech-grid i{font-size:28px;margin-bottom:8px}.html{color:#ff6534}.css{color:#2787e8}.js{color:#ffd91a}.tech-grid b{font-size:13px}.tech-grid small{color:var(--muted);font-size:10px}
.section{padding:75px 0;background:var(--bg)}.heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:30px}.heading p{max-width:500px;font-size:14px;margin-top:9px}.underlink{font-size:12px;border-bottom:1px solid var(--green);padding-bottom:5px}.underlink:hover{color:var(--green)}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.cards article{min-height:205px;padding:23px 18px;border:1px solid var(--border);border-radius:9px;background:linear-gradient(145deg,rgba(8,24,30,.8),rgba(3,13,17,.8));transition:.25s}.cards article:hover{border-color:rgba(0,242,154,.5);transform:translateY(-4px)}.cards i{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px;background:rgba(0,242,154,.08);color:var(--green);font-size:19px;margin-bottom:20px}.cards h3{font-size:15px;margin-bottom:9px}.cards p{font-size:12px;color:#91a09e}
.projects{background:var(--sec)}.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.project-grid article{overflow:hidden;border:1px solid var(--border);border-radius:9px;background:#06151b}.project-img{height:175px;position:relative;overflow:hidden}.project-img img{height:100%;object-fit:cover;transition:.4s}.project-grid article:hover img{transform:scale(1.05)}.project-img a{position:absolute;right:10px;top:10px;width:34px;height:34px;border-radius:7px;background:rgba(0,0,0,.65);display:grid;place-items:center}.project-grid article>div:last-child{padding:17px}.project-grid article span{color:var(--green);font-size:10px;font-weight:700}.project-grid h3{font-size:16px;margin:5px 0}.project-grid p{font-size:11px;color:#8d9d9b;margin-bottom:10px}.project-grid small{font-size:9px;color:#8db5a7}
.about-wrap{display:grid;grid-template-columns:38% 62%;align-items:center;gap:65px}.about-photo{position:relative;max-width:390px;margin:auto}.about-photo span{position:absolute;inset:10px -8px -10px 8px;border:1px solid var(--green);border-radius:12px;transform:rotate(-2deg)}.about-photo img{position:relative;z-index:1;aspect-ratio:1/1.08;object-fit:cover;border-radius:10px;border:1px solid rgba(0,242,154,.35)}.about h2{font-size:35px;margin-bottom:20px}.about p{max-width:680px;font-size:14px;margin-bottom:15px;color:#b8c5c2}.about-points{display:flex;gap:30px;margin-top:28px}.about-points div{display:flex;align-items:center;gap:10px;font-size:11px;color:#aab8b5}.about-points i{width:38px;height:38px;display:grid;place-items:center;border-radius:9px;background:rgba(0,242,154,.08);color:var(--green)}
.contact{padding:35px 0;background:var(--sec);border-block:1px solid rgba(255,255,255,.07)}.contact-wrap{display:flex;align-items:center;gap:20px}.contact-wrap>i{font-size:28px;color:var(--green)}.contact-wrap>div{flex:1}.contact h2{font-size:18px}.contact p{font-size:12px;color:#8e9d9a}.contact .btn{white-space:nowrap}
footer{padding:27px 0;background:#02090c}.footer-wrap{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:25px}.footer-wrap small{color:#6f7d7b;font-size:10px}.social{display:flex;gap:15px}.social a:hover{color:var(--green)}.copy{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.06);padding-top:18px;text-align:right}
@media(max-width:1000px){.tech-wrap{grid-template-columns:1fr}.tech-grid{grid-template-columns:repeat(3,1fr)}.cards{grid-template-columns:repeat(3,1fr)}.project-grid{grid-template-columns:repeat(2,1fr)}.hero-photo{width:58%}.hero-content{width:55%}}
@media(max-width:760px){.container{width:calc(100% - 28px)}.nav{display:none;position:absolute;top:64px;left:0;right:0;background:#02090c;flex-direction:column;gap:0;padding:10px 20px 20px;border-bottom:1px solid var(--border)}.nav.open{display:flex}.nav a{padding:13px 0}.nav-whatsapp{display:none}.menu-button{display:block}.hero{min-height:auto}.hero-container{min-height:auto;display:flex;flex-direction:column;padding-top:45px}.hero-content{width:100%;padding:0 0 30px}.hero h1{font-size:38px}.hero-photo{position:relative;right:auto;top:auto;width:100%;height:390px}.features{gap:17px}.features div{flex:1 1 40%}.tech{padding:50px 0}.tech-grid{grid-template-columns:repeat(2,1fr)}.tech-grid article:last-child{grid-column:span 2}.section{padding:60px 0}.heading{align-items:flex-start;flex-direction:column;gap:18px}.cards,.project-grid{grid-template-columns:1fr}.project-img{height:210px}.about-wrap{grid-template-columns:1fr;gap:45px}.about-photo{width:min(100%,380px)}.about h2{font-size:30px}.about-points{flex-direction:column;gap:15px}.contact-wrap{flex-wrap:wrap}.contact-wrap>div{flex-basis:calc(100% - 60px)}.contact .btn{width:100%}.footer-wrap{grid-template-columns:1fr;text-align:center}.social{justify-content:center}.copy{text-align:center}}
@media(max-width:430px){.hero h1{font-size:33px}.buttons{flex-direction:column}.buttons .btn{width:100%}}