:root{--bg:#fff;--bg-2:#fafaf8;--blush:#fbeeea;--blush-2:#f6dcd6;--ink:#4a3328;--ink-2:#6b5a50;--line:#e6e4df;--red:#b8231f;--red-deep:#8f1a17;--on-red:#fff;--red-soft:#ffd9d4;--kraft:#cdb389;--f-display:"Trirong","IBM Plex Sans Thai",system-ui,serif;--f-body:"IBM Plex Sans Thai",system-ui,sans-serif;--f-mono:"IBM Plex Mono",ui-monospace,monospace;--r:16px;--r-lg:28px;--r-pill:999px;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:16px;line-height:1.7}a{color:var(--red)}img{max-width:100%}.wrap{max-width:1120px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}:focus-visible{outline:3px solid var(--red);outline-offset:3px}h1,h2,h3{font-family:var(--f-display);font-weight:700;line-height:1.15;margin:0;text-wrap:balance}p{margin:0}.nav{display:flex;justify-content:space-between;gap:14px;padding-block:18px;flex-wrap:wrap}.brand,.nav{align-items:center}.brand{display:inline-flex;gap:10px;text-decoration:none;color:var(--ink)}.wordmark{font-family:var(--f-display);font-weight:800;line-height:1;letter-spacing:.01em;white-space:nowrap}.nav-links{display:flex;gap:18px;align-items:center;font-size:14.5px;flex-wrap:wrap}.nav-links a{color:var(--ink);text-decoration:none}.nav-links a:hover{color:var(--red)}@media (max-width:640px){.nav-links a:not(.btn){display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 24px;border-radius:var(--r-pill);font-family:var(--f-display);font-weight:700;font-size:16px;text-decoration:none;border:2px solid transparent;cursor:pointer;background:transparent;color:var(--ink);line-height:1.2}.btn.red{background:var(--red);color:var(--on-red)}.btn.red:hover{background:var(--red-deep)}.btn.line{border-color:var(--ink)}.btn.line:hover{background:var(--blush)}.btn.sm{min-height:40px;padding:8px 18px;font-size:15px}.btn[disabled]{opacity:.6;cursor:default}.eyebrow{font-family:var(--f-mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--red);margin:0 0 10px}section{padding-block:56px}.sec-head{max-width:38em;margin:0 0 24px}.sec-head h2{font-size:clamp(26px,4vw,34px);margin-bottom:8px}.sec-head p{color:var(--ink-2)}.band{background:var(--blush);border-radius:var(--r-lg)}.band.top{border-radius:0 0 40px 40px}.band.bottom{border-radius:40px 40px 0 0}.soft{background:var(--bg-2)}.hero{display:flex;flex-wrap:wrap;gap:40px;align-items:center;padding-block:40px 64px}.hero>div{min-width:0}.hero-copy{flex:1 1 440px;display:flex;flex-direction:column;gap:18px}.hero h1{font-weight:800;font-size:clamp(42px,6.4vw,72px);line-height:1.02}.hero .lead{font-size:18px;color:var(--ink-2);max-width:30em}.hero-art{flex:1 1 360px;display:flex;justify-content:center}.hero-art svg{width:100%;max-width:440px;height:auto}.cta{display:flex;gap:12px;flex-wrap:wrap}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:16px;gap:16px}.card{background:var(--bg);border-radius:var(--r);padding:22px;display:flex;flex-direction:column;gap:8px;min-width:0}.card.on-white{background:var(--bg-2)}.card h3{font-size:20px}.card p{font-size:14.5px;color:var(--ink-2)}.card .num{font-family:var(--f-mono);font-weight:700;font-size:13px;color:var(--red)}.card svg{display:block}.order{display:flex;flex-wrap:wrap;gap:40px}.order>*{min-width:0}.order-info{flex:1 1 380px;display:flex;flex-direction:column;gap:14px}.order-info h2{font-size:clamp(30px,4.5vw,40px);font-weight:800}.order-info ul{margin:0;padding-left:20px;color:var(--ink-2);font-size:14.5px}.secret{background:var(--blush);border-radius:12px;padding:14px 16px;font-size:14px}.order-form{flex:1 1 340px;background:var(--bg);border:1px solid var(--line);border-radius:var(--r);padding:24px;display:flex;flex-direction:column;gap:10px}.order-form input,.order-form textarea{min-height:46px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font:inherit;background:var(--bg);color:var(--ink);width:100%}.order-form label{font-size:13px;color:var(--ink-2)}.price-row{display:flex;justify-content:space-between;align-items:baseline}.price{font-family:var(--f-display);font-weight:700;font-size:24px}.qty{display:flex;align-items:center;gap:10px}.qty button{width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font-size:20px;cursor:pointer}.qty output{min-width:2ch;text-align:center;font-family:var(--f-mono);font-size:18px}.qty .total{margin-left:auto;font-family:var(--f-display);color:var(--red);font-size:20px}.err{color:var(--red);font-size:14px}.order-done{display:flex;flex-direction:column;gap:8px}.order-done h3{font-family:var(--f-mono);font-size:18px}.pp{background:#fff;padding:10px;border-radius:12px;width:min(260px,100%);border:1px solid var(--line)}.pp svg{display:block;width:100%;height:auto}.small{font-size:13.5px;color:var(--ink-2)}.shops{gap:10px}.shops,.strip{display:flex;flex-wrap:wrap}.strip{align-items:center;justify-content:space-between;gap:20px}.strip b{font-family:var(--f-display);font-weight:800;font-size:26px;display:block}footer{padding-block:36px 48px;font-size:14px;color:var(--ink-2)}.foot-grid{display:grid;grid-template-columns:1.4fr 1fr;grid-gap:24px;gap:24px}.foot-grid b{display:block;color:var(--ink);font-family:var(--f-display);font-weight:700;font-size:16px;margin-bottom:6px}.foot-grid p{margin:0 0 8px}@media (max-width:640px){.foot-grid{grid-template-columns:1fr}}.prose{max-width:720px;padding-bottom:48px}.prose h1{font-size:clamp(28px,5vw,40px);margin:24px 0 16px}.prose h2{font-size:22px;margin:28px 0 8px}.prose li,.prose p{color:var(--ink-2)}.facts{display:grid;grid-template-columns:auto 1fr;grid-gap:8px 20px;gap:8px 20px;margin:0}.facts dt{color:var(--ink-2)}.facts dd{margin:0}@media (max-width:560px){.facts{grid-template-columns:1fr}.facts dd{margin-bottom:8px}}.org-hero{display:flex;flex-wrap:wrap;gap:28px;align-items:center;padding-block:36px 44px}.org-hero>*{min-width:0}.org-logo{width:120px;height:120px;border-radius:50%;background:var(--bg);display:flex;align-items:center;justify-content:center;flex:0 0 auto;overflow:hidden}.org-logo img{width:100%;height:100%;object-fit:contain}.org-title{flex:1 1 320px;display:flex;flex-direction:column;gap:6px}.org-title h1{font-size:clamp(30px,5vw,46px);font-weight:800}.org-full{color:var(--ink-2);font-size:15px;max-width:36em}.org-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px;flex:1 1 320px}.org-stats div{background:var(--bg);border-radius:var(--r);padding:14px 16px}.org-stats b{display:block;font-family:var(--f-mono);font-size:28px;line-height:1.2;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.org-stats span{font-size:13px;color:var(--ink-2)}.tbl-wrap{overflow-x:auto;background:var(--bg-2);border-radius:18px;padding:8px 16px}.lb{width:100%;border-collapse:collapse;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:15px}.lb th{text-align:left;font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;color:var(--ink-2);font-weight:500}.lb td,.lb th{padding:12px 8px}.lb td{border-top:1px solid var(--line);white-space:nowrap}.lb .n{text-align:right}.lb tr.top3 td:first-child{color:var(--red);font-weight:700}.lb td.anon{color:var(--ink-2)}.board-empty{display:flex;gap:16px;align-items:center;background:var(--bg-2);border-radius:18px;padding:18px}.board-empty p{color:var(--ink-2)}.cases{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-gap:12px;gap:12px}.case{border-radius:var(--r);padding:16px 18px;background:var(--bg-2);display:flex;flex-direction:column;gap:4px;min-width:0}.case .lvl{font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;color:var(--red)}.case h3{font-size:18px;font-weight:600}.case p{font-size:14px;color:var(--ink-2)}.tag-soon{display:inline-block;font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;border:1px solid var(--red);color:var(--red);border-radius:20px;padding:1px 10px}.admin-bar{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 4px}.admin-bar input,.admin-bar select,.st-form select{min-height:44px;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--ink);padding:8px 10px;font:inherit;min-width:0;flex:1 1 180px}.code-cell{font-family:var(--f-mono);color:var(--red);letter-spacing:.1em}.admin-note{color:var(--ink-2);font-size:14px;padding-block:16px 48px}.adm-h{font-size:20px;margin:24px 0 10px}.st-form{display:flex;gap:6px;align-items:center}.st-form select{min-height:40px;flex:0 1 auto}.st-form .btn{min-height:40px;padding:6px 12px;font-size:14px}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}