.dgx{--page:#ffffff;--card:#ffffff;--panel:#f9fafb;--garment:#f3f4f6;--ink:#111827;--ink-2:#374151;--ink-soft:#6b7280;--ink-faint:#9ca3af;--line:#e5e7eb;--line-2:#d1d5db;--primary:#07bb8e;--primary-hover:#069b76;--primary-light:#e5f7f2;--primary-text:#047857;--fill:#00856a;--glass:rgba(255,255,255,.88);--glass-ink:#1f2937;--shade:rgba(17,24,39,.46);--sh-pop:0 12px 40px -8px rgba(8,32,27,.28);--ring:0 0 0 3px rgba(7,187,142,.15);--num:"Anuphan","IBM Plex Sans Thai",var(--font-sans,Arial),sans-serif;--mono:ui-monospace,SFMono-Regular,Menlo,monospace;--gutter:clamp(20px,4vw,48px);--hh:73px;background:var(--page);color:var(--ink);font-size:15px;line-height:1.6}.dgx *{box-sizing:border-box}.dgx button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:0}.dgx :focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:8px}.dgx svg{display:block}.dgx .wrap{max-width:1280px;margin:0 auto;padding-inline:var(--gutter)}.dgx .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.dgx .hero{position:relative;height:190vh}.dgx .hero-sticky{position:sticky;top:var(--hh);height:calc(100svh - var(--hh));overflow:hidden;display:grid;--tc:255 255 255;--sa:1;background:#fff}.dgx .hero-sticky.ink-dark{--tc:17 24 39;--sa:0}.dgx .hero video,.dgx .hero-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 6%,#000 86%,transparent);mask-image:linear-gradient(180deg,transparent 0,#000 6%,#000 86%,transparent)}.dgx .hero video{opacity:0;transition:opacity .3s ease}.dgx .hero video.ready{opacity:1}.dgx .hero-veil{background:linear-gradient(to bottom,rgb(8 20 17/0) 28%,rgb(8 20 17/calc(.22 * var(--sa))) 50%,rgb(8 20 17/0) 72%),radial-gradient(130% 90% at 50% 50%,rgb(255 255 255/0) 55%,rgb(255 255 255/.6) 85%,rgb(255 255 255/1) 100%)}.dgx .hero-veil,.dgx .hero-wash{position:absolute;inset:0;pointer-events:none}.dgx .hero-wash{background:#fff;opacity:var(--wash,0)}.dgx .hero-ink{position:relative;z-index:2;align-self:center;text-align:center;padding:0 var(--gutter);color:rgb(var(--tc))}.dgx .beat,.dgx .hero-ink{display:grid;justify-items:center}.dgx .beat{grid-area:1/1;gap:10px;opacity:0;transform:translateY(14px);transition:opacity .45s ease-out,transform .45s cubic-bezier(.16,.84,.44,1);pointer-events:none}.dgx .beat.on{opacity:1;transform:none}.dgx .hero-ink .h{margin:0;color:rgb(var(--tc));font-size:clamp(32px,5.6vw,64px);line-height:1.08;letter-spacing:-.025em;font-weight:700;text-shadow:0 1px 2px rgb(0 0 0/calc(.18 * var(--sa))),0 4px 28px rgb(0 0 0/calc(.28 * var(--sa)))}.dgx .hero-ink .h,.dgx .hero-ink .lede{text-wrap:balance;transition:color .4s ease,text-shadow .4s ease}.dgx .hero-ink .lede{margin:6px 0 0;color:rgb(var(--tc)/.92);font-size:clamp(16px,1.6vw,21px);line-height:1.45;font-weight:500;max-width:30ch;text-shadow:0 1px 2px rgb(0 0 0/calc(.2 * var(--sa))),0 2px 18px rgb(0 0 0/calc(.3 * var(--sa)))}.dgx .cue{display:inline-flex;align-items:center;gap:7px;margin-top:22px;font-size:13.5px;font-weight:500;opacity:var(--cue,1);color:rgb(var(--tc)/.82);text-shadow:0 1px 8px rgb(0 0 0/calc(.3 * var(--sa)))}.dgx .cue svg{animation:dgx-nudge 1.8s ease-in-out infinite}@keyframes dgx-nudge{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@media (max-width:640px){.dgx .hero{height:170vh}}@media (prefers-reduced-motion:reduce){.dgx .hero{height:auto}.dgx .hero-sticky{position:relative;top:0;height:auto;aspect-ratio:16/9;min-height:320px}.dgx .cue{display:none}.dgx *,.dgx :after,.dgx :before{transition-duration:0s!important;animation:none!important}}.dgx .intro{padding-block:28px 18px;text-align:center}.dgx .intro h2{margin:0;font-size:clamp(20px,2.2vw,26px);line-height:1.3;font-weight:700;letter-spacing:-.01em;text-wrap:balance}.dgx .intro p{margin:8px auto 0;max-width:720px;color:var(--ink-soft);font-size:15px;text-wrap:pretty}.dgx .intro a{color:var(--primary-text);text-decoration:underline;text-underline-offset:3px}.dgx .toolbar-bar{position:sticky;top:var(--hh);z-index:25;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px 0 rgb(0 0 0/.1),0 1px 2px -1px rgb(0 0 0/.1)}.dgx .toolbar{justify-content:space-between;gap:8px 14px;padding-block:9px}.dgx .filterbar,.dgx .toolbar{display:flex;flex-wrap:wrap;align-items:center}.dgx .filterbar{gap:6px;min-width:0}.dgx .filterbtn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;border-radius:10px;border:1px solid var(--line-2);background:var(--card);color:var(--ink-2);font-size:13.5px;font-weight:500;transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.dgx .filterbtn:hover{background:var(--panel)}.dgx .filterbtn[aria-expanded=true]{border-color:var(--primary);box-shadow:var(--ring)}.dgx .filterbtn.compact{padding:0;width:32px;gap:0;justify-content:center}.dgx .filterbtn.compact .fcaret,.dgx .filterbtn.compact .flabel{display:none}.dgx .filterbtn svg{flex:none}.dgx .filterbtn .fcaret{transition:transform .15s ease}.dgx .filterbtn[aria-expanded=true] .fcaret{transform:rotate(180deg)}.dgx .fpill{display:inline-flex;width:fit-content;align-items:stretch;font-size:14px}.dgx .fpill>*{display:flex;align-items:center;gap:6px;height:32px;padding:0 10px;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:0}.dgx .fpill>*+*{border-left:0}.dgx .fpill>:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px}.dgx .fpill>:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px}.dgx .fpill .k{cursor:default;gap:8px;font-weight:500;background:var(--panel);color:var(--ink-soft)}.dgx .fpill .v{flex-wrap:wrap;gap:4px;padding-block:3px;height:auto;min-height:32px}.dgx .fpill .badge{display:inline-flex;align-items:center;gap:2px;padding:2px 3px 2px 8px;border-radius:6px;font-size:12px;font-weight:500;border:1px solid rgba(0,133,106,.2);background:rgba(0,133,106,.1);color:var(--primary-text)}.dgx .fpill .badge .bx{width:16px;height:16px;border-radius:4px;display:grid;place-items:center;opacity:.65;transition:opacity .15s ease,background-color .15s ease}.dgx .fpill .badge .bx:hover{opacity:1;background:rgba(0,133,106,.16)}.dgx .fpill .x{width:32px;padding:0;justify-content:center;color:var(--ink-soft);transition:background-color .15s ease,color .15s ease}.dgx .fpill .x:hover{background:var(--panel);color:var(--ink)}.dgx .fclear{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;border-radius:10px;border:1px solid var(--line-2);background:var(--card);color:var(--ink-soft);font-size:13px;transition:background-color .15s ease,color .15s ease}.dgx .fclear:hover{background:var(--panel);color:var(--ink)}.dgx .tagmeta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;font-size:13.5px;color:var(--ink-soft);flex:none}.dgx .tagmeta b{color:var(--ink);font-family:var(--num);font-variant-numeric:tabular-nums}@media (max-width:640px){.dgx .toolbar{gap:6px;padding-block:8px}.dgx .toolbar .tagmeta{width:100%;justify-content:flex-start}}.dgx .fpanel{position:fixed;z-index:65;min-width:224px;max-width:min(24rem,calc(100vw - 2rem));background:var(--card);border-radius:10px;box-shadow:var(--sh-pop),0 0 0 1px var(--line);overflow:hidden}.dgx .fsearch{display:flex;align-items:center;gap:8px;padding:0 10px;height:38px;border-bottom:1px solid var(--line)}.dgx .fsearch svg{color:var(--ink-faint);flex:none}.dgx .fsearch input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:16px;color:var(--ink)}.dgx .fsearch input::placeholder{color:var(--ink-faint);font-size:13.5px}.dgx .fbody{display:block;padding:4px;max-height:260px;overflow-y:auto;overscroll-behavior:contain}.dgx .fgrp{padding:2px 0}.dgx .fgrp h3{margin:0;padding:6px 8px 3px;font-size:11px;font-weight:500;color:var(--ink-faint);letter-spacing:.03em}.dgx .fopt{display:flex;align-items:center;gap:8px;width:100%;min-width:0;height:32px;padding:0 10px;border-radius:8px;font-size:14px;color:var(--ink-2);text-align:left;transition:background-color .12s ease}.dgx .fopt:hover{background:var(--panel)}.dgx .fopt .dot{width:10px;height:10px;border-radius:50%;flex:none;background:var(--line-2)}.dgx .fopt[aria-current=page] .dot,.dgx .fopt[aria-pressed=true] .dot{background:var(--fill)}.dgx .fopt[aria-current=page],.dgx .fopt[aria-pressed=true]{color:var(--ink);font-weight:600}.dgx .fopt .lbl{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dgx .fopt .n{font-family:var(--num);font-size:12px;font-variant-numeric:tabular-nums;color:var(--ink-faint)}.dgx .fnone{padding:12px 10px;font-size:13px;color:var(--ink-soft)}.dgx .ffoot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 8px;border-top:1px solid var(--line)}.dgx .btn-apply{height:32px;padding:0 16px;border-radius:999px;background:var(--fill);color:#fff;font-size:13px;font-weight:600;transition:background-color .15s ease}.dgx .btn-apply:hover{background:var(--primary-hover)}.dgx .btn-apply:active{transform:scale(.97)}.dgx .btn-apply:disabled{opacity:.45;cursor:not-allowed}.dgx .btn-text{min-height:30px;padding:0 6px;font-size:13px;color:var(--ink-soft);transition:color .15s ease}.dgx .btn-text:hover{color:var(--ink)}.dgx .fback,.dgx .popback{position:fixed;inset:0;z-index:64;background:rgba(17,24,39,.4)}@media (min-width:641px){.dgx .fback,.dgx .popback{display:none}}@media (max-width:640px){.dgx .fpanel{left:0!important;right:0!important;bottom:0;top:auto!important;width:100%;max-width:none;border-radius:14px 14px 0 0}.dgx .fbody{max-height:58vh}}.dgx .menu{position:fixed;z-index:70;min-width:152px;padding:6px;background:var(--card);border-radius:10px;box-shadow:var(--sh-pop),0 0 0 1px var(--line)}.dgx .mi{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;height:34px;padding:0 10px;border-radius:8px;font-size:13.5px;color:var(--ink-2);text-align:left;transition:background-color .12s ease}.dgx .mi:hover{background:var(--panel)}.dgx .mi[aria-checked=true]{background:var(--primary-light);color:var(--primary-text);font-weight:600}.dgx .mi:focus-visible{background:var(--panel);outline:2px solid var(--primary);outline-offset:-2px}.dgx .pop{position:fixed;z-index:70;width:392px;background:var(--card);color:var(--ink);border-radius:20px;box-shadow:0 2px 6px rgba(15,32,28,.06),0 28px 60px -22px rgba(15,32,28,.42);display:flex;flex-direction:column}.dgx .pop-head{display:grid;gap:2px;padding:18px 20px 10px}.dgx .pop-head b{font-size:16.5px;font-weight:600;letter-spacing:-.01em}.dgx .pop-head span{font-size:12.5px;color:var(--ink-soft)}.dgx .popslots{display:flex;gap:8px;padding:0 16px 10px}.dgx .pslot{flex:1;display:flex;align-items:center;gap:10px;min-height:48px;padding:6px 10px;border-radius:14px;border:1px solid var(--line);text-align:left;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.dgx .pslot:hover{border-color:var(--primary)}.dgx .pslot[aria-pressed=true]{border-color:var(--fill);background:var(--primary-light);box-shadow:0 0 0 3px rgba(0,133,106,.12)}.dgx .pslot .sw{width:26px;height:26px;border-radius:9px;flex:none;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}.dgx .pslot .sw.none{background:repeating-linear-gradient(45deg,#e5e7eb 0 5px,#f3f4f6 5px 10px)}.dgx .pslot span{display:grid;line-height:1.2;min-width:0}.dgx .pslot small{font-size:10.5px;color:var(--ink-soft)}.dgx .pslot em{font-style:normal;font-size:12.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dgx .pop-grid{display:flex;flex-wrap:wrap;gap:8px;padding:8px 20px 18px;overflow-y:auto;overscroll-behavior:contain}.dgx .pc{width:28px;height:28px;flex:none;border-radius:50%;box-shadow:0 0 0 1px rgba(17,24,39,.1);transition:box-shadow .15s ease,transform .12s ease}.dgx .pc:hover{box-shadow:0 0 0 1px rgba(17,24,39,.3);transform:scale(1.08)}.dgx .pc:focus-visible{outline:none;box-shadow:0 0 0 1px #fff,0 0 0 3px #111827}.dgx .pc[aria-pressed=true]{box-shadow:0 0 0 1px #fff,0 0 0 3px #07bb8e}.dgx .pop-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px 16px;border-top:1px solid var(--line)}.dgx .pop-foot .btn-apply{height:44px;padding:0 26px;font-size:14.5px}.dgx .pop-foot .btn-text{height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--line-2);color:var(--ink-2);font-size:14px;font-weight:500;display:inline-flex;align-items:center}.dgx .pop-foot .btn-text:hover{background:var(--panel);color:var(--ink)}@media (max-width:640px){.dgx .pop{left:0!important;right:0!important;bottom:0;top:auto!important;width:100%!important;max-width:none;border-radius:20px 20px 0 0}.dgx .pop-grid{max-height:44vh;padding:8px 16px 16px;gap:10px}.dgx .pop-head{padding:16px 16px 8px}.dgx .pop-foot{padding:10px 14px calc(14px + env(safe-area-inset-bottom));gap:8px}.dgx .pop-foot .btn-apply,.dgx .pop-foot .btn-text{flex:1;justify-content:center;padding:0 12px;white-space:nowrap}.dgx .popslots{padding:0 14px 10px}.dgx .pslot{min-height:52px}}.dgx main{padding-block:28px 12px}.dgx .grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 16px;align-items:start;scroll-margin-top:calc(var(--hh) + 60px)}@media (max-width:1024px){.dgx .grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:640px){.dgx .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}}.dgx .empty{padding:40px 0;text-align:center;color:var(--ink-soft);display:grid;gap:10px;justify-items:center}.dgx .empty .again{min-height:40px;padding:0 18px;border-radius:999px;border:1px solid var(--line-2)}.dgx .fine{margin:18px 0 0;text-align:center;font-size:12.5px;color:var(--ink-faint)}.dgx .outro{padding-block:28px 64px;text-align:center}.dgx .outro a{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 22px;border-radius:999px;color:var(--fill);border:1.5px solid var(--primary);font-weight:600;transition:background-color .15s ease,color .15s ease}.dgx .outro a:hover{background:var(--fill);color:#fff;border-color:var(--fill)}.dgx .outro p{margin:0 0 12px;color:var(--ink-soft)}.dgx .outro-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.dgx .fine a{color:inherit;text-decoration:underline;text-underline-offset:2px}.dgx .fine a:hover{color:var(--fill)}.dgx .fine-link{margin-top:6px}.dgx .fine-link a{color:var(--fill);font-weight:600}.dgx .card{display:grid;min-width:0;overflow:hidden;background:var(--card);border-radius:20px;scroll-margin-top:calc(var(--hh) + 70px);box-shadow:0 1px 2px rgba(15,32,28,.06),0 8px 20px -6px rgba(15,32,28,.16);transition:box-shadow .25s ease,transform .25s cubic-bezier(.32,.72,.3,1)}@media (hover:hover){.dgx .card:hover{transform:translateY(-3px);box-shadow:0 2px 4px rgba(15,32,28,.07),0 16px 32px -10px rgba(15,32,28,.24)}}.dgx .media{position:relative;aspect-ratio:4/5;max-width:100%;border-radius:20px 20px 0 0;overflow:hidden;background:var(--garment);isolation:isolate}.dgx .media img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;transition:transform .35s cubic-bezier(.32,.72,.3,1)}@media (hover:hover){.dgx .card:hover .media img{transform:scale(1.025)}}.dgx .media:after{content:"";position:absolute;left:0;right:0;bottom:0;height:34%;background:linear-gradient(0deg,rgba(0,0,0,.3),rgba(0,0,0,0));z-index:1;pointer-events:none}.dgx .shade{background:var(--shade);opacity:0;transition:opacity .18s ease;z-index:1}.dgx .ov,.dgx .shade{position:absolute;inset:0;pointer-events:none}.dgx .ov{z-index:2;display:grid;place-content:center;justify-items:stretch;gap:8px;padding:12px;opacity:0;transition:opacity .18s ease-out}.dgx .ov .btn-start,.dgx .ov .gear{transform:translateY(4px);transition:transform .18s ease-out,background-color .15s ease,color .15s ease,border-color .15s ease}@media (hover:hover){.dgx .media:focus-within .shade,.dgx .media:hover .shade{opacity:1}.dgx .media:focus-within .ov,.dgx .media:hover .ov{opacity:1;pointer-events:auto}.dgx .media:focus-within .ov .btn-start,.dgx .media:focus-within .ov .gear,.dgx .media:hover .ov .btn-start,.dgx .media:hover .ov .gear{transform:none}}.dgx .media.show .shade{opacity:1}.dgx .media.show .ov{opacity:1;pointer-events:auto}.dgx .media.show .ov .btn-start,.dgx .media.show .ov .gear{transform:none}.dgx .btn-start{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:42px;padding:6px 20px;border-radius:999px;font-size:13.5px;font-weight:600;line-height:1.3;text-align:center;white-space:nowrap;background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.92);text-shadow:0 1px 3px rgba(0,0,0,.5);text-decoration:none}.dgx .btn-start:active{transform:scale(.97)!important}.dgx .btn-start.orig:focus-visible,.dgx .btn-start.orig:hover{background:#fff;color:#111827;border-color:#fff;text-shadow:none}.dgx .btn-start.brand:focus-visible,.dgx .btn-start.brand:hover{background:var(--fill);color:#fff;border-color:var(--fill);text-shadow:none}.dgx .btn-start .dots{display:inline-flex;align-items:center;flex:none}.dgx .btn-start .dots i{width:13px;height:13px;border-radius:50%;box-shadow:0 0 0 1.5px rgba(255,255,255,.9)}.dgx .btn-start .dots i+i{margin-left:-4px}.dgx .brandwrap{display:flex;align-items:stretch;gap:6px;width:100%}.dgx .brandwrap .btn-start{flex:1}.dgx .gear{width:42px;height:42px;flex:none;border-radius:50%;border:1.5px solid rgba(255,255,255,.92);color:#fff;display:grid;place-items:center}.dgx .gear:focus-visible,.dgx .gear:hover{background:#fff;color:#111827}@media (max-width:640px){.dgx .btn-start{font-size:12px;min-height:38px;padding:5px 10px;white-space:normal;max-width:100%}}.dgx .ctags{position:absolute;left:8px;right:8px;bottom:8px;z-index:3;display:flex;flex-wrap:wrap;align-items:flex-end;gap:4px}.dgx .ctag{min-height:22px;padding:0 8px;border-radius:999px;background:rgba(255,255,255,.58);color:#1f2937;border:1px solid rgba(255,255,255,.5);font-size:11px;line-height:20px;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative;transition:background-color .15s ease,border-color .15s ease}.dgx .ctag:before{content:"";position:absolute;inset:-3px 0}.dgx .ctag:hover{background:rgba(255,255,255,.92);color:#111827;border-color:#fff}.dgx .ctag[aria-current=page],.dgx .ctag[aria-pressed=true]{background:rgba(0,133,106,.82);color:#fff;border-color:rgba(255,255,255,.55)}@media (max-width:640px){.dgx .ctag{font-size:10px;min-height:19px;line-height:17px;padding:0 6px}.dgx .ctags{gap:3px;left:6px;right:6px;bottom:6px}}.dgx .codechip{position:absolute;top:8px;left:8px;z-index:3;font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.02em;min-height:24px;line-height:22px;padding:0 9px;border-radius:999px;background:rgba(255,255,255,.58);color:#1f2937;border:1px solid rgba(255,255,255,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;transition:background-color .15s ease}.dgx .codechip:before{content:"";position:absolute;inset:-4px 0}.dgx .codechip:hover{background:rgba(255,255,255,.92);color:#111827}@media (max-width:640px){.dgx .codechip{font-size:11px;min-height:21px;line-height:19px;padding:0 7px;top:6px;left:6px}}.dgx .body{display:grid;gap:3px;padding:14px 16px 16px;min-width:0;align-content:start}.dgx .body h3{margin:0;font-size:16.5px;font-weight:600;line-height:1.3;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dgx .body .spec{margin:0;font-size:12.5px;color:var(--ink-soft);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dgx .body .code{margin:1px 0 0;font-family:var(--mono);font-size:10.5px;line-height:1.4;letter-spacing:.01em;color:var(--ink-faint)}.dgx .pricerow{display:grid;gap:10px;margin-top:6px}.dgx .money{justify-self:end;display:inline-flex;align-items:baseline;gap:6px;white-space:nowrap;line-height:1.1}.dgx .money small{font-size:13.5px;color:var(--ink-soft)}.dgx .money b{font-family:var(--num);font-size:25px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink);letter-spacing:-.01em}.dgx .money span{font-size:15px;font-weight:700;color:var(--ink)}.dgx .money em{font-style:normal;font-size:12.5px;color:var(--ink-soft);margin-left:-2px}.dgx .adj{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-start}.dgx .pick{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;border-radius:999px;border:1px solid var(--line-2);font-size:12.5px;line-height:1;color:var(--ink-2);white-space:nowrap;transition:border-color .15s ease,background-color .15s ease,color .15s ease}.dgx .pick:hover,.dgx .pick[aria-expanded=true]{border-color:var(--primary);background:var(--primary-light);color:var(--primary-text)}.dgx .pick b{font-family:var(--num);font-weight:400;font-variant-numeric:tabular-nums}.dgx .pick svg{width:12px;height:12px;flex:none;opacity:.65}@media (max-width:640px){.dgx .money b{font-size:21px}.dgx .money span{font-size:13px}.dgx .money small{font-size:12px}.dgx .card{border-radius:16px}.dgx .media{border-radius:16px 16px 0 0}.dgx .body{padding:12px 12px 13px}.dgx .body h3{font-size:15px}.dgx .body .spec{font-size:12px}.dgx .pricerow{gap:6px}}.dgx .toast{position:fixed;left:50%;bottom:20px;z-index:90;transform:translate(-50%,10px);opacity:0;background:#111827;color:#fff;padding:12px 16px;border-radius:12px;box-shadow:var(--sh-pop);width:max-content;max-width:calc(100vw - 32px);font-size:14px;transition:opacity .18s ease-out,transform .18s ease-out;pointer-events:none}.dgx .toast.show{opacity:1;transform:translate(-50%)}@media (max-width:360px){.dgx .body h3{font-size:13.5px}.dgx .body{padding-inline:10px}}.dgx .intro-nohero{padding-top:40px}.dgx .intro-nohero h1{margin:0 0 10px;font-size:clamp(26px,4vw,38px);line-height:1.25;color:var(--ink)}.dgx .garment-empty{padding:56px 0 24px}.dgx .garment-empty-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px}.dgx .garment-empty-actions a{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border-radius:999px;color:var(--fill);border:1.5px solid var(--primary);font-weight:600}.dgx .garment-empty-actions a:hover{background:var(--fill);color:#fff;border-color:var(--fill)}.dgx .types{display:flex;min-width:0;flex-wrap:wrap}.dgx .type,.dgx .types{align-items:center;gap:6px}.dgx .type{display:inline-flex;height:34px;padding:0 14px;border-radius:999px;border:1px solid var(--line-2);background:var(--card);color:var(--ink-2);font-size:14px;font-weight:500;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.dgx .type:hover{background:var(--panel);border-color:var(--primary)}.dgx .type[aria-current=page]{background:var(--fill);border-color:var(--fill);color:#fff}.dgx .type .n{font-family:var(--num);font-size:12px;font-variant-numeric:tabular-nums;color:var(--ink-faint)}.dgx .type[aria-current=page] .n{color:rgba(255,255,255,.8)}.dgx .tsec{padding-block:36px 8px;scroll-margin-top:calc(var(--hh) + 64px)}.dgx .tsec+.tsec{border-top:1px solid var(--line);margin-top:28px}.dgx .shead{display:flex;align-items:flex-end;justify-content:space-between;gap:10px 20px;flex-wrap:wrap;margin-bottom:18px}.dgx .shead>div{min-width:0}.dgx .shead h2{margin:0;font-size:clamp(22px,2.4vw,28px);line-height:1.25;font-weight:700;letter-spacing:-.015em}.dgx .shead h2 a{display:inline-flex;align-items:center;gap:6px}.dgx .shead h2 a:hover{color:var(--fill)}.dgx .shead h2 .arr{width:20px;height:20px;color:var(--ink-faint);transition:transform .15s ease,color .15s ease}.dgx .shead h2 a:hover .arr{transform:translateX(3px);color:var(--fill)}.dgx .shead p{margin:4px 0 0;color:var(--ink-soft);font-size:15px}.dgx .seeall-top{display:inline-flex;align-items:center;gap:4px;font-size:14px;font-weight:600;color:var(--fill);white-space:nowrap;padding-block:4px}.dgx .seeall-top:hover{text-decoration:underline;text-underline-offset:3px}.dgx .seeall-top .arr{width:15px;height:15px}.dgx .seeall{display:flex;justify-content:center;margin-top:24px}.dgx .seeall a{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 22px;border-radius:999px;color:var(--fill);border:1.5px solid var(--primary);font-weight:600;text-align:center;transition:background-color .15s ease,color .15s ease}.dgx .seeall a:hover{background:var(--fill);color:#fff;border-color:var(--fill)}.dgx .grid.hub-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:640px){.dgx .grid.hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dgx .toolbar .tagmeta{display:none}.dgx .type{height:32px;padding:0 12px;font-size:13.5px}.dgx .seeall a{width:100%;justify-content:center}}