@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Prompt:wght@300;400;500;600;700;800&family=Sarabun:wght@400;500;600;700&family=Noto+Sans+Thai:wght@400;500;700&display=swap";:root{--dark-950: #05050f;--dark-900: #0a0a18;--dark-800: #10102a;--dark-700: #181830;--brand-400: #818cf8;--brand-500: #6366f1;--brand-600: #4f46e5;--tone-cyan: #22d3ee;--tone-amber: #f59e0b;--tone-emerald: #10b981;--tone-violet: #8b5cf6;--tone-rose: #f43f5e;--tone-blue: #3b82f6;--tone-pink: #ec4899;--border-subtle: rgba(255,255,255,.06);--border-glow: rgba(129,140,248,.25)}*{margin:0;padding:0;box-sizing:border-box}html{background-color:var(--dark-950);width:100%;scroll-behavior:smooth}body{font-family:Inter,Prompt,sans-serif;background:var(--dark-950);color:#e2e8f0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip;width:100%}#root{width:100%;min-height:100vh;position:relative;overflow-x:clip}code{font-family:Fira Code,Cascadia Code,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.font-prompt{font-family:Prompt,sans-serif}.font-sarabun{font-family:Sarabun,sans-serif}.font-noto-thai{font-family:Noto Sans Thai,sans-serif}@tailwind base;@tailwind components;@tailwind utilities;.hero-grid{background-image:linear-gradient(rgba(129,140,248,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(129,140,248,.04) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 0%,black 30%,transparent 80%);mask-image:radial-gradient(ellipse 80% 70% at 50% 0%,black 30%,transparent 80%)}.hero-noise{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;pointer-events:none}.gradient-text{background:linear-gradient(135deg,var(--tone-cyan) 0%,var(--brand-400) 50%,var(--tone-violet) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.gradient-text-amber{background:linear-gradient(135deg,var(--tone-amber) 0%,#f97316 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:.7rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--tone-cyan);margin-bottom:.6rem}.eyebrow:before{content:"";display:block;width:18px;height:2px;border-radius:2px;background:var(--tone-cyan)}.section-title{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:800;color:#f1f5f9;line-height:1.1;letter-spacing:-.02em;margin-bottom:.75rem}.tone-cyan{--tone: var(--tone-cyan);--tone-border: rgba(34,211,238,.25);--tone-bg: rgba(34,211,238,.08)}.tone-amber{--tone: var(--tone-amber);--tone-border: rgba(245,158,11,.25);--tone-bg: rgba(245,158,11,.08)}.tone-emerald{--tone: var(--tone-emerald);--tone-border: rgba(16,185,129,.25);--tone-bg: rgba(16,185,129,.08)}.tone-violet{--tone: var(--tone-violet);--tone-border: rgba(139,92,246,.25);--tone-bg: rgba(139,92,246,.08)}.tone-rose{--tone: var(--tone-rose);--tone-border: rgba(244,63,94,.25);--tone-bg: rgba(244,63,94,.08)}.tone-blue{--tone: var(--tone-blue);--tone-border: rgba(59,130,246,.25);--tone-bg: rgba(59,130,246,.08)}.color-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;border:1px solid var(--tone-border);background:var(--tone-bg);color:var(--tone);font-size:.7rem;font-weight:700;letter-spacing:.05em}.color-mark{color:var(--tone)}.color-line{background:linear-gradient(90deg,var(--tone),transparent)}.surface-card{padding:1.25rem;border-radius:1rem;border:1px solid var(--tone-border, rgba(255,255,255,.08));background:var(--tone-bg, rgba(255,255,255,.03));transition:border-color .2s,background .2s,transform .2s,box-shadow .2s;cursor:pointer;text-decoration:none;display:block}.surface-card:hover{border-color:var(--tone, rgba(255,255,255,.15));background:color-mix(in srgb,var(--tone, #fff) 12%,transparent);transform:translateY(-2px);box-shadow:0 8px 32px color-mix(in srgb,var(--tone, #6366f1) 20%,transparent)}.metric-card{padding:1rem 1.25rem;border-radius:.875rem;border:1px solid var(--tone-border);background:var(--tone-bg);text-align:center;transition:transform .2s,box-shadow .2s}.metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px color-mix(in srgb,var(--tone) 20%,transparent)}.glass-card{background:#ffffff0a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:1rem}.glass-card:hover{background:#ffffff0f;border-color:#ffffff1f}.card-hover{transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s}.card-hover:hover{transform:translateY(-4px);box-shadow:0 16px 48px #0006}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 22px;border-radius:999px;background:linear-gradient(135deg,var(--brand-500),var(--brand-600));color:#fff;font-weight:700;font-size:.875rem;border:none;cursor:pointer;transition:all .2s;text-decoration:none;white-space:nowrap;box-shadow:0 0 20px #6366f14d}.btn-primary:hover{background:linear-gradient(135deg,#818cf8,var(--brand-500));transform:translateY(-1px);box-shadow:0 0 28px #6366f180}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 22px;border-radius:999px;background:#ffffff0d;color:#e2e8f0;font-weight:600;font-size:.875rem;border:1px solid rgba(255,255,255,.12);cursor:pointer;transition:all .2s;text-decoration:none}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-1px)}.tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:6px;background:#6366f126;color:var(--brand-400);font-size:.65rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border:1px solid rgba(99,102,241,.2)}@keyframes signal-expand{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(2.5)}}.signal-ring{border:1px solid rgba(129,140,248,.3);animation:signal-expand 3s ease-out infinite}.signal-ring-sm{animation-delay:1s}.signal-ring-lg{animation-delay:0s}@keyframes scan{0%{transform:translateY(-100%);opacity:0}20%{opacity:1}to{transform:translateY(100vh);opacity:0}}.briefing-scan{background:linear-gradient(to bottom,transparent,var(--tone, rgba(129,140,248,.5)),transparent);height:60px;animation:scan 4s ease-in-out infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fadeInUp{animation:fadeInUp .5s cubic-bezier(.16,1,.3,1) forwards}.glow-blob{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;opacity:.15}.glow-blob-brand{background:var(--brand-500)}.glow-blob-cyan{background:var(--tone-cyan)}.glow-blob-violet{background:var(--tone-violet)}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:50;padding-bottom:env(safe-area-inset-bottom);background:#05050ff2;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid rgba(129,140,248,.2);box-shadow:0 -4px 30px #6366f11a,0 -1px #818cf826}@media(max-width:767px){.page-with-mobile-nav{padding-bottom:calc(72px + env(safe-area-inset-bottom))!important}}button,a,[role=button]{-webkit-tap-highlight-color:transparent;touch-action:manipulation}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--dark-900)}::-webkit-scrollbar-thumb{background:#818cf84d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#818cf899}.scrollbar-none{scrollbar-width:none;-ms-overflow-style:none}.scrollbar-none::-webkit-scrollbar{display:none}body:not(.light) .text-cyan-400,body:not(.light) .text-cyan-300{color:#22d3ee!important;text-shadow:0 0 10px rgba(34,211,238,.6),0 0 20px rgba(34,211,238,.25)}body:not(.light) .text-violet-400,body:not(.light) .text-violet-300,body:not(.light) .text-purple-400,body:not(.light) .text-purple-300{color:#a78bfa!important;text-shadow:0 0 10px rgba(167,139,250,.6),0 0 22px rgba(167,139,250,.25)}body:not(.light) .text-emerald-400,body:not(.light) .text-green-400{color:#34d399!important;text-shadow:0 0 10px rgba(52,211,153,.5)}body:not(.light) .text-amber-300,body:not(.light) .text-amber-400,body:not(.light) .text-yellow-400{text-shadow:0 0 8px rgba(245,158,11,.5)}body:not(.light) .text-rose-400,body:not(.light) .text-rose-300,body:not(.light) .text-red-400{text-shadow:0 0 8px rgba(244,63,94,.5)}body:not(.light) header{border-bottom:1px solid rgba(129,140,248,.15)!important;box-shadow:0 2px 24px #6366f10f!important}body:not(.light) .bg-indigo-600,body:not(.light) [class*=bg-brand]{box-shadow:0 0 20px #6366f166,0 0 40px #6366f126}body:not(.light) .bg-cyan-600,body:not(.light) .bg-cyan-500{box-shadow:0 0 16px #22d3ee66}body:not(.light) input:focus,body:not(.light) textarea:focus,body:not(.light) select:focus{border-color:#818cf880!important;box-shadow:0 0 0 2px #6366f126,0 0 12px #6366f133!important;outline:none}body.light{--lp-blue: #3b82f6;--lp-pink: #ec4899;--lp-green: #22c55e;--lp-yellow: #f59e0b;--lp-blue-bg: #eff6ff;--lp-pink-bg: #fdf2f8;--lp-green-bg: #f0fdf4;--lp-yellow-bg: #fffbeb;--lp-text: #1e293b;--lp-text-mid: #475569;--lp-text-sub: #94a3b8;--lp-card: rgba(255,255,255,.9);--lp-border: rgba(148,163,184,.3);background:linear-gradient(135deg,#eff6ff,#fce7f3 30%,#f0fdf4,#fffbeb)!important;background-attachment:fixed!important;color:var(--lp-text)!important}html:has(body.light){background-color:#eff6ff}body.light .min-h-screen,body.light [class*=bg-slate-950],body.light [class*=bg-slate-900],body.light [class*=from-slate-950],body.light [class*=bg-dark]{background:transparent!important;background-image:none!important;color:var(--lp-text)!important}body.light [class*=bg-slate-800],body.light [class*=bg-slate-700]{background-color:var(--lp-card)!important;border-color:var(--lp-border)!important;color:var(--lp-text)!important}body.light [class*="bg-slate-900/60"],body.light [class*="bg-slate-900/80"],body.light [class*="bg-slate-900/70"]{background-color:#ffffffd9!important}body.light header{background:#fffffff0!important;border-bottom-color:#94a3b833!important;box-shadow:0 1px 20px #6366f10f!important}body.light .text-white,body.light .text-slate-100,body.light .text-slate-200,body.light h1,body.light h2,body.light h3,body.light h4{color:var(--lp-text)!important;-webkit-text-fill-color:var(--lp-text)!important}body.light .text-slate-300,body.light .text-slate-400,body.light .text-slate-500,body.light .text-slate-600{color:var(--lp-text-mid)!important;-webkit-text-fill-color:var(--lp-text-mid)!important}body.light .text-cyan-400,body.light .text-cyan-300,body.light .text-cyan-500,body.light [class*=text-cyan-300]{color:var(--lp-blue)!important;-webkit-text-fill-color:var(--lp-blue)!important;text-shadow:none!important}body.light .text-violet-400,body.light .text-violet-300,body.light .text-purple-400,body.light .text-purple-300{color:var(--lp-pink)!important;-webkit-text-fill-color:var(--lp-pink)!important;text-shadow:none!important}body.light .text-emerald-400,body.light .text-green-400{color:var(--lp-green)!important;-webkit-text-fill-color:var(--lp-green)!important;text-shadow:none!important}body.light .text-amber-300,body.light .text-amber-400,body.light .text-yellow-400{color:var(--lp-yellow)!important;-webkit-text-fill-color:var(--lp-yellow)!important;text-shadow:none!important}body.light [class*=border-slate-800],body.light [class*=border-slate-700],body.light [class*=border-cyan-500],body.light [class*=border-blue-500],body.light [class*=border-blue-400]{border-color:var(--lp-border)!important}body.light input,body.light textarea,body.light select{background-color:#fff!important;color:var(--lp-text)!important;border-color:#94a3b866!important}body.light input:focus,body.light textarea:focus,body.light select:focus{border-color:var(--lp-blue)!important;box-shadow:0 0 0 3px #3b82f626!important;outline:none}body.light input::placeholder,body.light textarea::placeholder{color:var(--lp-text-sub)!important}body.light .mobile-bottom-nav{background:#fffffff5!important;border-top:1px solid rgba(148,163,184,.25)!important;box-shadow:0 -4px 20px #3b82f60f!important}body.light ::-webkit-scrollbar-track{background:#f1f5f9}body.light ::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}body.light ::-webkit-scrollbar-thumb:hover{background:#94a3b8}body.light [class*="bg-cyan-500/15"],body.light [class*="bg-cyan-500/10"],body.light [class*="bg-blue-500/10"],body.light [class*="bg-blue-600/30"]{background-color:#dbeafe!important}body.light [class*="bg-purple-500/10"],body.light [class*="bg-violet-500/10"]{background-color:#fce7f3!important}body.light [class*="bg-emerald-500/10"],body.light [class*="bg-green-500/10"]{background-color:#dcfce7!important}body.light [class*="bg-amber-500/10"],body.light [class*="bg-yellow-500/10"]{background-color:#fef3c7!important}body.light .bg-indigo-600,body.light [class*=bg-brand],body.light .bg-cyan-600{box-shadow:0 2px 12px #3b82f640!important}body.light [class*="bg-green-500/30"]{background-color:#bbf7d0!important}body.light [class*=text-green-300]{color:#16a34a!important;-webkit-text-fill-color:#16a34a!important}body.light [class*="bg-yellow-500/30"]{background-color:#fef9c3!important}body.light [class*=text-yellow-300]{color:#a16207!important;-webkit-text-fill-color:#a16207!important}body.light [class*="bg-red-600/20"],body.light [class*="bg-red-500/10"]{background-color:#ffe4e6!important}body.light [class*=text-red-400]{color:#e11d48!important;-webkit-text-fill-color:#e11d48!important}body.light [class*=from-cyan-950],body.light [class*=via-slate-900],body.light [class*=to-purple-950]{background:linear-gradient(135deg,#eff6ff,#fce7f3,#f0fdf4)!important;background-image:none!important;border-color:#94a3b840!important}body.light section[class*=bg-gradient-to-r],body.light section[class*=bg-gradient-to-br],body.light section[class*=bg-gradient-to-l]{background:linear-gradient(135deg,#eff6ff,#fce7f3,#f0fdf4)!important;border-color:#94a3b833!important}body.light section .bg-cyan-500\/10{background-color:#93c5fd4d!important}body.light section .bg-purple-500\/10{background-color:#f9a8d440!important}body.light [class*=bg-gradient-to-r][class*=from-white],body.light [class*=bg-gradient-to-r][class*=text-transparent]{background:none!important;-webkit-text-fill-color:var(--lp-text)!important;color:var(--lp-text)!important}body.light [class*="bg-cyan-500/15"]{background-color:#dbeafed9!important;border-color:#93c5fd80!important}body.light [class*=bg-slate-800][class*=rounded-full]{background-color:#e2e8f0!important}body.light [class*="hover:bg-slate-800"],body.light button:hover[class*=bg-slate-]{background-color:#94a3b81f!important}body.light [class*=border-cyan-500]{border-color:var(--lp-blue)!important}body.light .gradient-text{background:linear-gradient(135deg,var(--lp-blue) 0%,var(--lp-pink) 50%,var(--lp-green) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}body.light .novel-progress-bar{background:#fffffff2!important;border-top-color:#94a3b84d!important;color:#1e293b!important}body.light .novel-progress-bar .text-slate-400{color:#475569!important;-webkit-text-fill-color:#475569!important}body.light .novel-progress-bar .text-cyan-400{color:#0284c7!important;-webkit-text-fill-color:#0284c7!important}body.light .request-access-overlay{background:#64748b47!important}body.light .request-access-modal{background:#fff!important;background-image:none!important;border-color:#0891b259!important;box-shadow:0 24px 60px #02061738!important;color:var(--lp-text)!important}body.light .request-access-modal [class*=bg-slate-950]{background-color:#f1f5f9!important;border-color:#94a3b84d!important}body.light .request-access-modal [class*=border-slate-850],body.light .request-access-modal [class*=border-slate-800]{border-color:#94a3b84d!important}body.light .request-access-modal .font-mono,body.light .request-access-modal [class*=text-slate-350]{color:var(--lp-text-mid)!important;-webkit-text-fill-color:var(--lp-text-mid)!important}.hscroll-arrow{background:#0f172aeb;border:1px solid rgba(51,65,85,.85);color:#fff}.hscroll-arrow:hover{background:#1e293bfa;border-color:#22d3ee80}body.light .hscroll-arrow{background:#fffffff2;border-color:#94a3b873;color:#1e293b}body.light .hscroll-arrow:hover{background:#f1f5f9;border-color:#0891b280}.reader-shell{height:100vh;height:100dvh}