@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:300;font-display:swap;src:url(../media/57c9eb05141b6b7c-s.09dd5y52jc5rt.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:300;font-display:swap;src:url(../media/c73fb3e54683eaf8-s.p.10-ku.r4hcrjo.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:300;font-display:swap;src:url(../media/caaacb6502e94400-s.0678ct_lfye5g.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:300;font-display:swap;src:url(../media/d9fa5058ff337146-s.p.0.uojefwi-6od.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:400;font-display:swap;src:url(../media/08f3d05b771d66cc-s.02.3m.z9py4_p.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:400;font-display:swap;src:url(../media/413670c8b897121b-s.p.14ap8~zrl6szq.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:400;font-display:swap;src:url(../media/72b93e0389b54497-s.0.u5885n6nh5m.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ab8c2f9dfe50fb3c-s.p.02z9z4k9hf4m9.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:500;font-display:swap;src:url(../media/57f2d0e8dd065b18-s.0weekw4rtjj~..woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:500;font-display:swap;src:url(../media/966a1ae9b0187c65-s.p.16f3t..oolz7~.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:500;font-display:swap;src:url(../media/25d906941e607a44-s.0lxz35w72rj-1.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:500;font-display:swap;src:url(../media/666deae7c569669f-s.p.0wbhs3.w672uy.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:600;font-display:swap;src:url(../media/cce0da533fe89a78-s.0nlsrqwh8q3p8.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:600;font-display:swap;src:url(../media/411573def610439a-s.p.0xiiz24wsq24s.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:600;font-display:swap;src:url(../media/0f35197ba25d2b5b-s.0btkb4ac4ikdr.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:600;font-display:swap;src:url(../media/e4b5e1d5de235207-s.p.0agc93klb0f7e.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:700;font-display:swap;src:url(../media/cdf71b3840042aba-s.0u7tcimkd~9n1.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:700;font-display:swap;src:url(../media/86fee4a10e2832ea-s.p.0yseaop5hit0-.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:700;font-display:swap;src:url(../media/b1ef0ab36ab59f4e-s.0j0xf~qrmsfka.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:700;font-display:swap;src:url(../media/9fdf3a539c009271-s.p.07ns-dtj7gzka.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Thai Fallback;src:local(Arial);ascent-override:110.31%;descent-override:52.78%;line-gap-override:0.0%;size-adjust:101.17%}.ibm_plex_sans_thai_1370f273-module__vDsY6G__className{font-family:IBM Plex Sans Thai,IBM Plex Sans Thai Fallback;font-style:normal}.ibm_plex_sans_thai_1370f273-module__vDsY6G__variable{--font-sans:"IBM Plex Sans Thai", "IBM Plex Sans Thai Fallback"}
@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e390973e931a41c5-s.08hd0g.321csk.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/59b15b4bcd7b1eb5-s.0x08jh8vondwt.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e532fa1b9921e1cd-s.0~wrfy7sm-h4g.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2fe89d53234c61d4-s.0k_.i63k_i_qa.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/99e609270109b47d-s.p.16-z~2sp29ex6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5e05ae5b48faa55e-s.0m9hhkgdlzukj.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/a7afbb44bec2bb18-s.0juuwbcf7uz~t.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/02263ebadd758ea4-s.0qg7j5o.yrclm.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/68757d6cddeff913-s.0hkrq11n-dhos.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/effe91970fc4db64-s.p.07ig5l8azj~hy.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/6ff74e33ebd7bca3-s.0_n_qwbzcushi.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1a69062cfe6f77f8-s.07r2ragk8ph~z.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/9a4838fcda0d1bca-s.0787d67~10694.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/2e95a7d252b9825a-s.0dgq8lqrj3gc_.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/23b7a97ae3b5c134-s.p.0o14nraug8u5s.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono Fallback;src:local(Arial);ascent-override:76.16%;descent-override:20.43%;line-gap-override:0.0%;size-adjust:134.59%}.ibm_plex_mono_e06d9437-module__v8ILfq__className{font-family:IBM Plex Mono,IBM Plex Mono Fallback;font-style:normal}.ibm_plex_mono_e06d9437-module__v8ILfq__variable{--font-mono:"IBM Plex Mono", "IBM Plex Mono Fallback"}
:root{--bg:#eceff4;--surface:#fff;--surface-2:#e2e7ef;--text:#131820;--muted:#586170;--border:#d8dee7;--accent:#b23a2b;--accent-2:#d1543f;--accent-soft:#f4e5e1;--ring:#b23a2b59;--code-bg:#12151b;--code-text:#e6e9ef;--shadow:0 1px 2px #14171c0d, 0 10px 30px -14px #1e293b38;--glow:#b23a2b0f;--grid-line:#141c2a0a;--nav-bg:#b0271a;--nav-text:#fff;--nav-muted:#ffffffb8;--nav-border:#fff3;--nav-hover:#ffffff24;--radius-btn:11px;--radius-card:16px;--radius-lg:22px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--container:1200px;--gutter:clamp(18px, 5vw, 40px);--section-y:clamp(44px, 6vw, 80px)}[data-theme=dark]{--bg:#0d1016;--surface:#151a22;--surface-2:#1c222c;--text:#e9ebef;--muted:#98a1ad;--border:#262d38;--accent:#e0715f;--accent-2:#eb8474;--accent-soft:#2a1a16;--ring:#e0715f66;--code-bg:#0a0d12;--code-text:#e6e9ef;--shadow:0 1px 2px #0006, 0 10px 34px -14px #000000b3;--glow:#e0715f1a;--grid-line:#ffffff09;--nav-bg:#8f1e12;--nav-text:#fff;--nav-muted:#ffffffb3;--nav-border:#ffffff29;--nav-hover:#ffffff1a}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:84px}body{min-height:100svh;font-family:var(--font-sans), system-ui, sans-serif;color:var(--text);background-color:var(--bg);background-image:radial-gradient(1100px 560px at 82% -8%, var(--glow), transparent 60%), linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-size:auto,46px 46px,46px 46px;background-attachment:fixed;margin:0;transition:background-color .3s,color .3s}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-2)}img,svg{max-width:100%;height:auto}p{text-wrap:pretty}::selection{background:var(--accent);color:#fff}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.skip-link{z-index:100;background:var(--accent);color:#fff;border-radius:0 0 var(--radius-btn) 0;padding:12px 18px;font-weight:600;position:absolute;top:0;left:-9999px}.skip-link:focus{color:#fff;left:0}.container{max-width:var(--container);padding-inline:var(--gutter);margin-inline:auto}.container-narrow{max-width:1000px;padding-inline:var(--gutter);margin-inline:auto}.container-prose{max-width:760px;padding-inline:var(--gutter);margin-inline:auto}.section{padding-block:var(--section-y)}.section-tight{padding-block:clamp(34px,5vw,60px)}.band{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.band-top{background:var(--surface);border-top:1px solid var(--border)}h1,h2,h3,h4{letter-spacing:-.02em;margin:0;font-weight:700;line-height:1.2}.h1-hero{margin:0 0 20px;font-size:clamp(33px,5.4vw,58px);line-height:1.08}.h1-page{margin:8px 0 14px;font-size:clamp(28px,4vw,44px)}.h2{margin:0 0 10px;font-size:clamp(24px,3.5vw,34px)}.h2-sm{margin:0 0 8px;font-size:clamp(22px,3vw,30px)}.eyebrow{font-family:var(--font-mono), ui-monospace, monospace;color:var(--accent);font-size:13px;font-weight:600;display:block}.lead{color:var(--muted);margin:0 0 30px;font-size:clamp(16px,2vw,19px);line-height:1.7}.muted{color:var(--muted)}.mono{font-family:var(--font-mono), ui-monospace, monospace}.btn{border-radius:var(--radius-btn);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:14px 26px;font-family:inherit;font-size:15.5px;font-weight:600;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff;box-shadow:var(--shadow)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.btn-sm{min-height:40px;padding:10px 18px;font-size:14px}@media (hover:hover){.btn-primary:hover{background:var(--accent-2);color:#fff}.btn-secondary:hover{border-color:var(--accent);color:var(--text)}}.header{z-index:50;background:var(--nav-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--nav-border);padding-top:env(safe-area-inset-top);position:sticky;top:0;box-shadow:0 6px 24px -14px #00000080}.header-inner{max-width:var(--container);padding-inline:var(--gutter);justify-content:space-between;align-items:center;gap:16px;min-height:66px;margin-inline:auto;display:flex}.brand{color:var(--nav-text);flex-shrink:0;align-items:center;gap:11px;display:flex}.brand:hover{color:var(--nav-text)}.brand-mark{width:38px;height:38px;color:var(--accent);box-shadow:var(--shadow);background:#fff;border-radius:10px;flex-shrink:0;place-items:center;display:grid}.brand-name{letter-spacing:-.01em;font-size:16px;font-weight:600;line-height:1.15}.nav-desktop{align-items:center;gap:4px;display:none}.nav-link{color:var(--nav-muted);border-radius:9px;flex-direction:column;align-items:center;gap:4px;padding:8px 13px;font-size:14.5px;font-weight:500;transition:background-color .15s,color .15s;display:flex}.nav-link:after{content:"";background:0 0;border-radius:2px;width:100%;height:2px}.nav-link[aria-current=page]{color:var(--nav-text)}.nav-link[aria-current=page]:after{background:#fff}@media (hover:hover){.nav-link:hover{background:var(--nav-hover);color:var(--nav-text)}}.icon-btn{border:1px solid var(--nav-border);width:40px;height:40px;color:var(--nav-text);cursor:pointer;background:0 0;border-radius:10px;flex-shrink:0;place-items:center;font-size:16px;transition:border-color .15s,background-color .15s;display:grid}@media (hover:hover){.icon-btn:hover{background:var(--nav-hover);border-color:#fff}}.nav-mobile{border-top:1px solid var(--nav-border);background:var(--nav-bg);padding:8px var(--gutter) 14px;flex-direction:column;gap:2px;display:flex}.nav-mobile a{border-bottom:1px solid var(--nav-border);color:var(--nav-text);border-radius:8px;align-items:center;min-height:44px;padding:13px 8px;font-size:16px;font-weight:500;display:flex}.nav-mobile a:last-child{border-bottom:none}@media (min-width:860px){.nav-desktop{display:flex}.burger{display:none}}.hero{max-width:var(--container);padding:clamp(40px, 7vw, 88px) var(--gutter) clamp(30px, 5vw, 56px);flex-wrap:wrap;align-items:center;gap:clamp(28px,5vw,56px);margin-inline:auto;display:flex}.hero-copy{flex:380px;min-width:min(100%,340px)}.hero-art{flex:0 360px;justify-content:center;min-width:min(100%,280px);display:flex}.hero-figure{width:min(340px,100%);position:relative}.hero-photo{aspect-ratio:4/5;border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow);background:var(--surface-2);position:relative;overflow:hidden}.hero-code{background:var(--code-bg);color:var(--code-text);font-family:var(--font-mono), ui-monospace, monospace;box-shadow:var(--shadow);border-radius:12px;padding:12px 16px;font-size:13px;line-height:1.6;position:absolute;bottom:-16px;left:-16px}.hero-code .kw{color:#e0715f}.hero-code .prompt{color:#7fd88f}.stats{flex-wrap:wrap;gap:26px;margin-top:38px;display:flex}.stat-num{font-size:26px;font-weight:700;font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:-.02em}.stat-label{color:var(--muted);font-size:13px}.stat-divider{background:var(--border);width:1px}.chip-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.chip{border-radius:var(--radius-pill);background:var(--bg);border:1px solid var(--border);color:var(--text);padding:6px 14px;font-size:13.5px;font-weight:500}.chip-surface{background:var(--surface)}.filter-chip{border-radius:var(--radius-pill);cursor:pointer;border:1px solid var(--border);background:var(--surface);min-height:40px;color:var(--text);padding:8px 15px;font-family:inherit;font-size:13.5px;font-weight:500;transition:background-color .15s,border-color .15s,color .15s}.filter-chip[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:#fff}@media (hover:hover){.filter-chip:hover{border-color:var(--accent)}}.tag-mono{background:var(--surface-2);font-size:12px;font-family:var(--font-mono), ui-monospace, monospace;color:var(--muted);border-radius:7px;padding:4px 10px}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px;display:grid}.grid-courses{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.grid-mini{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.grid-books{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;display:grid}.grid-logos{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;display:grid}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:30px;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;overflow:hidden}.card-link,.card-link:hover{color:inherit}@media (hover:hover){.card-hover:hover{box-shadow:var(--shadow);transform:translateY(-4px)}}.grid-cards>.card:nth-child(n+4){content-visibility:auto;contain-intrinsic-size:auto 360px}.card-banner{background:linear-gradient(135deg,#141a24,#242c3a);align-items:flex-end;height:150px;padding:16px;display:flex;position:relative;overflow:hidden}.card-glyph{font-family:var(--font-mono), ui-monospace, monospace;color:#e0715f2e;letter-spacing:-.03em;-webkit-user-select:none;user-select:none;font-size:58px;font-weight:600;position:absolute;top:-12px;right:14px}.card-cat{border-radius:var(--radius-pill);color:#f0a596;font-size:12px;font-weight:600;font-family:var(--font-mono), ui-monospace, monospace;background:#e0715f33;padding:5px 11px;position:relative}.card-body{flex-direction:column;flex:1;padding:18px 20px 20px;display:flex}.card-title{letter-spacing:-.01em;margin:0 0 10px;font-size:18px;font-weight:600;line-height:1.35}.card-excerpt{color:var(--muted);flex:1;margin:0 0 16px;font-size:14.5px;line-height:1.6}.card-meta{color:var(--muted);font-size:12.5px;font-family:var(--font-mono), ui-monospace, monospace;gap:10px;display:flex}.course-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);flex-direction:column;padding:26px;transition:transform .2s,box-shadow .2s;display:flex}.course-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.course-level{border-radius:var(--radius-pill);background:var(--surface-2);color:var(--muted);white-space:nowrap;padding:4px 11px;font-size:12px;font-weight:600}.course-foot{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding-top:16px;display:flex}.course-mini{background:var(--bg);border:1px solid var(--border);color:inherit;border-radius:14px;flex-direction:column;gap:10px;padding:22px;transition:border-color .2s;display:flex}@media (hover:hover){.course-mini:hover{border-color:var(--accent);color:inherit}}.panel-dark{background:var(--code-bg);border-radius:var(--radius-lg);text-align:center;color:var(--code-text);padding:clamp(30px,5vw,56px);position:relative;overflow:hidden}.panel-dark:before{content:"";pointer-events:none;background:radial-gradient(circle at 30% 20%,#e0715f38,#0000 55%);position:absolute;inset:0}.panel-dark>*{position:relative}.panel-dark h2,.panel-dark h3{color:var(--code-text)}.panel-dark p{color:#b9c0cc}.field{border-radius:var(--radius-btn);color:#e6e9ef;background:#1a202a;border:1px solid #333c48;flex:220px;min-height:44px;padding:13px 16px;font-family:inherit;font-size:15px}.field::placeholder{color:#7d8794}.field:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.form-row{flex-wrap:wrap;justify-content:center;gap:10px;max-width:440px;margin-inline:auto;display:flex}.form-note{color:#98a1ad;margin:16px 0 0;font-size:13px}.form-ok{color:#7fd88f;margin:16px 0 0;font-size:14px}.form-err{color:#f0a596;margin:16px 0 0;font-size:14px}.article-header{margin-bottom:30px}.back-link{align-items:center;gap:6px;min-height:44px;margin-bottom:20px;font-size:14.5px;font-weight:500;display:inline-flex}.byline{border-top:1px solid var(--border);border-bottom:1px solid var(--border);align-items:center;gap:12px;margin-top:20px;padding-block:18px;display:flex}.avatar{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;font-weight:700;display:grid;overflow:hidden}.tldr{background:var(--accent-soft);border-left:3px solid var(--accent);border-radius:0 var(--radius-btn) var(--radius-btn) 0;margin:28px 0;padding:18px 20px}.tldr strong{font-family:var(--font-mono), ui-monospace, monospace;color:var(--accent);letter-spacing:.02em;margin-bottom:6px;font-size:12.5px;display:block}.tldr p{color:var(--text);margin:0;font-size:16px;line-height:1.7}.toc{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);margin:28px 0;padding:20px 24px}.toc h2{font-size:14px;font-family:var(--font-mono), ui-monospace, monospace;color:var(--muted);letter-spacing:.02em;margin:0 0 12px;font-weight:600}.toc ol{flex-direction:column;gap:8px;margin:0;padding-left:20px;display:flex}.toc a{font-size:15px;line-height:1.5}.prose{color:var(--text);font-size:17.5px;line-height:1.8}.prose h2{border-bottom:1px solid var(--border);margin:44px 0 14px;padding-bottom:10px;scroll-margin-top:90px;font-size:clamp(22px,3vw,28px)}.prose h3{margin:32px 0 10px;scroll-margin-top:90px;font-size:20px}.prose p{margin:0 0 20px}.prose ul,.prose ol{margin:0 0 20px;padding-left:24px}.prose li{margin-bottom:8px}.prose strong{font-weight:600}.prose blockquote{border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:0 var(--radius-btn) var(--radius-btn) 0;color:var(--text);margin:24px 0;padding:4px 20px}.prose blockquote p:last-child{margin-bottom:0}.prose img{border-radius:var(--radius-card);border:1px solid var(--border);margin:24px 0}.prose table{border-collapse:collapse;width:100%;margin:24px 0;font-size:15.5px;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--border);text-align:left;padding:10px 14px}.prose th{background:var(--surface-2);font-weight:600}.prose code{font-family:var(--font-mono), ui-monospace, monospace;background:var(--surface-2);border-radius:6px;padding:2px 6px;font-size:.88em}.prose pre{background:var(--code-bg);color:var(--code-text);border-radius:14px;margin:24px 0;padding:20px 22px;font-size:14.5px;line-height:1.65;overflow-x:auto}.prose pre code{font-size:inherit;color:inherit;background:0 0;padding:0}.prose hr{border:none;border-top:1px solid var(--border);margin:40px 0}pre::-webkit-scrollbar{height:8px}pre::-webkit-scrollbar-thumb{background:#3a4150;border-radius:8px}.hljs-comment,.hljs-quote{color:#7d8794;font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-built_in,.hljs-name{color:#e0715f}.hljs-string,.hljs-attr,.hljs-template-variable{color:#7fd88f}.hljs-number,.hljs-literal{color:#d9b26f}.hljs-title,.hljs-section,.hljs-function .hljs-title{color:#8ab4f8}.hljs-type,.hljs-class .hljs-title{color:#c9a0ff}.timeline-item{gap:20px;display:flex}.timeline-rail{flex-direction:column;align-items:center;display:flex}.timeline-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:14px;height:14px;margin-top:5px}.timeline-line{background:var(--border);flex:1;width:2px}.about-photo{aspect-ratio:1;border:1px solid var(--border);box-shadow:var(--shadow);background:var(--surface-2);border-radius:20px;position:relative;overflow:hidden}.book-cover{aspect-ratio:3/4;background:var(--surface-2);position:relative}.logo-slot{aspect-ratio:3/2;background:var(--surface);border:1px solid var(--border);border-radius:14px;position:relative;overflow:hidden}.img-placeholder{text-align:center;background:linear-gradient(135deg, var(--surface-2), var(--surface));color:var(--muted);font-size:12.5px;font-family:var(--font-mono), ui-monospace, monospace;place-items:center;gap:6px;padding:12px;line-height:1.4;display:grid;position:absolute;inset:0}.contact-item{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:14px;align-items:center;gap:14px;min-height:44px;padding:16px 18px;transition:border-color .15s;display:flex}@media (hover:hover){.contact-item:hover{border-color:var(--accent);color:var(--text)}}.contact-icon{color:#fff;border-radius:11px;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:20px;font-weight:700;display:grid}.contact-label{font-size:15.5px;font-weight:600;display:block}.contact-value{color:var(--muted);overflow-wrap:anywhere;font-size:13.5px;display:block}.footer{background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.footer-inner{max-width:var(--container);padding:clamp(36px, 5vw, 56px) var(--gutter) 28px;flex-wrap:wrap;justify-content:space-between;gap:32px;margin-inline:auto;display:flex}.footer-bottom{max-width:var(--container);padding:18px var(--gutter) 28px;border-top:1px solid var(--border);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:10px;margin-inline:auto;font-size:13px;display:flex}.footer-nav{flex-direction:column;gap:10px;display:flex}.footer-nav a{color:var(--muted);min-height:24px;font-size:14.5px}.footer-nav a:hover{color:var(--accent)}.flex-wrap{flex-wrap:wrap;gap:12px;display:flex}.stack{flex-direction:column;display:flex}.text-center{text-align:center}.mb-0{margin-bottom:0}.mt-8{margin-top:32px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.mb-14{margin-bottom:56px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.an{animation:.5s ease-out both fadeUp}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}html{scroll-behavior:auto}}