:root{--gutter:clamp(16px,2.4vw,32px)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--display);font-variation-settings:"opsz" 16}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}img{max-width:100%;display:block}.mono{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.th{font-family:"Noto Sans Thai",var(--display)}.hero{height:100svh;padding:80px var(--gutter) var(--gutter);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(20px,3vw,48px);display:grid}.scene{place-items:center;min-height:0;margin:0;display:grid}.scene img{object-fit:contain;-webkit-mask-composite:source-in;width:100%;height:100%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 9% 91%,#0000),linear-gradient(#000 86%,#0000);mask-image:linear-gradient(90deg,#0000,#000 9% 91%,#0000),linear-gradient(#000 86%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.info{flex-direction:column;justify-content:center;min-height:0;padding:8px 0;display:flex}.info__logo{width:clamp(200px,21vw,340px);height:auto;margin-bottom:12px}.ego-line{font-family:"Germania One",var(--display);font-size:clamp(26px,2.3vw,36px);line-height:1.05}.tagline{color:#eef1f8db;max-width:34ch;margin-top:6px;font-size:clamp(16px,1.25vw,18px);line-height:1.45}.tagline .th{color:var(--dim);margin-top:2px;font-size:.85em;display:block}.info .pieces{margin:18px 0 22px}.ctas{flex-wrap:wrap;align-items:center;gap:10px 22px;padding:0 4px 4px 0;display:flex}#order{scroll-margin-top:45vh}.btn-token .price{opacity:.8;font-size:14px;font-weight:600}.btn-token .price s{opacity:.7;margin-left:2px;font-size:12px;font-weight:400}.langs{grid-template-columns:max-content 1fr;align-items:center;gap:10px 14px;margin-top:22px;display:grid}.langs__label{font-family:"Germania One",var(--display);font-size:22px}.langs__row{flex-wrap:wrap;gap:8px;display:flex}.icon-inline{vertical-align:-.12em;width:auto;height:1em;margin-left:2px;display:inline-block}.more{color:var(--dim);align-self:flex-start;gap:6px;margin-top:26px;font-size:14px;transition:color .3s;display:inline-flex}.more:hover{color:var(--mint)}.block{scroll-margin-top:80px}.details{max-width:1240px;padding:clamp(56px,8vw,110px) var(--gutter) 96px;gap:clamp(64px,9vw,120px);margin:0 auto;display:grid}.block{border-top:1px solid var(--line);grid-template-columns:minmax(220px,.75fr) 2fr;gap:clamp(24px,4vw,72px);padding-top:28px;display:grid}.block__head h2{font-family:"Germania One",var(--display);font-size:clamp(34px,3.8vw,54px);font-weight:400;line-height:1}.block__body p{color:#eef1f8db;max-width:62ch;font-size:17px;line-height:1.65}.block__body p+p{margin-top:12px}.fan{margin-top:32px;padding-left:20px;display:flex}.fan img{filter:drop-shadow(0 18px 24px #00000073);width:clamp(110px,13vw,170px);transition:transform .5s var(--spring);border-radius:12px;margin-left:-20px}.fan img:first-child{transform:rotate(-8deg)translateY(8px)}.fan img:nth-child(2){z-index:1;transform:rotate(1deg)}.fan img:nth-child(3){transform:rotate(9deg)translateY(10px)}.fan:hover img:first-child{transform:rotate(-14deg)translate(-14px,4px)}.fan:hover img:nth-child(3){transform:rotate(15deg)translate(14px,6px)}.features{grid-template-columns:1fr 1fr;gap:10px 24px;max-width:68ch;margin-top:22px;list-style:none;display:grid}.features li{color:#eef1f8db;gap:10px;font-size:15px;line-height:1.45;display:flex}.features li:before{content:"✦";color:var(--mint);flex:none}.box{color:var(--dim);max-width:60ch;margin-top:24px;font-size:14px;line-height:1.6}.box b{color:var(--paper);font-weight:600}.topics{margin:18px 0}.topics .piece{align-items:center;gap:6px;display:inline-flex}.topic-icon{background:var(--c);width:15px;height:16px;-webkit-mask:var(--icon) center/contain no-repeat;-webkit-mask:var(--icon) center/contain no-repeat;mask:var(--icon) center/contain no-repeat}.quote{border:1.5px solid var(--line);background:#eef1f80f;border-radius:20px;max-width:52ch;margin:0 0 30px;padding:16px 20px 18px;font-size:clamp(17px,1.6vw,21px);font-weight:500;line-height:1.45;position:relative}.quote:after{content:"";background:color-mix(in srgb, #eef1f8 6%, var(--navy));border:1.5px solid var(--line);border-top:0;border-left:0;width:16px;height:16px;position:absolute;bottom:-9px;left:34px;transform:rotate(45deg)}.quote .th{color:var(--dim);margin-top:6px;font-size:14px;font-weight:400;display:block}.credits{color:var(--dim);grid-template-columns:auto 1fr;gap:4px 18px;margin-top:18px;font-size:14px;display:grid}.credits b{color:var(--paper);font-weight:600}@media (max-width:900px),(max-height:800px){.hero{height:auto;padding:76px 12px 8px;display:block}.scene img{height:auto}.info{padding:26px 6px 0}}@media (max-width:760px){.langs{grid-template-columns:1fr;gap:6px}.langs__row+.langs__label{margin-top:8px}.features{grid-template-columns:1fr}.block{grid-template-columns:1fr;gap:16px}.details{gap:56px;padding:48px 18px 72px}}.order-panel{flex-basis:100%}.order-panel[hidden]{display:none}.hero:has(.order-panel:not([hidden])){height:auto;min-height:100svh}.order-form{background:var(--navy-2);border:1px solid var(--line);border-radius:14px;gap:14px;max-width:400px;padding:16px;display:grid}.order-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.order-label{font-family:"Germania One",var(--display);font-size:20px;line-height:1}.order-stepper{border:1.5px solid var(--line);border-radius:10px;align-items:center;gap:4px;padding:2px;display:inline-flex}.order-stepper button{border-radius:8px;width:38px;height:34px;font-size:20px;line-height:1;transition:background .2s}.order-stepper button:hover:not(:disabled){background:var(--line)}.order-stepper button:disabled{opacity:.3;cursor:default}.order-stepper output{text-align:center;min-width:2ch;font-family:var(--mono);font-size:17px}.order-stepper button:focus-visible{outline:2px solid var(--mint);outline-offset:1px}.order-methods{border:0;gap:8px;display:grid}.order-methods legend{margin-bottom:8px}.order-choice{border:1.5px solid var(--line);cursor:pointer;border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;transition:border-color .2s;display:flex}.order-choice:has(input:checked){border-color:var(--mint)}.order-choice:has(input:disabled){opacity:.55;cursor:default}.order-choice input{accent-color:var(--mint);flex:none;margin-top:3px}.order-choice input:focus-visible{outline:2px solid var(--mint);outline-offset:2px}.order-choice__body{gap:2px;display:grid}.order-choice__name{font-size:15px;font-weight:600}.order-choice__price{color:var(--dim);margin-left:4px;font-weight:400}.order-choice small{color:var(--dim);font-size:13px}.order-total{border-top:1px solid var(--line);padding-top:12px}.order-total output{font-family:var(--display);color:var(--mint);font-size:22px;font-weight:700}.order-pay{justify-content:center}.order-pay:disabled{opacity:.6;cursor:progress}.order-msg{color:var(--paper);border-left:3px solid var(--magenta);padding-left:10px;font-size:14px;line-height:1.4}.order-msg[hidden]{display:none}.btn-token.is-off{opacity:.55;cursor:default;box-shadow:none;transform:none}.order-slips{flex-wrap:wrap;gap:6px 16px;display:inline-flex}.order-slips .link-wavy{font-size:14px}.thanks{gap:18px;max-width:440px;margin:0 auto;padding:96px 16px 64px;display:grid}.thanks [hidden]{display:none}.thanks h1{font-family:"Germania One",var(--display);font-size:clamp(30px,8vw,40px);font-weight:400;line-height:1.05}:where(.thanks) p{color:#eef1f8db;font-size:16px;line-height:1.55}.thanks .dim{color:var(--dim)}.thanks-state{gap:16px;display:grid}.thanks-state>.btn-token{justify-self:start}.thanks-foot{border-top:1px solid var(--line);color:var(--dim);margin-top:12px;padding-top:14px;font-size:13px}.slip{text-align:center;background:var(--navy-2);border:1px solid var(--line);border-radius:16px;justify-items:center;gap:6px;padding:22px 18px 24px;display:grid}.slip__logo{width:min(200px,60%);height:auto;margin-bottom:6px}.slip__code{font-family:var(--mono);letter-spacing:.06em;color:var(--mint);font-size:clamp(34px,10vw,44px);font-weight:500;line-height:1.15}.slip__boxes{font-weight:600}.slip__qr{background:#fff;border-radius:12px;margin:10px 0 8px;padding:12px;line-height:0}.slip__qr img{aspect-ratio:1;width:260px;max-width:100%;height:auto}.slip__where{font-size:15px}.slip-save{color:var(--navy);background:var(--mint);border-radius:10px;padding:10px 14px;font-weight:600}.slip-save+.btn-token{justify-self:start;margin-top:-4px}.slip-done{color:var(--dim);font-size:14px}
