@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(../media/noto-sans-thai-thai-400-normal.1dqfxqyeh811x.woff2)format("woff2"),url(../media/noto-sans-thai-thai-400-normal.248msg2hca52y.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(../media/noto-sans-thai-latin-ext-400-normal.3ad253atfvzcw.woff2)format("woff2"),url(../media/noto-sans-thai-latin-ext-400-normal.0e5qa5wvbyukz.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(../media/noto-sans-thai-latin-400-normal.42f8l63-h23zb.woff2)format("woff2"),url(../media/noto-sans-thai-latin-400-normal.3mdbtavpftt8q.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url(../media/noto-sans-thai-thai-600-normal.01gqlfrhoygtq.woff2)format("woff2"),url(../media/noto-sans-thai-thai-600-normal.11m27vyv7t0ir.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url(../media/noto-sans-thai-latin-ext-600-normal.0lcque7ms9a2w.woff2)format("woff2"),url(../media/noto-sans-thai-latin-ext-600-normal.08sz8qrn5f0bw.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url(../media/noto-sans-thai-latin-600-normal.43zs497cf16uq.woff2)format("woff2"),url(../media/noto-sans-thai-latin-600-normal.0oi6usjpcl2ue.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--ink:#14212b;--muted:#65717b;--orange:#e7520c;--line:#e7e8e5;--paper:#fafaf7;--white:#fff;color:var(--ink);background:var(--paper);font-synthesis:none;font-family:Noto Sans Thai,sans-serif}body:has(.member-workspace)>.header{display:none}body:has(.member-workspace)>.nav{display:none}body:has(.member-workspace)>footer{display:none}body:has(.member-workspace){background:#f8fafb}body:has(.member-workspace) main{min-width:0}@media (max-width:700px){body:has(.member-workspace) main{padding-left:16px;padding-right:16px}body:has(.member-workspace) :focus-visible{scroll-margin-bottom:90px}}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}a:focus-visible{outline:3px solid var(--orange);outline-offset:5px}img{max-width:100%;height:auto}p{line-height:1.8}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-1.6px;margin-bottom:20px;font-size:clamp(32px,4.8vw,60px);font-weight:600;line-height:1.35}h2{font-size:clamp(23px,2.5vw,32px);font-weight:600;line-height:1.4}h3{font-size:21px;font-weight:600}small{font-weight:400}.header,.nav,main,footer{max-width:1180px;margin:auto;padding-left:36px;padding-right:36px}.header{justify-content:space-between;align-items:center;gap:16px;height:100px;display:flex}.brand{letter-spacing:5px;align-items:center;gap:15px;font-family:Arial,sans-serif;font-size:23px;display:flex}.brand-mark{letter-spacing:0;background:var(--orange);color:#fff;border-radius:50%;place-items:center;width:40px;height:40px;font-size:24px;display:grid}.preview-label,.tag{color:var(--muted);border:1px solid var(--line);white-space:nowrap;border-radius:30px;padding:7px 12px;font-size:12px}.nav{border-bottom:1px solid var(--line);gap:28px;padding-top:4px;padding-bottom:20px;font-size:14px;display:flex}.nav a{padding:8px 0}.nav a:hover,.text-link:hover{color:var(--orange)}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:24px;min-height:560px;display:grid}.hero-copy{padding:50px 0}.eyebrow{letter-spacing:2.7px;color:var(--orange);margin-bottom:20px;font-family:Arial,sans-serif;font-size:11px;font-weight:600}.intro{color:var(--muted);font-size:17px;line-height:1.9}.button{background:var(--orange);color:#fff;border-radius:7px;align-items:center;gap:38px;margin-top:12px;padding:15px 24px;font-weight:600;display:inline-flex}.button:hover{background:#c54108}.caption{color:var(--muted);margin-top:15px;font-size:12px}.hero-art{background:radial-gradient(#ffe9d4 0,#0000 65%);justify-content:center;align-items:center;min-width:0;display:flex;position:relative}.hero-art img{z-index:1;mix-blend-mode:multiply;width:100%;position:relative}.art-label{text-align:center;letter-spacing:3px;z-index:2;font:10px Arial,sans-serif;position:absolute;bottom:18px;left:0;right:0}.art-label b{letter-spacing:5px;color:var(--orange);margin-top:9px;display:block}.orbit{border:1px solid #edceb2;border-radius:50%;width:85%;height:85%;position:absolute;transform:rotate(-30deg)scaleY(.65)}.orbit-two{transform:rotate(35deg)scaleY(.7)}.facts{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);padding:26px 0;display:grid}.facts>div{border-left:1px solid var(--line);padding:0 28px}.facts>div:first-child{border:0;padding-left:0}.facts span{color:var(--muted);margin-bottom:8px;font-size:13px;display:block}.facts strong{letter-spacing:-1px;font:600 34px Arial,sans-serif}.facts small{color:var(--muted);letter-spacing:0;margin-left:8px;font:13px Noto Sans Thai,sans-serif}.section{padding:56px 0}.section-heading{justify-content:space-between;align-items:center;gap:22px;display:flex}.text-link{color:var(--orange);padding:10px 0;font-size:14px;display:inline-block}.feature-grid{grid-template-columns:repeat(3,1fr);gap:34px;margin-top:24px;display:grid}.index{color:var(--orange);margin-bottom:22px;font:13px Arial,sans-serif;display:block}.feature-grid p{color:var(--muted);font-size:14px}.notice{border-left:3px solid var(--orange);background:#fff3e8;margin:24px 0;padding:20px 24px}.notice strong{font-weight:600}.notice p{color:#665749;margin:6px 0 0;font-size:14px}.rank-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:36px;display:grid}.rank-card{border:1px solid var(--line);background:#fff;border-radius:10px;min-width:0;padding:20px;transition:border-color .2s,transform .2s}.rank-card:hover{border-color:var(--orange);transform:translateY(-3px)}.rank-top{letter-spacing:1px;justify-content:space-between;font:13px Arial,sans-serif;display:flex}.rank-top>span:last-child{color:var(--orange)}.rank-card img{aspect-ratio:1;object-fit:contain;width:100%}.rank-price{align-items:baseline;gap:8px;display:flex}.rank-price strong{font:600 27px Arial,sans-serif}.rank-price span{color:var(--muted);font:11px Arial,sans-serif}.rank-card p{color:var(--muted);margin:10px 0 0;font-size:11px}.detail-grid{grid-template-columns:1fr 1fr;align-items:start;gap:60px;margin-top:36px;display:grid}.detail-art{background:radial-gradient(#ffe8cf,#0000 72%)}.detail-art img{mix-blend-mode:multiply;width:100%}.detail-price{color:var(--orange);font:600 40px Arial,sans-serif}.detail-price small{color:var(--muted);font-size:15px}.allocation{margin:0}.allocation>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:13px 0;font-size:14px;display:flex}.allocation dd{white-space:nowrap;margin:0;font-weight:600}.allocation small{color:var(--muted);font-size:11px}.narrow{max-width:800px;margin:auto}.roadmap{margin:40px 0;padding:0;list-style:none}.roadmap li{border-top:1px solid var(--line);grid-template-columns:44px 1fr;gap:16px;padding:26px 0;display:grid}.roadmap .index{margin:8px 0}.step-title{justify-content:space-between;align-items:center;gap:16px;display:flex}.step-title h2{margin:0;font-size:22px}.roadmap p{color:var(--muted);margin:12px 0 0;font-size:14px}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:20px;margin-top:36px;padding-top:28px;padding-bottom:35px;font:11px Arial,sans-serif;display:flex}footer span{font-family:Noto Sans Thai,sans-serif}.skip{z-index:10;background:#fff;padding:12px;position:fixed;top:-100px;left:12px}.skip:focus{top:10px}@media (max-width:1000px){.rank-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{min-height:480px}.detail-grid{gap:28px}}@media (max-width:700px){.header,.nav,main,footer{padding-left:22px;padding-right:22px}.header{height:80px}.brand{letter-spacing:3px;gap:10px;font-size:18px}.brand-mark{width:30px;height:30px;font-size:20px}.preview-label{padding:5px 8px;font-size:10px}.nav{gap:24px;padding-bottom:12px;font-size:13px}.hero{grid-template-columns:1fr;gap:0}.hero-copy{padding:40px 0 0}.hero-art{justify-self:center;width:100%;max-width:390px;margin-top:-12px}.hero h1{font-size:42px}.facts{padding:22px 0}.facts>div{padding:0 13px}.facts strong{font-size:27px}.facts small{margin:7px 0 0;font-size:11px;display:block}.facts span{font-size:11px}.section{padding:38px 0}.section-heading{display:block}.section-heading h2{margin-bottom:8px}.feature-grid{grid-template-columns:1fr;gap:20px}.feature-grid article{grid-template-columns:32px 1fr;column-gap:12px;display:grid}.feature-grid .index{grid-row:span 2;margin-top:6px}.feature-grid h3{margin-bottom:8px}.feature-grid p{margin-bottom:0}.rank-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:25px}.rank-card{padding:14px}.rank-price strong{font-size:24px}.rank-card p{font-size:10px}.detail-grid{grid-template-columns:1fr;gap:18px;margin-top:15px}.detail-art{justify-self:center;max-width:330px}.notice{padding:17px 18px}.step-title{flex-direction:column;align-items:flex-start;gap:8px}.roadmap li{grid-template-columns:26px 1fr;gap:12px}footer{flex-direction:column;gap:10px}.intro{font-size:15px}}@media (max-width:360px){.header,.nav,main,footer{padding-left:16px;padding-right:16px}.brand{letter-spacing:2px;font-size:15px}.preview-label{font-size:9px}.hero h1{font-size:37px}.rank-card{padding:11px}.rank-price strong{font-size:21px}.facts>div{padding:0 9px}}.form-card{border:1px solid var(--line);background:#fff;border-radius:12px;min-width:0;margin:24px 0;padding:28px}.form-card h2{font-size:24px}.form-card form{gap:20px;display:grid}.form-card label{gap:8px;min-width:0;font-size:14px;display:grid}.form-card input,.form-card select{width:100%;min-width:0;min-height:46px;color:var(--ink);font:inherit;background:#fff;border:1px solid #bdc3c6;border-radius:6px;padding:11px 12px}.form-card small,.muted{color:var(--muted);font-size:13px}.form-card .button{cursor:pointer;border:0;justify-content:center;max-width:100%;min-height:46px;margin-top:0}.text-button{color:#b63e07;cursor:pointer;font:inherit;background:0 0;border:0;padding:12px 0;font-size:14px;text-decoration:underline}.secondary-button{color:var(--ink);cursor:pointer;background:#fff;border:1px solid #bdc3c6;border-radius:6px;min-height:44px;padding:10px 16px}.error,.success{overflow-wrap:anywhere;border-radius:6px;padding:16px;font-size:14px}.error{color:#942820;background:#fff0ed;border:1px solid #e3aaa4}.success{color:#215b3b;background:#edf8ef;border:1px solid #9cbea7}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.member-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.member-grid>.form-card{margin:0}.member-crystal{margin:0 auto;display:block}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{color:#9c380c;background:#fff3e8;border-radius:24px;padding:8px 12px;font-size:12px}.break,.record dd{overflow-wrap:anywhere}.inline-form{grid-template-columns:1fr 1fr;align-items:end}.data-list{margin:0;padding:0;list-style:none}.data-list li{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-width:0;padding:18px 0;display:flex}.data-list li:first-child{border:0}.data-list a{overflow-wrap:anywhere;gap:8px;width:100%;display:grid}.data-list a:hover strong{color:var(--orange)}.data-list span,.data-list p{color:var(--muted);margin:5px 0;font-size:13px}.data-list small{font-size:11px}.record{grid-template-columns:140px 1fr;gap:16px;font-size:14px;display:grid}.record dt{color:var(--muted)}.record dd{margin:0}.actions{align-items:center;gap:20px;display:flex}.order-title{margin-top:24px}.section h1{overflow-wrap:anywhere}.nav{flex-wrap:wrap}@media (max-width:700px){.form-card{padding:20px}.member-grid,.inline-form{grid-template-columns:1fr}.data-list li{flex-direction:column;align-items:flex-start}.record{grid-template-columns:1fr;gap:8px}.record dd{margin-bottom:12px}.nav{gap:14px}.actions{justify-content:space-between}.form-card h2{font-size:21px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media (max-width:700px){.queue-actions{flex-direction:column;align-items:stretch;gap:8px}.queue-actions .text-button{align-self:center}}.matrix-self{max-width:380px;margin:24px auto}.matrix-node{background:#fff8f1;border:1px solid #efbd9f;border-radius:8px;gap:8px;min-width:0;padding:18px;display:grid}.matrix-node strong{font:600 14px Arial,sans-serif}.matrix-node small{color:var(--muted);font-size:12px}.matrix-empty{background:var(--paper);color:var(--muted);border-style:dashed}.matrix-branches,.matrix-leaves{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.matrix-branch{border-top:2px solid #efbd9f;min-width:0;padding-top:16px}.matrix-leaves{margin-top:16px}.matrix-node .muted{font-size:11px}progress{width:100%;height:12px;accent-color:var(--orange)}@media (max-width:700px){.matrix-node{padding:12px}.matrix-branches{gap:12px}.matrix-leaves{grid-template-columns:1fr;gap:12px}.matrix-node strong{font-size:12px}}.ledger-record{width:100%;min-width:0}.ledger-record details{margin-top:12px}summary{cursor:pointer;color:#a83b0a;padding:10px 0;font-size:14px}.evidence{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--paper);border-radius:6px;max-height:440px;padding:16px;font:12px/1.7 monospace;overflow:auto}.form-card>.text-link{margin-right:22px}.admin-order-details{min-width:0}.admin-orders .secondary-button{flex-shrink:0}.admin-orders li{scroll-margin-top:24px}.admin-orders li:target{outline:2px solid var(--orange);outline-offset:8px;border-radius:4px}@media (max-width:420px){.allocation>div{flex-wrap:wrap;gap:6px}.allocation dd{white-space:normal;overflow-wrap:anywhere;max-width:100%}}.member-view-banner{z-index:20;color:#683513;background:#fff1e3;border:1px solid #e6b890;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;width:min(1108px,90%);margin:16px auto 0;padding:14px 18px;display:flex;position:sticky;top:0}.member-view-banner strong{font-size:14px}.member-view-banner p{overflow-wrap:anywhere;margin:4px 0;font-size:13px}.member-view-banner small{font-size:11px}.member-view-banner>div{min-width:0}.member-view-banner button{background:#fff;flex-shrink:0;font-size:12px}.admin-order-actions{flex-direction:column;align-items:stretch;gap:10px;display:flex}.member-view-action .secondary-button{white-space:nowrap;font-size:13px}.member-view-account-list{max-height:340px;overflow:auto}.member-view-account-list li{gap:16px}.member-view-account-list p{color:var(--muted);margin:4px 0;font-size:12px}@media (max-width:600px){.member-view-banner{flex-direction:column;align-items:stretch;gap:8px;padding:12px}.member-view-banner button{width:100%;padding:8px}.member-view-account-list li{flex-direction:column;align-items:stretch}.admin-order-actions,.member-view-action button{width:100%}}.member-view-banner{width:100%}.member-view-active [aria-label=สายงาน\ Matrix],.member-view-active [aria-label="ผัง Matrix สองชั้น เลื่อนซ้ายขวาได้"],.member-view-active button{scroll-margin-top:var(--member-view-offset,140px)}@media (max-width:600px){.member-view-banner{grid-template-columns:minmax(0,1fr) 110px;align-items:center;gap:8px;padding:10px;display:grid}.member-view-banner strong{font-size:12px}.member-view-banner p{font-size:11px;line-height:1.5}.member-view-banner small{display:none}.member-view-banner button{white-space:normal;font-size:11px;line-height:1.6}}.form-card textarea{width:100%;min-height:100px;color:var(--ink);font:inherit;resize:vertical;border:1px solid #bdc3c6;border-radius:6px;padding:11px 12px}.form-card textarea:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.form-card .actions{flex-wrap:wrap}.form-card input[type=checkbox]{width:20px;min-height:20px;accent-color:var(--orange)}