*{box-sizing:border-box}body{margin:0;background:#f7f9f8;color:#173a32;font:16px Arial,sans-serif}a{color:inherit;text-decoration:none}header{height:82px;background:white;border-bottom:1px solid #e3e9e6;display:flex;align-items:center;justify-content:space-between;padding:0 max(6%,calc((100vw - 1200px)/2))}.brand{font-size:25px;font-weight:800;letter-spacing:-1px}.mark{background:#1f6952;color:white;padding:7px 10px;border-radius:9px;margin-right:8px}nav{display:flex;gap:28px;font-size:14px}main{max-width:1160px;margin:auto;padding:55px 24px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:bold;color:#378166}h1{font-size:52px;line-height:1.1;letter-spacing:-2px;margin:18px 0}h1 em{font-style:normal;color:#328467}.intro{color:#677c75;line-height:1.7;max-width:570px}.hero{text-align:center;margin-bottom:36px}.hero .intro{margin:0 auto}.pill{display:inline-block;border:1px solid #dce7df;background:#edf5ef;border-radius:25px;padding:8px 14px;font-size:12px}.workspace{display:grid;grid-template-columns:1fr 360px;gap:24px;align-items:start}.panel{background:white;border:1px solid #dee7e2;border-radius:16px;padding:28px;box-shadow:0 6px 24px #18382d05}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.tab{padding:11px 16px;border:1px solid #e2e9e5;border-radius:9px;background:white;cursor:pointer;color:#65776e}.tab.active{background:#eaf4ee;border-color:#92bca5;color:#1f6952}label{font-size:13px;font-weight:bold;display:block;margin-bottom:10px}input,textarea,select{width:100%;border:1px solid #dce5df;border-radius:8px;padding:13px;background:#fbfcfb;color:#173a32;font:inherit;margin-bottom:16px}textarea{min-height:100px;resize:vertical}small,.muted{color:#76877f;font-size:12px;line-height:1.6}.divider{border-top:1px solid #edf0ed;margin:24px 0}.row{display:flex;gap:16px}.row>*{flex:1;min-width:0}input[type=color]{height:45px;padding:6px}button,.button{border:0;border-radius:8px;padding:14px 20px;background:#21694f;color:white;font-weight:bold;cursor:pointer;display:inline-block}.outline{background:white;border:1px solid #dce5df;color:#21694f}.preview{text-align:center}.qrframe{background:#f3f7f4;border-radius:12px;padding:20px;margin:18px 0}.qrframe svg{display:block;width:100%;height:auto;background:white;padding:12px;border-radius:8px}.preview button{width:100%;margin-top:9px}.status{font-size:12px;color:#398666}.trust{display:flex;justify-content:center;gap:30px;margin:28px 0 62px;font-size:12px;color:#62786d}.sectionhead{display:flex;justify-content:space-between;align-items:center;margin:50px 0 24px}h2{font-size:29px;letter-spacing:-.7px}h3{line-height:1.4;font-size:19px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:white;border:1px solid #dfe7e1;border-radius:13px;padding:24px}.card:hover{border-color:#91b79e}.icon{display:inline-block;font-size:24px;background:#edf4ef;padding:12px;border-radius:10px}.card p,article p,article li{color:#65786f;line-height:1.8;font-size:15px}.tag{font-size:10px;letter-spacing:1px;color:#2a805e;font-weight:bold;text-transform:uppercase}.cover{height:140px;border-radius:9px;background:#e8f0e8;display:flex;align-items:center;justify-content:center;font-size:52px;margin-bottom:20px}.cover.blue{background:#e9eef4}.cover.sand{background:#f3eee3}footer{border-top:1px solid #dfe7e1;background:white;padding:35px 6%;display:flex;justify-content:space-between;gap:24px;font-size:12px;color:#6c7e74}footer div{display:flex;gap:20px}article{max-width:760px;margin:auto}article h1{font-size:42px}article h2{margin-top:36px}details{padding:20px 0;border-bottom:1px solid #dee6e0}summary{cursor:pointer;font-weight:bold}details p{color:#647a6e;line-height:1.7}.notice{background:#edf4ef;padding:18px;border-radius:10px;font-size:13px;line-height:1.7}#error{color:#aa352b;font-size:13px}a:focus-visible,button:focus-visible{outline:3px solid #e0aa57;outline-offset:3px}@media(max-width:760px){header{padding:0 20px}nav{gap:15px}nav .hide{display:none}main{padding:35px 18px}h1{font-size:38px}.workspace,.grid{grid-template-columns:1fr}.trust{gap:12px;flex-wrap:wrap}.panel{padding:20px}footer{flex-direction:column}footer div{flex-wrap:wrap}.row{flex-wrap:wrap}.sectionhead{gap:16px}h2{font-size:24px}}
[hidden]{display:none!important}button:disabled{opacity:.45;cursor:not-allowed}.language-picker{display:flex;align-items:center;gap:8px}.language-picker label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.language-picker select{width:130px;margin:0;background:#f5f8f6;padding:8px 10px;font-size:13px}header nav{align-items:center}html[dir=rtl] .mark{margin-right:0;margin-left:8px}html[dir=rtl] h1{letter-spacing:0}html[dir=rtl] input[type=url],html[dir=rtl] input[type=email],html[dir=rtl] input[type=tel]{direction:ltr;text-align:right}html[lang=th] h1,html[lang=th] h2{letter-spacing:0;line-height:1.5}html[lang=th] body{line-height:1.8}html[dir=rtl] .eyebrow{letter-spacing:0}@media(max-width:760px){header{height:auto;min-height:82px;flex-wrap:wrap;gap:14px;padding-top:15px;padding-bottom:15px}header nav{gap:12px;flex-wrap:wrap}.language-picker select{width:112px}.type-selector .tabs .tab{flex:0 0 auto;padding:10px}.row>*{flex-basis:120px}.hero h1{overflow-wrap:anywhere}article h1{font-size:34px}}

.type-selector{background:white;border:1px solid #dce6df;border-radius:14px;padding:12px;margin-bottom:24px;position:relative;z-index:2}.type-selector .tabs{margin:0;gap:5px;align-items:center}.type-selector .tab{padding:12px 9px;font-size:12px;border-color:transparent;white-space:nowrap;background:transparent}.type-selector .tab.active{border-color:#a8c6b4;background:#eaf4ee;color:#195d45}.type-selector .tab:hover{background:#f0f5f1}.more-types{position:relative;padding:0;border:0;margin-inline-start:auto}.more-types summary{padding:12px;font-size:13px;border-radius:8px;list-style:none}.more-types summary::-webkit-details-marker{display:none}.more-types[open] summary,.more-types.has-active summary{color:#1f6952;background:#eaf4ee}.more-grid{position:absolute;inset-inline-end:0;top:100%;margin-top:8px;min-width:280px;display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:12px;border:1px solid #dce6df;border-radius:12px;background:white;box-shadow:0 10px 30px #173a3220}.more-grid .tab{text-align:start}.form-title{font-size:20px;margin:0 0 24px;letter-spacing:0}.workspace .preview{position:sticky;top:20px}.workspace .panel{min-width:0}input[type=datetime-local]{font-size:14px}.type-selector .tab:focus-visible,.more-types summary:focus-visible{outline:3px solid #e0aa57;outline-offset:2px}@media(max-width:760px){.workspace .preview{position:static}.type-selector{padding:8px}.type-selector .tabs{gap:4px}.type-selector .tab{font-size:11px;padding:10px 8px}.more-grid{max-width:calc(100vw - 50px);min-width:260px}.more-types{margin-inline-start:0}.row{gap:12px}.row>div{flex-basis:100%;}html[lang=th] .type-selector .tab{font-size:12px}}
.type-selector>.tabs{display:grid;grid-template-columns:repeat(8,minmax(0,1fr))}.type-selector>.tabs>.tab{width:100%;white-space:normal;min-height:42px}.type-selector>.tabs>.more-types{margin:0;width:100%;text-align:center}.more-types>summary{min-height:42px}@media(max-width:1000px){.type-selector>.tabs{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:600px){.type-selector>.tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.type-selector>.tabs>.tab{min-height:36px}.more-types>summary{min-height:36px}}