:root{--ink:#eaf7f7;--muted:#9db7b8;--lime:#c5fa55;--aqua:#59f0db;--navy:#071e25;--deep:#04151a;--line:rgba(220,255,253,.15)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--deep);color:var(--ink);font-family:Manrope,Arial,sans-serif;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;background:linear-gradient(110deg,#04151af5,#04151abf),repeating-linear-gradient(90deg,transparent 0,transparent 55px,rgba(89,240,219,.045) 56px,transparent 57px),repeating-linear-gradient(0deg,transparent 0,transparent 55px,rgba(197,250,85,.035) 56px,transparent 57px);background-size:auto,56px 56px,56px 56px}body:after{content:"";position:fixed;top:12%;left:7%;height:3px;width:38%;opacity:.42;pointer-events:none;z-index:-1;background:linear-gradient(90deg,transparent,var(--aqua),transparent);box-shadow:0 160px 0 -1px #c5fa5540,330px 320px 0 -1px #59f0db29}a{color:inherit;text-decoration:none}.page-glow{position:fixed;border-radius:50%;filter:blur(110px);opacity:.16;pointer-events:none}.glow-one{height:320px;width:320px;background:#08cdb8;right:-110px;top:150px}.glow-two{height:350px;width:350px;background:#9ada26;left:-210px;bottom:80px}.site-header,main,footer{max-width:1200px;margin:auto}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--line);position:relative;z-index:3}.brand{font-size:22px;font-weight:800;letter-spacing:-1.5px;display:flex;gap:8px;align-items:center}.brand>span:last-child>span{color:var(--aqua)}.brand-mark{font-family:DM Mono;font-size:14px;color:var(--deep);background:var(--lime);display:grid;place-items:center;height:26px;width:26px;border-radius:7px;transform:skew(-9deg)}.nav-links{display:flex;gap:32px;font-size:13px;color:var(--muted)}.nav-links a:hover,.text-link:hover{color:var(--lime)}.header-actions{display:flex;align-items:center;gap:8px}.header-contact,.partner-link,.client-link{font-size:12px;font-weight:700;border:1px solid var(--line);padding:10px 12px;border-radius:100px}.partner-link{color:var(--aqua);border-color:#59f0db59}.client-link{color:#0b2b30;background:var(--lime);border-color:var(--lime)}.header-contact span,.partner-link span,.client-link span{color:var(--lime);margin-left:5px}.client-link span{color:#0b2b30}.menu-button{display:none;background:none;border:0;color:var(--ink);font-size:23px}.hero{min-height:610px;padding:90px 60px 80px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px}.eyebrow{font:500 11px DM Mono;letter-spacing:1.3px;text-transform:uppercase;color:var(--aqua);margin:0 0 20px;display:flex;align-items:center;gap:9px}.eyebrow i{height:7px;width:7px;background:var(--lime);border-radius:50%;box-shadow:0 0 13px var(--lime)}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-3px;line-height:1.05}h1{font-size:clamp(48px,6vw,78px);max-width:600px;margin-bottom:24px}em{font-style:normal;color:var(--lime)}.hero-text{font-size:16px;line-height:1.8;color:var(--muted);max-width:490px}.hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:32px}.button{font-size:13px;font-weight:700;padding:14px 18px;border-radius:7px}.button-primary{background:var(--lime);color:#092026}.button-primary span{margin-left:18px}.button-client{border:1px solid rgba(89,240,219,.5);color:var(--aqua)}.button-client span{margin-left:12px}.button-quiet{border:1px solid var(--line)}.button-quiet span{color:var(--aqua);margin-left:14px}.trust-row{font-size:11px;color:var(--muted);margin-top:34px}.trust-row>span{color:var(--lime);font-size:15px}.trust-row b{margin:0 9px;color:var(--aqua)}.hero-art{height:400px;max-width:420px;justify-self:end;width:100%;position:relative;background:linear-gradient(145deg,#4deedb14,#c5fa5505);border:1px solid rgba(131,248,229,.17);border-radius:18px;overflow:hidden}.art-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(105,225,215,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(105,225,215,.12) 1px,transparent 1px);background-size:38px 38px;-webkit-mask-image:radial-gradient(circle at center,black,transparent 75%);mask-image:radial-gradient(circle at center,black,transparent 75%)}.radar{height:290px;width:290px;border:1px solid rgba(197,250,85,.25);border-radius:50%;position:absolute;left:65px;top:55px;box-shadow:inset 0 0 45px #5af0db14}.radar:before,.radar:after{content:"";position:absolute;top:44px;right:44px;bottom:44px;left:44px;border:1px solid rgba(197,250,85,.16);border-radius:inherit}.radar:after{top:90px;right:90px;bottom:90px;left:90px}.shield{height:126px;width:106px;background:linear-gradient(145deg,#d2ff70,#52ead9);position:absolute;left:157px;top:135px;clip-path:polygon(50% 0,100% 16%,91% 76%,50% 100%,9% 76%,0 16%);display:grid;place-items:center;filter:drop-shadow(0 0 20px rgba(111,249,207,.38))}.shield-inner{height:111px;width:93px;background:#0a2930;clip-path:inherit;display:grid;place-items:center;color:var(--lime);font-size:35px;font-weight:700}.node{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--lime);box-shadow:0 0 15px var(--lime)}.node-a{top:82px;left:112px}.node-b{top:280px;right:73px;background:var(--aqua)}.node-c{top:115px;right:68px}.art-label{position:absolute;font:10px DM Mono;letter-spacing:1px;color:var(--muted)}.art-label b{color:var(--aqua);font-weight:500}.label-a{bottom:37px;left:34px}.label-b{top:39px;right:31px;color:var(--lime)}.label-b span{height:6px;width:6px;border-radius:50%;display:inline-block;background:var(--lime);margin-right:4px}.service-card.cctv-card{background:linear-gradient(145deg,#5e76ff29,#59f0db0f);border-color:#6e90ff52}.cctv-card .service-icon{color:#8ba4ff}.section{padding:95px 60px}.services{border-top:1px solid var(--line)}.section-heading{max-width:650px}.section-heading h2,.why-panel h2,.contact h2{font-size:clamp(36px,4vw,52px);margin-bottom:16px}.section-heading>p:last-child{color:var(--muted);line-height:1.7;font-size:15px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:45px}.service-card{border:1px solid var(--line);background:#0b2a3159;border-radius:10px;padding:25px;min-height:255px;transition:.2s}.service-card:hover{transform:translateY(-5px);border-color:#c5fa5580}.service-card.featured{background:linear-gradient(145deg,#55f0db21,#c5fa5514)}.service-card.solar-card{background:linear-gradient(145deg,#ffb33a21,#c5fa5512);border-color:#ffc9544d}.solar-card .service-icon{color:#ffd05e}.service-icon{color:var(--lime);font-size:30px;line-height:1}.card-number{font:11px DM Mono;color:var(--aqua);margin:38px 0 12px}.service-card h3,.points h3{font-size:19px;letter-spacing:-.7px;margin-bottom:10px}.service-card p:last-child,.points p{font-size:13px;color:var(--muted);line-height:1.7;margin-bottom:0}.payment-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px;margin-top:40px;max-width:1000px}.package-list{display:grid;gap:11px}.package-option{font:inherit;color:var(--ink);display:flex;align-items:center;justify-content:space-between;text-align:left;background:#071e2599;border:1px solid var(--line);border-radius:10px;padding:21px;cursor:pointer;transition:.2s}.package-option:hover,.package-option.selected{border-color:var(--lime);background:#c5fa5517;transform:translate(4px)}.package-option span b,.package-option span small{display:block}.package-option span b{font-size:18px;letter-spacing:-.5px}.package-option span small{font-size:11px;color:var(--muted);margin-top:5px}.package-option strong{color:var(--lime);font-size:15px}.payments{border-top:1px solid var(--line)}.payment-layout{margin-top:40px;max-width:620px}.payment-form{border:1px solid rgba(89,240,219,.25);background:linear-gradient(145deg,#143f4399,#071e25d9);border-radius:12px;padding:23px}.payment-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:21px}.payment-method{font:inherit;text-align:left;color:var(--ink);display:flex;align-items:center;gap:7px;padding:10px 8px;background:#092128;border:1px solid rgba(209,255,251,.17);border-radius:8px;cursor:pointer}.payment-method.selected{border-color:var(--lime);background:#c5fa551c}.method-mark{display:grid;place-items:center;flex:0 0 25px;height:25px;border-radius:50%;font-size:11px;font-weight:800;color:#071e25}.meezan{background:#c5fa55}.jazz{background:#ff6b89}.easy{background:#48d9a7}.payment-method b,.payment-method small{display:block}.payment-method b{font-size:10px;line-height:1.1}.payment-method small{font:8px DM Mono;color:var(--muted);margin-top:3px}.payment-form label{display:block;font-size:11px;color:var(--muted);margin:13px 0}.payment-form input{display:block;width:100%;margin-top:6px;padding:12px 13px;border-radius:6px;background:#061c22;color:var(--ink);border:1px solid rgba(209,255,251,.17);font:13px Manrope}.payment-form input:focus{outline:1px solid var(--aqua);border-color:var(--aqua)}.payment-submit{border:0;margin-top:5px;width:100%;cursor:pointer}.payment-note{font-size:10px;color:var(--muted);line-height:1.5;text-align:center;margin:13px 0 0}.clients{border-top:1px solid var(--line)}.client-grid{margin-top:40px;display:grid;grid-template-columns:repeat(5,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}.client-grid div{min-height:92px;padding:18px;display:flex;align-items:center;justify-content:center;text-align:center;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14px;font-weight:700;letter-spacing:-.4px;color:#cde3e2;background:#08232952;transition:.2s}.client-grid div:hover{color:var(--lime);background:#c5fa5512}.why-us{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.why-panel p:not(.eyebrow){color:var(--muted);font-size:15px;line-height:1.8;max-width:480px}.text-link{font-size:13px;font-weight:700;display:inline-block;margin-top:19px}.text-link span{color:var(--lime);font-size:20px;margin-left:9px}.points{border-top:1px solid var(--line)}.points>div{border-bottom:1px solid var(--line);position:relative;padding:22px 0 22px 68px}.points b{position:absolute;left:0;font:12px DM Mono;color:var(--aqua)}.points h3{margin:0 0 7px}.contact{margin:40px auto 70px;padding:58px 60px;max-width:1080px;border-radius:17px;background:linear-gradient(110deg,#113f46,#0d2e38);display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;overflow:hidden}.contact:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-100px;top:-120px;border:1px solid rgba(197,250,85,.22);box-shadow:0 0 0 45px #c5fa550a,0 0 0 90px #c5fa5508}.contact h2{max-width:520px;margin:0}.contact-copy{color:#bad1d1;font-size:13px;line-height:1.7;max-width:430px;margin:15px 0 0}.contact-form{width:330px;z-index:1;padding:19px;background:#03151aa3;border:1px solid rgba(197,250,85,.23);border-radius:10px}.contact-form p{font-weight:700;font-size:16px;margin-bottom:12px}.contact-form input,.contact-form textarea{width:100%;display:block;margin:8px 0;padding:11px 12px;background:#08262d;border:1px solid rgba(209,255,251,.17);color:var(--ink);border-radius:6px;font:12px Manrope}.contact-form textarea{height:68px;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{outline:1px solid var(--aqua);border-color:var(--aqua)}.contact-form .button{border:0;margin-top:3px;width:100%;cursor:pointer;padding:12px;font-size:12px}footer{border-top:1px solid var(--line);padding:28px;display:flex;align-items:center;gap:25px;font-size:11px;color:var(--muted)}footer p:last-child{margin-left:auto;margin-bottom:0}footer p{margin-bottom:0}@media (max-width:760px){.site-header{height:72px;padding:0 20px}.nav-links,.header-actions{display:none}.menu-button{display:block}.nav-links.open{display:flex;position:absolute;top:72px;left:0;right:0;background:#092128;flex-direction:column;padding:23px 20px;gap:20px;border-bottom:1px solid var(--line)}.hero{grid-template-columns:1fr;padding:72px 25px 50px;gap:46px}.hero-art{justify-self:center;height:335px;max-width:370px}.radar{transform:scale(.83);transform-origin:top left;left:56px;top:50px}.shield{left:133px;top:116px}.section{padding:65px 25px}.service-grid,.why-us,.payment-layout{grid-template-columns:1fr}.service-grid{gap:12px;margin-top:30px}.service-card{min-height:auto}.payment-layout{margin-top:30px}.payment-methods{grid-template-columns:1fr}.payment-method{padding:11px}.client-grid{grid-template-columns:repeat(2,1fr);margin-top:30px}.client-grid div{min-height:75px;font-size:12px}.why-us{gap:48px}.contact{margin:20px 18px 46px;padding:42px 25px;display:block}.contact-form{width:100%;margin-top:26px}.contact-form .button{white-space:nowrap}.whatsapp-card{margin-top:28px;max-width:270px}footer{padding:25px 20px;flex-wrap:wrap;gap:10px}footer p:last-child{margin-left:0;width:100%}}
