@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+Thai:wght@400;500;600;700&display=swap');
:root{--ink:#0c1b22;--navy:#071319;--teal:#03a9a5;--pale:#f3f5f2;--line:#d8ddda;--muted:#637078}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font-family:Manrope,'Noto Sans Thai',sans-serif;font-size:16px;line-height:1.65}
header{height:76px;display:flex;align-items:center;gap:28px;padding:0 5vw;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fffc;backdrop-filter:blur(14px);z-index:5}
.brand{font-weight:800;letter-spacing:1.3px;color:var(--ink);text-decoration:none;font-size:19px;line-height:1}
.brand span{color:var(--teal)}
.brand small{display:block;font:9px 'DM Mono';letter-spacing:1.1px;margin-top:6px}
nav{display:flex;gap:20px;margin-left:auto}
nav a{color:var(--ink);text-decoration:none;font-size:13px;font-weight:700}
.lang{color:var(--teal)!important}
.navcta,.button{border:none;background:var(--teal);color:#001f20;text-decoration:none;font-weight:800;padding:12px 18px;border-radius:3px;font-size:14px;display:inline-block;cursor:pointer}
.hero{min-height:600px;display:grid;grid-template-columns:1.02fr .98fr;background:var(--navy);color:white;overflow:hidden}
.hero-copy{padding:9vw 5vw 7vw;z-index:1}
.eyebrow{font:11px 'DM Mono';letter-spacing:1.45px;color:var(--teal);margin:0 0 18px;font-weight:500}
h1,h2,h3{letter-spacing:-.055em;line-height:1.08;margin:0}
h1{font-size:clamp(42px,5.3vw,79px)}
h1 em{font-style:normal;color:var(--teal)}
.lead{max-width:550px;color:#c5d1d2;font-size:18px;margin:26px 0}
.chips{display:flex;flex-wrap:wrap;gap:7px}
.chips b,.chips button{font:11px 'DM Mono';border:1px solid #406068;border-radius:50px;padding:7px 10px;color:#c7d9d9;background:transparent;cursor:pointer}.chips button:hover,.chips button.active{border-color:var(--teal);color:var(--teal)}
.actions{display:flex;gap:10px;margin-top:32px}
.ghost{background:transparent;border:1px solid #63838a;color:#fff}
.hero-img{position:relative;min-height:450px}
.hero-img:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--navy),transparent 30%)}
.hero-img img{width:100%;height:100%;object-fit:cover}
.metrics{margin:-45px 5vw 0;background:#fff;position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}
.metrics div{padding:23px 25px;border-right:1px solid var(--line)}
.metrics div:last-child{border:0}
.metrics strong{font-size:25px;display:block;letter-spacing:-.06em}
.metrics span{font:10px 'DM Mono';color:var(--muted);display:block;line-height:1.4;margin-top:6px}
.section{padding:110px 5vw}
.intro{text-align:center;max-width:850px;margin:auto;padding:120px 5vw}
.intro h2,.section h2{font-size:clamp(34px,4vw,59px)}
.intro h2 strong,.about h2 strong{color:var(--teal);font-weight:inherit}
.intro>p:last-child{max-width:690px;margin:25px auto;color:var(--muted);font-size:18px}
.dark{background:var(--navy);color:#fff}
.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#24373c;margin-top:44px;border:1px solid #24373c}
.solution-grid article,.solution-grid .solution-card{background:#0b1c22;padding:34px 25px;font-weight:700;font-size:19px;min-height:130px;display:flex;align-items:end;color:#fff;text-decoration:none;justify-content:space-between}.solution-card span{font:11px 'DM Mono';color:var(--teal);opacity:0;transition:.2s}.solution-card:hover span{opacity:1}.solution-card:hover{background:#10252c}
.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:44px}
.textlink{color:var(--teal);font-weight:800;text-decoration:none}
.machine-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.machine-card{border:1px solid var(--line);padding:0 25px 25px;min-height:330px;display:flex;flex-direction:column;justify-content:space-between;transition:.25s}.machine-photo,.catalog-photo{position:relative;overflow:hidden}.machine-photo{height:150px;margin:0 -25px 19px}.machine-photo img,.catalog-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 36%}.machine-photo:after,.catalog-photo:after{content:'PF 66-84-105-1150';position:absolute;right:12px;bottom:11px;background:#071319d9;color:#fff;padding:6px 9px;border:1px solid #52d7d0;font:10px 'DM Mono';letter-spacing:.5px}.product-photo{min-height:600px}.product-photo img{display:block}
.machine-card:hover{background:var(--navy);color:white;border-color:var(--navy);transform:translateY(-3px)}
.machine-card .code{font:11px 'DM Mono';color:var(--teal)}
.machine-card h3{font-size:21px;margin-top:12px;letter-spacing:-.035em}
.machine-card p{font-size:13px;color:var(--muted)}
.machine-card:hover p{color:#bbc5c5}
.machine-card a{font-size:13px;color:inherit;text-decoration:none;font-weight:800}
.roi{background:#e5eeee;display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}
.roi-copy p{color:#41565a}
.fine{font-size:12px;margin-top:36px}
.calculator{background:#fff;padding:31px;border:1px solid #cad7d7}
.formgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.formgrid label{font-size:12px;font-weight:700}
.formgrid input,.contact-form input,.contact-form select{display:block;width:100%;padding:11px 0;border:0;border-bottom:1px solid #b7c1c1;font:15px Manrope;background:transparent;color:var(--ink);outline:none}
.calculator .button{margin-top:25px}
.results{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#c6d5d5;margin-top:25px}
.result{background:#f8ffff;padding:16px}
.result b{display:block;font-size:20px;letter-spacing:-.05em}
.result span{font:10px 'DM Mono';color:var(--muted)}
.pillars{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:48px}
.pillars article{padding:22px 20px;border-right:1px solid var(--line)}
.pillars article:last-child{border:0}
.pillars b{font:11px 'DM Mono';color:var(--teal)}
.pillars h3{font-size:16px;letter-spacing:-.02em;margin-top:22px}
.pillars p{font-size:13px;color:var(--muted)}
.abouttext{font-size:18px;max-width:850px;margin:45px 0 0}
.contact{background:var(--navy);color:#fff;padding:90px 5vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}
.contact>div p:last-child{color:#b4c6c7}
.contact-form{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.contact-form input,.contact-form select{color:white;border-bottom-color:#385056}.contact-form select option{color:#071319;background:#fff}.contact-form label{font-size:13px;color:#d5e0e0}.contact-form .required-field span{color:#ff8b7d;font-weight:800}.contact-form .required-field input{margin-top:3px}
.contact-form .button{grid-column:span 2;margin-top:12px}.form-status{grid-column:span 2;margin:0;color:#89d4cf;font-size:14px}
footer{background:#040b0e;color:#8fa4a5;padding:25px 5vw;display:flex;justify-content:space-between;gap:20px;font-size:11px;font-family:'DM Mono'}

@media(max-width:800px){header{padding:0 5vw;height:66px}
.brand{font-size:16px}
nav{display:none}
.navcta{margin-left:auto}
.hero,.roi,.contact{grid-template-columns:1fr}
.hero-copy{padding:80px 6vw 40px}
.hero-img{min-height:300px}
.metrics{margin:0;grid-template-columns:repeat(2,1fr)}
.metrics div:nth-child(2){border-right:0}
.metrics div{padding:17px}
.section,.intro{padding:75px 6vw}
.solution-grid,.machine-grid{grid-template-columns:1fr}
.section-top{display:block}
.section-top .textlink{display:block;margin-top:18px}
.roi{gap:35px}
.formgrid,.contact-form{grid-template-columns:1fr}
.results{grid-template-columns:repeat(2,1fr)}
.pillars{grid-template-columns:1fr}
.pillars article{border-right:0;border-bottom:1px solid var(--line)}
.contact{gap:35px}
.contact-form .button{grid-column:span 1}
footer{display:block}
footer span{display:block;margin-bottom:8px}
}

.producthero{background:var(--navy);color:white;display:grid;grid-template-columns:1fr 1fr;min-height:600px;padding-left:5vw}
.producthero>div{padding:100px 5vw 60px 0}
.producthero h1{font-size:clamp(36px,4.3vw,68px);margin:14px 0}
.producthero img{width:100%;height:100%;object-fit:cover;opacity:.95}
.code{font:12px 'DM Mono';color:var(--teal)}
.productbody{padding:100px 5vw;display:grid;grid-template-columns:1.2fr .8fr;gap:9vw}
.productbody h2{font-size:45px}
.productbody table{width:100%;border-collapse:collapse;margin-top:34px}
.productbody th,.productbody td{text-align:left;padding:14px;border-bottom:1px solid var(--line);font-size:14px}
.productbody th{width:34%;font-family:'DM Mono';font-size:11px;color:var(--muted)}
.productbody aside{background:#edf3f2;padding:35px;height:max-content}
.productbody aside h3{font-size:26px}
.productbody aside p{font-size:14px}
.outline{display:block;margin-top:10px;border:1px solid var(--ink);padding:11px 16px;color:var(--ink);text-align:center;text-decoration:none;font-weight:800;font-size:14px}
@media(max-width:800px){.producthero,.productbody{grid-template-columns:1fr}
.producthero{padding:0}
.producthero>div{padding:80px 6vw 45px}
.producthero img{height:260px}
.productbody{padding:70px 6vw}
.productbody h2{font-size:36px}
}

/* Expanded information architecture */
.skip-link{position:absolute;left:-9999px;top:8px;background:#fff;color:#000;padding:10px;z-index:20}.skip-link:focus{left:8px}
header nav{gap:15px}header nav a{white-space:nowrap}.mobile-menu{display:none}.chips a{font:11px 'DM Mono';border:1px solid #406068;border-radius:50px;padding:7px 10px;color:#c7d9d9;background:transparent;text-decoration:none}.chips a:hover{border-color:var(--teal);color:var(--teal)}
.breadcrumbs{padding:18px 5vw;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted);background:#fff}.breadcrumbs a{color:inherit;text-decoration:none}.breadcrumbs a:last-child{color:var(--ink);font-weight:700}
.pagehero{padding:90px 5vw 82px;background:#eef3f2}.pagehero h1,.roi-page h1,.selector-intro h1,.contact-page h1{font-size:clamp(42px,5vw,74px);max-width:1000px}.pagehero h1 em,.roi-page h1 em,.selector-intro h1 em,.contact-page h1 em{font-style:normal;color:var(--teal)}.pagehero>p:last-of-type{font-size:18px;color:#41565a;max-width:780px;margin:26px 0 0}.pagehero .chips{margin-top:32px}.pagehero .chips button{color:#31484d;border-color:#9cb0b2}.pagehero .chips button.active,.pagehero .chips button:hover{background:var(--navy);border-color:var(--navy);color:#fff}
.compact-section{padding-top:70px}.machine-card[hidden]{display:none}.soft{background:#edf3f2}.dark-ghost{color:var(--ink);border-color:#658087}.split-cta{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;padding:90px 5vw;background:#e5eeee}.split-cta h2{font-size:clamp(34px,4vw,59px)}.tool-links{display:grid;gap:1px;background:#a9c0c0}.tool-links a{padding:28px;background:#fff;color:var(--ink);text-decoration:none;display:flex;justify-content:space-between;gap:24px}.tool-links b{font-size:19px}.tool-links span{color:var(--teal);font-weight:700}
.knowledge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.knowledge-card{border:1px solid var(--line);padding:28px;min-height:330px;display:flex;flex-direction:column}.knowledge-card .article-no{font:11px 'DM Mono';color:var(--muted);margin-bottom:42px}.knowledge-card h2{font-size:25px;letter-spacing:-.035em}.knowledge-card p:not(.eyebrow){font-size:14px;color:var(--muted)}.knowledge-card a{margin-top:auto;color:var(--ink);font-weight:800;text-decoration:none}.knowledge-card:hover{border-color:var(--teal)}
.contact-banner{padding:72px 5vw;background:var(--navy);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:40px}.contact-banner h2{font-size:clamp(30px,4vw,52px)}.contact-banner p{color:#b4c6c7}.contact-banner .button{flex:none}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.process-grid article{padding:28px;border-right:1px solid var(--line)}.process-grid article:last-child{border:0}.process-grid b,.trust-grid span{font:11px 'DM Mono';color:var(--teal)}.process-grid h2{font-size:22px;margin-top:40px}.process-grid p{color:var(--muted);font-size:14px}
.article-head{padding:92px 12vw;background:var(--navy);color:#fff}.article-head h1{font-size:clamp(40px,5vw,72px);max-width:1050px}.article-head .lead{max-width:820px}.article-layout{display:grid;grid-template-columns:260px minmax(0,760px);gap:80px;justify-content:center;padding:80px 5vw}.toc{position:sticky;top:105px;height:max-content;border:1px solid var(--line);padding:24px;font-size:13px}.toc b{font-size:16px}.toc ol{padding-left:20px}.toc li{margin:10px 0}.toc a{color:var(--ink);text-decoration:none}.toc>a{display:block;border-top:1px solid var(--line);padding-top:16px;color:var(--teal);font-weight:800}.article-content section{scroll-margin-top:100px;margin-bottom:58px}.article-content h2{font-size:36px;margin-bottom:18px}.article-content p{font-size:18px;color:#344b50}.article-content table{width:100%;border-collapse:collapse;margin:28px 0}.article-content th,.article-content td{padding:14px;text-align:left;border:1px solid var(--line);vertical-align:top}.article-content th{font-size:13px;background:#edf3f2}.faq details{border-top:1px solid var(--line);padding:18px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{font-weight:800;cursor:pointer}.faq p{font-size:16px}.article-cta{background:var(--navy);color:#fff;padding:36px}.article-cta .ghost{border-color:#577279}.article-cta h2{font-size:32px}.article-cta p{color:#b6c7c8}
.roi-page{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;padding:90px 5vw;background:#e5eeee}.roi-page .roi-copy>p:not(.eyebrow){color:#41565a}.roi-actions{display:flex;gap:10px;margin-top:18px}.roi-actions[hidden]{display:none}.roi-actions .outline{margin:0}.calculator input{color:#111;background:#fff}.calculator label{color:#111}
.selector-shell{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;padding:90px 5vw;background:#eef3f2}.selector-intro{position:sticky;top:110px;height:max-content}.selector-intro>p:not(.eyebrow){color:#41565a;font-size:18px}.selector-form{background:#fff;border:1px solid var(--line);padding:34px}.selector-form fieldset{border:0;border-bottom:1px solid var(--line);padding:0 0 24px;margin:0 0 24px}.selector-form legend{font-weight:800;font-size:17px;margin-bottom:12px}.selector-form legend b{color:var(--teal);font:12px 'DM Mono';margin-right:8px}.selector-form label{font-size:12px;font-weight:700}.selector-form input,.selector-form select{width:100%;padding:13px;border:1px solid #aab7b7;background:#fff;color:#111;font:15px Manrope,'Noto Sans Thai',sans-serif}.selector-form select option,.contact-form select option{color:#111;background:#fff}.selector-result{grid-column:2;background:var(--navy);color:#fff;padding:34px}.selector-result:empty{display:none}.selector-result>h2{font-size:36px}.selector-cards{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#385056;margin:26px 0}.selector-cards article{background:#0c2027;padding:26px}.selector-cards h2{font-size:22px;margin:12px 0 30px}.selector-cards a{color:var(--teal);text-decoration:none;font-weight:800;font-size:13px}
.trust-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line)}.trust-grid article{background:#fff;padding:45px}.trust-grid h2{font-size:34px;margin:35px 0 16px}.trust-grid p{font-size:17px;color:var(--muted)}.before-invest ul{columns:2;max-width:900px;margin:35px 0}.before-invest li{margin:12px 25px 12px 0;color:#c5d1d2}
.contact-page{padding:90px 5vw;display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;background:#eef3f2}.contact-page>div>p:not(.eyebrow){font-size:18px;color:#41565a}.contact-note{margin-top:35px;border-top:1px solid #aebcbb;padding-top:24px}.contact-page .contact-form{background:#fff;border:1px solid var(--line);padding:32px}.contact-form label{font-size:13px;color:#24383d;font-weight:700}.contact-page .contact-form input,.contact-page .contact-form select,.contact-page .contact-form textarea{display:block;width:100%;padding:11px 0;border:0;border-bottom:1px solid #aebcbb;color:#111;background:#fff;font:15px Manrope,'Noto Sans Thai',sans-serif}.contact-form textarea{resize:vertical}.contact-form .wide{grid-column:1/-1}.contact-form .required-field span{color:#b72215}.contact-page .form-status{color:#1b6866}.contact-page .contact-form select option{color:#111;background:#fff}
.table-wrap{overflow-x:auto}.productbody .table-wrap{margin-top:34px}.productbody table{margin-top:0}.productbody aside .eyebrow{color:var(--teal)}
.machine-video{background:#071319;color:#fff}.video-frame{aspect-ratio:16/9;margin-top:30px;background:#020608}.video-frame iframe{width:100%;height:100%;border:0}

@media(max-width:1100px){header nav{display:none}.mobile-menu{display:block;margin-left:auto;position:relative}.mobile-menu summary{list-style:none;cursor:pointer;font-size:23px}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu>div{position:absolute;right:0;top:42px;background:#fff;border:1px solid var(--line);min-width:230px;padding:10px;box-shadow:0 14px 35px #07131922}.mobile-menu a{display:block;padding:10px;color:var(--ink);text-decoration:none;font-weight:700}.navcta{margin-left:0}}
@media(max-width:800px){.navcta{display:none}.mobile-menu{margin-left:auto}.pagehero{padding:65px 6vw}.breadcrumbs{padding-left:6vw}.split-cta,.roi-page,.selector-shell,.contact-page{grid-template-columns:1fr;gap:35px;padding:65px 6vw}.tool-links a{display:block}.tool-links span{display:block;margin-top:8px}.knowledge-grid{grid-template-columns:1fr}.knowledge-card{min-height:280px}.contact-banner{display:block;padding:60px 6vw}.contact-banner .button{margin-top:18px}.process-grid,.trust-grid{grid-template-columns:1fr}.process-grid article{border-right:0;border-bottom:1px solid var(--line)}.article-head{padding:65px 6vw}.article-layout{grid-template-columns:1fr;padding:55px 6vw;gap:35px}.toc{position:static}.article-content h2{font-size:30px}.article-content p{font-size:17px}.article-cta{padding:25px}.article-cta .actions{display:block}.article-cta .button{display:block;margin-top:10px}.selector-intro{position:static}.selector-result{grid-column:1}.selector-cards{grid-template-columns:1fr}.roi-actions{display:block}.roi-actions .outline{margin-top:10px}.before-invest ul{columns:1}.contact-form .wide{grid-column:1}.product-photo{min-height:260px}}
.form-honey{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.contact-form .consent{display:flex;align-items:flex-start;gap:.7rem}.contact-form .consent input{width:1.1rem;height:1.1rem;margin-top:.2rem;flex:0 0 auto}.contact-form button:disabled{cursor:wait;opacity:.65}

.direct-contact{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin:24px 0;font-size:1rem;line-height:1.7;min-width:0}.direct-contact strong{flex-basis:100%}.direct-contact a{color:inherit;overflow-wrap:anywhere;text-underline-offset:4px;padding:8px 0}.buyer-details{max-width:1200px;margin:auto}.buyer-details p,.buyer-details li{font-size:1rem;line-height:1.85}.buyer-details h3{margin-top:28px}.buyer-details ul{padding-left:24px}.buyer-details .spec-note{border-left:3px solid var(--teal);padding:16px 22px;background:#eef3f2}.buyer-details .button{white-space:normal;overflow-wrap:anywhere}.contact-form-shell{min-width:0}.contact-form-shell>.direct-contact{margin-top:0}footer{flex-wrap:wrap}footer .direct-contact{flex:1 1 100%;margin:0 0 20px}.result b{overflow-wrap:anywhere}.contact-form label{font-size:14px}
@media(max-width:800px){.direct-contact{align-items:flex-start;flex-direction:column;gap:8px}.direct-contact strong{flex-basis:auto}.buyer-details{padding:48px 6vw}.buyer-details .button{max-width:100%}.result b{font-size:1.35rem;line-height:1.6}}