:root{--serif-font: "Noto Serif Thai", serif;--sans-serif-font: "Noto Sans Thai", sans-serif;--font-family-base: "Noto Serif Thai", serif;--font-weight-base: 400;--font-family-head: "Noto Sans Thai", sans-serif;--font-weight-head: 600;--font-family-code: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-weight-code: 400;--font-h1: clamp(2.25rem, calc(1.614rem + 3.182vw) , 4rem);--font-h2: clamp(1.95rem, calc(1.386rem + 2.818vw) , 3.5rem);--font-h3: clamp(1.7rem, calc(1.227rem + 2.364vw) , 3rem);--font-h4: clamp(1.45rem, calc(1.068rem + 1.909vw) , 2.5rem);--font-h5: clamp(1.25rem, calc(.909rem + 1.705vw) , 2.19rem);--font-h6: clamp(1.13rem, calc(.852rem + 1.364vw) , 1.88rem);--font-base: clamp(1rem, calc(.909rem + .455vw) , 1.25rem);--font-small: clamp(.88rem, calc(.739rem + .682vw) , 1.15rem);--font-tiny: clamp(.75rem, calc(.682rem + .341vw) , .94rem);--font-code: clamp(.88rem, calc(.761rem + .568vw) , 1.19rem)}html[lang=th]{--serif-font: "Noto Serif Thai", serif;--sans-serif-font: "Noto Sans Thai", sans-serif}html{font-size:100%}body,.base{font-family:var(--font-family-base);font-weight:var(--font-weight-base);line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-head);font-weight:var(--font-weight-head);letter-spacing:-.015em}code,.code{font-family:var(--font-family-code);font-weight:var(--font-weight-code)}h1,.h1{font-size:var(--font-h1)}h2,.h2{font-size:var(--font-h2)}h3,.h3{font-size:var(--font-h3)}h4,.h4{font-size:var(--font-h4)}h5,.h5{font-size:var(--font-h5)}h6,.h6{font-size:var(--font-h6)}body,.base{font-size:var(--font-base)}small,.small{font-size:var(--font-small)}.tiny{font-size:var(--font-tiny)}code,.code{font-size:var(--font-code)}p{line-height:1.75}h1,h2,h3,h4,h5,h6{color:var(--text)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}:root{color-scheme:light dark;--signal-cyan: #258ac9;--signal-mint: #2abfad;--signal-amber: #ffb052;--radius-xl: 32px;--radius-lg: 24px;--radius-md: 18px;--max-width: 2100px}html[data-theme=light],.light-only{--primary-color: oklch(.58 .14 235);--bg: oklch(from var(--primary-color) .96 .01 h);--bg-soft: oklch(from var(--primary-color) .99 .005 h / .66);--surface: oklch(from var(--primary-color) .99 .005 h / .74);--surface-strong: oklch(from var(--primary-color) .99 .005 h / .9);--surface-stronger: oklch( from var(--primary-color) .99 .005 h / .95 );--border: oklch(from var(--primary-color) .4 .08 h / .12);--text: oklch(from var(--primary-color) .38 .04 h);--text-strong: oklch(from var(--primary-color) .22 .05 h);--ttext-strong: var(--text-strong);--muted: oklch(from var(--primary-color) .52 .04 h);--accent: var(--primary-color);--accent-soft: #2abfad;--accent-warm: #ffb052;--accent-gradient: linear-gradient( 135deg, var(--accent), var(--accent-soft) );--accent-translucent-gradient: linear-gradient( 135deg, color-mix(in srgb, var(--accent) 84%, rgba(255, 255, 255, .8) 16%), color-mix( in srgb, var(--accent-soft) 84%, rgba(255, 255, 255, .8) 16% ) );--shadow: 0 24px 80px rgba(12, 30, 54, .1);--shadow-hover: 0 20px 48px rgba(39, 125, 161, .12);color-scheme:light}html[data-theme=dark]{--primary-color: oklch(.72 .14 235);--bg: oklch(from var(--primary-color) .12 .02 h);--bg-soft: oklch(from var(--primary-color) .15 .03 h / .76);--surface: oklch(from var(--primary-color) .16 .03 h / .78);--surface-strong: oklch(from var(--primary-color) .18 .04 h / .92);--surface-stronger: oklch(from var(--primary-color) .18 .04 h / .97);--border: oklch(from var(--primary-color) .65 .08 h / .16);--text: oklch(from var(--primary-color) .86 .02 h);--text-strong: oklch(from var(--primary-color) .97 .01 h);--ttext-strong: var(--text-strong);--muted: oklch(from var(--primary-color) .72 .03 h);--accent: var(--primary-color);--accent-soft: #4cd2c5;--accent-warm: #ffc46b;--accent-gradient: linear-gradient( 135deg, var(--accent), var(--accent-soft) );--accent-translucent-gradient: linear-gradient( 135deg, color-mix(in srgb, var(--accent) 84%, rgba(20, 32, 62, .8) 16%), color-mix( in srgb, var(--accent-soft) 84%, rgba(20, 32, 62, .8) 16% ) );--shadow: 0 24px 80px rgba(0, 5, 14, .42);--shadow-hover: 0 20px 48px rgba(0, 5, 14, .3);color-scheme:dark}@supports (-moz-appearance: none){*{scrollbar-width:thin;scrollbar-color:var(--accent) transparent}}html{scrollbar-gutter:stable}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border-radius:10px;background:var(--accent-gradient)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--accent-soft),var(--accent))}::-webkit-scrollbar-corner{background:transparent}body{margin:0;min-width:320px;min-height:100vh;color:var(--text);background:radial-gradient(circle at 14% 10%,rgba(37,138,201,.13),transparent 20%),radial-gradient(circle at 86% 12%,rgba(42,191,173,.1),transparent 22%),radial-gradient(circle at 72% 84%,rgba(255,176,82,.12),transparent 24%),linear-gradient(180deg,#f7fbff,#eff4f8 48%,#e5edf5)}html[data-theme=dark] body{background:radial-gradient(circle at 10% 10%,rgba(81,183,243,.16),transparent 20%),radial-gradient(circle at 88% 12%,rgba(76,210,197,.12),transparent 22%),radial-gradient(circle at 68% 84%,rgba(255,196,107,.12),transparent 24%),linear-gradient(180deg,#0a1625,#07111d 52%,#050c14)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(180deg,rgba(0,0,0,.35),transparent 70%)}@keyframes blob-drift{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-3vw,2vh) scale(1.08)}}body:after{content:"";position:fixed;inset:auto -8vw -16vh auto;width:42vw;height:42vw;min-width:280px;min-height:280px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#89aeff29,#89aeff00 70%);filter:blur(16px);animation:blob-drift 20s infinite ease-in-out alternate}html[data-theme=dark] body:before{background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px)}html[data-theme=dark] body:after{background:radial-gradient(circle,#7691ff1f,#7691ff00 72%)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,a{-webkit-tap-highlight-color:transparent}main{position:relative;z-index:1}.container{width:min(calc(100% - 10vw),var(--max-width));padding:0 64px;margin:0 auto}.section-label{display:inline-flex;align-items:center;gap:.55rem;padding:.45rem .9rem;border-radius:999px;font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:#ffffff8c;border:1px solid rgba(112,137,255,.12);color:#4b6391}html[data-theme=dark] .section-label{background:#0f1931a6;border-color:#94b6ff29;color:#c3d4f2}.section-title{margin:1rem 0 0;font-size:clamp(2rem,4vw,3.6rem);line-height:1.02;letter-spacing:-.04em}.section{margin:1rem 0 0;max-width:62ch;font-size:1.02rem;line-height:1.7;color:var(--muted)}.eyebrow-serif{font-family:var(--serif-font),serif;font-style:italic;font-weight:400}@media(max-width:992px){.container{width:min(calc(100% - 5vw),var(--max-width));padding:0 16px}.section{font-size:.98rem}}.glass-visual{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);backdrop-filter:blur(24px)}