@font-face{font-family:'SiteThai';src:url('/fonts/noto-sans-thai.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--ink:#f7f7ff;--deep:#090b18;--deep-soft:#191b33;--text:#e1e3f2;--muted:#bdc2db;--cream:#111426;--lime:#c8bcff;--gold:#c8bcff;--green:#bcb0f4;--line:#373b5b;scroll-behavior:smooth;scroll-padding-top:100px;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:'SiteThai','Noto Sans Thai',Tahoma,sans-serif;font-size:16px;line-height:1.85;background:#fcfcf8;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}button,summary,a{-webkit-tap-highlight-color:transparent}::selection{background:var(--gold);color:var(--deep)}.wrap{width:min(1240px,calc(100% - 80px));margin-inline:auto}.skip{position:absolute;left:12px;top:-80px;z-index:100;background:#fff;padding:10px 15px;border-radius:4px}.skip:focus{top:10px}.scroll-progress{position:fixed;z-index:80;top:0;left:0;right:0;height:3px;pointer-events:none}.scroll-progress span{display:block;width:0;height:100%;background:var(--gold)}.topline{background:var(--deep);color:#c1d4be;font-size:11px;letter-spacing:.2px}.top-inner{height:36px;display:flex;align-items:center;justify-content:space-between;gap:20px}.top-inner>a{font-weight:600;color:#f4f7e7}.top-inner>a span{margin-left:8px}.status-dot{width:5px;height:5px;background:#c1dc89;display:inline-block;border-radius:50%;margin-right:8px;vertical-align:middle}.site-header{position:sticky;top:0;z-index:40;background:rgba(252,252,248,.95);border-bottom:1px solid #e1e9df;transition:box-shadow .3s,background .3s;backdrop-filter:blur(16px)}.site-header.is-scrolled{box-shadow:0 12px 35px #173d3910;background:rgba(252,252,248,.98)}.nav-wrap{height:91px;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:9px;line-height:1.1;white-space:nowrap}.brand-icon{color:#8fae56;width:37px;height:37px;flex-shrink:0}.brand b{font:700 20px/1.1 'SiteThai',sans-serif;letter-spacing:-.5px}.brand i{font-style:normal;color:#739b49}.brand small{font:600 7.5px/1.5 'SiteThai',sans-serif;display:block;letter-spacing:1.5px;margin-top:5px;color:#6e8174}.nav{display:flex;align-items:center;gap:27px;margin-left:auto;font-size:13px;font-weight:500}.nav>a{position:relative;transition:color .2s}.nav>a:not(.nav-mobile-phone):after{content:'';height:1px;width:0;position:absolute;left:0;bottom:-5px;background:var(--green);transition:width .2s}.nav>a:hover{color:#6e944a}.nav>a:hover:after{width:100%}.nav-mobile-phone{display:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:32px;min-height:53px;padding:12px 22px;border-radius:4px;font-weight:600;font-size:14px;position:relative;overflow:hidden;transition:transform .25s,background .25s,box-shadow .25s}.button:hover{transform:translateY(-3px);box-shadow:0 10px 22px #102d2512}.button span{font-size:18px}.button-dark{background:var(--ink);color:white;min-height:45px;font-size:12px;gap:24px}.button-yellow{background:var(--gold);color:var(--deep)}.button-yellow:hover{background:#ffe28d}.button-ghost{border:1px solid #9db0a0}.button-light{border:1px solid #527366;color:#f4f8ea}.menu{display:none;background:none;border:0;width:44px;height:44px;padding:11px 9px;cursor:pointer}.menu span{display:block;height:2px;background:var(--ink);margin:6px 0;transition:transform .2s}.menu[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}.menu[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}
.hero{background:#edf3e8;position:relative;overflow:hidden}.hero-ambient{position:absolute;inset:0;pointer-events:none;overflow:hidden}.hero-grid-bg{position:absolute;inset:0;background-image:linear-gradient(#567d6810 1px,transparent 1px),linear-gradient(90deg,#567d6810 1px,transparent 1px);background-size:75px 75px;mask-image:linear-gradient(to right,transparent 0%,black 70%);opacity:.6}.ambient-glow{position:absolute;border-radius:50%;filter:blur(2px);opacity:.6}.glow-one{width:680px;height:680px;right:-180px;top:-270px;background:radial-gradient(circle,#dae9a86b,transparent 68%);animation:ambient-float 14s ease-in-out infinite alternate}.glow-two{width:480px;height:480px;left:-200px;bottom:-150px;background:radial-gradient(circle,#b5d7be6b,transparent 68%)}.hero-grid{display:grid;grid-template-columns:1.02fr 1fr;align-items:center;gap:65px;padding-top:75px;padding-bottom:76px;position:relative;min-height:590px}.hero-copy{position:relative;z-index:2}.kicker,.eyebrow{font:600 10px/1.5 'SiteThai',sans-serif;letter-spacing:1.6px;color:#6c8e70}.kicker{display:flex;align-items:center;gap:10px}.kicker b{font-weight:400;color:#a3b49e}.kicker-dot{height:7px;width:7px;border-radius:50%;background:#8aaf69;box-shadow:0 0 0 4px #88ab6719}.hero h1,h2,h3{font-family:'SiteThai',sans-serif;line-height:1.22;margin:0;letter-spacing:-1.1px}.hero h1{font-size:clamp(47px,5.1vw,75px);font-weight:650;margin:26px 0 25px;letter-spacing:-2px}.hero h1 span,h2 em{color:#779c51;font-style:normal}.hero-lead{color:var(--muted);font-size:16px;max-width:485px;line-height:1.95}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-trust{display:flex;gap:24px;margin-top:35px;color:#648273;font-size:11px}.hero-trust span{display:flex;align-items:center;gap:8px}.hero-trust span:before{content:'✓';font-family:Arial,sans-serif;color:#789958;font-weight:bold}.hero-visual{position:relative;z-index:1;padding:20px 0 0 10px}.solar-stage{background:#dfead5;border:1px solid #d5e1cd;border-radius:9px;position:relative;box-shadow:0 24px 55px #264c3212;overflow:hidden;transform:perspective(1400px) rotateY(-3deg);transition:transform .5s ease,box-shadow .5s}.solar-stage:hover{transform:perspective(1400px) rotateY(0deg) translateY(-5px);box-shadow:0 30px 70px #264c3222}.stage-top{height:45px;border-bottom:1px solid #c7d6c0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 20px;color:#668065;font:500 8px 'SiteThai',sans-serif;letter-spacing:1px}.stage-top span:first-child{display:flex;gap:7px;align-items:center}.stage-top i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#7d9d65}.solar-scene{height:352px;position:relative;overflow:hidden;background:linear-gradient(160deg,#e7efdb,#d4e4ca)}.scene-house{position:absolute;bottom:-14px;left:3%;width:96%;height:auto;z-index:2}.sun-halo{position:absolute;width:210px;height:210px;top:22px;right:40px;border-radius:50%;background:radial-gradient(circle,#e4c65c33 0,transparent 66%);animation:sun-breathe 5s ease-in-out infinite}.sun-core{position:absolute;width:52px;height:52px;top:70px;right:112px;border-radius:50%;background:#e9c968;box-shadow:0 0 45px #e9c9686b}.energy-line{position:absolute;top:105px;right:144px;width:165px;height:100px;transform:rotate(-18deg);border-bottom:1px dashed #d0b66588;border-radius:50%}.energy-line span{position:absolute;width:6px;height:6px;border-radius:50%;background:#ffe69b;box-shadow:0 0 12px #ffe69b;animation:energy-travel 3.5s linear infinite}.stage-caption{display:flex;align-items:center;gap:17px;padding:24px 22px;background:#f3f6e9;border-top:1px solid #d6e0cb}.stage-number{font:400 24px/1 'SiteThai';color:#92ab80}.stage-caption strong,.stage-caption span{display:block}.stage-caption strong{font-size:13px}.stage-caption div span{font-size:10px;color:#799176;margin-top:2px}.stage-caption svg{width:35px;height:35px;margin-left:auto;color:#8aa06e}.energy-float{position:absolute;top:85px;left:-17px;z-index:3;display:flex;align-items:center;gap:9px;background:#f9fbf1ed;backdrop-filter:blur(8px);border:1px solid #dce5ce;box-shadow:0 8px 25px #163e3110;padding:13px 16px;border-radius:6px;font-size:10px;color:#647c5f;animation:card-float 5s ease-in-out infinite}.energy-float svg{width:18px;height:18px;color:#a8bd5c}.energy-float b{font-size:14px;margin:0 6px;font-weight:400}.image-note{text-align:right;color:#879783;font-size:10px;margin-top:13px}.capability-bar{border-top:1px solid #d6e0cf;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 0;position:relative;color:#5b7766;font-size:11px}.capability-bar .capability-intro{font:600 8px 'SiteThai';letter-spacing:1px;color:#87977e}.capability-bar i{height:3px;width:3px;background:#a2b18b;border-radius:50%}
.section{padding:110px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:95px}.eyebrow{display:block;margin-bottom:22px}.section h2,.contact h2{font-size:clamp(37px,3.8vw,55px);font-weight:600;letter-spacing:-1.4px}.about-copy{color:var(--muted);font-size:15px}.about-copy p:first-child{margin-top:0}.lead{font-size:21px;line-height:1.65;color:var(--ink);font-weight:600}.about-copy strong{color:var(--ink);font-weight:600}.text-link{display:inline-flex;align-items:center;gap:25px;margin-top:17px;font-size:13px;font-weight:600;color:var(--ink);border-bottom:1px solid #a6b6a1;padding-bottom:5px;transition:color .2s,gap .2s}.text-link:hover{color:#71914c;gap:35px}.text-link span{font-size:17px}.services{background:#f1f5eb}.section-top{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:48px}.section-top>p{max-width:370px;color:var(--muted);font-size:14px;margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{background:#fcfdf8;border:1px solid #dfe7d6;border-radius:7px;padding:28px 28px 25px;min-height:345px;position:relative;overflow:hidden;transition:transform .35s,border-color .35s,box-shadow .35s;--mouse-x:50%;--mouse-y:50%}.service-card:before{content:'';position:absolute;inset:0;background:radial-gradient(360px circle at var(--mouse-x) var(--mouse-y),#e1edb74a,transparent 65%);opacity:0;transition:opacity .4s;pointer-events:none}.service-card:hover{transform:translateY(-7px);border-color:#b8caa1;box-shadow:0 20px 45px #254c2a0b}.service-card:hover:before{opacity:1}.service-card.featured{background:#dfe9cb}.service-number{font:500 10px 'SiteThai';color:#718c6c;display:flex;justify-content:space-between;position:relative}.service-number span{font-size:8px;letter-spacing:1.5px}.service-icon{width:52px;height:52px;margin:38px 0 25px;color:#749451;position:relative;transition:transform .3s}.service-icon svg{width:100%;height:100%}.service-card:hover .service-icon{transform:translateY(-3px) rotate(-3deg)}.service-card h3{font-size:22px;font-weight:600;position:relative}.service-card p{color:var(--muted);font-size:13px;line-height:1.9;position:relative}.card-link{position:relative;font-size:10px;color:#7d956d;display:block;margin-top:23px}.solution-heading{display:grid;grid-template-columns:1fr 1fr;column-gap:80px;margin-bottom:45px}.solution-heading .eyebrow{grid-column:1/-1}.solution-heading h2{grid-column:1}.solution-heading>p{grid-column:2;align-self:end;color:var(--muted);font-size:14px;max-width:370px;margin:0}.solution-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.solution-card{border-radius:8px;padding:28px 32px 30px;overflow:hidden;position:relative;transition:transform .35s,box-shadow .35s}.solution-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px #17382e0e}.home-card{background:#edf2e3;border:1px solid #dce7d2}.business-card{background:#153d36;color:#f3f7e6}.solution-card-top{display:flex;justify-content:space-between;gap:20px;font:500 9px 'SiteThai';letter-spacing:1px;color:#789069}.business-card .solution-card-top{color:#b3c9a2}.solution-graphic{height:200px;display:flex;align-items:center;justify-content:center;position:relative}.solution-graphic svg{width:230px;height:150px;color:#7c9f61;transition:transform .5s}.solution-card:hover .solution-graphic svg{transform:translateY(-6px) scale(1.04)}.business-graphic svg{color:#c5d49a}.home-graphic:after,.business-graphic:after{content:'';position:absolute;width:200px;height:200px;border:1px solid currentColor;border-radius:50%;opacity:.12;transform:scale(.85);animation:slow-spin 20s linear infinite}.home-graphic:after{color:#90a976}.business-graphic:after{color:#b5cb92}.solution-card h3{font-size:26px;letter-spacing:-.5px}.solution-card p{color:#6e826e;font-size:13px;max-width:440px}.business-card p{color:#bdd0b9}.business-card .text-link{color:#e6efcd;border-color:#6e8a61}.reviews{background:#eaf0e3}.rating{display:flex;gap:16px;align-items:center}.rating>strong{font:500 50px/1 'SiteThai';letter-spacing:-2px}.rating b{color:#cba038;letter-spacing:2px;font-size:14px}.rating small{display:block;color:#738b73;font-size:10px;line-height:1.8;margin-top:7px}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.review-grid blockquote{margin:0;padding:27px 30px 25px;background:#fbfcf5;border:1px solid #dfe7d6;border-radius:7px;display:flex;flex-direction:column;min-height:278px;position:relative;transition:transform .3s,box-shadow .3s}.review-grid blockquote:hover{transform:translateY(-4px);box-shadow:0 16px 30px #234b250a}.quote-mark{position:absolute;top:7px;right:25px;font:80px/1 Georgia,serif;color:#dbe5c9}.stars{color:#cfa331;letter-spacing:3px;font-size:12px;position:relative}.review-grid blockquote p{flex:1;font-size:14px;line-height:2.1;margin:20px 0;color:#3f6251}.review-grid footer{border-top:1px solid #e6ebdf;padding-top:16px;display:flex;justify-content:space-between;gap:10px;font-size:10px}.review-grid footer span{color:#7f9579}.process-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}.process-grid>div:first-child>p{color:var(--muted);font-size:14px;max-width:350px;margin-top:25px}.steps{border-top:1px solid #cbdac2}.steps>div{display:flex;gap:30px;padding:23px 0;border-bottom:1px solid #dbe5d3}.steps>div>span{display:block;color:#93a885;font:500 11px 'SiteThai';padding-top:7px}.steps h3{font-size:20px;font-weight:600}.steps p{color:var(--muted);font-size:13px;margin:8px 0 0}.faq{background:#f4f6ee}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.faq-grid>div:first-child>p{font-size:12px;color:#718772;margin-top:30px}.faq-grid>div:first-child>p a{color:var(--ink);text-decoration:underline;text-underline-offset:4px}.faq-list{border-top:1px solid #d5e0cc}.faq-list details{border-bottom:1px solid #d5e0cc}.faq-list summary{cursor:pointer;padding:23px 35px 23px 0;font-weight:600;list-style:none;position:relative;font-size:15px;line-height:1.65}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:2px;font-size:22px;top:18px;color:#819b6a;font-weight:400}.faq-list details[open] summary:after{content:'−'}.faq-list details p{color:var(--muted);font-size:13px;margin:0 20px 24px 0}.contact{background:var(--deep);color:#f5f8ec;padding:100px 0;position:relative;overflow:hidden}.contact-glow{position:absolute;right:-10%;top:-60%;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,#6f913028,transparent 68%);pointer-events:none}.contact-inner{display:grid;grid-template-columns:1fr auto;gap:90px;position:relative}.contact .eyebrow{color:#a8c493}.contact h2{font-size:clamp(36px,3.6vw,52px)}.contact h2 span{color:var(--lime)}.contact p{color:#bcd1ba;font-size:14px}.address{border-left:1px solid #416351;padding-left:42px;max-width:340px;align-self:center}.address span,.address strong{display:block}.address span{font-size:10px;color:#9dbba0}.address strong{font:600 22px 'SiteThai';margin-top:15px}.address p{font-size:12px;line-height:2.05}.address a{text-decoration:underline;text-underline-offset:4px;font-size:12px}.footer{background:#092220;color:#d1e1cb;padding-top:80px}.footer-seo{border-bottom:1px solid #2a4b3b;padding-bottom:60px;margin-bottom:55px;display:grid;grid-template-columns:1fr 1.1fr;column-gap:90px}.footer-seo .eyebrow{grid-column:1/-1;color:#96b286}.footer-seo h2{grid-column:1;font-size:clamp(34px,3.4vw,48px);font-weight:500;line-height:1.35;margin:0;letter-spacing:-1px}.footer-seo h2 em{font-style:normal;color:#c2d798}.footer-seo>p{grid-column:2;color:#a9c2a3;font-size:13px;line-height:2.1;margin:0}.footer-seo strong{color:#e1edce;font-weight:500}.footer-call{grid-column:2;margin-top:20px;font-size:12px;color:#c9dcae;display:flex;gap:25px;align-items:center}.footer-call span{color:#f2f8e7}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1.2fr;gap:60px}.brand-footer b{color:#f1f6e7}.footer-grid p{font-size:11px;color:#93ad93;max-width:240px}.footer-grid>div:not(:first-child){display:grid;align-content:start;gap:9px;font-size:11px}.footer-grid strong{color:#f0f6e5;margin-bottom:10px;font-size:12px}.footer-grid>div:not(:first-child) a{color:#a8c1a0;transition:color .2s}.footer-grid>div:not(:first-child) a:hover{color:#e7f0d0}.footer-bottom{border-top:1px solid #2a4b3b;margin-top:50px;padding:22px 0;color:#88a287;font-size:10px;display:flex;justify-content:space-between;gap:20px}.footer-bottom a{color:#c1d6b2}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #bb8b27;outline-offset:4px}.reveal{opacity:1;transform:none;transition:opacity .65s ease,transform .65s ease;transition-delay:var(--delay,0ms)}.js-ready .reveal.will-reveal{opacity:0;transform:translateY(20px)}.js-ready .reveal.will-reveal.is-visible{opacity:1;transform:translateY(0)}
@keyframes sun-breathe{0%,100%{transform:scale(.9);opacity:.55}50%{transform:scale(1.12);opacity:.95}}@keyframes ambient-float{to{transform:translate(-60px,40px) scale(1.12)}}@keyframes card-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes energy-travel{0%{left:0;top:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:100%;top:100%;opacity:0}}@keyframes slow-spin{to{transform:scale(.85) rotate(360deg)}}
@media(min-width:1600px){.hero-grid{padding-top:90px;padding-bottom:90px}.hero h1{font-size:77px}}
@media(max-width:1150px){.wrap{width:min(1240px,calc(100% - 56px))}.nav{gap:20px;font-size:12px}.nav-wrap{gap:20px}.nav-cta{padding:10px 15px;gap:15px}.hero-grid{gap:35px}.hero h1{font-size:59px}.section{padding:90px 0}.split,.process-grid,.faq-grid{gap:60px}.contact-inner{gap:45px}.footer-seo{gap:50px}}
@media(max-width:960px){.nav-cta{display:none}.menu{display:block;margin-left:auto}.nav{display:none;position:absolute;top:91px;left:0;right:0;padding:18px 28px 25px;background:#fcfcf8;border-bottom:1px solid var(--line);box-shadow:0 16px 25px #102f2e15;max-height:calc(100dvh - 110px);overflow-y:auto}.nav.is-open{display:grid;gap:0}.nav>a{padding:13px 3px;font-size:15px}.nav-mobile-phone{display:block!important;color:#769452!important}.hero-grid{grid-template-columns:1fr 1fr;gap:30px;padding-top:55px}.hero h1{font-size:clamp(42px,6.5vw,60px)}.hero-lead{font-size:14px}.hero-trust{display:grid;gap:7px;margin-top:25px}.hero .button{gap:15px;font-size:12px;padding:10px 15px}.solar-scene{height:310px}.stage-top{padding:0 14px;font-size:7px}.stage-caption{padding:18px 15px;gap:10px}.energy-float{left:-10px;font-size:9px;padding:10px}.capability-bar{flex-wrap:wrap;gap:15px;justify-content:center}.capability-intro{width:100%;text-align:center}.service-card{padding:24px;min-height:360px}.solution-card{padding:25px}.contact-inner{grid-template-columns:1fr auto;gap:30px}.address{padding-left:25px}.footer-seo{grid-template-columns:1fr 1fr;column-gap:45px}}
@media(max-width:760px){.wrap{width:calc(100% - 44px)}.hero-grid{grid-template-columns:1fr;gap:45px;padding-top:55px;padding-bottom:45px}.hero h1{font-size:clamp(50px,9vw,67px);max-width:550px}.hero-lead{font-size:16px;max-width:560px}.hero-trust{display:flex;gap:22px}.hero .button{font-size:14px;padding:12px 22px;gap:30px}.hero-visual{max-width:600px;width:100%;margin:0 auto;padding-left:0}.solar-stage{transform:none}.solar-stage:hover{transform:translateY(-4px)}.solar-scene{height:370px}.energy-float{left:15px;top:70px}.capability-bar{font-size:10px}.split,.process-grid,.faq-grid{grid-template-columns:1fr;gap:35px}.section{padding:80px 0}.section-top{display:block;margin-bottom:35px}.section-top>p{margin-top:20px;max-width:550px}.service-grid{grid-template-columns:1fr;gap:15px}.service-card{min-height:0;padding:27px;display:grid;grid-template-columns:50px 1fr;column-gap:20px}.service-number{grid-column:1/-1}.service-icon{grid-row:2/4;margin:25px 0 0;width:43px;height:43px}.service-card h3{margin-top:23px}.service-card p{margin-bottom:0}.card-link{grid-column:2;margin-top:14px}.solution-heading{display:block}.solution-heading>p{margin-top:20px}.solution-grid{grid-template-columns:1fr}.solution-card{display:grid;grid-template-columns:1fr 1fr;gap:15px}.solution-card-top{grid-column:1/-1}.solution-graphic{height:180px}.solution-graphic svg{width:180px}.solution-card h3{font-size:23px}.review-grid{grid-template-columns:1fr}.review-grid blockquote{min-height:240px}.process-grid>div:first-child>p{max-width:550px}.contact-inner{grid-template-columns:1fr;gap:45px}.address{border-left:0;border-top:1px solid #416351;padding:30px 0 0;max-width:none}.footer-seo{grid-template-columns:1fr;gap:0}.footer-seo .eyebrow,.footer-seo h2,.footer-seo>p,.footer-call{grid-column:1}.footer-seo>p{margin-top:25px;max-width:600px}.footer-grid{gap:35px}.footer-bottom{flex-wrap:wrap}.rating{margin-top:25px}}
@media(max-width:480px){.wrap{width:calc(100% - 36px)}.topline{font-size:9px}.topline-service{display:none}.top-inner{height:33px;gap:8px}.top-inner>a{font-size:10px}.nav-wrap{height:76px;gap:10px}.nav{top:76px}.brand{gap:7px}.brand-icon{width:31px;height:31px}.brand b{font-size:17px}.brand small{font-size:6.4px;letter-spacing:1.2px}.menu{width:40px;flex-shrink:0;padding:10px 7px}.hero-grid{padding-top:43px;gap:35px}.kicker{font-size:8px;letter-spacing:1.4px}.hero h1{font-size:clamp(41px,10.8vw,53px);letter-spacing:-1.5px;margin:22px 0}.hero-lead{font-size:14px;line-height:1.95}.actions{gap:10px;margin-top:25px}.hero .button{font-size:12px;gap:17px;padding:10px 15px;min-height:50px}.hero-trust{font-size:10px;gap:14px;margin-top:23px;flex-wrap:wrap}.hero-visual{padding-top:0}.solar-scene{height:260px}.stage-top{font-size:6px;height:37px;padding:0 12px;letter-spacing:.5px}.stage-caption{padding:17px 14px}.stage-caption strong{font-size:11px}.stage-caption div span{font-size:9px}.stage-number{font-size:20px}.energy-float{left:10px;top:53px;font-size:8px;gap:5px;padding:10px 11px}.energy-float svg{width:15px;height:15px}.energy-float b{margin:0 2px}.image-note{font-size:8px}.capability-bar{padding:20px 0;gap:11px;font-size:9px}.capability-intro{font-size:7px}.section{padding:68px 0}.eyebrow{font-size:9px;margin-bottom:18px}.section h2,.contact h2{font-size:35px;letter-spacing:-1px}.lead{font-size:19px}.about-copy{font-size:14px}.section-top>p{font-size:13px}.service-card{padding:24px 21px;column-gap:16px}.service-card h3{font-size:20px}.service-card p{font-size:12px}.solution-card{display:block;padding:23px}.solution-graphic{height:150px}.solution-graphic svg{width:160px;height:120px}.solution-card h3{font-size:23px}.solution-card p{font-size:12px}.rating>strong{font-size:45px}.rating small{font-size:9px}.review-grid blockquote{padding:24px;min-height:250px}.review-grid blockquote p{font-size:13px}.review-grid footer{font-size:9px}.steps>div{gap:20px}.steps h3{font-size:18px}.steps p{font-size:12px}.faq-list summary{font-size:14px;padding:20px 30px 20px 0}.faq-list summary:after{top:15px}.faq-list details p{font-size:12px}.contact{padding:70px 0}.contact p{font-size:13px}.contact .button{font-size:12px;gap:15px;padding:11px 16px}.address p{font-size:12px}.footer{padding-top:65px}.footer-seo{padding-bottom:45px;margin-bottom:45px}.footer-seo h2{font-size:36px}.footer-seo>p{font-size:12px}.footer-call{font-size:11px;gap:15px;flex-wrap:wrap}.footer-grid{grid-template-columns:1fr 1fr;gap:35px 20px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:not(:first-child){font-size:10px}.footer-bottom{display:grid;font-size:9px;gap:7px;margin-top:40px}}
@media(max-width:360px){.brand b{font-size:15px}.brand small{font-size:5.8px;letter-spacing:1px}.brand-icon{width:28px;height:28px}.nav-wrap{gap:6px}.hero h1{font-size:39px}.hero .button{font-size:11px;padding:10px 12px;gap:13px}.hero-trust{font-size:9px}.solar-scene{height:240px}.capability-bar{font-size:8px}.section h2,.contact h2{font-size:32px}.stage-top{font-size:5.5px}.footer-seo h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-ready .reveal.will-reveal{opacity:1;transform:none}.solar-stage,.solar-stage:hover{transform:none}.energy-line{display:none}}
.ic{width:24px;height:24px;flex-shrink:0;display:inline-block;vertical-align:middle}.ic-sm{width:18px;height:18px}
.brand-logo{display:block;width:236px;height:auto}
.top-inner>a{display:inline-flex;align-items:center;gap:7px}.top-inner>a .ic{color:var(--gold)}
.hero-trust{flex-wrap:wrap;gap:12px 22px}.hero-trust span:before{content:none}.hero-trust .ic{width:20px;height:20px;color:#6f9a45}
.service-icon{width:58px;height:58px;border-radius:16px;background:#e4efd3;display:grid;place-items:center;color:#2e6146}.service-icon .ic{width:30px;height:30px}.service-card.featured .service-icon{background:#f6c94c;color:#0f3a35}
.steps>div{align-items:flex-start}.step-ic{width:46px;height:46px;padding:11px;border-radius:13px;background:#e4efd3;color:#2e6146;margin-top:2px}
.guide{background:#fbfcf6}.guide-index{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:64px}
.guide-index a{display:flex;align-items:center;gap:12px;padding:18px 20px;border:1px solid #dbe6d2;border-radius:12px;background:#fff;font-weight:600;line-height:1.45;transition:transform .25s,border-color .25s,box-shadow .25s}
.guide-index a:hover{transform:translateY(-4px);border-color:#a9c38a;box-shadow:0 14px 28px #1d443a12}
.guide-index b{font:600 13px 'SiteThai';color:#8aa476}.guide-index .ic{width:30px;height:30px;padding:6px;border-radius:9px;background:#e9f1df;color:#2e6146}
.guide-item{display:grid;grid-template-columns:1.12fr 1fr;gap:64px;align-items:center;padding:56px 0;border-top:1px solid #e3eadb;scroll-margin-top:110px}
.guide-item.reverse .guide-figure{order:2}
.guide-figure{margin:0;position:relative}.guide-figure img{display:block;width:100%;height:auto;border-radius:16px;border:1px solid #dde7d4;box-shadow:0 22px 50px #1d443a14;transition:transform .5s ease,box-shadow .5s}
.guide-figure:hover img{transform:translateY(-6px) scale(1.01);box-shadow:0 30px 60px #1d443a22}
.guide-figure figcaption{display:flex;align-items:center;gap:7px;margin-top:14px;font-size:14px;color:#7a9080}.guide-figure figcaption .ic{color:#7fae52}
.guide-no{display:inline-block;font:600 13px 'SiteThai';letter-spacing:1px;color:#6f9150;background:#eaf2dc;border-radius:30px;padding:4px 14px}
.guide-text h3{font-size:clamp(27px,2.4vw,34px);font-weight:600;margin:16px 0 14px;letter-spacing:-.6px}
.guide-text p{color:var(--muted);margin:0 0 14px}.guide-text p strong{color:var(--ink)}
.guide-points{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:10px}.guide-points li{display:flex;gap:10px;align-items:flex-start;color:var(--text)}.guide-points .ic{color:#5f9137;margin-top:5px}
.guide-check{margin-top:20px;background:#123d37;color:#e5efd9;border-radius:14px;padding:20px 24px}.guide-check strong{display:flex;align-items:center;gap:8px;color:#f6c94c;font-weight:600}
.guide-check ul{margin:10px 0 0;padding-left:20px;display:grid;grid-template-columns:1fr 1fr;gap:4px 22px}
.footer-features{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:60px}
.footer-features>div{display:flex;gap:14px;align-items:center;padding:20px;border:1px solid #2a4b3b;border-radius:12px;background:#0d2a27}
.footer-features .ic{width:44px;height:44px;padding:10px;border-radius:11px;background:#1d4639;color:#d2e7a0}
.footer-features span{color:#9fb99d;line-height:1.5}.footer-features b{display:block;color:#f0f6e5;font-weight:600}
.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1fr 1.35fr;gap:44px}
.footer-brand img{width:236px;height:auto;display:block}.footer-grid .footer-brand p{max-width:300px;margin:20px 0}
.social{display:flex;gap:10px}.social a{width:44px;height:44px;border-radius:11px;border:1px solid #2f5545;display:grid;place-items:center;color:#cfe2b4;transition:background .2s,color .2s,transform .2s}.social a:hover{background:#f6c94c;color:#0f3a35;transform:translateY(-3px)}
.footer-grid>div:not(:first-child) span{color:#a8c1a0}.footer-grid small{color:#7f9a80;margin-top:6px;line-height:1.6}
.footer-contact a{display:flex!important;gap:10px;align-items:flex-start;line-height:1.6}.footer-contact .ic{color:#f6c94c;margin-top:4px}
body{font-size:18px}
.topline{font-size:13.5px}.top-inner{height:40px}
.nav{font-size:15.5px;gap:24px}
.button{font-size:16px}.button-dark{font-size:14.5px}
.kicker,.eyebrow{font-size:13px}
.hero-lead{font-size:19.5px;max-width:540px}
.hero-trust{font-size:15px}
.stage-top{font-size:11px}.stage-caption strong{font-size:17px}.stage-caption div span{font-size:14px}
.energy-float{font-size:13.5px}.image-note{font-size:13px}
.capability-bar{font-size:15px}.capability-bar .capability-intro{font-size:11.5px}
.about-copy{font-size:18px}.lead{font-size:24px}
.text-link{font-size:16px}
.section-top>p,.solution-heading>p,.process-grid>div:first-child>p{font-size:17.5px;max-width:420px}
.service-number{font-size:13.5px}.service-number span{font-size:11.5px}
.service-card h3{font-size:24px}.service-card p{font-size:16.5px}.card-link{font-size:14px}
.solution-card-top{font-size:12.5px}.solution-card p{font-size:16.5px}.solution-card h3{font-size:28px}
.rating b{font-size:18px}.rating small{font-size:13.5px}
.stars{font-size:15px}.review-grid blockquote p{font-size:17.5px}.review-grid footer{font-size:14px}
.steps>div>span{font-size:14px}.steps h3{font-size:22px}.steps p{font-size:16.5px}
.faq-grid>div:first-child>p{font-size:16px}.faq-list summary{font-size:18.5px}.faq-list details p{font-size:16.5px}
.contact p{font-size:18px}.address span{font-size:13.5px}.address p{font-size:16.5px}.address a{font-size:15.5px}
.footer-seo>p{font-size:16.5px}.footer-call{font-size:15.5px}
.footer-grid p{font-size:15.5px}.footer-grid>div:not(:first-child){font-size:15px;gap:11px}.footer-grid strong{font-size:16.5px}
.footer-features span{font-size:14.5px}.footer-features b{font-size:16.5px}
.footer-bottom{font-size:14px;flex-wrap:wrap}
@media(max-width:1150px){.nav{font-size:14.5px;gap:16px}.brand-logo{width:205px}.guide-index{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr 1fr;gap:40px}.footer-grid>.footer-brand{grid-column:1/-1}.footer-features{grid-template-columns:1fr 1fr}}
@media(max-width:960px){.nav>a{font-size:17px}.hero-lead{font-size:17px}.hero .button{font-size:14.5px}.guide-item{grid-template-columns:1fr;gap:30px}.guide-item.reverse .guide-figure{order:0}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.stage-top{font-size:10px}.hero-lead{font-size:17.5px}.hero .button{font-size:15.5px}.guide-index{margin-bottom:40px}.guide-item{padding:42px 0}}
@media(max-width:480px){body{font-size:16.5px}.topline{font-size:12px}.top-inner{height:36px}.top-inner>a{font-size:12.5px}.brand-logo{width:190px}
.kicker{font-size:11px}.eyebrow{font-size:11.5px}.hero-lead{font-size:16.5px}.hero-trust{font-size:13.5px;gap:10px 16px}.hero .button{font-size:14.5px;gap:16px}
.stage-top{font-size:9px}.stage-caption strong{font-size:15px}.stage-caption div span{font-size:12.5px}.energy-float{font-size:11.5px}.image-note{font-size:11.5px}
.capability-bar{font-size:13px}.capability-intro{font-size:10px}
.about-copy{font-size:16.5px}.lead{font-size:20px}.text-link{font-size:15px}
.section-top>p,.solution-heading>p,.process-grid>div:first-child>p{font-size:16px}
.service-number{font-size:12.5px}.service-card h3{font-size:21px}.service-card p{font-size:15.5px}.card-link{font-size:13px}.service-icon{width:48px;height:48px}.service-icon .ic{width:25px;height:25px}
.solution-card-top{font-size:11px}.solution-card p{font-size:15.5px}.solution-card h3{font-size:24px}
.rating small{font-size:12.5px}.review-grid blockquote p{font-size:16px}.review-grid footer{font-size:12.5px}
.steps h3{font-size:19px}.steps p{font-size:15.5px}.step-ic{width:40px;height:40px;padding:9px}
.faq-list summary{font-size:16.5px}.faq-list details p{font-size:15.5px}.faq-grid>div:first-child>p{font-size:15px}
.contact p{font-size:16px}.contact .button{font-size:14.5px}.address p{font-size:15.5px}.address a{font-size:14.5px}
.guide-index{grid-template-columns:1fr;gap:10px}.guide-index a{padding:14px 16px}.guide-text h3{font-size:24px}.guide-check{padding:18px}.guide-check ul{grid-template-columns:1fr}.guide-figure figcaption{font-size:13px}
.footer-seo>p{font-size:15.5px}.footer-call{font-size:14.5px}.footer-features{grid-template-columns:1fr;gap:10px;margin-bottom:45px}.footer-features>div{padding:16px}
.footer-grid{grid-template-columns:1fr;gap:32px}.footer-grid p{font-size:15px}.footer-grid>div:not(:first-child){font-size:15px}.footer-brand img{width:200px}.footer-bottom{font-size:12.5px}}
@media(max-width:360px){.brand-logo{width:168px}.hero .button{font-size:13.5px;padding:10px 13px}.hero-trust{font-size:12.5px}.stage-top{font-size:8px}.capability-bar{font-size:12px}}
@media(prefers-reduced-motion:reduce){.guide-figure:hover img,.guide-index a:hover,.social a:hover{transform:none}}
@media(max-width:480px){.stage-top{font-size:10px}}.guide-figure a{display:block;border-radius:16px}
:root{--copper:#edb08b;--acid:#d6ee99;--paper:#faf7ed;--gold:#d6ee99;--orbit-dark:#092f2b}
body{background:var(--paper)}
.site-header,.site-header.is-scrolled{background:rgba(250,247,237,.97);border-color:#e2e6d5}
.brand-logo,.footer-brand img{width:222px;height:auto;max-width:100%}
.nav-wrap{gap:26px}.nav{gap:22px}.button{border-radius:40px;isolation:isolate}.button:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 20%,#fff7 48%,transparent 75%);transform:translateX(-125%);transition:transform .6s ease;pointer-events:none}.button:hover:after{transform:translateX(125%)}
.button-yellow{background:var(--acid)}.button-yellow:hover{background:#e7f8bb}
.hero{background:var(--orbit-dark);color:#fbf8ed;isolation:isolate}
.hero:after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#edb08b88,transparent)}
.hero-grid{grid-template-columns:1fr 1.12fr;gap:28px;min-height:740px;padding-top:63px;padding-bottom:42px}
.hero-grid>*{min-width:0}.hero-copy{padding-bottom:12px}.hero-visual{padding:0;width:100%;max-width:none}
.hero-prelude{margin:26px 0 10px;color:#edc6a5;font-size:17px;display:flex;gap:14px;align-items:center}.hero-prelude:after{content:'';width:44px;height:1px;background:#bb9376;order:-1}.hero-prelude span{color:#d6ee99}
.hero h1{font-size:clamp(48px,5vw,70px);line-height:1.22;letter-spacing:-1.6px;margin:15px 0 24px;font-weight:650}.hero h1 span{color:#d6ee99}
.hero .kicker{color:#c1d0b7;font-size:12px;letter-spacing:1.4px}.hero .kicker-dot{background:var(--copper);box-shadow:0 0 0 4px #edb08b17}.hero .kicker b{color:#709884}
.hero-lead{color:#bcd0bd;font-size:18px;line-height:1.9;max-width:465px}.hero .actions{margin-top:28px}.hero .button{font-size:15px;padding:13px 23px}.hero .button-ghost{border-color:#6c8d77;color:#f1f1da}
.hero-trust{font-size:13px;gap:12px 19px;margin-top:28px;color:#b8c9ad}.hero-trust .ic{color:#edb08b;width:19px;height:19px}
.orbit-haze{position:absolute;inset:0;background:radial-gradient(ellipse at 85% 37%,#46644c70,transparent 49%),radial-gradient(ellipse at 10% 100%,#163e2d,transparent 65%)}
.orbit-meridian{position:absolute;border:1px solid #a9ba8c14;width:1100px;height:420px;border-radius:50%;right:-300px;top:210px;transform:rotate(-32deg);pointer-events:none}.meridian-two{width:1450px;height:600px;right:-470px;top:100px}
.sky-speck{position:absolute;width:3px;height:3px;background:#edb08b;border-radius:50%;opacity:.6}.speck-one{left:48%;top:16%}.speck-two{right:5%;top:70%}.speck-three{left:7%;bottom:12%}
.energy-lab{position:relative;--tilt-x:0deg;--tilt-y:0deg;--glow-x:60%;--glow-y:35%}
.lab-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;color:#c3d1bc;font-size:12px;letter-spacing:.8px;border-top:1px solid #b9cb9f38;padding:15px 4px 0}.lab-heading>span:first-child{display:flex;align-items:center;gap:9px}.lab-heading i{height:5px;width:5px;background:#d6ee99;border-radius:50%;box-shadow:0 0 15px #d6ee99}.lab-edition{color:#c49a7f;letter-spacing:2px;font-size:10px}
.lab-artwork{position:relative;aspect-ratio:1.14;perspective:1200px;isolation:isolate}
.lab-spotlight{position:absolute;inset:2%;background:radial-gradient(ellipse at var(--glow-x) var(--glow-y),#d7e8b81c,transparent 60%);border-radius:50%;pointer-events:none;transition:background 1s}
.lab-model{position:absolute;inset:0;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .45s ease-out;will-change:auto}
.orbit-scene{position:absolute;width:118%;max-width:none;height:auto;left:-9%;top:-1%;animation:island-hover 9s ease-in-out infinite;filter:drop-shadow(0 24px 20px #020f0b50);transition:filter 1.2s ease}
.energy-traces{position:absolute;width:118%;height:auto;left:-9%;top:-1%;animation:island-hover 9s ease-in-out infinite;pointer-events:none;overflow:visible}
.orbit-trace{stroke:#e2ffc0;stroke-width:3;stroke-dasharray:9 38 2 780;stroke-dashoffset:0;opacity:.7;animation:orbit-current 16s linear infinite}
.power-trace{stroke:#f5d1a4;stroke-width:3;stroke-dasharray:14 430;animation:power-current 5s linear infinite;opacity:.65}
.lab-label{position:absolute;display:flex;gap:8px;align-items:center;padding:7px 11px;border:1px solid #a4ba953b;background:#0c302be6;border-radius:7px;color:#e3e8cc;font-size:12px;line-height:1.6;box-shadow:0 6px 22px #041e1826;pointer-events:none}.lab-label span{color:#d9b18b;font-size:10px}.label-sun{right:5%;top:14%}.label-roof{left:1%;top:44%}.label-home{right:3%;bottom:12%}.lab-cross{position:absolute;color:#85a38b;font-size:22px;font-weight:300}.cross-one{top:12%;left:13%}.cross-two{right:12%;bottom:30%}
.lab-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 0 0;border-top:1px solid #b9cb9f38;position:relative}
.solar-switch{display:none;gap:3px;padding:4px;border:1px solid #879d7440;border-radius:40px;background:#082924}.js-ready .solar-switch{display:flex}.solar-switch button{display:flex;align-items:center;gap:7px;background:transparent;color:#b4c3aa;border:0;border-radius:30px;padding:8px 14px;min-height:42px;font-size:13px;cursor:pointer;transition:background .25s,color .25s}.solar-switch button.is-active{background:#dfedb4;color:#153d32}.solar-switch .ic{width:16px;height:16px}
.motion-toggle{display:none;background:none;border:0;border-bottom:1px solid #819974;color:#bccbab;font-size:12px;padding:7px 0;cursor:pointer}.js-ready .motion-toggle{display:block}.motion-toggle:disabled{opacity:.7;cursor:default}
.lab-description{font-size:12px;color:#9bb299;line-height:1.7;margin:12px 0 0;min-height:40px}
.energy-lab[data-solar-mode=evening] .lab-spotlight{background:radial-gradient(ellipse at 70% 32%,#db897c42,transparent 61%)}
.energy-lab[data-solar-mode=evening] .orbit-scene{filter:drop-shadow(0 24px 24px #020f0b60) brightness(.78) saturate(.72)}
.energy-lab[data-solar-mode=evening] .lab-label{border-color:#d3a19360}.energy-lab[data-solar-mode=evening] .orbit-trace{stroke:#f8c4a1;opacity:.55}
.hero .capability-bar{border-color:#b9cb9f38;color:#c1d0b8;font-size:13px;padding:24px 0}.hero .capability-intro{color:#d3a383;font-size:10px}.hero .capability-bar i{background:#b9926a}
.services{background:#efefe2}.section h2 em{color:#6f8f4f}.service-card{border-radius:9px 38px 9px 9px;background:#fafaf1;border-color:#d9dfcb}.service-card.featured{background:#ead9bf;border-color:#d4c0a0}.service-card:after{content:'';position:absolute;right:-24px;top:-38px;width:120px;height:120px;border:1px solid #af9d6a55;border-radius:50%;box-shadow:0 0 0 14px #c3b17e0b;pointer-events:none;transition:transform .5s}.service-card:hover:after{transform:rotate(-25deg) scale(1.13)}.service-icon{background:#133e36;color:#d6ee99}.service-card.featured .service-icon{background:#133e36;color:#efbe96}
.solutions{background:#faf7ed}.solution-card{border-radius:18px 60px 18px 18px;padding:30px 32px 34px}.home-card{background:#e9ebd9;border-color:#d6ddc4}.business-card{background:#103b35}.solution-graphic{height:auto;aspect-ratio:1.48;margin:4px -12px 14px;overflow:hidden}.solution-graphic:after{content:none}.solution-graphic img{display:block;width:108%;height:auto;max-width:none;position:absolute;top:-11%;left:-4%;transition:transform .7s cubic-bezier(.2,.6,.3,1)}.solution-card:hover .solution-graphic img{transform:translateY(-7px) rotate(-1deg)}.solution-art-label{position:absolute;bottom:7px;left:0;right:0;text-align:center;font-size:11px;color:#667e59;letter-spacing:.5px}.business-card .solution-art-label{color:#b9c9a6}
.guide{background:#f5f3e8}.guide-index a{border-radius:8px 25px 8px 8px;background:#faf8ef;border-color:#d9dfcb}.guide-index a:hover{border-color:#b99170}.guide-no{background:#e8d9bf;color:#805c3f}.guide-figure img{border-radius:10px 32px 10px 10px;border-color:#d8d9c7}.guide-figure a{border-radius:10px 32px 10px 10px}.guide-check{background:#123e35}.guide-check strong{color:#e8bd97}
.reviews{background:#e9edde}.review-grid blockquote{border-radius:9px 32px 9px 9px}.quote-mark{color:#dec5a4}.process{background:#faf7ed}.faq{background:#f0f0e2}.contact{background:#0b302b}.contact-orbit{position:absolute;width:400px;height:400px;right:4%;top:30px;opacity:.06;transform:rotate(-17deg);pointer-events:none}.contact .contact-inner{position:relative}.footer{background:#082622}.footer-seo h2 em{color:#dfbf9a}.footer-features>div{border-radius:8px 25px 8px 8px}.footer-features .ic{color:#edbb92}.social a:hover{background:#e6bb94}
html[data-motion=paused] *,html[data-motion=paused] *:before,html[data-motion=paused] *:after{animation-play-state:paused!important}
@keyframes island-hover{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes orbit-current{to{stroke-dashoffset:-1658}}
@keyframes power-current{to{stroke-dashoffset:-444}}
@media(min-width:1600px){.hero h1{font-size:74px}.hero-grid{padding-top:70px;padding-bottom:45px}}
@media(max-width:1150px){.nav{gap:16px}.brand-logo{width:202px}.hero-grid{gap:20px}.hero h1{font-size:58px}.hero-lead{font-size:17px}.hero .button{padding:12px 18px;gap:18px}.lab-label{font-size:11px;padding:6px 9px}.lab-description{font-size:11px}.solution-card h3{font-size:26px}}
@media(max-width:960px){.nav{background:var(--paper)}.hero-grid{grid-template-columns:1fr 1fr;gap:20px;padding-top:45px}.hero h1{font-size:clamp(44px,5.6vw,56px)}.hero-prelude{font-size:15px}.hero .kicker{font-size:10px}.hero-trust{display:flex;font-size:12px;gap:10px}.hero .actions{gap:10px}.hero .button{font-size:13px;padding:11px 16px;gap:14px}.lab-heading{font-size:11px}.lab-edition{font-size:9px}.lab-label{font-size:10px;padding:5px 7px}.label-roof{left:-2%;top:47%}.label-home{right:0;bottom:9%}.solar-switch button{padding:7px 9px;font-size:12px}.motion-toggle{font-size:11px}.lab-bottom{gap:8px}.solution-graphic{aspect-ratio:1.35}}
@media(max-width:760px){.hero-grid{grid-template-columns:1fr;padding-top:40px;padding-bottom:30px;gap:30px;min-height:0}.hero h1{font-size:clamp(49px,9vw,65px);max-width:600px}.hero-lead{font-size:17px;max-width:550px}.hero .kicker{font-size:11px}.hero-prelude{margin-top:22px}.hero .button{font-size:15px;padding:12px 20px}.hero-trust{font-size:13px;gap:12px 18px}.hero-visual{max-width:600px;margin:auto}.lab-heading{font-size:12px}.lab-artwork{aspect-ratio:1.25}.orbit-scene,.energy-traces{width:112%;left:-6%;top:-4%}.lab-label{font-size:12px;padding:6px 9px}.label-roof{left:1%;top:45%}.label-home{right:3%;bottom:9%}.lab-edition{font-size:10px}.solar-switch button{font-size:13px;padding:8px 14px}.motion-toggle{font-size:12px}.lab-description{font-size:12px;margin-bottom:0}.hero .capability-bar{font-size:12px;gap:13px}.solution-card{display:block}.solution-graphic{aspect-ratio:1.55}.solution-card h3{font-size:26px}}
@media(max-width:480px){.brand-logo{width:183px}.hero-grid{padding-top:32px;gap:26px}.hero h1{font-size:clamp(40px,10.7vw,51px);line-height:1.22;letter-spacing:-1px;margin-top:13px}.hero-prelude{font-size:14px;margin:22px 0 8px;gap:9px}.hero-prelude:after{width:23px}.hero-lead{font-size:16.5px;line-height:1.9}.hero .kicker{font-size:10px;gap:8px;letter-spacing:1px}.hero .button{font-size:14px;padding:12px 18px;gap:17px}.hero-trust{font-size:12px;gap:10px 15px;margin-top:23px}.hero-trust .ic{width:17px;height:17px}.lab-heading{font-size:11px;padding-top:12px}.lab-artwork{aspect-ratio:1.13}.orbit-scene,.energy-traces{width:116%;left:-8%;top:0}.lab-label{font-size:10px;padding:5px 7px;border-radius:5px}.lab-label span{font-size:9px}.label-sun{top:16%;right:2%}.label-roof{top:49%;left:0}.label-home{right:0;bottom:12%}.cross-one{left:7%;top:13%}.cross-two{right:7%;bottom:32%}.solar-switch button{font-size:12px;padding:7px 11px}.motion-toggle{font-size:11px}.lab-description{font-size:11px;min-height:38px}.hero .capability-bar{font-size:11.5px;gap:10px;padding:19px 0}.hero .capability-intro{font-size:9px}.solution-card{padding:24px;border-radius:14px 45px 14px 14px}.solution-card h3{font-size:23px}.solution-graphic{aspect-ratio:1.35}.contact-orbit{width:280px;height:280px;right:-60px;top:100px}.footer-brand img{width:210px}.guide-figure figcaption{align-items:flex-start}.guide-figure figcaption .ic{margin-top:3px}}
@media(max-width:360px){.brand-logo{width:164px}.hero h1{font-size:clamp(34px,10.8vw,39px)}.hero .kicker{font-size:9px}.hero .button{font-size:12.5px;padding:11px 14px;gap:13px}.hero .hero-trust{font-size:11.5px}.lab-heading{font-size:10px}.lab-edition{font-size:8px}.lab-label{font-size:9px;padding:4px 6px}.solar-switch button{font-size:11px;padding:6px 8px;min-height:40px}.solar-switch .ic{width:13px;height:13px}.motion-toggle{font-size:10px}.lab-description{font-size:10px}.hero .capability-bar{font-size:10px}.lab-label span{font-size:8px}}
@media(prefers-reduced-motion:reduce){.lab-model{transform:none!important}.orbit-scene,.energy-traces,.orbit-trace,.power-trace{animation:none!important}.solution-card:hover .solution-graphic img,.button:hover{transform:none}.button:after{display:none}}
.hero{transition:background-color .8s ease}.hero:has(.energy-lab[data-solar-mode=evening]){background:#081428}.hero:has(.energy-lab[data-solar-mode=evening]) .orbit-haze{background:radial-gradient(ellipse at 75% 26%,#31426880,transparent 48%),radial-gradient(ellipse at 15% 100%,#102942,transparent 65%)}
.orbit-scene-night,.night-energy,.label-evening{opacity:0;visibility:hidden;pointer-events:none}.orbit-scene-night{transition:opacity .8s ease,visibility .8s ease,filter .8s ease}.orbit-scene-day{transition:opacity .8s ease,visibility .8s ease,filter .8s ease}.night-energy{position:absolute;width:118%;height:auto;left:-9%;top:-1%;overflow:visible;animation:island-hover 9s ease-in-out infinite;transition:opacity .8s ease,visibility .8s ease}.battery-flow{stroke-dasharray:5 14;animation:battery-current 2.3s linear infinite;filter:drop-shadow(0 0 5px #91ffcc)}.battery-cells{animation:battery-pulse 2.4s ease-in-out infinite}.house-glow{filter:drop-shadow(0 0 10px #ffc66e)}.label-battery{left:1%;bottom:22%;border-color:#82c7b477;background:#10263ded;color:#e3f7ec}.energy-lab[data-solar-mode=evening] .orbit-scene-day,.energy-lab[data-solar-mode=evening] .label-day,.energy-lab[data-solar-mode=evening] .energy-traces{opacity:0;visibility:hidden}.energy-lab[data-solar-mode=evening] .orbit-scene-night,.energy-lab[data-solar-mode=evening] .night-energy,.energy-lab[data-solar-mode=evening] .label-evening{opacity:1;visibility:visible}.energy-lab[data-solar-mode=evening] .orbit-scene-night{filter:drop-shadow(0 24px 24px #020b1b88) brightness(.75) saturate(.75)}
@keyframes battery-current{to{stroke-dashoffset:-38}}@keyframes battery-pulse{0%,100%{opacity:.65}50%{opacity:1}}
@media(max-width:760px){.night-energy{width:112%;left:-6%;top:-4%}.label-battery{left:0;bottom:22%}}@media(max-width:480px){.night-energy{width:116%;left:-8%;top:0}.label-battery{left:0;bottom:20%}}@media(prefers-reduced-motion:reduce){.hero,.orbit-scene-day,.orbit-scene-night,.night-energy{transition:none}.night-energy,.battery-flow,.battery-cells{animation:none!important}}
.page-toc{padding-top:48px;padding-bottom:8px;scroll-margin-top:115px}
.page-toc>details{border:1px solid #d7dfcb;border-radius:12px 35px 12px 12px;background:#f0f0e2;overflow:hidden}
.page-toc summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 28px;list-style:none;cursor:pointer}
.page-toc summary::-webkit-details-marker{display:none}.page-toc summary>span:first-child{display:flex;align-items:center;gap:20px}.toc-kicker{font-size:13px;color:#6f855d}.page-toc strong{font-size:22px;font-weight:600;color:#123d35}.toc-toggle{font-size:0;width:32px;height:32px;border:1px solid #c0cda8;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.toc-toggle:before{content:'+';font-size:22px;line-height:1}.page-toc details[open] .toc-toggle:before{content:'−'}
.toc-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 20px;padding:0 28px 24px;margin:0;list-style:none}.toc-links li{min-width:0}.toc-links a{display:flex;align-items:flex-start;gap:12px;font-size:16px;line-height:1.7;padding:8px 0;border-bottom:1px solid #d9dfcc;transition:color .2s}.toc-links a:hover{color:#886340}.toc-links a>span{font-size:12px;color:#8b9974;margin-top:3px;min-width:20px}.toc-stat-links{display:flex;align-items:center;gap:12px 22px;flex-wrap:wrap;padding:18px 28px;border-top:1px solid #d7dfcb;background:#e7ebd7;font-size:14px}.toc-stat-links>span{color:#70835b;font-size:13px}.toc-stat-links a{color:#244c3d;font-weight:600}
.statistics{background:#f8f6ed}.statistics .section-top{margin-bottom:36px}.statistics-context{display:flex;align-items:flex-start;gap:16px;border:1px solid #d7dfc7;border-left:3px solid #b48b66;background:#edf0de;border-radius:6px 22px 6px 6px;padding:20px 24px;margin-bottom:22px}.statistics-context>.ic{color:#7a9459;margin-top:5px}.statistics-context p{font-size:16px;line-height:1.7;flex:1;margin:0;min-width:0}.statistics-context strong{display:block;color:#294f3d;font-weight:600}.statistics-context p>span{display:block;color:#6d7f62;font-size:14px;margin-top:4px}.statistics-context>a{font-size:13px;white-space:nowrap;margin-top:5px;border-bottom:1px solid #b6c59d}
.statistics-nav{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.statistics-nav a{font-size:14px;border:1px solid #d5ddc4;padding:9px 15px;border-radius:30px;background:#fdfbf3;transition:background .2s,color .2s}.statistics-nav a:hover{background:#153e34;color:#eff4da}
.stats-article{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:start;padding:60px 0;border-bottom:1px solid #dce2cf;scroll-margin-top:120px}.stats-copy{min-width:0}.stats-copy h3{font-size:clamp(26px,2.5vw,33px);font-weight:600;line-height:1.4;letter-spacing:-.5px;margin:17px 0 20px}.stats-copy>p{color:#5f7664;margin:0 0 18px;font-size:17px;line-height:1.95}.stats-copy>p strong{color:#234e3b;font-weight:600}.citation{color:#8c6445;font-weight:700;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.stats-definition{border-left:2px solid #b99c79;padding:3px 0 3px 18px;margin:23px 0 25px}.stats-definition>strong{font-size:16px;color:#315640;font-weight:600}.stats-definition p{font-size:15px;line-height:1.85;color:#748369;margin:6px 0 0}
.statistics-figure{margin:0;border:1px solid #d9dfcb;border-radius:12px 38px 12px 12px;padding:27px 28px 21px;background:#fffdf4;min-width:0;box-shadow:0 18px 44px #193d2d0a;--chart-grid:#a8b59835;--chart-text:#617759;--chart-link:#496c3d}.chart-dark{background:#113b34;color:#eff3dc;border-color:#255046;--chart-grid:#b3c3982d;--chart-text:#b0c3a0;--chart-link:#d8e9b3}.chart-heading{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;font-size:14px;line-height:1.7;color:var(--chart-text)}.chart-heading>span:first-child{max-width:90%}.chart-unit{font-size:11px;letter-spacing:1px;border:1px solid var(--chart-grid);padding:3px 8px;border-radius:20px;flex-shrink:0}.chart-key{display:flex;justify-content:space-between;gap:12px;align-items:baseline;flex-wrap:wrap;margin:16px 0 0}.chart-key>strong{font-size:clamp(30px,3.5vw,46px);line-height:1.3;letter-spacing:-1.5px;font-weight:600;white-space:nowrap}.chart-key small{font-size:18px;letter-spacing:0;font-weight:500}.chart-key>span{font-size:12px;color:var(--chart-text)}.chart-dark .chart-key>strong{color:#d6ee99}.chart-thailand .chart-key>strong{color:#2b563d}.chart-cost .chart-key>strong{color:#9a6848}
.plot-layout{height:250px;position:relative;margin-top:36px}.graph-axis{position:absolute;left:0;top:0;bottom:0;width:50px;color:var(--chart-text);font-size:11px;line-height:1;font-variant-numeric:tabular-nums}.graph-axis span{position:absolute;right:12px;transform:translateY(-50%)}.graph-axis span:nth-child(1){top:0}.graph-axis span:nth-child(2){top:25%}.graph-axis span:nth-child(3){top:50%}.graph-axis span:nth-child(4){top:75%}.graph-axis span:nth-child(5){top:100%}.plot-grid{background-image:linear-gradient(to top,var(--chart-grid) 1px,transparent 1px);background-size:100% 25%;border-bottom:1px solid var(--chart-grid)}.line-plot{height:100%;margin-left:50px}.world-line-chart{display:block;width:100%;height:100%;overflow:visible}.world-line-chart circle{vector-effect:non-scaling-stroke}.line-years{position:relative;margin-left:50px;margin-top:14px;height:22px;font-size:11px;color:var(--chart-text);font-variant-numeric:tabular-nums}.line-years span{position:absolute;transform:translateX(-50%)}.line-years span:first-child{transform:none}.line-years span:last-child{transform:translateX(-100%)}
.bar-plot{height:100%;margin-left:50px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;padding:0 5px}.bar-track{height:100%;display:flex;align-items:flex-end;justify-content:center;min-width:0}.pv-bar{position:relative;background:linear-gradient(0deg,#416449,#7a995a);width:100%;max-width:52px;border-radius:7px 7px 0 0}.pv-bar>span{position:absolute;left:50%;top:-26px;transform:translateX(-50%);font-size:12px;line-height:1.5;color:#476343;white-space:nowrap;font-variant-numeric:tabular-nums}.bar-track:last-child .pv-bar{background:linear-gradient(0deg,#a37653,#dfb38a)}.bar-years{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;padding:0 5px;margin:14px 0 0 50px;height:22px;text-align:center;color:var(--chart-text);font-size:11px}
.statistics-figure figcaption{font-size:12px;line-height:1.85;color:var(--chart-text);border-top:1px solid var(--chart-grid);padding-top:16px;margin-top:20px}.statistics-figure figcaption a{color:var(--chart-link);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;overflow-wrap:anywhere}.statistics-figure figcaption>span{display:block;margin-top:6px;font-size:11px;opacity:.95}
.chart-data{border-top:1px solid var(--chart-grid);margin-top:16px;padding-top:14px;color:var(--chart-text)}.chart-data summary{font-size:13px;cursor:pointer;padding:5px 0}.chart-table-wrap{margin-top:15px;max-width:100%;overflow-x:auto}.chart-data table{border-collapse:collapse;width:100%;font-size:13px;line-height:1.7;font-variant-numeric:tabular-nums}.chart-data caption{text-align:left;font-size:12px;color:var(--chart-text);margin-bottom:12px}.chart-data th,.chart-data td{border-bottom:1px solid var(--chart-grid);padding:9px 7px;text-align:right;font-weight:400;vertical-align:top}.chart-data th:first-child{text-align:left}.chart-data thead th{font-weight:600;color:var(--chart-link)}
.cost-unit-label{font-size:13px;color:var(--chart-text);margin:15px 0 0}.cost-bars{margin-top:40px;margin-bottom:26px}.cost-row{display:grid;grid-template-columns:44px minmax(0,1fr) 65px;gap:13px;align-items:center;margin:26px 0;font-size:15px;font-variant-numeric:tabular-nums}.cost-row>strong{text-align:right;font-weight:600;font-size:18px}.cost-track{height:32px;border-radius:5px;background:#eee9d7;overflow:hidden}.cost-fill{height:100%;display:block;background:linear-gradient(90deg,#bd9874,#dfb58a);border-radius:5px}.cost-fill.current{background:#466e46}.cost-axis{display:flex;justify-content:space-between;margin-left:57px;margin-right:78px;font-size:11px;color:var(--chart-text);border-top:1px solid #b5baa454;padding-top:10px}.chart-scope-note{margin:26px 0 20px;font-size:13px;line-height:1.8;color:#80694f;border:1px solid #ddd1b8;border-radius:7px;padding:12px 15px;background:#f4ecda}
.statistics-sources{padding:35px 38px;margin-top:45px;background:#e9eddb;border:1px solid #d1dabe;border-radius:10px 35px 10px 10px;scroll-margin-top:120px}.statistics-sources h3{font-size:28px;font-weight:600;line-height:1.4;margin:12px 0 15px}.statistics-sources>div>p{font-size:15px;line-height:1.9;color:#657c5d;margin:0}.statistics-sources ol{padding:0;margin:28px 0;list-style:none;display:grid;gap:27px}.statistics-sources li>strong{font-size:17px;font-weight:600;color:#284d39;overflow-wrap:anywhere}.statistics-sources li p{font-size:15px;line-height:1.9;color:#5f7657;margin:10px 0}.statistics-sources li>div{display:flex;flex-wrap:wrap;gap:12px 24px}.statistics-sources li a{font-size:14px;color:#385b33;text-decoration:underline;text-underline-offset:4px}.source-rights{font-size:13px;color:#6f805f;line-height:1.9;padding-top:20px;border-top:1px solid #ced8bd;margin:25px 0}
@media(min-width:1151px){.nav{gap:18px;font-size:15px}}
@media(max-width:1150px) and (min-width:961px){.nav{gap:12px;font-size:13.5px}.nav-cta{font-size:13px;padding-left:16px;padding-right:16px}.nav-wrap{gap:22px}}
@media(max-width:1050px){.stats-article{gap:32px}.statistics-figure{padding:24px 22px 20px}.stats-copy>p{font-size:16px}.chart-key>span{font-size:11px}.bar-plot,.bar-years{gap:10px}.pv-bar>span{font-size:11px}}
@media(max-width:960px){.toc-links{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-article{grid-template-columns:1fr;gap:30px;padding:45px 0}.stats-copy>p{font-size:17px}.statistics-figure{width:100%;max-width:760px;justify-self:center;padding:28px}.chart-key>span{font-size:13px}.plot-layout{height:270px}.bar-plot,.bar-years{gap:22px}.pv-bar>span{font-size:13px}.statistics-context{flex-wrap:wrap}.statistics-context>a{margin-left:40px;margin-top:0}.page-toc summary>span:first-child{gap:15px}}
@media(max-width:600px){.page-toc{padding-top:30px}.page-toc summary{padding:20px}.page-toc summary>span:first-child{display:block}.toc-kicker{display:block;margin-bottom:5px;font-size:12px}.page-toc strong{font-size:21px}.toc-links{gap:4px 17px;padding:0 20px 20px}.toc-links a{font-size:14px;gap:7px;line-height:1.7}.toc-links a>span{font-size:10px;min-width:16px}.toc-stat-links{padding:17px 20px;gap:10px 15px;font-size:13px}.toc-stat-links>span{width:100%;font-size:12px}.statistics-context{padding:18px;gap:12px}.statistics-context p{font-size:15px}.statistics-context p>span{font-size:13px}.statistics-context>a{font-size:12px;margin-left:36px}.statistics-nav{gap:8px}.statistics-nav a{font-size:12px;padding:8px 12px}.stats-copy h3{font-size:27px}.stats-copy>p{font-size:16.5px}.stats-definition p{font-size:14.5px}.statistics-figure{padding:22px 20px 20px;border-radius:10px 28px 10px 10px}.chart-heading{font-size:13px}.chart-unit{font-size:10px;padding:3px 7px}.chart-key{margin-top:14px;gap:8px}.chart-key>strong{font-size:36px}.chart-key>span{font-size:11px}.chart-key small{font-size:16px}.plot-layout{height:230px}.bar-plot,.bar-years{gap:12px}.pv-bar>span{font-size:11.5px}.statistics-figure figcaption{font-size:12px}.statistics-figure figcaption>span{font-size:11px}.statistics-sources{padding:25px 22px}.statistics-sources h3{font-size:24px}.statistics-sources li>strong{font-size:16px}.statistics-sources>div>p,.statistics-sources li p{font-size:14.5px}.statistics-sources li a{font-size:13px}.source-rights{font-size:12px}.cost-row{grid-template-columns:40px minmax(0,1fr) 59px;gap:10px;font-size:14px}.cost-row>strong{font-size:17px}.cost-axis{margin-left:50px;margin-right:69px}.cost-unit-label{font-size:12px}.chart-scope-note{font-size:12.5px}}
@media(max-width:360px){.toc-links{grid-template-columns:1fr}.toc-links a{font-size:14.5px}.statistics-figure{padding:20px 15px}.chart-key>strong{font-size:31px}.chart-heading{font-size:12px}.chart-key>span{font-size:10.5px}.plot-layout{height:215px}.graph-axis{width:44px;font-size:10px}.graph-axis span{right:9px}.line-plot,.line-years,.bar-plot,.bar-years{margin-left:44px}.line-years,.bar-years{font-size:10px}.bar-plot,.bar-years{gap:7px;padding-left:0;padding-right:0}.pv-bar>span{font-size:10px}.chart-data table{font-size:12px}.chart-data td,.chart-data th{padding:8px 4px}.chart-data summary{font-size:12px}.chart-heading>span:first-child{max-width:80%}.chart-unit{font-size:9px}.statistics-sources{padding:23px 18px}.cost-row{grid-template-columns:35px minmax(0,1fr) 52px;gap:8px}.cost-row>strong{font-size:15px}.cost-axis{margin-left:43px;margin-right:60px}}
.footer-privacy{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;padding-top:30px;margin-top:40px;border-top:1px solid #2f5144;color:#c5d8b9;font-size:15px}.footer-privacy a,.footer-privacy button,.privacy-page-footer button{color:inherit;font:inherit}.footer-privacy a{text-decoration:underline;text-underline-offset:4px}.footer-privacy button,.privacy-page-footer button{background:transparent;border:1px solid #65816a;border-radius:9px;padding:10px 14px;cursor:pointer}.footer-privacy a:hover,.footer-privacy button:hover{color:#f3c4a0}
#privacy-interface{font-family:SiteThai,'Noto Sans Thai',Tahoma,sans-serif;color:#163d35}#privacy-interface [hidden]{display:none!important}.privacy-label{display:block;color:#895139;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:7px}.cookie-banner{position:fixed;z-index:900;left:50%;bottom:20px;transform:translateX(-50%);width:min(1040px,calc(100% - 32px));display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:center;padding:24px 28px;background:#fffaf0;border:1px solid #d8c8b7;border-radius:22px 38px 22px 22px;box-shadow:0 18px 80px #092c2840}.cookie-banner h2{margin:0 0 9px;font-size:23px;font-weight:600;letter-spacing:-.4px;line-height:1.35}.cookie-banner p{font-size:15.5px;line-height:1.7;margin:0 0 10px;color:#476055}.privacy-policy-link{font-size:14.5px;text-decoration:underline;text-underline-offset:4px;color:#75523f}.cookie-banner-actions,.privacy-dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.privacy-choice,.privacy-save,.privacy-manage{font:600 15px/1.5 SiteThai,'Noto Sans Thai',Tahoma,sans-serif;min-height:48px;padding:11px 14px;border-radius:10px;cursor:pointer;transition:background .18s,border-color .18s}.privacy-choice{border:1px solid #153f35;color:#fffaf0;background:#153f35}.privacy-choice:hover{background:#235948;border-color:#235948}.privacy-manage{grid-column:1/-1;border:1px solid #b6c6ad;background:transparent;color:#173e34}.privacy-manage:hover{background:#eaf0df}.privacy-save{border:1px solid #294e3e;background:#e2eecb;color:#123e32}.privacy-save:hover{background:#d0e4af}#privacy-interface button:focus-visible,#privacy-interface a:focus-visible,.policy-actions button:focus-visible,.footer-privacy button:focus-visible{outline:3px solid #ad5c39;outline-offset:4px}
.privacy-dialog{width:min(680px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:28px;margin:auto;background:#fffaf1;color:#163d35;border:1px solid #d6cfb9;border-radius:24px;box-shadow:0 26px 90px #051f2866;overflow:auto;overscroll-behavior:contain}.privacy-dialog:not([open]){display:none}.privacy-dialog::backdrop{background:#092e2bdd;backdrop-filter:blur(4px)}.privacy-dialog-heading{display:flex;gap:18px;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.privacy-dialog-heading h2{margin:0;font-size:26px;font-weight:600;line-height:1.35;letter-spacing:-.5px}.privacy-dialog-heading h2:focus{outline:0}.privacy-close{font:600 14px SiteThai,sans-serif;flex-shrink:0;background:#eeeedd;border:1px solid #c4ccb6;border-radius:8px;min-width:60px;min-height:44px;color:#25483b;padding:8px 10px;cursor:pointer}.privacy-dialog>p{font-size:16px;line-height:1.75;color:#4b6256;margin:0 0 18px}.privacy-category{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px 0;border-top:1px solid #d9dfce}.privacy-category>div,.privacy-category>span{min-width:0}.privacy-category strong{display:block;font-size:17px;line-height:1.5;font-weight:600}.privacy-category p,.privacy-category-description{display:block;margin:8px 0;color:#4e6457;font-size:15.5px;line-height:1.7}.privacy-category-note{display:block;font-size:13.5px;color:#786042;line-height:1.6}.privacy-category input{appearance:auto;width:24px;height:24px;min-width:24px;accent-color:#235440;margin:4px 0 0;cursor:pointer}.privacy-category input:disabled{cursor:not-allowed}.privacy-category input:focus-visible{outline:3px solid #ad5c39;outline-offset:4px}.privacy-dialog .privacy-unused{padding:14px 16px;border-radius:10px;background:#edf2e0;font-size:14.5px;color:#405a47}.privacy-dialog-actions{padding-top:6px}.privacy-dialog-actions .privacy-save{grid-column:1/-1}.privacy-dialog .privacy-dialog-footnote{font-size:13.5px;line-height:1.7;margin:18px 0 0}.privacy-dialog-footnote a{color:#77523c;text-decoration:underline;text-underline-offset:3px}.privacy-feedback{position:fixed;z-index:950;left:50%;bottom:20px;transform:translateX(-50%);width:min(560px,calc(100% - 32px));padding:16px 20px;color:#f5f8eb;background:#163f34;border:1px solid #77976a;border-radius:14px;font-size:15px;line-height:1.7;box-shadow:0 12px 40px #082e2833}
.privacy-page{background:#fafaf2}.privacy-site-header .nav-wrap{justify-content:space-between}.policy-back{font-size:16px;color:#244b3d}.policy-back:hover{color:#975c3d}.policy-hero{padding-top:80px;padding-bottom:58px}.policy-hero h1{font-size:clamp(34px,4.7vw,62px);font-weight:600;line-height:1.25;letter-spacing:-1px;margin:20px 0}.policy-hero h1 em{font-style:normal;color:#9a6547}.policy-intro{max-width:850px;font-size:19px;line-height:1.85;color:#526956}.policy-version{font-size:14px;color:#6c8067;line-height:1.8;margin-top:16px}.privacy-status-panel{display:grid;grid-template-columns:1fr auto;align-items:center;gap:28px;margin-top:32px;padding:24px;background:#ecf1df;border:1px solid #ced9bb;border-radius:16px}.privacy-status-panel strong{font-size:18px;font-weight:600}.privacy-status-panel p{font-size:14px;line-height:1.7;margin:6px 0 0;color:#52694d}.policy-actions{display:grid;gap:10px}.policy-actions .privacy-choice{font-size:14.5px}.policy-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:72px;padding-bottom:90px}.policy-toc{position:sticky;top:120px;align-self:start;display:grid;gap:12px;border-left:2px solid #d9e2c8;padding:8px 0 8px 22px;font-size:15.5px;line-height:1.6}.policy-toc strong{font-size:17px;font-weight:600;margin-bottom:6px}.policy-toc a{color:#536a52}.policy-toc a:hover{color:#9a6547;text-decoration:underline;text-underline-offset:4px}.policy-content{min-width:0}.policy-content>section{padding-bottom:34px;margin-bottom:36px;border-bottom:1px solid #dce3d0;scroll-margin-top:120px}.policy-section-number{font-size:12.5px;font-weight:600;color:#94613f;letter-spacing:.5px}.policy-content h2{font-size:30px;font-weight:600;line-height:1.45;letter-spacing:-.4px;margin:10px 0 18px}.policy-content p,.policy-content li{font-size:17.5px;line-height:1.9;color:#4d6452}.policy-content p{margin:0 0 16px}.policy-content ul{padding-left:24px;margin:16px 0}.policy-content li{margin-bottom:12px;padding-left:4px}.policy-content strong{color:#234b3b;font-weight:600}.policy-content a{color:#84543c;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.policy-callout{padding:22px 24px;background:#eaf0dd;border-left:3px solid #9d6a48;border-radius:4px 14px 14px 4px;margin-top:24px}.policy-callout>strong{font-size:18px}.policy-callout p{margin:9px 0 0;font-size:16px}.policy-content code{font-size:14.5px;overflow-wrap:anywhere;color:#744f3d}.policy-storage-item{padding:22px 24px;border:1px solid #d5dfc8;border-radius:14px;margin:18px 0;background:#fffdf6}.policy-storage-item>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.policy-storage-item>div>strong{font:600 15px ui-monospace,monospace;overflow-wrap:anywhere}.policy-storage-badge{font-size:12px;color:#214c38;background:#dcebc4;border-radius:24px;padding:3px 12px}.policy-storage-badge.optional{background:#f5e0cf;color:#7b4f35}.policy-storage-item p{font-size:16px;margin:12px 0}.policy-storage-item small{font-size:14px;color:#66795c;line-height:1.75;display:block}.policy-inline-action{display:inline-block;margin-top:8px}.policy-contact{font-style:normal;display:grid;gap:10px;padding:24px;background:#eaf0df;border-radius:14px;margin:12px 0 20px;font-size:17px;line-height:1.9}.policy-contact strong{font-size:21px}.privacy-page-footer{background:#0b302a;color:#d3e3c3;padding:38px 0}.policy-footer-inner{display:flex;gap:22px;align-items:center;flex-wrap:wrap;font-size:15px}.policy-footer-inner img{display:block;width:204px;height:auto}.policy-footer-inner>a:first-child{margin-right:auto}.policy-footer-inner>span{width:100%;font-size:13.5px;color:#96b088}.privacy-noscript{font-size:15px;line-height:1.8;color:#6d533a;background:#f5eadb;padding:16px 20px;border-radius:12px;margin-top:20px;margin-bottom:20px}.privacy-noscript a{color:inherit;text-decoration:underline}
@media(max-width:960px){.cookie-banner{grid-template-columns:1fr;gap:18px;width:min(680px,calc(100% - 32px));padding:22px 24px}.cookie-banner-actions{grid-template-columns:1fr 1fr 1fr}.cookie-banner-actions .privacy-manage{grid-column:auto}.privacy-status-panel{grid-template-columns:1fr}.policy-actions{grid-template-columns:1fr 1fr}.policy-layout{grid-template-columns:200px minmax(0,1fr);gap:36px}.policy-content h2{font-size:27px}}
@media(max-width:760px){.policy-layout{grid-template-columns:1fr;gap:38px}.policy-toc{position:static;grid-template-columns:1fr 1fr;gap:14px 24px;padding:18px 22px;background:#f0f3e6;border-radius:12px}.policy-toc strong{grid-column:1/-1}.policy-hero{padding-top:50px;padding-bottom:38px}.policy-intro{font-size:17px}.policy-content p,.policy-content li{font-size:16.5px}.policy-footer-inner>a:first-child{width:100%}.privacy-dialog-heading h2{font-size:24px}}
@media(max-width:480px){.cookie-banner{bottom:10px;width:calc(100% - 20px);padding:18px;border-radius:17px 26px 17px 17px;gap:16px;max-height:calc(100dvh - 20px);overflow:auto}.cookie-banner h2{font-size:21px}.cookie-banner p{font-size:15px;line-height:1.65}.cookie-banner-actions{grid-template-columns:1fr 1fr;gap:9px}.cookie-banner-actions .privacy-manage{grid-column:1/-1;min-height:42px}.privacy-choice,.privacy-save{font-size:14.5px;padding:11px 10px;min-height:48px}.privacy-policy-link{font-size:14px}.privacy-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px);padding:20px 18px;border-radius:18px}.privacy-dialog-heading{gap:12px}.privacy-dialog-heading h2{font-size:22px}.privacy-dialog>p{font-size:15.5px}.privacy-category{gap:12px;padding:18px 0}.privacy-category strong{font-size:16.5px}.privacy-category p,.privacy-category-description{font-size:15px}.privacy-category-note{font-size:13px}.privacy-close{min-width:56px;font-size:13px}.privacy-feedback{font-size:14px;padding:14px 16px;bottom:10px}.policy-hero h1{font-size:34px;letter-spacing:-.7px}.policy-actions{grid-template-columns:1fr}.privacy-status-panel{padding:20px}.privacy-status-panel strong{font-size:17px}.policy-toc{grid-template-columns:1fr;font-size:16px}.policy-content h2{font-size:25px}.policy-content p,.policy-content li{font-size:16.5px}.policy-callout,.policy-storage-item{padding:18px}.policy-storage-item>div>strong{font-size:14px}.policy-back{font-size:14px}.privacy-page .brand-logo{width:174px}.privacy-page .nav-wrap{gap:16px}.policy-contact{padding:20px;font-size:16px}.policy-footer-inner{font-size:14.5px}.footer-privacy{font-size:14.5px;gap:16px}.footer-privacy button{padding:11px 13px}.privacy-label{font-size:11.5px}}
@media(max-width:360px){.cookie-banner{padding:16px}.cookie-banner h2{font-size:20px}.cookie-banner p{font-size:14.5px}.privacy-choice,.privacy-save{font-size:13.5px;padding:10px 8px}.privacy-dialog-heading h2{font-size:20px}.policy-hero h1{font-size:30px}.privacy-page .brand-logo{width:150px}.privacy-page .nav-wrap{gap:10px}.policy-back{font-size:13px}}
@media(prefers-reduced-motion:reduce){.privacy-choice,.privacy-save,.privacy-manage{transition:none}.privacy-dialog::backdrop{backdrop-filter:none}}
:root{--icon-accent:#b87853}.ic{overflow:visible}.service-icon{width:64px;height:64px;margin-bottom:25px;border-radius:21px;background:linear-gradient(145deg,#f5f8eb,#dce9ca);border:1px solid #cbd9bd;box-shadow:inset 0 1px 0 #fff,0 7px 18px #2046340b;color:#204b3b;--icon-accent:#b87853}.service-icon .ic{width:34px;height:34px}.service-card.featured .service-icon{background:linear-gradient(145deg,#fff9ec,#f1dec3);border-color:#dbc3a4;color:#204b3b;--icon-accent:#ab6a46}.service-card:hover .service-icon{border-color:#abbd96}.hero-trust .ic{width:24px;height:24px;color:#cce2a9;--icon-accent:#e8b184}.guide-index .ic{width:40px;height:40px;padding:8px;border-radius:13px;background:linear-gradient(140deg,#f0f5e5,#e0ebd0);border:1px solid #d4dfc5;color:#224d3b;--icon-accent:#b87853}.step-ic{width:52px;height:52px;padding:12px;border:1px solid #d2dec4;border-radius:16px;background:linear-gradient(140deg,#f2f7e7,#dfeacd);color:#224d3b;--icon-accent:#b87853}.footer-features .ic{width:48px;height:48px;padding:10px;border-radius:15px;background:linear-gradient(145deg,#264f40,#15392f);border:1px solid #3b614d;color:#d2e6ba;--icon-accent:#edb794}.social a{border-radius:14px;background:#12382f;box-shadow:inset 0 1px 0 #47675033}.social .ic{width:24px;height:24px;color:#d9e9c5;--icon-accent:#edb794}.social a:hover .ic{color:#153d31;--icon-accent:#a7623e}.footer-contact .ic{color:#dfc5a2;--icon-accent:#cadfab}.guide-points .ic,.statistics-context>.ic{--icon-accent:#ae7753}.stars{display:inline-flex;align-items:center;gap:2px}.stars .ic{width:16px;height:16px;--icon-accent:#d5a148}
.cookie-banner{left:auto;right:20px;bottom:20px;transform:none;width:min(420px,calc(100% - 32px));max-width:none;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:20px;border:1px solid #d5ddc9;border-radius:20px;background:#fffdf5;box-shadow:0 12px 48px #092e2829,0 2px 8px #092e2810}.cookie-banner-heading{display:flex;align-items:center;gap:11px;margin-bottom:11px}.cookie-emblem{width:36px;height:36px;display:grid;place-items:center;flex-shrink:0;border-radius:12px;border:1px solid #e4d3bc;background:#f5e9d6;color:#244b3a;--icon-accent:#b8754f}.cookie-emblem .ic{width:24px;height:24px}.cookie-banner h2{margin:0;font-size:18px;font-weight:600;line-height:1.4;letter-spacing:-.25px}.cookie-banner .cookie-summary{font-size:14.5px;line-height:1.7;margin:0 0 15px;color:#50614f}.cookie-banner-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px}.cookie-banner .privacy-choice{min-height:44px;border-radius:10px;padding:10px 12px;font-size:14.5px;line-height:1.5}.cookie-banner-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:7px}.cookie-banner-meta .privacy-policy-link{font-size:13px;color:#6a7059;text-underline-offset:3px;line-height:1.7}.cookie-banner-meta .privacy-manage{display:inline-flex;align-items:center;justify-content:center;gap:6px;grid-column:auto;width:auto;min-height:34px;padding:5px 8px;border:0;background:transparent;border-radius:8px;font-size:13.5px;color:#38533f}.cookie-banner-meta .privacy-manage:hover{background:#eef2e4}.cookie-banner-meta .privacy-manage .ic{width:18px;height:18px}
.privacy-dialog{width:min(560px,calc(100% - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:22px;border-radius:21px;background:#fffdf5}.privacy-dialog::backdrop{background:#0a2d2b99;backdrop-filter:blur(3px)}.privacy-dialog-heading{align-items:center;gap:14px;margin-bottom:12px}.privacy-dialog-heading h2{font-size:22px;line-height:1.4;letter-spacing:-.3px}.privacy-dialog-heading .privacy-label{margin-bottom:4px;font-size:11.5px}.privacy-close{display:grid;place-items:center;width:40px;min-width:40px;height:40px;min-height:40px;padding:8px;border:1px solid #dce2d2;border-radius:12px;background:#f1f4e8;color:#3b5541}.privacy-close .ic{width:22px;height:22px}.privacy-dialog>p{font-size:14.5px;line-height:1.7;margin-bottom:12px}.privacy-category{display:grid;grid-template-columns:32px minmax(0,1fr) 42px;gap:12px;align-items:start;padding:15px 0}.privacy-category-icon{display:grid!important;place-items:center;width:32px;height:32px;flex-shrink:0;border:1px solid #d9e2cc;border-radius:11px;background:#eff4e5;color:#36573d;--icon-accent:#b87853}.privacy-category-icon .ic{width:21px;height:21px}.privacy-category .privacy-category-copy{min-width:0}.privacy-category strong{font-size:15.5px;line-height:1.5}.privacy-category p,.privacy-category-description{font-size:14px;line-height:1.7;margin:5px 0}.privacy-category-note{font-size:12.5px;line-height:1.6;color:#7b6d50}.privacy-category input{appearance:none;width:42px;min-width:42px;height:24px;margin:4px 0 0;position:relative;border:1px solid #b8c6b0;border-radius:30px;background:#dce2d4;cursor:pointer;transition:background .18s,border-color .18s}.privacy-category input::before{content:'';position:absolute;left:2px;top:2px;width:18px;height:18px;border-radius:50%;background:#fffdf5;box-shadow:0 1px 3px #203f362b;transition:transform .18s}.privacy-category input:checked{background:#315d42;border-color:#315d42}.privacy-category input:checked::before{transform:translateX(18px)}.privacy-category input:disabled{opacity:1;background:#8a9f7e;border-color:#8a9f7e;cursor:not-allowed}.privacy-dialog .privacy-unused{padding:11px 13px;border-radius:10px;margin-bottom:12px;font-size:13px;line-height:1.65;background:#edf3df}.privacy-dialog-actions{gap:8px;padding-top:0}.privacy-dialog-actions .privacy-choice,.privacy-dialog-actions .privacy-save{min-height:44px;padding:10px 12px;font-size:14px;border-radius:10px}.privacy-dialog .privacy-dialog-footnote{font-size:12.5px;line-height:1.65;margin:12px 0 0}
@media(max-width:760px){.privacy-dialog-heading h2{font-size:21px}.cookie-banner{right:16px;bottom:16px}}
@media(max-width:480px){.cookie-banner{left:12px;right:12px;bottom:12px;width:auto;max-height:calc(100dvh - 24px);padding:16px;border-radius:18px;overflow:auto}.cookie-banner-heading{gap:10px;margin-bottom:9px}.cookie-banner h2{font-size:17px}.cookie-emblem{width:32px;height:32px;border-radius:11px}.cookie-emblem .ic{width:22px;height:22px}.cookie-banner .cookie-summary{font-size:14px;line-height:1.65;margin-bottom:12px}.cookie-banner .privacy-choice{font-size:14px;padding:10px;min-height:44px}.cookie-banner-meta{margin-top:6px}.cookie-banner-meta .privacy-policy-link{font-size:12.5px}.cookie-banner-meta .privacy-manage{font-size:13px}.privacy-dialog{width:calc(100% - 24px);max-width:calc(100vw - 24px);padding:18px;max-height:calc(100dvh - 24px);border-radius:19px}.privacy-dialog-heading h2{font-size:20px}.privacy-dialog-heading{gap:10px;margin-bottom:11px}.privacy-close{width:40px;min-width:40px;min-height:40px;height:40px}.privacy-dialog>p{font-size:14px}.privacy-category{grid-template-columns:28px minmax(0,1fr) 42px;gap:10px;padding:14px 0}.privacy-category-icon{width:28px;height:28px;border-radius:9px}.privacy-category-icon .ic{width:19px;height:19px}.privacy-category strong{font-size:15px}.privacy-category p,.privacy-category-description{font-size:13.5px}.privacy-category-note{font-size:12px}.privacy-dialog .privacy-unused{font-size:12.5px}.privacy-dialog-actions .privacy-choice,.privacy-dialog-actions .privacy-save{font-size:13.5px;padding:10px 8px}.privacy-dialog .privacy-dialog-footnote{font-size:12px}.service-icon{width:56px;height:56px;border-radius:18px;margin-bottom:22px}.service-icon .ic{width:30px;height:30px}.guide-index .ic{width:36px;height:36px;padding:7px;border-radius:12px}.step-ic{width:46px;height:46px;padding:10px}.hero-trust .ic{width:22px;height:22px}}
@media(max-width:360px){.cookie-banner{left:10px;right:10px;bottom:10px;padding:14px}.cookie-banner h2{font-size:16px}.cookie-banner .privacy-choice{font-size:13.5px}.privacy-dialog{width:calc(100% - 20px);max-width:calc(100vw - 20px);padding:16px}.privacy-dialog-heading h2{font-size:18px}.privacy-category{grid-template-columns:24px minmax(0,1fr) 40px;gap:8px}.privacy-category-icon{width:24px;height:24px;border-radius:8px}.privacy-category-icon .ic{width:17px;height:17px}.privacy-category input{width:40px;min-width:40px}.privacy-category input:checked::before{transform:translateX(16px)}.privacy-category strong{font-size:14px}.privacy-category p,.privacy-category-description{font-size:13px}.privacy-dialog-actions .privacy-choice,.privacy-dialog-actions .privacy-save{font-size:13px}.cookie-banner-meta .privacy-policy-link{font-size:12px}}
@media(forced-colors:active){.privacy-category input{appearance:auto;background:Canvas;border:1px solid CanvasText}.privacy-category input::before{display:none}}
@media(prefers-reduced-motion:reduce){.privacy-category input,.privacy-category input::before{transition:none}.privacy-dialog::backdrop{backdrop-filter:none}}
.link-indicator{display:inline-block;vertical-align:-.22em;width:1.1em;height:1.1em;flex:none;color:inherit;overflow:visible}.link-indicator circle{fill:currentColor;fill-opacity:.1;stroke:currentColor;stroke-opacity:.55;stroke-width:1.2}.link-indicator path{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.button .button-arrow{width:30px;height:30px;flex:none;overflow:visible;color:inherit;transition:transform .25s ease}.button-arrow circle{fill:currentColor;fill-opacity:.12;stroke:currentColor;stroke-opacity:.38;stroke-width:1}.button-arrow path{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.button-arrow-down{rotate:90deg}.button-arrow-external{rotate:-45deg}.button:hover .button-arrow{transform:translateX(3px)}.button:focus-visible{outline:3px solid #bc7751;outline-offset:3px}@media(prefers-reduced-motion:reduce){.button .button-arrow{transition:none}.button:hover .button-arrow{transform:none}}
.guide-item > *{min-width:0}
.guide-lab{position:relative;overflow:hidden;isolation:isolate;padding:22px;border:1px solid #52725a;border-radius:14px 42px 14px 14px;background:radial-gradient(ellipse at 75% 25%,#42634666,transparent 62%),#0b302b;color:#f5f5e5;box-shadow:0 24px 55px #173f341a}
.guide-lab::before{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#b9d59a08 1px,transparent 1px),linear-gradient(90deg,#b9d59a08 1px,transparent 1px);background-size:44px 44px;pointer-events:none}
.guide-lab-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid #b9cb9f38;font-size:12px;line-height:1.6}
.guide-lab-head>span:first-child{display:flex;align-items:center;gap:8px;color:#cfddc3}
.guide-lab-head i{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#d6ee99;box-shadow:0 0 14px #d6ee9980}
.guide-lab-head>span:last-child{color:#edb08b;font-size:10px;letter-spacing:1.7px;white-space:nowrap}
.guide-stage{position:relative;aspect-ratio:1.45;margin:10px -12px 0}
.guide-scene{display:block;width:100%;height:100%;overflow:visible}
.guide-float{animation:guide-hover 8s ease-in-out infinite}
.guide-orbit{fill:none;stroke:#a6cb9560;stroke-width:1;stroke-dasharray:4 10;transform-origin:320px 230px;animation:guide-orbit 36s linear infinite}
.guide-orbit-copper{stroke:#edb08b;stroke-width:3;stroke-dasharray:70 460;opacity:.7;animation:guide-current 18s linear infinite}
.guide-wire{fill:none;stroke:#8ea98a;stroke-opacity:.25;stroke-width:5;stroke-linejoin:round;stroke-linecap:round}
.guide-current{fill:none;stroke:#d6ee99;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:7 18;animation:guide-current 4s linear infinite;filter:drop-shadow(0 0 4px #bcec8270)}
.guide-current-ac{stroke:#edb08b;animation-duration:3s}
.guide-sun-halo{fill:#deef9a12;stroke:#deef9a35;stroke-width:1;transform-box:fill-box;transform-origin:center;animation:guide-breathe 5s ease-in-out infinite}
.guide-sun-rays{fill:none;stroke:#edc69c;stroke-width:2;stroke-linecap:round;transform-box:fill-box;transform-origin:center;animation:guide-spin 48s linear infinite}
.guide-window,.guide-battery-charge{animation:guide-light 3.8s ease-in-out infinite}
.guide-tag{position:absolute;display:flex;align-items:center;gap:7px;max-width:52%;padding:5px 9px;background:#0a2926f2;border:1px solid #b9cb9f38;border-radius:6px;font-size:12px;line-height:1.6;color:#ebefdc;box-shadow:0 8px 20px #001c2526}
.guide-tag b{color:#edb08b;font-size:10px;font-weight:500}
.guide-tag-solar{left:4%;top:16%}.guide-tag-sun{right:2%;top:6%}.guide-tag-inverter{left:0;bottom:23%}.guide-tag-home{right:1%;bottom:8%}
.guide-flow-key{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:15px 0 0;margin:4px 0 0;border-top:1px solid #b9cb9f38;gap:10px}
.guide-flow-key li{font-size:12px;line-height:1.6;color:#d7e3cc}
.guide-flow-key b{display:block;color:#edb08b;font-size:10px;letter-spacing:1px;font-weight:500;margin-bottom:3px}
.guide-flow-key small{display:block;color:#a4bda5;font-size:11px}
.guide-lab-foot{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:16px;border-top:1px solid #b9cb9f38;padding-top:12px}
.guide-lab-foot>span{font-size:11px;color:#a5bca3;line-height:1.6}
.guide-lab .motion-toggle{color:#d8e7c5;font-size:11px;flex-shrink:0;min-height:36px;padding:5px 0}
.guide-figure-motion figcaption{font-size:12px;line-height:1.8;color:#647e69;align-items:flex-start}
.guide-choice{display:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:5px;border:1px solid #b9cb9f38;border-radius:12px;margin-top:17px;background:#082924}
.js-ready .guide-choice{display:grid}
.guide-choice button{border:0;border-radius:8px;background:none;color:#bfd2b8;padding:9px 4px;min-height:42px;font-size:13px;line-height:1.5;cursor:pointer;transition:background .25s,color .25s}
.guide-choice button[aria-pressed=true]{color:#153d32;background:#dfedb4}
.guide-lab button:focus-visible{outline:3px solid #edb08b;outline-offset:3px}
.guide-system .guide-stage{margin-top:0;aspect-ratio:1.6}
.guide-system [data-battery],.guide-system [data-grid]{transition:opacity .4s}
.guide-system[data-system=on-grid] [data-battery]{opacity:.18}
.guide-system[data-system=on-grid] .guide-battery-wire,.guide-system[data-system=off-grid] .guide-grid-wire{visibility:hidden}
.guide-system[data-system=on-grid] .guide-battery-charge{animation:none}
.guide-system[data-system=off-grid] [data-grid]{opacity:.18}
.guide-system .guide-tag-solar{top:5%;left:4%}
.guide-system .guide-tag-battery{left:0;bottom:10%}
.guide-system .guide-tag-grid{right:0;bottom:10%}
.guide-system .guide-tag-home{right:25%;bottom:0}
.guide-system-copy{padding:14px 0 0;border-top:1px solid #b9cb9f38;min-height:120px}
.guide-system-copy strong,.guide-step-copy strong{display:block;color:#e5f2bf;font-size:15px;font-weight:500;line-height:1.7}
.guide-system-copy p,.guide-step-copy p{font-size:13px;color:#bdd0b6;line-height:1.85;margin:5px 0 0}
.guide-install .guide-stage{aspect-ratio:1.8}
.guide-install .guide-tag-home{bottom:6%;right:4%}
.guide-step-badge{transform-origin:119px 165px;animation:guide-breathe 5s ease-in-out infinite}
.guide-house-panels{opacity:var(--guide-panel-opacity,1);transition:opacity .4s}
.guide-install{--guide-panel-opacity:.18}
.guide-install[data-step="3"]{--guide-panel-opacity:.55}
.guide-install[data-step="5"]{--guide-panel-opacity:1}
.guide-install .guide-install-current{visibility:hidden}
.guide-install[data-step="5"] .guide-install-current{visibility:visible}
.guide-step-track{display:none;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;position:relative;margin:12px 0 17px;isolation:isolate}
.js-ready .guide-step-track{display:grid}
.guide-step-track::before{content:'';position:absolute;left:9%;right:9%;top:18px;height:1px;background:#7a977367;z-index:-1}
.guide-step-track button{background:none;border:0;padding:0;min-height:65px;color:#b6cbb1;font-size:11px;cursor:pointer;line-height:1.5}
.guide-step-track b{display:grid;place-items:center;margin:0 auto 8px;width:36px;height:36px;border:1px solid #718c67;background:#10372f;color:#e5d0b1;border-radius:50%;font-size:12px;font-weight:500;transition:background .25s,box-shadow .25s}
.guide-step-track button[aria-pressed=true]{color:#eef5da}
.guide-step-track button[aria-pressed=true] b{background:#d6ee99;color:#123d35;border-color:#d6ee99;box-shadow:0 0 0 5px #d6ee9913}
.guide-step-copy{border-top:1px solid #b9cb9f38;padding-top:14px;min-height:112px}
.guide-noscript{font-size:13px;color:#bdd0b6;margin-top:14px}
.guide-symbols{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.js-ready .guide-lab[data-in-view=false] *{animation-play-state:paused}
@keyframes guide-hover{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes guide-current{to{stroke-dashoffset:-100}}
@keyframes guide-orbit{0%,100%{transform:rotate(-9deg)}50%{transform:rotate(9deg)}}
@keyframes guide-breathe{0%,100%{transform:scale(.97)}50%{transform:scale(1.04)}}
@keyframes guide-spin{to{transform:rotate(360deg)}}
@keyframes guide-light{0%,100%{opacity:.65}50%{opacity:1}}
@media(min-width:961px){.guide-figure-motion{align-self:center}}
@media(min-width:761px) and (max-width:960px){.guide-lab{max-width:700px;margin-inline:auto}}
@media(max-width:480px){.guide-lab{padding:17px 15px;border-radius:12px 32px 12px 12px}.guide-lab-head{font-size:11px;gap:8px}.guide-lab-head>span:last-child{font-size:8px;letter-spacing:1px}.guide-stage{margin-inline:-8px;aspect-ratio:1.3}.guide-tag{font-size:11px;padding:4px 6px;gap:5px}.guide-tag b{font-size:9px}.guide-flow-key{gap:7px}.guide-flow-key li{font-size:11px}.guide-flow-key small{font-size:10px}.guide-system .guide-stage{aspect-ratio:1.4}.guide-install .guide-stage{aspect-ratio:1.6}.guide-choice button{font-size:12px}.guide-system-copy{min-height:138px}.guide-step-copy{min-height:130px}.guide-system-copy p,.guide-step-copy p{font-size:12px}.guide-step-track{gap:3px}.guide-step-track button{font-size:10px}.guide-lab-foot{gap:8px}.guide-lab-foot>span{font-size:10px}}
@media(max-width:360px){.guide-lab{padding:14px 11px}.guide-lab-head{font-size:10px}.guide-lab-head>span:last-child{font-size:7px}.guide-tag{font-size:10px;gap:4px;padding:3px 5px}.guide-flow-key{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.guide-flow-key b{display:inline;margin-right:5px}.guide-flow-key small{display:inline;margin-left:4px}.guide-system .guide-tag-home{right:23%}.guide-step-track button{font-size:9px}.guide-step-track b{width:30px;height:30px}.guide-step-track::before{top:15px}.guide-lab-foot{align-items:flex-start;flex-direction:column;gap:3px}.guide-system-copy{min-height:165px}.guide-step-copy{min-height:150px}}
.guide-usage-lab{transition:background-color .6s,border-color .6s}
.guide-usage-lab .guide-stage{aspect-ratio:1.78;margin-top:4px}
.guide-usage-choice{grid-template-columns:repeat(2,minmax(0,1fr))}
.guide-usage-sky{right:6%;top:8%}.guide-usage-appliance{left:0;bottom:5%}.guide-usage-grid-label{right:0;bottom:14%}
.guide-usage-grid{opacity:.3;transition:opacity .5s}
.guide-usage-house{transition:filter .5s}
.guide-usage-night,.guide-usage-grid-flow,.guide-usage-band-night{visibility:hidden;opacity:0}
.guide-usage-day,.guide-usage-night,.guide-usage-grid-flow{transition:opacity .5s,visibility .5s}
.guide-usage-stars{animation:guide-light 6s ease-in-out infinite}
.guide-usage-drum{stroke-dasharray:9 7;animation:guide-current 6s linear infinite}
.guide-usage-lab[data-usage=evening]{background-color:#0b1b2d;border-color:#486375;--guide-panel-opacity:.45}
.guide-usage-lab[data-usage=evening] .guide-usage-house{filter:brightness(.8) saturate(.75)}
.guide-usage-lab[data-usage=evening] .guide-usage-day,.guide-usage-lab[data-usage=evening] .guide-usage-band-day{visibility:hidden;opacity:0}
.guide-usage-lab[data-usage=evening] .guide-usage-night,.guide-usage-lab[data-usage=evening] .guide-usage-grid-flow{visibility:visible;opacity:1}
.guide-usage-lab[data-usage=evening] .guide-usage-band-night{visibility:visible;opacity:.08}
.guide-usage-lab[data-usage=evening] .guide-usage-grid{opacity:1}
.guide-usage-lab[data-usage=evening] .guide-usage-load{stroke:#edb08b}
.guide-usage-chart{border-top:1px solid #b9cb9f38;padding-top:13px;margin-top:5px}
.guide-usage-chart-head{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#d9e6ca;font-size:12px;line-height:1.6}
.guide-usage-chart-head>span:last-child{font-size:10px;color:#9db59f}
.guide-usage-legend{display:flex;gap:17px;flex-wrap:wrap;margin-top:9px;font-size:11px;color:#bbcfb6;line-height:1.5}
.guide-usage-legend span{display:flex;align-items:center;gap:7px}
.guide-usage-legend i{width:18px;display:block;border-top:2px solid #d6ee99}
.guide-usage-legend .guide-usage-load-key{border-color:#edb08b;border-top-style:dashed}
.guide-usage-plot{display:block;width:100%;height:auto;margin-top:8px;overflow:visible}
.guide-usage-chart-glint{stroke-dasharray:5 95;animation:guide-current 8s linear infinite}
.guide-usage-hours{display:flex;justify-content:space-between;gap:5px;font-size:10px;line-height:1.5;color:#a6bca5;margin-top:-8px}
.guide-usage-copy{padding-top:16px;min-height:125px}
.guide-usage-copy strong{display:block;font-size:15px;font-weight:500;line-height:1.7;color:#e5f2bf}
.guide-usage-copy p{font-size:13px;line-height:1.85;color:#bdd0b6;margin:5px 0 0}
@media(max-width:480px){.guide-usage-lab .guide-stage{aspect-ratio:1.65}.guide-usage-sky{right:3%;top:8%}.guide-usage-grid-label{bottom:16%}.guide-usage-chart-head{font-size:11px}.guide-usage-chart-head>span:last-child{font-size:9px}.guide-usage-legend{font-size:10px;gap:14px}.guide-usage-hours{font-size:9px;margin-top:-3px}.guide-usage-copy{min-height:142px}.guide-usage-copy p{font-size:12px}}
@media(max-width:360px){.guide-usage-chart-head{font-size:10px}.guide-usage-copy{min-height:165px}.guide-usage-copy strong{font-size:14px}.guide-usage-lab .guide-stage{aspect-ratio:1.5}.guide-usage-hours{font-size:8px;margin-top:0}}
@media(prefers-reduced-motion:reduce){.guide-lab,.guide-lab *,.guide-lab *::before,.guide-lab *::after{animation:none!important;transition:none!important}}
:root{color-scheme:dark;--ink:#f7f7ff;--deep:#090b18;--deep-soft:#191b33;--text:#e1e3f2;--muted:#bdc2db;--cream:#111426;--paper:#101224;--line:#373b5b;--lime:#c8bcff;--gold:#c8bcff;--green:#bcb0f4;--copper:#dcc8ff;--acid:#ded5ff;--orbit-dark:#111329;--icon-accent:#c5b1ff;--night-surface:#191c34;--night-raised:#242440;--night-border:#3e4264;--night-accent:#c9baff;--night-action:#5941ac}
html,body,body.privacy-page{background:#0c0e1d;color:var(--ink)}
::selection{background:#60489e;color:#fff}
a,button,input,summary{-webkit-tap-highlight-color:#a997ee26}
body :is(a,button,input,summary):focus-visible{outline:3px solid #d0c1ff;outline-offset:4px}
body .skip{background:#39295f;color:#fff}
body :is(h1,h2,h3){color:#fafaff}
body :is(.eyebrow,.kicker,.toc-kicker,.policy-section-number,.privacy-label){color:#d0c2ff}
body .site-header,body .site-header.is-scrolled{background:rgba(12,14,29,.96);border-color:#333752;box-shadow:0 10px 35px #00000020}
body .nav{color:#eff0fc}
body .nav>a:hover,body .policy-back:hover{color:#d6c8ff}
body .menu{color:#fff;border-color:#535879;background:#1b1e37}
body .menu span{background:#f4f2ff}
body .nav-mobile-phone{color:#e4d9ff!important}
body .button{color:#fff;border-color:#7d69b5}
body :is(.button-dark,.button-yellow){background:#5941ac;color:#fff;border-color:#8066ca}
body :is(.button-dark,.button-yellow):hover{background:#6c51c0;color:#fff}
body .button-ghost,body .hero .button-ghost{background:#171a3166;border-color:#62658a;color:#f7f5ff}
body .button-ghost:hover{background:#302a4b;color:#fff}
body .hero{background:#111329;color:#f8f8ff}
body .hero:has(.energy-lab[data-solar-mode=evening]){background:#080c1d}
body .orbit-haze{background:radial-gradient(ellipse at 83% 30%,#6548a04a,transparent 52%),radial-gradient(ellipse at 10% 100%,#28345a70,transparent 65%)}
body .hero:has(.energy-lab[data-solar-mode=evening]) .orbit-haze{background:radial-gradient(ellipse at 75% 26%,#33315a88,transparent 50%),radial-gradient(ellipse at 15% 100%,#10203c,transparent 65%)}
body .orbit-meridian{border-color:#c9b7ff1f}
body .hero:after{background:linear-gradient(90deg,transparent,#a69ad866,transparent)}
body :is(.hero h1 span,.section h2 em,.footer-seo h2 em,.policy-hero h1 em){color:#e0d6ff}
body :is(.hero-prelude,.hero-prelude span,.hero .kicker,.hero .kicker b,.hero-trust,.hero .capability-bar){color:#d5d7ed}
body .hero-prelude:after{background:#ad9dd4}
body :is(.hero-lead,.lab-description,.solution-card p,.about-copy,.service-card p,.section-top>p,.solution-heading>p,.process-grid>div:first-child>p,.faq-grid>div:first-child>p){color:#cbd0e5}
body :is(.hero .capability-intro,.lab-edition){color:#d5c5f6}
body :is(.lab-heading,.lab-bottom,.hero .capability-bar){border-color:#66668e66}
body .lab-heading{color:#e0e2f3}
body .lab-label{background:#11182df2;border-color:#66668d70;color:#f2f1ff}
body .lab-label span{color:#dccbff}
body .lab-cross{color:#b8aed7}
body .lab-spotlight{background:radial-gradient(ellipse at var(--glow-x) var(--glow-y),#b5a1ed25,transparent 60%)}
body .energy-lab[data-solar-mode=evening] .lab-spotlight{background:radial-gradient(ellipse at 70% 32%,#9d9acb22,transparent 61%)}
body .solar-switch{background:#101327;border-color:#535574}
body .solar-switch button{color:#d9dcef}
body .solar-switch button.is-active{background:#58418d;color:#fff}
body .motion-toggle{color:#e2def5;border-color:#9390b3}
body .hero-trust .ic{color:#e3d9ff;--icon-accent:#bbb9ff}
body :is(.about,.solutions,.process){background:#0e1123}
body :is(.services,.guide,.faq){background:#14162d}
body .reviews{background:#18172d}
body .statistics{background:#101426}
body .contact{background:radial-gradient(ellipse at 80% 15%,#4c317b50,transparent 60%),#14142c}
body .footer,body .privacy-page-footer{background:#080b17;color:#e0e2f2}
body :is(.lead,.about-copy strong,.text-link,.service-card h3,.guide-text p strong,.guide-check strong){color:#f4f2ff}
body .text-link{border-color:#8e81b2}
body .text-link:hover{color:#d4c3ff;border-color:#d4c3ff}
body .service-card{background:#1b1e35;border-color:#3b3f5c;box-shadow:0 18px 35px #00000012}
body .service-card.featured{background:linear-gradient(145deg,#2d2445,#20243f);border-color:#6a588b}
body .service-card:hover{border-color:#9a87cf;box-shadow:0 20px 40px #00000024}
body .service-card:before{background:radial-gradient(360px circle at var(--mouse-x) var(--mouse-y),#9d79df25,transparent 65%)}
body .service-card:after{border-color:#a28cce44;box-shadow:0 0 0 14px #9d7cd00a}
body :is(.service-number,.service-number span,.card-link){color:#d6cbea}
body :is(.service-icon,.service-card.featured .service-icon,.guide-index .ic,.step-ic){background:linear-gradient(145deg,#34304e,#232840);color:#f1edff;border-color:#5a5277;box-shadow:inset 0 1px 0 #ffffff0b;--icon-accent:#c4adff}
body .home-card{background:linear-gradient(145deg,#22243e,#171d32);border-color:#454661}
body .business-card{background:linear-gradient(145deg,#24203f,#171b30);border-color:#4b426a}
body :is(.solution-card-top,.solution-art-label,.business-card .solution-art-label){color:#d8d9eb}
body .guide-index a{background:#1c1f38;border-color:#414560;color:#f0f0fc}
body .guide-index a:hover{background:#272641;border-color:#a18ace;box-shadow:0 14px 28px #00000020}
body .guide-index b{color:#dccbff}
body .guide-item{border-color:#343955}
body .guide-no{background:#342c4c;color:#f1e6ff}
body :is(.guide-text p,.guide-points li){color:#d5d8eb}
body .guide-points .ic{color:#d8ceff;--icon-accent:#c3b4f4}
body .guide-check{background:#262440;color:#e6e6f6;border:1px solid #4a4266}
body .guide-figure-motion figcaption{color:#bdc2da}
body .guide-lab{background:radial-gradient(ellipse at 75% 25%,#66548a30,transparent 62%),#131a30;color:#f4f4ff;border-color:#4b4c70;box-shadow:0 24px 55px #0000001f}
body .guide-lab:before{background-image:linear-gradient(#c5bcff08 1px,transparent 1px),linear-gradient(90deg,#c5bcff08 1px,transparent 1px)}
body .guide-usage-lab[data-usage=evening]{background-color:#0a1023;border-color:#4f4a71}
body :is(.guide-lab-head,.guide-flow-key,.guide-lab-foot,.guide-system-copy,.guide-step-copy,.guide-usage-chart){border-color:#73709255}
body :is(.guide-lab-head>span:first-child,.guide-flow-key li,.guide-system-copy p,.guide-step-copy p,.guide-usage-copy p,.guide-noscript){color:#d8dced}
body :is(.guide-lab-head>span:last-child,.guide-flow-key b){color:#dfd0ff}
body :is(.guide-flow-key small,.guide-lab-foot>span,.guide-usage-chart-head>span:last-child,.guide-usage-legend,.guide-usage-hours){color:#bcc5de}
body .guide-tag{background:#10172bf2;border-color:#5d587d80;color:#f5f2ff}
body .guide-tag b{color:#dfd0ff}
body .guide-choice{background:#0e1327;border-color:#4c4b6c}
body .guide-choice button{color:#dedff0}
body .guide-choice button[aria-pressed=true]{background:#574086;color:#fff}
body :is(.guide-system-copy strong,.guide-step-copy strong,.guide-usage-copy strong,.guide-usage-chart-head){color:#f0ebff}
body .guide-step-track:before{background:#72698880}
body .guide-step-track button{color:#d1d5e8}
body .guide-step-track b{background:#23263d;color:#e7d9ff;border-color:#77718f}
body .guide-step-track button[aria-pressed=true]{color:#fff}
body .guide-step-track button[aria-pressed=true] b{background:#69509c;color:#fff;border-color:#b49dda;box-shadow:0 0 0 5px #b8a1ef16}
body .guide-lab .motion-toggle{color:#eee7ff}
body .page-toc>details{background:#191c33;border-color:#414460}
body .page-toc strong{color:#f5f3ff}
body .toc-toggle{border-color:#73718e;color:#f5f1ff}
body .toc-links a{color:#e3e4f3;border-color:#373b57}
body .toc-links a:hover{color:#d6c5ff}
body .toc-links a>span{color:#c5b9df}
body .toc-stat-links{background:#23203b;border-color:#46405f;color:#e0d8f4}
body .toc-stat-links>span,body .toc-stat-links a{color:#e5dcf8}
body .statistics-context{background:#24243f;border-color:#4b4768;border-left-color:#b69bd6}
body .statistics-context>.ic{color:#d1bdff;--icon-accent:#ded1ff}
body .statistics-context strong{color:#f5f0ff}
body .statistics-context p>span{color:#c7cbe1}
body .statistics-context>a{color:#e9ddff;border-color:#8c7ba9}
body .statistics-nav a{background:#1c2038;border-color:#484b6a;color:#e9e9f8}
body .statistics-nav a:hover{background:#3b2d5d;color:#fff}
body .stats-article{border-color:#353b56}
body .stats-copy>p{color:#d3d8eb}
body .stats-copy>p strong{color:#fbf8ff}
body .citation{color:#e1c7ff}
body .stats-definition{border-color:#b49bcf}
body .stats-definition>strong{color:#eee5ff}
body .stats-definition p{color:#c3c9df}
body .statistics-figure,body .statistics-figure.chart-dark{background:#181d33;border-color:#464b6d;color:#f4f2ff;--chart-grid:#a2a2cc35;--chart-text:#c5cce1;--chart-link:#e1d3ff;box-shadow:0 18px 44px #0000001c}
body :is(.chart-dark .chart-key>strong,.chart-thailand .chart-key>strong,.chart-cost .chart-key>strong){color:#f0e7ff}
body .pv-bar{background:linear-gradient(0deg,#655498,#aaa0e0)}
body .bar-track:last-child .pv-bar{background:linear-gradient(0deg,#6463a6,#b0bfff)}
body .pv-bar>span{color:#e5e7f8}
body .cost-track{background:#30334e}
body .cost-fill{background:linear-gradient(90deg,#705495,#bfa1da)}
body .cost-fill.current{background:#a1afe6}
body .cost-axis{border-color:#77759266}
body .chart-scope-note{background:#28243e;border-color:#655475;color:#e1d7f0}
body .statistics-sources{background:#1e213a;border-color:#454763}
body :is(.statistics-sources>div>p,.statistics-sources li p,.source-rights){color:#cbd0e5}
body .statistics-sources li>strong{color:#f4edff}
body .statistics-sources li a{color:#e1ceff}
body .source-rights{border-color:#484861}
body .review-grid blockquote{background:#22223b;border-color:#46445f;color:#f0effb}
body .review-grid blockquote p{color:#e2e3f2}
body .review-grid footer{color:#cbd0e4;border-color:#55506b}
body .quote-mark{color:#c8a9ed}
body :is(.rating b,.rating small,.rating strong){color:#eee8ff}
body .rating>strong{color:#f9f5ff}
body .stars{color:#d6b4ff;--icon-accent:#d6b4ff}
body .stars .ic{--icon-accent:#d6b4ff}
body .steps>div{border-color:#373c58}
body .steps>div>span{color:#cfbaff}
body .steps p{color:#cbd1e5}
body .faq-list details{border-color:#45465f;background:transparent}
body .faq-list details[open]{background:#202039}
body .faq-list summary{color:#f3f0ff}
body .faq-list summary:after{color:#d0bcff;border-color:#817297}
body .faq-list details p{color:#cfd2e8}
body :is(.contact p,.address p,.address span,.address a){color:#dedff0}
body .address{border-color:#555270}
body .footer-seo{border-color:#36384f}
body .footer-seo>p,body .footer-call{color:#d0d5e9}
body .footer-features>div{background:#181c31;border-color:#41435e}
body .footer-features span{color:#ccd0e6}
body .footer-features b{color:#f4f0ff}
body .footer-features .ic{background:linear-gradient(145deg,#302844,#222940);border-color:#59516e;color:#eee4ff;--icon-accent:#c5b4ff}
body .footer .footer-grid,body .footer .footer-grid :is(p,span,small,a),body .footer-grid>div:not(:first-child){color:#cfd4e8}
body .footer .footer-grid strong{color:#f8f3ff}
body .footer-contact .ic{color:#dfceff;--icon-accent:#bfc8ff}
body .social a{background:#22253c;border-color:#514a68;box-shadow:none}
body .social .ic{color:#efe8ff;--icon-accent:#b8bfff}
body .social a:hover{background:#514075}
body .social a:hover .ic{color:#fff;--icon-accent:#d7c4ff}
body :is(.footer-bottom,.footer-privacy){color:#cbd0e6;border-color:#393c55}
body .footer-privacy button,body .privacy-page-footer button{border-color:#77708f;color:#f0eaff}
body .footer-privacy a:hover,body .footer-privacy button:hover{color:#fff;background-color:#29233d}
#privacy-interface{color:#f5f3ff}
body .cookie-banner,body .privacy-dialog{background:#1a1d33;color:#f6f3ff;border-color:#555274;box-shadow:0 18px 70px #00000066}
body .privacy-dialog::backdrop{background:#030511bf}
body .cookie-emblem{background:#322842;border-color:#706079;color:#f2e7ff;--icon-accent:#cbb6f6}
body .cookie-banner .cookie-summary{color:#d4d8e9}
body .cookie-banner-meta .privacy-policy-link,body .privacy-policy-link{color:#e0ceff}
body .cookie-banner-meta .privacy-manage{color:#ede5ff;background:transparent}
body .cookie-banner-meta .privacy-manage:hover{background:#302944}
body .privacy-choice{background:#514080;border-color:#9c83ca;color:#fff}
body .privacy-choice:hover{background:#665296;border-color:#baa2e3}
body .privacy-save{background:#413a64;border-color:#a99acb;color:#fff}
body .privacy-save:hover{background:#5a4c80}
body .privacy-manage{background:#26273f;border-color:#756b93;color:#f2ebff}
body .privacy-manage:hover{background:#37304d}
body .privacy-close{background:#292b44;border-color:#69617f;color:#fff}
body .privacy-dialog>p,body .privacy-category p,body .privacy-category-description{color:#d2d6e9}
body .privacy-category{border-color:#46445e}
body .privacy-category strong{color:#f7f2ff}
body .privacy-category-icon{background:#2c2d47;border-color:#696180;color:#f0e7ff;--icon-accent:#d3bcff}
body .privacy-category-note{color:#c9bedc}
body .privacy-category input{background:#383c55;border-color:#8a86a2}
body .privacy-category input:checked{background:#8065b4;border-color:#b5a0d6}
body .privacy-category input::before{background:#faf7ff}
body .privacy-dialog .privacy-unused{background:#29273f;color:#ddd7ed;border:1px solid #4b4263}
body .privacy-dialog .privacy-dialog-footnote{color:#cbd0e5}
body .privacy-dialog-footnote a{color:#e1caff}
body .privacy-feedback{background:#29233f;color:#f3edff;border-color:#75638f}
body :is(.policy-back,.policy-version,.policy-toc a,.policy-storage-item small){color:#cbd0e5}
body .policy-intro{color:#d5d9ec}
body .privacy-status-panel{background:#22233c;border-color:#55516b}
body .privacy-status-panel p{color:#cdd3e7}
body .policy-toc{border-color:#70618f}
body .policy-toc a:hover{color:#e5d3ff}
body .policy-content>section{border-color:#3b3f59}
body :is(.policy-content p,.policy-content li){color:#d1d6e9}
body .policy-content strong{color:#f7f2ff}
body .policy-content a{color:#e1caff}
body :is(.policy-callout,.policy-storage-item){background:#1d2138;border-color:#474b65;color:#e2e4f4}
body .policy-callout p{color:#d4d9eb}
body .policy-storage-item>div>strong,body .policy-content code{color:#f0e4ff}
body .policy-content code{background:#30283f;border-color:#66516f}
body .policy-storage-badge,body .policy-storage-badge.optional{background:#39304f;color:#f2e8ff;border-color:#78648f}
body .policy-contact{background:#202039;border-color:#504663;color:#dbe0f2}
body .policy-contact strong,body .policy-contact a{color:#faf3ff}
body .privacy-noscript{background:#2b263c;color:#ddd5ee;border-color:#655473}
@media(max-width:960px){body .nav{background:#121529;border-color:#3e425d;box-shadow:0 16px 25px #00000030}}
@media(max-width:760px){body .policy-toc{background:#1c2037}}
@media(forced-colors:active){body .privacy-category input{background:Canvas;border-color:CanvasText}}
body .hero:has(.energy-lab[data-solar-mode=day]) .orbit-haze{background:radial-gradient(ellipse at 82% 27%,#ffad594f 0%,#d3743326 29%,transparent 58%),radial-gradient(ellipse at 80% 90%,#69415338,transparent 65%)}
body .energy-lab[data-solar-mode=day] .lab-spotlight{background:radial-gradient(ellipse at 65% 21%,#ffae4e33,transparent 58%)}
body .energy-lab[data-solar-mode=day] .lab-heading i{background:#ffc578;box-shadow:0 0 18px #ffad5c}
body .energy-lab[data-solar-mode=day] .solar-switch button.is-active{background:#884323;color:#fff6e8}
body .energy-lab[data-solar-mode=day] .label-sun{background:#3b241deb;border-color:#d9976480}
body .hero:has(.energy-lab[data-solar-mode=day]) .kicker-dot{background:#ffbf79;box-shadow:0 0 0 4px #ffb2631f,0 0 16px #ff9e5740}
.daylight-energy{position:absolute;width:118%;height:auto;left:-9%;top:-1%;overflow:visible;pointer-events:none;animation:island-hover 9s ease-in-out infinite;opacity:1;visibility:visible;transition:opacity .8s ease,visibility .8s ease}
.daylight-halo{transform-origin:614px 126px;animation:daylight-breathe 10s ease-in-out infinite}
.daylight-rays{opacity:.7}
.energy-lab[data-solar-mode=evening] .daylight-energy{opacity:0;visibility:hidden}
@keyframes daylight-breathe{0%,100%{transform:scale(.93);opacity:.8}50%{transform:scale(1.07);opacity:1}}
@media(max-width:760px){.daylight-energy{width:112%;left:-6%;top:-4%}body .hero:has(.energy-lab[data-solar-mode=day]) .orbit-haze{background:radial-gradient(ellipse at 74% 68%,#ffad594d 0%,#d3743320 25%,transparent 54%),radial-gradient(ellipse at 90% 95%,#69415338,transparent 60%)}}
@media(max-width:480px){.daylight-energy{width:116%;left:-8%;top:0}}
@media(prefers-reduced-motion:reduce){.daylight-energy,.daylight-halo{animation:none!important;transition:none}}
.nav {
gap: 20px;
}
.nav > a[aria-current="page"] {
color: #efe8ff !important;
font-weight: 700;
}
.nav > a[aria-current="page"]::after {
width: 100% !important;
height: 2px;
background: linear-gradient(90deg, #d6ee99, #c8bcff);
border-radius: 2px;
}
.nav-pill-new {
display: inline-flex;
align-items: center;
gap: 6px;
}
.nav-pill-new i {
font-style: normal;
font-size: 10px;
font-weight: 700;
line-height: 1;
padding: 3px 6px;
border-radius: 999px;
background: rgba(214, 238, 153, 0.14);
border: 1px solid rgba(214, 238, 153, 0.38);
color: #d6ee99;
letter-spacing: 0.3px;
}
@media (max-width: 1180px) and (min-width: 981px) {
.nav { gap: 14px; font-size: 13.5px; }
.nav-pill-new i { display: none; }
}
.equipment-hub {
padding: 88px 0;
background: radial-gradient(ellipse at 50% 0%, rgba(114, 92, 186, 0.18), transparent 65%), #0c1022;
border-top: 1px solid #2b3050;
border-bottom: 1px solid #2b3050;
}
.equipment-hub-head {
text-align: center;
max-width: 780px;
margin: 0 auto 46px;
}
.equipment-hub-head .eyebrow {
justify-content: center;
}
.equipment-hub-head h2 {
font-size: clamp(28px, 3.6vw, 42px);
line-height: 1.22;
margin: 12px 0 14px;
color: #f8f7ff;
}
.equipment-hub-head h2 em {
font-style: normal;
color: #d6ee99;
}
.equipment-hub-head p {
color: #cfd4ea;
margin: 0;
font-size: 18px;
}
.equipment-hub-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 28px;
}
.equip-card {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 32px 30px 34px;
border-radius: 22px;
background: radial-gradient(600px circle at var(--mx, 50%) var(--my, 20%), rgba(188, 176, 244, 0.13), transparent 45%),
linear-gradient(180deg, #171c36 0%, #11152b 100%);
border: 1px solid #454970;
box-shadow: 0 22px 50px rgba(0, 0, 0, 0.28);
transition: transform 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease;
overflow: hidden;
}
.equip-card:hover {
transform: translateY(-5px);
border-color: #9e8ee6;
box-shadow: 0 28px 60px rgba(0, 0, 0, 0.4);
}
.equip-card-badge {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 6px 14px;
border-radius: 999px;
font-size: 12.5px;
font-weight: 700;
letter-spacing: 0.4px;
background: rgba(105, 80, 156, 0.28);
border: 1px solid rgba(200, 188, 255, 0.36);
color: #e9dfff;
margin-bottom: 18px;
}
.equip-card-art {
width: 100%;
max-width: 470px;
border-radius: 16px;
overflow: hidden;
border: 1px solid rgba(145, 138, 204, 0.28);
margin-bottom: 22px;
background: #0d1226;
}
.equip-card-art img {
display: block;
width: 100%;
height: auto;
}
.equip-card h3 {
font-size: 25px;
line-height: 1.28;
margin: 0 0 10px;
color: #ffffff;
}
.equip-card p {
color: #cfd4ea;
margin: 0 0 20px;
max-width: 500px;
}
.equip-card-metrics {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 8px;
margin: 0 0 24px;
padding: 0;
list-style: none;
}
.equip-card-metrics li {
padding: 6px 13px;
border-radius: 999px;
font-size: 13.5px;
font-weight: 600;
background: #1a2140;
border: 1px solid #3f466e;
color: #e4e7f8;
}
.equip-card .button {
margin-top: auto;
}
.footer.footer-modern {
position: relative;
background:
radial-gradient(ellipse at 18% 0%, rgba(124, 99, 201, 0.22), transparent 52%),
radial-gradient(ellipse at 85% 15%, rgba(69, 148, 136, 0.15), transparent 48%),
linear-gradient(180deg, #0b0e1e 0%, #070914 100%) !important;
color: #dde1f4;
padding: 72px 0 36px;
border-top: 1px solid rgba(176, 162, 242, 0.24);
overflow: hidden;
}
.footer.footer-modern::before {
content: '';
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: min(960px, 92%);
height: 2px;
background: linear-gradient(90deg, transparent 0%, #8c78d8 28%, #d6ee99 52%, #edb08b 74%, transparent 100%);
opacity: 0.85;
}
.footer-bento {
display: grid;
grid-template-columns: 1.08fr 0.92fr;
gap: 28px;
padding: 34px 36px;
border-radius: 24px;
background: linear-gradient(135deg, rgba(28, 33, 64, 0.88) 0%, rgba(18, 22, 44, 0.92) 100%);
border: 1px solid rgba(164, 152, 228, 0.28);
box-shadow: 0 24px 56px rgba(0, 0, 0, 0.34);
margin-bottom: 48px;
align-items: center;
}
.footer-bento-copy .footer-kicker {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 5px 13px;
border-radius: 999px;
background: rgba(214, 238, 153, 0.11);
border: 1px solid rgba(214, 238, 153, 0.32);
color: #d6ee99;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.7px;
margin-bottom: 14px;
}
.footer-bento-copy h2 {
font-size: clamp(24px, 2.7vw, 33px);
line-height: 1.24;
color: #ffffff;
margin: 0 0 10px;
}
.footer-bento-copy p {
margin: 0 0 22px;
color: #cbd1e8;
font-size: 16.5px;
line-height: 1.72;
max-width: 580px;
}
.footer-bento-actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
}
.footer-btn-primary,
.footer-btn-secondary {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
min-height: 48px;
padding: 11px 22px;
border-radius: 999px;
font-size: 15px;
font-weight: 700;
transition: transform 0.22s ease, background 0.22s ease, border-color 0.22s ease;
}
.footer-btn-primary {
background: linear-gradient(135deg, #d6ee99 0%, #c8bcff 100%);
color: #0b0e1e !important;
}
.footer-btn-primary:hover {
transform: translateY(-2px);
background: linear-gradient(135deg, #e5f6b8 0%, #ddd4ff 100%);
}
.footer-btn-secondary {
background: rgba(255, 255, 255, 0.05);
border: 1px solid rgba(196, 188, 248, 0.36);
color: #f3f0ff !important;
}
.footer-btn-secondary:hover {
transform: translateY(-2px);
background: rgba(188, 176, 244, 0.14);
border-color: #c8bcff;
}
.footer-bento-tiles {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
}
.footer-tile {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
padding: 18px 14px;
border-radius: 16px;
background: rgba(13, 17, 36, 0.78);
border: 1px solid rgba(136, 130, 194, 0.24);
transition: border-color 0.22s ease, transform 0.22s ease;
}
.footer-tile:hover {
border-color: rgba(214, 238, 153, 0.45);
transform: translateY(-2px);
}
.footer-tile .ic {
width: 30px;
height: 30px;
color: #d6ee99;
--icon-accent: #c8bcff;
margin-bottom: 8px;
}
.footer-tile strong {
display: block;
font-size: 15px;
color: #f7f6ff;
line-height: 1.35;
margin-bottom: 3px;
}
.footer-tile span {
font-size: 13px;
color: #b7bed9;
line-height: 1.45;
}
.footer-main-grid {
display: grid;
grid-template-columns: 1.25fr 0.95fr 1.05fr 1.15fr;
gap: 34px;
padding-bottom: 40px;
border-bottom: 1px solid rgba(132, 136, 184, 0.22);
}
.footer-brand-box .footer-logo {
height: 60px;
width: auto;
display: block;
margin-bottom: 14px;
}
.footer-brand-box p {
color: #c3c9e2;
font-size: 15.5px;
line-height: 1.72;
margin: 0 0 16px;
}
.footer-verified-pill {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 6px 13px;
border-radius: 999px;
background: rgba(25, 31, 58, 0.9);
border: 1px solid rgba(148, 196, 189, 0.32);
color: #cfe9e4;
font-size: 13px;
font-weight: 600;
margin-bottom: 18px;
}
.footer-verified-pill i {
width: 8px;
height: 8px;
border-radius: 50%;
background: #d6ee99;
box-shadow: 0 0 8px #d6ee99;
display: inline-block;
}
.footer-social-modern {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.footer-social-modern a {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 8px 14px;
border-radius: 999px;
background: rgba(25, 30, 56, 0.85);
border: 1px solid rgba(145, 142, 198, 0.28);
color: #ece9ff;
font-size: 13.5px;
font-weight: 600;
transition: background 0.2s, border-color 0.2s, transform 0.2s;
}
.footer-social-modern a:hover {
background: rgba(105, 80, 156, 0.36);
border-color: #c8bcff;
transform: translateY(-2px);
}
.footer-social-modern .ic {
width: 17px;
height: 17px;
color: #d6ee99;
--icon-accent: #c8bcff;
}
.footer-col h3 {
font-size: 15px;
font-weight: 700;
letter-spacing: 0.4px;
color: #ffffff;
margin: 0 0 16px;
display: flex;
align-items: center;
gap: 8px;
}
.footer-col h3::before {
content: '';
width: 6px;
height: 16px;
border-radius: 3px;
background: linear-gradient(180deg, #d6ee99, #9f8ce6);
}
.footer-links-list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 10px;
}
.footer-links-list a {
display: inline-flex;
align-items: center;
gap: 8px;
color: #c7cde6;
font-size: 15px;
line-height: 1.5;
transition: color 0.2s, transform 0.2s;
}
.footer-links-list a:hover {
color: #ffffff;
transform: translateX(3px);
}
.footer-link-tag {
font-size: 11px;
font-weight: 700;
padding: 2px 7px;
border-radius: 999px;
background: rgba(214, 238, 153, 0.14);
border: 1px solid rgba(214, 238, 153, 0.34);
color: #d6ee99;
}
.footer-area-chips {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin-top: 14px;
}
.footer-area-chips span {
padding: 4px 10px;
border-radius: 999px;
font-size: 12.5px;
background: rgba(24, 29, 54, 0.85);
border: 1px solid rgba(132, 136, 184, 0.25);
color: #bfc6e0;
}
.footer-contact-pod {
padding: 20px 20px 22px;
border-radius: 18px;
background: rgba(20, 25, 48, 0.85);
border: 1px solid rgba(146, 142, 204, 0.28);
}
.footer-phone-big {
display: inline-flex;
align-items: center;
gap: 10px;
font-size: 22px;
font-weight: 800;
color: #d6ee99 !important;
margin-bottom: 10px;
}
.footer-phone-big .ic {
width: 22px;
height: 22px;
color: #d6ee99;
}
.footer-contact-pod address {
font-style: normal;
font-size: 14px;
line-height: 1.65;
color: #c5cbe3;
margin-bottom: 14px;
}
.footer-map-inline {
display: inline-flex;
align-items: center;
gap: 7px;
font-size: 13.5px;
font-weight: 700;
color: #dfd0ff !important;
padding: 6px 12px;
border-radius: 999px;
background: rgba(105, 80, 156, 0.25);
border: 1px solid rgba(196, 182, 255, 0.32);
}
.footer-map-inline:hover {
background: rgba(105, 80, 156, 0.42);
}
.footer-bar {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 16px;
padding-top: 24px;
font-size: 14px;
color: #aeb5d1;
}
.footer-bar-links {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 14px;
}
.footer-bar-links a,
.footer-bar-links button {
color: #d7dcf2;
background: none;
border: 0;
padding: 0;
cursor: pointer;
font-size: 14px;
text-decoration: underline;
text-underline-offset: 4px;
text-decoration-color: rgba(200, 188, 255, 0.4);
}
.footer-bar-links a:hover,
.footer-bar-links button:hover {
color: #d6ee99;
}
.footer-top-btn {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 6px 13px !important;
border-radius: 999px;
background: rgba(28, 34, 64, 0.9) !important;
border: 1px solid rgba(152, 148, 208, 0.32) !important;
text-decoration: none !important;
font-weight: 600;
}
.pillar-breadcrumb {
padding: 18px 0 0;
font-size: 14px;
color: #b9c0dc;
}
.pillar-breadcrumb ol {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
}
.pillar-breadcrumb a {
color: #d8ceff;
}
.pillar-breadcrumb a:hover {
text-decoration: underline;
}
.pillar-hero {
position: relative;
padding: 36px 0 76px;
background:
radial-gradient(circle at 76% 24%, rgba(120, 96, 201, 0.24), transparent 46%),
radial-gradient(circle at 16% 75%, rgba(44, 122, 115, 0.18), transparent 46%),
#090b18;
overflow: hidden;
}
.pillar-hero-grid {
display: grid;
grid-template-columns: 1.04fr 0.96fr;
gap: 42px;
align-items: center;
}
.pillar-hero h1 {
font-size: clamp(32px, 4.1vw, 52px);
line-height: 1.16;
margin: 14px 0 18px;
color: #ffffff;
letter-spacing: -0.5px;
}
.pillar-hero h1 em {
font-style: normal;
color: #d6ee99;
display: block;
}
.pillar-lead {
font-size: 18.5px;
line-height: 1.78;
color: #d6dbef;
margin: 0 0 24px;
}
.pillar-meta-pills {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 26px;
}
.pillar-meta-pills span {
display: inline-flex;
align-items: center;
gap: 7px;
padding: 7px 14px;
border-radius: 999px;
font-size: 13.5px;
font-weight: 600;
background: rgba(25, 31, 58, 0.92);
border: 1px solid rgba(154, 148, 214, 0.35);
color: #ebe8ff;
}
.pillar-meta-pills b {
color: #d6ee99;
}
.orbit-lab-card {
border-radius: 22px;
background: radial-gradient(ellipse at 70% 20%, rgba(110, 88, 178, 0.26), transparent 62%), #12172d;
border: 1px solid #4d5178;
box-shadow: 0 26px 60px rgba(0, 0, 0, 0.38);
overflow: hidden;
}
.orbit-lab-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 14px 20px;
border-bottom: 1px solid rgba(126, 130, 182, 0.26);
font-size: 13px;
font-weight: 700;
color: #dfd0ff;
}
.orbit-lab-head i {
display: inline-block;
width: 8px;
height: 8px;
border-radius: 50%;
background: #d6ee99;
box-shadow: 0 0 10px #d6ee99;
margin-right: 8px;
}
.orbit-lab-tabs {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 6px;
padding: 10px 14px;
background: #0d1124;
border-bottom: 1px solid rgba(126, 130, 182, 0.22);
}
.orbit-lab-tabs button {
padding: 9px 10px;
border-radius: 10px;
border: 1px solid transparent;
background: transparent;
color: #c8cee6;
font-size: 13.5px;
font-weight: 700;
cursor: pointer;
transition: background 0.2s, color 0.2s, border-color 0.2s;
}
.orbit-lab-tabs button[aria-pressed="true"] {
background: #554087;
border-color: #b49ff5;
color: #ffffff;
}
.orbit-lab-stage {
padding: 16px 18px 8px;
}
.orbit-lab-stage svg {
display: block;
width: 100%;
height: auto;
}
.lab-pulse {
stroke-dasharray: 9 9;
animation: labFlow 2.2s linear infinite;
}
html[data-motion="paused"] .lab-pulse,
body.reduce-motion .lab-pulse,
.orbit-lab-card[data-paused="true"] .lab-pulse {
animation: none;
}
@keyframes labFlow {
to { stroke-dashoffset: -36; }
}
.orbit-lab-readout {
padding: 14px 20px 16px;
border-top: 1px solid rgba(126, 130, 182, 0.24);
background: rgba(12, 16, 34, 0.72);
}
.orbit-lab-readout strong {
display: block;
color: #d6ee99;
font-size: 15.5px;
margin-bottom: 4px;
}
.orbit-lab-readout p {
margin: 0;
font-size: 14.5px;
line-height: 1.6;
color: #cfd5ec;
}
.orbit-lab-specs {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 8px;
margin-top: 12px;
}
.orbit-lab-specs div {
padding: 8px 10px;
border-radius: 10px;
background: #171d38;
border: 1px solid #393f66;
text-align: center;
}
.orbit-lab-specs small {
display: block;
font-size: 11.5px;
color: #aeb5d4;
}
.orbit-lab-specs b {
font-size: 14px;
color: #ffffff;
}
.orbit-lab-foot {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 20px;
border-top: 1px solid rgba(126, 130, 182, 0.2);
font-size: 12.5px;
color: #b5bddb;
}
.pillar-section {
padding: 78px 0;
border-top: 1px solid #262b47;
}
.pillar-section-alt {
background: #0e1226;
}
.pillar-sec-head {
max-width: 820px;
margin-bottom: 40px;
}
.pillar-sec-head.is-centered {
text-align: center;
margin-inline: auto;
}
.pillar-sec-head.is-centered .eyebrow {
justify-content: center;
}
.pillar-sec-head h2 {
font-size: clamp(26px, 3.2vw, 38px);
line-height: 1.24;
margin: 10px 0 14px;
color: #ffffff;
}
.pillar-sec-head h2 em {
font-style: normal;
color: #d6ee99;
}
.pillar-sec-head p {
margin: 0;
color: #cfd5ec;
font-size: 18px;
}
.pillar-cards-3 {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 24px;
}
.pillar-card {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 30px 24px;
border-radius: 20px;
background: radial-gradient(460px circle at var(--mx, 50%) var(--my, 20%), rgba(188, 176, 244, 0.12), transparent 45%), #151a33;
border: 1px solid #3f456b;
transition: transform 0.24s ease, border-color 0.24s ease;
}
.pillar-card:hover {
transform: translateY(-4px);
border-color: #9886e2;
}
.pillar-card-icon {
width: 58px;
height: 58px;
border-radius: 16px;
display: grid;
place-items: center;
background: rgba(105, 80, 156, 0.26);
border: 1px solid rgba(200, 188, 255, 0.36);
margin-bottom: 16px;
}
.pillar-card-icon .ic {
width: 30px;
height: 30px;
color: #d6ee99;
--icon-accent: #c8bcff;
}
.pillar-card-tag {
font-size: 12px;
font-weight: 700;
color: #dfd0ff;
background: rgba(105, 80, 156, 0.24);
border: 1px solid rgba(196, 182, 255, 0.3);
padding: 3px 11px;
border-radius: 999px;
margin-bottom: 12px;
}
.pillar-card h3 {
font-size: 21px;
line-height: 1.32;
color: #ffffff;
margin: 0 0 10px;
}
.pillar-card p {
margin: 0 0 16px;
color: #ccd2ea;
font-size: 16px;
line-height: 1.72;
}
.pillar-card-stat {
margin-top: auto;
width: 100%;
padding-top: 14px;
border-top: 1px solid rgba(132, 138, 186, 0.22);
font-size: 14px;
color: #d6ee99;
font-weight: 700;
}
.wiki-box {
display: grid;
grid-template-columns: 1.15fr 0.85fr;
gap: 30px;
padding: 32px 34px;
border-radius: 22px;
background: linear-gradient(135deg, #171d38 0%, #12162c 100%);
border: 1px solid #4a507a;
margin-top: 32px;
}
.wiki-box h3 {
font-size: 22px;
color: #ffffff;
margin: 0 0 12px;
}
.wiki-box p {
color: #d2d7ec;
margin: 0 0 14px;
font-size: 16.5px;
}
.wiki-formula-box {
padding: 22px 24px;
border-radius: 16px;
background: #0d1124;
border: 1px solid #3c4268;
display: flex;
flex-direction: column;
justify-content: center;
gap: 12px;
}
.wiki-formula-box strong {
color: #d6ee99;
font-size: 15px;
}
.wiki-formula-code {
font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
font-size: 16px;
color: #f4f1ff;
padding: 12px 14px;
border-radius: 10px;
background: #171c36;
border: 1px solid #484e7a;
}
.wiki-cite-links {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 6px;
}
.wiki-cite-links a {
font-size: 13px;
font-weight: 600;
padding: 5px 12px;
border-radius: 999px;
background: rgba(105, 80, 156, 0.25);
border: 1px solid rgba(200, 188, 255, 0.34);
color: #e6dcff;
}
.wiki-cite-links a:hover {
background: rgba(105, 80, 156, 0.45);
}
.sim-widget {
padding: 32px 34px;
border-radius: 24px;
background: radial-gradient(ellipse at 80% 10%, rgba(114, 92, 186, 0.22), transparent 58%), #131830;
border: 1px solid #4c527c;
margin-top: 36px;
}
.sim-widget-top {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 16px;
margin-bottom: 24px;
}
.sim-widget-top h3 {
margin: 0;
font-size: 22px;
color: #ffffff;
}
.sim-controls {
display: inline-flex;
flex-wrap: wrap;
gap: 8px;
padding: 6px;
border-radius: 14px;
background: #0c1022;
border: 1px solid #3f456b;
}
.sim-controls button {
padding: 8px 15px;
border-radius: 10px;
border: 0;
background: transparent;
color: #cbd1ea;
font-size: 14px;
font-weight: 700;
cursor: pointer;
transition: background 0.2s, color 0.2s;
}
.sim-controls button[aria-pressed="true"] {
background: linear-gradient(135deg, #624a9e, #48367a);
color: #ffffff;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
}
.sim-bars {
display: flex;
flex-direction: column;
gap: 16px;
}
.sim-row {
display: grid;
grid-template-columns: 240px 1fr 110px;
gap: 16px;
align-items: center;
}
.sim-row-label strong {
display: block;
font-size: 15.5px;
color: #f5f4ff;
}
.sim-row-label small {
font-size: 13px;
color: #b4bcd9;
}
.sim-track {
height: 18px;
border-radius: 999px;
background: #0b0f20;
border: 1px solid #34395c;
overflow: hidden;
}
.sim-fill {
height: 100%;
border-radius: 999px;
background: linear-gradient(90deg, #7762c4, #d6ee99);
transition: width 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}
.sim-fill.is-copper {
background: linear-gradient(90deg, #8b629e, #edb08b);
}
.sim-fill.is-violet {
background: linear-gradient(90deg, #5c4b99, #c8bcff);
}
.sim-val {
text-align: right;
font-size: 16px;
font-weight: 800;
color: #d6ee99;
}
.sim-caption {
margin: 18px 0 0;
padding-top: 14px;
border-top: 1px solid rgba(132, 138, 186, 0.22);
font-size: 15px;
color: #cfd5ec;
}
.research-table-wrap {
overflow-x: auto;
border-radius: 18px;
border: 1px solid #41476e;
background: #131830;
margin-top: 30px;
}
.research-table {
width: 100%;
border-collapse: collapse;
min-width: 680px;
font-size: 15.5px;
}
.research-table th,
.research-table td {
padding: 15px 18px;
text-align: left;
border-bottom: 1px solid #2b3052;
}
.research-table th {
background: #1a2040;
color: #dfd0ff;
font-weight: 700;
font-size: 14px;
}
.research-table td {
color: #dce0f2;
}
.research-table tr:last-child td {
border-bottom: 0;
}
.research-table tr:hover td {
background: rgba(114, 92, 186, 0.08);
}
.badge-best {
display: inline-block;
padding: 2px 9px;
border-radius: 999px;
font-size: 12px;
font-weight: 700;
background: rgba(214, 238, 153, 0.15);
border: 1px solid rgba(214, 238, 153, 0.4);
color: #d6ee99;
}
.hbar-list {
display: flex;
flex-direction: column;
gap: 14px;
margin: 18px 0;
}
.hbar-item-top {
display: flex;
justify-content: space-between;
gap: 12px;
font-size: 14.5px;
margin-bottom: 6px;
color: #e6e9f8;
}
.hbar-item-top b {
color: #d6ee99;
}
.hbar-rail {
height: 14px;
border-radius: 999px;
background: #0e1326;
border: 1px solid #353b5e;
overflow: hidden;
}
.hbar-bar {
height: 100%;
border-radius: 999px;
background: linear-gradient(90deg, #69509c, #d6ee99);
}
.hbar-bar.bar-alt {
background: linear-gradient(90deg, #5d5ba6, #edb08b);
}
.intl-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 24px;
}
.intl-card {
padding: 28px;
border-radius: 20px;
background: #151a33;
border: 1px solid #41466d;
}
.intl-card-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin-bottom: 12px;
}
.intl-country {
font-size: 12px;
font-weight: 700;
padding: 4px 11px;
border-radius: 999px;
background: rgba(214, 238, 153, 0.12);
border: 1px solid rgba(214, 238, 153, 0.34);
color: #d6ee99;
}
.intl-card h3 {
font-size: 20px;
color: #ffffff;
margin: 0 0 10px;
}
.intl-card p {
color: #cfd5ec;
font-size: 16px;
margin: 0 0 14px;
}
.intl-card ul {
margin: 0;
padding-left: 20px;
color: #d9def2;
font-size: 15.5px;
}
.intl-card li + li {
margin-top: 6px;
}
.sibling-cta {
display: grid;
grid-template-columns: 1.15fr 0.85fr;
gap: 28px;
align-items: center;
padding: 34px 38px;
border-radius: 24px;
background: linear-gradient(135deg, #1e1c3f 0%, #131933 100%);
border: 1px solid #5a568e;
}
.sibling-cta h2 {
font-size: clamp(24px, 2.8vw, 32px);
color: #ffffff;
margin: 8px 0 10px;
}
.sibling-cta p {
color: #d2d7ec;
margin: 0;
}
.sibling-cta-actions {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
gap: 12px;
}
@media (max-width: 1024px) {
.footer-bento,
.pillar-hero-grid,
.wiki-box,
.sibling-cta {
grid-template-columns: 1fr;
}
.sibling-cta-actions {
justify-content: flex-start;
}
.footer-main-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.pillar-cards-3 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 760px) {
.equipment-hub-grid,
.footer-main-grid,
.footer-bento-tiles,
.pillar-cards-3,
.intl-grid {
grid-template-columns: 1fr;
}
.footer-bento,
.sim-widget,
.wiki-box,
.sibling-cta {
padding: 24px 20px;
}
.sim-row {
grid-template-columns: 1fr;
gap: 6px;
}
.sim-val {
text-align: left;
}
.orbit-lab-tabs {
grid-template-columns: 1fr;
}
.orbit-lab-specs {
grid-template-columns: 1fr;
}
}
.pillar-hero-grid > *,
.wiki-box > *,
.intl-grid > *,
.sibling-cta > *,
.stats-article > *,
.faq-grid > * {
min-width: 0;
}
.source-list li,
.source-list a,
.chart-source a,
.wiki-formula-code {
overflow-wrap: anywhere;
word-break: break-word;
}
@media (max-width: 760px) {
.wrap {
width: calc(100% - 36px);
}
.wiki-formula-code {
font-size: 13.5px;
}
}