:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#080a16;--ink-deep:#04050d;--surface:#13162d;--surface-raised:#1b1f3d;--gold:#e0c47a;--gold-bright:#f5e2a9;--gold-deep:#ba9242;--lavender:#9c8ced;--violet-deep:#4a3896;--text:#f6f4ff;--text-secondary:#bab7d8;--text-muted:#8b8aab;--danger:#e8a0a0;--radius:18px;--font-display:"Noto Serif Thai", "Noto Serif", Georgia, serif;--font-body:"Sarabun", "Noto Sans Thai", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font-body);color:var(--text-secondary);background:radial-gradient(900px 520px at 88% -8%, #e0c47a29, transparent 70%), radial-gradient(760px 520px at 4% 104%, #4a389657, transparent 72%), linear-gradient(180deg, var(--ink-deep), var(--ink) 45%, #0e0d21);-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0;font-size:16px;line-height:1.65}button,input,select,textarea{font:inherit}a{color:var(--gold)}button{cursor:pointer}.app-shell{max-width:720px;min-height:100dvh;margin:0 auto;padding:0 20px 48px}.brand-mark{color:var(--text);font-family:var(--font-display);letter-spacing:.04em;align-items:center;gap:10px;font-weight:700;display:inline-flex}.brand-mark .star{color:var(--gold)}.eyebrow{color:var(--gold);letter-spacing:.2em;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:700}h1,h2,h3{font-family:var(--font-display);color:var(--text);font-weight:600;line-height:1.3}h1{letter-spacing:-.01em;margin:0 0 14px;font-size:clamp(1.85rem,5vw,2.6rem)}h1 .gold{background:linear-gradient(120deg, var(--gold-bright), var(--gold) 45%, var(--gold-deep));color:#0000;-webkit-background-clip:text;background-clip:text}h2{margin:0 0 10px;font-size:clamp(1.35rem,3.5vw,1.75rem)}.lede{color:var(--text-secondary);max-width:36rem;margin:0;font-size:clamp(1rem,2.2vw,1.125rem)}.btn{background:linear-gradient(135deg, var(--gold-bright), var(--gold) 48%, var(--gold-deep));min-height:52px;color:var(--ink-deep);border:1px solid #ffffff47;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:14px 26px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s,opacity .2s;display:inline-flex;box-shadow:0 10px 30px #e0c47a38}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 34px #e0c47a4d}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.ghost{color:var(--gold);box-shadow:none;background:#e0c47a14;border-color:#e0c47a6b}.btn.block{width:100%}.field{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.field label{color:var(--text-muted);font-size:.9rem}.field select,.field input{min-height:48px;color:var(--text);background:#13162de0;border:1px solid #ffffff1f;border-radius:14px;padding:10px 14px}.field select:focus,.field input:focus{outline-offset:1px;outline:2px solid #e0c47a73}.row{gap:12px;display:grid}.row.cols-3{grid-template-columns:repeat(3,1fr)}.row.cols-2{grid-template-columns:repeat(2,1fr)}@media (width<=520px){.row.cols-3{grid-template-columns:1fr}}.toggle-row{border-top:1px solid #ffffff14;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 0;display:flex}.toggle-row p{color:var(--text-muted);margin:4px 0 0;font-size:.9rem}.switch{flex-shrink:0;width:48px;height:28px;position:relative}.switch input{opacity:0;width:0;height:0}.switch span{background:#ffffff1f;border-radius:999px;transition:background .2s;position:absolute;inset:0}.switch span:after{content:"";background:var(--text);border-radius:50%;width:22px;height:22px;transition:transform .2s;position:absolute;top:3px;left:3px}.switch input:checked+span{background:linear-gradient(135deg, var(--gold), var(--gold-deep))}.switch input:checked+span:after{background:var(--ink-deep);transform:translate(20px)}.panel{border-radius:var(--radius);background:linear-gradient(150deg,#1b1f3df2,#13162deb);border:1px solid #ffffff14;margin-top:20px;padding:22px 20px}.panel+.panel{margin-top:14px}.muted{color:var(--text-muted);font-size:.92rem}.error{color:var(--danger);margin:12px 0}.stack{flex-direction:column;gap:12px;display:flex}.cta-stack{flex-direction:column;gap:12px;margin-top:28px;display:flex}.trust{color:var(--text-muted);flex-wrap:wrap;gap:8px 18px;margin:22px 0 0;padding:0;font-size:.85rem;list-style:none;display:flex}.trust li:before{content:"✓ ";color:var(--gold)}.fade-up{animation:.55s both fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.starfield{pointer-events:none;position:absolute;inset:0;overflow:hidden}.starfield i{background:var(--gold-bright);opacity:.55;border-radius:50%;width:2px;height:2px;animation:3.6s ease-in-out infinite twinkle;position:absolute}@keyframes twinkle{0%,to{opacity:.25;transform:scale(1)}50%{opacity:.9;transform:scale(1.4)}}.hero-stage{flex-direction:column;justify-content:flex-end;min-height:min(72dvh,640px);padding:28px 0 8px;display:flex;position:relative}.hero-visual{pointer-events:none;height:42%;position:absolute;inset:12% 0 auto}.orbit{border:1px solid #e0c47a2e;border-radius:50%;width:min(78vw,340px);height:min(78vw,340px);animation:48s linear infinite spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit:before{content:"";background:var(--gold);border-radius:50%;width:10px;height:10px;margin-left:-5px;position:absolute;top:-5px;left:50%;box-shadow:0 0 18px #e0c47ab3}.orbit.slow{border-color:#9c8ced38;width:min(58vw,240px);height:min(58vw,240px);animation-duration:72s;animation-direction:reverse}.orbit.slow:before{background:var(--lavender);box-shadow:0 0 16px #9c8ceda6}@keyframes spin{to{transform:translate(-50%,-50%)rotate(360deg)}}.locked{position:relative;overflow:hidden}.locked:after{content:"";pointer-events:none;background:linear-gradient(#0000 20%,#04050db8 70%,#04050deb);position:absolute;inset:0}.locked-cta{z-index:1;margin-top:12px;position:relative}.evidence{color:var(--text-muted);border-top:1px solid #ffffff0f;margin-top:12px;padding-top:12px;font-size:.88rem}.chip{color:var(--gold);background:#e0c47a1a;border-radius:999px;margin:0 8px 8px 0;padding:4px 10px;font-size:.8rem;display:inline-block}.loading-pulse{border:2px solid #e0c47a40;border-top-color:var(--gold);transform-origin:50%;border-radius:50%;width:56px;height:56px;margin:0 auto 18px;animation:1s linear infinite spin}@keyframes spin-local{to{transform:rotate(360deg)}}.loading-pulse{animation:.9s linear infinite spin-local}.topbar{justify-content:space-between;align-items:center;padding:22px 0 8px;display:flex}.topbar a.home{text-decoration:none}.section-title{margin-top:8px}.palm-frame{justify-content:center;align-items:center;min-height:280px;padding:0;display:flex;overflow:hidden}.palm-frame img{object-fit:cover;border-radius:var(--radius);width:100%;max-height:360px;display:block}.palm-placeholder{text-align:center;color:var(--text-secondary);padding:36px 24px}.chat-screen{flex-direction:column;min-height:calc(100dvh - 88px);padding-top:8px;padding-bottom:12px;display:flex}.chat-header{flex-direction:column;gap:10px;margin-bottom:12px;display:flex}.chat-back{align-self:flex-start;padding:8px 14px;font-size:14px}.chat-list{flex-direction:column;flex:1;gap:10px;max-height:min(58vh,520px);padding:8px 0 16px;display:flex;overflow-y:auto}.chat-bubble{white-space:pre-wrap;word-break:break-word;border-radius:16px;max-width:88%;padding:12px 14px;line-height:1.55}.chat-bubble.assistant{color:var(--text-secondary);background:#1b1f3de6;border:1px solid #e0c47a2e;align-self:flex-start}.chat-bubble.user{color:var(--text);background:linear-gradient(135deg,#e0c47a47,#ba924238);border:1px solid #e0c47a59;align-self:flex-end}.chat-input-row{background:linear-gradient(180deg, transparent, var(--ink) 30%);gap:10px;margin-top:auto;padding-top:12px;display:flex;position:sticky;bottom:0}.chat-input-row input{background:var(--surface);min-width:0;color:var(--text);border:1px solid #e0c47a47;border-radius:14px;flex:1;padding:12px 14px}.chat-input-row input:disabled{opacity:.55}.chat-input-row .btn{flex-shrink:0;padding-inline:18px}