@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&display=swap");:root{--cream-50:#f7fafe;--cream-100:#eef5fb;--cream-200:#f4f8fd;--cream-300:#eaf1fd;--cream-400:#dbe6f6;--sage-50:#eaf1fd;--sage-100:#d5e4fb;--sage-200:#a9c6f5;--sage-300:#6b9bee;--sage-400:#3d80ea;--sage-500:#1E6BE6;--sage-600:#1655c0;--sage-700:#12277a;--sage-800:#0d1c56;--tan-50:#fffbe0;--tan-100:#fff5b8;--tan-200:#ffec80;--tan-300:#ffe94d;--tan-400:#FFDF00;--tan-500:#FFC400;--tan-600:#dcbf00;--ink-50:#f4f8fd;--ink-100:#e4ecf8;--ink-200:#cfdcef;--ink-300:#8493ae;--ink-400:#7d8fae;--ink-500:#46577a;--ink-600:#324667;--ink-700:#12277a;--ink-800:#0d1c56;--mint:#7FE3D6;--seafoam:#b9ecc9;--lime:#DCEE6B;--brand:var(--mint);--brand-gradient:var(--mint);--brand-gradient-wide:var(--mint);--blush:#ffe3e3;--sky:var(--mint);--butter:var(--tan-100);--rose:#f5b8c4;--bg:var(--cream-100);--bg-elevated:#FFFFFF;--bg-sunken:var(--cream-200);--bg-inverse:var(--ink-700);--surface:#FFFFFF;--surface-muted:var(--cream-50);--surface-hover:var(--cream-200);--surface-active:var(--cream-300);--fg-1:var(--ink-700);--fg-2:var(--ink-500);--fg-3:var(--ink-400);--fg-4:var(--ink-300);--fg-on-primary:#FFFFFF;--fg-on-accent:var(--ink-700);--primary:var(--sage-500);--primary-hover:var(--sage-600);--primary-press:var(--sage-700);--primary-soft:var(--sage-50);--action:var(--tan-400);--action-hover:var(--tan-300);--action-press:var(--tan-500);--action-soft:var(--cream-300);--action-ring:rgba(255,223,0,0.42);--action-on:var(--ink-700);--action-lip:var(--tan-600);--accent:var(--tan-400);--accent-hover:var(--tan-300);--accent-soft:var(--tan-50);--border-subtle:#eef3fa;--border:#e4ecf8;--border-strong:#cfdcef;--border-focus:var(--sage-500);--success:#3ac28f;--warn:var(--tan-500);--danger:#b3261e;--info:var(--sage-500);--shadow-xs:none;--shadow-sm:0 1px 2px rgba(18,39,122,0.05);--shadow-md:0 1px 2px rgba(18,39,122,0.05);--shadow-lg:0 4px 12px rgba(18,39,122,0.10);--shadow-xl:0 8px 24px rgba(18,39,122,0.12);--shadow-inner:none;--ring:0 0 0 3px rgba(30,107,230,0.45);--radius-xs:8px;--radius-sm:11px;--radius-md:16px;--radius-lg:22px;--radius-xl:28px;--radius-2xl:36px;--radius-pill:999px;--radius-bubble-in:6px 18px 18px 18px;--radius-bubble-out:18px 18px 6px 18px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:56px;--space-10:72px;--space-11:96px;--font-sans:"Nunito","Noto Sans Thai",ui-sans-serif,system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;--font-display:"Nunito","Noto Sans Thai",ui-sans-serif,system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;--fs-12:12px;--fs-13:13px;--fs-14:14px;--fs-15:15px;--fs-16:16px;--fs-18:18px;--fs-20:20px;--fs-24:24px;--fs-28:28px;--fs-32:32px;--fs-40:40px;--fs-48:48px;--fs-56:56px;--fs-72:72px;--lh-tight:1.05;--lh-snug:1.25;--lh-normal:1.45;--lh-relaxed:1.6;--lh-loose:1.75;--ls-tighter:-0.03em;--ls-tight:-0.015em;--ls-normal:0;--ls-wide:0.02em;--ls-wider:0.12em;--fw-regular:400;--fw-medium:600;--fw-semibold:700;--fw-bold:800;--fw-black:900;--ease-out:cubic-bezier(0.22,1,0.36,1);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--ease-spring:cubic-bezier(0.34,1.4,0.64,1);--dur-instant:80ms;--dur-fast:140ms;--dur-base:220ms;--dur-slow:360ms;--dur-slower:560ms;--squircle-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M50 0C16 0 0 16 0 50C0 84 16 100 50 100C84 100 100 84 100 50C100 16 84 0 50 0Z' fill='black'/%3E%3C/svg%3E")}body,html{background:var(--bg);color:var(--fg-1);font-family:var(--font-sans);font-size:var(--fs-16);font-weight:var(--fw-medium);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.h-display{font-size:var(--fs-72)}.h-display,.h1{font-family:var(--font-display);line-height:var(--lh-tight);letter-spacing:var(--ls-tighter);font-weight:var(--fw-bold);color:var(--fg-1)}.h1{font-size:var(--fs-48)}.h2{font-size:var(--fs-32)}.h2,.h3{line-height:var(--lh-snug);letter-spacing:var(--ls-tight);font-weight:var(--fw-bold);color:var(--fg-1)}.h3{font-size:var(--fs-24)}.h4{font-size:var(--fs-20);font-weight:var(--fw-bold)}.h4,.h5{line-height:var(--lh-snug);color:var(--fg-1)}.h5{font-size:var(--fs-16);font-weight:var(--fw-semibold)}.body-lg{font-size:var(--fs-18)}.body,.body-lg{line-height:var(--lh-relaxed);color:var(--fg-1)}.body{font-size:var(--fs-16)}.body-sm{font-size:var(--fs-14);line-height:var(--lh-normal);color:var(--fg-2)}.caption{font-size:var(--fs-13)}.caption,.micro{line-height:var(--lh-normal);color:var(--fg-3)}.micro{letter-spacing:var(--ls-wide)}.eyebrow,.micro{font-size:var(--fs-12)}.eyebrow{font-weight:var(--fw-bold);letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--fg-3)}.code,code,kbd,pre{font-family:var(--font-mono);font-size:.92em}a{color:var(--sage-500);text-decoration:none}a:hover{color:var(--sage-700)}::selection{background:var(--tan-200);color:var(--ink-700)}.lumen-mark{background:var(--brand);border-radius:9px;flex:none}.btn-chunky{background:var(--action);color:var(--action-on);border:1.5px solid var(--action);border-radius:var(--radius-sm);font-weight:var(--fw-bold);cursor:pointer;box-shadow:none;transition:background var(--dur-fast) ease,border-color var(--dur-fast) ease}.btn-chunky:hover{background:var(--action-hover);border-color:var(--action-hover)}.btn-chunky:active{background:var(--action-press);border-color:var(--action-press)}.btn-chunky:disabled{background:transparent;color:var(--fg-4);border-color:var(--border);box-shadow:none;cursor:default}.btn-outline{background:transparent;color:var(--fg-1);border:1.5px solid var(--border-strong);border-radius:var(--radius-sm);font-weight:var(--fw-semibold);cursor:pointer;transition:border-color var(--dur-fast) ease,color var(--dur-fast) ease}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}@keyframes lumenRise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes lumenPulse{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.btn-chunky{transition:none}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--ink-200);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--cream-400)}::-webkit-scrollbar-track{background:transparent}:focus-visible{outline:3px solid rgba(30,107,230,.45);outline-offset:2px}