@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(../media/033400d475fad6b1-s.0ekd.j2hc~_w0.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(../media/26daee0352f50a5f-s.0rqws-.h91di~.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(../media/017d9bea37084d9b-s.p.179.vsfvxa6t5.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:Bricolage Grotesque Fallback;src:local(Arial);ascent-override:88.21%;descent-override:25.61%;line-gap-override:0.0%;size-adjust:105.43%}.bricolage_grotesque_8596a5e-module__kL-ksa__className{font-family:Bricolage Grotesque,Bricolage Grotesque Fallback;font-style:normal}.bricolage_grotesque_8596a5e-module__kL-ksa__variable{--font-display:"Bricolage Grotesque", "Bricolage Grotesque Fallback"}
@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/bfd813093b8ca1bb-s.p.12n410yjpb..9.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/acc5f86302586f33-s.0kxbxiu5l4e4k.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/f304c3cf3765fb5f-s.p.059ctrjp3m~x9.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:Noto Sans Thai;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/bfd813093b8ca1bb-s.p.12n410yjpb..9.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/acc5f86302586f33-s.0kxbxiu5l4e4k.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/f304c3cf3765fb5f-s.p.059ctrjp3m~x9.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:Noto Sans Thai;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/bfd813093b8ca1bb-s.p.12n410yjpb..9.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/acc5f86302586f33-s.0kxbxiu5l4e4k.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/f304c3cf3765fb5f-s.p.059ctrjp3m~x9.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:Noto Sans Thai;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/bfd813093b8ca1bb-s.p.12n410yjpb..9.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/acc5f86302586f33-s.0kxbxiu5l4e4k.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/f304c3cf3765fb5f-s.p.059ctrjp3m~x9.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:Noto Sans Thai Fallback;src:local(Arial);ascent-override:99.79%;descent-override:42.32%;line-gap-override:0.0%;size-adjust:106.33%}.noto_sans_thai_6e976b44-module__p6maaG__className{font-family:Noto Sans Thai,Noto Sans Thai Fallback;font-style:normal}.noto_sans_thai_6e976b44-module__p6maaG__variable{--font-body:"Noto Sans Thai", "Noto Sans Thai Fallback"}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#edf7ff;--bg-strong:#d9edff;--paper:#f8fcffd1;--panel:#eaf5ffb8;--ink:#173158;--muted:#5a759f;--line:#546c9b29;--accent:#7cc9f7;--accent-strong:#5f69c5;--accent-soft:#7cc9f733;--violet:#5f69c5;--aqua:#7cf0dc;--warm:#f19974;--shadow:0 24px 72px #47659c2e}*{box-sizing:border-box}html,body{background:radial-gradient(circle at 18% 14%, #7cc9f75c, transparent 30rem), radial-gradient(circle at 76% 10%, #5f69c533, transparent 28rem), radial-gradient(circle at 62% 26%, #7cf0dc2e, transparent 24rem), linear-gradient(180deg, #fbfeff 0%, var(--bg) 100%);min-height:100%;color:var(--ink);font-family:var(--font-body), sans-serif;margin:0}body{min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}code{background:#5f69c514;border-radius:999px;padding:.18rem .48rem;font-family:SFMono-Regular,Cascadia Code,Fira Code,monospace}.catto-page{width:min(1280px,100% - 2rem);margin:0 auto;padding:1rem 0 5rem}.hero-band{min-height:calc(100svh - 2rem);box-shadow:var(--shadow);background:radial-gradient(circle at 18% 18%,#7cf0dc2e,#0000 28rem),radial-gradient(circle at 82% 12%,#5f69c529,#0000 24rem),linear-gradient(145deg,#f9fdffdb,#dcefffa8),linear-gradient(#5f69c50f,#7cc9f714);border:1px solid #ffffffb8;border-radius:2rem;padding:1rem 0 2rem;position:relative;overflow:clip}.hero-noise{pointer-events:none;background-image:linear-gradient(#ffffff29 1px,#0000 1px),linear-gradient(90deg,#ffffff29 1px,#0000 1px);background-size:3rem 3rem;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000002e,#0000 80%);mask-image:linear-gradient(#0000002e,#0000 80%)}.topbar{z-index:1;justify-content:space-between;align-items:center;gap:1rem;padding:0 1.5rem;display:flex;position:relative}.brand{align-items:center;gap:.85rem;display:inline-flex}.brand-mark{color:#fbfdff;width:2.6rem;height:2.6rem;font-family:var(--font-display), sans-serif;background:radial-gradient(circle at 32% 28%,#fffffff0,#ffffff29 34%,#0000 48%),linear-gradient(145deg,#8fd9ff,#6ba1f1 56%,#5f69c5);border:1px solid #5f69c533;border-radius:999px;place-items:center;font-size:1.2rem;font-weight:800;display:grid;box-shadow:0 14px 30px #5f69c53d}.brand-text{gap:.1rem;display:grid}.brand-text strong{font-family:var(--font-display), sans-serif;letter-spacing:-.03em;font-size:.98rem;line-height:1}.brand-text small{color:var(--muted);font-size:.82rem}.topbar-links{color:var(--muted);gap:1rem;font-size:.92rem;display:inline-flex}.topbar-links a{transition:color .16s,transform .16s}.topbar-links a:hover{color:var(--accent-strong);transform:translateY(-1px)}.hero-layout{z-index:1;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:center;gap:2rem;padding:4rem 1.5rem 1rem;display:grid;position:relative}.hero-copy{max-width:42rem;animation:.7s both rise-in}.hero-kicker,.section-heading p,.final-kicker{color:var(--accent-strong);letter-spacing:.06em;margin:0 0 .8rem;font-size:.84rem;font-weight:700}.hero-copy h1,.section-heading h2,.final-cta h2{font-family:var(--font-body), sans-serif;letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(3.4rem,7vw,6.6rem);font-weight:700;line-height:1.02}.hero-copy h1 span{color:#173158b8;letter-spacing:-.02em;max-width:12ch;margin-top:1rem;font-size:clamp(1.25rem,2.4vw,2rem);line-height:1.18;display:block}.hero-body,.directory-copy p,.mode-body{max-width:38rem;color:var(--muted);margin:1.5rem 0 0;font-size:1.05rem;line-height:1.85}.hero-actions,.final-actions{flex-wrap:wrap;gap:.9rem;margin-top:1.8rem;display:flex}.cta-primary,.cta-secondary{border-radius:999px;justify-content:center;align-items:center;min-height:3.3rem;padding:.85rem 1.2rem;font-weight:700;transition:transform .18s,box-shadow .18s,background-color .18s,border-color .18s;display:inline-flex}.cta-primary{color:#fafdff;background:linear-gradient(135deg,#89d5ff,#6ea6f2 58%,#5f69c5);box-shadow:0 18px 34px #5f69c547}.cta-secondary{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffa3}.cta-primary:hover,.cta-secondary:hover{transform:translateY(-2px)}.hero-facts{flex-wrap:wrap;gap:.75rem;margin:1.7rem 0 0;padding:0;list-style:none;display:flex}.hero-facts li{border:1px solid var(--line);color:var(--muted);background:#fafdff9e;border-radius:999px;padding:.55rem .8rem;font-size:.92rem}.hero-poster{min-height:34rem;animation:.82s 90ms both rise-in;position:relative}.poster-orbit,.poster-core,.poster-transcript,.poster-chip{position:absolute}.poster-orbit{filter:blur(2px);border-radius:999px}.poster-orbit-a{background:radial-gradient(circle,#5f69c570,#5f69c500);width:17rem;height:17rem;animation:9s ease-in-out infinite orbit-float;inset:2rem 2rem auto auto}.poster-orbit-b{background:radial-gradient(circle,#7cf0dc57,#7cf0dc00);width:18rem;height:18rem;animation:11s ease-in-out infinite reverse orbit-float;inset:auto auto 1rem 0}.poster-core{aspect-ratio:1;place-items:center;width:min(30rem,100%);display:grid;inset:4rem 3rem auto auto}.poster-core-ring{background:radial-gradient(circle at 36% 22%,#fffffff5,#ffffff42 42%,#0000 60%),radial-gradient(circle at 28% 38%,#7cf0dc38,#7cf0dc00 34%),linear-gradient(150deg,#e8f5fff5,#85cbf694);border:1px solid #5f69c52e;border-radius:46% 54% 50% 50%/50% 46% 54% 50%;animation:8s ease-in-out infinite ring-breathe;position:absolute;inset:0;box-shadow:inset 0 -26px 54px #6cbef42e,0 24px 48px #5f69c51f}.poster-core-face{z-index:1;font-size:clamp(7rem,12vw,9.5rem);position:relative}.poster-chip{border:1px solid var(--line);color:var(--ink);background:#f7fcffe0;border-radius:999px;padding:.65rem .9rem;font-size:.84rem;font-weight:700;box-shadow:0 16px 34px #5473aa29}.chip-one{top:3.8rem;left:.6rem}.chip-two{top:14rem;right:.6rem}.chip-three{bottom:6rem;left:1.6rem}.poster-transcript{border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f6fbffd1;border-radius:1.4rem;gap:.45rem;width:min(24rem,100% - 2rem);padding:1rem;display:grid;bottom:1rem;right:1rem;box-shadow:0 22px 46px #4a679c29}.poster-transcript span,.poster-transcript em{color:var(--muted);font-size:.9rem;font-style:normal}.poster-transcript strong{font-size:1.35rem}.modes-section,.directory-section{box-shadow:var(--shadow);background:linear-gradient(#f8fcffe0,#e4f1ffbd),radial-gradient(circle at 100% 0,#5f69c514,#0000 16rem);border:1px solid #ffffffb8;border-radius:2rem;margin-top:1.35rem;padding:2rem 1.25rem}.section-heading{max-width:50rem}.section-heading h2{font-size:clamp(2rem,3.6vw,3.6rem)}.section-heading.compact h2{font-size:clamp(1.55rem,2.6vw,2.4rem)}.mode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.7rem;display:grid}.mode-panel{border-top:1px solid var(--line);background:linear-gradient(#ffffff6b,#dff1ff3d);gap:1rem;padding:1.3rem;animation:.7s both rise-in;display:grid}.mode-panel:nth-child(2){animation-delay:80ms}.mode-panel:nth-child(3){animation-delay:.16s}.mode-index{color:#5f69c538;font-family:var(--font-display), sans-serif;margin:0;font-size:2rem;font-weight:700}.mode-panel h3,.command-group h3,.directory-card h3{margin:0;font-size:1.25rem}.mode-tone{color:var(--accent-strong);letter-spacing:.04em;margin:.2rem 0 0;font-size:.82rem;font-weight:700}.mode-notes,.command-group ul{margin:0;padding:0;list-style:none}.mode-notes li,.command-group li{border-top:1px solid var(--line);color:var(--muted);padding:.6rem 0}.details-shell{grid-template-columns:minmax(0,1.25fr) minmax(300px,.85fr);gap:1.35rem;margin-top:1.35rem;display:grid}.details-main,.details-side{box-shadow:var(--shadow);background:linear-gradient(#f8fcffe0,#e5f1ffbd),radial-gradient(circle at 0 0,#7cf0dc14,#0000 16rem);border:1px solid #ffffffb8;border-radius:2rem;padding:2rem 1.25rem;animation:.76s both rise-in}.step-list{counter-reset:step;margin:1.7rem 0 0;padding:0;list-style:none}.step-list li{color:var(--muted);padding:0 0 1.2rem 3.4rem;font-size:1rem;line-height:1.8;position:relative}.step-list li:before{content:counter(step, decimal-leading-zero);counter-increment:step;width:2.25rem;height:2.25rem;color:var(--accent-strong);background:#7cc9f724;border:1px solid #5f69c51f;border-radius:999px;place-items:center;font-size:.82rem;font-weight:700;display:grid;position:absolute;top:.1rem;left:0}.command-group+.command-group{margin-top:1.5rem}.command-note{border-top:1px solid var(--line);color:var(--muted);margin:1.45rem 0 0;padding-top:1rem;font-size:.95rem;line-height:1.8}.directory-layout{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:stretch;gap:1rem;margin-top:1.8rem;display:grid}.compact-list{margin-top:1.2rem}.directory-preview{place-items:stretch stretch;display:grid}.directory-card{border:1px solid var(--line);background:linear-gradient(#f9fdffd6,#e7f3ffe6),radial-gradient(circle at 100% 0,#5f69c52e,#0000 12rem),radial-gradient(circle at 22% 32%,#7cf0dc1f,#0000 10rem);border-radius:1.6rem;gap:.8rem;padding:1.2rem;animation:.8s both rise-in;display:grid;box-shadow:0 22px 42px #4a679c24}.directory-card p,.directory-card span{color:var(--muted);margin:0}.directory-media{background:radial-gradient(circle at 28% 20%,#fffffff0,#fff0 34%),radial-gradient(circle at 38% 40%,#7cf0dc5c,#7cf0dc00 28%),radial-gradient(circle at 76% 62%,#5f69c529,#5f69c500 32%),linear-gradient(#dff1ff,#8ac8f4 70%,#77a8e8);border-radius:1.25rem;min-height:16rem}.directory-media-quiet{background:radial-gradient(circle at 24% 24%,#fffffff5,#fff0 34%),radial-gradient(circle at 38% 48%,#7cf0dc4d,#7cf0dc00 28%),radial-gradient(circle at 74% 40%,#5f69c52e,#5f69c500 36%),linear-gradient(#f4fafffa,#d9ebfff0)}.directory-tags{flex-wrap:wrap;gap:.6rem;display:flex}.directory-tags span{border:1px solid var(--line);background:#ffffffbd;border-radius:999px;padding:.4rem .7rem}.final-cta{box-shadow:var(--shadow);background:radial-gradient(circle at 72% 16%,#7cf0dc24,#0000 14rem),linear-gradient(135deg,#f5fbfffa,#d9ebffe6),radial-gradient(circle at 100%,#5f69c51f,#0000 18rem);border:1px solid #ffffffbd;border-radius:2rem;justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-top:1.35rem;padding:2rem 1.25rem;animation:.88s both rise-in;display:flex}.final-kicker{margin-bottom:.6rem}.final-cta h2{max-width:12ch;font-size:clamp(2rem,3.3vw,3.2rem)}.site-footer{color:var(--muted);justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding:0 .25rem;display:flex}.site-footer-copy{gap:.2rem;display:grid}.site-footer-copy strong{color:var(--ink);font-size:.98rem}.site-footer-copy span,.site-footer-links{font-size:.92rem}.site-footer-links{flex-wrap:wrap;justify-content:flex-end;gap:1rem;display:flex}.site-footer-links a{text-underline-offset:.22rem;-webkit-text-decoration:underline #5f69c53d;text-decoration:underline #5f69c53d}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes orbit-float{0%,to{transform:translate(0,0)scale(1)}50%{transform:translateY(-10px)scale(1.04)}}@keyframes ring-breathe{0%,to{transform:scale(1)rotate(0)}50%{transform:scale(1.03)rotate(3deg)}}.legal-page{width:min(1000px,100% - 2rem);margin:0 auto;padding:1rem 0 4rem}.legal-shell{box-shadow:var(--shadow);background:linear-gradient(#f8fcffeb,#e4f1ffcc),radial-gradient(circle at 100% 0,#5f69c514,#0000 14rem),radial-gradient(circle at 18% 18%,#7cf0dc14,#0000 14rem);border:1px solid #ffffffbd;border-radius:2rem;padding:2.5rem 1.5rem}.legal-kicker{color:var(--accent-strong);letter-spacing:.06em;margin:0 0 .7rem;font-size:.84rem;font-weight:700}.legal-shell h1{font-family:var(--font-body), sans-serif;letter-spacing:-.03em;margin:0;font-size:clamp(2.4rem,4.6vw,3.9rem);line-height:1.02}.legal-lede{max-width:44rem;color:var(--muted);margin:1rem 0 0;font-size:1.05rem;line-height:1.8}.legal-meta{color:var(--muted);flex-wrap:wrap;gap:.75rem 1rem;margin-top:1.4rem;font-size:.92rem;display:flex}.legal-section{border-top:1px solid var(--line);margin-top:2rem;padding-top:1.2rem}.legal-section h2{margin:0 0 .75rem;font-size:1.25rem}.legal-section p,.legal-section li{color:var(--muted);font-size:1rem;line-height:1.8}.legal-section ul{margin:0;padding-left:1.2rem}.legal-section a{text-underline-offset:.22rem;text-decoration:underline}@media (max-width:980px){.hero-band{min-height:auto}.hero-layout,.details-shell,.directory-layout,.mode-grid,.final-cta,.site-footer{grid-template-columns:1fr;display:grid}.hero-poster{min-height:28rem}.poster-core{width:min(21rem,100% - 2rem);inset:3rem auto auto 50%;transform:translate(-50%)}.poster-transcript{width:auto;left:1rem;right:1rem}.topbar{flex-direction:column;align-items:flex-start}}@media (max-width:640px){.catto-page{width:min(100%,100% - 1rem);padding-bottom:3rem}.hero-band,.modes-section,.details-main,.details-side,.directory-section,.final-cta,.legal-shell{border-radius:1.5rem}.hero-layout{padding-top:2.5rem}.hero-copy h1{font-size:clamp(2.9rem,18vw,4.7rem)}.hero-copy h1 span{max-width:13ch}.hero-body,.directory-copy p,.mode-body,.step-list li,.legal-lede,.legal-section p,.legal-section li{font-size:.98rem}.hero-poster{min-height:23rem}.poster-chip{font-size:.74rem}.chip-one{top:1.2rem;left:.3rem}.chip-two{top:8.4rem;right:.3rem}.chip-three{bottom:6.2rem;left:.6rem}}