:root{--green:#76ba31;--green-dark:#165f3d;--ink:#142e27;--muted:#60716b;--cream:#f6f8f3;--line:#dce5da}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"IBM Plex Sans Thai",sans-serif;background:#fff}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(100% - 64px,1240px);margin:auto}.site-header{height:82px;background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 2px 18px #102e1710}.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:22px}.brand{display:flex;align-items:center;gap:9px;min-width:205px}.brand img{width:56px;height:56px;object-fit:contain}.brand strong{display:block;font:800 25px/.9 Manrope,sans-serif;letter-spacing:-1.5px}.brand small{display:block;font:700 8px/1.5 Manrope,sans-serif;letter-spacing:1.6px;color:#4c5d55;margin-top:7px}.site-nav{display:flex;align-items:center;gap:30px;height:100%;white-space:nowrap}.site-nav a{height:100%;display:flex;align-items:center;position:relative;font-size:14px;font-weight:600;transition:color .2s}.site-nav a:hover,.site-nav a.active{color:var(--green-dark)}.site-nav a.active:after,.site-nav a:hover:after{content:"";height:3px;background:var(--green);position:absolute;bottom:0;left:0;right:0}.header-call{display:flex;align-items:center;gap:10px;white-space:nowrap}.call-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#fff;background:var(--green-dark);font:700 20px Manrope}.header-call small{font-size:10px;display:block;color:var(--muted)}.header-call strong{font:800 14px Manrope}.menu-toggle{display:none}.hero{height:min(660px,calc(100vh - 82px));min-height:570px;position:relative;color:#fff;overflow:hidden;background:#112f27}.hero-photo{position:absolute;inset:0;background-image:url('assets/inverters-close.jpg');background-position:80% 50%;background-size:cover;filter:saturate(.65) contrast(1.02)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0a2b23 0%,#103d32f2 33%,#174235ad 56%,#142e2480 100%),linear-gradient(0deg,#0b2619aa,transparent 36%)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,transparent 0 70%,#8fca3b24 70.1% 75%,transparent 75.1%);pointer-events:none}.hero-content{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-bottom:24px}.eyebrow,.kicker{font:800 12px Manrope,sans-serif;letter-spacing:2.5px;color:var(--green-dark)}.eyebrow{display:flex;align-items:center;gap:12px;color:#b9e985}.eyebrow-line{width:28px;height:2px;background:var(--green)}h1,h2,p{margin-top:0}.hero h1{font-size:clamp(46px,5.3vw,76px);line-height:1.16;letter-spacing:-2px;margin:22px 0 20px;font-weight:700;max-width:800px}.hero h1 em{color:#b3e878;font-style:normal}.hero p{font-size:18px;line-height:1.85;max-width:580px;color:#e3ede8}.hero-actions,.contact-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:35px;border-radius:4px;padding:0 23px;font-size:14px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button span{font:700 20px Manrope}.button-primary{background:var(--green);color:#102b1c}.button-primary:hover{background:#9bd455}.button-outline{border:1px solid #b9d7c3;color:#fff}.button-outline:hover{background:#ffffff20}.hero-caption{font:700 11px Manrope,sans-serif;letter-spacing:2px;color:#bdd4c7;margin-top:65px}.hero-index{position:absolute;right:5%;bottom:38px;color:#dcebc8;font:700 12px Manrope;letter-spacing:3px;z-index:2}.proof-strip{background:#fff;border-bottom:1px solid var(--line)}.proof-grid{display:grid;grid-template-columns:repeat(4,1fr)}.proof-grid>div{display:flex;align-items:center;justify-content:center;gap:14px;padding:27px 14px;border-right:1px solid var(--line)}.proof-grid>div:first-child{border-left:1px solid var(--line)}.proof-icon{font:600 30px Manrope;color:var(--green-dark);line-height:1}.proof-grid strong{display:block;font-size:14px}.proof-grid small{font-size:12px;color:var(--muted)}.section{padding:96px 0}.products-section{background:#fbfcf9}.section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:30px}.section-top h2,.feature-copy h2,.contact-section h2{font-size:clamp(34px,4vw,52px);line-height:1.2;letter-spacing:-1.4px;margin:12px 0 8px}.dot{color:var(--green)}.section-top p{color:var(--muted);font-size:15px;margin:0}.text-link{font-weight:700;font-size:14px;color:var(--green-dark);border-bottom:2px solid var(--green);padding-bottom:6px;white-space:nowrap}.text-link span{margin-left:16px}.category-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px}.category-card{height:315px;position:relative;overflow:hidden;color:#fff;border-radius:4px;display:flex;align-items:flex-end}.category-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 59%;transition:transform .4s}.category-card:hover img{transform:scale(1.045)}.category-overlay{position:absolute;inset:0;background:linear-gradient(0deg,#052719f2,transparent 70%),linear-gradient(90deg,#0c3f2699,transparent)}.category-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;padding:25px;gap:11px;width:100%}.category-content small{font:700 10px Manrope;letter-spacing:1.5px;color:#b5e684}.category-content strong{font-size:23px;line-height:1.3}.category-content strong span{display:block;font:600 14px Manrope;margin-top:5px}.category-arrow{font-size:12px;border-bottom:1px solid #fff;padding-bottom:4px;margin-top:4px}.category-graphic{background:#0d5138}.motor{background:radial-gradient(circle at 57% 34%,#458b65,#124c39 58%,#093726)}.industrial{background:radial-gradient(circle at 62% 35%,#3c936e,#0d523d 60%,#083d2e)}.graphic-ring{position:absolute;border:20px solid #a0bd9d73;border-radius:50%;width:220px;height:220px;top:-20px;left:25%;transform:rotate(-25deg)}.ring-two{width:130px;height:130px;top:25px;left:39%;border-width:13px;border-color:#e3f0d299}.graphic-center{position:absolute;top:46px;left:51%;font:800 68px Manrope;color:#e7f2d6b0}.graphic-lines{position:absolute;inset:-20%;background:repeating-linear-gradient(135deg,transparent 0 21px,#e5f4db20 22px 23px);transform:rotate(-6deg)}.graphic-mark{position:absolute;top:45px;left:19%;font:800 64px Manrope;letter-spacing:-6px;color:#deefd5c9}.graphic-mark span{color:#a9da63}.feature-section{background:#fff;padding-bottom:76px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.feature-image{height:510px;position:relative;overflow:hidden;background:#e9efea;border-radius:4px}.feature-image img{height:100%;width:100%;object-fit:cover;object-position:center 66%}.feature-image span{position:absolute;bottom:0;left:0;background:#0c3d2e;color:#fff;font:700 10px Manrope;letter-spacing:2px;padding:17px 22px}.feature-copy h2 span,.contact-section h2 span{color:var(--green-dark)}.feature-copy p{color:var(--muted);line-height:1.85;font-size:15px;max-width:510px}.feature-rule{height:1px;background:var(--line);margin:28px 0 15px}.feature-points{margin-bottom:29px}.feature-points div{padding:9px 0;font-weight:600;font-size:14px}.feature-points span{font:800 11px Manrope;color:#6aaa37;margin-right:13px}.button-dark{background:#0e4935;color:#fff}.button-dark:hover{background:#186f4f}.catalog-note{display:flex;align-items:center;gap:19px;background:#f0f5ed;border-left:4px solid var(--green);padding:21px 26px;margin-top:47px}.catalog-note-icon{font-size:33px;color:var(--green-dark)}.catalog-note div{flex:1}.catalog-note strong{font-size:16px}.catalog-note p{color:var(--muted);font-size:13px;margin:4px 0 0}.catalog-note a{font-size:13px;font-weight:700;color:var(--green-dark);white-space:nowrap}.about-section{background:#0b392b;color:#fff;padding:105px 0;position:relative;overflow:hidden}.about-section:after{content:"KONE";font:800 210px Manrope;letter-spacing:-15px;position:absolute;bottom:-85px;left:-20px;color:#ffffff08;pointer-events:none}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;position:relative;z-index:1}.kicker.light{color:#a5db67}.about-heading h2{font-size:clamp(36px,4.1vw,55px);line-height:1.22;letter-spacing:-1.5px;margin:16px 0 50px}.about-english{font:800 14px/1.7 Manrope;letter-spacing:2.5px;color:#76b37c}.about-copy p{line-height:1.9;color:#c3d9cc;font-size:15px}.about-copy .lead{font-size:19px;color:#fff;line-height:1.8;font-weight:600}.about-values{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px;border-top:1px solid #42715b;padding-top:22px}.about-values small{display:block;color:#a9d56f;font:800 11px Manrope;letter-spacing:2px;margin-bottom:11px}.about-values strong{font-size:14px;line-height:1.55}.contact-section{background:#f6f9f3}.contact-grid{display:grid;grid-template-columns:1fr .85fr;gap:10%;align-items:center}.contact-section h2{margin:14px 0 14px}.contact-section p{line-height:1.8;color:var(--muted);max-width:500px}.button-outline-dark{border:1px solid var(--green-dark);color:var(--green-dark)}.button-outline-dark:hover{background:#e5f1df}.contact-card{background:#fff;box-shadow:0 18px 45px #0d3d1b15;padding:32px 34px;border-radius:4px}.contact-card-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:17px;color:var(--green-dark);font:800 11px Manrope;letter-spacing:2px}.contact-card-head span:last-child{font-size:20px;line-height:.7}.contact-card dl{margin:0}.contact-card dl>div{display:grid;grid-template-columns:130px 1fr;gap:14px;padding:17px 0;border-bottom:1px solid var(--line)}.contact-card dl>div:last-child{border:0;padding-bottom:0}.contact-card dt{font-size:12px;color:var(--muted)}.contact-card dd{margin:0;font-size:14px;font-weight:700;line-height:1.55;overflow-wrap:anywhere}.contact-card dd a:hover{color:var(--green-dark)}footer{background:#092c21;color:#d5e6d9;padding:48px 0 18px}.footer-inner{display:flex;justify-content:space-between;gap:40px}.footer-brand{font:800 41px/.9 Manrope;letter-spacing:-3px;color:#fff}.footer-brand span{color:var(--green)}.footer-brand .footer-brand-dot{letter-spacing:0}.footer-inner small{font:600 11px Manrope;letter-spacing:1px}.footer-inner p{font-size:13px;color:#a9c1b1;margin:20px 0 0}.footer-links{display:flex;gap:26px;align-items:flex-start;font-size:13px;font-weight:600}.footer-links a:hover{color:#9dd45f}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #285344;margin-top:42px;padding-top:18px;font:500 11px Manrope;color:#84a495}section{scroll-margin-top:82px}@media(max-width:1100px){.site-nav{gap:18px}.header-call{display:none}.category-content strong{font-size:20px}}@media(max-width:800px){.container{width:min(100% - 36px,1240px)}.site-header{height:68px}.brand img{width:47px;height:47px}.brand strong{font-size:22px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;background:none;border:0;cursor:pointer}.menu-toggle span{display:block;height:2px;width:25px;background:var(--ink);margin-left:auto}.site-nav{display:none;position:absolute;top:68px;left:0;right:0;height:auto;background:#fff;box-shadow:0 12px 18px #0c2b1f1f;padding:8px 18px 18px;flex-direction:column;align-items:stretch;gap:0}.site-nav.open{display:flex}.site-nav a{height:44px;border-bottom:1px solid var(--line)}.site-nav a:after{display:none}.hero{height:600px;min-height:0}.hero-photo{background-position:62% 50%}.hero-shade{background:linear-gradient(90deg,#0a2b23f5 0%,#0c3527d9 60%,#0b291e80 100%)}.hero h1{font-size:clamp(38px,7vw,58px)}.hero p{font-size:16px}.proof-grid{grid-template-columns:1fr 1fr}.proof-grid>div{justify-content:flex-start;border-bottom:1px solid var(--line)}.category-grid{grid-template-columns:1fr 1fr}.category-card:first-child{grid-column:span 2}.category-card{height:260px}.feature-grid,.about-grid,.contact-grid{grid-template-columns:1fr;gap:38px}.feature-image{height:430px}.about-section{padding:75px 0}.about-heading h2{margin-bottom:15px}.about-english{display:none}.contact-card{max-width:620px}section{scroll-margin-top:68px}}@media(max-width:560px){.container{width:min(100% - 28px,1240px)}.section{padding:64px 0}.hero{height:610px}.hero-photo{background-position:53% 50%}.hero-shade{background:linear-gradient(90deg,#09271fee,#0b3429cf 72%,#0c33299c)}.hero h1{font-size:40px;letter-spacing:-1.3px}.hero p{font-size:15px}.hero-actions{width:100%}.hero-actions .button{width:100%;justify-content:space-between}.hero-caption{margin-top:30px;font-size:9px}.hero-index{display:none}.proof-grid>div{padding:19px 8px;gap:9px}.proof-icon{font-size:24px}.proof-grid strong{font-size:12px}.proof-grid small{font-size:10px}.section-top{align-items:flex-start;flex-direction:column}.section-top h2,.feature-copy h2,.contact-section h2{font-size:36px}.category-grid{grid-template-columns:1fr}.category-card:first-child{grid-column:auto}.category-card{height:245px}.feature-image{height:340px}.catalog-note{flex-wrap:wrap;padding:18px}.catalog-note a{margin-left:44px}.about-section{padding:65px 0}.about-heading h2{font-size:37px}.about-copy .lead{font-size:17px}.about-values{grid-template-columns:1fr}.contact-actions .button{width:100%;justify-content:space-between}.contact-card{padding:25px 20px}.contact-card dl>div{grid-template-columns:1fr;gap:4px}.footer-inner{flex-direction:column;gap:30px}.footer-links{flex-wrap:wrap;gap:14px 22px}.footer-bottom{flex-direction:column;gap:5px}}