@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fonts/archivo-latin.8f704806db.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fonts/archivo-latin-ext.ff4f17d219.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--navy:#131a6e;--navy-700:#0d124f;--navy-800:#0a0e3f;--green:#9ad7b3;--green-hover:#b2e2c5;--green-ink:#2e7a56;--green-600:#3e9a6e;--mint:#9ad7b3;--mint-100:#eaf8f0;--ink:#2c2f3a;--muted:#5c6275;--line:#e3e7ef;--field:#c9cfdb;--surface:#f3f3f3;--footer:#1d1d1d;--footer-ink:#c8ccd6;--sun:#f2c94c;--font:"Archivo Variable", "Archivo", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--container:1176px;--gutter:clamp(16px, 4vw, 32px);--header-h:68px;--section:clamp(64px, 8vw, 104px);--shadow-card:0 22px 44px -26px #131a6e61, 0 2px 6px #131a6e0f;--r-card:18px;--r-inner:12px;--r-pill:999px;--r-mark:4px;--fs-display:clamp(2.75rem, 1.4rem + 4vw, 5rem);--fs-heading:clamp(2rem, 1.1rem + 1.85vw, 2.75rem);--fs-lead:clamp(1.25rem, 1.12rem + .35vw, 1.375rem);--fs-body:1.0625rem;--fs-small:.8125rem;--t-sub:var(--fs-lead);--t-block:var(--fs-lead);--t-card:var(--fs-lead);--t-compact:var(--fs-body);--t-label:var(--fs-small);--t-body:var(--fs-body);--measure:68ch;--ease-spring:cubic-bezier(.2, .8, .2, 1);--spring-dur:.6s}@supports (transition-timing-function:linear(0, 1)){:root{--ease-spring:linear(0, .0816, .2431, .4129, .562, .6819, .7736, .8412, .89, .9246, .9487, .9653, .9767, .9844, .9896, .9931, .9955, .997, .998, .9987, 1)}}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 8px);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font);font-size:var(--fs-body);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;background:#fff;margin:0;line-height:1.6}img,svg{max-width:100%;display:block}img{height:auto}a{color:inherit}h1,h2,h3{text-wrap:balance}h4,h5,h6{font-size:inherit}small,sup,sub{font-size:var(--fs-small)}p{text-wrap:pretty}main p:not(.photo-tag):not(.container){max-width:var(--measure)}main .center>p,main p.center,.section-sub,.slide-content p,.flow-cta p,.flow-note,.numbers-note,.brand-note,.step p,.insta p,.seg-cta-inner p,.about-hero-content p,.vmv-vision p,.sectors-note,.contact-hero p,.projects-hero p{margin-inline-start:auto;margin-inline-end:auto}:focus-visible{outline:3px solid var(--navy);outline-offset:3px}:is(.hero :focus-visible,.steps :focus-visible,.site-footer :focus-visible){outline-color:#fff}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{z-index:100;background:var(--navy);color:#fff;padding:12px 18px;font-weight:600;text-decoration:none;position:absolute;top:-100px;left:16px}.skip-link:focus{top:16px}main:focus{outline:none}.container{width:min(100% - 2 * var(--gutter), var(--container));margin-inline-start:auto;margin-inline-end:auto}.center{text-align:center}.section-title{font-size:var(--fs-heading);letter-spacing:-.012em;color:var(--navy);text-align:center;margin:0 0 .6em;font-weight:700;line-height:1.15}.section-title--left{text-align:left}.section-title--light{color:#fff}.section-sub{max-width:62ch;color:var(--ink);text-align:center;margin:-.4em auto 2.5rem}.btn{min-height:48px;font:inherit;text-align:center;border-radius:var(--r-pill);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .2s, color .2s, border-color .2s, box-shadow .2s, transform var(--spring-dur) var(--ease-spring);border:2px solid #0000;justify-content:center;align-items:center;gap:.55rem;padding:.7rem 1.5rem;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex}.btn:active{transition-duration:80ms;transition-timing-function:ease-out;transform:scale(.97)}.btn--lg{min-height:52px;padding-inline-start:1.9rem;padding-inline-end:1.9rem}.btn--green{background:var(--green);color:var(--navy);box-shadow:0 12px 24px -16px #2e7a56cc}.btn--green:hover{background:var(--green-hover)}.btn--white{color:var(--navy);background:#fff}.btn--white:hover{background:#eef1f6}.btn--outline{border-color:var(--navy);color:var(--navy);background:0 0}.btn--outline:hover{background:var(--navy);color:#fff}.btn--green:active{background:#86c9a1}.btn--white:active{background:#e3e7ef}.btn--outline:active{color:#fff;background:var(--navy-700);border-color:var(--navy-700)}.hero-arrow,.flow-play,.wa-float,.seg,.scene-tab,.time-tab,.nav-toggle{-webkit-tap-highlight-color:transparent}.seg:active,.scene-tab:active,.time-tab:active{transition-duration:.15s,.15s,80ms;transform:scale(.97)}.flow-play:active,.nav-toggle:active{transition-duration:80ms;transform:scale(.92)}.flow-play:active{transition-duration:.15s,80ms}.wa-float:active{transition-duration:.2s,80ms;transform:scale(.96)}.btn .icon{flex:none}.text-link{min-height:44px;color:var(--green-ink);align-items:center;gap:6px;font-weight:700;text-decoration:none;display:inline-flex}.text-link:hover{text-underline-offset:3px;text-decoration:underline}.text-link .icon{flex:none;transition:transform .15s}.text-link:hover .icon{transform:translate(3px)}.text-link--light{color:var(--mint)}.site-header{z-index:50;-webkit-backdrop-filter:saturate(1.4)blur(14px);backdrop-filter:saturate(1.4)blur(14px);background:#fffffff2;border-bottom:1px solid #131a6e0f;transition:box-shadow .2s;position:sticky;top:0}.site-header.is-scrolled{box-shadow:0 8px 28px -16px #131a6e73}.header-inner{width:min(100% - 2 * var(--gutter), var(--container));height:var(--header-h);align-items:center;gap:20px;margin-inline-start:auto;margin-inline-end:auto;display:flex}.brand{flex:none;align-items:center;min-height:44px;display:inline-flex}.brand-logo{width:auto;height:34px}.nav-desktop{margin-inline-start:auto;margin-inline-end:auto}.nav-desktop ul{gap:clamp(16px,2vw,28px);margin:0;padding:0;list-style:none;display:flex}.nav-desktop a{height:var(--header-h);font-size:var(--fs-body);color:var(--ink);white-space:nowrap;align-items:center;font-weight:600;text-decoration:none;display:flex;position:relative}.nav-desktop a:after{content:"";background:var(--green);height:3px;transition:transform .2s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.nav-desktop a:hover,.nav-desktop a[aria-current=true],.nav-desktop a[aria-current=page]{color:var(--green-ink)}.nav-desktop a[aria-current=true]:after,.nav-desktop a[aria-current=page]:after{transform:scaleX(1)}.header-actions{align-items:center;gap:14px;margin-left:auto;display:flex}.lang{font-size:var(--fs-small);align-items:center;gap:4px;font-weight:500;display:flex}.lang-current{color:var(--green-ink);font-weight:700}.lang-link{min-width:44px;min-height:44px;color:var(--muted);place-items:center;text-decoration:none;display:inline-grid}.lang-link:hover{color:var(--navy)}.lang-sep{background:var(--line);width:1px;height:18px}.header-actions>.btn--quote{min-height:40px;font-size:var(--fs-body);white-space:nowrap;padding:.45rem 1.15rem}@media (min-width:1100px) and (max-width:1279px){.header-inner{gap:16px}.nav-desktop ul{gap:14px}.nav-desktop a{font-size:var(--fs-small)}}.nav-mobile{display:none}.nav-toggle{width:48px;height:48px;color:var(--navy);cursor:pointer;border-radius:var(--r-pill);transition:transform var(--spring-dur) var(--ease-spring);place-items:center;list-style:none;display:grid}.nav-toggle::-webkit-details-marker{display:none}.nav-mobile .icon-close,.nav-mobile[open] .icon-open{display:none}.nav-mobile[open] .icon-close{display:block}.nav-panel{padding:4px var(--gutter) 24px;border-top:1px solid var(--line);background:#fff;position:absolute;top:100%;left:0;right:0;box-shadow:0 28px 40px -24px #131a6e73}.nav-panel ul{margin:0;padding:0;list-style:none}.nav-panel li a{font-size:var(--fs-lead);color:var(--navy);border-bottom:1px solid var(--line);padding:14px 0;font-weight:600;text-decoration:none;display:block}.nav-panel li a[aria-current=page]{color:var(--green-ink)}.nav-panel-foot{justify-content:space-between;align-items:center;gap:16px;padding-top:20px;display:flex}@media (max-width:1099px){:root{--header-h:62px}.brand-logo{height:30px}.nav-desktop,.header-actions>.lang,.header-actions>.btn--quote{display:none}.nav-mobile{display:block}}.subnav{color:#fff;background:var(--navy)}.subnav-inner{justify-content:space-between;align-items:center;gap:8px 24px;min-height:56px;display:flex}.subnav-title{align-items:center;gap:10px;margin:0;font-weight:700;display:flex}.subnav-title .subnav-mark{flex:none;width:30px;position:static}.subnav-mark .mark-n,.subnav-mark .mark-g{fill:#fff;opacity:1}.subnav-list{flex-wrap:wrap;justify-content:flex-end;gap:0 clamp(14px,2.6vw,40px);margin:0;padding:0;list-style:none;display:flex}.subnav-list a{min-height:56px;font-size:var(--fs-small);color:#fff;white-space:nowrap;flex-direction:column;justify-content:center;font-weight:500;text-decoration:none;transition:color .2s;display:flex}.subnav-cta{display:none}.subnav-list a:after{content:attr(data-label);visibility:hidden;height:0;font-weight:700;display:block;overflow:hidden}.subnav-list a:hover,.subnav-list a[aria-current=true]{color:var(--mint)}.subnav-list a[aria-current=true]{font-weight:700}.subnav :focus-visible{outline-color:#fff}@media (min-width:761px){html:has(.has-subnav){scroll-padding-top:calc(var(--subnav-h,56px) + 8px)}.has-subnav .site-header{position:relative}.subnav{z-index:45;-webkit-backdrop-filter:saturate(1.8)blur(20px);backdrop-filter:saturate(1.8)blur(20px);background:#131a6edb;transition:box-shadow .3s;position:sticky;top:0}.subnav.is-stuck{box-shadow:0 14px 30px -20px #0a0e3fbf}.subnav-inner{flex-wrap:nowrap}.subnav-title{white-space:nowrap;flex:none}.subnav-list{overscroll-behavior-x:contain;scrollbar-width:none;flex-wrap:nowrap;flex:auto;justify-content:flex-start;gap:0 clamp(12px,1.75vw,22px);min-width:0;overflow-x:auto}.subnav-list::-webkit-scrollbar{display:none}.subnav-list>li:first-child{margin-left:auto}.subnav-list.is-clip-start{-webkit-mask-image:linear-gradient(90deg,#0000,#000 32px);mask-image:linear-gradient(90deg,#0000,#000 32px)}.subnav-list.is-clip-end{-webkit-mask-image:linear-gradient(270deg,#0000,#000 32px);mask-image:linear-gradient(270deg,#0000,#000 32px)}.subnav-list.is-clip-start.is-clip-end{-webkit-mask-image:linear-gradient(90deg,#0000,#000 32px calc(100% - 32px),#0000);mask-image:linear-gradient(90deg,#0000,#000 32px calc(100% - 32px),#0000)}.subnav-cta{min-height:36px;font-size:var(--fs-small);white-space:nowrap;box-shadow:none;flex:none;padding:.4rem 1.05rem;display:inline-flex;position:relative}.subnav-cta:before{content:"";position:absolute;top:-4px;bottom:-4px;left:0;right:0}}@media (min-width:1100px){.has-subnav .header-actions>.btn--quote{display:none}}@media (max-width:760px){.subnav-inner{flex-direction:column;align-items:stretch;padding:12px 0 4px}.subnav-list{grid-template-columns:1fr 1fr;justify-content:stretch;gap:0 16px;display:grid}.subnav-list a{white-space:normal;border-top:1px solid #ffffff29;min-height:44px}}.hero{height:clamp(540px, calc(100svh - var(--header-h) - 48px), 650px);background:var(--navy-800);color:#fff;touch-action:pan-y;position:relative;overflow:hidden}.hero-slides,.slide{position:absolute;top:0;bottom:0;left:0;right:0}.hero-slides{z-index:0}.hero.is-moving .slide{will-change:transform, opacity}.hero.is-dragging{-webkit-user-select:none;user-select:none}.slide-bg{position:absolute;top:0;bottom:0;left:0;right:0}.slide-bg img{object-fit:cover;width:100%;height:100%}.slide:after{content:"";background:radial-gradient(at 50% 52%,#080b288c 0%,#080b2800 72%),linear-gradient(#080b284d 0%,#080b2880 100%);position:absolute;top:0;bottom:0;left:0;right:0}.slide-bg--brand{background:radial-gradient(circle at 78% 24%, #222c9a 0%, var(--navy) 52%, var(--navy-800) 100%)}.slide-motif{opacity:.85;width:min(60%,740px);position:absolute;bottom:0;right:-3%}.photo-tag{z-index:2;max-width:calc(100% - 2 * var(--gutter));font-size:var(--fs-small);color:#fff;border-radius:var(--r-inner);pointer-events:none;overflow-wrap:anywhere;background:#0a0e3fb8;margin:0;padding:5px 10px;line-height:1.35;position:absolute}.photo-tag-label{color:var(--mint);font-weight:700}.photo-tag--hero{left:var(--gutter);bottom:22px}.photo-tag--commit{top:20px;left:clamp(20px,9vw,132px)}@media (max-width:1100px){.photo-tag--hero{bottom:60px}}.slide-content{z-index:2;max-width:1080px;height:100%;padding:0 var(--gutter) 48px;text-align:center;flex-direction:column;justify-content:center;align-items:center;margin-inline-start:auto;margin-inline-end:auto;display:flex;position:relative}.slide-title{font-size:var(--fs-display);letter-spacing:-.02em;text-shadow:0 2px 28px #0000004d;margin:0 0 .45em;font-weight:800;line-height:1.07}.slide-lead{max-width:62ch;font-size:var(--fs-lead);color:#fffffff0;text-shadow:0 1px 12px #00000059;margin:0 0 2rem}.slide-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.hero-arrow{z-index:3;color:#ffffffd9;cursor:pointer;width:56px;height:80px;transition:color .2s, transform var(--spring-dur) var(--ease-spring);background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.hero-arrow:hover{color:#fff}.hero-arrow:active{transition-duration:80ms;transform:translateY(-50%)scale(.88)}.hero-arrow--prev{left:clamp(8px,2.5vw,32px)}.hero-arrow--next{right:clamp(8px,2.5vw,32px)}.hero-dots{z-index:3;gap:4px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.hero-dot{cursor:pointer;background:0 0;border:0;width:44px;height:44px;padding:0;position:relative}.hero-dot:before{content:"";border-radius:var(--r-pill);background:#ffffff73;height:3px;transition:background-color .3s;position:absolute;top:50%;left:6px;right:6px}.hero-dot:hover:before{background:#ffffffbf}.hero-dot[aria-current=true]:before{background:#fff}@media (max-width:760px){.hero-arrow{display:none}.slide-actions .btn{flex:220px}}.values{padding:var(--section) 0;background:var(--surface);position:relative;overflow:hidden}.mark-bg{pointer-events:none;height:auto;position:absolute}.mark-n{fill:var(--navy);opacity:.085}.mark-g{fill:var(--green);opacity:.17}.mark-bg--values{width:clamp(440px,56vw,940px);top:-14px;left:54%}.values .container{position:relative}.value-grid{grid-template-columns:repeat(3,1fr);gap:32px;margin-top:40px;display:grid}.value-card{filter:drop-shadow(0 18px 26px #131a6e1f);padding:92px 36px 44px;position:relative}.value-card:before{content:"";z-index:-1;clip-path:polygon(2.6% 0,100% 0,97.4% 100%,0 100%);background:#fff;position:absolute;top:0;bottom:0;left:0;right:0}.value-icon{color:#fff;background:var(--green);clip-path:polygon(9% 0,100% 0,91% 100%,0 100%);place-items:center;width:88px;height:92px;display:grid;position:absolute;top:0;right:30px}.value-card h3{font-size:var(--t-block);color:var(--navy);margin:0 0 1rem;line-height:1.25}.value-card p:last-child{margin:0}@media (max-width:960px){.value-grid{grid-template-columns:1fr;max-width:580px;margin-inline-start:auto;margin-inline-end:auto}}.flow{--flow-sun:#f6c944;--flow-batt:#32d27a;--flow-grid:#ff4a55;--flow-gen:#ff8f3a;padding:var(--section) 0;background:#fff}.flow-pickers{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px 28px;margin:28px 0 18px;display:flex}@media (scripting:none){[data-flow-controls]{display:none!important}}.flow-modes{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.flow:not([data-segment=rumah]) .flow-modes--rumah,.flow:not([data-segment=gedung]) .flow-modes--gedung{display:none}.flow-segments{border:2px solid var(--navy);border-radius:var(--r-pill);background:#fff;padding:3px;display:inline-flex}.scene-tab{min-height:44px;font:inherit;color:var(--navy);border-radius:var(--r-pill);cursor:pointer;transition:background-color .15s, color .15s, transform var(--spring-dur) var(--ease-spring);background:0 0;border:0;padding:0 1.25rem;font-weight:700}.scene-tab:hover{background:#eef0f6}.scene-tab.is-active{color:#fff;background:var(--navy)}.scene-tab:focus-visible{outline:3px solid var(--green-ink);outline-offset:2px}.seg{min-width:176px;min-height:48px;font:inherit;color:var(--ink);border-radius:var(--r-pill);cursor:pointer;transition:background-color .15s, color .15s, transform var(--spring-dur) var(--ease-spring);background:#eef0f3;border:0;padding:.7rem 1.25rem;font-weight:600}.seg:hover{background:#e3e7ef}.seg.is-active{color:var(--navy);background:var(--green);box-shadow:0 12px 22px -14px #2e7a56d9}.flow-times{justify-content:center;gap:10px;margin:0 0 24px;display:flex}.time-tab{min-height:48px;line-height:1.2;font:inherit;color:var(--ink);cursor:pointer;clip-path:polygon(5% 0,100% 0,95% 100%,0 100%);transition:background-color .15s, color .15s, transform var(--spring-dur) var(--ease-spring);background:#f0f2f5;border:0;flex:0 180px;padding:0 18px;font-weight:600;position:relative}.time-tab:hover{background:#e3e7ef}.flow[data-scene=rumah] .time-tab--no-rumah,.flow[data-scene=gedung] .time-tab--no-gedung,.flow[data-scene=resort] .time-tab--no-resort,.flow:not([data-scene=rumah]) .flow-note--rumah,.flow:not([data-scene=gedung]) .flow-note--gedung,.flow:not([data-scene=resort]) .flow-note--resort,.flow:not([data-scene=rumah]) .flow-cta--rumah,.flow:not([data-scene=gedung]) .flow-cta--gedung,.flow:not([data-scene=resort]) .flow-cta--resort{display:none}.time-tab.is-active{color:var(--navy);background:var(--green)}.time-prog{background:var(--navy);opacity:0;transform-origin:0;pointer-events:none;height:3px;position:absolute;bottom:0;left:5%;right:5%;transform:scaleX(0)}.flow.is-auto .time-tab.is-active .time-prog{opacity:.75;animation:time-prog var(--flow-dur,8s) linear forwards}.flow.is-auto.is-hold .time-tab.is-active .time-prog{animation-play-state:paused}@keyframes time-prog{to{transform:scaleX(1)}}.flow-play{z-index:3;color:#fff;cursor:pointer;width:44px;height:44px;transition:background-color .15s, transform var(--spring-dur) var(--ease-spring);background:#0a0e3fb8;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:12px;right:12px;box-shadow:0 6px 18px -8px #0009}.flow-play:hover{background:#0a0e3feb}.flow-play:focus-visible{outline-offset:2px;outline:3px solid #fff}.flow-play .icon-play,.flow-play.is-paused .icon-pause{display:none}.flow-play.is-paused .icon-play{display:block}.flow-stage{margin:0}.flow-scene{background:var(--navy-800);border-radius:var(--r-card);box-shadow:var(--shadow-card);position:relative;overflow:hidden;container:flow-scene/inline-size}.flow-shot{opacity:0;transition:opacity .45s;position:absolute;top:0;bottom:0;left:0;right:0}.flow-shot.is-active{opacity:1}.flow-shot img{object-fit:cover;width:100%;height:100%}.flow-overlay{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.flow-lines{pointer-events:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}@media (min-width:700px){.flow-lines--narrow{display:none}}@media (max-width:699px){.flow-lines--wide{display:none}}.fl-track,.fl-halo,.fl-flow{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.fl-track{stroke:#fffc;stroke-width:2px;stroke-dasharray:2 6;opacity:.45}.fl-halo,.fl-flow{stroke-dasharray:0 15;opacity:0;transition:opacity .3s}.fl-flow{stroke-width:5px}.fl-halo{stroke:#080c328c;stroke-width:8.5px}.fl--solar .fl-flow,.fl--home .fl-flow,.fl--battery .fl-flow{stroke:var(--flow-sun)}.fl--home.is-batt .fl-flow,.fl--battery.is-out .fl-flow{stroke:var(--flow-batt)}.fl--home.is-gen .fl-flow,.fl--battery.is-gen .fl-flow{stroke:var(--flow-gen)}.fl--grid .fl-flow{stroke:var(--flow-grid)}.flow-stage[data-mode=offgrid] .fl--grid .fl-flow,.fl--genset .fl-flow{stroke:var(--flow-gen)}.fl.is-on .fl-track{opacity:.9}.fl.is-on .fl-halo,.fl.is-on .fl-flow{opacity:1;animation:.9s linear infinite flow-dash}.fl.is-on.is-out .fl-halo,.fl.is-on.is-out .fl-flow{animation-direction:reverse}.fl.is-hidden,.flow-tag.is-hidden,.fv.is-hidden{display:none}@keyframes flow-dash{to{stroke-dashoffset:-15px}}.flow-smoke{--smoke:214 218 224;--z:1;--k:1;--mx:.45;--my:.3;width:0;height:0;display:none;position:absolute}.flow-overlay.is-gen-on .flow-smoke{display:block}.flow-overlay--gedung .flow-smoke{--smoke:58 62 70;--z:1.35;--mx:.22;--my:.5}.flow-smoke i{--s:22px;width:var(--s);height:var(--s);margin:calc(var(--s) / -2);background:radial-gradient(closest-side, rgb(var(--smoke)), rgb(var(--smoke) / .9) 40%, rgb(var(--smoke) / .5) 72%, rgb(var(--smoke) / 0));filter:blur(1.5px);border-radius:50%;animation:4.2s linear infinite flow-smoke;position:absolute;top:0;left:0}@supports (width:1cqw){.flow-smoke i{--s:calc(2.1cqw * var(--k) * var(--z))}}.flow-smoke i:first-child{opacity:.85;transform:translate(calc(var(--sx) * var(--k) * var(--mx) * .18), calc(var(--sy) * var(--k) * var(--my) * .18)) scale(.64)}.flow-smoke i:nth-child(2){opacity:.9;transform:translate(calc(var(--sx) * var(--k) * var(--mx) * .49), calc(var(--sy) * var(--k) * var(--my) * .49)) scale(.96);animation-delay:-.7s}.flow-smoke i:nth-child(3){opacity:.82;transform:translate(calc(var(--sx) * var(--k) * var(--mx) * .84), calc(var(--sy) * var(--k) * var(--my) * .84)) scale(1.34);animation-delay:-1.4s}.flow-smoke i:nth-child(4){opacity:.62;transform:translate(calc(var(--sx) * var(--k) * (var(--mx) + (1 - var(--mx)) * .18)), calc(var(--sy) * var(--k) * (var(--my) + (1 - var(--my)) * .18))) scale(1.81);animation-delay:-2.1s}.flow-smoke i:nth-child(5){opacity:.4;transform:translate(calc(var(--sx) * var(--k) * (var(--mx) + (1 - var(--mx)) * .49)), calc(var(--sy) * var(--k) * (var(--my) + (1 - var(--my)) * .49))) scale(2.34);animation-delay:-2.8s}.flow-smoke i:nth-child(6){opacity:.16;transform:translate(calc(var(--sx) * var(--k) * (var(--mx) + (1 - var(--mx)) * .82)), calc(var(--sy) * var(--k) * (var(--my) + (1 - var(--my)) * .82))) scale(2.89);animation-delay:-3.5s}@keyframes flow-smoke{0%{opacity:0;transform:translate(0)scale(.45)}10%{opacity:1}45%{opacity:.88;transform:translate(calc(var(--sx) * var(--k) * var(--mx)), calc(var(--sy) * var(--k) * var(--my))) scale(1.5)}to{opacity:0;transform:translate(calc(var(--sx) * var(--k)), calc(var(--sy) * var(--k))) scale(3.2)}}.flow-tags{pointer-events:none;margin:0;padding:0;list-style:none;position:absolute;top:0;bottom:0;left:0;right:0}.flow-tag{--tag-c:#fff;width:0;height:0;position:absolute}.flow-tag:before{content:"";background:var(--tag-c);border-radius:50%;width:12px;height:12px;position:absolute;top:-6px;left:-6px;box-shadow:0 0 0 3px #0a0e3f99,0 0 0 8px #ffffff38}.ft-chip{font-size:var(--fs-small);white-space:nowrap;color:#fff;border-radius:var(--r-inner);background:#0a0e3fdb;align-items:center;gap:7px;padding:6px 10px;line-height:1.2;display:inline-flex;position:absolute;box-shadow:0 8px 20px -10px #0009}.ft--up .ft-chip{bottom:16px;left:0;transform:translate(-50%)}.ft--left-up .ft-chip{bottom:4px;right:16px}.ft--left-down .ft-chip{top:4px;right:16px}.ft--right-up .ft-chip{bottom:4px;left:16px}.ft--at-right .ft-chip,.ft--at-left .ft-chip,.ft--at-down .ft-chip,.ft--at-up .ft-chip{left:var(--lx,0);top:var(--ly,0)}.ft--at-up .ft-chip{background:#0a0e3f;transform:translate(-50%,-100%)}.ft--at-right .ft-chip{transform:translateY(-50%)}.ft--at-left .ft-chip{transform:translate(-100%,-50%)}.ft--at-down .ft-chip{transform:translate(-26px)}.ft--at-right:after,.ft--at-left:after,.ft--at-down:after,.ft--at-up:after{content:"";width:max(0px, calc(var(--lead,0px) - 9px));border-radius:var(--r-mark);background:var(--tag-c);transform-origin:0;height:2px;transform:rotate(var(--ang,0deg)) translateX(9px);position:absolute;top:-1px;left:0;box-shadow:0 0 0 1px #0a0e3f8c}.ft--up-left .ft-chip{bottom:16px;right:12px}.ft--up-l .ft-chip{bottom:16px;right:-6px}.ft-name{color:#ffffffd1;font-weight:500}.ft-value{font-weight:700}.ft-note{font-size:var(--fs-small);letter-spacing:.03em;color:var(--flow-sun);border-radius:var(--r-pill);background:#ffffff1f;padding:1px 6px;font-weight:700}.ft-note[hidden]{display:none}.flow-tag--solar{--tag-c:var(--flow-sun)}.flow-tag--battery{--tag-c:var(--flow-batt)}.flow-tag--ems{--tag-c:#b4c0ff}.flow-tag--home{--tag-c:#fff1d6}.flow-tag--grid{--tag-c:var(--flow-grid)}.flow-tag--grid.is-down{--tag-c:#9aa0b4}.flow-tag--grid.is-down .ft-value{color:#ffb3b3}.flow-tag--grid.is-genset{--tag-c:var(--flow-gen)}.flow-tag--grid.is-off{--tag-c:#9aa0b4}.flow-tag--grid.is-off .ft-value{color:#ffffffb8}.flow-tag--genset.is-genset{--tag-c:var(--flow-gen)}.flow-tag--genset.is-off{--tag-c:#9aa0b4}.flow-tag--genset.is-off .ft-value{color:#ffffffb8}.flow-clock{z-index:3;color:#fff;border-radius:var(--r-pill);pointer-events:none;background:#0a0e3fb8;align-items:center;gap:8px;padding:5px 14px 5px 5px;display:flex;position:absolute;top:12px;left:12px;box-shadow:0 6px 18px -8px #0009}.flow-clock svg{width:40px;height:40px;display:block}.fc-face{fill:#fff;transition:fill .4s}.fc-tick{stroke:var(--navy);stroke-width:2.5px;stroke-linecap:round;transition:stroke .4s}.fc-tick.is-major{stroke-width:4px}.fc-h,.fc-m{stroke:var(--navy);stroke-linecap:round;transform-box:view-box;transform-origin:50%;transition:transform .9s cubic-bezier(.45,0,.25,1),stroke .4s}.fc-h{stroke-width:7px;transform:rotate(var(--fc-h,0deg))}.fc-m{stroke-width:4.5px;transform:rotate(var(--fc-m,0deg))}.fc-c{fill:var(--green)}.flow-clock.is-night .fc-face{fill:var(--navy-800)}.flow-clock.is-night .fc-tick,.flow-clock.is-night .fc-h,.flow-clock.is-night .fc-m{stroke:#fff}.fc-t{font-size:var(--fs-body);letter-spacing:.02em;font-variant-numeric:tabular-nums;font-weight:800;line-height:1}.ft-bar{border-radius:var(--r-pill);background:#ffffff38;width:46px;height:7px;display:inline-block;overflow:hidden}.ft-fill{background:var(--flow-batt);border-radius:var(--r-pill);height:100%;display:block}.ft-pct{font-variant-numeric:tabular-nums;font-weight:700}@container flow-scene (width<=1000px){.flow-clock{gap:6px;padding:4px 11px 4px 4px;top:10px;left:10px}.flow-clock svg{width:32px;height:32px}.ft-chip{gap:5px;padding:4px 8px}.ft--up .ft-chip,.ft--up-l .ft-chip{bottom:10px}.ft--up-l .ft-chip{right:-10px}.ft-bar{width:34px}}@container flow-scene (width<=1120px){.flow-overlay--rumah .flow-tag--inverter .ft-chip{grid-template-areas:"name note""value value";place-items:center end;gap:2px 0;display:grid}.flow-overlay--rumah .flow-tag--inverter .ft-name{grid-area:name}.flow-overlay--rumah .flow-tag--inverter .ft-note{grid-area:note;margin-left:6px}.flow-overlay--rumah .flow-tag--inverter .ft-value{grid-area:value}.flow-overlay--rumah .flow-tag--battery .ft-chip{top:auto;bottom:4px;left:16px;right:auto}.flow-overlay--gedung .flow-tag--inverter .ft-chip{flex-direction:column;align-items:flex-end;gap:2px}}.lv-0{width:0%}.lv-5{width:5%}.lv-10{width:10%}.lv-15{width:15%}.lv-20{width:20%}.lv-25{width:25%}.lv-30{width:30%}.lv-35{width:35%}.lv-40{width:40%}.lv-45{width:45%}.lv-50{width:50%}.lv-55{width:55%}.lv-60{width:60%}.lv-65{width:65%}.lv-70{width:70%}.lv-75{width:75%}.lv-80{width:80%}.lv-85{width:85%}.lv-90{width:90%}.lv-95{width:95%}.lv-100{width:100%}.flow-values{display:none}.flow-caption{max-width:920px;font-size:var(--fs-body);text-align:center;color:var(--navy);margin:22px auto 0;font-weight:600;line-height:1.45}.flow-note{max-width:920px;font-size:var(--fs-small);color:var(--muted);text-align:center;margin:12px auto 0}.flow-cta{text-align:center;flex-direction:column;align-items:center;gap:16px;margin-top:clamp(32px,4vw,48px);display:flex}.flow-cta-lead{max-width:68ch;font-size:var(--fs-body);color:var(--navy);margin:0;font-weight:600}.flow-stat{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:2px 12px;margin:0;display:flex}.flow-stat-num{font-size:var(--fs-heading);letter-spacing:-.02em;color:var(--green-ink);font-weight:600;line-height:1}.flow-stat-unit{font-size:var(--fs-body);letter-spacing:.04em;text-transform:uppercase;color:var(--navy);font-weight:700}.flow-stat-note{max-width:64ch;font-size:var(--fs-small);color:var(--muted);margin:-10px 0 8px}.flow-cta-more{margin:-6px 0 0}@media (min-width:1000px){.flow{--flow-head:204px;--flow-pt:calc(var(--section) * .7);padding-top:var(--flow-pt)}@media (max-height:800px){.flow{--flow-pt:calc(var(--section) * .45)}}.flow .section-title{margin-bottom:.4em}.flow-pickers{margin-top:12px}.flow-times{margin-bottom:16px}.flow-stage{max-width:max(760px, calc((100svh - var(--header-h) - 8px - var(--flow-pt) - var(--flow-head) - 12px) * var(--flow-ar,2.2355)));margin-inline-start:auto;margin-inline-end:auto;position:relative;container:flow-stage/inline-size}.flow-caption{z-index:2;color:#fff;text-shadow:0 1px 2px #0000008c;pointer-events:none;background:linear-gradient(#080b3000 0%,#080b30b8 45%,#080b30e0 100%);max-width:none;margin:0;padding:clamp(36px,4vw,60px) max(28px,50% - 470px) clamp(14px,1.5vw,22px);position:absolute;bottom:0;left:0;right:0}@container flow-stage (width<=1000px){.flow-caption{padding:28px 24px 12px;line-height:1.4}}}@media (max-width:999px){.flow-times{flex-wrap:wrap}}@media (max-width:699px){.flow-tags{display:none}.flow-values{background:var(--line);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:1px;margin:0;padding:0;list-style:none;display:grid}.fv{text-align:center;background:var(--navy);color:#fff;gap:2px;padding:10px 6px;display:grid}.fv-name{font-size:var(--fs-small);color:#ffffffc7}.fv-pct{color:var(--flow-batt);font-variant-numeric:tabular-nums;font-weight:700}.fv b{font-size:var(--fs-small)}.fv--grid.is-down b{color:#ffb3b3}.fv--grid.is-genset b,.fv--genset.is-genset b{color:var(--flow-gen)}.fv-note{font-size:var(--fs-small);color:var(--flow-sun);font-weight:700}.fv-note[hidden]{display:none}}@media (max-width:479px){.flow-values{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-flow:row}.fv{grid-column:span 2}.fv--home,.fv--grid,.flow-stage[data-mode=ongrid] .fv--solar,.flow-stage[data-mode=ongrid] .fv--inverter{grid-column:span 3}.flow-stage[data-scene=gedung] .fv--home{grid-column:span 2}.fv--genset{grid-column:span 3}}@media (max-width:600px){.flow-pickers{gap:10px}.flow-segments{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.scene-tab{padding-inline-start:.5rem;padding-inline-end:.5rem;line-height:1.2}.flow-modes{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;display:grid}.flow-modes--gedung{grid-template-columns:repeat(2,minmax(0,1fr))}.seg{min-width:0;padding-inline-start:.75rem;padding-inline-end:.75rem;line-height:1.2}.flow-times{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.time-tab{min-width:0;padding:0 8px}}@media (max-width:359px){.flow-times{grid-template-columns:repeat(2,minmax(0,1fr))}}.numbers{background:var(--surface);padding:clamp(56px,7vw,88px) 0}.numbers-row{flex-wrap:wrap;justify-content:center;gap:28px clamp(40px,8vw,120px);margin:32px 0 0;display:flex}.num-item{flex-direction:column;justify-content:center;min-height:58px;padding-left:74px;display:flex;position:relative}.num-icon{color:#fff;background:var(--green);clip-path:polygon(10% 0,100% 0,90% 100%,0 100%);place-items:center;width:58px;height:58px;display:grid;position:absolute;top:50%;left:0;transform:translateY(-50%)}.num-item dt{color:var(--ink);font-weight:500}.num-item dd{font-size:var(--fs-heading);color:var(--green-ink);margin:0;font-weight:700;line-height:1.2}.num-item small{font-size:var(--fs-body);font-weight:600}@media (max-width:599px){.numbers-row{gap:24px;width:-moz-fit-content;width:fit-content;margin-inline-start:auto;margin-inline-end:auto;display:grid}}.commit{background:#fff}.commit-media{aspect-ratio:21/9;position:relative;overflow:hidden}.commit-pic img{object-fit:cover;object-position:50% 55%;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.commit-body{width:min(100% - 2 * var(--gutter), var(--container));margin:0 auto;padding:clamp(48px,7vw,96px) 0}.commit-body h2{font-size:var(--fs-heading);color:var(--navy);margin:0 0 .3rem;line-height:1.2}.commit-sub{color:var(--ink);margin:0 0 32px;font-weight:600}.commit-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 64px;margin:0 0 48px;padding:0;list-style:none;display:grid}.commit-list li{gap:16px;display:flex}.commit-icon{width:48px;height:48px;color:var(--green-ink);background:var(--mint-100);flex:none;place-items:center;display:grid}.commit-list h3{font-size:var(--t-card);color:var(--navy);margin:0 0 4px}.commit-list p{margin:0}.commit-list .commit-proof{margin-top:2px}.commit-proof .text-link{min-height:0;font-size:var(--fs-body);line-height:1.55;display:inline}.commit-proof .text-link .icon{vertical-align:-3px;margin-left:6px;display:inline-block}@media (pointer:coarse){.commit-proof .text-link{padding-block-start:13px;padding-block-end:13px}}@media (max-width:899px){.commit-media{aspect-ratio:16/9}.commit-list{grid-template-columns:minmax(0,1fr);gap:24px}}@media (max-width:600px){.commit-media{aspect-ratio:4/3}}.steps{padding:var(--section) 0;color:#fff;background:var(--navy);position:relative;overflow:hidden}.steps-bg{opacity:.1;position:absolute;top:0;bottom:0;left:0;right:0}.steps-bg img{object-fit:cover;width:100%;height:100%}.steps .container{position:relative}.steps-more{flex-wrap:wrap;justify-content:center;gap:4px 32px;margin:20px auto 0;display:flex}.step-list{--cols:5;--gap:32px;justify-content:center;gap:var(--gap);flex-wrap:wrap;margin:48px 0;padding:0;list-style:none;display:flex;position:relative}.step-list:before{content:"";border-top:2px dotted #ffffff73;position:absolute;top:19px;left:6%;right:6%}.step{text-align:center;color:var(--navy);padding:36px 16px 30px;position:relative}.step:before{content:"";z-index:-1;clip-path:polygon(4% 0,100% 0,96% 100%,0 100%);background:#fff;position:absolute;top:0;bottom:0;left:0;right:0}.step-list>li{flex:0 0 calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols));isolation:isolate}.step-dot{background:var(--green);border-radius:50%;width:11px;height:11px;position:absolute;top:14px;right:20px;box-shadow:0 0 0 4px #9ad7b359}.step-art{width:100%;max-width:240px;margin:-10px auto 8px;display:block}.step-art img{width:100%;height:auto}.step h3{font-size:var(--t-card);color:var(--green-ink);margin:0}@media (max-width:1099px){.step-list{--cols:3}.step-list:before{display:none}}@media (max-width:640px){.step-list{--cols:2;--gap:16px}}.certs{padding:var(--section) 0;background:#fff;position:relative;overflow:hidden}.mark-bg--clients{width:clamp(400px,44vw,720px);bottom:clamp(96px,12vw,180px);left:-6%}.certs .container{position:relative}.certs .section-title{max-width:820px;font-size:var(--fs-heading);margin-inline-start:auto;margin-inline-end:auto}.section-kicker{text-align:center;font-size:var(--fs-small);letter-spacing:.14em;text-transform:uppercase;color:var(--green-ink);margin:10px auto 0;font-weight:700}.client-grid{--cols:7;--gap:12px;justify-content:center;gap:var(--gap);flex-wrap:wrap;margin:32px 0 0;padding:0;list-style:none;display:flex}.client-tile{flex:0 0 calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols));border:1px solid var(--line);border-radius:var(--r-inner);background:#fff;place-items:center;min-height:84px;padding:10px;display:grid}.client-logo{max-width:94%;height:auto}.certs-subtitle{text-align:center;font-size:var(--t-card);color:var(--navy);margin:clamp(48px,6vw,72px) 0 8px}@media (max-width:899px){.client-grid{--cols:3}.client-tile{min-height:72px}}.cert-grid{--cols:5;--gap:16px;justify-content:center;gap:var(--gap);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.cert-tile{flex:0 0 calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols));border:1px solid var(--line);border-radius:var(--r-inner);background:#fff;place-items:center;min-height:116px;padding:16px;display:grid}.cert-tile a{place-items:center;width:100%;min-height:82px;display:grid}.cert{width:auto;max-width:100%}@media (max-width:899px){.cert-grid{--cols:3}}@media (max-width:520px){.cert-grid{--cols:2}}.brands{padding:var(--section) 0;background:var(--surface)}.brands-intro{max-width:880px;margin-inline-start:auto;margin-inline-end:auto}.brand-group{margin-top:36px}.brand-group+.brand-group{margin-top:28px}.brands-more{text-align:center;margin-top:36px}.brands-toggle{list-style:none}.brands-toggle::-webkit-details-marker{display:none}.brands-toggle-hide,.brands-more[open] .brands-toggle-show{display:none}.brands-more[open] .brands-toggle-hide{display:inline}.brands-toggle-icon{transition:transform var(--spring-dur) var(--ease-spring)}.brands-more[open] .brands-toggle-icon{transform:rotate(180deg)}.brands-more>.brand-group{text-align:left}.brands-more[open]>.brand-group{animation:brands-reveal var(--spring-dur) var(--ease-spring) both}.is-instant[open]>*{animation:none!important}@keyframes brands-reveal{0%{opacity:0;transform:translateY(16px)}}@media (prefers-reduced-motion:reduce){.brands-toggle-icon{transition:none}.brands-more[open]>.brand-group{animation:none}}.brand-group-title{font-size:var(--t-label);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 12px;font-weight:700}.brand-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.brand-tile{border:1px solid var(--line);border-radius:var(--r-inner);background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:104px;padding:22px 10px 12px;display:flex;position:relative}.merek-logo{max-width:94%;height:auto;display:block}.brand-role{font-size:var(--fs-small);color:var(--muted);text-align:center;line-height:1.3}.t1{font-size:var(--fs-small);letter-spacing:.06em;white-space:nowrap;color:#fff;background:var(--navy);padding:4px 7px 4px 8px;font-weight:800;line-height:1;position:absolute;top:0;right:0}.t1 sup{font-size:inherit;vertical-align:top;color:var(--mint);margin-left:2px;line-height:1}.brand-note{max-width:980px;font-size:var(--fs-small);color:var(--muted);text-align:center;margin:28px auto 0;line-height:1.6}@media (max-width:899px){.brand-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:560px){.brand-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.brand-tile{min-height:92px;padding:22px 6px 10px}}.gallery{padding:var(--section) 0;background:#fff}.gallery--home .proj-grid{margin-top:8px}.proj-all{margin-top:40px}.gallery-intro{max-width:820px;margin-inline-start:auto;margin-inline-end:auto}.proj-filter{flex-wrap:wrap;justify-content:center;gap:12px;margin:32px 0 8px;display:flex}.proj-filter .seg{min-width:168px}.seg-count{min-width:1.6em;font-size:var(--fs-small);color:var(--muted);border-radius:var(--r-pill);background:#ffffffd9;margin-left:8px;padding:1px 6px;font-weight:700;line-height:1.5;display:inline-block}.seg.is-active .seg-count{color:var(--navy)}.proj-group{margin-top:32px}.proj-group-title{font-size:var(--t-card);color:var(--navy);margin:0 0 16px}.proj-group-count{font-size:var(--fs-small);color:var(--muted);margin-left:6px;font-weight:600}.proj-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px;margin:0;padding:0;list-style:none;display:grid}.proj figure{margin:0}.proj-img{aspect-ratio:1.54;object-fit:cover;border-radius:var(--r-card);background:#e9ecf2;width:100%;height:auto;display:block}.proj figcaption{gap:2px;margin-top:10px;line-height:1.35;display:grid}.proj-name{font-size:var(--fs-body);color:var(--navy);overflow-wrap:anywhere;font-weight:600}.proj-cap{font-size:var(--fs-body);color:var(--green-ink)}.proj-note{font-size:var(--fs-small);color:var(--muted);margin-top:2px;line-height:1.4}.proj[tabindex="-1"]:focus{outline:none}.proj[tabindex="-1"]:focus-visible{outline:3px solid var(--green-ink);outline-offset:4px}.proj-more-wrap{margin-top:36px}.insta{text-align:center;border-top:1px solid var(--line);max-width:720px;margin:clamp(56px,7vw,88px) auto 0;padding-top:clamp(40px,5vw,56px)}.insta-title{font-size:var(--t-sub);color:var(--navy);margin:0 0 8px;line-height:1.2}.insta-body{color:var(--ink);margin:0 0 24px}@media (max-width:1023px){.proj-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}}@media (max-width:599px){.proj-grid{grid-template-columns:1fr}.proj-filter .seg{flex:1 1 0;min-width:0;padding-inline-start:.5rem;padding-inline-end:.5rem}}.site-footer{color:var(--footer-ink);background:var(--footer);padding:72px 0 104px}.site-footer :where(a:not(.btn,.wa-float)){color:#fff}.footer-grid{grid-template-columns:1.4fr .8fr .9fr 1.25fr 1.2fr;gap:32px;display:grid}.footer-logo{width:auto;height:48px}.footer-legal{color:var(--green);margin:28px 0 12px;font-weight:600}.footer-address{color:#fff;margin:0;line-height:1.7}.footer-label{font-size:var(--t-label);letter-spacing:.08em;text-transform:uppercase;color:var(--footer-ink);display:block}.footer-address a{color:var(--green);align-items:center;gap:4px;margin-top:6px;display:inline-flex}.footer-col h2{font-size:var(--fs-body);letter-spacing:.04em;text-transform:uppercase;color:var(--green);margin:0 0 20px;font-weight:700}.footer-col ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.footer-col a{text-decoration:none}.footer-col a:hover{text-decoration:underline}.footer-contact li{color:#fff;align-items:center;gap:10px;display:flex}.email-at:before{content:"@"}.footer-contact .icon{color:var(--green);flex:none}.footer-cta-title{font-size:var(--t-compact);color:#fff;margin:0 0 16px;font-weight:700}.footer-certs{flex-wrap:wrap;align-items:center;gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}.footer-certs li{border-radius:var(--r-inner);background:#fff;place-items:center;padding:5px 8px;display:grid}.footer-cert{width:auto;height:24px}.footer-bottom{font-size:var(--fs-small);border-top:1px solid #ffffff1f;grid-template-columns:1fr 1.4fr;gap:12px 32px;margin-top:48px;padding-top:24px;display:grid}.footer-bottom p{margin:0}.copyright{color:#fff}.footer-privacy{color:var(--footer-ink);white-space:nowrap;margin:-15px 0;padding:15px 0;display:inline-block}.footer-privacy:hover{color:#fff}.statement{color:var(--green);font-weight:600}.disclaimer{max-width:var(--measure);font-size:var(--fs-small);grid-column:1/-1}.site-footer--slim{padding:8px 0 32px}.site-footer--slim .footer-bottom{margin-top:0}@media (max-width:1099px){.footer-grid{grid-template-columns:1fr 1fr 1fr}.footer-brand{grid-column:1/-1}}@media (max-width:680px){.footer-grid{grid-template-columns:1fr 1fr}.footer-col--contact,.footer-cta{grid-column:1/-1}.footer-bottom{grid-template-columns:1fr}}@media (pointer:coarse){.footer-col ul{gap:0}.footer-col a,.footer-address a{align-items:center;min-width:44px;min-height:44px;display:inline-flex}.footer-address a{margin-top:0}.footer-contact{gap:0}.footer-contact li{min-height:44px}}.wa-float{z-index:40;min-height:56px;color:var(--navy);background:var(--green);border-radius:var(--r-pill);transition:background-color .2s, transform var(--spring-dur) var(--ease-spring);align-items:center;gap:8px;padding:0 22px 0 18px;font-weight:700;text-decoration:none;display:inline-flex;position:fixed;bottom:20px;right:20px;box-shadow:0 14px 30px -12px #131a6e99}.wa-float:hover{background:var(--green-hover)}@media (max-width:520px){.wa-float{justify-content:center;width:56px;padding:0;bottom:14px;right:14px}.wa-float-text{display:none}}.page-404{background:var(--surface);flex-direction:column;min-height:100vh;display:flex}.page-404 .site-header--slim{position:static}.nf{width:min(100% - 2 * var(--gutter), 760px);flex:1;margin:0 auto;padding:clamp(48px,10vw,120px) 0;position:relative;overflow:hidden}.nf-code{font-size:var(--fs-display);color:var(--green-600);margin:0;font-weight:800;line-height:1}.nf-title{font-size:var(--fs-display);color:var(--navy);margin:.2em 0 .4em;line-height:1.15}.nf-lead{color:var(--ink);margin:0 0 .5rem}.nf-actions{flex-wrap:wrap;gap:16px;margin-top:28px;display:flex}.page-404 .motif--page{z-index:0;opacity:.5;pointer-events:none;width:min(40vw,420px);position:fixed;bottom:0;right:-40px}.page-404 .nf>:not(.motif){z-index:1;position:relative}@media (max-width:760px){.page-404 .motif--page{display:none}}.is-revealing{animation:reveal-up var(--spring-dur) var(--ease-spring) both}@keyframes reveal-up{0%{opacity:0;transform:translateY(16px)}}@media (prefers-reduced-transparency:reduce){.site-header{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff}.subnav{background:var(--navy);-webkit-backdrop-filter:none;backdrop-filter:none}.photo-tag,.ft-chip,.flow-play{background:var(--navy-800)}}@media (prefers-contrast:more){:root{--muted:#3f4456;--line:#9ea6b8}.site-header{-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom-color:var(--navy);background:#fff}.subnav{background:var(--navy-800);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:inset 0 -1px #fff}.photo-tag,.ft-chip{background:#05082a}.btn--white{border-color:var(--navy)}.btn--outline-light{border-color:#fff}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}@media print{.site-header,.wa-float,.hero-arrow,.hero-dots,.flow-times,.flow-pickers,.flow-play,.calc .lc-submit,.calc .lc-cta-btns,.announce,.seg-cta-actions{display:none!important}}.seg-cta :focus-visible{outline-color:#fff}.seg-cta{color:#fff;background:var(--navy);padding:clamp(64px,8vw,96px) 0;position:relative;overflow:hidden}.seg-cta-inner{text-align:center}.seg-cta-title{font-size:var(--fs-heading);letter-spacing:-.015em;color:#fff;margin:0 0 12px;font-weight:800;line-height:1.12}.seg-cta-lead{max-width:60ch;font-size:var(--fs-lead);color:#ffffffe0;margin:0 auto 28px}.seg-cta-actions{flex-wrap:wrap;justify-content:center;gap:14px 16px;display:flex}.btn--outline-light{color:#fff;background:0 0;border-color:#ffffffd9}.btn--outline-light:hover{color:var(--navy);background:#fff}.mini-calc{justify-items:start;gap:8px;display:grid}.mini-calc-label{color:#fff;padding-inline-start:18px;font-weight:600}.mini-calc-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.mini-calc-field{border-radius:var(--r-pill);background:#fff;align-items:center;min-height:52px;padding:0 18px;display:inline-flex}.mini-calc-rp{color:var(--navy);font-weight:700}.mini-calc-field input{width:12ch;min-height:48px;font:inherit;color:var(--navy);background:0 0;border:0;outline:none;margin-left:8px;padding:0;font-weight:600}.mini-calc-field:focus-within{outline:3px solid var(--mint);outline-offset:3px}.mini-calc-field input::placeholder{color:var(--muted);font-weight:400}.seg-cta--closing .seg-cta-actions{align-items:flex-end;gap:16px 20px}.seg-cta-email{color:#ffffffd1;margin:22px auto 0}.seg-cta-email a{color:#fff;text-underline-offset:3px;align-items:center;min-height:44px;font-weight:700;text-decoration:underline;display:inline-flex}.seg-cta-email a:hover{color:var(--mint)}.seg-cta-routes{color:#ffffffd1;margin:8px auto 0}.seg-cta-routes a{color:#fff;text-underline-offset:3px;align-items:center;min-height:44px;font-weight:700;text-decoration:underline;display:inline-flex}.seg-cta-routes a:hover{color:var(--mint)}.announce{color:var(--navy);background:var(--mint-100);border-bottom:1px solid #2e7a562e}.announce-inner{min-height:44px;font-size:var(--fs-body);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:0 10px;margin:0 auto;padding-block-start:4px;padding-block-end:4px;display:flex}.announce-inner>.icon{color:var(--green-ink);flex:none}.announce a{min-height:44px;color:var(--navy);text-underline-offset:3px;align-items:center;gap:4px;font-weight:700;text-decoration:underline;display:inline-flex}.announce a:hover{color:var(--green-ink)}.numbers-row--impact{margin-top:28px}.numbers-note{max-width:78ch;font-size:var(--fs-small);color:var(--muted);text-align:center;margin:22px auto 0;line-height:1.55}.projects-hero{text-align:center;background:#fff;padding:clamp(56px,7vw,96px) 0 clamp(40px,5vw,64px)}.projects-title{font-size:var(--fs-display);letter-spacing:-.025em;color:var(--navy);margin:0 0 16px;font-weight:800;line-height:1.04}.projects-lead{font-size:var(--fs-lead);color:var(--ink);margin:0 auto 36px;line-height:1.5}.projects-stats{flex-wrap:wrap;justify-content:center;gap:24px clamp(32px,6vw,88px);margin:0;display:flex}.projects-stat{gap:4px;display:grid}.projects-stat dt{font-size:var(--fs-small);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);order:2;font-weight:600}.projects-stat dd{font-size:var(--fs-heading);letter-spacing:-.02em;color:var(--navy);font-variant-numeric:tabular-nums;order:1;margin:0;font-weight:800;line-height:1.05}.projects-stat dd small{font-size:var(--fs-lead);font-weight:700}.projects-group{padding:var(--section) 0;background:#fff}.projects-group--tint{background:var(--surface)}.projects-group-title{font-size:var(--fs-heading);letter-spacing:-.015em;color:var(--navy);flex-wrap:wrap;align-items:baseline;gap:4px 16px;margin:0 0 32px;font-weight:800;line-height:1.1;display:flex}.projects-group-title .proj-group-count{font-size:var(--fs-small);letter-spacing:0;color:var(--muted);font-weight:600}.projects-insta{padding:0 0 var(--section);background:#fff}.projects-insta .insta{margin-top:0}.js .rv{opacity:0;transform:translateY(24px)}.js .rv.is-in{opacity:1;transition:opacity .5s ease-out var(--rv-delay,0s), transform .7s var(--ease-spring) var(--rv-delay,0s);transform:none}@media (prefers-reduced-motion:reduce){.js .rv{opacity:1;transform:none}}@media print{.js .rv{opacity:1!important;transform:none!important}}@media (max-width:480px){:root{--fs-display:2.25rem;--fs-heading:1.75rem;--section:56px}}@media (max-width:380px){:root{--fs-display:2rem}}.nowrap{white-space:nowrap}.announce-text--short{display:none}@media (max-width:899px){.hero-arrow{display:none}}@media (max-width:760px){.subnav-inner{flex-direction:row;align-items:stretch;min-height:48px;padding:0}.subnav-title{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.subnav-list{overscroll-behavior-x:contain;scrollbar-width:none;flex-wrap:nowrap;flex:auto;justify-content:flex-start;gap:0 6px;min-width:0;margin-inline-start:-8px;margin-inline-end:-8px;display:flex;overflow-x:auto}.subnav-list::-webkit-scrollbar{display:none}.subnav-list a{white-space:nowrap;border-top:0;align-items:center;min-width:44px;min-height:48px;padding-inline-start:8px;padding-inline-end:8px}.subnav-list.is-clip-start{-webkit-mask-image:linear-gradient(90deg,#0000,#000 28px);mask-image:linear-gradient(90deg,#0000,#000 28px)}.subnav-list.is-clip-end{-webkit-mask-image:linear-gradient(270deg,#0000,#000 28px);mask-image:linear-gradient(270deg,#0000,#000 28px)}.subnav-list.is-clip-start.is-clip-end{-webkit-mask-image:linear-gradient(90deg,#0000,#000 28px calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#0000,#000 28px calc(100% - 28px),#0000)}.announce-inner{min-height:0;font-size:var(--fs-small);flex-wrap:nowrap;gap:0 8px;padding-block-start:0;padding-block-end:0}.announce-inner>.icon,.announce-text--long{display:none}.announce-text--short{display:inline}.announce a{flex:none}.hero{height:auto;min-height:540px}.hero-slides{min-height:inherit;display:grid;position:relative;top:auto;bottom:auto;left:auto;right:auto}.slide{grid-area:1/1;position:relative;top:auto;bottom:auto;left:auto;right:auto}.slide-content{height:auto;min-height:540px;padding:40px var(--gutter) 132px}.photo-tag--hero{bottom:64px}.flow-caption{min-height:5.8em}.at-top .wa-float{opacity:0;visibility:hidden;transform:translateY(12px)}.wa-float{transition:background-color .2s, opacity .25s, visibility .25s, transform var(--spring-dur) var(--ease-spring)}}@media (max-width:599px){.proj-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.proj-name,.proj-cap{font-size:var(--fs-small)}}@media (max-width:400px){.proj-filter .seg{font-size:var(--fs-small);padding-inline-start:4px;padding-inline-end:4px}}@media (max-width:760px) and (prefers-reduced-motion:reduce){.wa-float{transition:none}}.flow-overlay--rumah .flow-tag--solar{top:12.21%;left:38.36%}.flow-overlay--rumah .flow-tag--inverter{top:59.74%;left:26.37%}.flow-overlay--rumah .flow-tag--battery{top:67.95%;left:26.37%}.flow-overlay--rumah .flow-tag--home{top:48.84%;left:59.75%}.flow-overlay--rumah .flow-tag--grid{top:48.84%;left:98.18%}.flow-overlay--gedung .flow-tag--solar{top:33.63%;left:38.28%}.flow-overlay--gedung .flow-tag--inverter{top:62.65%;left:27.03%}.flow-overlay--gedung .flow-tag--home{top:67.86%;left:39.68%}.flow-overlay--gedung .flow-tag--grid{top:67.86%;left:51.53%}.flow-overlay--gedung .flow-tag--genset{top:73.81%;left:62.78%}.flow-overlay--resort .flow-tag--solar{--lx:87.3px;--ly:-66.6px;--lead:109.7px;--ang:-37.3deg;top:32.89%;left:65.18%}@supports (width:1cqw){.flow-overlay--resort .flow-tag--solar{--lx:7.42cqw;--ly:-5.66cqw;--lead:9.332cqw}}.flow-overlay--resort .flow-tag--ems{--lx:-47px;--ly:-2.4px;--lead:47.1px;--ang:-177.1deg;top:47.62%;left:53.3%}@supports (width:1cqw){.flow-overlay--resort .flow-tag--ems{--lx:-4cqw;--ly:-.201cqw;--lead:4.005cqw}}.flow-overlay--resort .flow-tag--battery{--lx:0px;--ly:37.6px;--lead:37.6px;--ang:90deg;top:51.64%;left:63.12%}@supports (width:1cqw){.flow-overlay--resort .flow-tag--battery{--lx:0cqw;--ly:3.194cqw;--lead:3.194cqw}}.flow-overlay--resort .flow-tag--genset{--lx:52.4px;--ly:-26.6px;--lead:58.8px;--ang:-26.9deg;top:49.7%;left:70.37%}@supports (width:1cqw){.flow-overlay--resort .flow-tag--genset{--lx:4.46cqw;--ly:-2.264cqw;--lead:5.002cqw}}.flow-overlay--resort .flow-tag--home{--lx:-25px;--ly:-55.2px;--lead:60.6px;--ang:-114.4deg;top:69.2%;left:23.5%}@supports (width:1cqw){.flow-overlay--resort .flow-tag--home{--lx:-2.13cqw;--ly:-4.693cqw;--lead:5.154cqw}}.flow-overlay--gedung .flow-smoke{--sx:-4.99cqw;--sy:-9.15cqw;top:73.51%;left:60.32%}@media (max-width:699px){.flow-overlay--gedung .flow-smoke{--k:1.6717;top:73.51%;left:75.79%}}.flow-overlay--resort .flow-smoke{--sx:7.66cqw;--sy:-5.66cqw;top:39.96%;left:70.84%}@media (max-width:699px){.flow-overlay--resort .flow-smoke{--k:1.6717;top:39.96%;left:92.27%}}.flow{--flow-ar:2.2355}.flow-scene{aspect-ratio:3076/1376}.flow-clock{--fc-h:210deg;--fc-m:0deg}@media (max-width:699px){.flow-scene{aspect-ratio:1840/1376}}