.sh{--acc:var(--blue);--acc-soft:#7c8cff29}.sh [data-part=ข\.],.sh[data-part=ข\.]{--acc:var(--violet);--acc-soft:#b48cff29}.sh [data-part=ค\.],.sh[data-part=ค\.]{--acc:#6fe3d2;--acc-soft:#6fe3d224}.sh-hl{color:#c5ccff;font-weight:400}.sh-ok{color:#9ff0c0;font-weight:400}.sh-nw{white-space:nowrap}.sh-book{background:#1b1b1f;border-radius:3px 9px 9px 3px;display:block;position:relative;box-shadow:0 28px 50px -24px #000000f2,0 0 0 1px #f2f2f51a}.sh-book img{border-radius:inherit;width:100%;height:auto;display:block}.sh-book:before{content:"";pointer-events:none;background:linear-gradient(90deg,#ffffff29,#fff0 45%,#00000059 75%,#ffffff0d);border-radius:3px 0 0 3px;width:7%;position:absolute;inset:0 auto 0 0}.sh-book:after{content:"";background:repeating-linear-gradient(#8f8c86 0 1px,#5e5c58 1px 2px);border-radius:0 3px 3px 0;width:4px;position:absolute;top:1.5%;bottom:1.5%;right:-4px}.sh-fan .sh-book:after{display:none}.sh-pair{aspect-ratio:1/1.08;width:100%;position:relative}.sh-pair .sh-book{width:66%;transition:transform .7s var(--ease);position:absolute}.sh-pair .back{filter:brightness(.72);top:4%;right:2%;transform:rotate(7deg)}.sh-pair .front{bottom:0;left:4%;transform:rotate(-3deg)}a:hover .sh-pair .front,.sh-pair:hover .front{transform:rotate(-6deg)translate(-4%,-2%)}a:hover .sh-pair .back,.sh-pair:hover .back{transform:rotate(11deg)translate(5%,-3%)}.sh-hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:40px;display:grid}.sh-hero h1{letter-spacing:-.03em;text-wrap:balance;font-size:clamp(42px,5.4vw,78px);font-weight:200;line-height:1.12}.sh-hero h1 b{background:linear-gradient(100deg,#c5ccff,#e2d4ff);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:300}.sh-hero h1 small{font-family:var(--serif);letter-spacing:0;color:var(--muted);margin-top:12px;font-size:.34em;font-style:italic;font-weight:400;display:block}.sh-lead{color:#f2f2f5c7;max-width:34em;margin-top:22px;font-size:18px;line-height:1.85}.sh-stats{border-top:1px solid var(--line);grid-template-columns:repeat(4,auto);justify-content:start;gap:12px 34px;margin-top:30px;padding-top:24px;display:grid}.sh-stats div{flex-direction:column;gap:4px;display:flex}.sh-stats b{font-family:var(--latin);letter-spacing:-.02em;font-size:38px;font-weight:200;line-height:1}.sh-stats span{color:var(--muted);font-size:13.5px}.sh-hero-cta{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.sh-fan{height:470px;position:relative}.sh-fan .sh-book{transform-origin:50% 120%;width:42%;transform:rotate(calc(var(--i) * 7deg)) translateY(calc(var(--d) * 6px));filter:brightness(calc(1 - var(--d) * .12));transition:transform .8s var(--ease);margin-left:-21%;position:absolute;bottom:10px;left:50%}.sh-fan:hover .sh-book{transform:rotate(calc(var(--i) * 9.5deg)) translateY(calc(var(--d) * 8px))}.sh-head{flex-direction:column;gap:12px;max-width:760px;display:flex}.sh-head.center{text-align:center;align-items:center;margin:0 auto}.sh-head h2{letter-spacing:-.03em;text-wrap:balance;font-size:clamp(32px,4vw,54px);font-weight:200;line-height:1.15}.sh-head h2 small{font-family:var(--serif);letter-spacing:0;color:var(--muted);margin-top:8px;font-size:.4em;font-style:italic;font-weight:400;display:block}.sh-head p{color:var(--muted);font-size:17px;line-height:1.8}.sh-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.sh-card{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(14px)saturate(130%);transition:transform .5s var(--ease), border-color .4s, box-shadow .5s;border-radius:24px;flex-direction:column;gap:14px;padding:22px 20px 20px;display:flex;position:relative}.sh-card:hover{border-color:color-mix(in srgb, var(--acc) 55%, transparent);box-shadow:0 30px 70px -40px var(--acc);transform:translateY(-6px)}.sh-card .sh-pair{width:86%;max-width:230px;margin:4px auto 6px}.sh-chip{color:var(--text);background:var(--acc-soft);border:1px solid color-mix(in srgb, var(--acc) 45%, transparent);border-radius:999px;align-self:flex-start;align-items:center;gap:7px;padding:4px 11px;font-size:12.5px;display:inline-flex}.sh-chip:before{content:"";background:var(--acc);width:6px;height:6px;box-shadow:0 0 8px var(--acc);border-radius:50%}.sh-card h3{font-size:23px;font-weight:300;line-height:1.3}.sh-card p{color:var(--muted);font-size:14.5px;line-height:1.65}.sh-facts{color:#f2f2f5b8;flex-wrap:wrap;gap:4px 12px;font-size:13px;display:flex}.sh-facts span{align-items:baseline;gap:4px;display:inline-flex}.sh-facts b{font-family:var(--latin);color:var(--text);font-weight:400}.sh-buy{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:14px;display:flex}.sh-price{font-family:var(--latin);align-items:baseline;gap:6px;display:flex}.sh-price b{letter-spacing:-.02em;font-size:36px;font-weight:200;line-height:1}.sh-price small{font-family:var(--sans);color:var(--faint);font-size:12.5px}.sh-go{background:var(--text);color:var(--bg);transition:transform .3s var(--ease);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:9px 16px;font-size:13.5px;font-weight:400;display:inline-flex}.sh-card:hover .sh-go{transform:translate(3px)}.sh-deal{background:radial-gradient(120% 80% at 100% 0%, #b48cff3d, transparent 60%), linear-gradient(170deg, #7c8cff33, #7c8cff0a 70%), var(--glass);transition:transform .5s var(--ease);border:1px solid #7c8cff99;border-radius:24px;flex-direction:column;gap:14px;padding:24px 22px 22px;display:flex;position:relative;box-shadow:0 30px 80px -40px #7c8cffcc}.sh-deal:hover{transform:translateY(-6px)}.sh-deal .sh-tag{color:#fff;background:linear-gradient(100deg, var(--blue), var(--violet));border-radius:999px;align-self:flex-start;padding:5px 13px;font-size:12px}.sh-deal h3{font-size:25px;font-weight:300;line-height:1.3}.sh-deal h3 b{color:#c9cfff;font-weight:400}.sh-deal ul{gap:8px;list-style:none;display:grid}.sh-deal li{color:#f2f2f5e0;grid-template-columns:18px 1fr;gap:6px;font-size:14.5px;line-height:1.55;display:grid}.sh-deal li i{color:#a9b3ff;font-style:normal}.sh-save{color:#b8f5cf;font-size:13px}.sh-value{border:1px solid var(--line);background:radial-gradient(90% 120% at 0% 0%, #7c8cff24, transparent 60%), var(--glass);-webkit-backdrop-filter:blur(14px);border-radius:30px;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:34px;padding:44px;display:grid}.sh-value h2{letter-spacing:-.02em;text-wrap:balance;font-size:clamp(30px,3.6vw,48px);font-weight:200;line-height:1.2}.sh-value h2 b{color:#c9cfff;font-weight:300}.sh-value>div>p{color:var(--muted);margin-top:16px;font-size:16.5px;line-height:1.8}.sh-value .sh-hero-cta{margin-top:24px}.sh-vs{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);align-items:stretch;gap:14px;display:grid}.sh-vs>div{border:1px solid var(--line);background:#ffffff06;border-radius:20px;flex-direction:column;gap:12px;padding:22px 20px;display:flex}.sh-vs .win{background:linear-gradient(170deg,#7c8cff2e,#b48cff0d);border-color:#7c8cffa6}.sh-vs h3{color:var(--muted);font-size:15px;font-weight:400}.sh-vs .win h3{color:#c9cfff}.sh-vs .sh-price b{font-size:40px}.sh-vs .sh-price s{color:var(--faint);font-size:14px}.sh-vs ul{gap:8px;font-size:14px;line-height:1.5;list-style:none;display:grid}.sh-vs li{grid-template-columns:18px 1fr;gap:6px;display:grid}.sh-vs li i{color:#a9b3ff;font-style:normal}.sh-vs li.no,.sh-vs li.no i{color:var(--faint)}.sh-math{color:var(--faint);font-size:13px;font-family:var(--latin)}.sh-steps{counter-reset:step;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.sh-steps li{border:1px solid var(--line);background:var(--glass);border-radius:22px;flex-direction:column;gap:8px;padding:24px;list-style:none;display:flex}.sh-steps li:before{counter-increment:step;content:"0" counter(step);font-family:var(--serif);color:var(--faint);font-size:30px;font-style:italic;line-height:1}.sh-steps b{font-size:18px;font-weight:400}.sh-steps p{color:var(--muted);font-size:15px;line-height:1.7}.sh-faq{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;display:grid}.sh-faq details{border:1px solid var(--line);background:var(--glass);border-radius:18px;padding:18px 22px}.sh-faq summary{cursor:pointer;justify-content:space-between;gap:12px;font-size:16px;font-weight:400;list-style:none;display:flex}.sh-faq summary::-webkit-details-marker{display:none}.sh-faq summary:after{content:"+";color:var(--faint);font-family:var(--latin);transition:transform .3s var(--ease);font-size:22px;font-weight:200;line-height:1}.sh-faq details[open] summary:after{transform:rotate(45deg)}.sh-faq p{color:var(--muted);margin-top:10px;font-size:15px;line-height:1.75}main.sh-page{z-index:5;flex-direction:column;gap:90px;max-width:1180px;margin:0 auto;padding:120px 24px 60px;display:flex;position:relative}.sh-crumb{color:var(--muted);font-size:14px}.sh-crumb:hover{color:var(--text)}.sh-top{grid-template-columns:minmax(0,1fr) minmax(0,.95fr);align-items:start;gap:48px;display:grid}.sh-info{flex-direction:column;gap:18px;display:flex;position:sticky;top:100px}.sh-info h1{letter-spacing:-.03em;text-wrap:balance;font-size:clamp(38px,4.6vw,64px);font-weight:200;line-height:1.12}.sh-info h1 small{letter-spacing:0;color:var(--muted);margin-top:10px;font-size:.32em;font-weight:300;line-height:1.5;display:block}.sh-info .sh-lead{margin-top:0;font-size:17px}.sh-box{border:1px solid color-mix(in srgb, var(--acc) 50%, transparent);background:linear-gradient(170deg, var(--acc-soft), transparent 70%), var(--glass);border-radius:22px;flex-direction:column;gap:14px;padding:24px;display:flex}.sh-box .sh-price b{font-size:50px}.sh-box ul{gap:8px;font-size:15px;line-height:1.55;list-style:none;display:grid}.sh-box li{grid-template-columns:20px 1fr;gap:6px;display:grid}.sh-box li i{color:var(--acc);font-style:normal}.sh-box .pill{justify-content:center}.sh-box .pill.solid{padding:15px 24px;font-size:16px}.sh-fine{color:var(--faint);font-size:12.5px;line-height:1.6}.sh-up{color:#f2f2f5d9;border:1px dashed #7c8cff80;border-radius:16px;align-items:center;gap:12px;padding:14px 16px;font-size:14px;line-height:1.6;transition:border-color .3s,background .3s;display:flex}.sh-up:hover{background:#7c8cff14;border-style:solid}.sh-up b{color:#c9cfff;font-weight:400}.sh-up .ar{color:#c9cfff;margin-left:auto}.sh-gal{flex-direction:column;gap:14px;min-width:0;display:flex}.sh-track{scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:14px;display:flex;overflow-x:auto}.sh-track::-webkit-scrollbar{display:none}.sh-slide{scroll-snap-align:center;flex:0 0 100%;justify-content:center;padding:6px 0 22px;display:flex}.sh-slide .sh-page-img{background:#faf9f6;border-radius:6px;width:min(100%,470px);height:auto;box-shadow:0 30px 60px -26px #000000f2,0 0 0 1px #f2f2f51f}.sh-slide.cover .sh-page-img{background:#1b1b1f}.sh-thumbs{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.sh-thumbs button{border:1px solid var(--line);cursor:pointer;opacity:.55;width:58px;transition:opacity .3s, border-color .3s, transform .3s var(--ease);background:0 0;border-radius:6px;padding:0;overflow:hidden}.sh-thumbs button img{width:100%;height:auto;display:block}.sh-thumbs button:hover{opacity:.85}.sh-thumbs button[aria-current=true]{opacity:1;border-color:var(--acc);transform:translateY(-3px)}.sh-cap{text-align:center;color:var(--muted);min-height:1.6em;font-size:13.5px}.sh-set{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.sh-item{border:1px solid var(--line);background:var(--glass);border-radius:24px;grid-template-columns:120px minmax(0,1fr);align-items:start;gap:22px;padding:26px;display:grid}.sh-item h3{font-size:23px;font-weight:300;line-height:1.3}.sh-item h3 small{color:var(--muted);margin-top:4px;font-size:13.5px;display:block}.sh-item ul{gap:7px;margin-top:12px;font-size:15px;line-height:1.55;list-style:none;display:grid}.sh-item li{grid-template-columns:18px 1fr;gap:6px;display:grid}.sh-item li i{color:var(--acc);font-style:normal}.sh-nums{border-top:1px solid var(--line);flex-wrap:wrap;gap:6px 18px;margin-top:14px;padding-top:14px;display:flex}.sh-nums div{flex-direction:column;display:flex}.sh-nums b{font-family:var(--latin);font-size:28px;font-weight:200;line-height:1.1}.sh-nums span{color:var(--faint);font-size:12.5px}.sh-feats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.sh-feat{border:1px solid var(--line);background:var(--glass);border-radius:20px;flex-direction:column;gap:8px;padding:22px;display:flex}.sh-feat svg{fill:none;width:30px;height:30px;stroke:var(--acc);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px color-mix(in srgb, var(--acc) 60%, transparent))}.sh-feat b{font-size:16.5px;font-weight:400}.sh-feat p{color:var(--muted);font-size:14px;line-height:1.65}.sh-inside{gap:10px;list-style:none;display:grid}.sh-inside li{grid-template-columns:34px 1fr;align-items:baseline;gap:10px;font-size:17px;line-height:1.7;display:grid}.sh-inside li span{font-family:var(--serif);color:var(--acc);font-size:22px;font-style:italic}.sh-toc{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;list-style:none;display:grid}.sh-toc li{border-bottom:1px solid var(--line);grid-template-columns:38px 1fr;align-items:baseline;gap:10px;padding:12px 4px;font-size:15.5px;line-height:1.55;display:grid}.sh-toc li span{font-family:var(--serif);color:var(--acc);font-size:19px}.sh-note{border:1px solid var(--line);color:var(--muted);border-radius:14px;padding:12px 16px;font-size:14px;line-height:1.7}@media (max-width:1100px){.sh-grid,.sh-feats{grid-template-columns:repeat(2,minmax(0,1fr))}.sh-value{grid-template-columns:1fr;padding:32px}}@media (max-width:860px){.sh-hero{grid-template-columns:1fr;gap:6px}.sh-fan{order:-1;width:min(100%,420px);height:250px;margin:-20px auto 26px;overflow:visible}.sh-fan .sh-book{transform-origin:50% 135%;width:34%;margin-left:-17%;bottom:30px}.sh-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}.sh-top{grid-template-columns:1fr;gap:26px}.sh-info{position:static}.sh-set,.sh-steps,.sh-faq,.sh-toc{grid-template-columns:1fr}}@media (max-width:640px){main.sh-page{gap:64px;padding:90px 16px 40px}.sh-hero h1{font-size:40px}.sh-lead{font-size:16.5px;line-height:1.8}.sh-stats b{font-size:32px}.sh-hero-cta .pill{flex:auto;justify-content:center}.sh-grid{grid-template-columns:1fr;gap:14px}.sh-card{grid-template-columns:112px minmax(0,1fr);align-items:start;gap:6px 16px;padding:18px 16px;display:grid}.sh-card .sh-pair{grid-row:1/span 4;width:100%;margin:6px 0 0}.sh-card h3{font-size:21px}.sh-card p{font-size:14px}.sh-card .sh-buy{grid-column:1/-1;padding-top:12px}.sh-card:hover{transform:none}.sh-price b{font-size:32px}.sh-deal h3{font-size:22px}.sh-value{border-radius:24px;padding:24px 18px}.sh-vs{grid-template-columns:1fr}.sh-info h1{font-size:38px}.sh-box{padding:20px 18px}.sh-box .sh-price b{font-size:44px}.sh-item{grid-template-columns:84px minmax(0,1fr);gap:16px;padding:20px 18px}.sh-item h3{font-size:20px}.sh-feats{grid-template-columns:1fr}.sh-feat{grid-template-columns:30px 1fr;gap:4px 14px;padding:18px;display:grid}.sh-feat svg{grid-row:1/span 2}.sh-inside li{font-size:16px}.sh-slide .sh-page-img{width:64%}.sh-slide{padding-bottom:14px}.sh-thumbs button{width:46px}}.sh-co{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:130px minmax(0,1fr);align-items:center;gap:18px;padding:16px 0;display:grid}.sh-co ul{gap:8px;font-size:14.5px;line-height:1.55;list-style:none;display:grid}.sh-co li{grid-template-columns:18px 1fr;gap:6px;display:grid}.sh-co li i{color:var(--acc);font-style:normal}@media (max-width:640px){.sh-co{grid-template-columns:96px minmax(0,1fr);gap:14px}}.sh-stack{aspect-ratio:2.1;width:100%;margin:4px 0 2px;display:block;position:relative}.sh-stack .sh-book{width:34%;bottom:0;left:calc(var(--i) * 66% / (var(--n) - 1));transform:rotate(calc((var(--i) - 3) * 3deg));transform-origin:50% 100%;transition:transform .6s var(--ease);position:absolute}.sh-stack .sh-book:after{display:none}a:hover .sh-stack .sh-book{transform:rotate(calc((var(--i) - 3) * 4.5deg)) translateY(-4px)}.sh-deal .sh-facts b{color:#fff}.sh-vs .pill{justify-content:center;margin-top:auto}.sh-co.wide{grid-template-columns:1fr}.sh-co.wide .sh-stack{max-width:300px}.sh-deal .sh-stack{max-width:330px;margin-inline:auto}.sh-deal .sh-buy{flex-wrap:wrap}.sh-deal .sh-price b{font-size:34px}.sh-deal .sh-price s{color:var(--faint);font-size:13px}