:root{--yellow: #f4df00;--yellow-bright: #fff217;--yellow-soft: #fff9b5;--black: #11110f;--ink: #1d1d19;--muted: #6c6c64;--cream: #f8f7ef;--white: #ffffff;--line: rgba(17, 17, 15, .12);--shadow: 0 24px 70px rgba(29, 29, 25, .12);--radius-lg: 34px;--radius-md: 22px;--radius-sm: 14px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Manrope,sans-serif;background:var(--cream);color:var(--ink);overflow-x:hidden}body.nav-open{overflow:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}.container{width:min(1180px,calc(100% - 40px));margin:0 auto}.site-header{position:fixed;inset:0 0 auto;z-index:1000;padding:18px 0;transition:.3s ease}.site-header.scrolled{background:#f8f7efeb;backdrop-filter:blur(16px);border-bottom:1px solid var(--line);padding:11px 0}.nav-wrap{display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:12px}.brand img{width:54px;height:54px;object-fit:cover;border-radius:14px;border:2px solid var(--black)}.brand div{display:grid;gap:1px}.brand strong{font-family:Montserrat,sans-serif;font-size:1.05rem;font-weight:900;letter-spacing:-.04em}.brand span{font-size:.7rem;text-transform:uppercase;letter-spacing:.16em;font-weight:700}.main-nav{display:flex;align-items:center;gap:30px}.main-nav>a{font-size:.9rem;font-weight:700;position:relative}.main-nav>a:not(.nav-cta):after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:2px;background:var(--black);transition:width .25s ease}.main-nav>a:hover:after{width:100%}.nav-cta{background:var(--black);color:var(--white);padding:13px 20px;border-radius:999px}.nav-toggle{display:none;background:transparent;border:0;cursor:pointer}.nav-toggle span{width:25px;height:2px;display:block;background:var(--black);margin:5px 0;transition:.25s ease}.hero{min-height:100vh;background:var(--yellow);position:relative;padding-top:118px;display:flex;flex-direction:column;overflow:hidden}.hero:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;border:1px solid rgba(17,17,15,.15);top:-245px;left:-170px}.hero:after{content:"";position:absolute;width:760px;height:760px;border-radius:50%;border:1px solid rgba(17,17,15,.12);right:-430px;bottom:-480px}.hero-grid{position:absolute;inset:0;opacity:.17;background-image:linear-gradient(rgba(0,0,0,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.1) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,black,transparent 88%)}.hero-inner{flex:1;display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;position:relative;z-index:2;padding-bottom:66px}.eyebrow{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(17,17,15,.45);padding:9px 14px;border-radius:999px;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:26px}.eyebrow-dot{width:8px;height:8px;background:var(--black);border-radius:50%;box-shadow:0 0 0 5px #11110f1f}.hero h1{font-family:Montserrat,sans-serif;font-size:clamp(3.7rem,6.8vw,6.5rem);line-height:.88;letter-spacing:-.075em;font-weight:900;max-width:760px}.hero h1 span{color:transparent;-webkit-text-stroke:2px var(--black)}.hero-copy>p{max-width:620px;font-size:1.1rem;line-height:1.75;margin:30px 0;font-weight:550}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.btn{min-height:54px;padding:0 23px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:20px;font-weight:800;font-size:.92rem;border:1px solid transparent;transition:.25s ease;cursor:pointer}.btn:hover{transform:translateY(-3px)}.btn-dark{background:var(--black);color:var(--white);box-shadow:0 14px 32px #11110f33}.btn-light{border-color:#11110f66;background:#ffffff4d}.trust-row{display:flex;gap:36px;margin-top:43px}.trust-row div{display:grid;gap:5px}.trust-row strong{font-size:.9rem}.trust-row span{font-size:.73rem;text-transform:uppercase;letter-spacing:.08em;color:#11110fa8}.hero-visual{position:relative;min-height:570px;display:grid;place-items:center}.visual-card{position:relative;overflow:hidden}.main-card{width:min(440px,90%);height:510px;background:var(--black);border-radius:46px;padding:28px;color:var(--white);transform:rotate(3deg);box-shadow:34px 34px #ffffff61,var(--shadow)}.shine{position:absolute;width:250px;height:600px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transform:rotate(28deg);top:-90px;left:-170px;animation:shine 5s linear infinite}@keyframes shine{0%{transform:translate(-180px) rotate(28deg)}to{transform:translate(760px) rotate(28deg)}}.visual-badge{display:inline-flex;background:var(--yellow);color:var(--black);padding:9px 14px;border-radius:999px;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.cleaning-scene{height:325px;position:relative}.bottle{position:absolute;left:50%;top:55%;transform:translate(-50%,-50%) rotate(-4deg)}.bottle-body{width:145px;height:220px;border-radius:36px 36px 45px 45px;background:linear-gradient(135deg,var(--yellow-bright),#cdbb00);border:6px solid var(--white);display:grid;place-items:center;box-shadow:inset -15px -15px 30px #00000024}.bottle-body span{color:var(--black);font-family:Montserrat,sans-serif;font-weight:900;transform:rotate(-90deg);letter-spacing:.12em;font-size:.8rem}.spray-head{width:95px;height:48px;background:var(--white);border-radius:12px 28px 8px 8px;margin-left:28px;position:relative}.spray-head:before{content:"";position:absolute;width:58px;height:19px;background:var(--white);right:-42px;top:7px;transform:skew(-25deg);border-radius:4px}.surface{position:absolute;height:12px;width:90%;left:5%;bottom:5px;background:var(--white);border-radius:50%;box-shadow:0 -12px 35px #ffffff80}.wipe-line{position:absolute;width:210px;height:70px;border:5px solid var(--yellow);border-color:var(--yellow) transparent transparent;border-radius:50%;right:-8px;bottom:40px;transform:rotate(-12deg)}.spark{position:absolute;color:var(--yellow);font-size:2rem;animation:pulse 2s infinite ease-in-out}.spark-one{top:44px;left:30px}.spark-two{top:112px;right:30px;animation-delay:.5s;font-size:1.25rem}.spark-three{bottom:44px;left:56px;animation-delay:1s;font-size:1rem}@keyframes pulse{50%{transform:scale(1.35) rotate(18deg);opacity:.55}}.visual-copy{display:grid;gap:6px;position:absolute;bottom:28px;left:28px}.visual-copy span{color:#bbb;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em}.visual-copy strong{font-size:1.15rem}.floating-card{position:absolute;min-width:228px;background:var(--white);border:1px solid var(--black);border-radius:16px;padding:15px;display:flex;align-items:center;gap:12px;box-shadow:10px 10px 0 var(--black);z-index:5}.card-top{top:55px;right:-25px}.card-bottom{left:-25px;bottom:62px}.floating-card .icon{width:40px;height:40px;border-radius:12px;background:var(--yellow);display:grid;place-items:center;font-weight:900}.floating-card div{display:grid;gap:3px}.floating-card strong{font-size:.82rem}.floating-card small{font-size:.66rem;color:var(--muted)}.hero-strip{position:relative;z-index:3;background:var(--black);color:var(--yellow);overflow:hidden;padding:16px 0;transform:rotate(-1deg) scale(1.01)}.strip-track{width:max-content;display:flex;align-items:center;gap:24px;animation:marquee 25s linear infinite;font-family:Montserrat,sans-serif;font-weight:900;font-size:.9rem;letter-spacing:.08em}.strip-track i{font-style:normal;color:var(--white)}@keyframes marquee{to{transform:translate(-50%)}}.section{padding:118px 0}.intro{background:var(--cream)}.intro-grid{display:grid;grid-template-columns:.55fr 1.45fr .9fr;gap:50px;align-items:start}.section-tag{display:inline-block;font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.16em;padding-left:28px;position:relative}.section-tag:before{content:"";width:18px;height:3px;background:var(--yellow);position:absolute;left:0;top:50%;transform:translateY(-50%)}.section-tag.light{color:var(--yellow)}.intro h2,.section-heading h2,.why-copy h2,.coverage h2,.quote h2{font-family:Montserrat,sans-serif;font-size:clamp(2.3rem,4.4vw,4.25rem);line-height:1.02;letter-spacing:-.055em;font-weight:900}.intro-text p,.section-heading>p,.why-copy>p,.coverage-copy>p,.quote-copy>p{color:var(--muted);font-size:1rem;line-height:1.8}.text-link{display:inline-flex;align-items:center;gap:12px;margin-top:24px;font-weight:800;border-bottom:1px solid var(--black);padding-bottom:5px}.services{background:var(--white)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:55px}.section-heading>div{max-width:720px}.section-heading h2{margin-top:18px}.section-heading>p{max-width:400px}.section-heading.centered{display:block;max-width:760px;text-align:center;margin:0 auto 55px}.section-heading.centered p{margin:18px auto 0}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.service-card{background:var(--cream);border:1px solid var(--line);border-radius:var(--radius-md);padding:36px;position:relative;overflow:hidden;transition:.3s ease}.service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}.service-card.featured{background:var(--yellow)}.service-number{position:absolute;right:25px;top:20px;font-family:Montserrat,sans-serif;font-weight:900;color:#11110f2e;font-size:2.6rem}.service-icon{width:58px;height:58px;border:2px solid var(--black);border-radius:18px;display:grid;place-items:center;font-size:1.6rem;margin-bottom:30px;background:var(--white);box-shadow:6px 6px 0 var(--black)}.service-card h3{font-family:Montserrat,sans-serif;font-size:1.55rem;letter-spacing:-.035em}.service-card>p{margin:13px 0 20px;color:var(--muted);line-height:1.7}.service-card.featured>p{color:#11110fb3}.service-card ul{list-style:none;display:grid;gap:9px;margin-bottom:28px}.service-card li{font-size:.88rem;padding-left:22px;position:relative}.service-card li:before{content:"\2713";position:absolute;left:0;font-weight:900}.service-card a{display:inline-flex;gap:16px;font-weight:900}.why{background:var(--cream)}.why-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:90px;align-items:center}.why-visual{min-height:610px;position:relative}.yellow-panel{height:560px;border-radius:42px;background:var(--yellow);border:2px solid var(--black);padding:55px 45px;overflow:hidden;position:relative;box-shadow:24px 24px 0 var(--black)}.big-number{font-family:Montserrat,sans-serif;font-size:clamp(5rem,10vw,8.5rem);font-weight:900;letter-spacing:-.09em}.yellow-panel p{font-weight:800;max-width:320px;line-height:1.6;margin-top:12px}.panel-lines{position:absolute;width:430px;height:430px;border:54px solid var(--black);border-radius:50%;right:-230px;bottom:-160px}.panel-lines:after{content:"";position:absolute;width:210px;height:210px;border:28px solid var(--black);border-radius:50%;left:-92px;top:-92px}.mini-panel{position:absolute;right:-20px;bottom:5px;background:var(--white);border:2px solid var(--black);border-radius:20px;padding:23px;box-shadow:10px 10px 0 var(--black)}.mini-panel span{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-weight:800}.mini-panel strong{display:block;font-family:Montserrat,sans-serif;margin-top:7px;line-height:1.2}.why-copy h2{margin:18px 0 24px}.benefit-list{margin-top:40px;display:grid}.benefit{display:grid;grid-template-columns:52px 1fr;gap:18px;padding:23px 0;border-top:1px solid var(--line)}.benefit>span{width:42px;height:42px;border-radius:50%;border:1px solid var(--black);display:grid;place-items:center;font-size:.75rem;font-weight:900}.benefit h3{font-size:1rem;margin-bottom:6px}.benefit p{color:var(--muted);font-size:.9rem;line-height:1.6}.process{background:var(--white)}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.process-card{min-height:310px;border-radius:var(--radius-md);border:1px solid var(--line);padding:28px;position:relative;transition:.3s ease}.process-card:hover{background:var(--yellow);transform:translateY(-7px)}.step{position:absolute;right:22px;top:19px;font-weight:900;font-size:.72rem;color:var(--muted)}.step-icon{width:54px;height:54px;border-radius:16px;background:var(--black);color:var(--yellow);display:grid;place-items:center;font-size:1.5rem;margin-bottom:65px}.process-card h3{font-family:Montserrat,sans-serif;font-size:1.15rem;letter-spacing:-.025em;margin-bottom:13px}.process-card p{color:var(--muted);font-size:.88rem;line-height:1.65}.coverage{padding:110px 0;background:var(--black);color:var(--white);overflow:hidden}.coverage-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}.coverage h2{margin:18px 0 24px}.coverage-copy>p{color:#aaa}.location-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}.location-pills span{padding:10px 15px;border:1px solid rgba(255,255,255,.25);border-radius:999px;font-size:.78rem;color:#ddd}.coverage-map{min-height:490px;position:relative;display:grid;place-items:center}.map-ring{position:absolute;border-radius:50%;border:1px solid rgba(244,223,0,.34)}.ring-one{width:420px;height:420px}.ring-two{width:300px;height:300px}.ring-three{width:180px;height:180px}.map-pin{width:92px;height:92px;border-radius:50% 50% 50% 0;background:var(--yellow);transform:rotate(-45deg);display:grid;place-items:center;box-shadow:0 0 0 20px #f4df0014}.map-pin span{width:28px;height:28px;background:var(--black);border-radius:50%}.map-label{position:absolute;background:var(--white);color:var(--black);padding:10px 15px;border-radius:999px;font-size:.75rem;font-weight:900}.label-kl{top:105px;right:55px}.label-selangor{bottom:90px;left:45px}.quote{background:var(--yellow)}.quote-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.quote h2{margin:18px 0 24px}.quote-copy>p{color:#11110fb3}.company-card{margin-top:35px;border-left:4px solid var(--black);padding:4px 0 4px 18px;display:grid;gap:5px}.company-card strong{font-family:Montserrat,sans-serif}.company-card span{font-size:.83rem}.quote-form{background:var(--white);border:2px solid var(--black);border-radius:28px;padding:34px;box-shadow:18px 18px 0 var(--black)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.quote-form label{display:grid;gap:8px;font-size:.78rem;font-weight:900;margin-bottom:18px}.quote-form input,.quote-form select,.quote-form textarea{width:100%;border:1px solid #ccc;background:#fafafa;border-radius:12px;padding:14px 15px;color:var(--ink);outline:none;transition:.2s ease}.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{border-color:var(--black);box-shadow:0 0 0 3px #f4df0073}.quote-form textarea{resize:vertical}.submit-btn{width:100%;border:0}.form-note{font-size:.7rem;color:var(--muted);line-height:1.5;text-align:center;margin-top:14px}footer{background:var(--black);color:var(--white);padding:70px 0 24px}.footer-top{display:flex;justify-content:space-between;gap:60px}.footer-brand img{border-color:var(--yellow)}.footer-links{display:grid;grid-template-columns:repeat(3,minmax(130px,1fr));gap:55px}.footer-links>div{display:grid;gap:11px;align-content:start}.footer-links strong{color:var(--yellow);font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;margin-bottom:5px}.footer-links a,.footer-links span{font-size:.82rem;color:#aaa}.footer-links a:hover{color:var(--white)}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:55px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;font-size:.72rem;color:#777}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:translateY(0)}@media(max-width:1024px){.main-nav{gap:18px}.main-nav>a{font-size:.8rem}.hero-inner{gap:25px}.hero h1{font-size:clamp(3.4rem,7vw,5.2rem)}.card-top{right:-5px}.card-bottom{left:-5px}.intro-grid{grid-template-columns:1fr 2fr}.intro-text{grid-column:2}.why-grid,.quote-wrap{gap:50px}.process-grid{grid-template-columns:repeat(2,1fr)}.footer-top{flex-direction:column}}@media(max-width:820px){.site-header{padding:12px 0}.brand img{width:48px;height:48px}.nav-toggle{display:block;z-index:2}.nav-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.main-nav{position:fixed;inset:0;background:var(--yellow);flex-direction:column;justify-content:center;gap:25px;transform:translate(100%);transition:.35s ease}.main-nav.open{transform:translate(0)}.main-nav>a{font-size:1.15rem}.hero{padding-top:105px}.hero-inner{grid-template-columns:1fr;padding-top:55px}.hero-copy{text-align:center}.hero-copy>p{margin-left:auto;margin-right:auto}.hero-actions,.trust-row{justify-content:center}.hero-visual{min-height:560px;margin-top:20px}.intro-grid,.why-grid,.coverage-inner,.quote-wrap{grid-template-columns:1fr}.intro-text{grid-column:auto}.section-heading{display:block}.section-heading>p{margin-top:22px}.why-visual{width:min(540px,100%);margin:0 auto}.coverage-copy{text-align:center}.location-pills{justify-content:center}.coverage-map{min-height:430px}.footer-links{gap:35px}}@media(max-width:620px){.container{width:min(100% - 28px,1180px)}.section{padding:82px 0}.brand span{letter-spacing:.1em}.hero{min-height:auto}.hero-inner{padding-top:30px;padding-bottom:55px}.hero h1{font-size:clamp(3.1rem,16vw,4.6rem)}.hero-copy>p{font-size:.96rem}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.trust-row{gap:18px;flex-wrap:wrap}.trust-row div{min-width:90px}.hero-visual{min-height:470px}.main-card{height:430px;border-radius:34px;padding:22px;box-shadow:18px 18px #fff6}.cleaning-scene{height:275px}.bottle-body{width:118px;height:175px}.spray-head{width:76px;height:42px}.floating-card{min-width:190px;padding:11px}.card-top{top:25px;right:-3px}.card-bottom{bottom:35px;left:-3px}.intro-grid{gap:24px}.service-grid,.process-grid,.field-row{grid-template-columns:1fr}.service-card{padding:28px}.why-grid{gap:60px}.why-visual{min-height:520px}.yellow-panel{height:470px;padding:38px 28px;box-shadow:14px 14px 0 var(--black)}.mini-panel{right:4px}.coverage-map{min-height:340px}.ring-one{width:300px;height:300px}.ring-two{width:210px;height:210px}.ring-three{width:120px;height:120px}.label-kl{top:38px;right:5px}.label-selangor{bottom:36px;left:2px}.quote-form{padding:23px;box-shadow:10px 10px 0 var(--black)}.footer-links{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column}}