@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/plus-jakarta-sans-latin-400.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/plus-jakarta-sans-latin-600.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/plus-jakarta-sans-latin-800.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}:root{--navy-dark:#111A2E;--navy:#253254;--navy-light:#3A4A6B;--slate:#718096;--slate-light:#BFCBD9;--bg-dark:#141C33;--surface:#1A2540;--surface-hover:#202D48;--paper:#F6F7F8;--paper-cold:#F3F5F8;--accent-warm:#FFC98A;--accent-natural:#FFE9C7;--accent-white:#D6E6FF;--accent-conversion:#16C784;--accent-glass:#9CCFC2;--wa:#25D366;--wa-text:#06301A;--blue:#275087;--silver:#BFCBD9;--glass-edge:#9CCFC2;--glow-warm:#FFC98A;--glow-natural:#FFE9C7;--glow-white:#D6E6FF;--font-sans:"Plus Jakarta Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-display-xl:clamp(2rem,5vw,3.5rem);--font-display-lg:clamp(1.75rem,4vw,3rem);--font-display-md:clamp(1.5rem,3.5vw,2.5rem);--font-h1:clamp(2rem,4vw,2.5rem);--font-h2:clamp(1.5rem,3vw,2rem);--font-h3:clamp(1.25rem,2.5vw,1.5rem);--font-h4:clamp(1.125rem,2vw,1.25rem);--font-body-lg:clamp(1rem,1.5vw,1.125rem);--font-body:1rem;--font-body-sm:0.9375rem;--font-caption:0.875rem;--font-label:0.8125rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--letter-spacing-tight:-0.035em;--letter-spacing-normal:0em;--letter-spacing-wide:0.04em;--line-height-tight:0.95;--line-height-snug:1;--line-height-normal:1.5;--line-height-relaxed:1.75;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--space-40:10rem;--space-48:12rem;--space-fluid-xs:clamp(0.5rem,2vw,1rem);--space-fluid-sm:clamp(1rem,3vw,1.5rem);--space-fluid-md:clamp(1.5rem,4vw,2rem);--space-fluid-lg:clamp(2rem,5vw,3rem);--space-fluid-xl:clamp(3rem,7vw,4rem);--container-wide:1440px;--container-normal:1200px;--container-compact:960px;--duration-micro:120ms;--duration-fast:200ms;--duration-standard:300ms;--duration-slow:500ms;--duration-editorial:800ms;--ease-smooth:cubic-bezier(0.4,0,0.2,1);--ease-bounce:cubic-bezier(0.34,1.56,0.64,1);--ease-exit:cubic-bezier(0.4,0,0.2,1);--ease-entrance:cubic-bezier(0,0,0.2,1);--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-base:0 4px 6px -1px rgba(0,0,0,0.1);--shadow-md:0 10px 15px -3px rgba(0,0,0,0.1);--shadow-lg:0 20px 25px -5px rgba(0,0,0,0.1);--shadow-glow-warm:0 0 20px rgba(255,201,138,0.4);--shadow-glow-cool:0 0 20px rgba(214,230,255,0.4);--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;padding:0;background-color:var(--bg-dark);color:#FFFFFF;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:var(--blue);text-decoration:none;transition:color var(--duration-fast) ease}a:hover{color:var(--navy)}.pg{font-family:var(--font-sans)}.wrap{max-width:1240px;margin:0 auto;padding:0 48px}.disp{font-weight:var(--font-weight-extrabold);letter-spacing:var(--letter-spacing-tight);word-spacing:.04em}.hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);grid-gap:var(--space-10);gap:var(--space-10);align-items:center}.h1{font-size:var(--font-h1);line-height:var(--line-height-tight);font-weight:var(--font-weight-extrabold);letter-spacing:var(--letter-spacing-tight)}.h2{font-size:var(--font-h2);line-height:var(--line-height-snug);font-weight:var(--font-weight-bold)}.mirror-box{border-radius:var(--radius-lg);border:1px solid var(--surface-hover);overflow:hidden}.two{display:grid;grid-template-columns:1fr;grid-gap:var(--space-8);gap:var(--space-8)}.shapes{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-4);gap:var(--space-4)}.rancang{display:grid;grid-template-columns:1fr 1.2fr;grid-gap:var(--space-10);gap:var(--space-10)}.hotspot-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-8);gap:var(--space-8)}.project-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-6);gap:var(--space-6)}.hotspot-panel{background:var(--surface);padding:var(--space-6)}.hotspot-panel,.project-card{border-radius:var(--radius-lg)}.project-card{overflow:hidden}.steps{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-6);gap:var(--space-6)}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-4);gap:var(--space-4)}.shipping-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-8);gap:var(--space-8)}.shipping-card{border-radius:var(--radius-lg);background:var(--surface);padding:var(--space-6)}.ws-hero{position:relative;overflow:hidden;border-radius:var(--radius-xl)}.ws-hero>img{width:100%;height:auto;transition:transform var(--duration-standard) ease}.ws-hero:hover>img{transform:scale(1.06)}.ws-h{font-size:68px}.specs{display:flex;flex-direction:column;gap:var(--space-4)}.specs li{display:flex;gap:var(--space-3);align-items:flex-start}.specs li:first-child{font-weight:var(--font-weight-semibold);color:var(--accent-conversion)}.proc{position:relative;display:flex;flex-direction:column;gap:var(--space-8)}.proc:before{content:"";position:absolute;left:var(--space-6);top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--accent-warm),transparent)}.step{position:relative}.step-dot{position:absolute;left:0;top:var(--space-8);width:var(--space-12);height:var(--space-12);border-radius:50%;background:var(--surface);border:2px solid var(--accent-warm);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);color:var(--accent-warm)}.step-img{margin-left:var(--space-20);border-radius:var(--radius-lg);overflow:hidden}.step-img img{width:100%;height:auto;transition:transform var(--duration-standard) ease}.step:hover .step-img img{transform:scale(1.06)}.nav-links{display:flex}.diamonds{display:block}.led-trace{animation:pg-trace 3s ease-in-out forwards}.pv-mirror{transition:width var(--duration-standard) var(--ease-bounce),height var(--duration-standard) var(--ease-bounce),top var(--duration-standard) ease,border-radius var(--duration-standard) ease}.pill{transition:background var(--duration-fast) ease-out,border-color var(--duration-fast) ease-out,color var(--duration-fast) ease-out}.fld:focus-visible,.ghost:focus-visible,.mirror-btn:focus-visible,.opt:focus-visible,.pill:focus-visible,.wa:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--accent-conversion);outline-offset:2px}.fld{width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--surface-hover);color:#FFFFFF;font-family:inherit;font-size:var(--font-body);transition:border-color var(--duration-fast) ease}.fld::placeholder{color:var(--slate)}.fld:focus{border-color:var(--accent-conversion);outline:none}@keyframes pg-trace{0%{stroke-dasharray:1000;stroke-dashoffset:1000}to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.animate-trace,.led-trace{animation-duration:.01ms}}@media (max-width:860px){.hero-grid{gap:var(--space-8)}.hero-grid,.rancang,.two{grid-template-columns:1fr}.specs li{font-size:var(--font-body-sm)}.steps{grid-template-columns:repeat(2,1fr)}.shipping-grid{grid-template-columns:1fr}.wrap{padding:0 var(--space-4)}}@media (max-width:480px){.ws-h{font-size:48px}.steps{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.shapes{grid-template-columns:1fr}}:root{--brand-navy:#273153;--brand-blue:#2c5084;--brand-sky:#c0cbda;--brand-grey:#a6a6a6;--ivory:#f5f7fa;--stone:#e4e9f0;--ink:var(--brand-navy);--muted:#596277;--bronze:var(--brand-blue);--line:#cfd8e4;--header-height:85px;--ease-editorial:cubic-bezier(.22,1,.36,1);--paper-cold:var(--ivory);--paper:#fff;--navy:var(--ink);--blue:var(--brand-blue);--slate:var(--muted);--bg-dark:#1b2238;--slate-light:#dbe2ec;--accent-glass:var(--brand-sky);--glass-edge:var(--brand-sky);--accent-conversion:#166849;--radius-sm:2px;--radius-md:3px;--radius-lg:4px;--radius-xl:4px;--radius-2xl:4px;--font-h2:clamp(34px,4vw,58px);--font-weight-bold:600}*{box-sizing:border-box}body{background:var(--ivory);color:var(--ink);overflow-x:clip}button,input,select,textarea{font:inherit}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit}a:hover{color:var(--bronze)}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}:focus-visible{outline:2px solid var(--brand-blue);outline-offset:5px}::selection{background:var(--brand-sky);color:var(--brand-navy)}.wrap{max-width:1408px;padding:0 64px;width:100%}.pg{position:relative}main{min-width:0}main[id],section[id]{scroll-margin-top:calc(var(--header-height) + 15px)}h1,h2,h3,p{overflow-wrap:break-word}.h2{font-weight:400;line-height:1.12;letter-spacing:-.05em}.eyebrow{font-size:11px;line-height:1.7;letter-spacing:.12em;text-transform:uppercase}.small-line{display:inline-block;width:26px;height:1px;background:var(--bronze);vertical-align:middle;margin-right:8px}.button-light,.button-primary{display:inline-flex;justify-content:center;align-items:center;gap:25px;min-height:50px;padding:16px 24px;background:var(--ink);border:1px solid var(--ink);color:var(--ivory);border-radius:2px;font-size:13px;line-height:1.4;transition:background .2s,transform .2s;text-decoration:none}.button-primary:hover{background:var(--brand-blue);border-color:var(--brand-blue);color:white}.button-light{background:var(--ivory);color:var(--ink)!important;border-color:var(--ivory)}.button-light:hover{background:var(--stone)}.button-light:active,.button-primary:active{transform:translateY(1px)}.text-link{border:0;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:16px;border-bottom:1px solid;padding:8px 0;font-size:13px;line-height:1.4}.button-plain,.text-link{background:none;color:inherit}.button-plain{border:1px solid var(--line);padding:10px 14px}.mobile-links{display:flex;flex-direction:column;gap:26px}.skip-link{position:fixed;top:10px;left:15px;z-index:100;padding:15px;background:var(--ivory);color:var(--ink);transform:translateY(-180%)}.skip-link:focus{transform:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1023px){.wrap{padding:0 32px}}@media(max-width:760px){:root{--header-height:71px}.wrap{padding:0 24px}body{padding-bottom:0}footer{padding-bottom:105px!important}}@media(max-width:360px){.wrap{padding:0 20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation:none!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media print{.sticky-wa-wrapper,header{display:none!important}}html{scroll-behavior:auto}.disp{font-weight:400}