*{box-sizing:border-box} :root{--green:#28B745;--dark:#0D1117;--gray:#6B7280;--light:#F5F5F5;--white:#fff;--line:rgba(13,17,23,.14);--font:"Montserrat",sans-serif}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--light);color:var(--dark);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.topline{height:30px;background:var(--dark);color:#d5d8dc;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;font-size:8px;font-weight:600;letter-spacing:1.5px}.topline a{color:#8ce39c}.header{height:92px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;background:var(--light);position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line)}.brand img{width:175px;height:auto;display:block}.nav{display:flex;align-items:center;gap:32px;font-size:10px;font-weight:700}.nav>a:not(.nav-cta){transition:color .2s}.nav>a:not(.nav-cta):hover{color:var(--green)}.nav-cta{background:var(--green);color:#fff;padding:15px 18px}.nav-cta b{margin-left:20px}.menu-btn{display:none}.hero{min-height:700px;padding:82px 5.5% 45px;display:grid;grid-template-columns:.92fr 1.08fr;gap:5%;position:relative;background:var(--light);overflow:hidden}.hero-copy{padding:35px 0 50px;position:relative;z-index:2}.eyebrow,.section-label,.photo-label,.hero-bottom,.solution-no,.solution-desc,.services-foot>span,.industry-content>span,.process-grid article>span,.cta-inner>span,.contact-info>div>span,.footer-bottom,.backtop{font-size:9px;font-weight:700;letter-spacing:1.5px}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--gray)}.eyebrow i{width:8px;height:8px;background:var(--green);border-radius:50%}.hero h1{font-size:clamp(62px,7.2vw,105px);line-height:.99;letter-spacing:-.085em;margin:32px 0 25px;font-weight:700}.hero h1 span{color:var(--green)}.hero-lead{font-size:14px;line-height:1.9;color:var(--gray);max-width:455px}.hero-buttons{display:flex;align-items:center;gap:27px;margin-top:31px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:17px 21px;font-size:10px;font-weight:700;transition:transform .25s,background .25s}.btn:hover{transform:translateY(-3px)}.btn-green{background:var(--green);color:#fff}.btn-green:hover{background:#209b39}.btn b{font-size:16px}.simple-link{font-size:10px;font-weight:700}.simple-link span{color:var(--green);margin-left:10px}.hero-proof{display:flex;align-items:center;gap:13px;margin-top:65px;color:var(--gray);font-size:10px;line-height:1.6}.proof-icon{width:35px;height:35px;display:grid;place-items:center;border:1px solid var(--green);border-radius:50%;color:var(--green);font-size:19px}.hero-visual{min-height:535px;position:relative;margin:0 0 20px}.hero-main-photo{position:absolute;inset:0 8% 8% 0;background:url("https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=1400&q=88") center/cover}.hero-main-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(13,17,23,.03),rgba(13,17,23,.25))}.photo-label{position:absolute;left:25px;right:calc(8% + 25px);bottom:calc(8% + 22px);display:flex;justify-content:space-between;color:white;font-size:8px}.floating-card{position:absolute;right:0;bottom:2%;background:white;padding:19px 22px;display:flex;align-items:center;gap:13px;box-shadow:0 18px 45px #0d111722;min-width:250px}.floating-icon{width:38px;height:38px;background:#e9f8ec;color:var(--green);display:grid;place-items:center;font-size:25px}.floating-card strong,.floating-card small{display:block}.floating-card strong{font-size:10px}.floating-card small{font-size:8px;color:var(--gray);margin-top:5px}.vertical-word{position:absolute;right:-25px;top:5%;writing-mode:vertical-rl;font-size:8px;letter-spacing:2px;color:var(--gray)}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;color:var(--gray);font-size:8px}.brand-strip{background:var(--dark);color:#fff;min-height:92px;padding:20px 8%;display:flex;align-items:center;justify-content:space-around;gap:20px}.brand-strip span{font-size:13px;font-weight:700;letter-spacing:2px}.brand-strip b{color:var(--green);font-size:9px;margin-right:12px}.brand-strip i{height:28px;width:1px;background:#ffffff38}.section{padding:115px 8%}.section-label{display:flex;align-items:center;gap:18px;color:var(--gray);font-size:8px}.section-label i{height:1px;background:var(--line);flex:1}.about-layout{display:grid;grid-template-columns:1.1fr .7fr;gap:12%;align-items:end;margin:55px 0 70px}.about h2,.section-heading h2,.industry-head h2,.process-head h2,.contact h2{font-size:clamp(43px,5vw,70px);line-height:1.12;letter-spacing:-.075em;margin:0;font-weight:700}.about h2 em,.section-heading h2 em,.industry-head h2 em,.process-head h2 em,.contact h2 em{font-style:normal;color:var(--green)}.about-copy p{font-size:12px;line-height:1.95;color:var(--gray);margin:0 0 16px}.text-arrow{display:inline-flex;gap:35px;border-bottom:1px solid #aeb4b0;padding:12px 0;font-size:10px;font-weight:700;margin-top:7px}.text-arrow b{color:var(--green);font-size:15px}.about-image-row{display:grid;grid-template-columns:1.55fr .45fr;min-height:330px}.about-photo{background:url("https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=1500&q=85") center/cover}.about-note{background:var(--dark);color:white;padding:35px;display:flex;flex-direction:column;justify-content:center}.green-mark{font-size:42px;color:var(--green);font-weight:800;letter-spacing:-7px}.about-note strong{font-size:18px;line-height:1.4;margin-top:20px}.about-note p{font-size:10px;line-height:1.8;color:#b9c0c8;margin-bottom:0}.services{background:#fff}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:10%;margin:48px 0 65px}.section-heading h2{font-size:clamp(42px,4.8vw,66px)}.section-heading p,.industry-head p,.process-head p{max-width:310px;font-size:12px;line-height:1.9;color:var(--gray);margin:0 0 7px}.solution-list{border-top:1px solid var(--line)}.solution-row{min-height:105px;display:grid;grid-template-columns:65px 1.15fr 1fr 35px;align-items:center;gap:15px;border-bottom:1px solid var(--line);position:relative;overflow:hidden;padding:15px 8px;transition:padding .3s,color .3s}.solution-row:hover{padding-left:20px;color:var(--green)}.solution-no{color:var(--green);font-size:10px}.solution-title{font-size:clamp(16px,2vw,23px);font-weight:700;letter-spacing:-.8px;position:relative;z-index:2}.solution-desc{font-size:8px;letter-spacing:.5px;color:var(--gray);position:relative;z-index:2}.solution-arrow{font-size:21px;position:relative;z-index:2;text-align:right}.solution-hover{position:absolute;right:7%;top:8px;bottom:8px;width:150px;opacity:0;background-size:cover;background-position:center;transform:translateX(15px);transition:.35s}.solution-row:hover .solution-hover{opacity:1;transform:translateX(0)}.hover-cctv{background-image:url("https://images.unsplash.com/photo-1558008258-3256797b43f3?auto=format&fit=crop&w=400&q=70")}.hover-network{background-image:url("https://images.unsplash.com/photo-1558494949-ef010cbdcc31?auto=format&fit=crop&w=400&q=70")}.hover-smart{background-image:url("https://images.unsplash.com/photo-1558008258-3256797b43f3?auto=format&fit=crop&w=400&q=70")}.hover-alarm{background-image:url("https://images.unsplash.com/photo-1581092921461-eab62e97a780?auto=format&fit=crop&w=400&q=70")}.hover-gate{background-image:url("https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=400&q=70")}.hover-solar{background-image:url("https://images.unsplash.com/photo-1509391366360-2e959784a276?auto=format&fit=crop&w=400&q=70")}.services-foot{display:flex;justify-content:space-between;align-items:center;margin-top:28px}.services-foot>span{color:var(--gray);font-size:8px}.services-foot a{font-size:11px;font-weight:700}.services-foot b{color:var(--green);margin-left:22px;font-size:17px}.industries{background:#eef0ed}.industry-head{display:flex;justify-content:space-between;align-items:end;margin:48px 0}.industry-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;grid-template-rows:270px 270px;gap:13px}.industry-card{position:relative;overflow:hidden;color:white}.industry-large{grid-row:span 2}.industry-img,.industry-overlay{position:absolute;inset:0}.industry-img{background-size:cover;background-position:center;transition:transform .7s}.industry-card:hover .industry-img{transform:scale(1.05)}.img-resort{background-image:url("https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=900&q=85")}.img-home{background-image:url("https://images.unsplash.com/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=800&q=85")}.img-office{background-image:url("https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=800&q=85")}.img-homestay{background-image:url("https://images.unsplash.com/photo-1449158743715-0a90ebb6d2d8?auto=format&fit=crop&w=800&q=85")}.industry-overlay{background:linear-gradient(0deg,#0d1117d9,transparent 65%)}.industry-content{position:absolute;left:24px;right:20px;bottom:23px}.industry-content>span{color:#a3f1b1;font-size:8px}.industry-content h3{font-size:21px;line-height:1.2;margin:10px 0 6px;letter-spacing:-.8px}.industry-content p{font-size:9px;color:#e0e5e1;margin:0}.process{background:#fff}.process-head{display:flex;justify-content:space-between;align-items:end;margin:50px 0 70px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.process-grid article{border-top:1px solid var(--line);padding-top:20px}.process-grid article>span{color:var(--green)}.process-symbol{font-size:38px;color:var(--green);margin:27px 0}.process-grid h3{font-size:20px;letter-spacing:-.5px;margin:0 0 12px}.process-grid p{font-size:11px;line-height:1.9;color:var(--gray);max-width:290px;margin:0}.cta{min-height:500px;position:relative;background:var(--dark);color:white;display:flex;align-items:center;overflow:hidden;padding:80px 8%}.cta-bg{position:absolute;inset:0;background:linear-gradient(90deg,#0d1117ed,#0d11179c),url("https://images.unsplash.com/photo-1518005020951-eccb494ad742?auto=format&fit=crop&w=1800&q=85") center/cover}.cta-inner{position:relative;z-index:1;max-width:750px}.cta-inner>span{color:#82df92}.cta h2{font-size:clamp(48px,6vw,78px);line-height:1.07;letter-spacing:-.08em;margin:25px 0}.cta h2 em{font-style:normal;color:var(--green)}.cta p{font-size:12px;color:#c2c8c4;margin:0 0 28px}.btn-light{background:white;color:var(--dark)}.btn-light:hover{background:var(--green);color:white}.contact{background:var(--light)}.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:12%;margin-top:55px}.contact h2{font-size:clamp(48px,5.5vw,75px)}.contact-grid>div:first-child>p{font-size:12px;color:var(--gray);line-height:1.8;max-width:360px;margin:25px 0 32px}.phone{font-size:clamp(24px,3vw,36px);font-weight:700;letter-spacing:-1px;border-bottom:1px solid #b9c0ba;padding-bottom:12px;display:inline-flex;gap:25px}.phone b{color:var(--green);font-size:18px}.contact-info{padding-top:12px}.contact-info>div{margin-bottom:25px}.contact-info>div>span{font-size:8px;color:var(--gray)}.contact-info>div>p{font-size:12px;line-height:1.8;font-weight:600;margin:8px 0}.footer{background:var(--dark);color:white;padding:42px 5.5% 20px}.footer-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:35px;border-bottom:1px solid #ffffff2a}.footer-top img{width:210px;max-height:110px;object-fit:contain;object-position:left}.footer-top p{font-size:9px;letter-spacing:2px;color:#aeb6b0}.backtop{color:#8ce39c;font-size:8px}.footer-bottom{display:flex;justify-content:space-between;padding-top:20px;color:#8f9992;font-size:8px}.whatsapp{position:fixed;right:22px;bottom:22px;z-index:40;width:53px;height:53px;border-radius:50%;display:grid;place-items:center;background:#20c96b;color:white;font-weight:800;font-size:24px;box-shadow:0 8px 28px #0003;border:3px solid white;transition:transform .2s}.whatsapp:hover{transform:translateY(-4px)}.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s ease}.reveal.show{opacity:1;transform:none}
@media(max-width:900px){.nav{gap:17px}.hero{padding-left:5%;padding-right:5%;gap:3%}.hero h1{font-size:clamp(55px,7vw,80px)}.section{padding:90px 6%}.industry-grid{grid-template-rows:230px 230px}.industry-content h3{font-size:17px}}
@media(max-width:680px){.topline{padding:0 18px}.topline span:nth-child(2){display:none}.header{height:75px;padding:0 20px}.brand img{width:145px}.menu-btn{display:flex;width:40px;height:40px;border:1px solid var(--line);background:transparent;flex-direction:column;align-items:center;justify-content:center;gap:6px}.menu-btn span{width:17px;height:1px;background:var(--dark)}.nav{position:absolute;top:74px;left:0;right:0;background:var(--light);padding:10px 22px 25px;display:flex;flex-direction:column;align-items:stretch;gap:0;opacity:0;visibility:hidden;transform:translateY(-8px);transition:.25s;box-shadow:0 12px 25px #0001}.nav.open{opacity:1;visibility:visible;transform:none}.nav>a:not(.nav-cta){padding:15px 0;border-bottom:1px solid var(--line)}.nav-cta{margin-top:17px;text-align:center}.hero{display:flex;flex-direction:column;padding:62px 22px 28px;gap:25px;min-height:auto}.hero-copy{padding:0}.hero h1{font-size:clamp(55px,14vw,78px);margin:25px 0 18px}.hero-lead{font-size:12px}.hero-buttons{gap:17px;flex-wrap:wrap;margin-top:24px}.btn{padding:15px 16px;font-size:9px}.hero-proof{margin-top:35px}.hero-visual{min-height:360px;width:100%;margin:0}.hero-main-photo{inset:0 8% 8% 0}.floating-card{min-width:220px;padding:13px 15px}.vertical-word{right:-13px}.hero-bottom{width:100%;font-size:7px}.brand-strip{min-height:75px;padding:15px 18px;gap:8px;flex-wrap:wrap}.brand-strip span{font-size:9px;letter-spacing:1px}.brand-strip b{font-size:7px;margin-right:5px}.brand-strip i{height:18px}.section{padding:75px 22px}.section-label{font-size:7px;gap:10px}.about-layout,.section-heading,.industry-head,.process-head,.contact-grid{display:block;margin-top:38px}.about h2,.section-heading h2,.industry-head h2,.process-head h2,.contact h2{font-size:clamp(42px,11vw,58px)}.about-copy{margin-top:25px}.about-copy p{font-size:11px}.about-image-row{grid-template-columns:1fr;min-height:0}.about-photo{height:260px}.about-note{padding:25px;min-height:210px}.section-heading p,.industry-head p,.process-head p{margin-top:20px;font-size:11px}.solution-row{min-height:88px;grid-template-columns:30px 1fr 25px;gap:8px;padding:12px 0}.solution-title{font-size:14px}.solution-desc{grid-column:2;grid-row:2;font-size:7px}.solution-arrow{grid-column:3;grid-row:1/3}.solution-hover{display:none}.services-foot{align-items:flex-start;gap:15px;flex-direction:column}.services-foot a{font-size:10px}.industry-grid{grid-template-columns:1fr 1fr;grid-template-rows:230px 210px;gap:9px}.industry-large{grid-row:auto;grid-column:1/-1}.industry-content{left:14px;bottom:15px}.industry-content h3{font-size:16px}.industry-content p{font-size:8px}.process-head{margin-bottom:45px}.process-grid{grid-template-columns:1fr;gap:28px}.process-grid article{padding-top:16px}.process-symbol{margin:15px 0;font-size:30px}.process-grid h3{font-size:18px}.process-grid p{font-size:10px}.cta{min-height:430px;padding:65px 22px}.cta h2{font-size:clamp(45px,12vw,65px)}.cta p{font-size:11px;line-height:1.7}.contact-grid{margin-top:38px}.contact-grid>div:first-child>p{font-size:11px}.phone{font-size:25px}.contact-info{padding-top:40px}.footer{padding:30px 20px 18px}.footer-top{display:grid;grid-template-columns:1fr auto;gap:15px}.footer-top img{width:170px}.footer-top p{grid-column:1/-1;grid-row:2;font-size:8px}.footer-bottom{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:7px}.footer-bottom span:nth-child(2){text-align:right}.footer-bottom a{grid-column:1/-1}.whatsapp{width:49px;height:49px;right:15px;bottom:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Digital development service imagery */
.hover-web{background-image:url("https://images.unsplash.com/photo-1467232004584-a241de8bcf5d?auto=format&fit=crop&w=400&q=70")}
.hover-software{background-image:url("https://images.unsplash.com/photo-1518770660439-4636190af475?auto=format&fit=crop&w=400&q=70")}

/* Two contact numbers */
.top-phones,.footer-phones{display:flex;align-items:center;gap:18px}
.top-phones a:hover,.footer-phones a:hover{color:var(--green)}
.phone-list{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.secondary-phone{font-size:clamp(21px,2.6vw,32px);color:var(--gray)}
.contact-info>div>p a:hover{color:var(--green)}
@media(max-width:680px){
  .top-phones{gap:10px}
  .topline{font-size:7px;letter-spacing:.7px}
  .phone-list{gap:13px}
  .secondary-phone{font-size:23px}
  .footer-phones{grid-column:1/-1;flex-wrap:wrap;gap:14px}
}

/* Floating WhatsApp contact button: recognizable WhatsApp glyph */
.whatsapp{font-size:0;line-height:0}
.whatsapp svg{display:block;width:29px;height:29px;fill:#fff}
.whatsapp:focus-visible{outline:3px solid var(--dark);outline-offset:4px}