/* PIDJOB: connected construction work, dark forest + brass, Thai-first readable typography. */
:root{--green:#173f32;--deep:#10251e;--gold:#d6b866;--cream:#f3f6f3;--ink:#182b23;--muted:#5c6d63;--line:#dce4de;--font:'Noto Sans Thai','Manrope',sans-serif}
*{box-sizing:border-box}html{scroll-padding-top:100px}body{background:#fff;color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.7}.container{max-width:1240px;width:calc(100% - 64px);margin-inline:auto}h1,h2,h3,h4{line-height:1.28}a:focus-visible,button:focus-visible{outline:3px solid #b58a24;outline-offset:5px}button,a{touch-action:manipulation}.button{font-size:15px;padding:15px 22px;border-radius:7px;background:var(--green);color:#fff}.button.secondary{color:var(--green);background:transparent;border-color:#9cafa3}.site-header{background:#10251e;border-bottom:1px solid #ffffff24;position:sticky;top:0;z-index:50}.nav-wrap{min-height:84px;gap:28px}.brand img{width:136px;height:auto}.site-header .brand img{filter:brightness(0) invert(1)}.site-header nav{gap:23px}.site-header nav a,.login-link{font-size:14px;color:#fff}.nav-actions{gap:18px}.nav-actions .button{background:#d6b866;color:#172b22;border:0}.menu-toggle{color:#fff;border:1px solid #ffffff50;background:transparent}.e-hero{position:relative;isolation:isolate;background:#10251e;color:white;overflow:hidden}.e-hero-photo{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#10251e 0%,#10251ef5 35%,#10251e90 65%,#10251e30 100%),url('/media/hero-2.jpg') right center/cover no-repeat}.e-hero-grid{display:grid;grid-template-columns:1.02fr 1fr;gap:54px;align-items:center;min-height:690px;padding-block:58px 70px}.e-lead-label{color:#d6b866;font-size:17px;margin:0 0 22px}.e-hero h1{font-size:clamp(40px,4.3vw,58px);font-weight:700;letter-spacing:-1.7px;margin:0 0 25px;line-height:1.22;color:white}.e-lead{font-size:18px;line-height:1.9;color:#d5dfd9;max-width:540px;margin-bottom:30px}.e-actions{display:flex;gap:12px;flex-wrap:wrap}.e-actions .button{background:#d6b866;color:#16271e;font-size:14px;padding:16px 18px}.e-actions .button.secondary{background:transparent;color:white;border-color:#d4ddd6}.e-fine{color:#bfd0c5;font-size:13px;margin-top:20px}.e-product{position:relative;background:white;border:1px solid #dce6df;color:#263e32;border-radius:12px;box-shadow:0 30px 70px #0006;transform:rotate(-1deg);max-width:560px;margin:18px 0 28px}.e-window{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #e5ebe7}.e-window>div{display:flex;align-items:center;gap:8px}.e-window strong{font-family:Manrope,sans-serif;font-size:22px}.e-window>span{font-size:11px;background:#f0f4f1;padding:3px 10px;border-radius:4px}.e-product-tabs{display:flex;gap:5px;padding:14px 18px 0}.e-product-tabs button{font:inherit;font-size:12px;border:0;background:transparent;padding:8px 9px;cursor:pointer;border-radius:5px;color:#68786d}.e-product-tabs button[aria-pressed=true]{background:#e7eee8;color:#234c38;font-weight:700}#e-product-panel{padding:18px 22px;min-height:333px}.e-product-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:18px}.e-product-title h2{font-size:18px;margin:0}.e-product-title>span{font-size:10px;color:#718176}.e-mini-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.e-mini-metrics>div{border-left:2px solid #dce6df;padding-left:12px}.e-mini-metrics small{font-size:11px;display:block;color:#68786d}.e-mini-metrics b{font:700 27px Manrope,sans-serif;color:#204331}.e-chart{display:flex;justify-content:center;align-items:center;gap:38px;margin:22px 0}.e-donut{width:120px;height:120px;border-radius:50%;background:conic-gradient(#426d52 0 66.667%,#c8aa60 66.667% 83.333%,#e1e7e1 83.333%);display:grid;place-items:center}.e-donut span{width:87px;height:87px;border-radius:50%;background:white;display:flex;justify-content:center;align-items:center;flex-direction:column}.e-donut b{font:700 20px Manrope,sans-serif}.e-donut small{font-size:9px;color:#64776a}.e-chart-key p{font-size:12px;margin:8px 0}.e-chart-key i{display:inline-block;width:9px;height:9px;background:#426d52;border-radius:2px;margin-right:9px}.e-chart-key p:nth-child(2) i{background:#c8aa60}.e-chart-key p:nth-child(3) i{background:#e1e7e1}.e-job{display:flex;align-items:center;gap:10px;border-top:1px solid #e1e7e1;padding-top:13px}.e-job>div{flex:1;min-width:0}.e-job b{font-size:12px;display:block}.e-job small{font-size:10px;display:block;color:#718176}.e-job em{font-size:10px;font-style:normal;background:#f9f2df;padding:3px 7px;border-radius:4px;color:#7c6027}.e-dot{width:9px;height:9px;background:#c8aa60;border-radius:50%}.e-demo-note{font-size:11px!important;line-height:1.65!important;color:#728075!important;padding:0 22px 12px;margin:0!important}.e-line-note{display:flex;gap:13px;align-items:center;position:absolute;bottom:-37px;right:22px;left:40px;background:#eaf1eb;color:#233f2e;padding:14px 18px;border:1px solid #d6e5d9;border-radius:8px;box-shadow:0 10px 28px #0003}.e-line-mark{font:700 11px Manrope,sans-serif;background:#26553b;color:white;border-radius:9px;padding:12px 6px}.e-line-note b{font-size:13px}.e-line-note p{font-size:11px;line-height:1.6;margin:3px 0 0}.e-industry{padding:35px 0;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line)}.e-industry p{font-size:14px;color:var(--muted);margin:0}.e-industry>div{display:flex;gap:35px;flex-wrap:wrap}.e-industry span{font-size:17px;font-weight:600;color:#4d6456}.e-section{padding-block:92px}.e-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:40px}.e-section-head h2{font-size:clamp(30px,3.2vw,44px);letter-spacing:-1px;margin:0}.e-section-head p{max-width:440px;color:var(--muted);font-size:17px;margin:0;line-height:1.8}.e-audience{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.e-audience button{font:inherit;display:flex;align-items:flex-start;flex-direction:column;gap:10px;text-align:left;padding:32px;border:0;border-right:1px solid var(--line);background:#fff;cursor:pointer;color:var(--ink)}.e-audience button:last-child{border-right:0}.e-audience button[aria-pressed=true]{background:#edf3ee;box-shadow:inset 0 -3px #315c41}.e-audience button>span{font-size:27px;color:#315c41}.e-audience b{font-size:22px}.e-audience small{font-size:15px;color:var(--muted)}.e-audience-panel{padding:25px 32px 0;min-height:150px;max-width:850px}.e-audience-panel h3{font-size:22px;margin:0 0 8px}.e-audience-panel p{color:var(--muted);margin:0 0 10px}.e-audience-panel a,.e-examples a{font-size:14px;font-weight:600;color:#24533b}.e-platform{background:#f3f6f3;padding:92px 0 25px}.e-stage{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:90px;padding:60px 0 75px;border-top:1px solid #d8e2db}.e-stage-copy .e-stage-number{font-size:15px;font-weight:600;color:#68816e}.e-stage-copy h3{font-size:35px;margin:18px 0}.e-stage-copy>p{font-size:16px;color:var(--muted);line-height:1.9}.e-stage-copy ul{list-style:none;padding:0;margin:20px 0 27px}.e-stage-copy li{font-size:15px;margin:10px 0;padding-left:20px;position:relative}.e-stage-copy li:before{content:'✓';position:absolute;left:0;color:#426d52}.e-stage-copy .e-estimate-warning{font-size:12px;color:#846727}.e-stage-reverse .e-stage-copy{grid-column:2;grid-row:1}.e-stage-reverse .e-site-scene{grid-column:1;grid-row:1}.e-sheet{background:#fff;border-radius:12px;box-shadow:0 18px 45px #163f3210;padding:25px;border:1px solid #dce4de}.e-sheet-head{display:flex;justify-content:space-between;border-bottom:1px solid #e5ebe7;padding-bottom:14px;gap:10px;font-size:13px}.e-sheet-head span:last-child{color:#728075;font-size:11px}.e-sheet h4{font-size:22px;margin:25px 0}.e-table-wrap{overflow-x:auto}.e-table-wrap table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}.e-table-wrap th{text-align:left;color:#738378;font-weight:500;background:#f4f7f4}.e-table-wrap th,.e-table-wrap td{padding:13px 10px;border-bottom:1px solid #e5ebe7}.e-sheet-total{display:flex;align-items:center;justify-content:space-between;padding:22px 0;gap:20px}.e-sheet-total>span{font-size:13px;color:#738378}.e-sheet-total b{font-size:24px}.e-file{display:flex;align-items:center;gap:14px;background:#f0f5f0;padding:16px;border-radius:7px;margin-bottom:20px}.e-file>span:first-child{font-size:30px}.e-file>div{flex:1}.e-file b,.e-file small{display:block}.e-file b{font-size:13px}.e-file small,.e-file>span:last-child{font-size:11px;color:#728075}.e-sheet .e-demo-note{padding:0}.e-site-scene{position:relative;padding-bottom:65px}.e-site-scene>img{width:100%;height:330px;object-fit:cover;border-radius:12px}.e-scene-report{position:absolute;left:25px;right:25px;bottom:0;background:#fff;padding:22px;border:1px solid #dce4de;box-shadow:0 12px 25px #163f3214;border-radius:7px}.e-scene-report>span,.e-scene-report small{font-size:11px;color:#738378}.e-scene-report h4{font-size:20px;margin:7px 0}.e-scene-report p{font-size:13px;color:#53695c;margin:10px 0}.e-scene-report>div{display:flex;gap:10px;margin:12px 0}.e-scene-report>div b{font-size:11px;padding:6px 9px;background:#f0f4ef;border-radius:4px}.e-cost-row{margin:18px 0}.e-cost-row>div{display:flex;justify-content:space-between;font-size:13px;margin-bottom:8px}.e-cost-row i{display:block;width:var(--width);height:9px;background:#497557;border-radius:3px}.e-cost-row:nth-of-type(3) i{background:#b29551}.e-cost-row:nth-of-type(4) i{background:#b1c4b7}.e-finance .e-sheet-total b{font-size:17px}.workflow-section{display:block!important;background:#fff;padding:90px 0}.workflow-panel{border-radius:12px;box-shadow:none;background:#f3f6f3}.workflow-copy h3{font-size:30px}.workflow-copy p,.workflow-copy li{font-size:15px}.step-tab{font-size:15px}.section-heading h2{font-size:38px;line-height:1.4}.section-heading p{font-size:16px;line-height:1.8}.section-heading .eyebrow{font-size:13px;letter-spacing:0}.e-examples{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.e-examples article{border:1px solid var(--line);border-radius:10px;overflow:hidden}.e-examples img{width:100%;height:225px;object-fit:cover}.e-examples article>div:last-child{padding:25px}.e-examples h3{font-size:25px;margin:12px 0}.e-examples p{font-size:15px;color:var(--muted);margin:15px 0}.e-examples small{font-size:11px;color:#7a897e}.e-phone-scene{height:225px;background:#d9e5da;padding:17px 28px}.e-phone-scene>span{font-size:11px;font-weight:700}.e-phone-scene>div{background:white;padding:9px 13px;border-radius:8px;margin-top:8px;max-width:90%}.e-phone-scene b{font-size:12px}.e-phone-scene p{font-size:11px;margin:4px 0!important;line-height:1.5}.e-phone-scene small{font-size:9px}.pricing-section{background:#f3f6f3;padding:90px 0}.price-card{border-radius:10px;box-shadow:none}.price-card.featured{background:#173f32}.plan-name{font-family:Manrope,sans-serif}.price-card ul li,.plan-for,.plan-limit{font-size:14px}.pricing-note,.pricing-footnote{font-size:13px}.price-card .button{font-size:13px}.price-card h3{font-size:23px}.price-card .price{font-size:48px}#guide{padding-block:80px}.guide-intro,.guide-hint{font-size:15px!important}.faq-section{padding-block:70px}.faq-section summary{font-size:17px}.faq-section details p{font-size:15px}.contact-section{background:#10251e;color:white;padding-block:85px}.contact-section .section-heading h2{color:white}.contact-section p{color:#d4dfd7;font-size:16px}.contact-card{border-radius:12px;background:#fff;color:var(--ink)}.contact-card .contact-direct{font-size:16px}.contact-card small{font-size:13px}.site-footer{padding-block:50px}.site-footer .footer-top p{font-size:14px}.site-footer a,.footer-bottom,#privacy{font-size:13px}.float-line{background:#173f32;color:white}.mobile-cta{background:#10251e}.mobile-cta>a{color:white}.mobile-cta .button{background:#d6b866;color:#182b23}dialog{font-size:16px}dialog label,dialog p,dialog select,dialog textarea{font-size:15px}dialog .button{font-size:14px}dialog .dialog-fine{font-size:12px}dialog h2{font-size:27px}
@media(max-width:1100px){.container{width:calc(100% - 40px)}.site-header nav{gap:14px}.site-header nav a{font-size:12px}.e-hero-grid{gap:32px}.e-hero h1{font-size:47px}.e-actions{flex-direction:column;align-items:flex-start}.e-stage{gap:45px}.e-product-tabs button{font-size:11px}.e-section-head p{max-width:370px}.e-industry>div{gap:20px}}
@media(max-width:760px){html{scroll-padding-top:80px}.container{width:calc(100% - 36px)}.nav-wrap{min-height:72px;padding:0;gap:12px}.site-header .brand img{width:105px}.login-link{font-size:12px}.nav-actions{gap:12px}.nav-actions>.button{display:none}.site-header nav{background:#10251e;padding:20px;gap:15px}.site-header nav a{font-size:16px}.site-header .menu-toggle{font-size:13px;min-height:40px;padding:7px 10px}.e-hero-grid{display:block;padding:45px 0 65px;min-height:0}.e-hero-photo{background:linear-gradient(#10251ee8,#10251ee8),url('/media/hero-2.jpg') center/cover}.e-hero h1{font-size:43px;letter-spacing:-1.2px;line-height:1.25}.e-lead-label{font-size:14px;margin-bottom:20px}.e-lead{font-size:16px;margin:20px 0 24px}.e-lead br{display:none}.e-actions{gap:10px;align-items:stretch}.e-actions .button{justify-content:center;font-size:14px;padding:14px 12px}.e-product{transform:none;margin-top:42px;margin-bottom:24px;max-width:none}.e-window{padding:12px 14px}.e-product-tabs{padding:10px 10px 0;gap:1px}.e-product-tabs button{padding:8px 7px;font-size:11px}#e-product-panel{padding:18px 15px;min-height:325px}.e-product-title h2{font-size:16px}.e-product-title>span{font-size:9px}.e-mini-metrics{gap:8px}.e-mini-metrics small{font-size:10px}.e-mini-metrics b{font-size:24px}.e-chart{gap:23px}.e-job b{font-size:11px}.e-demo-note{font-size:10px!important;padding:0 15px 50px}.e-line-note{left:14px;right:14px;bottom:-35px;padding:11px 12px}.e-line-note b{font-size:12px}.e-line-note p{font-size:10px}.e-industry{display:block;padding:28px 0}.e-industry>div{display:grid;grid-template-columns:1fr 1fr;gap:10px 15px;margin-top:14px}.e-industry span{font-size:14px}.e-section{padding-block:60px}.e-section-head{display:block;margin-bottom:30px}.e-section-head h2{font-size:33px}.e-section-head p{font-size:15px;margin-top:20px;max-width:none}.e-audience{grid-template-columns:1fr}.e-audience button{border-right:0;border-bottom:1px solid var(--line);padding:20px 22px;gap:5px}.e-audience button>span{display:none}.e-audience b{font-size:19px}.e-audience small{font-size:14px}.e-audience-panel{padding:22px 0 0;min-height:175px}.e-audience-panel h3{font-size:21px}.e-audience-panel p{font-size:15px}.e-platform{padding:60px 0 0}.e-stage,.e-stage-reverse{display:flex;flex-direction:column;align-items:stretch;gap:35px;padding:40px 0 55px}.e-stage-copy h3{font-size:29px}.e-stage-copy>p,.e-stage-copy li{font-size:15px}.e-stage-copy .button{font-size:14px}.e-sheet{padding:19px}.e-sheet-head{font-size:12px}.e-sheet h4{font-size:20px}.e-table-wrap th,.e-table-wrap td{font-size:10px;padding:12px 6px}.e-sheet-total b{font-size:23px}.e-site-scene>img{height:240px}.e-site-scene{padding-bottom:125px}.e-scene-report{left:12px;right:12px;padding:18px}.e-scene-report h4{font-size:19px}.workflow-section{padding:60px 0}.workflow-panel{padding:25px;gap:25px}.section-heading h2{font-size:29px}.section-heading p{font-size:15px}.workflow-copy h3{font-size:25px}.step-tab{font-size:12px;min-width:0;padding:13px 7px}.demo-window h4{font-size:17px}.e-examples{grid-template-columns:1fr;gap:24px}.e-examples img{height:210px}.e-examples h3 br{display:none}.pricing-section{padding:60px 0}.price-card h3{font-size:23px}.price-card .price{font-size:45px}#guide{padding-block:60px}.guide-intro{font-size:14px!important}.contact-section{padding:60px 0}.contact-card{padding:24px}.contact-grid{gap:30px}.site-footer{padding-bottom:100px}.footer-top{gap:22px}.float-line{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
@media(max-width:760px){.site-header{height:auto;min-height:72px}.site-header .menu-toggle{width:auto;min-width:65px;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;line-height:1.3}}
/* Motion answers the requested moving product concept; pause is available at all times. */
.e-motion-control{margin-top:16px;display:inline-flex;align-items:center;gap:8px;border:1px solid #bdcebf60;border-radius:6px;background:#10251e66;color:#d6e0d8;padding:8px 12px;font:inherit;font-size:12px;cursor:pointer}.e-product.e-motion-float{animation:e-product-float 7s ease-in-out infinite}.e-motion-running .e-hero-photo{animation:e-site-drift 18s ease-in-out infinite alternate;transform-origin:75% 60%}.e-motion-running .e-line-mark{animation:e-line-breathe 3.4s ease-in-out infinite}.e-motion-running .e-cost-row i{animation:e-bar-grow 850ms cubic-bezier(.2,.7,.3,1) both;transform-origin:left}.e-motion-running .e-cost-row:nth-child(3) i{animation-delay:100ms}.e-motion-running .e-cost-row:nth-child(4) i{animation-delay:200ms}.e-reveal{opacity:0;transform:translateY(30px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.3,1)}.e-reveal.e-revealed{opacity:1;transform:none}.e-motion-paused *{animation-play-state:paused!important}.e-motion-paused .e-reveal{opacity:1;transform:none;transition:none}.e-product-tabs button{transition:background .2s,color .2s}.e-audience button{transition:background .2s}.e-actions .button{transition:transform .2s,background .2s}.e-actions .button:hover{transform:translateY(-3px)}
@keyframes e-product-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-9px) rotate(-.3deg)}}
@keyframes e-site-drift{from{transform:scale(1)}to{transform:scale(1.045)}}
@keyframes e-line-breathe{0%,100%{box-shadow:0 0 0 0 #668f7210}50%{box-shadow:0 0 0 7px #668f7228}}
@keyframes e-bar-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:760px){.e-product.e-motion-float{animation:none;transform:none}.e-motion-running .e-hero-photo{animation:none}.e-reveal{transform:translateY(16px);transition-duration:.5s}.e-motion-control{font-size:12px}.e-actions .button:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.e-reveal{opacity:1;transform:none;transition:none}.e-product.e-motion-float,.e-motion-running .e-hero-photo,.e-motion-running .e-line-mark,.e-motion-running .e-cost-row i{animation:none!important}.e-actions .button:hover{transform:none}}