@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-700:#bf000f;--color-green-700:#008138;--color-white:#fff;--spacing:.25rem;--container-2xl:42rem;--container-3xl:48rem;--container-7xl:1280px;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25/1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--leading-tight:1.25;--leading-relaxed:1.625;--blur-3xl:64px;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-brand:#2b4c86;--color-brand-dark:#234173;--color-orange:#f16722;--color-navy:#0b3c63;--color-navy-700:#0a2f4d;--color-cream:#f4f7fb;--color-slate:#374151;--color-mist:#e5e7eb;--color-snow:#f9fafb}@supports (color:lab(0% 0 0)){:root,:host{--color-red-700:lab(40.4273% 67.2623 53.7441);--color-green-700:lab(47.0329% -47.0239 31.4788)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{color:var(--color-slate);font-family:var(--font-body),"Prompt","Noto Sans Thai",sans-serif;font-feature-settings:"kern" 1;text-rendering:optimizelegibility;background:#fff;line-height:1.8}h1,h2,h3,h4,h5,h6{font-family:var(--font-body),"Prompt","Noto Sans Thai",sans-serif;color:var(--color-navy);font-weight:700;line-height:1.35}::selection{background-color:var(--color-brand);color:#fff}}@layer components{.font-display{font-family:var(--font-poppins),"Poppins",sans-serif}.container-page{max-width:var(--container-7xl);margin-inline:auto;padding-inline:1.5rem}@media (min-width:1024px){.container-page{padding-inline:2.5rem}}.section{padding-block:4.5rem}@media (min-width:768px){.section{padding-block:6rem}}.eyebrow{font-family:var(--font-poppins),"Poppins",sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--color-brand-dark);align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;display:inline-flex}.eyebrow:before{content:"";background:var(--color-brand);width:1.75rem;height:2px}.btn-primary{color:#fff;background:linear-gradient(135deg,#4fbf1f 0%,#2f9e0a 60%,#1f7a00 100%);border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;padding:.9rem 2rem;font-size:.95rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 6px 20px #2f9e0a4d}.btn-primary:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 10px 28px #1f7a006b}.btn-gold{background:var(--color-orange);color:#fff;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;padding:.9rem 2rem;font-size:.95rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 6px 20px #f1672247}.btn-gold:hover{background:#d8551a;transform:translateY(-2px)}.btn-dark{background:var(--color-navy);color:#fff;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;padding:.9rem 2rem;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-dark:hover{background:var(--color-navy-700);transform:translateY(-2px)}.btn-outline{border:1.5px solid var(--color-brand);color:var(--color-brand-dark);background:#fff;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;padding:.9rem 2rem;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-outline:hover{background:var(--color-brand);color:#fff}.btn-line{color:#fff;background:#06c755;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;padding:.9rem 2rem;font-size:.95rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 6px 20px #06c75540}.btn-line:hover{background:#05b34c;transform:translateY(-2px)}.card{border:1px solid var(--color-mist);background:#fff;border-radius:1.25rem;transition:all .35s cubic-bezier(.4,0,.2,1)}.card:hover{border-color:var(--color-brand);transform:translateY(-4px);box-shadow:0 18px 40px #0b3c631f}.bg-hero{background:radial-gradient(1100px 520px at 80% -10%,#4fbf1f4d,#0000 60%),radial-gradient(900px 480px at 10% 110%,#1e88e54d,#0000 60%),linear-gradient(135deg,#06314f 0%,#015897 55%,#1565c0 100%)}.bg-cream{background:radial-gradient(at top left,#fff 55%,var(--color-cream)100%)}.badge-gold{color:#b45309;background:#f59e0b1f;border:1px solid #f59e0b4d;border-radius:9999px;align-items:center;gap:.4rem;padding:.35rem .9rem;font-size:.78rem;font-weight:600;display:inline-flex}.nav-glass{-webkit-backdrop-filter:saturate(180%)blur(12px);backdrop-filter:saturate(180%)blur(12px);border-bottom:1px solid var(--color-mist);background:#ffffffeb;box-shadow:0 4px 24px #0b3c630f}.link-underline{position:relative}.link-underline:after{content:"";background:var(--color-brand);width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.link-underline:hover:after{width:100%}.input-modern{border:1px solid var(--color-mist);background:var(--color-snow);width:100%;color:var(--color-navy);border-radius:.85rem;padding:.8rem 1rem;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.input-modern:focus{border-color:var(--color-brand);background:#fff;outline:none;box-shadow:0 0 0 3px #2f9e0a29}.bg-dot-grid{background-image:radial-gradient(#fff9 1px,#0000 1px);background-size:22px 22px}.animate-fade-up{animation:.7s cubic-bezier(.4,0,.2,1) both fadeUp}.prose-article{color:var(--color-slate);font-size:1.0625rem;line-height:1.95}.prose-article h2{border-left:4px solid var(--color-brand);color:var(--color-navy);margin-top:2.5rem;margin-bottom:1rem;padding-left:1rem;font-size:1.5rem}.prose-article h3{color:var(--color-navy);margin-top:2rem;margin-bottom:.75rem;font-size:1.25rem}.prose-article p{margin-bottom:1.25rem}.prose-article ul{margin:1.25rem 0;padding-left:1.25rem;list-style:none}.prose-article li{margin-bottom:.75rem;padding-left:1.5rem;position:relative}.prose-article li:before{content:"";background:var(--color-brand);border-radius:9999px;width:.5rem;height:.5rem;position:absolute;top:.7rem;left:0}}@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.-top-24{top:calc(var(--spacing)*-24)}.-right-24{right:calc(var(--spacing)*-24)}.-bottom-20{bottom:calc(var(--spacing)*-20)}.-left-16{left:calc(var(--spacing)*-16)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.block{display:block}.flex{display:flex}.grid{display:grid}.inline{display:inline}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-72{height:calc(var(--spacing)*72)}.h-80{height:calc(var(--spacing)*80)}.h-96{height:calc(var(--spacing)*96)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-80{width:calc(var(--spacing)*80)}.w-96{width:calc(var(--spacing)*96)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize-none{resize:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-12{gap:calc(var(--spacing)*12)}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-\[2rem\]{border-radius:2rem}.rounded-full{border-radius:3.40282e38px}.border-0{border-style:var(--tw-border-style);border-width:0}.bg-brand-bright\/20{background-color:#4fbf1f33;background-color:lab(68.8759% -52.7727 62.1901/.2)}.p-6{padding:calc(var(--spacing)*6)}.\!px-5{padding-inline:calc(var(--spacing)*5)!important}.px-8{padding-inline:calc(var(--spacing)*8)}.\!py-2\.5{padding-block:calc(var(--spacing)*2.5)!important}.py-14{padding-block:calc(var(--spacing)*14)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-28{padding-top:calc(var(--spacing)*28)}.pt-32{padding-top:calc(var(--spacing)*32)}.pb-16{padding-bottom:calc(var(--spacing)*16)}.text-center{text-align:center}.text-left{text-align:left}.\!text-sm{font-size:var(--text-sm)!important;line-height:var(--tw-leading,var(--text-sm--line-height))!important}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.\!text-brand-bright{color:#4fbf1f!important}.\!text-white{color:var(--color-white)!important}.text-brand{color:#2b4c86}.text-green-700{color:var(--color-green-700)}.text-navy{color:#0b3c63}.text-red-700{color:var(--color-red-700)}.text-slate{color:#374151}.text-steel{color:#6b7280}.text-white{color:var(--color-white)}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.text-white\/70{color:color-mix(in oklab,var(--color-white)70%,transparent)}}.text-white\/75{color:#ffffffbf}@supports (color:color-mix(in lab, red, red)){.text-white\/75{color:color-mix(in oklab,var(--color-white)75%,transparent)}}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.accent-\[\#2f9e0a\]{accent-color:#2f9e0a}.opacity-10{opacity:.1}.blur-3xl{--tw-blur:blur(var(--blur-3xl));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}@media (hover:hover){.hover\:text-brand-dark:hover{color:#234173}}@media (min-width:40rem){.sm\:w-auto{width:auto}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}}@media (min-width:48rem){.md\:p-8{padding:calc(var(--spacing)*8)}.md\:px-16{padding-inline:calc(var(--spacing)*16)}.md\:py-20{padding-block:calc(var(--spacing)*20)}.md\:pt-36{padding-top:calc(var(--spacing)*36)}.md\:pt-40{padding-top:calc(var(--spacing)*40)}.md\:pb-20{padding-bottom:calc(var(--spacing)*20)}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}}@media (min-width:64rem){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}:root{--sg-blue:#2b4c86;--sg-orange:#f16722}.reference-container{width:min(100% - 80px,1180px);margin-inline:auto}a,button{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline-offset:5px;outline:3px solid #f16722}[id]{scroll-margin-top:110px}.skip-content{z-index:100;color:var(--sg-blue);background:#fff;padding:12px 20px;position:fixed;top:-100px;left:16px}.skip-content:focus{top:12px}.welcome-bar{background:var(--sg-blue);color:#fff;font-size:15px}.welcome-inner{justify-content:space-between;align-items:center;gap:20px;min-height:54px;display:flex}.welcome-right,.social-icons,.welcome-right nav{align-items:center;gap:14px;display:flex}.social-icons{gap:7px}.social-icons a{width:34px;height:34px;color:var(--sg-blue);background:#fff;border-radius:50%;place-items:center;display:grid}.social-icons svg{width:22px;height:22px}.brand-header{background:#fff}.brand-inner{justify-content:space-between;align-items:center;gap:35px;min-height:155px;display:flex}.brand-inner>a img{width:130px;height:auto}.header-details{align-items:center;gap:28px;display:flex}.header-detail{align-items:center;gap:16px;font-size:16px;line-height:1.45;display:flex}.header-detail strong{color:#161616;font-weight:600;display:block}.header-detail p{color:#777;margin-top:3px;font-size:15px}.header-icon{width:50px;height:50px;color:var(--sg-blue);background:#f2f2f2;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.header-icon svg{width:27px;height:27px}.reference-nav{z-index:40;border-bottom:1px solid #ffffff35;height:90px;margin-bottom:-90px;position:sticky;top:0}.nav-inner{align-items:center;gap:38px;height:100%;display:flex}.desktop-links{align-items:center;gap:32px;font-size:16px;font-weight:600;display:flex}.nav-home .desktop-links{color:#161616}.nav-product .desktop-links,.nav-product .header-detail strong,.nav-product .header-detail p{color:#fff}.desktop-links a:hover,.desktop-links .active{color:var(--sg-orange)}.nav-contact{margin-left:auto}.nav-contact .header-icon{background:var(--sg-blue);color:#fff}.promotion-button{background:var(--sg-blue);color:#fff;white-space:nowrap;justify-content:center;align-items:center;gap:7px;padding:10px 23px;font-size:14px;display:inline-flex}.promotion-button:hover{background:#173360}.mobile-promotion,.menu-toggle,.sticky-brand,.mobile-menu{display:none}.is-stuck{background:#fffffffa;box-shadow:0 2px 12px #0000000c}.is-stuck .sticky-brand{margin-right:auto;display:block}.is-stuck .desktop-links{color:#161616;margin-right:auto}.is-stuck .nav-contact,.is-stuck .promotion-button{display:none}.living-hero{justify-content:center;align-items:center;height:530px;padding:100px 20px 30px;display:flex;position:relative}.hero-background{object-fit:cover;object-position:center;z-index:0}.living-content{z-index:1;text-align:center;position:relative}.living-logo{width:230px;height:auto;margin:0 auto 36px}.living-title{background:#ffffffa8;border-radius:20px;min-width:min(600px,100vw - 36px);padding:18px 25px 22px}.living-title h1{color:#015897;font-size:40px;font-weight:600}.living-title p{color:#015897;font-size:32px;font-weight:600;line-height:1.65}.living-title p:last-child{font-size:24px}.solution-band{background-position:50%;background-size:cover;padding:55px 0 65px}.solution-energy{background-image:url(/images/reference/energy-bg.webp)}.solution-air{background-image:url(/images/reference/air-bg.webp)}.solution-climate{background-image:url(/images/reference/climate-bg.webp)}.solution-heading{color:#fff;justify-content:flex-start;align-items:center;gap:20px;margin-bottom:38px;font-size:54px;font-weight:500;display:flex}.solution-heading>span{border:3px solid;border-radius:50%;place-items:center;width:72px;height:72px;display:grid}.solution-heading svg{width:46px;height:46px}.solution-climate .solution-heading{color:#4f873b}.solution-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.solution-card{background:0 0;border-radius:18px;display:block}.solution-image>img{aspect-ratio:1024/700;object-fit:cover;border-radius:18px;width:100%;height:auto;display:block}.solution-card h3{color:#fff;text-align:center;background:linear-gradient(100deg,#f16722,#d04500);border-radius:12px;margin-top:14px;padding:18px 12px;font-size:30px;font-weight:500}.solution-air .solution-card h3{background:linear-gradient(100deg,#015897,#024576)}.solution-climate .solution-card h3{background:linear-gradient(100deg,#76a74c,#5f813f)}.facebook-section{background:#fbfbfb;padding:70px 0}.facebook-intro{grid-template-columns:280px 1fr;align-items:center;gap:50px;margin-bottom:48px;display:grid}.facebook-intro h2{color:var(--sg-blue);margin:4px 0 12px;font-size:48px;font-weight:600}.facebook-intro p{color:#222;font-size:16px}.facebook-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;display:grid}.facebook-card{background:#fff;border-radius:25px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 5px 25px #00000012}.facebook-author{color:#171717;align-items:center;gap:10px;padding:20px 18px 12px;font-size:13px;line-height:1.5;display:flex}.facebook-author img{object-fit:contain;border-radius:50%;width:44px;height:44px}.facebook-author strong{flex:1}.facebook-author span{font-size:12px;font-weight:400}.facebook-author>svg{color:#1877f2}.facebook-card>p{min-height:114px;padding:0 18px 18px;font-size:14px;line-height:1.7}.facebook-post-image{margin-top:auto;display:block}.facebook-post-image img{aspect-ratio:1;object-fit:cover;width:100%}.facebook-post-link{color:#555;justify-content:space-between;align-items:center;padding:16px 20px;font-size:13px;display:flex}.feed-snapshot-note{text-align:center;color:#666;margin-top:25px;font-size:12px}.feed-more{margin-top:24px}.feed-more a{background:var(--sg-blue);color:#fff;text-align:center;border-radius:2px;width:100%;padding:10px 25px;font-size:14px;display:block}.reference-footer{color:#fff;background:#015897}.footer-inner{width:min(100% - 20px,1200px);margin-inline:auto;padding:40px 10px}.footer-logo{width:24%;height:auto;margin-inline:auto;display:block}.footer-company{justify-content:center;align-items:center;gap:20px;margin-top:30px;display:flex}.footer-detail{align-items:flex-start;gap:15px;display:flex}.footer-info-icon{background:#fff;border-radius:50%;flex:0 0 50px;place-items:center;width:50px;height:50px;display:grid}.footer-info-icon img{object-fit:contain;width:25px;height:25px}.footer-detail h2,.footer-detail h3,.footer-channel h3{color:#fff;margin:8px 0 0;font-size:18px;font-weight:600;line-height:1.2}.footer-detail p,.footer-channel p{font-size:16px;line-height:1.5}.footer-channels{justify-content:center;gap:20px;margin-top:50px;display:flex}.footer-channel{color:#fff;border-radius:50px;align-items:center;gap:30px;padding:10px 45px;display:flex}.footer-channel>img{object-fit:contain;flex:0 0 40px;width:40px;height:40px}.footer-channel>div{text-align:center}.footer-channel h3{font-weight:500}.footer-line{background:#08b437}.footer-facebook{background:#106afe}.footer-phone{background:#f16722}.footer-copyright{text-align:center;background:#009ef6;padding:10px;font-size:12px;line-height:18px}.footer-channel:focus-visible{outline-offset:4px;outline:3px solid #fff}@media (prefers-reduced-motion:no-preference){.footer-channel{transition:transform .3s var(--sg-ease),box-shadow .3s var(--sg-ease)}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.footer-channel:hover{transform:translateY(-3px);box-shadow:0 8px 18px #00396335}}@media (max-width:1024px){.footer-company,.footer-channels{flex-wrap:wrap}.footer-channel{padding-inline:28px}}.contact-widget{z-index:60;flex-direction:column;align-items:flex-end;gap:12px;display:flex;position:fixed;bottom:24px;right:26px}.contact-toggle,.contact-option{align-items:center;gap:12px;display:flex}.contact-toggle i,.contact-option i{color:#fff;background:#5654bd;border-radius:50%;place-items:center;width:56px;height:56px;display:grid;box-shadow:0 4px 14px #00000020}.contact-toggle svg,.contact-option svg{width:28px;height:28px}.contact-label,.contact-option>span{color:#222;background:#fff;border-radius:7px;padding:5px 14px;font-size:14px;box-shadow:0 2px 10px #0000001a}.contact-options{flex-direction:column;align-items:flex-end;gap:12px;display:flex}.channel-line i{background:#06c755}.channel-phone i{background:#249dd4}.channel-facebook i{background:#1877f2}@media (max-width:1023px){.header-details{gap:16px}.header-detail{gap:10px;font-size:14px}.header-detail p{font-size:12px}.header-icon{width:40px;height:40px}.nav-inner{gap:20px}.solution-card h3{font-size:24px}.facebook-grid{gap:15px}.facebook-intro h2{font-size:38px}}@media (max-width:767px){.reference-container{width:calc(100% - 36px)}.welcome-inner{flex-direction:column;justify-content:center;gap:10px;min-height:139px;padding:14px 0}.welcome-inner>p{font-size:14px}.welcome-right{flex-direction:column;gap:8px}.welcome-right nav{font-size:13px}.social-icons a{width:30px;height:30px}.social-icons svg{width:20px;height:20px}.brand-header{display:none}.reference-nav{background:#fff;border:0;height:76px;margin-bottom:0}.nav-inner{justify-content:space-between;gap:12px;width:calc(100% - 36px)}.sticky-brand,.is-stuck .sticky-brand{margin:0;display:block}.sticky-brand img{width:64px;height:auto}.desktop-links,.nav-contact{display:none}.promotion-button,.is-stuck .promotion-button{padding:10px 14px;font-size:13px;display:flex}.menu-toggle{color:#444;background:#f1f1f1;border-radius:3px;place-items:center;width:42px;height:42px;display:grid}.mobile-menu{background:#fff;flex-direction:column;max-height:calc(100dvh - 76px);padding:12px 20px 20px;display:flex;overflow-y:auto;box-shadow:0 10px 20px #00000015}.mobile-menu a{color:#222;border-bottom:1px solid #eee;gap:10px;padding:12px 4px;font-size:15px;display:flex}.mobile-menu a[aria-current]{color:#d95516}.living-hero{height:510px;padding:80px 18px 30px}.living-content{width:100%}.living-logo{width:115px;margin-bottom:45px}.living-title{border-radius:16px;padding:18px 8px}.living-title h1{font-size:clamp(21px,6vw,26px)}.living-title p{margin-top:6px;font-size:clamp(16px,4.6vw,20px)}.living-title p:last-child{font-size:clamp(13px,3.9vw,16px)}.solution-band{padding:35px 0 40px}.solution-heading{justify-content:center;gap:12px;margin-bottom:25px;font-size:36px}.solution-heading>span{border-width:2px;width:52px;height:52px}.solution-heading svg{width:34px;height:34px}.solution-grid{grid-template-columns:1fr;gap:25px}.solution-card{border-radius:14px}.solution-card h3{padding:15px 8px;font-size:23px}.facebook-section{padding:42px 0}.facebook-intro{text-align:center;grid-template-columns:1fr;gap:22px;margin-bottom:28px}.facebook-intro img{width:160px;margin:auto}.facebook-intro h2{font-size:30px}.facebook-intro p{font-size:14px}.facebook-grid{grid-template-columns:1fr;gap:24px}.facebook-card>p{min-height:auto}.facebook-post-image img{aspect-ratio:auto;max-height:420px}.footer-company{flex-direction:column;padding-inline:10px}.footer-detail{text-align:center;flex-direction:column;align-items:center}.footer-channels{flex-direction:column}.footer-channel{gap:20px;padding:10px 45px}.footer-channel>div{flex:1}.footer-copyright{font-size:12px}.contact-widget{bottom:18px;right:18px}.contact-toggle i,.contact-option i{width:54px;height:54px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.product-hero{text-align:center;align-items:center;min-height:500px;padding:125px 0 85px;display:flex;position:relative}.product-shade{background:#00000080;position:absolute;inset:0}.product-hero-copy{z-index:1;position:relative}.product-hero h1{color:#fff;font-size:clamp(40px,4.5vw,64px);font-weight:700;line-height:1.5}.product-hero p{color:#fff;margin-top:28px;font-size:28px;font-weight:600;line-height:1.6}.product-hero-solar p{color:#ffce2e}.product-hero-fresh-air{min-height:510px}.product-hero-fresh-air h1{font-size:42px}.product-hero-fresh-air em{color:#e86924;font-size:1.5em;font-style:normal}.product-hero-air-solar{text-align:left}.product-hero-air-solar .product-hero-copy{padding-left:200px}.product-hero-air-solar h1{font-size:30px}.product-hero-air-solar p{margin-top:0;font-size:28px}.product-hero-air-solar .solar-slogan{color:#a9dbfa;margin-bottom:12px;font-size:54px}.product-hero-air-solar .promotion-button{margin-top:24px}.hero-controls{z-index:2;color:#fff;align-items:center;gap:12px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.hero-controls button{place-items:center;min-width:32px;min-height:32px;display:grid}.hero-controls .slide-dot:after{content:"";border:1px solid #fff;border-radius:50%;width:9px;height:9px}.hero-controls .slide-dot[aria-pressed=true]:after{background:#fff}.product-section{padding-block:78px}.product-soft{background:#f6f6f6}.product-heading{text-align:center;margin-bottom:40px}.product-heading:after,.product-title:not(.text-left):after{content:"";background:var(--sg-orange);width:92px;height:3px;margin:22px auto 0;display:block}.product-heading h2{color:var(--sg-blue);font-size:48px;font-weight:600}.product-heading p{color:#1a1a1a;margin-top:16px;font-size:30px;font-weight:600}.product-heading .service-area{color:var(--sg-blue);font-size:26px}.product-heading span{color:var(--sg-orange)}.product-split{grid-template-columns:1fr 1fr;align-items:center;gap:38px;display:grid}.product-split>img{width:100%;height:auto}.product-split h3,.fresh-explanation h2{color:var(--sg-blue);margin-bottom:20px;font-size:30px}.reference-checks{gap:18px;margin-block:22px;display:grid}.reference-checks li{color:#666;align-items:flex-start;gap:14px;font-size:18px;line-height:1.65;display:flex}.reference-checks svg{color:var(--sg-blue);stroke-width:3px;flex:0 0 22px;margin-top:4px}.reference-checks strong{color:#414141;font-weight:500}.product-wide-image{width:100%;height:auto;margin-block:30px 65px}.product-title{text-align:center;color:var(--sg-blue);margin-bottom:35px;font-size:38px;font-weight:600}.product-title span{color:var(--sg-orange)}.product-title.text-left{text-align:left;margin-bottom:22px;font-size:32px}.product-subtitle{text-align:center;color:#555;margin:-15px 0 35px;font-size:23px}.product-note{text-align:center;margin-top:24px;font-size:15px}.hybrid-benefits{text-align:center;grid-template-columns:repeat(3,1fr);gap:45px;display:grid}.hybrid-icon{width:55px;height:55px;color:var(--sg-blue);margin:0 auto 18px}.hybrid-benefits h3{color:var(--sg-blue);margin-bottom:12px;font-size:25px}.hybrid-benefits p{color:#777;font-size:18px}.product-diagram{width:100%;max-width:800px;height:auto;margin:50px auto 0}.product-team{width:min(100%,1000px);height:auto;margin:auto}.image-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.image-gallery button{background:#fff;width:100%;display:block;position:relative;overflow:hidden}.image-gallery img{width:100%;height:auto}.image-gallery figcaption{text-align:center;color:#555;padding:12px;font-size:15px}.image-zoom{color:var(--sg-blue);background:#ffffffed;border-radius:50%;padding:8px;position:absolute;bottom:12px;right:12px;box-shadow:0 2px 8px #0002}.gallery-projects{grid-template-columns:repeat(3,minmax(0,1fr))}.gallery-projects img{aspect-ratio:4/3;object-fit:cover}.gallery-single{grid-template-columns:1fr;max-width:900px;margin:auto}.gallery-catalog{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.comparison-copy{grid-template-columns:1fr 1fr;gap:35px;margin-bottom:40px;display:grid}.comparison-copy h3{color:var(--sg-blue);margin-bottom:12px;font-size:26px}.comparison-copy p{color:#666;font-size:18px}.gallery-comparison img{object-fit:contain;height:auto}.gallery-comparison{grid-template-columns:1fr;gap:56px;max-width:920px;margin-inline:auto}.gallery-comparison figure{flex-direction:column;display:flex}.gallery-comparison figcaption{color:var(--sg-blue);order:-1;padding:0 12px 18px;font-size:20px;font-weight:600}.product-action{text-align:center;color:var(--sg-blue);margin-top:32px;font-size:23px;font-weight:500}.promotion-expired{color:#745124;background:#fff3df;border-left:4px solid #e69831;margin-bottom:30px;padding:15px 20px;font-size:15px}.gallery-dialog{color:#fff;background:#111;border:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:auto;padding:60px}.gallery-dialog::backdrop{background:#111e}.gallery-large{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.gallery-large img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 160px)}.gallery-large p{text-align:center;margin-top:12px;font-size:14px}.gallery-close,.gallery-prev,.gallery-next{color:#fff;background:#333b;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute}.gallery-close{top:15px;right:15px}.gallery-prev{top:50%;left:10px}.gallery-next{top:50%;right:10px}@media (max-width:1023px){.product-hero-air-solar .product-hero-copy{padding-left:70px}.product-heading h2{font-size:38px}.reference-checks li{font-size:16px}}@media (max-width:767px){.product-hero{min-height:430px;padding:55px 0}.product-hero h1{font-size:32px;line-height:1.6}.product-hero p{margin-top:22px;font-size:20px}.product-hero-fresh-air h1{font-size:28px}.product-hero-fresh-air em{font-size:1.25em}.product-hero-air-solar .product-hero-copy{padding-left:0}.product-hero-air-solar .solar-slogan{font-size:32px}.product-hero-air-solar h1{font-size:22px}.product-hero-air-solar p{font-size:20px}.product-hero-air-solar .product-shade{background:#0009}.product-section{padding-block:48px}.product-heading{margin-bottom:26px}.product-heading h2{font-size:28px}.product-heading p{font-size:22px}.product-heading .service-area{font-size:18px}.product-split{grid-template-columns:1fr;gap:25px}.product-split h3,.fresh-explanation h2{font-size:25px}.reference-checks{gap:15px}.reference-checks li{font-size:16px}.product-wide-image{margin-bottom:35px}.product-title{margin-bottom:26px;font-size:28px}.product-heading:after,.product-title:not(.text-left):after{width:72px;height:2px;margin-top:16px}.product-title.text-left{font-size:26px}.product-subtitle{font-size:18px}.hybrid-benefits{grid-template-columns:1fr;gap:35px}.hybrid-benefits p{font-size:16px}.image-gallery,.gallery-catalog,.comparison-copy{grid-template-columns:1fr;gap:20px}.gallery-projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-action{font-size:18px}.gallery-dialog{padding:60px 12px}.gallery-large img{max-height:calc(100dvh - 160px)}.gallery-prev,.gallery-next{top:auto;bottom:15px}.comparison-copy h3{font-size:22px}.promotion-expired,.product-note{font-size:13px}}.engineer-photo{object-fit:cover;object-position:top;max-height:520px}.engineer-gallery{margin-top:40px}.contact-page .bg-hero{background:#2b4c86}.contact-page .eyebrow{color:#fff!important}.contact-page .btn-primary{box-shadow:none;background:#2b4c86}.contact-page .card:hover{transform:none}.solution-heading>img{width:72px;height:72px}@media (max-width:767px){.solution-heading>img{width:52px;height:52px}.living-title{min-width:0}.product-hero-air-solar .solar-slogan{text-wrap:balance;font-size:28px;line-height:1.5}}.video-review{aspect-ratio:16/9;background:#132843;width:min(100%,1000px);margin:auto;position:relative}.video-review iframe,.video-review button{border:0;width:100%;height:100%;position:absolute;inset:0}.video-review img{object-fit:cover;opacity:.55}.video-review button>span{color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:relative}.video-review span>svg{background:#e94436;border-radius:50%;width:70px;height:70px;padding:20px}.video-review strong{font-size:20px}@media (max-width:767px){.product-hero p{text-wrap:balance}}:root{--sg-ease:cubic-bezier(.22,1,.36,1)}.solution-image{isolation:isolate;border-radius:18px;display:block;overflow:hidden}.solution-card h3{position:relative}.desktop-links a{padding-block:10px;position:relative}.desktop-links a:after{content:"";background:var(--sg-orange);transform-origin:0;height:2px;position:absolute;bottom:2px;left:0;right:0;transform:scaleX(0)}.desktop-links a.active:after,.desktop-links a:focus-visible:after{transform:scaleX(1)}.solution-card:focus-visible,.image-gallery button:focus-visible,.promotion-button:focus-visible{outline-offset:5px;outline:3px solid #f5a653}.facebook-post-image{overflow:hidden}.living-hero,.product-hero{overflow:clip}.contact-toggle i{outline-offset:-5px;outline:1px solid #ffffff40}@keyframes sg-reveal{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes sg-image-settle{0%{opacity:.5;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}@keyframes sg-dialog-in{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:no-preference){.living-hero .hero-background,.product-hero .hero-background{animation:sg-image-settle 1s var(--sg-ease)both}.living-logo{animation:sg-reveal .7s 80ms var(--sg-ease)both}.living-title{animation:sg-reveal .76s .18s var(--sg-ease)both}.product-hero-copy{animation:sg-reveal .76s .1s var(--sg-ease)both}.solar-slogan>span{animation:sg-reveal .45s var(--sg-ease)both;display:block}.solution-card,.facebook-card{transition:transform .42s var(--sg-ease),box-shadow .42s var(--sg-ease)}.solution-image img,.gallery-projects img,.facebook-post-image img,.video-review img{transition:transform .7s var(--sg-ease)}.image-zoom,.facebook-post-link svg,.video-review button>span,.header-icon,.contact-toggle i,.contact-option i{transition:transform .35s var(--sg-ease),opacity .25s var(--sg-ease)}.desktop-links a:after{transition:transform .3s var(--sg-ease)}.reference-nav{transition:background-color .25s,box-shadow .25s}.promotion-button,.feed-more a,.hero-controls button,.menu-toggle,.gallery-close,.gallery-prev,.gallery-next{transition:transform .25s var(--sg-ease),background-color .25s,box-shadow .25s}.social-icons a{transition:transform .25s var(--sg-ease),opacity .25s}.promotion-button:active,.feed-more a:active,.hero-controls button:active,.contact-toggle:active i,.menu-toggle:active{transform:scale(.97)}.mobile-menu{animation:sg-reveal .28s var(--sg-ease)both}.mobile-menu a{animation:sg-reveal .32s var(--sg-ease)both}.mobile-menu a:nth-child(2){animation-delay:35ms}.mobile-menu a:nth-child(3){animation-delay:70ms}.mobile-menu a:nth-child(4){animation-delay:.105s}.mobile-menu a:nth-child(5){animation-delay:.14s}.contact-option{animation:sg-reveal .3s var(--sg-ease)both}.contact-option:nth-child(2){animation-delay:45ms}.contact-option:nth-child(3){animation-delay:90ms}.gallery-dialog[open]{animation:sg-dialog-in .26s var(--sg-ease)both}.gallery-dialog[open]::backdrop{animation:sg-dialog-in .2s var(--sg-ease)both}}@media (hover:hover) and (pointer:fine){.desktop-links a:hover:after{transform:scaleX(1)}.solution-card:hover{box-shadow:0 18px 38px -22px #102c5680}.facebook-card:hover{box-shadow:0 18px 40px -20px #102c5638}.promotion-button:hover,.feed-more a:hover{box-shadow:0 8px 20px -10px #102c5699}.image-gallery button:hover .image-zoom{background:var(--sg-blue);color:#fff}.footer-detail[href]:hover{color:#ffb27c}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.solution-card:hover,.facebook-card:hover{transform:translateY(-6px)}.solution-card:hover .solution-image img{transform:scale(1.035)}.gallery-projects button:hover img,.facebook-card:hover .facebook-post-image img{transform:scale(1.045)}.image-gallery button:hover .image-zoom{transform:scale(1.08)}.facebook-card:hover .facebook-post-link svg{transform:translate(3px,-3px)}.promotion-button:hover,.feed-more a:hover,.social-icons a:hover,.header-detail:hover .header-icon{transform:translateY(-2px)}.contact-toggle:hover i,.contact-option:hover i{transform:translateY(-3px)scale(1.04)}.hero-controls button:hover{transform:scale(1.12)}.video-review button:hover img{transform:scale(1.025)}.video-review button:hover>span{transform:scale(1.035)}}@media (prefers-reduced-motion:reduce){.solution-card:hover,.facebook-card:hover,.solution-image img,.gallery-projects img,.facebook-post-image img{transform:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}