@font-face{font-family:Noto;src:url('../fonts/thai-thai-400.woff2');font-weight:400;font-display:swap}@font-face{font-family:Noto;src:url('../fonts/thai-thai-700.woff2');font-weight:700;font-display:swap}@font-face{font-family:Inter;src:url('../fonts/inter-600.woff2');font-weight:600;font-display:swap}*{box-sizing:border-box}body{margin:0;font:16px/1.6 Noto,Arial,sans-serif;color:#173e2f;background:#f4f6f7}button,input,select,textarea{font:inherit}a{color:inherit}button{cursor:pointer}header{height:78px;background:white;display:flex;justify-content:space-between;align-items:center;padding:0 max(24px,calc((100vw - 1400px)/2));border-bottom:1px solid #e5e8e9}.brand{font:700 30px Inter,Arial,sans-serif;letter-spacing:-1.3px;color:#111;text-decoration:none}.brand span{color:#ff615d}.header-links{display:flex;gap:25px;align-items:center;font-size:14px}.header-links>span{color:#136833}.header-links a{padding:8px}.header-links a:last-child{border-left:1px solid #d8dfdc;padding-left:25px}main{max-width:1400px;width:calc(100% - 48px);margin:30px auto 65px}.intro{display:flex;justify-content:space-between;align-items:center;max-width:900px;min-height:125px}.intro h1{font-size:40px;line-height:1.25;margin:0 0 12px;font-weight:700;color:#064b32}.intro p{margin:0;color:#5d6762;font-size:18px}.intro img{width:110px;height:125px;object-fit:contain;object-position:bottom}.service-tabs{display:flex;gap:7px;background:#fff;border:1px solid #dce5df;padding:7px;border-radius:14px;margin:8px 0 22px;width:max-content;max-width:100%;overflow:auto}.service-tabs button{border:0;border-radius:9px;background:transparent;padding:12px 23px;color:#344f40;white-space:nowrap}.service-tabs button[aria-pressed=true]{background:#075435;color:white}.checkout-layout{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(340px,.95fr);gap:26px;align-items:start}.form-sections{display:grid;gap:18px}.panel{background:#fff;border:1px solid #dce3df;border-radius:18px;padding:24px;box-shadow:0 7px 20px #25352a05}.panel h2{font-size:23px;line-height:1.3;margin:0 0 22px;display:flex;align-items:center;gap:14px;color:#203b2d}.panel h2>b{width:35px;height:35px;background:#08763e;color:white;display:grid;place-items:center;border-radius:50%;font:700 23px Inter,Arial,sans-serif}.plan-select-row{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;align-items:center}.selected-plan{padding:14px 18px;border:1.5px solid #219b42;background:linear-gradient(110deg,#effbe9,#fff);border-radius:10px;font-weight:700;font-size:23px}.selected-plan small{display:block;font-size:13px;font-weight:400}.plan-select-row>label{font-size:13px}.plan-specs{display:flex;flex-wrap:wrap;gap:6px 18px;padding-left:0;list-style:none;font-size:13px;color:#56695c;margin:12px 0 20px}.plan-specs li:before{content:'✓ ';color:#289540}label{display:block;font-size:14px;color:#283e31}input,select,textarea{min-height:44px;width:100%;padding:9px 11px;border:1px solid #b9c5bd;border-radius:8px;background:#fff;color:#1b3023;min-width:0;font-size:16px}textarea{resize:vertical}label input,label select,label textarea{margin-top:5px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px}.full{grid-column:1/-1}fieldset{border:0;padding:0;margin:0}legend{font-weight:700;font-size:15px;margin-bottom:10px}.period-field>div{display:flex;gap:15px}.period-choice{display:flex;gap:9px;align-items:center;background:#fff;border:1px solid #dbe3dc;border-radius:9px;padding:10px 14px;flex:1;font-size:15px}.period-choice:has(input:checked){background:#edfbe8;border-color:#4bba5a}.period-choice input,.check input,.payment-choice input{width:18px;min-height:18px;flex:0 0 18px;accent-color:#159b22;margin:0}.domain-options{display:flex;gap:12px;margin-bottom:18px}.domain-options button{flex:1;border:1px solid #d6e1d8;background:white;padding:10px 7px;border-radius:10px;color:#213e2b;font-size:14px}.domain-options button[aria-pressed=true]{background:#e3f7d8;border-color:#81c875}.domain-search{display:grid;grid-template-columns:minmax(0,1fr) 110px 105px;gap:9px}.domain-search button{border:0;background:#075435;color:white;border-radius:8px}.domain-search input,.domain-search select{margin:0}#domain-result{margin:10px 0;font-size:14px}#domain-result.success{background:#e7f8e3;padding:10px;border-radius:8px;color:#0a6734}#domain-result.error{color:#a32935}.panel small{color:#63726a;font-size:12px;line-height:1.7;display:block}.check{display:flex;align-items:flex-start;gap:10px;margin:18px 0;font-size:14px;line-height:1.7}.check input{margin-top:3px}.notes-label{margin-top:18px}.summary{position:sticky;top:20px;padding:0 24px 22px;overflow:hidden}.summary h2{margin:0 -24px 20px;background:#075435;color:white;padding:20px 24px;font-size:26px}.summary-item{display:flex;justify-content:space-between;gap:15px;font-size:14px;margin:12px 0}.summary-item>span:first-child{max-width:65%;overflow-wrap:anywhere}.summary dl{border-top:1px solid #dbe3de;padding-top:15px;margin-bottom:14px}.summary dl>div{display:flex;justify-content:space-between;margin:8px 0;font-size:14px}.summary dd{margin:0}.total{background:#075435;color:white;border-radius:10px;padding:14px 13px;display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:19px;flex-wrap:wrap}.summary-note{font-size:12px;color:#647167;line-height:1.7;border-bottom:1px solid #dfe5e0;padding-bottom:18px}.payment-choice{display:flex;align-items:center;gap:12px;border:1px solid #d8e3d9;padding:10px 13px;border-radius:9px;margin-bottom:9px}.payment-choice:has(input:checked){background:#edfbe8}.terms a{font-weight:700;color:#075435}.submit{display:flex;justify-content:center;align-items:center;gap:15px;width:100%;border:0;border-radius:12px;background:#ff615d;color:#fff;padding:16px;font-size:22px;font-weight:700;text-decoration:none;transition:background .2s,transform .2s}.submit:hover{background:#e74b48;transform:translateY(-2px)}.submit:disabled{opacity:.65;cursor:wait;transform:none}.support{margin-top:22px;padding:15px;background:#f0fae9;border-radius:12px}.support strong,.support a{display:block}.support a{font-size:15px;text-decoration:none}.form-status{font-size:14px;line-height:1.7}.form-status:not(:empty){padding:12px;background:#fff5e4;border-radius:8px}.notice{font-size:14px;background:#fff7df;padding:14px;border-radius:8px}.success{max-width:800px;margin:20px auto}.success h1{color:#075435}.success .submit{max-width:330px}.success dl{padding:15px;background:#eff7ec}.trap,.sr-only{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}footer{text-align:center;font-size:13px;padding:25px;color:#647469;border-top:1px solid #dfe6e1}[hidden]{display:none!important}:focus-visible{outline:3px solid #68a95f;outline-offset:3px}@media(max-width:1050px){.checkout-layout{grid-template-columns:minmax(0,1.45fr) minmax(300px,1fr)}.plan-select-row{grid-template-columns:1fr}.intro h1{font-size:34px}.service-tabs button{padding-inline:17px}.panel{padding:20px}.summary{padding:0 20px 20px}.summary h2{margin-inline:-20px}.period-field>div{flex-wrap:wrap}}@media(max-width:760px){header{padding:14px 18px;height:auto;gap:12px}.brand{font-size:24px}.header-links{gap:4px;font-size:12px}.header-links>span{display:none}.header-links a:last-child{border:0;padding:5px}.header-links a{padding:5px}main{width:calc(100% - 28px);margin-top:20px}.intro h1{font-size:29px}.intro p{font-size:14px}.intro img{width:80px;height:100px}.intro{min-height:110px;gap:10px}.service-tabs{width:100%;margin-top:14px}.service-tabs button{padding:10px 16px}.checkout-layout{display:block}.form-sections{gap:14px}.panel{padding:18px;border-radius:14px}.panel h2{font-size:21px;gap:10px}.panel h2>b{width:31px;height:31px;font-size:20px}.field-grid{grid-template-columns:1fr;gap:13px}.full{grid-column:auto}.summary{position:static;margin-top:16px;padding:0 18px 20px}.summary h2{margin-inline:-18px;font-size:24px}.period-choice{font-size:14px;min-width:130px}.domain-options{gap:7px}.domain-options button{font-size:12px}.domain-search{grid-template-columns:minmax(0,1fr) 95px}.domain-search button{grid-column:1/-1;min-height:42px}.selected-plan{font-size:22px}.total{font-size:21px}.summary .submit{position:relative;font-size:21px}.success h1{font-size:28px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.duration-select{display:grid;grid-template-columns:1fr 160px;align-items:center;gap:15px;margin:18px 0 8px}.duration-select label{font-weight:700}.add-panel{border-color:#7cc588;background:linear-gradient(110deg,#effbea,#fff)}.add-panel p{margin-top:0}.add-order{border:0;border-radius:10px;background:#075435;color:white;padding:14px 22px;font-weight:700;font-size:18px;min-height:48px;transition:background .2s,transform .2s}.add-order:hover{background:#097346;transform:translateY(-1px)}.add-panel small{margin-top:12px}.cart-row{padding:12px 0;border-bottom:1px solid #e2e8e3;align-items:flex-start}.cart-row>div{min-width:0;overflow-wrap:anywhere}.cart-row>span{white-space:nowrap;font-weight:700}.cart-row strong{font-size:15px}.cart-row small{margin:4px 0}.remove-item{border:1px solid #f3ccca;border-radius:6px;color:#aa2f35;background:#fff7f7;font-size:12px;min-height:32px;padding:4px 10px}.remove-item:hover{background:#ffe7e7}.empty-cart{font-size:14px;color:#67766d;padding:15px;background:#f5f8f3;border:1px dashed #bacdbb;border-radius:9px}#cart-feedback{font-size:14px;margin:12px 0 0;color:#085d37}.submit:disabled{cursor:not-allowed;background:#a4afa7;opacity:1}.add-panel #package-preview{font-size:16px;font-weight:700}.duration-select select{max-width:180px}@media(max-width:760px){.duration-select{grid-template-columns:1fr 130px}.cart-row>span{font-size:13px}.add-order{width:100%}}

/* Keep the checkout mascot at the leading edge of the introduction. */
.intro{justify-content:flex-start;gap:24px}.intro img{order:-1;flex:0 0 110px}.intro>div{min-width:0}@media(max-width:760px){.intro{gap:12px}.intro img{flex-basis:80px}}

/* Align service navigation with the package column. */
.service-tabs{width:calc((100% - 26px)*1.75/2.7);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.service-tabs button{padding:12px 5px;white-space:normal;line-height:1.45;min-width:0}@media(max-width:1050px) and (min-width:761px){.service-tabs{width:min(calc((100% - 26px)*1.45/2.45),calc(100% - 326px))}}@media(max-width:760px){.service-tabs{width:100%;display:flex;gap:7px}.service-tabs button{flex:1 0 auto;white-space:nowrap;padding:10px 16px}}

/* Keep the order summary at the top of the desktop content and sticky while scrolling. */
@media(min-width:761px){main{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(340px,.95fr);column-gap:26px;align-items:start}.intro{grid-column:1;grid-row:1}.service-tabs{grid-column:1;grid-row:2;width:100%}#checkout-form,.checkout-layout{display:contents}.form-sections{grid-column:1;grid-row:3}.summary{grid-column:2;grid-row:1 / span 3;align-self:start;margin-top:0;position:sticky;top:20px;max-height:calc(100dvh - 40px);overflow-y:auto;overscroll-behavior:contain}#order-success{grid-column:1 / -1;width:100%}}@media(min-width:761px) and (max-width:1050px){main{grid-template-columns:minmax(0,1.45fr) minmax(300px,1fr)}}