.pub-muted{color:var(--ink-3)}.pub-small{font-size:12px}.pub-center{text-align:center}.pub-logo{color:var(--ink);font:700 17px/1 var(--f-display);letter-spacing:-.02em;align-items:center;gap:10px;display:inline-flex}.pub-logo-mark{background:var(--brand-solid);color:#fff;border-radius:7px;place-items:center;width:26px;height:26px;display:grid}.pub-field{flex-direction:column;gap:5px;min-width:0;display:flex}.pub-field label,.pub-field .pub-lbl{color:var(--ink-2);letter-spacing:.01em;font-size:11.5px;font-weight:600}.pub-field .pub-hint{color:var(--ink-3);font-size:11.5px}.input.lg{height:42px;padding:0 12px;font-size:14px}textarea.input.lg{height:auto;padding:10px 12px}.btn-lg{justify-content:center;align-items:center;gap:8px;height:42px;font-size:14px;display:inline-flex}.pub-check{color:var(--ink-2);cursor:pointer;align-items:flex-start;gap:10px;font-size:13px;line-height:1.4;display:flex}.pub-check input{width:18px;height:18px;accent-color:var(--brand);flex:none;margin:0}.pub-tag{white-space:nowrap;background:var(--sunk);height:21px;color:var(--ink-2);border-radius:5px;align-items:center;gap:5px;padding:0 7px;font-size:11.5px;font-weight:550;display:inline-flex}.pub-tag.ok{background:var(--ok-soft);color:var(--ok)}.pub-tag.warn{background:var(--warn-soft);color:var(--warn)}.pub-tag.bad{background:var(--bad-soft);color:var(--bad)}.pub-tag.info{background:var(--info-soft);color:var(--info)}.pub-tag.brand{background:var(--brand-soft);color:var(--brand-ink)}.pub-callout{border-radius:var(--r-m);background:var(--sunk);color:var(--ink-2);align-items:flex-start;gap:10px;padding:11px 13px;font-size:13px;line-height:1.45;display:flex}.pub-callout svg{flex:none;margin-top:1px}.pub-callout.ok{background:var(--ok-soft);color:var(--ok)}.pub-callout.bad{background:var(--bad-soft);color:var(--bad)}.pub-callout.warn{background:var(--warn-soft);color:var(--warn)}.pub-callout.info{background:var(--info-soft);color:var(--info)}.theme-sw{background:var(--sunk);border:1px solid var(--line);border-radius:9px;flex:none;gap:2px;padding:3px;display:inline-flex}.theme-sw button{width:30px;height:26px;color:var(--ink-3);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.theme-sw button:hover{color:var(--ink)}.theme-sw button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.theme-sw.on-dark{background:#ffffff14;border-color:#ffffff1f}.theme-sw.on-dark button{color:#9a9ab4}.theme-sw.on-dark button:hover{color:#fff}.theme-sw.on-dark button[aria-pressed=true]{color:#fff;box-shadow:none;background:#ffffff29}.auth-sw{top:calc(20px + env(safe-area-inset-top,0px));z-index:40;position:fixed;right:20px}.auth-sw .theme-sw{box-shadow:var(--pop);background:var(--surface)}.auth{background:var(--bg);min-height:100dvh;color:var(--ink);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);display:grid}.auth.single{grid-template-columns:minmax(0,1fr)}.auth-form{flex-direction:column;justify-content:space-between;gap:32px;min-width:0;padding:32px clamp(16px,5vw,64px);display:flex}.auth.single .auth-form{width:100%;max-width:520px;margin:0 auto}.auth-card{flex-direction:column;gap:16px;width:100%;max-width:400px;margin:0 auto;display:flex}.auth-title{font:700 30px/1.1 var(--f-display);letter-spacing:-.03em;text-wrap:balance;margin-bottom:6px}:lang(th) .auth-title,:lang(my) .auth-title{letter-spacing:normal;font-size:clamp(24px,6vw,30px);line-height:1.3}.auth-foot{color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:4px 6px;font-size:12px;display:flex}.auth-foot button,.auth-foot a{color:var(--ink-2);cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;font-weight:600}.auth-foot button[aria-current=true]{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.auth a.pub-link,.auth-card a:not(.btn-primary):not(.btn-secondary){color:var(--brand-ink);font-weight:600}.demo{border:1px dashed var(--line-2);border-radius:var(--r-m);flex-direction:column;gap:10px;padding:12px;display:flex}.demo-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.demo-grid button{border:1px solid var(--line);background:var(--surface);cursor:pointer;min-height:40px;color:var(--ink);text-align:left;border-radius:8px;align-items:center;gap:8px;padding:0 10px;font-size:13px;font-weight:550;display:flex}.demo-grid button svg{color:var(--brand);flex:none}.demo-grid button:hover{border-color:var(--brand)}.demo-grid button:disabled{opacity:.6;cursor:progress}.auth-or{color:var(--ink-3);align-items:center;gap:12px;font-size:12px;display:flex}.auth-or:before,.auth-or:after{content:"";background:var(--line);flex:1;height:1px}.pw-wrap{position:relative}.pw-wrap .input{padding-right:48px}.pw-wrap button{width:36px;height:36px;color:var(--ink-3);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;display:grid;position:absolute;top:3px;right:3px}.pw-wrap button:hover{color:var(--ink);background:var(--hover)}.auth-state{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.auth-state-ic{border-radius:14px;place-items:center;width:48px;height:48px;display:grid}.auth-state-ic.ok{background:var(--ok-solid);color:#fff}.auth-state-ic.warn{background:var(--warn-soft);color:var(--warn)}.auth-state-ic.bad{background:var(--bad-soft);color:var(--bad)}.auth-state-ic.info{background:var(--info-soft);color:var(--info)}.auth-state-ic.mail{background:var(--brand-soft);color:var(--brand-ink)}.auth-state p{color:var(--ink-2);font-size:14px;line-height:1.5}.auth-state p b{color:var(--ink);overflow-wrap:anywhere}.auth-art{background:var(--rail);color:var(--rail-hi);flex-direction:column;justify-content:space-between;gap:32px;padding:clamp(24px,4vw,56px);display:flex;position:relative;overflow:hidden}.auth-art:before{content:"";background-image:linear-gradient(var(--rail-2) 1px, transparent 1px), linear-gradient(90deg, var(--rail-2) 1px, transparent 1px);opacity:.55;pointer-events:none;background-size:44px 44px;position:absolute;inset:0}.auth-art>*{position:relative}.auth-art .art-eyebrow{font:600 11px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:#9fa8ff}.art-line{font:650 clamp(26px, 3.2vw, 40px)/1.08 var(--f-display);letter-spacing:-.035em;text-wrap:balance;max-width:14ch;margin-top:12px}:lang(th) .art-line,:lang(my) .art-line{letter-spacing:normal;line-height:1.3}.art-board{background:var(--rail-2);border:1px solid var(--rail-3);border-radius:var(--r-l);padding:6px 0;font-size:12px;box-shadow:0 30px 60px -20px #0009}.ab-head,.ab-row{grid-template-columns:68px repeat(5,minmax(0,1fr));align-items:center;display:grid}.ab-head span:not(:first-child){border-left:1px solid var(--rail-3);padding-left:6px}.ab-head{color:var(--rail-ink);font:500 11px var(--f-mono);border-bottom:1px solid var(--rail-3);padding:6px 0 8px}.ab-head span:first-child,.ab-row span{padding-left:14px}.ab-head .t{color:var(--rail-hi)}.ab-row{border-bottom:1px solid var(--rail-3);height:36px}.ab-row:last-child{border-bottom:0}.ab-row span{font:600 11.5px var(--f-mono);color:var(--rail-ink);grid-area:1/1}.ab-row i{grid-row:1;grid-column:var(--a) / var(--b);border-radius:6px;height:24px;margin:0 4px;display:block}.ab-row i.c{background:#3b82f6}.ab-row i.h{background:#16a34a}.ab-row i.n{background:#7c88ff}.art-stats{border-top:1px solid var(--rail-3);grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-top:20px;display:grid}.art-stats b{font:700 26px var(--f-display);letter-spacing:-.02em;display:block}.art-stats span{color:var(--rail-ink);font-size:12px}.art-list{flex-direction:column;gap:14px;margin:0;padding:0;font-size:15px;list-style:none;display:flex}.art-list li{align-items:center;gap:12px;display:flex}.art-list svg{color:#9fa8ff;flex:none}.imp-board{background:var(--rail-2);border:1px solid var(--rail-3);border-radius:var(--r-l);width:100%;max-width:440px;padding:4px 0;box-shadow:0 30px 60px -20px #0009}.imp-h{border-bottom:1px solid var(--rail-3);font:600 12px var(--f-mono);color:var(--rail-hi);align-items:center;gap:8px;padding:10px 16px;display:flex}.imp-h svg{color:var(--rail-ink)}.imp-row{border-bottom:1px solid var(--rail-3);height:40px;color:var(--rail-ink);grid-template-columns:minmax(0,1fr) 18px;align-items:center;gap:12px;padding:0 16px;font-size:13px;display:grid}.imp-row:last-child{border-bottom:0}.imp-row svg{color:#4ade80}@media (max-width:900px){.auth{grid-template-columns:minmax(0,1fr)}.auth-art{display:none}}.auth.lp .auth-form{gap:24px;padding-top:24px;padding-bottom:24px}.lp-card{gap:20px}.lp-h{flex-direction:column;gap:8px;display:flex}.lp-h .auth-title{margin:0}.lp-h p{color:var(--ink-2);font-size:14px;line-height:1.5}.lp-foot{text-align:center;color:var(--ink-3);font-size:13px}.lp-foot a{font-weight:600}.lp-proof{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:none}.lp-proof li{background:var(--sunk);height:26px;color:var(--ink-2);border-radius:13px;align-items:center;padding:0 10px;font-size:12px;font-weight:550;display:inline-flex}@media (max-width:900px){.lp-proof{display:flex}}.lp-aff{border-radius:var(--r-m);background:var(--brand-soft);color:var(--brand-ink);align-items:center;gap:10px;padding:10px 12px;font-size:13px;display:flex}.lp-aff svg{flex:none}.lp-aff>span:first-of-type{flex:1;min-width:0}.lp-aff b{font-weight:650}.lp-aff code{font:500 11.5px var(--f-mono);background:var(--surface);color:var(--ink-2);border-radius:5px;padding:2px 7px}.lp-form{flex-direction:column;gap:16px;display:flex}.lp-f{flex-direction:column;gap:6px;min-width:0;display:flex}.lp-f>label,.lp-f>.lp-lbl{color:var(--ink-2);font-size:12.5px;font-weight:600}.lp-opt{color:var(--ink-3);font-weight:500}.lp-f .input.lg{height:44px;font-size:15px}.lp-f textarea.input{height:auto;min-height:104px;padding:10px 12px;font-size:15px;line-height:1.45}.lp-hint{color:var(--ink-3);font-size:12px}.lp-err{color:var(--bad);align-items:center;gap:6px;font-size:12.5px;font-weight:550;display:flex}.lp-err svg{flex:none}.lp-f[data-bad] .input{border-color:var(--bad)}.lp-chips{flex-wrap:wrap;gap:6px;display:flex}.lp-chip{border:1px solid var(--line-2);background:var(--surface);min-height:36px;color:var(--ink-2);cursor:pointer;overflow-wrap:anywhere;border-radius:18px;padding:0 13px;font-size:13px;font-weight:550}.lp-chip:hover{border-color:var(--ink-3);color:var(--ink)}.lp-chip[aria-pressed=true]{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-ink)}.lp-checks{flex-direction:column;gap:10px;padding-top:4px;display:flex}.lp-hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.lp-go{border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;font-size:15px;font-weight:650;display:inline-flex}.lp-priv{color:var(--ink-3);align-items:flex-start;gap:8px;margin-top:-4px;font-size:12px;line-height:1.45;display:flex}.lp-priv svg{flex:none;margin-top:2px}.lp-priv a{white-space:nowrap;font-weight:600}.lp-known{border:1px solid var(--line);border-radius:var(--r-m);background:var(--surface);align-items:center;gap:12px;padding:12px;display:flex}.lp-known-av{background:var(--brand-soft);width:36px;height:36px;color:var(--brand-ink);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.lp-known-t{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.lp-known-t b{font-size:14px}.lp-known-t span{color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.lp-done{border:1px solid var(--line);border-radius:var(--r-l);background:var(--surface);box-shadow:var(--shadow);flex-direction:column;gap:16px;padding:24px;display:flex}.lp-done:focus{outline:none}.lp-done-ic{background:var(--ok-soft);width:44px;height:44px;color:var(--ok);border-radius:12px;place-items:center;display:grid}.lp-done-ic.mail{background:var(--brand-soft);color:var(--brand-ink)}.lp-done h2{font:700 22px/1.2 var(--f-display);letter-spacing:-.02em}.lp-done p{color:var(--ink-2);font-size:14px;line-height:1.5}.lp-done p b{color:var(--ink);overflow-wrap:anywhere;font-weight:600}.lp-art{gap:24px}.auth-art{justify-content:flex-start;gap:28px}.auth-art>:last-child:not(:first-child){margin-top:auto}.lp-win-f{border-top:1px solid var(--rail-3);color:var(--rail-ink);margin:0;padding:10px 16px 12px;font-size:12px}.lp-live-dot{background:var(--ok-solid);vertical-align:1px;width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb, var(--ok-solid) 25%, transparent);border-radius:50%;margin-right:7px;display:inline-block}.lp-kpis{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.lp-kpis>div{border-right:1px solid var(--rail-3);min-width:0;padding:14px 16px}.lp-kpis>div:last-child{border-right:0}.lp-kpis b{font:700 24px/1.1 var(--f-display);letter-spacing:-.02em;color:var(--rail-hi);font-variant-numeric:tabular-nums;display:block}.lp-kpis span{color:var(--rail-ink);margin-top:4px;font-size:11.5px;display:block}.lp-deck{flex-direction:column;gap:10px;display:flex}.lp-slide{border:1px solid var(--rail-3);border-radius:var(--r-l);background:radial-gradient(120% 90% at 100% 0%, color-mix(in srgb, var(--brand-solid) 55%, transparent), transparent 60%), var(--rail-2);flex-direction:column;justify-content:flex-end;gap:8px;min-height:230px;padding:20px 24px 24px;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 60px -20px #0009}.lp-slide-logo{font:700 13px var(--f-display);color:var(--rail-hi);align-items:center;gap:8px;display:inline-flex;position:absolute;top:18px;left:24px}.lp-slide-logo i{background:var(--brand-solid);color:#fff;width:20px;height:20px;font:700 11px var(--f-display);border-radius:6px;place-items:center;font-style:normal;display:grid}.lp-slide-t{max-width:18ch;font:700 clamp(22px, 2.4vw, 30px)/1.1 var(--f-display);letter-spacing:-.03em;color:var(--rail-hi);text-wrap:balance;margin:0}.lp-slide-s{color:var(--rail-ink);margin:0;font-size:13px}.lp-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.lp-tiles>div{border:1px solid var(--rail-3);border-radius:var(--r-m);background:var(--rail-2);min-width:0;padding:12px}.lp-tiles b{color:var(--rail-hi);font-size:12.5px;display:block}.lp-tiles span{color:var(--rail-ink);overflow-wrap:anywhere;margin-top:3px;font-size:11.5px;line-height:1.35;display:block}@media (max-width:1200px){.lp-tiles,.lp-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.lp-kpis>div:nth-child(2){border-right:0}.lp-kpis>div:nth-child(-n+2){border-bottom:1px solid var(--rail-3)}}.lp-art .art-list{color:var(--rail-hi);font-size:14px}.lp-art .art-list.lp-points li{align-items:flex-start}.lp-art .art-list.lp-points svg{margin-top:3px}.lp-win{background:var(--rail-2);border:1px solid var(--rail-3);border-radius:var(--r-l);overflow:hidden;box-shadow:0 30px 60px -20px #0009}.lp-win-h{border-bottom:1px solid var(--rail-3);justify-content:space-between;align-items:baseline;gap:12px;padding:12px 16px;display:flex}.lp-win-h b{color:var(--rail-hi);font-size:14px;font-weight:650}.lp-win-h span{font:500 11px var(--f-mono);color:var(--rail-ink);white-space:nowrap}.lp-steps{margin:0;padding:6px 0;list-style:none}.lp-steps li{color:var(--rail-hi);grid-template-columns:22px minmax(0,1fr);align-items:center;gap:12px;padding:10px 16px;font-size:13px;display:grid}.lp-steps li i{background:var(--ok-solid);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.lp-next{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.lp-next li{align-items:flex-start;gap:12px;display:flex}.lp-next i{border:1px solid var(--rail-3);width:26px;height:26px;color:var(--rail-hi);border-radius:50%;flex:none;place-items:center;font-size:12px;font-style:normal;display:grid}.lp-next span{color:var(--rail-ink);flex-direction:column;gap:2px;font-size:13px;display:flex}.lp-next b{color:var(--rail-hi);font-size:14px;font-weight:600}.lp-calc{background:var(--rail-2);border:1px solid var(--rail-3);border-radius:var(--r-l);flex-direction:column;gap:16px;padding:18px;display:flex;box-shadow:0 30px 60px -20px #0009}.lp-calc-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px;display:grid}.lp-calc-row label,.lp-calc-l{color:var(--rail-ink);font-size:13px}.lp-calc-row output{color:var(--rail-hi);font-size:14px;font-weight:600}.lp-calc-row input[type=range]{accent-color:#7c88ff;grid-column:1/-1;width:100%;height:24px;margin:0}.lp-calc-seg{background:var(--rail);border:1px solid var(--rail-3);border-radius:9px;gap:2px;padding:3px;display:inline-flex}.lp-calc-seg button{min-width:48px;height:30px;color:var(--rail-ink);font:600 12.5px var(--f-mono);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 10px}.lp-calc-seg button[aria-pressed=true]{background:var(--rail-3);color:var(--rail-hi)}.lp-calc-out{border-top:1px solid var(--rail-3);grid-template-columns:1fr 1fr;gap:12px;padding-top:14px;display:grid}.lp-calc-out div{flex-direction:column;gap:2px;display:flex}.lp-calc-out b{font:700 26px var(--f-mono);letter-spacing:-.02em;color:#4ade80}.lp-calc-out div+div b{color:var(--rail-hi)}.lp-calc-out span,.lp-calc-note{color:var(--rail-ink);font-size:12px;line-height:1.45}.lp-pv{flex-direction:column;gap:20px;width:100%;max-width:62ch;margin:0 auto;display:flex}.lp-pv section{border-top:1px solid var(--line);flex-direction:column;gap:6px;padding-top:16px;scroll-margin-top:24px;display:flex}.lp-pv h2{font-size:15px;font-weight:650}.lp-pv p,.lp-pv li{color:var(--ink-2);font-size:14px;line-height:1.55}.lp-pv ul{flex-direction:column;gap:4px;padding-left:18px;list-style:outside;display:flex}@media (max-width:520px){.auth.lp .auth-form{gap:20px;padding-left:16px;padding-right:16px}.lp-card .auth-title{font-size:26px}.lp-done{padding:20px 16px}}