@import "https://fonts.googleapis.com/css2?family=Condiment&family=IBM+Plex+Mono:wght@400;500;600;700&family=IBM+Plex+Sans+Thai:wght@300;400;500;600;700&display=swap";
@font-face{font-family:Anuphan;src:url(/assets/fonts/Anuphan-VariableFont_wght.ttf)format("truetype-variations");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Chonburi;src:url(/assets/fonts/Chonburi-Regular.ttf)format("truetype");font-weight:400 700;font-style:normal;font-display:swap}:root{--cp-cream:#faf6ef;--cp-paper:#f0e9d9;--cp-ink:#111;--cp-white:#fff;--cp-orange:#e5501e;--cp-orange-hover:#c24817;--cp-orange-press:#a8380e;--cp-link:#a83c11;--cp-link-hover:#111;--cp-lavender:#bcb0f3;--cp-lavender-tint:#efecfd;--cp-muted:#6b6760;--cp-muted-ink:#b6b1a7;--cp-hairline:#e9e2d6;--cp-green:#4dab5c;--cp-font-display:"Chonburi",Georgia,serif;--cp-font-ui:"Anuphan",-apple-system,BlinkMacSystemFont,sans-serif;--cp-font-body:"IBM Plex Sans Thai",-apple-system,BlinkMacSystemFont,sans-serif;--cp-font-mono:"IBM Plex Mono",monospace;--cp-font-hand:"Condiment",cursive;--cp-text-giant:clamp(64px,15vw,240px);--cp-text-hero:clamp(30px,4.2vw,64px);--cp-text-section-h2:clamp(28px,3.6vw,54px);--cp-text-headline:clamp(26px,2.9vw,40px);--cp-text-subhead:clamp(18px,1.8vw,24px);--cp-text-body:clamp(16px,1.4vw,19px);--cp-text-caption:14px;--cp-text-mono-sm:12px;--cp-text-mono-base:13px;--cp-max-width:1360px;--cp-gutter:clamp(20px,4vw,56px);--cp-section-gap:clamp(56px,8vw,110px);--cp-grid-gap:24px 60px;--cp-r-pill:999px;--cp-r-panel:24px;--cp-r-card:20px;--cp-r-card-sm:16px;--cp-r-chip:8px;--cp-shadow-product:0 6px 18px #1111110f;--cp-shadow-sticker:4px 4px 0 #111;--cp-shadow-sticker-lg:6px 6px 0 #111;--cp-shadow-sticker-xl:8px 8px 0 #111;--cp-shadow-cta:0 6px 16px #e5501e47;--cp-ease-fast:cubic-bezier(.2,.8,.2,1);--cp-ease-smooth:cubic-bezier(.16,1,.3,1);--cp-ease-spring:cubic-bezier(.34,1.56,.64,1);--cp-t-fast:.14s;--cp-t-mid:.2s;--cp-t-entrance:.32s;--cp-t-reveal:.52s}.sloth-page-root{background:url(/assets/textures/paper-cream.png) repeat,var(--cp-cream);color:#2d2d2d;font-family:var(--cp-font-body);-webkit-font-smoothing:antialiased;width:100%;max-width:100%;min-height:100vh;margin:0;padding:0;font-size:16px;line-height:1.7;position:relative;overflow-x:hidden}.sloth-page-root h1,.sloth-page-root h2,.sloth-page-root h3,.sloth-page-root .cp-display{font-family:var(--cp-font-display);line-height:1.45;letter-spacing:0!important}.sloth-page-root a{color:var(--cp-link);text-underline-offset:3px;transition:color var(--cp-t-fast)var(--cp-ease-fast);text-decoration:underline}.sloth-page-root a:hover{color:var(--cp-link-hover)}.sloth-page-root .cp-btn-primary,.sloth-page-root .cp-sticker{background-color:var(--cp-orange);font-family:var(--cp-font-ui);border:2px solid var(--cp-ink);border-radius:var(--cp-r-pill);box-shadow:var(--cp-shadow-sticker-lg);min-height:44px;transition:transform var(--cp-t-fast)var(--cp-ease-fast),box-shadow var(--cp-t-fast)var(--cp-ease-fast),background-color var(--cp-t-fast)var(--cp-ease-fast);justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:inline-flex;color:var(--cp-white)!important}.sloth-page-root .cp-btn-primary:hover,.sloth-page-root .cp-sticker:hover{background-color:var(--cp-orange-hover);box-shadow:var(--cp-shadow-sticker-xl);transform:translate(-2px,-2px);color:var(--cp-white)!important}.sloth-page-root .cp-btn-primary:active,.sloth-page-root .cp-sticker:active{background-color:var(--cp-orange-press);box-shadow:2px 2px 0 var(--cp-ink)!important;transform:translate(2px,2px)!important}.sloth-page-root :focus-visible{outline:2px solid var(--cp-orange)!important;outline-offset:2px!important}.sloth-container{width:100%;max-width:var(--cp-max-width);padding-left:var(--cp-gutter);padding-right:var(--cp-gutter);margin-left:auto;margin-right:auto}.sloth-section{max-width:var(--cp-max-width);margin-left:auto;margin-right:auto;margin-top:var(--cp-section-gap);padding-left:var(--cp-gutter);padding-right:var(--cp-gutter)}.sloth-section-rule{border-top:1px solid var(--cp-ink);margin-bottom:clamp(20px,3vw,34px)}.cp-eyebrow{font-family:var(--cp-font-mono);font-size:var(--cp-text-mono-sm);letter-spacing:.16em;text-transform:uppercase;color:var(--cp-muted);font-weight:500}@keyframes cp-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes cp-marquee-rev{0%{transform:translate(-50%)}to{transform:translate(0)}}@keyframes cp-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes cp-word-in{0%{opacity:0;transform:translateY(.6em)}to{opacity:1;transform:translateY(0)}}@keyframes cp-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes cp-menu-in{0%{opacity:0}to{opacity:1}}@keyframes cp-menu-slide{0%{opacity:0;transform:translateY(-22px)}to{opacity:1;transform:none}}.cp-rev{opacity:0}.cp-rev.is-in{animation:cp-rise var(--cp-t-reveal)var(--cp-ease-smooth)both}.cp-word{opacity:0;display:inline-block}.cp-word.cp-word-run{animation:cp-word-in .8s var(--cp-ease-fast)forwards}.cp-header{z-index:40;border-bottom:1px solid var(--cp-ink);background:#faf6eff7;position:sticky;top:0}.cp-header-inner{max-width:var(--cp-max-width);padding:0 var(--cp-gutter);align-items:center;gap:12px;min-height:64px;margin:0 auto;display:flex}.cp-navpill{border:2px solid var(--cp-ink);border-radius:var(--cp-r-pill);background:var(--cp-white);align-items:center;gap:clamp(14px,2vw,26px);margin-left:auto;padding:10px clamp(18px,2vw,28px);display:none}.cp-navpill a{font-family:var(--cp-font-ui);color:var(--cp-muted);transition:color var(--cp-t-fast)var(--cp-ease-fast);font-size:15px;font-weight:600;line-height:1;text-decoration:none}.cp-navpill a:hover,.cp-navpill a[aria-current=page]{color:var(--cp-ink)}.cp-burger{border:2px solid var(--cp-ink);border-radius:var(--cp-r-pill);background:var(--cp-white);width:44px;height:44px;box-shadow:4px 4px 0 var(--cp-ink);cursor:pointer;z-index:60;transition:transform var(--cp-t-fast)var(--cp-ease-fast),box-shadow var(--cp-t-fast)var(--cp-ease-fast);place-items:center;padding:0;display:inline-grid;position:relative}.cp-burger:active{box-shadow:1px 1px 0 var(--cp-ink);transform:translate(2px,2px)}.cp-burger i{background:var(--cp-ink);width:18px;height:2px;transition:transform .3s var(--cp-ease-fast),opacity .2s linear;position:absolute}.cp-burger i:first-child{transform:translateY(-5px)}.cp-burger i:nth-child(2){opacity:1}.cp-burger i:nth-child(3){transform:translateY(5px)}.cp-burger.is-open i:first-child{transform:rotate(45deg)}.cp-burger.is-open i:nth-child(2){opacity:0;transform:scaleX(0)}.cp-burger.is-open i:nth-child(3){transform:rotate(-45deg)}.cp-menu{z-index:55;background:var(--cp-ink);animation:cp-menu-in var(--cp-t-entrance)var(--cp-ease-smooth)both;flex-direction:column;justify-content:center;align-items:center;gap:26px;display:flex;position:fixed;inset:0}.cp-menu a{font-family:var(--cp-font-ui);color:var(--cp-white);animation:cp-menu-slide .38s var(--cp-ease-smooth)both;font-size:clamp(24px,7vw,32px);font-weight:600;line-height:1.45;text-decoration:none}.cp-menu a:hover{color:var(--cp-lavender)}.cp-menu a:first-of-type{animation-delay:0s}.cp-menu a:nth-of-type(2){animation-delay:40ms}.cp-menu a:nth-of-type(3){animation-delay:80ms}.cp-menu a:nth-of-type(4){animation-delay:.12s}@media (min-width:901px){.cp-navpill{display:flex}.cp-burger{display:none}}@media (max-width:768px){.cp-hide-mobile{display:none!important}}@media (min-width:769px){.cp-hide-desktop{display:none!important}}.cp-sticky-cta-bar{box-sizing:border-box;z-index:50;background:var(--cp-cream);border-top:2px solid var(--cp-ink);opacity:0;pointer-events:none;width:100%;max-width:100vw;transition:transform .3s var(--cp-ease-smooth),opacity .25s ease;position:fixed;bottom:0;left:0;right:0;overflow:hidden;transform:translateY(100%);box-shadow:0 -4px 18px #11111114}.cp-sticky-cta-bar.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}@media (max-width:600px){.cp-sticky-cta-bar>div{gap:10px!important;padding:8px 12px!important}.cp-sticky-cta-avatar{width:32px!important;height:32px!important}.cp-sticky-cta-sub{display:none!important}.cp-sticky-cta-title{font-size:12.5px!important;line-height:1.25!important}.cp-sticky-cta-btn{white-space:nowrap!important;padding:8px 14px!important;font-size:12.5px!important}}#cp-price-box{scroll-margin-top:80px}.cp-hero-full{background-color:var(--cp-cream);box-sizing:border-box;align-items:center;width:100%;max-width:100%;height:auto;min-height:clamp(580px,78vh,880px);padding:clamp(28px,4vh,48px) 0;display:flex;position:relative;overflow:hidden}.sloth-bg{aspect-ratio:16/9;z-index:0;pointer-events:none;-webkit-mask-composite:source-in;width:auto;height:100%;position:absolute;top:0;bottom:0;right:max(-40px,50% - 780px);-webkit-mask-image:linear-gradient(90deg,#0000 0%,#0006 8%,#000 22% 100%),linear-gradient(#000 80%,#00000059 100%);mask-image:linear-gradient(90deg,#0000 0%,#0006 8%,#000 22% 100%),linear-gradient(#000 80%,#00000059 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.sloth-bg video,.sloth-bg img{object-fit:contain;object-position:right center;width:100%;height:100%;display:block;position:absolute;inset:0}.sloth-bg video{z-index:1}.sloth-bg img{z-index:0}.sloth-text-scrim{z-index:1;pointer-events:none;-webkit-backdrop-filter:blur(12px);background:#faf6ef47;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000 25%,#0000 55%);mask-image:linear-gradient(90deg,#000 25%,#0000 55%)}.sloth-inner{z-index:2;width:100%;max-width:var(--cp-max-width);padding:0 var(--cp-gutter);margin:0 auto;position:relative}.sloth-col{max-width:min(52%,640px)}.sloth-cue{right:var(--cp-gutter);z-index:2;font-family:var(--cp-font-mono);color:#5c3d2e;font-size:12px;font-weight:500;line-height:1.7;position:absolute;bottom:clamp(16px,2.4vw,30px)}@media (max-width:900px){.cp-hero-full{height:auto;min-height:0;max-height:none;padding:0;display:block}.sloth-inner{padding:clamp(28px,5vw,44px)var(--cp-gutter)clamp(44px,6vw,64px)}.sloth-bg{aspect-ratio:4/3;border-bottom:1px solid var(--cp-ink);width:100%;height:auto;position:relative;right:auto;overflow:hidden;-webkit-mask-image:none;mask-image:none;transform:none!important}.sloth-bg video,.sloth-bg img{object-position:68% 18%;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.sloth-text-scrim{display:none}.sloth-col{max-width:none}.sloth-cue{display:none}}.cp-stats{border-top:1px solid var(--cp-hairline);flex-wrap:wrap;align-items:flex-end;gap:clamp(22px,4vw,52px);margin:clamp(24px,3.4vw,38px) 0 0;padding-top:20px;display:flex}.cp-mark-tri{width:20px;height:20px;position:relative}.cp-mark-tri i{background:var(--cp-ink);width:3px;height:3px;position:absolute}.wt-carousel-container{z-index:1;background:var(--cp-ink);color:var(--cp-white);border-radius:var(--cp-r-panel);padding:clamp(22px,3.5vw,48px) clamp(18px,3.5vw,56px) 0;position:relative;overflow:hidden}.wt-track{transition:transform .45s cubic-bezier(.2,.8,.2,1);display:flex}.px-header{aspect-ratio:16/9;background:var(--cp-cream);cursor:crosshair;border:1.5px solid var(--cp-ink);background-image:radial-gradient(#11111108 1px,#0000 1px);background-size:6px 6px;border-radius:20px;width:100%;position:relative;overflow:hidden}.px-layer{will-change:transform;transition:transform .55s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.px-layer>*{position:absolute}.px-lane{inset:0}.px-grid{background:linear-gradient(#1111110e 1px,#0000 1px) 0 0/100% 12.5%,linear-gradient(90deg,#1111110e 1px,#0000 1px) 0 0/8.33% 100%;inset:-6%}.px-halo{aspect-ratio:1;background:radial-gradient(circle,#e5501e29,#e5501e00 68%);border-radius:50%;width:34%;top:26%;left:50%;transform:translate(-50%,-50%)}.px-sloth{height:112%;bottom:-2%;left:50%;transform:translate(-50%)}.px-sloth img{width:auto;height:100%;display:block}.task-pos{transition:left .5s cubic-bezier(.5,0,.75,0),top .5s cubic-bezier(.5,0,.75,0),opacity .5s ease-in,scale .5s cubic-bezier(.5,0,.75,0);position:absolute;translate:-50%}.task-pos.suck{opacity:0;scale:.08}.task{white-space:nowrap;color:#111;font-weight:500;font-family:var(--cp-font-body);border:2.5px solid var(--cp-ink);border-radius:var(--cp-r-pill);box-shadow:4px 4px 0 var(--cp-ink);transform:rotate(var(--r,0deg))scale(0);transform-origin:bottom;background:#fff;padding:.5em 1em;font-size:clamp(10px,1.05vw,16px)}.task:before{content:"";background:var(--cp-orange);vertical-align:.06em;border-radius:50%;width:.5em;height:.5em;margin-right:.55em;display:inline-block}.task.pop{animation:.42s cubic-bezier(.34,1.56,.64,1) forwards px-pop}@keyframes px-pop{0%{transform:translateY(14px)rotate(var(--r,0deg))scale(0)}70%{transform:translateY(0)rotate(var(--r,0deg))scale(1.12)}to{transform:translateY(0)rotate(var(--r,0deg))scale(1)}}.task.float{animation:3.6s ease-in-out infinite alternate px-tfloat}@keyframes px-tfloat{0%{transform:translateY(0)rotate(var(--r,0deg))scale(1)}to{transform:translateY(-7px)rotate(calc(var(--r,0deg)*-1))scale(1)}}.px-doodle{stroke:var(--cp-ink);fill:none;stroke-width:2.4px;stroke-linecap:round}.px-doodle.thin{stroke-width:1.8px;stroke:#1111116b}.px-doodle.acc{stroke:var(--cp-orange);stroke-width:3.4px}.px-brain-glow{aspect-ratio:1;opacity:0;mix-blend-mode:multiply;background:radial-gradient(circle,#e5501ed9,#e5501e00 65%);border-radius:50%;width:15%;transition:opacity .45s ease-out;top:18%;left:50%;transform:translate(-50%,-50%)}.px-brain-glow.on{opacity:1;transition:none}.px-hint{font-family:var(--cp-font-mono);letter-spacing:.14em;color:#11111159;text-transform:uppercase;margin:0;font-size:12px;position:absolute;bottom:3%;right:2.5%}.cp-faq-scroller{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.cp-faq-track{width:max-content;animation:cp-marquee var(--d,60s)linear infinite;display:flex}.cp-faq-track.rev{animation-name:cp-marquee-rev}.cp-faq-scroller:hover .cp-faq-track,.cp-faq-scroller:focus-within .cp-faq-track{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.cp-rev,.cp-word{opacity:1!important;animation:none!important;transform:none!important}.cp-bar-track,.cp-track,.cp-faq-track{animation:none!important}.px-layer{transition:none!important}.task{animation:none!important;transform:none!important}}
