:root{--brand:#f15a29;--brand-600:#d9481d;--brand-tint:#fdeade;--ink:#1b1712;--ink-soft:#4a433b;--muted:#8a8074;--paper:#faf7f2;--card:#ffffff;--line:#ece5db;--line-soft:#f4efe7;--stone:#f3efe8;--stone-2:#e8e1d6;--trust:#2264d1;--trust-tint:#e7effb;--green:#1e8a5b;--green-tint:#e3f2e9;--amber:#c8850f;--amber-tint:#faedcf;--red:#d64545;--red-tint:#f9e4e4;--font-display:"Anuphan","IBM Plex Sans Thai",sans-serif;--font-body:"IBM Plex Sans Thai",system-ui,sans-serif;--font-mono:"IBM Plex Mono",monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-8:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--radius-pill:999px;--shadow-card:0 24px 60px -30px rgba(27,23,18,0.4);--shadow-soft:0 2px 10px -4px rgba(27,23,18,0.18)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;margin:0}.mono{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.container{max-width:1080px;margin:0 auto;padding:0 20px}.container-narrow{max-width:560px;margin:0 auto;padding:0 20px}.page{padding:24px 0 96px}.stack{display:flex;flex-direction:column;gap:16px}.row{gap:10px}.row,.spread{display:flex;align-items:center}.spread{justify-content:space-between;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-body);font-weight:600;font-size:15px;min-height:44px;padding:0 20px;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:background .14s,border-color .14s,transform .05s;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover:not(:disabled){background:var(--brand-600)}.btn-secondary{background:var(--card);color:var(--ink);border-color:var(--line)}.btn-secondary:hover:not(:disabled){background:var(--stone)}.btn-ghost{background:transparent;color:var(--ink-soft)}.btn-ghost:hover:not(:disabled){background:var(--stone)}.btn-danger{background:var(--red);color:#fff}.btn-block{width:100%}.btn-sm{min-height:36px;padding:0 14px;font-size:13.5px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg)}.card-pad{padding:20px}.field{width:100%;min-height:44px;padding:10px 14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--card);font-family:var(--font-body);font-size:15px;color:var(--ink)}.field:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-tint)}textarea.field{min-height:96px;resize:vertical}.label{font-size:13px;font-weight:600;color:var(--ink-soft);margin-bottom:6px;display:block}.pill{font-size:12.5px;border-radius:var(--radius-pill)}.pill,.tag{display:inline-flex;align-items:center;gap:6px;font-weight:600;padding:5px 12px}.tag{font-size:13px;border-radius:var(--radius-sm)}.tag .dot{width:7px;height:7px;border-radius:50%}.pill-brand{background:var(--brand);color:#fff}.pill-trust{background:var(--trust);color:#fff}.pill-green{background:var(--green-tint);color:var(--green)}.pill-amber{background:var(--amber-tint);color:var(--amber)}.pill-red{background:var(--red-tint);color:var(--red)}.pill-trust-tint{background:var(--trust-tint);color:var(--trust)}.pill-stone{background:var(--stone);color:var(--ink-soft)}.muted{color:var(--muted)}.soft{color:var(--ink-soft)}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--brand)}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:16px;gap:16px}.pcard{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;transition:box-shadow .16s,transform .16s}.pcard:hover{box-shadow:var(--shadow-soft);transform:translateY(-2px)}.pcard-media{aspect-ratio:1;background:linear-gradient(135deg,var(--stone),var(--stone-2));position:relative}.pcard-media img{width:100%;height:100%;object-fit:cover;display:block}.pcard-body{padding:12px 13px 14px}.price{font-family:var(--font-mono);font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.banner{border-radius:var(--radius-md);padding:12px 15px;font-size:13.5px;display:flex;gap:8px;align-items:flex-start}.banner-info{background:var(--trust-tint);color:var(--trust)}.banner-warn{background:var(--amber-tint);color:var(--amber)}.banner-error{background:var(--red-tint);color:var(--red)}.banner-ok{background:var(--green-tint);color:var(--green)}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:40;background:rgba(250,247,242,.88);-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--line)}.topbar-inner{height:60px;display:flex;align-items:center;gap:16px}.nav-burger{display:none}.nav-drawer{border-top:1px solid var(--line);background:var(--paper)}.nav-drawer .navlink{display:block;padding:10px 4px;font-size:15px}@media (max-width:720px){.nav-desktop{display:none!important}.nav-burger{display:inline-flex}.brandmark{font-size:17px}}.brandmark{font-family:var(--font-display);font-weight:700;font-size:20px;letter-spacing:-.02em}.brandmark .x{color:var(--brand)}.navlink{font-size:14px;font-weight:500;color:var(--ink-soft);padding:8px 12px;border-radius:var(--radius-sm)}.navlink:hover{background:var(--stone);color:var(--ink)}.divider{height:1px;background:var(--line);border:0;margin:4px 0}.skeleton{background:linear-gradient(90deg,var(--stone) 25%,var(--line-soft) 50%,var(--stone) 75%);background-size:200% 100%;animation:sk 1.3s infinite;border-radius:var(--radius-sm)}@keyframes sk{to{background-position:-200% 0}}