@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:400;font-display:swap;src:url(../media/b4b14f44d63d21f2-s.09q3flbxo0w4e.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:400;font-display:swap;src:url(../media/81b01dcd824434dd-s.p.3u0t_c_yzgtgw.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:400;font-display:swap;src:url(../media/f34bcfed31234774-s.3fcxnszjbtksy.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:400;font-display:swap;src:url(../media/098adb8bb3c21377-s.p.09e83-4vqkr8v.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:500;font-display:swap;src:url(../media/3b79255d0fc0c0d8-s.2taqxaqrv3ssw.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:500;font-display:swap;src:url(../media/7a3b98edb52b34e8-s.p.3_xwflgq9fbqb.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:500;font-display:swap;src:url(../media/6464db7ff35a62d3-s.1x31jf7v-_3a0.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:500;font-display:swap;src:url(../media/a86bc8e8711b62bb-s.p.2t1pwrt0o-zp3.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:600;font-display:swap;src:url(../media/caa157f60f748efa-s.20mrlfyovr0p8.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:600;font-display:swap;src:url(../media/7c31128e26fc9cb0-s.p.2wx1mw4dt7_s5.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1c119465040ff5bb-s.10770ssbdafq9.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:600;font-display:swap;src:url(../media/0b317410534a54bf-s.p.0xwse1x-bzy3s.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:700;font-display:swap;src:url(../media/661e8677aa162059-s.2m8zx_hq13x-4.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:700;font-display:swap;src:url(../media/087894984ee2963f-s.p.2_z8r5dfkst21.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:700;font-display:swap;src:url(../media/47a4972b6bd8620b-s.1nxoen_49_z0x.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:700;font-display:swap;src:url(../media/16cfcc00aea7f216-s.p.0oqt8towxai-k.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Thai Fallback;src:local(Arial);ascent-override:110.31%;descent-override:52.78%;line-gap-override:0.0%;size-adjust:101.17%}.xggy_a_className{font-family:IBM Plex Sans Thai,IBM Plex Sans Thai Fallback;font-style:normal}
html:has(.cs) body{background:0 0}html:has(.cs){background:#f5f7fb}html:has(.cs[data-theme=dark]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0a1230}@media (prefers-color-scheme:dark){html:has(.cs:not([data-theme=light])){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0a1230}}.cs{--blue:#0b3fd6;--blue-hover:#0a34b0;--sun:#d6b774;--sky-top:#f5f7fb;--sky-mid:#e6edff;--sky-low:#bdcfff;--horizon:#0b3fd638;--ink:#0f1b3d;--muted:#475569;--accent:#2f5cf0;--charge:#2f5cf0;--charge-end:#b8924a;--ghost-bg:#0b3fd60f;--ghost-ring:#0b3fd647;--ghost-small:#475569;--panel-shadow:#0f1b3d47;--sun-glow:.45;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;min-height:100svh;color:var(--ink);background:radial-gradient(90% 55% at 72% 100%,var(--horizon),transparent 70%),linear-gradient(180deg,var(--sky-top) 0%,var(--sky-mid) 68%,var(--sky-low) 100%);-webkit-font-smoothing:antialiased;flex-direction:column;font-size:17px;line-height:1.65;transition:background-color .3s,color .3s;display:flex;position:relative;overflow:hidden}.cs[data-theme=dark]{--sky-top:#0a1230;--sky-mid:#0d1a4a;--sky-low:#10286c;--horizon:#0b3fd680;--ink:#eef3ff;--muted:#aab6d3;--accent:#8facff;--charge:#8facff;--charge-end:#d6b774;--ghost-bg:#ffffff0f;--ghost-ring:#8facff66;--ghost-small:#aab6d3;--panel-shadow:#0009;--sun-glow:.35;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){.cs:not([data-theme=light]){--sky-top:#0a1230;--sky-mid:#0d1a4a;--sky-low:#10286c;--horizon:#0b3fd680;--ink:#eef3ff;--muted:#aab6d3;--accent:#8facff;--charge:#8facff;--charge-end:#d6b774;--ghost-bg:#ffffff0f;--ghost-ring:#8facff66;--ghost-small:#aab6d3;--panel-shadow:#0009;--sun-glow:.35;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.cs a{color:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.cs :is(a,button):focus-visible{outline:2px solid var(--accent);outline-offset:3px}.cs :where(h1,p){margin:0}.cs-header{justify-content:space-between;align-items:center;gap:16px;width:min(1200px,100% - 40px);margin:0 auto;padding:20px 0 0;display:flex}.cs-logo{letter-spacing:.14em;align-items:center;gap:10px;font-size:15px;font-weight:700;line-height:1;display:inline-flex}.cs-logo img{width:40px;height:auto}.cs-logo small{letter-spacing:.62em;color:var(--accent);margin-top:4px;font-size:10px;font-weight:600;display:block}.cs-theme{background:var(--ghost-bg);width:44px;height:44px;color:var(--ink);box-shadow:inset 0 0 0 1px var(--ghost-ring);cursor:pointer;touch-action:manipulation;border:0;border-radius:12px;place-items:center;padding:0;transition:background-color .2s;display:inline-grid}.cs-theme:hover{background:var(--ghost-ring)}.cs-theme svg{width:22px;height:22px}.cs-main{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:40px;width:min(1200px,100% - 40px);margin:0 auto;padding-block:32px 56px;display:grid}.cs-copy{grid-area:1/1;max-width:540px}.cs h1{letter-spacing:-.02em;text-wrap:balance;font-size:clamp(44px,6.4vw,84px);font-weight:700;line-height:1.22;display:grid}.cs-copy>p{max-width:30em;color:var(--muted);margin-top:22px;font-size:1.08em}.cs-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.cs a.cs-button{color:#fff}.cs-button{background:var(--blue);border-radius:12px;flex-direction:column;justify-content:center;min-height:56px;padding:8px 26px;font-weight:600;line-height:1.3;transition:background-color .2s,box-shadow .2s;display:inline-flex;box-shadow:0 10px 24px -12px #0b3fd6e6}.cs-button:hover{background:var(--blue-hover)}.cs-button small{color:#dce6ff;font-size:14px;font-weight:500}.cs a.cs-button-ghost{color:var(--ink)}.cs-button-ghost{background:var(--ghost-bg);box-shadow:inset 0 0 0 1px var(--ghost-ring)}.cs-button-ghost:hover{background:var(--ghost-bg);box-shadow:inset 0 0 0 1.5px var(--accent)}.cs-button-ghost small{color:var(--ghost-small)}.cs-charge{grid-template-columns:repeat(10,1fr);gap:5px;width:min(100%,320px);margin-top:26px;display:grid}.cs-charge span{background:var(--charge);opacity:1;border-radius:3px;height:10px}.cs-charge span:nth-child(n+8){background:var(--charge-end)}.cs-scene{perspective:1100px;grid-area:1/2;height:min(560px,62vh);position:relative}.cs-sun{aspect-ratio:1;background:radial-gradient(circle at 40% 38%,#fff6dc,var(--sun) 58%,#b8924a);border-radius:50%;width:clamp(96px,13vw,150px);position:absolute;top:6%;right:12%;box-shadow:0 0 60px 18px #d6b77459,0 0 160px 60px #d6b7741f}.cs-rays{background:repeating-conic-gradient(#d6b77438 0 3deg,transparent 3deg 15deg);border-radius:50%;position:absolute;inset:-75%;-webkit-mask-image:radial-gradient(circle,#0000 30%,#000 32%,#0000 68%);mask-image:radial-gradient(circle,#0000 30%,#000 32%,#0000 68%)}.cs-panel{aspect-ratio:3/2;max-height:78%;box-shadow:0 40px 60px -20px var(--panel-shadow);transform-origin:50% 100%;background:linear-gradient(135deg,#cbd5e1,#64748b);border-radius:8px;grid-template-columns:repeat(6,1fr);gap:5px;margin-inline:auto;padding:9px;display:grid;position:absolute;bottom:4%;left:4%;right:4%;overflow:hidden;transform:rotateX(50deg)rotate(-14deg)}.cs-cell{background:linear-gradient(90deg,#0000 48%,#8facff40 48% 52%,#0000 52%),linear-gradient(150deg,#1d3fa8,#10286c 55%,#0a1230);border-radius:3px}.cs-panel:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(105deg,#0000 42%,#fff0cd6b 50%,#0000 58%);position:absolute;inset:-30% -60%;transform:translate(-60%)}@media (prefers-reduced-motion:no-preference){.cs-sun{animation:1.6s cubic-bezier(.2,.7,.2,1) both cs-rise}.cs-rays{animation:48s linear infinite cs-spin}.cs-cell{animation:.5s cubic-bezier(.2,.8,.2,1) both cs-install;animation-delay:calc(.8s + var(--i) * 45ms)}.cs-panel:after{animation:3.8s ease-in-out 2.2s infinite cs-sweep}.cs-charge span{animation:2.6s ease-in-out infinite cs-charge;animation-delay:calc(var(--i) * .13s)}.cs-copy>*{animation:.7s ease-out both cs-fade}.cs-copy>:nth-child(2){animation-delay:.1s}.cs-copy>:nth-child(3){animation-delay:.2s}.cs-copy>:nth-child(4){animation-delay:.3s}}@keyframes cs-rise{0%{opacity:0;transform:translateY(220px)scale(.85)}to{opacity:1;transform:none}}@keyframes cs-spin{to{transform:rotate(360deg)}}@keyframes cs-install{0%{opacity:0;transform:translateY(-18px)scale(.8)}to{opacity:1;transform:none}}@keyframes cs-sweep{0%{opacity:1;transform:translate(-60%)}55%{opacity:1;transform:translate(60%)}56%,to{opacity:0;transform:translate(60%)}}@keyframes cs-charge{0%,8%{opacity:.16}28%,80%{opacity:1}to{opacity:.16}}@keyframes cs-fade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (max-width:860px){.cs-main{grid-template-columns:minmax(0,1fr);align-content:start;gap:8px;padding-block:8px 40px}.cs-scene{grid-area:1/1;height:min(360px,44svh)}.cs-panel{bottom:14%;left:10%;right:10%}.cs-copy{grid-row:2}.cs-button{text-align:center;flex:100%;align-items:center}}@media (max-width:360px){.cs-header,.cs-main{width:calc(100% - 28px)}}
