:root{--teal:#0E5C5A;--teal-d:#0A4442;--teal-dd:#073332;--mint:#7FD1C7;--mint-l:#E8F6F4;--ink:#13201F;--body:#3D4D4B;--muted:#62716F;--line:#DDE6E5;--bg:#FFFFFF;--bg2:#F5F8F8}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans Thai","Leelawadee UI","Thonburi","PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;color:var(--body);background:var(--bg);line-height:1.7;font-size:17px}
html[lang=th] body{line-height:1.85}
a{color:var(--teal)}a:hover{color:var(--teal-d)}
img,svg{max-width:100%}
:focus-visible{outline:3px solid var(--mint);outline-offset:2px;border-radius:4px}
.wrap{max-width:1160px;margin:0 auto;padding:0 28px}.narrow{max-width:820px}.c{text-align:center}.mt{margin-top:36px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.skip{position:absolute;left:-999px;top:8px;background:var(--teal);color:#fff;padding:8px 14px;z-index:99;border-radius:6px}.skip:focus{left:12px}
h1,h2,h3{color:var(--ink);line-height:1.25;font-weight:700;letter-spacing:-.01em}
h1{font-size:clamp(32px,4.6vw,50px);max-width:900px}
h2{font-size:clamp(25px,3vw,34px);margin-bottom:14px}
h3,.h3{font-size:19px;margin-bottom:8px;color:var(--ink)}
p+p{margin-top:14px}
.lead{font-size:clamp(17px,1.6vw,19px);color:var(--body);max-width:760px}
.kicker{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--teal);margin-bottom:14px}
html[lang=zh-CN] .kicker,html[lang=th] .kicker{letter-spacing:.04em}
.muted{color:var(--muted)}.small{font-size:14px;margin-top:16px}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--teal);color:#fff;font-weight:600;padding:12px 22px;border-radius:8px;text-decoration:none;border:1.5px solid var(--teal);font-size:16px;line-height:1.2;transition:background .15s,border-color .15s}
.btn:hover{background:var(--teal-d);border-color:var(--teal-d);color:#fff}
.btn.ghost{background:transparent;color:var(--teal)}.btn.ghost:hover{background:var(--mint-l);color:var(--teal-d)}
.btn.lg{padding:15px 28px;font-size:17px}.btn.sm{padding:0 14px;height:36px;font-size:14px;white-space:nowrap}
.btn.light{background:#fff;color:var(--teal-dd);border-color:#fff}.btn.light:hover{background:var(--mint-l)}
.btn.ghost.light{background:transparent;color:#fff;border-color:rgba(255,255,255,.6)}.btn.ghost.light:hover{background:rgba(255,255,255,.08)}
.btn.wa{background:#1f9d55;border-color:#1f9d55}.btn.wa:hover{background:#178246;border-color:#178246}
.btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.c .btns{justify-content:center}
/* header */
.hdr{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--line)}
.hrow{display:flex;align-items:center;gap:24px;min-height:72px}
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:700;font-size:19px;flex:none;letter-spacing:-.01em}
.brand .mark{width:36px;height:36px}
.mainnav{display:flex;align-items:center;flex:1;gap:20px}
.mainnav ul{display:flex;list-style:none;gap:4px;margin:0 auto 0 12px}
.mainnav ul a{display:block;padding:8px 12px;border-radius:6px;text-decoration:none;color:var(--body);font-weight:500;font-size:15px;white-space:nowrap}
.mainnav ul a:hover{color:var(--teal);background:var(--bg2)}
.mainnav ul a[aria-current=page]{color:var(--teal);box-shadow:inset 0 -2px 0 var(--teal);border-radius:0}
.hact{display:flex;align-items:center;gap:8px;flex:none}
.lang{height:36px;border:1px solid var(--line);border-radius:8px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath fill='%230E5C5A' d='M0 0h10L5 6z'/%3E%3C/svg%3E") no-repeat right 10px center;color:var(--ink);font:inherit;font-size:14px;padding:0 28px 0 10px;appearance:none;-webkit-appearance:none;cursor:pointer;max-width:170px}
.menu-btn{display:none;margin-left:auto;width:42px;height:42px;border:1px solid var(--line);border-radius:8px;background:#fff;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:4px}
.menu-btn i{display:block;width:18px;height:2px;background:var(--ink);border-radius:2px}
@media(max-width:1020px){
 .menu-btn{display:flex}
 .mainnav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;padding:12px 28px 20px;gap:12px;box-shadow:0 12px 24px rgba(0,0,0,.06)}
 .mainnav.open{display:flex}
 .mainnav ul{flex-direction:column;margin:0}
 .mainnav ul a{padding:12px 4px;font-size:17px;border-bottom:1px solid var(--line);border-radius:0}
 .mainnav ul a[aria-current=page]{box-shadow:none;font-weight:700}
 .hact{flex-wrap:wrap}
}
/* sections */
.hero{padding:96px 0 72px;background:linear-gradient(180deg,#F2F8F7 0%,#fff 100%);border-bottom:1px solid var(--line)}
.hero h1{margin-bottom:22px}
.phero{padding:72px 0 48px;background:var(--bg2);border-bottom:1px solid var(--line)}
.phero h1{font-size:clamp(30px,4vw,44px);margin-bottom:14px}
.sec{padding:88px 0}.sec.alt{background:var(--bg2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.shead{max-width:760px;margin-bottom:40px}.c .shead,.shead.c{margin-left:auto;margin-right:auto}
.split{display:grid;grid-template-columns:5fr 7fr;gap:56px;align-items:start}
.band{background:var(--teal);color:#D9EFEC;padding:88px 0}.band h2,.band h3{color:#fff}.band .lead{color:#D9EFEC}
.band.cta{background:linear-gradient(135deg,var(--teal) 0%,var(--teal-dd) 100%)}
.grid{display:grid;gap:24px}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
@media(max-width:1020px){.g4{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:1fr}.split{grid-template-columns:1fr;gap:24px}}
@media(max-width:680px){.g2,.g4{grid-template-columns:1fr}.sec,.band{padding:64px 0}.hero{padding:64px 0 52px}.wrap{padding:0 20px}}
.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:28px}
.card.tint{background:var(--mint-l);border-color:#CBE9E4}
.svc .ico{width:48px;height:48px;border-radius:10px;background:var(--mint-l);color:var(--teal);display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.svc .ico svg{width:26px;height:26px}
.svc p{font-size:16px}
.more{display:inline-block;margin-top:14px;font-weight:600;text-decoration:none;font-size:15px}.more::after{content:" →"}
.plat{margin-top:44px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px}.plat.c{justify-content:center}
.plat-l{font-size:14px;color:var(--muted);font-weight:500}
.chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none}
.chips li{border:1px solid var(--line);background:#fff;border-radius:999px;padding:5px 14px;font-size:14px;font-weight:600;color:var(--ink)}
.steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;counter-reset:s}
@media(max-width:1020px){.steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.steps{grid-template-columns:1fr}}
.steps li{border-top:2px solid rgba(127,209,199,.5);padding-top:20px;position:relative}
.steps .num{font-size:13px;font-weight:700;color:var(--mint);letter-spacing:.1em}
.steps .sico{color:var(--mint);margin:10px 0}.steps .sico svg{width:28px;height:28px}
.steps p{font-size:16px;color:#CFE7E3}
.mkts{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:900px){.mkts{grid-template-columns:repeat(3,1fr)}}@media(max-width:520px){.mkts{grid-template-columns:repeat(2,1fr)}}
.mkts li{border:1px solid var(--line);border-radius:12px;padding:20px;display:flex;align-items:center;gap:12px;font-weight:600;color:var(--ink);background:#fff}
.flag{font-size:24px;line-height:1}
.price{position:relative;display:flex;flex-direction:column}.price .amt{font-size:36px;font-weight:700;color:var(--ink);margin:6px 0 16px;letter-spacing:-.02em}
.price .amt small{font-size:15px;font-weight:500;color:var(--muted)}
.price ul{list-style:none}.price li{padding:8px 0 8px 26px;border-top:1px solid var(--line);position:relative;font-size:15.5px}
.price li::before{content:"";position:absolute;left:2px;top:15px;width:12px;height:7px;border-left:2px solid var(--teal);border-bottom:2px solid var(--teal);transform:rotate(-45deg)}
.price.hl{border:2px solid var(--teal);box-shadow:0 12px 32px rgba(14,92,90,.10)}
.badge{position:absolute;top:-13px;left:28px;background:var(--teal);color:#fff;font-size:12px;font-weight:700;padding:4px 12px;border-radius:999px;letter-spacing:.03em}
.promo{margin-top:auto;padding-top:14px;font-size:14px;font-weight:600;color:var(--teal)}
.note{border-left:4px solid var(--mint)}
.pay dl,.facts dl,.cl{display:grid;grid-template-columns:max-content 1fr;gap:10px 24px;margin:16px 0}
.pay dt,.facts dt,.cl dt{color:var(--muted);font-size:15px}.pay dd,.facts dd,.cl dd{color:var(--ink);font-weight:500;overflow-wrap:anywhere}
@media(max-width:560px){.pay dl,.facts dl,.cl{grid-template-columns:1fr;gap:2px}.pay dd,.facts dd,.cl dd{margin-bottom:12px}}
.warn{background:#FFF7E6;border:1px solid #F3DDB0;color:#6B4E12;border-radius:8px;padding:12px 14px;font-size:15px}
.facts{background:var(--bg2)}
.prose section{margin-bottom:32px}.prose h2{font-size:21px;margin-bottom:8px}
.sumnote{display:inline-block;background:#FFF7E6;border:1px solid #F3DDB0;color:#6B4E12;border-radius:8px;padding:10px 14px;font-size:15px;margin-top:6px}
/* footer */
.ftr{background:#0B2726;color:#A9C2BF;padding:64px 0 28px;font-size:15px}
.ftr a{color:#D3E6E3;text-decoration:none}.ftr a:hover{color:#fff;text-decoration:underline}
.fgrid{display:grid;grid-template-columns:2fr 1fr 1.3fr 1fr;gap:40px}
@media(max-width:900px){.fgrid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.fgrid{grid-template-columns:1fr}}
.ftr h2{font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:#fff;margin-bottom:14px}
.ftr ul{list-style:none}.ftr li{margin:6px 0}
.fco p{margin-top:10px}.fco .legal{color:#fff;font-weight:600}
.brand.inv{color:#fff}
.copy{border-top:1px solid rgba(255,255,255,.1);margin-top:40px;padding-top:20px;font-size:14px}
.wa-float{position:fixed;right:20px;bottom:20px;width:56px;height:56px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.18);z-index:30}
.wa-float:hover{transform:translateY(-2px)}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.cta-l{background:var(--mint-l);border-top:1px solid #CBE9E4}
@media(max-width:1020px){.hact{display:grid;grid-template-columns:1fr auto auto;gap:8px}.hact .lang{max-width:none;width:100%}}
.contact .card.tint{align-self:start}
.chips li{display:inline-flex;align-items:center;gap:8px;padding:5px 14px 5px 8px;line-height:1.2}
.chips .pico{width:28px;height:28px;flex:none;color:var(--teal);background:var(--mint-l);border-radius:7px;padding:3px}
@media(max-width:520px){.chips li{padding:4px 12px 4px 6px;font-size:13.5px}.chips .pico{width:26px;height:26px}}
.models{align-items:stretch}
.mtitle{display:flex;align-items:center;gap:10px;font-size:18px;margin-bottom:14px}
.mtitle .pico{width:32px;height:32px;color:var(--teal);background:var(--mint-l);border-radius:8px;padding:4px;flex:none}
.mlist{list-style:none}.mlist li{padding:7px 0 7px 18px;border-top:1px solid var(--line);position:relative;font-size:15.5px;color:var(--ink)}
.mlist li::before{content:"";position:absolute;left:2px;top:16px;width:6px;height:6px;border-radius:50%;background:var(--mint)}
.mlab{margin-top:14px;font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
html[lang^=zh] .mlab,html[lang=th] .mlab{letter-spacing:.02em}
.mmore{font-size:14.5px;color:var(--body);margin-top:4px}
.mnote{margin-top:28px;font-size:14.5px;color:var(--muted);border-left:3px solid var(--mint);padding-left:12px}
.chips li{padding:5px 14px}
.tmdisc{margin-top:32px;font-size:13px;color:#88A3A0;max-width:900px}
.tmdisc+.copy{margin-top:16px}
.vlogo{height:22px;width:auto;max-width:28px;flex:none;object-fit:contain;display:inline-block}
.chips li .vlogo{margin-left:2px}
.mtitle{display:flex;align-items:center;gap:10px}.mtitle .vlogo{height:26px;max-width:32px}
.mlist{list-style:none;padding-left:0}.mlist li{display:flex;align-items:center;gap:10px;margin:6px 0}
.mmore.chips{margin-top:6px}
.lognote{font-size:12.5px;color:var(--muted);margin-top:10px;line-height:1.5}
.vlogo.wide,.vlogo[src*="deepseek"],.vlogo[src*="qwen"]{max-width:72px}
.plat{flex-direction:column;align-items:flex-start;gap:12px}.plat.c{align-items:center}
.prow{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px}.plat.c .prow{justify-content:center}
.prow .lognote{flex-basis:100%;margin-top:0}.plat.c .lognote{text-align:center}
:lang(zh) h1[data-i="h1"]{word-break:keep-all;line-break:strict}
@media (max-width:700px){.plat .lognote,.mnote,.lognote{padding-right:72px}footer{padding-bottom:88px}}
@media (max-width:700px){.ftr .copy{padding-right:72px;padding-bottom:72px}}
.steps li{border-top:0;padding-top:0}
.steps .num{display:block;font-size:30px;line-height:1.1;font-weight:800;letter-spacing:0;color:var(--mint);padding-bottom:12px;border-bottom:2px solid rgba(127,209,199,.5);margin-bottom:6px}
.pay h2{margin-bottom:8px}
fieldset.own{border:1px solid var(--line);border-radius:10px;padding:14px 16px;margin:18px 0;display:grid;gap:12px}
fieldset.own legend{font-weight:700;color:var(--ink);padding:0 6px}
fieldset.own textarea{width:100%}
label.chk{display:flex;gap:10px;align-items:flex-start;margin:12px 0;font-weight:400;line-height:1.5}
label.chk input{width:18px;height:18px;margin-top:3px;flex:none}
.grid.g2.models{grid-template-columns:1fr;align-items:stretch}
@media(min-width:1024px){.grid.g2.models{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}
.grid.models .mcard{display:flex;flex-direction:column;height:100%}
.grid.models .mlist li{font-size:15px}