:root{--yellow: #ffc83d;--paper: #fffdf6;--white: #ffffff;--navy: #1f2340;--soft: #5b5e75;--rule: #e5dfd0;--track: #f1eee5;--green-text: #087a54;--red-text: #c2381f;--display: "Kanit", system-ui, sans-serif;--body: "Sarabun", system-ui, sans-serif;--gutter: 16px;--tap: 48px;--ease-out: cubic-bezier(.16, 1, .3, 1);color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--paper);color:var(--navy);font:400 16px/1.6 var(--body);caret-color:var(--navy)}::selection{background:var(--yellow);color:var(--navy)}h1,h2,h3{font-family:var(--display);line-height:1.25;margin:0;text-wrap:balance}p{margin:0}img,svg{display:block;max-width:100%}a{color:inherit;text-underline-offset:3px}:focus-visible{outline:3px solid var(--navy);outline-offset:2px}.num{font-family:var(--display);font-variant-numeric:tabular-nums}.wrap{width:100%;max-width:1120px;margin-inline:auto;padding-inline:var(--gutter)}.skip{position:absolute;left:var(--gutter);top:-100px;z-index:10;padding:12px 16px;border-radius:12px;background:var(--navy);color:var(--yellow);font-family:var(--display)}.skip:focus{top:12px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--tap);padding:0 24px;border-radius:16px;font:700 18px/1 var(--display);text-decoration:none;transition:transform .16s var(--ease-out),background-color .16s var(--ease-out)}.btn:active{transform:translateY(1px)}.btn-ink{min-height:56px;padding-inline:32px;background:var(--navy);color:var(--yellow)}.btn-ink:hover{background:#2c315a}.btn-ghost{min-height:44px;padding-inline:18px;border:2px solid var(--navy);font-size:16px;font-weight:600}.btn-ghost:hover{background:#1f234014}.hint{color:#4d4220;font-size:15px}.cover{background:var(--yellow);border-radius:0 0 26px 26px;padding-bottom:32px}.cover-bar{display:flex;align-items:center;justify-content:space-between;min-height:72px}.brand{display:inline-flex;align-items:center;gap:10px;min-height:var(--tap);font:700 20px/1 var(--display);text-decoration:none}.brand img{border-radius:9px;box-shadow:0 0 0 2px var(--navy)}.hero{display:grid;gap:32px;padding-top:16px}.hero h1{font-size:clamp(38px,10.5vw,64px);font-weight:700;letter-spacing:-.02em;line-height:1.15}.lede{margin-top:16px;max-width:34em;font-size:18px;line-height:1.65}.hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:28px}.ledger{background:var(--white);border:1px solid var(--rule);border-radius:24px;padding:20px}.ledger-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.ledger-head h2{font-size:21px;font-weight:600}.badge{flex:none;padding:4px 12px;border-radius:999px;background:var(--track);color:var(--soft);font:500 14px/1.4 var(--display)}.ledger-lines{list-style:none;margin:12px 0 0;padding:0}.ledger-lines li{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px dashed var(--rule)}.ledger-lines li>span:first-child{display:flex;flex-direction:column}.ledger-lines small{color:var(--soft);font-size:14px;line-height:1.4}.ledger-lines .num{white-space:nowrap;font-size:17px;font-weight:500}.ledger-total{display:flex;align-items:baseline;justify-content:space-between;padding:12px 0 8px;font:600 17px/1.3 var(--display)}.ledger-total strong{font-size:24px;font-weight:700;border-bottom:4px double var(--navy)}.stepper{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin-top:12px;padding:10px 10px 10px 16px;border-radius:16px;background:var(--track);font:500 16px/1.3 var(--display)}.stepper-controls{display:flex;align-items:center;gap:4px}.stepper output{min-width:3.4em;text-align:center;font-size:26px;font-weight:700}.step{display:grid;place-items:center;width:var(--tap);height:var(--tap);border:0;border-radius:14px;background:var(--white);box-shadow:0 2px 0 var(--rule);color:var(--navy);cursor:pointer;transition:transform .12s var(--ease-out)}.step svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round}.step:active:not(:disabled){transform:translateY(2px);box-shadow:none}.step:disabled{color:#a9abb8;cursor:not-allowed}.channels{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.channel{padding:14px;border:1px solid var(--rule);border-radius:14px}.channel h3{font-size:16px;font-weight:600}.channel-price{margin-top:2px;font-size:clamp(36px,11vw,48px);font-weight:700;line-height:1.15}.channel-note{margin-top:4px;font-size:14px;line-height:1.5;color:var(--soft)}.channel-note .num{white-space:nowrap}.profit{color:var(--green-text);font-weight:600}.fee{color:var(--red-text);font-weight:600}.ledger-foot{margin-top:14px;color:var(--soft);font-size:14px;line-height:1.5}.section{padding-block:64px 8px}.section h2{font-size:clamp(26px,6.5vw,36px);font-weight:700;letter-spacing:-.01em}.leak-list{margin:20px 0 0}.leak{padding:18px 0;border-bottom:1px dashed var(--rule)}.leak:first-child{border-top:1px dashed var(--rule)}.leak dt{font:600 19px/1.35 var(--display)}.leak dd{margin:6px 0 0;max-width:40em;color:var(--soft)}.steps-section{margin-top:56px;padding-block:56px;background:var(--white);border-block:1px solid var(--rule)}.steps{counter-reset:step;list-style:none;display:grid;gap:48px;margin:28px 0 0;padding:0}.step-item{counter-increment:step;display:grid;gap:8px;max-width:360px;margin-inline:auto}.step-item figure{margin:0 0 12px}.step-item img{width:100%;height:auto;border:1px solid var(--rule);border-radius:24px;background:var(--paper)}.step-item h3{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:600}.step-item h3:before{content:counter(step);display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:999px;background:var(--yellow);font-weight:700;font-variant-numeric:tabular-nums}.step-item p{color:var(--soft)}.comfort-list{list-style:none;display:grid;gap:24px;margin:24px 0 0;padding:0}.comfort-list li{display:flex;gap:16px;align-items:flex-start}.comfort-list svg{flex:none;width:48px;height:48px;padding:11px;border-radius:14px;background:var(--yellow);fill:none;stroke:var(--navy);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.comfort-list h3{font-size:18px;font-weight:600}.comfort-list p{margin-top:4px;color:var(--soft)}.pro-card{padding:28px 24px;border-radius:24px;background:var(--navy);color:var(--white)}.pro-card h2{color:var(--yellow)}.pro-card>p{margin-top:10px;max-width:36em;color:#d9dae6}.pro-list{list-style:none;display:grid;gap:12px;margin:20px 0 0;padding:0;font:500 17px/1.4 var(--display)}.pro-list li{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.pro-list li:before{content:"";flex:none;width:24px;height:24px;border-radius:999px;background:var(--yellow) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.5 12.5l3.5 3.5 7.5-8' fill='none' stroke='%231F2340' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 18px no-repeat}.soon{padding:2px 10px;border-radius:999px;border:1px solid #5b5f80;color:#d9dae6;font-size:13px}.faq h2{margin-bottom:16px}.faq details{border-bottom:1px dashed var(--rule)}.faq details:first-of-type{border-top:1px dashed var(--rule)}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:12px 0;cursor:pointer;list-style:none;font:500 18px/1.4 var(--display)}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"";flex:none;width:10px;height:10px;margin-right:6px;border-right:2.5px solid var(--navy);border-bottom:2.5px solid var(--navy);transform:translateY(-3px) rotate(45deg);transition:transform .2s var(--ease-out)}.faq details[open] summary:after{transform:translateY(2px) rotate(-135deg)}.faq details p{max-width:40em;padding-bottom:18px;color:var(--soft)}.final{margin-top:72px;background:var(--yellow);border-radius:26px 26px 0 0}.final-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding-block:48px}.final h2{font-size:clamp(26px,6.5vw,36px)}.footer{padding-block:24px 40px;color:var(--soft);font-size:14px}.tick{animation:tick .32s var(--ease-out)}@keyframes tick{0%{opacity:.35;transform:translateY(6px);filter:blur(2px)}}@media (prefers-reduced-motion: reduce){.tick{animation:none}}@media (min-width: 720px){:root{--gutter: 32px}.leak{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:32px}.leak dd{margin:0}.comfort-list{grid-template-columns:1fr 1fr;gap:32px 48px}.pro-card{padding:40px}.pro-list{grid-template-columns:1fr 1fr;gap:14px 32px}.final{width:calc(100% - 2 * var(--gutter));max-width:1120px;margin:96px auto 8px;border-radius:26px}}@media (min-width: 880px){.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}}@media (min-width: 960px){.cover{padding-bottom:56px}.hero{grid-template-columns:minmax(0,1fr) minmax(0,460px);align-items:center;gap:56px;padding-top:40px}.ledger{padding:24px}.section{padding-top:96px}.steps-section{margin-top:96px;padding-block:88px}}.nw{white-space:nowrap}@media (max-width: 719px){.step-item img{max-width:300px;margin-inline:auto}}.final-note{margin-top:6px;font:600 18px/1.4 var(--display)}.cover-links{display:flex;align-items:center;gap:4px}.text-link{display:inline-flex;align-items:center;min-height:44px;padding-inline:10px;font:600 16px/1 var(--display)}.footer a{color:var(--navy)}.roadmap-lead{margin-top:8px;max-width:36em;color:var(--soft)}.roadmap-list{display:grid;gap:14px;margin:20px 0 0;padding-left:1.6em}.roadmap-list h3{font:600 17px/1.4 var(--display)}.roadmap-list p{margin-top:2px;color:var(--soft)}@media (min-width: 760px){.roadmap-list{grid-template-columns:1fr 1fr;column-gap:40px}}