.sq{--sq-ink:#111215;--sq-ink-2:#1b1d22;--sq-abyss:#0b0d10;--sq-deep:#161c24;--sq-surface:#1b2430;--sq-raised:#243140;--sq-ocean:#2b3a4a;--sq-ocean-2:#223040;--sq-orange:#ff6b00;--sq-orange-hot:#ff8a33;--sq-orange-deep:#c24e00;--sq-pearl:#f8f9fa;--sq-slate:#94a3b8;--sq-gold:#ffc740;--sq-good:#3ddc97;--sq-bad:#ff3d6e;--sq-focus:#5cc8ff;--sq-line:#94a3b82e;--sq-line-strong:#94a3b85c;--sq-shadow:#050608;--sq-slant:-9deg;--sq-skew:-12deg;--sq-gutter:clamp(16px, 4.2vw, 64px);--sq-corner:4px 22px 4px 22px;--sq-corner-sm:4px 14px 4px 14px;background:var(--sq-ink);color:var(--sq-pearl);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-plex), "IBM Plex Sans Thai", system-ui, sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}.sq :focus-visible{outline:3px solid var(--sq-orange);outline-offset:3px}.sq{--focus-ring:var(--sq-orange)}.sq-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sq-kicker{color:var(--sq-orange);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:13px;font-weight:800}.sq-slant{letter-spacing:-.01em;transform:skewX(var(--sq-slant));transform-origin:0 100%;margin:0;font-weight:800;line-height:1.14}.sq-h1{font-size:clamp(40px,7vw,108px)}.sq-h2{font-size:clamp(32px,5vw,76px)}.sq-h3{font-size:clamp(22px,2.4vw,34px)}.sq-hot{color:var(--sq-orange)}.sq-dot:after{content:".";color:var(--sq-orange)}.sq-lead{color:#f8f9fae0;max-width:36em;margin:0;font-size:clamp(17px,1.6vw,21px);line-height:1.7}.sq-muted{color:var(--sq-slate)}.sq-kick,.sq-hop,.sq-stretch{display:inline-block}.sq-kick i,.sq-hop i,.sq-stretch i{font-style:normal;display:inline-block}.sq-kick i{animation:.34s ease-in-out infinite alternate sq-kick;animation-delay:calc(var(--i) * -.09s)}.sq-hop i{animation:1.6s ease-in-out infinite sq-hop;animation-delay:calc(var(--i) * 70ms)}.sq-stretch i{transform-origin:0;animation:2.4s ease-in-out infinite sq-stretch;animation-delay:calc(var(--i) * 50ms)}.sq-charge{animation:.9s cubic-bezier(.3,1.5,.5,1) both sq-charge;display:inline-block}.is-turbo .sq-kick i{animation-duration:.12s}.sq-btn{--btn-bg:transparent;--btn-edge:var(--sq-line-strong);--btn-ink:var(--sq-pearl);isolation:isolate;cursor:pointer;min-height:52px;color:var(--btn-ink);font:inherit;white-space:nowrap;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;padding:0 26px;font-size:17px;font-weight:800;text-decoration:none;transition:transform .18s;display:inline-flex;position:relative}.sq-btn:before{content:"";z-index:-1;transform:skewX(var(--sq-skew));border:2px solid var(--btn-edge);background:var(--btn-bg);box-shadow:4px 4px 0 var(--sq-shadow);border-radius:7px;transition:background .15s,border-color .15s,box-shadow .15s;position:absolute;inset:0}.sq-btn:hover{transform:translate(4px)}.sq-btn:active{transform:translate(2px,2px)}.sq-btn:active:before{box-shadow:1px 1px 0 var(--sq-shadow)}.sq-btn:disabled,.sq-btn[aria-disabled=true]{opacity:.45;cursor:default;transform:none}.sq-btn.is-hot{--btn-bg:var(--sq-orange);--btn-edge:var(--sq-orange);--btn-ink:var(--sq-ink)}.sq-btn.is-hot:hover:before{--btn-bg:var(--sq-orange-hot);--btn-edge:var(--sq-orange-hot)}.sq-btn.is-ink{--btn-bg:var(--sq-ink);--btn-edge:var(--sq-ink);--btn-ink:var(--sq-pearl)}.sq-btn.is-ghost{--btn-bg:#1112158c}.sq-btn.is-small{min-height:40px;padding:0 16px;font-size:14px}.sq-btn.is-big{min-height:64px;padding:0 34px;font-size:21px}.sq-tabs{flex-wrap:wrap;gap:6px;display:flex}.sq-tabs>:is(button,a){isolation:isolate;cursor:pointer;min-height:40px;color:var(--sq-slate);font:inherit;white-space:nowrap;background:0 0;border:0;align-items:center;gap:6px;padding:0 16px;font-size:14px;font-weight:800;text-decoration:none;transition:color .2s;display:inline-flex;position:relative}.sq-tabs>:is(button,a):before{content:"";z-index:-1;transform:skewX(var(--sq-skew));border:1.5px solid var(--sq-line);background:0 0;border-radius:6px;transition:background .2s,border-color .2s,transform .2s;position:absolute;inset:0}.sq-tabs>:is(button,a):hover{color:var(--sq-pearl)}.sq-tabs>:is(button,a):hover:before{transform:skewX(var(--sq-skew)) translateX(2px);border-color:var(--sq-slate)}.sq-tabs>:is([aria-selected=true],[aria-pressed=true],[aria-current=page]){color:var(--sq-ink)}.sq-tabs>:is([aria-selected=true],[aria-pressed=true],[aria-current=page]):before{background:var(--sq-orange);border-color:var(--sq-orange)}.sq-panel{border-radius:var(--sq-corner);background:var(--sq-ink-2);border:1px solid var(--sq-line)}.sq-panel.is-ocean{background:var(--sq-ocean);border-color:#0000}.sq-panel.is-air{background:0 0;border:1.5px dashed #94a3b873}.sq-panel.is-glass{-webkit-backdrop-filter:blur(12px);background:#111215c7}.sq-panel.is-hot{border-color:var(--sq-orange);box-shadow:4px 4px 0 var(--sq-orange)}.sq-wobble:hover{animation:.55s ease-in-out sq-wobble}.sq-tag{background:var(--sq-raised);color:var(--sq-pearl);letter-spacing:.04em;transform:skewX(var(--sq-skew));border-radius:4px;align-items:center;gap:6px;padding:3px 12px;font-size:12px;font-weight:800;display:inline-flex}.sq-tag>*{transform:skewX(calc(var(--sq-skew) * -1))}.sq-tag.is-hot{background:var(--sq-orange);color:var(--sq-ink)}.sq-input{border:1.5px solid var(--sq-line-strong);background:var(--sq-deep);width:100%;min-height:50px;color:var(--sq-pearl);font:inherit;border-radius:6px;padding:0 14px;font-size:16px}:is(.sq,body) .sq-input:focus{border-color:var(--sq-orange);outline:none;box-shadow:0 0 0 3px #ff6b0040}.sq-meter{background:var(--sq-deep);height:10px;transform:skewX(var(--sq-skew));border-radius:2px;overflow:hidden}.sq-meter>span{background:var(--sq-orange);transform-origin:0;height:100%;transition:width .4s;display:block}.sq-waterline{isolation:isolate;background:linear-gradient(to bottom, var(--sq-ink) 0, var(--sq-ink) var(--sq-water,55%), var(--sq-ocean) var(--sq-water,55%), var(--sq-ocean-2) 100%);position:relative;overflow:hidden}.sq-surface{left:0;top:calc(var(--sq-water,55%) - 14px);width:200%;height:30px;fill:var(--sq-ocean);pointer-events:none;z-index:0;animation:10s linear infinite sq-surf;position:absolute}.sq-drop{z-index:4;pointer-events:none;background:var(--sq-orange);opacity:0;border-radius:50% 0 50% 50%;width:9px;height:9px;margin:-4px 0 0 -4px;position:absolute;transform:rotate(-45deg)}.sq-drop.is-on{animation:.8s ease-out forwards sq-drip}.sq-tapes{z-index:3;pointer-events:none;height:clamp(96px,11vw,160px);position:relative;overflow:hidden}.sq-tapes.is-overlap{margin-top:calc(clamp(96px,11vw,160px)/-2);margin-bottom:calc(clamp(96px,11vw,160px)/-2)}.sq-tape{white-space:nowrap;background:var(--sq-orange);width:112%;color:var(--sq-ink);padding:.32em 0;font-size:clamp(18px,2.2vw,30px);font-weight:800;line-height:1.3;position:absolute;top:50%;left:-6%;overflow:hidden;transform:translateY(-50%)rotate(-3deg);box-shadow:0 10px #00000040}.sq-tape.is-reverse{z-index:-1;background:var(--sq-pearl);color:var(--sq-ocean);box-shadow:none;transform:translateY(-50%)rotate(2.4deg)}.sq-tape-track{width:max-content;animation:34s linear infinite sq-marquee;display:inline-flex}.sq-tape.is-reverse .sq-tape-track{animation-duration:42s;animation-direction:reverse}.is-turbo .sq-tape-track{animation-duration:12s}.sq-tape-track span{align-items:center;gap:.7em;padding-right:.7em;display:inline-flex}.sq-glyph{flex:none;width:1.6em;height:auto}.sq-tape.is-inline{width:100%;font-size:15px;position:relative;top:0;left:0;transform:rotate(-1.5deg)}.sq-counts{flex-wrap:wrap;align-items:baseline;gap:4px 32px;margin:0;font-size:clamp(16px,1.5vw,21px);font-weight:700;display:flex}.sq-counts>span{align-items:baseline;gap:10px;display:inline-flex}.sq-counts b{color:var(--sq-orange);transform:skewX(var(--sq-slant));font-size:clamp(52px,7.6vw,120px);font-weight:800;line-height:1.05;display:inline-block}.sq-counts.is-small b{font-size:clamp(36px,4.4vw,64px)}.sq-wipes{border-top:1px solid var(--sq-line);margin:0;padding:0;list-style:none}.sq-wipes>li{border-bottom:1px solid var(--sq-line)}.sq-wipe{isolation:isolate;width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;gap:6px 28px;padding:22px 8px;text-decoration:none;transition:color .25s;display:grid;position:relative;overflow:hidden}.sq-wipe:before{content:"";z-index:-1;background:var(--sq-orange);transform-origin:0;transition:transform .38s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0 -40px;transform:skew(-14deg)scaleX(0)}.sq-wipe:hover,.sq-wipe:focus-visible,.sq-wipe.is-on,.sq-wipe[aria-pressed=true],.sq-wipe[aria-current=true]{color:var(--sq-ink)}.sq-wipe:hover:before,.sq-wipe:focus-visible:before,.sq-wipe.is-on:before,.sq-wipe[aria-pressed=true]:before,.sq-wipe[aria-current=true]:before{transform:skew(-14deg)scaleX(1)}.sq-wipe .sq-wipe-no{letter-spacing:.12em;opacity:.8;font-size:13px;font-weight:800}.sq-wipe h3,.sq-wipe .sq-wipe-title{margin:0;font-size:clamp(20px,2.2vw,32px);font-weight:800;line-height:1.25}.sq-wipe p{opacity:.86;margin:0;font-size:15px;line-height:1.6}.sq-wipe .sq-wipe-cta{text-underline-offset:5px;white-space:nowrap;align-self:center;font-size:15px;font-weight:800;text-decoration:underline;text-decoration-thickness:2px}@media (min-width:900px){.sq-wipe.is-cols{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) auto;align-items:center}}.sq-habitats{gap:18px;margin:0;padding:0;list-style:none;display:grid}.sq-habitat{border-radius:var(--sq-corner);min-height:220px;color:inherit;align-content:start;gap:10px;padding:26px 24px 28px;text-decoration:none;transition:transform .25s,box-shadow .2s;display:grid;position:relative}.sq-habitat.is-land{background:var(--sq-ink-2)}.sq-habitat.is-water{background:var(--sq-ocean)}.sq-habitat.is-air{outline-offset:-1.5px;background:0 0;outline:1.5px dashed #94a3b873}.sq-habitat:hover{box-shadow:4px 4px 0 var(--sq-orange);animation:.55s ease-in-out sq-wobble}.sq-habitat h3{transform:skewX(var(--sq-slant));transform-origin:0 100%;margin:0;font-size:clamp(26px,2.8vw,42px);font-weight:800;line-height:1.2}.sq-habitat strong{color:var(--sq-orange);font-size:16px;font-weight:800}.sq-habitat p{color:#f8f9fad1;margin:0;font-size:15px;line-height:1.65}.sq-habitat svg{width:min(100%,200px);height:40px;color:var(--sq-orange)}.sq-habitat[aria-pressed=true],.sq-habitat.is-on{box-shadow:0 0 0 2px var(--sq-orange), 6px 6px 0 var(--sq-orange)}@media (min-width:900px){.sq-habitats.is-stagger{grid-template-columns:repeat(3,minmax(0,1fr))}.sq-habitats.is-stagger>:nth-child(3n+2){margin-top:40px}.sq-habitats.is-stagger>:nth-child(3n){margin-top:80px}}.sq-wave-line{animation:1.6s linear infinite sq-wave}.sq-cta{padding:clamp(72px, 9vw, 120px) var(--sq-gutter);background:var(--sq-orange);color:var(--sq-ink);clip-path:polygon(0 7%,100% 0,100% 93%,0 100%);justify-items:start;gap:20px;margin:clamp(80px,10vw,150px) 0 0;display:grid}.sq-cta h2{max-width:14em;transform:skewX(var(--sq-slant));transform-origin:0 100%;margin:0;font-size:clamp(34px,5.6vw,84px);font-weight:800;line-height:1.16}.sq-cta p{max-width:32em;margin:0;font-size:clamp(16px,1.5vw,20px);line-height:1.7}@media (max-width:640px){.sq-cta{clip-path:polygon(0 3%,100% 0,100% 97%,0 100%)}}.sq-say{background:var(--sq-pearl);width:max-content;max-width:min(22rem,78vw);color:var(--sq-ink);box-shadow:4px 4px 0 var(--sq-orange);border-radius:16px 16px 16px 4px;margin:0;padding:10px 16px 11px;font-size:15px;font-weight:800;line-height:1.45;animation:.34s cubic-bezier(.3,1.7,.5,1) both sq-pop;display:inline-block;position:relative}.sq-say:after{content:"";background:inherit;clip-path:polygon(0 0,100% 0,10% 100%);width:16px;height:12px;position:absolute;bottom:-9px;left:14px}.sq-say:empty{display:none}.sq-duck-row{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.sq-act{border:2px solid var(--sq-pearl);cursor:pointer;min-height:48px;color:var(--sq-pearl);font:inherit;transform:skewX(var(--sq-slant));box-shadow:4px 4px 0 var(--sq-shadow);background:#111215c7;border-radius:6px;align-items:center;gap:8px;padding:0 20px;font-size:18px;font-weight:900;transition:transform .12s,box-shadow .12s;display:inline-flex}.sq-act:hover{transform:skewX(var(--sq-slant)) translateY(-2px);box-shadow:5px 6px 0 var(--sq-shadow)}.sq-act:active{transform:skewX(var(--sq-slant)) translate(3px, 3px);box-shadow:1px 1px 0 var(--sq-shadow)}.sq-act.is-spin{background:var(--sq-orange);border-color:var(--sq-orange);color:var(--sq-ink)}.sq-act-duck{width:30px;height:auto;margin-top:-4px}.sq-count{color:var(--sq-slate);font-size:13px}.sq-count b{color:var(--sq-pearl);font-variant-numeric:tabular-nums}[data-sq-reveal]{transition:opacity .7s,transform .8s cubic-bezier(.2,.8,.2,1)}.sq-armed [data-sq-reveal]:not(.is-in){opacity:0;transform:translate(-48px)skew(5deg)}.sq-footer{padding:clamp(56px, 7vw, 96px) var(--sq-gutter) 44px;text-align:center;justify-items:center;gap:18px;display:grid}.sq-footer-logo{width:min(280px,70vw);height:auto;display:block}.sq-tagline{letter-spacing:.32em;color:var(--sq-slate);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 14px;margin:0;font-size:12px;font-weight:700;display:flex}.sq-tagline span{border:2.5px solid var(--sq-orange);border-radius:50%;width:10px;height:10px}@keyframes sq-kick{0%{transform:translateY(-.035em)rotate(-4deg)}to{transform:translateY(.05em)rotate(4deg)}}@keyframes sq-hop{0%,70%,to{transform:translateY(0)}35%{transform:translateY(-.18em)}}@keyframes sq-stretch{0%,60%,to{transform:scaleX(1)}30%{transform:scaleX(1.25)}}@keyframes sq-charge{0%{transform:skewX(var(--sq-slant)) translateX(-40px);opacity:0}50%{opacity:1;transform:skew(-22deg)translate(18px)}to{transform:skewX(var(--sq-slant))}}@keyframes sq-wobble{0%,to{transform:rotate(0)}30%{transform:rotate(-1.2deg)translateY(-4px)}65%{transform:rotate(.9deg)}}@keyframes sq-surf{to{transform:translate(-50%)}}@keyframes sq-marquee{to{transform:translate(-50%)}}@keyframes sq-wave{to{transform:translate(-50px)}}@keyframes sq-drip{0%{opacity:.95;transform:rotate(-45deg)scale(1)}to{opacity:0;transform:translate(var(--drift), 34px) rotate(-45deg) scale(.2)}}@keyframes sq-pop{0%{opacity:0;transform:translateY(10px)scale(.55)rotate(-4deg)}to{opacity:1;transform:none}}@keyframes sq-enter{0%{opacity:0;transform:translate(-.4em)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.sq *,.sq :before,.sq :after{transition:none!important;animation:none!important}.sq-armed [data-sq-reveal]:not(.is-in){opacity:1;transform:none}}:root[data-theme=light] .sq-themed{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--sq-pearl:#1b2430;--sq-slate:#475569;--sq-ink-2:#fff;--sq-deep:#f1f5f9;--sq-surface:#fff;--sq-raised:#f1f5f9;--sq-surface-raised:#f1f5f9;--sq-ocean:#e3eef8;--sq-ocean-2:#d5e5f3;--sq-abyss:#e9edf2;--sq-orange:#f26a00;--sq-orange-hot:#ff7a1a;--sq-line:#1b243038;--sq-line-strong:#1b24304d;--sq-shadow:#1b243024;--sq-text-soft:#1b2430d1;--sq-wash:#fff0e3;--sq-signal-ink:#8a3a00;--sq-good:#137a4b;--sq-bad:#c41f4f;--sq-gold:#a86b00;--focus-ring:#0067a8;color:#1b2430;background:#f4f7fa}:root[data-theme=light]:has(.sq-themed){background:#f4f7fa}:root[data-theme=light] body:has(.sq-themed){background:#f4f7fa}:root[data-theme=light] .sq-themed :focus-visible{outline-color:#0067a8}:root[data-theme=light] .sq-themed :is(.sq-kicker,.sq-habitat strong){color:#b34800}:root[data-theme=light] .sq-themed :is(.sq-lead,.sq-habitat p){color:var(--sq-text-soft)}:root[data-theme=light] .sq-themed .sq-counts b{color:#d95c00}:root[data-theme=light] .sq-themed .sq-hot{color:#e35f00}:root[data-theme=light] .sq-themed .sq-btn:before{box-shadow:0 1px 2px #1112150f}:root[data-theme=light] .sq-themed .sq-btn:active:before{box-shadow:none}:root[data-theme=light] .sq-themed .sq-btn.is-hot:before{box-shadow:0 6px 16px #f26a0047}:root[data-theme=light] .sq-themed .sq-btn.is-ghost{--btn-bg:#fff;--btn-edge:#1b243042;--btn-ink:#1b2430}:root[data-theme=light] .sq-themed .sq-btn.is-ink{--btn-bg:#1b2430;--btn-edge:#1b2430;--btn-ink:#f8f9fa}:root[data-theme=light] .sq-themed .sq-tabs>:is([aria-selected=true],[aria-pressed=true],[aria-current=page]){color:var(--sq-signal-ink)}:root[data-theme=light] .sq-themed .sq-tabs>:is([aria-selected=true],[aria-pressed=true],[aria-current=page]):before{background:var(--sq-wash);border-color:var(--sq-orange)}:root[data-theme=light] .sq-themed .sq-tag.is-hot{background:var(--sq-wash);color:var(--sq-signal-ink)}:root[data-theme=light] .sq-themed .sq-input{background:#fff}:root[data-theme=light] .sq-themed .sq-input::placeholder{color:#6b7a8c}:root[data-theme=light] .sq-themed .sq-input:focus{box-shadow:0 0 0 3px #f26a002e}:root[data-theme=light] .sq-themed .sq-panel{box-shadow:0 1px 2px #1112150d,0 10px 28px #1b243014}:root[data-theme=light] .sq-themed .sq-panel.is-ocean{background:#e9f3fb}:root[data-theme=light] .sq-themed .sq-panel.is-air{box-shadow:none;border-color:#1b243042}:root[data-theme=light] .sq-themed .sq-panel.is-glass{background:#ffffffe6}:root[data-theme=light] .sq-themed .sq-panel.is-hot{box-shadow:0 0 0 1px var(--sq-orange), 0 10px 28px #f26a0024}:root[data-theme=light] .sq-themed .sq-habitat.is-land{background:#fff;box-shadow:0 10px 28px #1b24301a}:root[data-theme=light] .sq-themed .sq-habitat.is-water{background:#e9f3fb}:root[data-theme=light] .sq-themed .sq-habitat.is-air{background:#f7f9fb;outline-color:#1b243042}:root[data-theme=light] .sq-themed .sq-habitat:hover{box-shadow:0 0 0 1px var(--sq-orange), 0 10px 28px #f26a0024}:root[data-theme=light] .sq-themed :is(.sq-habitat[aria-pressed=true],.sq-habitat.is-on){box-shadow:0 0 0 2px var(--sq-orange), 0 10px 28px #f26a0029}:root[data-theme=light] .sq-themed .sq-waterline{background:linear-gradient(to bottom, #f4f7fa 0, #f4f7fa var(--sq-water,55%), var(--sq-ocean) var(--sq-water,55%), var(--sq-ocean-2) 100%)}:root[data-theme=light] .sq-themed :is(.sq-wipe,.sq-wipes button):before{background:var(--sq-wash);box-shadow:inset 4px 0 0 var(--sq-orange)}:root[data-theme=light] .sq-themed .sq-wipe:is(:hover,:focus-visible,.is-on,[aria-pressed=true],[aria-current=true]){color:#1b2430}:root[data-theme=light] .sq-themed .sq-cta{background:var(--sq-wash);color:#1b2430;box-shadow:inset 0 4px 0 var(--sq-orange)}:root[data-theme=light] .sq-themed .sq-tape.is-reverse{color:#f8f9fa;background:#1b2430}:root[data-theme=light] .sq-themed .sq-say{color:#f8f9fa;background:#1b2430;box-shadow:0 6px 16px #1b24302e}:root[data-theme=light] .sq-themed .sq-act{color:#1b2430;background:#fff;border-color:#1b2430;box-shadow:0 1px 2px #1112150f}:root[data-theme=light] .sq-themed .sq-act.is-spin{background:var(--sq-orange);border-color:var(--sq-orange);color:#111215}:root[data-theme=light] .sq-themed .sq-count b{color:#1b2430}:root[data-theme=light] .sq-themed :is(.brand,.sq-footer){--logo-ink:#111215;--logo-cut:#f4f7fa}