@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&display=swap');
:root{--navy:#111214;--blue:#242527;--gold:#c4af89;--ink:#f0efec;--muted:#aaa9a6;--line:#363638}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#17181a;color:var(--ink);font:16px/1.7 'Noto Sans Thai',sans-serif}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #bb9857;outline-offset:4px}header{max-width:1440px;margin:auto;padding:24px 6%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:19px;font-weight:600;letter-spacing:2px;display:flex;gap:12px;align-items:center}.brand small{display:block;font-size:12px;font-weight:400;letter-spacing:1px;color:var(--muted)}.monogram{border:1px solid var(--gold);font-size:17px;padding:7px 9px;letter-spacing:-1px}nav{display:flex;align-items:center;gap:30px;font-size:14px}.contact{border:1px solid var(--line);padding:9px 18px;background:#202123;color:var(--ink)}.hero{background:var(--navy);color:white;display:grid;grid-template-columns:1.05fr 1fr;min-height:510px;padding:64px 7%;gap:60px;position:relative}.eyebrow{font-size:12px;font-weight:600;letter-spacing:2px;color:var(--gold);margin:0 0 16px}h1{font-size:clamp(34px,3.2vw,52px);font-weight:500;line-height:1.4;letter-spacing:-1px;margin:0 0 20px}h1 span{color:#c6b18c}.intro{color:#c3c1bd;margin-bottom:28px}.primary{display:inline-block;border:0;background:var(--gold);color:#151515;padding:12px 24px;font-weight:600;font-size:15px}.hero-foot{display:flex;gap:16px;align-items:center;font-size:12px;color:#aaa9a6;margin-top:32px}.hero-foot i{height:3px;width:3px;background:var(--gold);border-radius:50%}.hero-panel{border:1px solid #393a3c;background:linear-gradient(130deg,#2b2c2e,#151618);display:flex;flex-direction:column;justify-content:space-between;padding:30px}.number-art{text-align:center}.number-art>span{font-family:Georgia,serif;font-size:clamp(90px,11vw,160px);line-height:1.2;letter-spacing:7px;color:#e9e4d9}.art-line{height:1px;background:linear-gradient(90deg,transparent,#ac9168,transparent);max-width:280px;margin:18px auto}.number-art small{color:#b0aeaa;font-size:14px}.panel-bottom{display:flex;justify-content:space-between;color:#b0aeaa;font-size:12px;border-top:1px solid #393a3c;padding-top:18px}.catalog{max-width:1280px;padding:70px 5%;margin:auto}.section-title{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:28px}h2{font-size:30px;line-height:1.45;font-weight:500;margin:0}.demo-label{color:#aaa9a6;font-size:12px;border:1px solid var(--line);padding:6px 12px}.filters{display:grid;grid-template-columns:2fr 1.1fr 1.25fr 1.2fr;gap:14px;background:#202123;padding:22px}label{display:block;font-size:14px;margin-bottom:7px}input,select{width:100%;min-width:0;background:#202123;color:var(--ink);border:1px solid #414143;padding:10px 12px;border-radius:0;font-size:14px;min-height:46px}.results-line{display:flex;justify-content:space-between;align-items:center;padding:14px 0;font-size:14px}.results-line button{border:0;background:none;color:var(--muted);font-size:14px;text-decoration:underline}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{border:1px solid var(--line);background:#202123;transition:border-color .2s}.card:hover{border-color:#8c8070}.plate-area{padding:28px;background:#292a2c;position:relative;min-height:205px;display:grid;place-items:center}.plate{background:#fff;border:2px solid #212c39;border-radius:9px;outline:1px solid #fff;outline-offset:3px;width:170px;color:#17212c;text-align:center;line-height:1.25;padding:12px;display:flex;flex-direction:column;align-items:center;gap:5px;font-variant-numeric:lining-nums tabular-nums;box-shadow:0 6px 15px #17283e0b}.plate strong{display:block;font-size:32px;font-weight:700;line-height:1.2;letter-spacing:0}.plate span{display:block;font-size:15px;line-height:1.4;margin:0}.plate b{font-size:34px;font-weight:700;line-height:1.2;letter-spacing:0;display:block}.sample-tag{position:absolute;top:12px;left:14px;color:#b2b0ab;font-size:12px}.card-info{padding:19px}.card-info h3{font-size:18px;font-weight:500;margin:0}.card-info>p{font-size:13px;color:var(--muted);margin:4px 0 15px}.card-price{display:flex;justify-content:space-between;gap:8px;align-items:center}.price{font-size:22px;font-weight:600;letter-spacing:-.5px}.price small{font-size:12px;font-weight:400}.details-btn{border:1px solid var(--line);background:#202123;color:var(--ink);font-size:13px;padding:8px 12px}.catalog-note{font-size:12px;color:var(--muted);margin-top:24px}#empty{text-align:center;padding:40px;background:#222325}#empty button{background:var(--navy);color:white;border:0;padding:10px 20px}.steps{background:#1e1f21;padding:60px 9%;display:grid;grid-template-columns:1fr 1.3fr;gap:80px}.steps p{color:var(--muted);font-size:14px}.steps ol{padding:0;margin:0;list-style:none}.steps li{display:flex;gap:22px;border-bottom:1px solid var(--line);padding:18px 0}.steps li:first-child{padding-top:0}.steps li:last-child{border:0}.steps li>b{color:var(--gold);font:24px/1.7 Georgia,serif}.steps h3{font-size:18px;font-weight:500;margin:0}.steps li p{margin:4px 0}.closing{text-align:center;background:var(--navy);color:white;padding:58px 20px}.closing p:not(.eyebrow){font-size:15px;color:#b3b1ad;margin:18px 0 24px}footer{padding:30px 6%;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;color:var(--muted)}footer .brand{display:block;font-size:15px;color:var(--ink)}dialog{background:#202123;border:1px solid var(--line);padding:35px;max-width:460px;width:calc(100% - 32px);color:var(--ink);box-shadow:0 20px 70px #0003}dialog::backdrop{background:#080808bc}.close{position:absolute;right:12px;top:8px;background:none;border:0;font-size:26px;color:var(--muted)}dialog h2{font-size:25px}dialog p{font-size:15px}.notice{background:#27282a;padding:16px;margin:20px 0;font-size:14px;color:var(--muted)}dialog .plate-area{margin:12px 0 24px}dialog .primary{width:100%;text-align:center}#copy-status{color:var(--muted);font-size:13px}body:has(dialog[open]){overflow:hidden}[hidden]{display:none!important}@media(min-width:1600px){.hero{padding-left:calc((100vw - 1220px)/2);padding-right:calc((100vw - 1220px)/2)}}@media(max-width:850px){header{padding:18px 5%}nav{gap:16px}nav a:nth-child(2){display:none}.hero{gap:25px;padding:40px 5%;min-height:440px}.hero-panel{padding:20px}.filters{grid-template-columns:1fr 1fr}.grid{grid-template-columns:repeat(2,1fr)}.steps{gap:30px;padding:40px 5%}.section-title{align-items:flex-start;flex-direction:column;gap:14px}footer{flex-wrap:wrap}.panel-bottom{flex-direction:column;gap:3px}}@media(max-width:560px){header .brand{font-size:15px;letter-spacing:1px}.monogram{font-size:15px;padding:5px 7px}nav a{display:none}.contact{padding:8px 12px;font-size:13px}.hero{grid-template-columns:1fr;gap:28px;padding:36px 6%}.hero-panel{min-height:220px}.hero-panel>.eyebrow{margin-bottom:0}.number-art>span{font-size:86px}.art-line{margin:8px auto}.number-art small{font-size:12px}.panel-bottom{flex-direction:row;padding-top:12px;margin-top:18px;font-size:11px}.hero-foot{margin-top:24px}.intro{font-size:15px}h1{font-size:35px}.catalog{padding:42px 5%}h2{font-size:26px}.filters{padding:15px;gap:12px}.search-field{grid-column:span 2}.filters>div:last-child{grid-column:span 2}.grid{gap:12px}.plate-area{padding:23px 12px;min-height:175px}.plate{width:126px;padding:10px 7px;gap:4px}.plate strong{font-size:25px}.plate span{font-size:12px}.plate b{font-size:27px}.sample-tag{font-size:10px;top:7px;left:10px}.card-info{padding:13px 11px}.card-info h3{font-size:15px}.card-info>p{font-size:12px}.card-price{flex-direction:column;align-items:flex-start;gap:12px}.price{font-size:20px}.details-btn{width:100%;font-size:13px}.steps{grid-template-columns:1fr;gap:24px}.steps h2 br{display:none}.steps li{gap:16px}.closing{padding:40px 20px}footer{padding:25px 6%;gap:10px}footer p{width:100%;margin:0}.demo-label{font-size:11px}dialog{padding:30px 22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}

:root{color-scheme:dark}input::placeholder{color:#a6a4a0}.primary:hover{background:#d1be9d}.contact:hover,.details-btn:hover{border-color:var(--gold);background:#2a2b2d}.price{color:#e0caa6}.plate{color-scheme:light}.hero,.closing{border-block:1px solid #2f3032}

.plate-sum{display:block;font-size:11px!important;letter-spacing:0;color:#666;line-height:1.5;margin-top:3px}.articles-link{display:inline-block!important}.content-page{max-width:1100px;margin:auto;padding:45px 6% 70px}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:28px}.article-card{border:1px solid var(--line);padding:28px;background:#202123}.article-card h2{font-size:23px;margin:12px 0}.article-card p{color:var(--muted);font-size:15px}.article-card a{display:inline-block;color:var(--gold);margin-top:14px}.reading{max-width:760px;margin:auto}.reading h1{font-size:34px}.reading h2{font-size:23px;margin:32px 0 12px}.reading p,.reading li{font-size:16px;line-height:1.9;color:#c5c3be}.back-link{display:inline-block;margin-bottom:25px;color:var(--gold);font-size:14px}nav{gap:20px}@media(max-width:650px){.article-grid{grid-template-columns:1fr}nav{gap:10px}.content-page{padding:35px 5%}.reading h1{font-size:28px}.articles-link{font-size:13px}}

.registration-sum{font-size:14px!important;color:#c4af89!important;margin:6px 0 17px!important}.registration-sum strong{font-weight:600;margin-left:5px}.settings-section{margin-top:35px;border:1px solid var(--line);padding:26px;background:#202123}.settings-hint{font-size:14px;color:var(--muted)}.contact-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:22px 0}.settings-section fieldset{border:0;padding:0;margin:0;min-width:0}.contact-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px;justify-content:center}.contact-links a,.contact-links .contact-id{border:1px solid #55534f;padding:10px 16px;font-size:14px;overflow-wrap:anywhere}.contact-links a:hover{border-color:var(--gold)}.contact-links p{width:100%;font-size:14px}.contact-links .contact-id{display:inline-flex;align-items:center;gap:12px}.contact-links button{background:none;border:0;color:var(--gold);font-size:13px;text-decoration:underline}#modal-contacts{justify-content:flex-start;margin-bottom:20px}@media(max-width:650px){.contact-fields{grid-template-columns:1fr}.settings-section{padding:20px}.registration-sum{font-size:13px!important}}

 .hero{align-items:center;gap:42px;padding-top:40px;padding-bottom:40px;min-height:440px}.hero-photo{margin:0;position:relative;border:1px solid #454344;background:#252527;min-width:0;width:100%;max-width:460px;justify-self:end;align-self:center}.hero-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.hero-photo figcaption{display:flex;justify-content:space-between;gap:12px;padding:12px 16px;background:#1b1c1e;font-size:12px;color:#b6b2ab;border-top:1px solid #373738}.hero-photo figcaption span:first-child{letter-spacing:2px;color:var(--gold)}.steps-photo{margin:22px 0 0;max-width:170px;border:1px solid #414143}.steps-photo img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}@media(max-width:850px){.hero{gap:26px}}@media(max-width:560px){.hero{padding-top:30px;padding-bottom:30px;min-height:0}.hero-photo{max-width:360px;justify-self:center;margin-top:2px}.hero-photo figcaption{font-size:11px;padding:10px 12px}.steps-photo{max-width:140px;margin-top:18px}}

.details-menu{position:relative;font-size:14px}.details-menu summary{cursor:pointer;list-style:none;padding:8px 0}.details-menu summary::-webkit-details-marker{display:none}.details-menu[open] summary{color:var(--gold)}.details-dropdown{position:absolute;top:100%;right:0;z-index:20;width:205px;background:#202123;border:1px solid var(--line);padding:8px;box-shadow:0 12px 25px #0005}.details-dropdown a{display:block!important;padding:10px;font-size:14px}.details-dropdown a:hover{background:#303033;color:var(--gold)}.details-menu summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.document-visual{margin:28px 0 8px}.document-visual img{display:block;width:100%;height:auto}.document-visual figcaption{font-size:12px;color:var(--muted);margin-top:8px}.doc-checklist{list-style:none;padding:0;margin:20px 0}.doc-checklist li{padding:16px 0;border-bottom:1px solid var(--line)}.doc-checklist strong{display:block;color:var(--ink);font-weight:500}.doc-checklist span{display:block;color:var(--muted);font-size:15px}.docs-callout{border:1px solid #51493c;background:#222221;padding:22px;margin-top:30px}.reading .docs-callout h2{margin:0}.docs-callout .primary{margin-top:5px}.document-sources{border-top:1px solid var(--line);margin-top:30px;padding-top:12px}.reading .document-sources p{font-size:12px;color:var(--muted)}.document-sources a{color:var(--gold);text-decoration:underline}#shop-contacts{scroll-margin-top:30px}@media(max-width:560px){header{flex-wrap:wrap;row-gap:8px}header nav{width:100%;justify-content:flex-end;gap:20px}.details-menu{font-size:13px}.document-visual{max-width:380px;margin:22px auto}.documents-reading h1{font-size:28px}.docs-callout{padding:18px}}
@media(min-width:561px) and (max-width:700px){header{flex-wrap:wrap;row-gap:10px}header nav{width:100%;justify-content:flex-end}}
.prediction-link{display:inline-block!important}nav{flex-wrap:wrap}nav [aria-current=page]{color:var(--gold)}.prediction-page{max-width:1000px}.prediction-page h1{font-size:clamp(30px,4vw,42px)}.prediction-intro{color:var(--muted);margin:0 0 25px}.prediction-form{background:#202123;border:1px solid var(--line);padding:26px}.prediction-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.focus-field{grid-column:1/-1}.prediction-form input{font-size:20px}.prediction-form select{font-size:16px}.prediction-hint{font-size:14px;color:var(--muted);margin:16px 0}.prediction-examples{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:18px 0 30px;font-size:14px;color:var(--muted)}.prediction-examples button{background:transparent;color:var(--ink);border:1px solid var(--line);padding:7px 12px;font-size:14px}.prediction-examples button:hover{border-color:var(--gold)}#prediction-error{color:#f1b7ab;font-size:14px;margin-bottom:0}.prediction-summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px;border:1px solid #5a503f;background:#232322}.prediction-summary h2{font-size:32px;font-weight:600}.prediction-summary p:last-child{font-size:14px;color:var(--muted);margin:10px 0 0}.prediction-total{text-align:center;flex-shrink:0}.prediction-total span{display:block;color:var(--muted);font-size:14px}.prediction-total strong{display:block;font-size:48px;line-height:1.3;color:var(--gold)}.sum-equation,.prediction-method{padding:18px 0;border-bottom:1px solid var(--line);font-size:14px;color:var(--muted)}.sum-equation summary,.prediction-method summary{cursor:pointer;color:var(--ink)}.sum-equation p{overflow-wrap:anywhere}.sum-equation a,.prediction-method a,.plate-prediction-link{color:var(--gold);text-decoration:underline;text-underline-offset:4px}.plate-prediction-link{display:inline-block;font-size:14px;margin:0 0 12px}.prediction-section{margin:32px 0}.prediction-section h2{font-size:24px;margin-bottom:16px}.prediction-section>p{color:var(--muted);font-size:16px}.prediction-highlight{font-size:20px;font-weight:500;color:var(--gold)}.digit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.digit-card{padding:22px;border:1px solid var(--line);background:#202123}.digit-heading{display:flex;align-items:center;gap:14px}.digit-heading b{color:var(--gold);font-size:32px;line-height:1.2}.digit-heading span{color:var(--muted);font-size:13px}.digit-card h3,.pattern-reading h3{font-size:18px;font-weight:500;margin:12px 0 8px}.digit-card p,.pattern-reading p{font-size:16px;color:var(--muted);margin:8px 0}.digit-card .digit-use{font-size:14px;color:#d9c6a7;border-top:1px solid var(--line);padding-top:12px}.pattern-reading{border-left:2px solid #7e715b;padding-left:18px;margin-bottom:20px}.fit-reading{background:#202123;padding:24px}.prediction-note{font-size:13px;color:var(--muted);margin-bottom:24px}.prediction-method{margin-top:30px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1050px){header{flex-wrap:wrap}header nav{justify-content:flex-end;width:100%}}@media(max-width:560px){header nav{gap:10px 16px}.prediction-link{font-size:13px}.prediction-form{padding:20px}.prediction-fields{grid-template-columns:1fr;gap:16px}.prediction-summary{padding:20px;gap:12px}.prediction-summary h2{font-size:25px}.prediction-total strong{font-size:38px}.prediction-total span{font-size:12px}.digit-grid{grid-template-columns:1fr}.prediction-section h2{font-size:22px}.prediction-examples{gap:8px}.prediction-summary p:last-child{font-size:12px}.fit-reading{padding:20px}}

.all-plates-link{display:inline-block!important}.hero-fit{font-size:14px;color:var(--gold);margin:-12px 0 24px}.filters{grid-template-columns:1.6fr 1fr 1.1fr 1.25fr 1.2fr}.filter-hint{font-size:12px;color:var(--muted);margin:10px 0 0}@media(max-width:1000px){.filters{grid-template-columns:repeat(2,minmax(0,1fr))}.search-field{grid-column:1/-1}.filters>div:last-child{grid-column:1/-1}}@media(max-width:560px){.all-plates-link{font-size:13px}.hero-fit{font-size:13px}.filter-hint{font-size:11px}}

.contact-links .line-contact{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;background:transparent;border:1px solid #55534f;border-radius:0;color:var(--ink);font-weight:400;min-height:46px;padding:10px 16px;box-shadow:none}.contact-links a.line-contact:hover{border-color:var(--gold);background:transparent}.contact-links .line-contact button{color:var(--gold);font-weight:400;min-height:28px}.contact-links .line-contact .line-id-link{border:0;padding:0;font-size:14px;min-width:0}.contact-links .line-id-link:hover{color:var(--gold)}.line-bubble{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:26px;height:21px;background:#06a948;color:#fff;border-radius:50%;font:800 7px/1 Arial,sans-serif;letter-spacing:-.3px}.line-bubble::after{content:'';position:absolute;left:7px;bottom:-3px;width:6px;height:6px;background:#06a948;clip-path:polygon(0 0,100% 0,0 100%)}.contact-links .phone-contact{display:inline-flex;align-items:center;justify-content:center;gap:10px;color:var(--gold);min-height:46px}.phone-icon{font-size:19px;line-height:1;color:var(--gold)}