@font-face{font-family:Ruen Display;src:url(../fonts/serif-thai-700.woff2) format("woff2");font-weight:700;font-display:swap;unicode-range:U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Ruen Display;src:url(../fonts/serif-latin-700.woff2) format("woff2");font-weight:700;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20B0-20BF,U+2190-21FF}@font-face{font-family:Ruen Sans;src:url(../fonts/ibm-plex-sans-thai-thai-400-normal.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Ruen Sans;src:url(../fonts/ibm-plex-sans-thai-thai-600-normal.woff2) format("woff2");font-weight:600 700;font-display:swap;unicode-range:U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Ruen Sans;src:url(../fonts/ibm-plex-sans-thai-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20B0-20BF,U+2190-21FF,U+2212}@font-face{font-family:Ruen Sans;src:url(../fonts/ibm-plex-sans-thai-latin-600-normal.woff2) format("woff2");font-weight:600 700;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20B0-20BF,U+2190-21FF,U+2212}:root{--paper: #f4efe6;--paper-2: #ece4d6;--card: #fffcf6;--card-2: #fbf6ec;--ink: #15202f;--ink-2: #434d5c;--ink-3: #5c6470;--line: #e0d6c5;--line-2: #cfc2ad;--navy: #0e1d33;--navy-2: #182c49;--navy-3: #243c60;--on-navy: #f6f0e4;--on-navy-2: #b9c3d3;--gold: #a87720;--gold-hi: #e3b85c;--gold-soft: #f3e5c4;--jade: #1a7454;--jade-hi: #4cc596;--jade-soft: #dbeee4;--amber: #a8620a;--amber-hi: #f0a33a;--amber-soft: #f7e5c6;--verm: #b8361f;--verm-hi: #ff7a5c;--verm-soft: #f6dbd2;--plum: #64488c;--plum-soft: #e8e0f2;--sky: #2a659b;--sky-soft: #dde9f4;--u0: #a87720;--u1: #1a7454;--u2: #2a659b;--u3: #64488c;--u4: #b4532f;--f-display: "Ruen Display", "Noto Serif Thai", Georgia, serif;--f-sans: "Ruen Sans", "IBM Plex Sans Thai", "Thonburi", system-ui, sans-serif;--t-12: .75rem;--t-13: .8125rem;--t-14: .875rem;--t-15: .9375rem;--t-16: 1rem;--t-18: 1.125rem;--t-20: 1.25rem;--t-24: 1.5rem;--t-30: 1.875rem;--t-40: 2.5rem;--t-56: 3.5rem;--r-s: 10px;--r-m: 16px;--r-l: 22px;--r-xl: 30px;--sh-1: 0 1px 0 rgba(21, 32, 47, .04), 0 2px 8px -4px rgba(21, 32, 47, .12);--sh-2: 0 1px 0 rgba(21, 32, 47, .05), 0 14px 32px -18px rgba(21, 32, 47, .38);--sh-3: 0 30px 70px -30px rgba(10, 20, 36, .55);--tap: 44px;--ease: cubic-bezier(.2, .8, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--d-fast: .16s;--d-mid: .32s;--d-slow: .7s;--safe-b: env(safe-area-inset-bottom, 0px);color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-height:100vh;min-height:100dvh;background:var(--paper);color:var(--ink);font:400 var(--t-15)/1.55 var(--f-sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4{margin:0;font-family:var(--f-display);font-weight:700;letter-spacing:-.005em;line-height:1.2}p{margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}.num{font-variant-numeric:tabular-nums lining-nums}.display{font-family:var(--f-display)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;left:12px;top:-60px;min-height:44px;z-index:100;background:var(--navy);color:var(--on-navy);padding:10px 14px;border-radius:10px}.skip-link:focus{top:12px}:focus-visible{outline:3px solid var(--gold-hi);outline-offset:2px;border-radius:8px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}.land{background:radial-gradient(90% 60% at 80% -10%,#f9e9c4 0%,transparent 60%),radial-gradient(70% 50% at -10% 30%,#e8eef6 0%,transparent 60%),var(--paper);min-height:100vh;overflow-x:hidden}.land:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.35;background-image:radial-gradient(rgba(21,32,47,.08) 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(180deg,#000,transparent 60%);-webkit-mask-image:linear-gradient(180deg,#000,transparent 60%)}.l-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px clamp(16px,4vw,48px);position:relative;z-index:2;flex-wrap:wrap}.l-brand{display:flex;align-items:center;gap:12px}.l-brand img{border-radius:13px;box-shadow:0 10px 24px -12px #0e1d33b3}.l-brand span{display:grid;line-height:1.25}.l-brand strong{font-family:var(--f-display);font-size:var(--t-20)}.l-brand small{color:var(--ink-3);font-size:var(--t-13)}.l-nav{display:flex;gap:6px;flex-wrap:wrap}.l-nav a{display:inline-flex;align-items:center;min-height:var(--tap);padding:8px 14px;border-radius:12px;text-decoration:none;font-weight:600;font-size:var(--t-14);color:var(--ink-2)}.l-nav a:hover{background:#15202f0d}.l-nav a:last-child{background:var(--navy);color:var(--on-navy)}.l-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:28px;align-items:end;padding:6px clamp(16px,4vw,48px) 18px;position:relative;z-index:1}.l-kicker{font-weight:600;color:var(--gold);letter-spacing:.04em;font-size:var(--t-14);margin-bottom:4px}.l-hero h1{font-size:clamp(1.9rem,.8rem + 2.1vw,2.65rem);line-height:1.25;letter-spacing:-.015em;color:var(--ink)}.l-hero h1 span{color:var(--gold);background:linear-gradient(100deg,#a87720,#d8a646 50%,#a87720);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.l-lede{margin-top:6px;max-width:88ch;font-size:var(--t-15);color:var(--ink-2);line-height:1.65}.l-lede b{color:var(--ink)}.l-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.l-btn{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:12px 22px;border-radius:16px;border:1px solid transparent;font-weight:600;font-size:var(--t-16);transition:transform var(--d-fast) var(--ease),box-shadow var(--d-fast)}.l-btn:active{transform:scale(.97)}.l-btn-gold{background:linear-gradient(180deg,#ecc876,#c99434);color:#1c1608;box-shadow:0 16px 30px -16px #a87720f2,inset 0 1px #ffffff80}.l-btn-ghost{background:var(--card);border-color:var(--line-2);color:var(--ink)}.l-play{width:0;height:0;border-left:12px solid currentColor;border-top:8px solid transparent;border-bottom:8px solid transparent}.is-running .l-play{width:12px;height:14px;border:0;border-left:4px solid currentColor;border-right:4px solid currentColor}.l-live{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:1px;border-radius:22px;overflow:hidden;background:#ffffff1a;box-shadow:var(--sh-2)}.l-live div{background:var(--navy);padding:10px 16px;display:grid;gap:2px}.l-live div:first-child{background:radial-gradient(120% 140% at 0% 0%,#26406a,var(--navy))}.l-live dt{font-size:var(--t-12);color:var(--on-navy-2);font-weight:600}.l-live dd{margin:0;font-family:var(--f-display);font-size:var(--t-24);color:#fff;line-height:1.1}.l-live div:first-child dd{color:var(--gold-hi)}.l-narr{margin:4px clamp(16px,4vw,48px) 0;display:grid;grid-template-columns:1fr auto;gap:6px 14px;align-items:center;padding:12px 18px;border-radius:18px;background:var(--card);border:1px solid var(--line);box-shadow:var(--sh-1);position:relative;overflow:hidden;z-index:1}.l-progress{position:absolute;left:0;right:0;top:0;height:4px;background:var(--paper-2)}.l-progress span{position:absolute;inset:0;background:linear-gradient(90deg,var(--gold),var(--gold-hi));transform:scaleX(0);transform-origin:left}.l-narr p{display:flex;align-items:center;gap:10px;font-size:var(--t-15);color:var(--ink);min-height:2.6em}.l-dot{width:10px;height:10px;border-radius:50%;background:var(--line-2);flex:none}.is-running .l-dot{background:var(--verm);box-shadow:0 0 #b8361f80;animation:rec 1.4s infinite}@keyframes rec{70%{box-shadow:0 0 0 10px #b8361f00}to{box-shadow:0 0 #b8361f00}}.l-step{font-size:var(--t-13);color:var(--ink-3);font-weight:600}.l-narr.is-new p{animation:narrIn .5s var(--ease-out)}@keyframes narrIn{0%{opacity:.2;transform:translate3d(0,6px,0)}to{opacity:1;transform:none}}.l-stage{display:flex;align-items:flex-end;justify-content:center;gap:clamp(12px,2vw,28px);padding:16px clamp(16px,3vw,40px) 10px;position:relative;z-index:1}.ipad{margin:0;display:grid;gap:10px;justify-items:center;flex:none}.ipad-bezel{position:relative;padding:calc(var(--s, .5) * 26px + 8px);border-radius:calc(var(--s, .5) * 54px + 14px);background:linear-gradient(145deg,#2b313a,#0d1016 60%,#262b33);box-shadow:0 40px 70px -36px #0a1424b3,0 0 0 1px #ffffff0f inset,0 0 0 2px #050608}.ipad-cam{position:absolute;width:7px;height:7px;border-radius:50%;background:#1d2633;box-shadow:inset 0 0 0 1.5px #0a0d12}.ipad-land .ipad-cam{left:50%;top:calc(var(--s, .5) * 12px + 2px);transform:translate(-50%)}.ipad-port .ipad-cam{top:50%;left:calc(var(--s, .5) * 12px + 2px);transform:translateY(-50%)}.ipad-screen{width:calc(var(--w) * var(--s, .5) * 1px);height:calc(var(--h) * var(--s, .5) * 1px);border-radius:calc(var(--s, .5) * 28px + 4px);overflow:hidden;background:var(--paper);position:relative}.ipad-land{--w: 1180;--h: 820}.ipad-port{--w: 820;--h: 1180}.ipad-screen iframe{border:0;position:absolute;left:0;top:0;transform:scale(var(--s, .5));transform-origin:0 0}.ipad figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;font-size:var(--t-14);color:var(--ink-2);padding:0 6px;flex-wrap:wrap}.ipad figcaption b{color:var(--ink);font-family:var(--f-display)}.ipad figcaption a{font-weight:600;color:var(--gold);text-decoration:none;min-height:var(--tap);display:inline-flex;align-items:center}.l-beam{align-self:center;display:grid;justify-items:center;gap:6px;margin-bottom:40px}.l-beam span{width:54px;height:3px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--gold-hi),transparent);background-size:200% 100%;animation:beam 1.6s linear infinite}.l-beam em{font-style:normal;font-weight:600;font-size:var(--t-12);color:var(--gold);letter-spacing:.1em}@keyframes beam{0%{background-position:100% 0}to{background-position:-100% 0}}.l-modules,.l-honest{padding:34px clamp(16px,4vw,48px) 10px;position:relative;z-index:1}.l-modules h2,.l-honest h2{font-size:clamp(1.6rem,1.1rem + 1.6vw,2.4rem);margin-bottom:16px}.l-bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.m{position:relative;display:grid;align-content:start;gap:8px;padding:18px 20px;border-radius:22px;background:var(--card);border:1px solid var(--line);text-decoration:none;color:var(--ink);box-shadow:var(--sh-1);transition:transform var(--d-fast) var(--ease),box-shadow var(--d-fast);min-height:170px}.m:hover{transform:translate3d(0,-3px,0);box-shadow:var(--sh-2)}.m:active{transform:scale(.98)}.m-big{grid-column:span 2;min-height:220px;background:linear-gradient(160deg,#fffaf0,#f6ead0);border-color:#ead7a9}.m-dark{background:radial-gradient(120% 140% at 0% 0%,#26406a,var(--navy));color:var(--on-navy);border-color:transparent}.m-dark p{color:var(--on-navy-2)}.m-n{font-family:var(--f-display);font-size:var(--t-14);color:var(--gold)}.m-dark .m-n{color:var(--gold-hi)}.m h3{font-size:var(--t-24)}.m p{font-size:var(--t-14);color:var(--ink-2);line-height:1.6}.m-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:6px}.m-tags i{font-style:normal;font-size:var(--t-12);font-weight:600;padding:4px 10px;border-radius:999px;background:#a877201f;color:#6b4c10}.m-dark .m-tags i{background:#e3b85c29;color:var(--gold-hi)}.l-honest ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.l-honest li{padding:14px 16px;border-radius:18px;background:var(--card);border:1px solid var(--line);font-size:var(--t-14);color:var(--ink-2);line-height:1.6}.l-honest li b{display:block;color:var(--ink);font-family:var(--f-display);font-size:var(--t-16);margin-bottom:2px}.l-install{margin-top:16px;padding:12px 16px;border-radius:14px;background:var(--navy);color:var(--on-navy);font-size:var(--t-14)}.l-install b{color:var(--gold-hi)}.l-links{display:flex;flex-wrap:wrap;gap:8px 18px;padding:18px 0 40px;font-weight:600}.l-links a{color:var(--gold);text-decoration:none;min-height:var(--tap);display:inline-flex;align-items:center}@media (max-width: 980px){.l-hero{grid-template-columns:1fr}.l-bento{grid-template-columns:repeat(2,minmax(0,1fr))}.l-stage{flex-direction:column;align-items:center}.l-beam{display:none}}@media (max-width: 560px){.l-bento{grid-template-columns:1fr}.m-big{grid-column:auto}.l-honest ul,.l-narr{grid-template-columns:1fr}.l-nav a:not(:last-child){display:none}.l-live dd{font-size:var(--t-24)}}:root{--try-bar-h: 44px;--try-ink: #f5f3ee;--try-bg: #121315;--try-line: #06c755;--try-line-ink: #04170c;--try-focus: #ffd34d}.try-bar{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;box-sizing:border-box;height:var(--try-bar-h);padding:0 max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left));background:var(--try-bg);color:var(--try-ink);font-size:14px;line-height:1;letter-spacing:0;border-bottom:1px solid rgba(255,255,255,.08)}.try-bar a{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border-radius:999px;color:inherit;text-decoration:none;font-weight:600;white-space:nowrap;transition:background-color .15s ease,transform .15s ease}.try-bar a:focus-visible{outline:3px solid var(--try-focus);outline-offset:2px}.try-back{margin-left:-8px;color:#f5f3eedb!important}.try-back:hover{background:#ffffff14;color:var(--try-ink)!important}.try-line{background:var(--try-line);color:var(--try-line-ink)!important}.try-line:hover{background:#2bd774}.try-line:active,.try-back:active{transform:scale(.97)}@media (max-width: 380px){.try-bar{font-size:13px;gap:6px}.try-bar a{padding:0 10px}}@media (display-mode: standalone){.try-bar{display:none}:root{--try-bar-h: 0px}}@media print{.try-bar{display:none}}.try-dialog{width:min(360px,calc(100vw - 32px));box-sizing:border-box;padding:24px 24px 20px;border:0;border-radius:20px;background:#fffdf8;color:#17181a;box-shadow:0 30px 80px #00000059,0 2px #0000000a;font-size:15px;line-height:1.5;text-align:center}.try-dialog::backdrop{background:#0a0b0d8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.try-dialog h2{margin:0 0 4px;font-size:19px;line-height:1.3}.try-dialog-sub{margin:0 0 14px;color:#55585e;font-size:14px}.try-dialog-close{position:absolute;top:8px;right:8px;margin:0}.try-dialog-close button{width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:#55585e;font-size:18px;cursor:pointer}.try-dialog-close button:hover{background:#f0ece3;color:#17181a}.try-qr{display:grid;place-items:center;width:208px;height:208px;margin:0 auto;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px #ebe6da}.try-qr svg{display:block;width:208px;height:208px}.try-msg{margin:14px 0 12px;padding:10px 12px;border-radius:12px;background:#f3efe5;color:#2b2d31;font-size:14px;text-align:left;-webkit-user-select:all;user-select:all}.try-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.try-actions button,.try-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:999px;font:inherit;font-weight:600;font-size:14px;cursor:pointer;text-decoration:none}.try-copy{border:0;background:var(--try-line);color:var(--try-line-ink)}.try-copy:hover{background:#2bd774}.try-open{border:1px solid #d9d3c6;background:#fff;color:#17181a}.try-open:hover{background:#f6f2ea}.try-dialog button:focus-visible,.try-dialog a:focus-visible{outline:3px solid #1f6feb;outline-offset:2px}.try-copied{min-height:1.5em;margin:8px 0 0;color:#0b7a3b;font-size:13px}@media (prefers-reduced-motion: reduce){.try-bar a{transition:none}}.try-bar~.shell{height:calc(100vh - var(--try-bar-h));height:calc(100dvh - var(--try-bar-h))}body:has(>.try-bar) .toasts{top:calc(16px + var(--try-bar-h))}.l-stage:not(.is-fit) .ipad{visibility:hidden}.m:not(.m-dark) .m-n{color:#86601a}