:root{--red:var(--brand);--red-dark:var(--brand-dark);--ink:#1b1b1f;--ink-2:#4a4a52;--line:#e2e2e8;--bg:#fff;--bg-2:#f6f6f9;--ok:#1a7f4b;--brand:#0b5fb0;--brand-dark:#084a8a;--grad-a:#0b5fb0;--grad-b:#06b6d4;--accent-1:#0b5fb0;--accent-2:#06b6d4;--accent-3:#16a34a;--accent-4:#f59e0b;--radius:10px;--maxw:1140px;color-scheme:light}@media (prefers-color-scheme:dark){:root{--ink:#ececf1;--ink-2:#b4b4c0;--line:#2c2c34;--bg:#121216;--bg-2:#1b1b21;color-scheme:dark}}:root{--font-sans:"Inter", "Anuphan", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:"Inter", "Anuphan", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);margin:0;line-height:1.7}h1,h2,h3{font-family:var(--font-display);margin:0 0 .5em;font-weight:700;line-height:1.3}h1{letter-spacing:-.03em;font-size:clamp(1.7rem,3.2vw,2.4rem)}h2{letter-spacing:-.015em;margin-top:2rem;font-size:clamp(1.3rem,2.4vw,1.7rem)}h3{font-size:1.15rem}p{margin:0 0 1em}a{color:var(--red);text-decoration-thickness:1px}img{max-width:100%;height:auto}table{border-collapse:collapse;width:100%;margin:1rem 0}th,td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:.55rem .75rem}th{background:var(--bg-2)}.table-wrap{overflow-x:auto}.container{max-width:var(--maxw);margin:0 auto;padding:0 1rem}main.container{padding-top:1.5rem;padding-bottom:3rem}.skip{position:absolute;left:-999px}.skip:focus{background:var(--red);color:#fff;z-index:99;padding:.5rem 1rem;top:1rem;left:1rem}.muted{color:var(--ink-2)}.lead{font-size:1.12rem}.site-header{border-bottom:1px solid var(--line);background:var(--bg);z-index:10;position:sticky;top:0}.header-inner{flex-wrap:wrap;align-items:center;gap:1rem;min-height:64px;display:flex}.brand{color:var(--ink);align-items:center;gap:.7rem;text-decoration:none;display:flex}.brand-logo{width:auto;height:44px;display:block}@media (prefers-color-scheme:dark){.brand-logo{background:#fff;border-radius:6px;padding:3px 5px}}.brand span{flex-direction:column;line-height:1.15;display:flex}.brand small{color:var(--ink-2);font-size:.72rem}.site-header nav{flex:1}.site-header nav ul{flex-wrap:wrap;gap:.1rem .75rem;margin:0;padding:0;list-style:none;display:flex}.site-header nav a{color:var(--ink);white-space:nowrap;border-bottom:2px solid #0000;padding:.3rem 0;font-size:.9rem;text-decoration:none}.site-header nav a[aria-current=page],.site-header nav a:hover{border-bottom-color:var(--red)}.header-cta{white-space:nowrap}@media (width<=1280px) and (width>=861px){.brand small{display:none}}address{font-style:normal}.nav-toggle{display:none}.nav-burger{cursor:pointer;border:1px solid var(--line);border-radius:var(--radius);user-select:none;margin-left:auto;padding:.4rem .7rem;display:none}@media (width<=860px){.site-header .header-cta{display:none}.nav-burger{display:inline-block}.site-header nav{flex-basis:100%;padding-bottom:.5rem;display:none}.nav-toggle:checked~nav{display:block}.site-header nav ul{flex-direction:column;gap:0}.site-header nav a{border-bottom:1px solid var(--line);padding:.55rem 0;display:block}}.btn{border-radius:var(--radius);border:1px solid var(--red);color:var(--red);cursor:pointer;background:0 0;padding:.6rem 1.1rem;font-weight:600;text-decoration:none;display:inline-block}.btn-primary{background:var(--red);color:#fff}.btn-primary:hover{background:var(--red-dark);color:#fff}.crumbs{padding-top:.75rem;font-size:.9rem}.crumbs ol{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.crumbs li+li:before{content:"›";color:var(--ink-2);margin-right:.4rem}.hero .lead{max-width:60ch}.stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin:1.5rem 0;display:grid}.stat{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);padding:1rem}.stat strong{color:var(--red);font-size:1.6rem;display:block}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);flex-direction:column;gap:.4rem;padding:1.1rem;display:flex}.card h3{margin:0}.card-img{aspect-ratio:16/10;object-fit:cover;border-radius:calc(var(--radius) - 2px);background:var(--bg-2,#f3f3f3);width:100%;margin:-.35rem 0 .3rem;display:block}.card-logo{object-fit:contain;width:auto;max-width:160px;height:44px;margin-bottom:.3rem;display:block}.hero-img{object-fit:cover;border-radius:var(--radius);width:100%;max-height:420px;margin:.5rem 0 1.25rem;display:block}.brand-logo-page{object-fit:contain;width:auto;max-width:240px;height:64px;margin:.25rem 0 .75rem;display:block}.gallery{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;margin:1rem 0;display:grid}.gallery figure{margin:0}.gallery img{aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius);border:1px solid var(--line);width:100%;display:block}.gallery figcaption{color:var(--ink-2);margin-top:.3rem;font-size:.85rem}@media (prefers-color-scheme:dark){.card-logo,.brand-logo-page{background:#fff;border-radius:6px;padding:4px 8px}}.pic-placeholder{text-align:center;color:#7a5a00;border-radius:var(--radius);background:repeating-linear-gradient(45deg,#fff8e1 0 10px,#fff3c4 10px 20px);border:2px dashed #e0a100;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;padding:.75rem;font-size:.8rem;line-height:1.35;display:flex}.pic-placeholder code{word-break:break-all;background:#ffffffb3;border-radius:4px;padding:.1rem .35rem;font-size:.75rem}.pic-ph-title{font-weight:700}.pic-ph-size{opacity:.85}.pic-card{aspect-ratio:16/10;margin:-.35rem 0 .3rem}.pic-hero,.pic-product{min-height:180px;margin:.5rem 0 1.25rem}.pic-logo{max-width:240px;height:64px;margin:.25rem 0 .75rem;padding:.25rem .5rem}.pic-card-logo{max-width:200px;height:44px;margin-bottom:.3rem;padding:.2rem .5rem}.pic-card-logo .pic-ph-size,.pic-logo .pic-ph-size,.pic-card-logo code,.pic-logo code{display:none}.pic-gallery{aspect-ratio:4/3}@media (prefers-color-scheme:dark){.pic-placeholder{color:#ffd666;background:repeating-linear-gradient(45deg,#3a3000 0 10px,#2c2500 10px 20px);border-color:#b58900}.pic-placeholder code{background:#00000059}}.card .meta{color:var(--ink-2);font-size:.85rem}.card a.stretch{color:inherit;text-decoration:none}.notice{border-left:4px solid var(--red);background:var(--bg-2);border-radius:0 var(--radius) var(--radius) 0;padding:.8rem 1rem}.faq details{border:1px solid var(--line);border-radius:var(--radius);margin-bottom:.6rem;padding:.6rem 1rem}.faq summary{cursor:pointer;font-weight:600}.prose{max-width:75ch}.prose img{border-radius:var(--radius)}.byline{color:var(--ink-2);font-size:.9rem}.field{margin-bottom:1.1rem;position:relative}.field input,.field textarea,.field select{width:100%;font:inherit;color:var(--ink);background:var(--bg);border:1.5px solid var(--line);border-radius:var(--radius);outline:none;padding:.95rem .9rem}.field textarea{resize:vertical;min-height:120px}.field label{color:var(--ink-2);background:var(--bg);pointer-events:none;padding:0 .3rem;transition:all .15s;position:absolute;top:.95rem;left:.75rem}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--red);box-shadow:0 0 0 3px color-mix(in srgb, var(--red) 15%, transparent)}.field input:focus+label,.field textarea:focus+label,.field select:focus+label,.field input:not(:placeholder-shown)+label,.field textarea:not(:placeholder-shown)+label,.field select:valid+label{color:var(--red);font-size:.78rem;top:-.6rem}.field input::placeholder,.field textarea::placeholder{color:#0000}.site-footer{border-top:1px solid var(--line);background:var(--bg-2);margin-top:2rem;font-size:.93rem}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;padding:2rem 1rem;display:grid}.site-footer address{font-style:normal}.footer-nav{columns:2;margin:0;padding:0;list-style:none}.copyright{color:var(--ink-2);padding:0 1rem 1.5rem;font-size:.85rem}:root{--radius:16px;--radius-sm:10px;--shadow:0 1px 2px #1018280a, 0 8px 24px -12px #1018282e;--shadow-hover:0 2px 4px #1018280f, 0 18px 36px -14px #10182847;--page:#f6f8fc;--tint:color-mix(in srgb, var(--brand) 9%, #fff);--tint-ink:color-mix(in srgb, var(--brand) 70%, #000)}@media (prefers-color-scheme:dark){:root{--page:#0f1014;--shadow:0 1px 2px #0006, 0 8px 24px -12px #0009;--shadow-hover:0 18px 36px -14px #000c;--tint:color-mix(in srgb, var(--brand) 22%, #121216);--tint-ink:color-mix(in srgb, var(--brand) 40%, #fff)}}body{background:var(--page);background-image:linear-gradient(to bottom, color-mix(in srgb, var(--grad-a) 10%, transparent), transparent 520px), linear-gradient(to right, #1018280b 1px, transparent 1px), linear-gradient(to bottom, #1018280b 1px, transparent 1px);background-repeat:no-repeat,repeat,repeat;background-size:100% 100%,56px 56px,56px 56px;background-attachment:scroll}@media (prefers-color-scheme:dark){body{background-image:linear-gradient(to bottom, color-mix(in srgb, var(--grad-a) 14%, transparent), transparent 520px), linear-gradient(to right, #ffffff0a 1px, transparent 1px), linear-gradient(to bottom, #ffffff0a 1px, transparent 1px)}}.site-header{background:var(--bg);box-shadow:0 1px 0 var(--line), 0 6px 16px -12px #10182840}.site-header nav a[aria-current=page],.site-header nav a:hover{border-bottom-color:var(--brand);color:var(--brand)}a{color:var(--brand)}a:hover{color:var(--brand-dark)}.hero{padding:2.5rem 0 1rem}.hero .eyebrow,.badge{letter-spacing:0;background:var(--tint);color:var(--tint-ink);opacity:1;border:1px solid color-mix(in srgb, var(--brand) 18%, transparent);border-radius:999px;align-items:center;gap:.45rem;margin:0 0 1rem;padding:.4rem .9rem;font-size:.88rem;font-weight:600;display:inline-flex}.hero .eyebrow:before,.badge:before{content:"✦";font-size:.8em}.hero h1{letter-spacing:-.035em;margin-bottom:.6em;font-size:clamp(2rem,4.2vw,3rem);line-height:1.18}.grad,.hero h1 .grad{background:linear-gradient(90deg, var(--grad-a), var(--grad-b));color:#0000;-webkit-background-clip:text;background-clip:text}.hero .lead{color:var(--ink-2);font-size:1.15rem}.btn{border:1.5px solid color-mix(in srgb, var(--brand) 35%, var(--line));color:var(--brand);background:var(--bg);border-radius:12px;padding:.7rem 1.25rem;transition:transform .15s,box-shadow .15s,background .15s}.btn:hover{box-shadow:var(--shadow);background:var(--tint);color:var(--brand-dark);transform:translateY(-1px)}.btn-primary{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 8px 20px -8px color-mix(in srgb, var(--brand) 70%, transparent)}.btn-primary:hover{background:var(--brand-dark);border-color:var(--brand-dark);color:#fff}.header-cta{border-radius:999px;padding:.5rem 1rem;font-size:.92rem}.stats{gap:1rem;margin:2rem 0}.stat{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--ink-2);padding:1.1rem 1.2rem;font-size:.95rem}.stat strong{letter-spacing:-.03em;color:var(--accent-1);margin-bottom:.2rem;font-size:2rem;line-height:1.1}.stat:nth-child(2) strong{color:var(--accent-2)}.stat:nth-child(3) strong{color:var(--accent-3)}.stat:nth-child(4) strong{color:var(--accent-4)}.grid{gap:1.25rem}.card{border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow);padding:1.1rem;transition:transform .18s,box-shadow .18s,border-color .18s;position:relative}.card:hover{box-shadow:var(--shadow-hover);border-color:color-mix(in srgb, var(--brand) 30%, var(--line));transform:translateY(-3px)}.card h3{font-size:1.1rem}.card h3 a:hover{color:var(--brand)}.card .meta{font-size:.82rem}.card-img,.pic-card{border-radius:var(--radius-sm);margin:-.1rem 0 .5rem}.card-img{box-shadow:inset 0 0 0 1px #1018280f}.hero-img,.gallery img{border-radius:var(--radius);box-shadow:var(--shadow);border:0}main>h2,.prose h2{padding-bottom:.35rem;position:relative}main>h2:after{content:"";background:linear-gradient(90deg, var(--grad-a), var(--grad-b));border-radius:4px;width:44px;height:4px;margin-top:.45rem;display:block}.notice{border-left:4px solid var(--brand);background:var(--tint);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:1rem 1.2rem}th{background:var(--tint);color:var(--tint-ink)}table{background:var(--bg);border-radius:var(--radius-sm);overflow:hidden}.site-footer{background:var(--bg);border-top:1px solid var(--line)}