*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#111;color:#fff;font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.container{width:92%;max-width:1180px;margin:auto}.nav{position:sticky;top:0;z-index:10;background:rgba(17,17,17,.97);border-bottom:1px solid #303030}.navin{min-height:76px;display:flex;align-items:center;justify-content:space-between}.logo{font-weight:900;letter-spacing:3px;display:flex;align-items:center;gap:10px}.mark{display:grid;place-items:center;width:38px;height:38px;border:3px solid #c6ff00;color:#c6ff00;font-weight:900}.links{display:flex;gap:22px;font-size:14px}.links a:hover{color:#c6ff00}.hero{padding:105px 0 90px;background:radial-gradient(circle at 82% 18%,#354700,transparent 34%),linear-gradient(135deg,#111,#181818)}.small{padding:75px 0}.eyebrow{color:#c6ff00;font-weight:800;letter-spacing:3px;text-transform:uppercase;font-size:13px}.hero h1{font-size:clamp(44px,7vw,82px);line-height:1;max-width:900px;margin:16px 0}.hero h1 span,.lime{color:#c6ff00}.hero p,.lead{max-width:740px;color:#bbb;font-size:18px}.btn{display:inline-block;background:#c6ff00;color:#111;font-weight:800;padding:13px 21px;border-radius:5px;margin:10px 8px 0 0;border:0;cursor:pointer}.btn.alt{background:transparent;color:#fff;border:1px solid #555}.section{padding:80px 0}.dark{background:#161616}.title{font-size:42px;line-height:1.1}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#181818;border:1px solid #303030;border-radius:9px;padding:26px}.card h3{margin-top:0}.price{font-size:29px;font-weight:900;color:#c6ff00;margin:12px 0}.card li{color:#bbb;margin:6px 0}.two{display:grid;grid-template-columns:1fr 1fr;gap:50px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:35px}.stat{border:1px solid #303030;padding:20px}.stat strong{display:block;font-size:35px;color:#c6ff00}.tag{display:inline-block;border:1px solid #444;border-radius:20px;padding:7px 11px;margin:4px;color:#ccc}.step{border-left:2px solid #c6ff00;padding:0 0 20px 20px;margin-bottom:5px}.step b{color:#c6ff00}.form{display:grid;gap:13px}.form input,.form textarea,.form select{width:100%;background:#101010;border:1px solid #444;color:#fff;padding:13px;border-radius:5px}.form textarea{min-height:150px}.footer{border-top:1px solid #333;padding:42px 0;color:#aaa}.notice{font-size:13px;color:#888;margin-top:20px}.faq details{border-bottom:1px solid #333;padding:18px 0}.faq summary{cursor:pointer;font-weight:700}@media(max-width:800px){.links{gap:10px;flex-wrap:wrap;justify-content:flex-end}.grid,.two{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.hero{padding:75px 0}.hero h1{font-size:48px}}

.brandlogo{width:245px;max-width:52vw;height:auto;display:block}
.nav .brandlogo{width:205px}
.whatsapp{position:fixed;right:22px;bottom:22px;z-index:50;width:58px;height:58px;border-radius:50%;background:#c6ff00;color:#111;display:grid;place-items:center;font-size:26px;font-weight:900;box-shadow:0 10px 35px rgba(0,0,0,.4);border:2px solid #111}
.whatsapp:hover{transform:translateY(-2px)}
.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.project{background:#181818;border:1px solid #303030;border-radius:12px;overflow:hidden}
.project img{width:100%;display:block;aspect-ratio:800/520;object-fit:cover}
.project-copy{padding:20px}.project-copy h3{margin:0 0 7px}.project-copy p{margin:0;color:#aaa}
.contact-success{padding:14px 18px;border:1px solid #c6ff00;background:#1a2100;border-radius:6px;margin-bottom:18px}
.contact-error{padding:14px 18px;border:1px solid #777;background:#211616;border-radius:6px;margin-bottom:18px}
.trustbar{border-top:1px solid #303030;border-bottom:1px solid #303030;background:#141414}
.trustin{display:flex;gap:28px;justify-content:space-between;flex-wrap:wrap;padding:18px 0;color:#aaa;font-size:14px}
.trustin b{color:#fff}
@media(max-width:800px){.portfolio-grid{grid-template-columns:1fr}.nav .brandlogo{width:170px}.whatsapp{right:15px;bottom:15px}}

.codebox{background:#0b0b0b;border:1px solid #303030;border-radius:10px;padding:22px;overflow:auto;font-family:Consolas,monospace;color:#d7d7d7}.codebox .kw{color:#c6ff00}.service-badge{display:inline-block;border:1px solid #c6ff00;color:#c6ff00;padding:5px 9px;border-radius:20px;font-size:11px;font-weight:bold;letter-spacing:1px}.techgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.tech{border:1px solid #303030;padding:18px;background:#151515;border-radius:8px}.tech strong{color:#c6ff00;display:block;margin-bottom:5px}@media(max-width:800px){.techgrid{grid-template-columns:1fr 1fr}}