@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400;500;600;700&family=Prompt:wght@400;500;600;700&display=swap');
:root{--ink:#123b39;--deep:#102f2e;--muted:#526c65;--cream:#f6f7ef;--lime:#d8ed88;--gold:#f6d56f;--line:#dbe5da;scroll-behavior:smooth;scroll-padding-top:95px}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:Prompt,'Noto Sans Thai',Tahoma,sans-serif;font-size:16px;line-height:1.75}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit}.wrap{width:min(1250px,calc(100% - 64px));margin-inline:auto}.skip{position:absolute;left:10px;top:-80px;z-index:100;background:#fff;padding:12px}.skip:focus{top:8px}.topline{background:var(--deep);color:#e6f3d9;font-size:12px}.top-inner{min-height:34px;display:flex;justify-content:space-between;align-items:center}.site-header{position:sticky;top:0;z-index:40;background:rgba(255,255,252,.97);border-bottom:1px solid #e7eee7}.nav-wrap{height:82px;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:10px;line-height:1.1;white-space:nowrap}.brand-icon{color:#c1d66c;font-size:39px;line-height:1}.brand b{font:700 21px/1 Kanit,sans-serif;letter-spacing:.3px}.brand i{font-style:normal;color:#739b49}.brand small{font:500 8px/1.4 Arial,sans-serif;display:block;letter-spacing:1.7px;margin-top:4px;color:#6e8174}.nav{display:flex;gap:27px;margin-left:auto;font-size:14px;font-weight:500}.nav a:hover,.text-link:hover{text-decoration:underline;text-underline-offset:5px}.nav-mobile-phone{display:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:32px;min-height:54px;padding:13px 22px;border-radius:5px;font-weight:600;font-size:14px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:white}.button-yellow{background:var(--gold);color:var(--deep)}.button-ghost{border:1px solid #9db0a0}.button-light{border:1px solid #a9c6ae;color:white}.menu{display:none;background:none;border:0;width:44px;height:44px;padding:10px;cursor:pointer}.menu span{display:block;height:2px;background:var(--ink);margin:5px 0}.hero{background:#f1f6ee;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1.03fr;align-items:center;gap:40px;padding-top:72px;padding-bottom:58px}.kicker,.eyebrow{font:600 12px/1.3 Arial,sans-serif;letter-spacing:2px;color:#709373}.kicker{display:flex;align-items:center;gap:9px}.kicker span{height:9px;width:9px;border-radius:50%;background:#8ab86f}.hero h1,h2,h3{font-family:Kanit,Prompt,sans-serif;line-height:1.18;margin:0}.hero h1{font-size:clamp(46px,5.2vw,76px);letter-spacing:-1.5px;margin:25px 0}.hero h1 span,h2 em{color:#789e4f;font-style:normal}.hero-copy>p{color:var(--muted);font-size:17px;max-width:510px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:29px}.hero-note{margin-top:44px;color:#5c786b;font-size:13px}.sun-dot{color:#8aab5e;font-size:22px;vertical-align:middle;margin-right:8px}.hero-visual{position:relative}.hero-visual img{border-radius:14px;box-shadow:0 25px 60px #17483819}.visual-card{position:absolute;bottom:25px;left:-30px;display:flex;gap:12px;align-items:center;background:white;border-radius:8px;padding:15px 20px;box-shadow:0 15px 40px #173b3124}.visual-icon{font-size:34px;color:#8baa4f}.visual-card strong,.visual-card small{display:block}.visual-card strong{font-size:13px}.visual-card small{font-size:11px;color:var(--muted)}.hero-bottom{border-top:1px solid #dbe7d9;display:flex;gap:24px;align-items:center;justify-content:center;padding:19px 0;color:#617b69;font-size:13px}.hero-bottom span:nth-child(even){color:#a2bf7d}.section{padding:108px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px}.eyebrow{display:block;margin-bottom:20px}.section h2,.contact h2{font-size:clamp(36px,4vw,56px);letter-spacing:-.5px}.about-copy{max-width:570px;color:var(--muted)}.about-copy p:first-child{margin-top:0}.lead{font-size:22px;color:var(--ink);font-weight:600}.text-link{display:inline-block;margin-top:12px;font-weight:600;color:var(--ink)}.services{background:#f7f8f1}.section-top{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px}.section-top>p{max-width:390px;color:var(--muted);margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{background:white;border:1px solid #e1e9df;border-radius:9px;padding:27px 28px 32px;min-height:290px}.service-card.featured{background:#e0ebd3}.service-number{font-size:12px;color:#799083;display:flex;justify-content:space-between}.icon{font:400 49px/1 Georgia;color:#719950;margin:30px 0 22px}.service-card h3,.steps h3{font-size:21px}.service-card p,.steps p,.solution-grid p{color:var(--muted);font-size:15px}.solution-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.solution-art{background:#e5f0df;min-height:470px;border-radius:12px;position:relative;overflow:hidden}.orbit{border:1px solid #a7c3a1;border-radius:50%;position:absolute;width:330px;height:330px;top:20%;left:19%}.orbit-b{width:240px;height:240px;top:29%;left:28%}.solar-symbol{position:absolute;top:20%;right:18%;font-size:76px;color:#e8bf4f}.panel-grid{position:absolute;left:15%;top:41%;width:70%;height:35%;transform:skewY(-12deg) rotate(-1deg);background:#285b60;border:9px solid #1b4248;display:grid;grid-template-columns:repeat(3,1fr);gap:3px;box-shadow:0 25px 35px #1b42483b}.panel-grid span{background:linear-gradient(130deg,#508d95,#1e5664)}.art-label{position:absolute;left:30px;bottom:24px;color:#557c64;font-size:11px;letter-spacing:2px}.solution-list{margin:30px 0}.solution-list div{display:flex;gap:24px;border-top:1px solid var(--line);padding:17px 0}.solution-list div>b{font:600 12px Arial;color:#9aaf9e;margin-top:7px}.solution-list strong,.solution-list small{display:block}.solution-list small{color:var(--muted)}.reviews{background:#e9f1e4}.rating{display:flex;gap:15px;align-items:center}.rating>strong{font:600 50px/1 Kanit}.rating b{color:#d6a72c;letter-spacing:2px}.rating small{display:block;color:var(--muted);font-size:12px}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.review-grid blockquote{margin:0;padding:32px;background:#fff;border-radius:8px;display:flex;flex-direction:column;min-height:250px}.stars{color:#d3a527;letter-spacing:3px}.review-grid blockquote p{flex:1;font-size:16px}.review-grid footer{border-top:1px solid #edf0e9;padding-top:16px;display:flex;justify-content:space-between;gap:10px;font-size:13px}.review-grid footer span{color:#789084}.reviews .text-link{margin-top:25px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.steps>div{border-top:1px solid #9fb8a7;padding-top:20px}.steps span{display:block;color:#8aab80;font:600 13px Arial;margin-bottom:24px}.faq{background:#f8f8f3}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.faq-list details{border-bottom:1px solid #d8e2d6}.faq-list summary{cursor:pointer;padding:21px 30px 21px 0;font-weight:600;list-style:none;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:4px;font-size:22px;top:16px}.faq-list details[open] summary:after{content:'−'}.faq-list p{color:var(--muted);margin:0 0 20px}.contact{background:var(--deep);color:#f7f9ed;padding:95px 0}.contact-inner{display:grid;grid-template-columns:1fr auto;gap:70px}.contact .eyebrow{color:#b9d1a8}.contact h2 span{color:var(--lime)}.contact p{color:#c1d2c4}.address{border-left:1px solid #4a6e5e;padding-left:45px;max-width:340px}.address span,.address strong{display:block}.address span{font-size:12px;color:#9abda5}.address strong{font:600 22px Kanit;margin-top:14px}.address p{font-size:14px}.address a{text-decoration:underline;text-underline-offset:4px}.footer{background:#0b2626;color:#d5e6d6;padding:65px 0 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.brand-footer b{color:white}.footer p{font-size:13px;color:#a6c0ae}.footer-grid>div:not(:first-child){display:grid;align-content:start;gap:8px;font-size:13px}.footer-grid strong{color:white}.footer-bottom{border-top:1px solid #345146;margin-top:45px;padding:20px 0;color:#9cb6a4;font-size:12px;display:flex;justify-content:space-between;gap:20px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #d18b00;outline-offset:3px}@media(max-width:960px){.wrap{width:min(100% - 40px,1250px)}.nav-cta{display:none}.menu{display:block;margin-left:auto}.nav{display:none;position:absolute;top:82px;left:0;right:0;padding:18px 20px 25px;background:#fff;box-shadow:0 16px 20px #102f2e15}.nav.is-open{display:grid;gap:0}.nav a{padding:12px}.nav-mobile-phone{display:block}.hero-grid{gap:30px}.solution-grid{gap:45px}.section{padding:80px 0}}@media(max-width:680px){.wrap{width:calc(100% - 36px)}.top-inner{font-size:10px}.nav-wrap{height:70px}.nav{top:70px}.brand b{font-size:19px}.hero-grid{grid-template-columns:1fr;padding-top:48px;padding-bottom:40px}.hero h1{font-size:clamp(43px,11vw,62px);margin:19px 0}.hero-copy>p{font-size:16px}.hero-note{margin-top:24px}.hero-visual{margin:0 0 0 12px}.visual-card{left:-12px;bottom:12px;padding:10px 13px}.visual-icon{font-size:28px}.hero-bottom{flex-wrap:wrap;gap:8px 14px;font-size:11px;text-align:center}.split,.solution-grid,.faq-grid,.contact-inner{grid-template-columns:1fr;gap:32px}.section{padding:70px 0}.section-top{display:block}.section-top>p{margin-top:20px}.service-grid,.review-grid,.steps{grid-template-columns:1fr}.service-card{min-height:0}.icon{margin:18px 0}.solution-art{min-height:330px}.orbit{width:230px;height:230px}.orbit-b{width:160px;height:160px}.solar-symbol{font-size:50px}.section h2,.contact h2{font-size:38px}.rating{margin-top:25px}.steps{gap:20px}.steps span{margin-bottom:12px}.contact{padding:72px 0}.address{border-left:0;border-top:1px solid #4a6e5e;padding:25px 0 0}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{display:grid}.review-grid blockquote{min-height:210px}.actions .button{gap:12px}}@media(max-width:360px){.nav-wrap{gap:8px}.brand-icon{font-size:29px}.brand b{font-size:16px}.brand small{font-size:7px;letter-spacing:1px}.menu{flex-shrink:0}.hero h1{font-size:40px}.top-inner{font-size:9px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}