:root{--g:#006c4c;--gd:#004d37;--t:#21312b;--m:#66736d;--b:#e2e9e5;--s:#f6f8f7;--a:#b2bb1e;--w:1280px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--t);background:#fff;font:300 17px/1.7 Kanit,system-ui,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(var(--w),calc(100% - 80px));margin:auto}.reveal{transition:.65s ease}.motion-ready .reveal{opacity:0;transform:translateY(18px)}.motion-ready .reveal.show{opacity:1;transform:none}header{height:76px;position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);border-bottom:1px solid transparent;backdrop-filter:blur(16px)}header.scrolled{border-color:var(--b)}.nav{height:100%;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.brand img{width:48px;height:48px;object-fit:contain}.brand b{font-weight:600}.nav nav{display:flex;gap:28px;margin-left:auto}.nav nav a,.talk{font-weight:500}.actions{display:flex;align-items:center;gap:18px}.lang{display:flex;gap:7px;border:1px solid var(--b);border-radius:8px;padding:7px 10px}.lang button{border:0;background:none;padding:0;color:var(--m);cursor:pointer}.lang button.active{color:var(--g);font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 19px;border-radius:8px;background:var(--g);color:#fff;font-weight:500}.btn:hover{background:#005b40}#menu{display:none;border:0;background:none;font-size:24px}.hero{padding:88px 0 120px}.hero-grid,.split{display:grid;grid-template-columns:5fr 7fr;gap:72px;align-items:center}.eyebrow{color:var(--g);font-size:14px;font-weight:500;margin-bottom:18px}.hero h1,.chapter h2,.product h2,.why h2,.final h2,.statement h2,.section-head h2,.faq h2{font-family:Mitr,Kanit,sans-serif;font-weight:600;letter-spacing:-.02em;line-height:1.18}.hero h1{font-size:56px;margin:0 0 24px}.lead{font-size:20px;color:var(--m);max-width:650px}.hero-cta{display:flex;align-items:center;gap:22px;margin:30px 0 14px}.sub-link{font-size:15px;color:var(--g)}.rail{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:35px;font-size:14px;color:var(--m)}.rail span:before{content:'·';color:var(--a);margin-right:8px}.demo,.product-shot,.decision,.build-visual,.studio,.cap-screen{border:1px solid var(--b);border-radius:14px;background:#fff;box-shadow:0 24px 70px rgba(18,48,35,.07);overflow:hidden}.demo-head,.shot-top{padding:14px 18px;border-bottom:1px solid var(--b);display:flex;justify-content:space-between;color:var(--m);font-size:14px}.demo-head b{color:var(--g);font-weight:500}.demo-body{display:grid;grid-template-columns:150px 1fr;min-height:390px}.demo aside{padding:22px 16px;border-right:1px solid var(--b);display:flex;flex-direction:column;gap:18px;font-size:14px;color:var(--m)}.demo aside b{color:var(--t)}.demo aside span.active{color:var(--g);font-weight:500}.stage{padding:40px}.stage h3{font:600 28px/1.3 Mitr,Kanit,sans-serif;margin:8px 0 20px}.stage .metric{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stage .metric span,.stage .option{padding:14px;border:1px solid var(--b);border-radius:8px}.stage .insight{padding:20px;border-left:3px solid var(--a);background:#fafbe9;font-weight:500}.statement{padding:130px 0;text-align:center}.narrow{max-width:900px}.statement h2{font-size:48px;margin:0}.statement p{font-size:21px;color:var(--m)}.chapter,.product,.human,.apps,.why,.engage,.responsible,.faq{padding:140px 0}.soft{background:var(--s)}.split.reverse{grid-template-columns:7fr 5fr}.chapter h2,.product h2,.why h2,.section-head h2,.faq h2{font-size:43px;margin:0 0 22px}.copy p{color:var(--m);font-size:18px}.copy>a{color:var(--g);font-weight:500}.product-shot{padding-bottom:22px}.table{display:grid;grid-template-columns:2fr 1fr 1fr;padding:24px;gap:10px 16px;font-size:14px}.bars{font-size:42px;color:var(--g);padding:0 24px;letter-spacing:8px}.flow{display:flex;justify-content:space-around;padding:18px 24px 0;color:var(--m);font-size:13px}.decision{padding:34px}.decision small{color:var(--g)}.decision h3{font:600 28px/1.35 Mitr,Kanit,sans-serif}.decision-steps{display:flex;align-items:center;gap:12px;margin:24px 0}.decision-steps span{padding:11px 13px;background:var(--s);border-radius:7px}.decision>strong{display:block;padding:18px;border-left:3px solid var(--a);background:#fafbe9}.build-visual{padding:32px;position:relative;min-height:330px}.window{border:1px solid var(--b);border-radius:10px;background:#fff;padding:22px}.window.main{height:190px}.window.sub{width:47%;display:inline-block;margin-top:20px}.forecast{font-size:44px;color:var(--g);margin-top:35px;letter-spacing:8px}.studio{padding:36px}.studio-path{display:flex;align-items:center;justify-content:space-between;margin:42px 0;font-size:20px}.studio-tags{display:flex;flex-wrap:wrap;gap:10px}.studio-tags span{padding:8px 11px;border:1px solid var(--b);border-radius:7px}.signature{padding-top:100px;text-align:center}.signature h2{font-size:46px}.learn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;text-align:left;margin-top:55px}.learn-grid>div{border-top:1px solid var(--b);padding-top:20px}.learn-grid span{display:block;color:var(--m)}.product-head{max-width:820px}.cap-grid{display:grid;grid-template-columns:340px 1fr;gap:60px;margin-top:65px}.cap-list button{display:block;width:100%;padding:20px 0;text-align:left;border:0;border-top:1px solid var(--b);background:none;cursor:pointer;color:var(--m);font-size:18px}.cap-list button.active{color:var(--g);font-weight:500}.cap-screen{padding:40px;min-height:360px}.cap-screen h3{font:600 30px/1.3 Mitr,Kanit,sans-serif}.cap-screen p{color:var(--m)}.cap-visual{margin-top:34px}.mini-bars{display:flex;align-items:end;gap:10px;height:120px}.mini-bars i{flex:1;background:var(--g);opacity:.18;border-radius:4px}.human-flow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.human-flow span{padding:14px 16px;border:1px solid var(--b);border-radius:8px}.human-flow .ai{background:#edf6f2;color:var(--g)}.app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--b);border:1px solid var(--b);margin-top:50px}.app-card{background:#fff;padding:30px;min-height:190px}.app-card h3{font:600 23px/1.4 Mitr,Kanit,sans-serif}.app-card small{color:var(--m)}.why-logo{width:220px;margin-top:35px}.principles>div{border-top:1px solid var(--b);padding:22px 0}.principles h3{margin:0 0 7px}.principles p{margin:0;color:var(--m)}.engage-row{display:grid;grid-template-columns:1.2fr 2fr .8fr;gap:30px;padding:28px 0;border-top:1px solid var(--b)}.engage-row p{margin:0;color:var(--m)}.engage-row a{color:var(--g);text-align:right}.resp-list{display:grid;grid-template-columns:1fr 1fr;gap:18px}.resp-list span{padding:18px 0;border-top:1px solid var(--b)}.faq-item{border-top:1px solid var(--b)}.faq-q{width:100%;display:flex;justify-content:space-between;padding:23px 0;border:0;background:none;text-align:left;font-size:18px;cursor:pointer}.faq-a{display:none;color:var(--m);padding:0 0 22px;max-width:820px}.faq-item.open .faq-a{display:block}.final{background:var(--gd);color:#fff;padding:120px 0 45px}.final-copy{max-width:900px;padding-bottom:100px}.final h2{font-size:56px}.final p{font-size:20px;color:rgba(255,255,255,.72)}.final-copy>div{display:flex;gap:24px;align-items:center}.btn.light{background:#fff;color:var(--gd)}footer{border-top:1px solid rgba(255,255,255,.18);padding-top:34px;display:flex;justify-content:space-between;gap:40px}.footer-brand{display:flex;gap:18px}.footer-brand img{width:65px}.footer-brand p{color:rgba(255,255,255,.65);margin:4px 0}.footer-links{display:flex;gap:22px;color:rgba(255,255,255,.8)}@media(max-width:1050px){.wrap{width:min(100% - 48px,var(--w))}.nav nav,.actions .talk{display:none}.actions{margin-left:auto}.hero-grid,.split,.split.reverse{grid-template-columns:1fr;gap:52px}.hero{padding-top:60px}.cap-grid{grid-template-columns:1fr}.app-grid{grid-template-columns:1fr 1fr}.demo{max-width:820px}.engage-row{grid-template-columns:1fr 1.5fr}.engage-row a{grid-column:2;text-align:left}}@media(max-width:700px){body{font-size:16px}.wrap{width:calc(100% - 38px)}header{height:68px}.brand img{width:42px}.brand b{font-size:15px}.actions{display:none}#menu{display:block;margin-left:auto}.nav nav{position:absolute;left:0;right:0;top:68px;background:#fff;border-bottom:1px solid var(--b);padding:20px;display:none;flex-direction:column}.nav.mobile-open nav{display:flex}.hero{padding:55px 0 80px}.hero h1{font-size:40px}.hero-grid{gap:38px}.lead{font-size:18px}.hero-cta{align-items:flex-start;flex-direction:column}.demo-body{grid-template-columns:1fr}.demo aside{display:none}.stage{padding:26px}.statement,.chapter,.product,.human,.apps,.why,.engage,.responsible,.faq{padding:82px 0}.statement h2,.chapter h2,.product h2,.why h2,.section-head h2,.faq h2{font-size:32px}.signature{padding-top:70px}.signature h2{font-size:33px}.learn-grid,.app-grid,.resp-list{grid-template-columns:1fr}.cap-grid{gap:30px}.engage-row{grid-template-columns:1fr;gap:8px}.engage-row a{grid-column:1}.final{padding-top:80px}.final h2{font-size:39px}.final-copy>div,footer,.footer-links{flex-direction:column;align-items:flex-start}.footer-links{gap:10px}.studio-path{font-size:16px;gap:8px}.window.sub{width:100%}}