*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:#f6f5f1;color:#242620;font-family:Arial,Tahoma,sans-serif;-webkit-font-smoothing:antialiased}html[data-language=th] [data-en],html[data-language=en] [data-th]{display:none!important}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #687858;outline-offset:6px}p{line-height:1.75;color:#66685f}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:500}h2{font-size:clamp(30px,3.6vw,48px);letter-spacing:-1.7px;line-height:1.25}.wrap{width:min(1240px,calc(100% - 96px));margin:auto}.header{height:110px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:11px;font-size:27px;font-weight:600;letter-spacing:-1.3px}.mark{display:inline-grid;place-items:center;width:37px;height:37px;border-radius:9px;background:#242620;color:#fff;font:32px Georgia,serif;letter-spacing:-4px;padding-right:4px}.brand-dot{display:none}.header nav{display:flex;gap:32px;font-size:14px}.header nav a:hover,.text-link:hover{text-decoration:underline;text-underline-offset:5px}.header-actions{display:flex;gap:25px;align-items:center;font-size:13px}.language{display:flex;gap:1px;background:#eae9e3;padding:3px;border-radius:7px}.language button{background:none;border:0;padding:7px 9px;color:#666;border-radius:4px;font-size:12px}.language [aria-pressed=true]{background:#fff;color:#222;box-shadow:0 1px 3px #0001}.sign-in{white-space:nowrap}.eyebrow{font-size:11px;letter-spacing:1.6px;font-weight:600;display:block;line-height:1.8}.hero{padding-top:64px}.hero>.eyebrow{display:flex;gap:11px;align-items:center}.status-dot{width:7px;height:7px;border-radius:50%;background:#667453}.hero h1{font-size:clamp(58px,6.8vw,96px);line-height:1.13;letter-spacing:-4px;margin:29px 0 36px;font-weight:500}.hero h1 em{font-family:Georgia,serif;font-weight:400}.serif{color:#777d6c}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px}.hero-bottom p{font-size:17px;margin:0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:19px 25px;font-size:14px;border-radius:7px;white-space:nowrap}.dark{background:#242620;color:#fff;transition:background .2s}.dark:hover{background:#44483c}.hero-rule{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.6px;color:#76786d;border-top:1px solid #d6d7cf;margin-top:66px;padding-top:20px}.product{padding-top:74px}.product-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:end}.product-intro h2{margin:15px 0 34px}.product-intro p{font-size:16px;max-width:420px;margin-bottom:40px;justify-self:end}.workspace-stage{background:#e9e9e2;border:1px solid #dedfd5;padding:52px 52px 15px;border-radius:12px}.workspace{display:flex;background:#fff;border-radius:9px;box-shadow:0 18px 45px #30372914;border:1px solid #d6d8cf;overflow:hidden;min-height:465px}.mock-sidebar{width:190px;flex-shrink:0;border-right:1px solid #eee;background:#fafbf8;padding:25px 15px;display:flex;flex-direction:column;gap:9px}.mock-sidebar>strong{display:flex;gap:9px;align-items:center;font-size:16px;margin-bottom:28px}.mini-mark{font:24px Georgia,serif}.mock-nav{display:flex;gap:10px;font-size:11px;color:#72756b;padding:10px;border-radius:5px}.mock-nav.active{background:#e8ece2;color:#39442f}.mock-building{display:flex;gap:9px;align-items:center;margin-top:auto;border-top:1px solid #e2e5dd;padding-top:20px;font-size:10px}.mock-building small{display:block;color:#888;margin-top:5px}.building-icon{font-size:23px}.mock-main{padding:0 28px 25px;flex:1;min-width:0}.mock-top{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#909388;height:54px;border-bottom:1px solid #eee}.avatar{display:grid;place-items:center;border-radius:50%;width:25px;height:25px;background:#edf0e9;color:#667153}.mock-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:26px 0}.mock-heading h3{font-size:18px;letter-spacing:-.5px;margin:0 0 5px}.mock-heading p{font-size:10px;margin:0}.period{font-size:9px;border:1px solid #eee;border-radius:4px;padding:8px;color:#777;white-space:nowrap}.stats{display:grid;grid-template-columns:1fr 1.2fr .9fr;margin:0 0 25px;border-bottom:1px solid #eee;padding-bottom:24px}.stats>div{padding-left:18px;border-left:1px solid #eee}.stats>div:first-child{padding-left:0;border:0}.stats small,.stats span{display:block;color:#8b8e83;font-size:9px}.stats strong{display:block;font-size:26px;font-weight:500;margin:14px 0 9px;letter-spacing:-1px}.stats i{font-size:13px;font-style:normal;color:#9da095;letter-spacing:0}.table-title{display:flex;justify-content:space-between;font-size:11px;padding-bottom:16px}.table-row{display:grid;grid-template-columns:.7fr 1fr 1fr 1fr;font-size:10px;padding:12px 4px;align-items:center;border-top:1px solid #eee;gap:6px}.table-head{background:#f9faf7;color:#94978c;font-size:9px;padding-top:9px;padding-bottom:9px}.pill{font-size:9px;border-radius:20px;background:#edf0e7;color:#657255;padding:5px 10px;width:max-content}.pill.outlined{background:#fff;border:1px solid #ddd;color:#888}.mock-caption{text-align:center;font-size:10px;color:#8c9082;margin:18px 0 0}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:46px;padding:44px 0 83px}.feature-number{font-size:10px;color:#8b8e7f;letter-spacing:1px}.features h3{font-size:19px;margin:17px 0 13px}.features p{font-size:14px;margin:0}.how-section{background:#ebece5;border-block:1px solid #dedfd6}.how{display:grid;grid-template-columns:1fr 1fr;gap:110px;padding-block:80px}.how h2{margin:20px 0}.how p{max-width:380px;font-size:15px}.text-link{font-size:14px;display:inline-block;margin-top:12px;border-bottom:1px solid #7d8373;padding-bottom:8px}.steps{list-style:none;padding:0;margin:0}.steps li{display:flex;gap:26px;padding:27px 0;border-bottom:1px solid #d0d4c8}.steps li:first-child{padding-top:0}.steps li:last-child{border:0;padding-bottom:0}.steps li>span{font:italic 22px Georgia,serif;color:#8d9583}.steps h3{font-size:19px;margin:0 0 8px}.steps p{margin:0;font-size:14px}.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:90px;padding-block:95px}.faq h2{margin-top:20px}.faq details{border-bottom:1px solid #d7d9d0;padding:23px 0}.faq details:first-child{padding-top:0}.faq summary{cursor:pointer;display:flex;justify-content:space-between;gap:15px;font-size:16px;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';font-size:20px;color:#898e7d}.faq details[open] summary:after{content:'−'}.faq details p{font-size:14px;margin:18px 0 0}.contact{background:#292c24;color:#f6f5f1}.contact-inner{display:grid;grid-template-columns:1fr 1.1fr;gap:50px;padding-block:65px;align-items:center}.contact .eyebrow{color:#a2aa94}.contact h2{font-size:36px;margin:20px 0 0}.contact p{color:#bdc2b5;font-size:14px;margin:24px 0 15px}.contact small{color:#adb49f;font-size:11px}.email{font-size:clamp(16px,2.1vw,27px);letter-spacing:-.5px;border-bottom:1px solid #777e6c;padding-bottom:12px;display:flex;justify-content:space-between;gap:20px}.footer-top{display:flex;align-items:center;gap:30px;padding:46px 0 35px}.footer-top p{font-size:13px;margin:0}.legacy{margin-left:auto;font-size:11px;color:#6b7061}.footer-bottom{border-top:1px solid #d8dad0;padding:22px 0 35px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#818773}.privacy-button{border:0;background:transparent;color:inherit;font-size:inherit;padding:0}.privacy-button:hover{text-decoration:underline}dialog{width:min(570px,calc(100% - 36px));border:1px solid #ccc;border-radius:10px;padding:38px;background:#f6f5f1;color:#242620}dialog::backdrop{background:#181b1666}dialog h2{font-size:26px;letter-spacing:-.5px;margin-top:12px}dialog p{font-size:14px}.close{position:absolute;right:14px;top:10px;border:0;background:none;font-size:27px}.skip{position:fixed;top:-90px;left:15px;background:#242620;color:white;padding:12px;z-index:10}.skip:focus{top:12px}
@media(min-width:1500px){.hero h1{font-size:106px}}@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.header nav{gap:18px}.header-actions{gap:16px}.workspace-stage{padding:30px 25px 13px}.mock-sidebar{width:155px}.mock-main{padding-inline:20px}.product-intro{gap:35px}.how{gap:60px}.faq{gap:50px}.hero h1{font-size:76px}.contact h2{font-size:31px}}@media(max-width:720px){.wrap{width:calc(100% - 36px)}.header{height:85px;gap:12px}.header nav{display:none}.brand{font-size:24px}.mark{width:31px;height:31px;font-size:28px}.header-actions{gap:12px}.sign-in{font-size:11px}.language button{padding:7px}.hero{padding-top:37px}.hero h1{font-size:clamp(45px,9.5vw,66px);letter-spacing:-2px;line-height:1.2;margin:25px 0}.hero .eyebrow{font-size:9px;letter-spacing:1px}.hero-bottom{align-items:flex-start;flex-direction:column;gap:25px}.hero-bottom p{font-size:14px}.button{padding:16px 20px;font-size:13px}.hero-rule{margin-top:40px;font-size:8px;letter-spacing:.8px}.product{padding-top:48px}.product-intro{display:block}.product-intro h2{margin-bottom:20px}.product-intro p{font-size:14px;margin-bottom:27px;max-width:100%}.workspace-stage{padding:17px 10px 10px;border-radius:8px}.workspace{min-height:355px}.mock-sidebar{display:none}.mock-main{padding:0 14px 14px}.mock-top{height:38px}.mock-heading{margin:19px 0}.mock-heading h3{font-size:15px}.mock-heading p{font-size:9px}.period{font-size:8px;padding:5px}.stats strong{font-size:22px}.stats>div{padding-left:10px}.stats small,.stats span{font-size:8px}.stats{padding-bottom:17px;margin-bottom:18px}.table-row{font-size:9px}.pill{font-size:8px;padding:4px 7px}.mock-caption{font-size:8px;line-height:1.7;margin-top:10px}.features{grid-template-columns:1fr;gap:25px;padding:32px 0 48px}.features article{border-bottom:1px solid #ddd;padding-bottom:22px;position:relative;padding-left:38px}.features article:last-child{border:0;padding-bottom:0}.feature-number{position:absolute;top:4px;left:0}.features h3{margin:0 0 9px;font-size:18px}.features p{font-size:13px}.how{grid-template-columns:1fr;gap:42px;padding-block:48px}.how h2{font-size:34px}.steps li{gap:20px;padding:22px 0}.steps h3{font-size:17px}.steps p{font-size:13px}.faq{grid-template-columns:1fr;gap:16px;padding-block:48px}.faq h2{font-size:32px}.faq summary{font-size:14px}.contact-inner{grid-template-columns:1fr;gap:34px;padding-block:44px}.contact h2{font-size:31px}.email{font-size:21px}.footer-top{flex-wrap:wrap;gap:18px;padding:30px 0}.footer-top p{font-size:11px}.legacy{width:100%;margin:0}.footer-bottom{flex-wrap:wrap;font-size:9px;gap:16px}.footer-bottom>span:last-child{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}