@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/inter-cyrillic-ext-wght-normal-IYF56FF6.woff2") format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/inter-cyrillic-wght-normal-JEOLYBOO.woff2") format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/inter-greek-ext-wght-normal-EOVOK2B5.woff2") format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/inter-greek-wght-normal-IRE366VL.woff2") format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/inter-vietnamese-wght-normal-CE5GGD3W.woff2") format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/inter-latin-ext-wght-normal-HA22NDSG.woff2") format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/inter-latin-wght-normal-NRMW37G5.woff2") format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url("./media/space-grotesk-vietnamese-wght-normal-UOJE75FD.woff2") format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url("./media/space-grotesk-latin-ext-wght-normal-KWQTIOU2.woff2") format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url("./media/space-grotesk-latin-wght-normal-LIGEH75C.woff2") format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url("./media/jetbrains-mono-cyrillic-ext-wght-normal-BUWC6ZS3.woff2") format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url("./media/jetbrains-mono-cyrillic-wght-normal-ENSFVLK4.woff2") format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url("./media/jetbrains-mono-greek-wght-normal-Y3BRZMJV.woff2") format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url("./media/jetbrains-mono-vietnamese-wght-normal-SP6EBKAH.woff2") format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url("./media/jetbrains-mono-latin-ext-wght-normal-TSLVDSQR.woff2") format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url("./media/jetbrains-mono-latin-wght-normal-VBS632QH.woff2") format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Instrument Serif";font-style:italic;font-display:swap;font-weight:400;src:url("./media/instrument-serif-latin-ext-400-italic-ML3HOOL7.woff2") format("woff2"),url("./media/instrument-serif-latin-ext-400-italic-QWDJSTNT.woff") format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:"Instrument Serif";font-style:italic;font-display:swap;font-weight:400;src:url("./media/instrument-serif-latin-400-italic-PS4ODONL.woff2") format("woff2"),url("./media/instrument-serif-latin-400-italic-JLFTTOB3.woff") format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-sans: "Inter Variable", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Space Grotesk Variable", "Space Grotesk", var(--font-sans);--font-mono: "JetBrains Mono Variable", "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--font-serif: "Instrument Serif", "Iowan Old Style", Georgia, serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: clamp(1.0625rem, .4vw + 1rem, 1.1875rem);--text-xl: clamp(1.25rem, .8vw + 1rem, 1.5rem);--text-2xl: clamp(1.5rem, 1.4vw + 1rem, 2rem);--text-3xl: clamp(2rem, 3vw + 1rem, 3.25rem);--text-4xl: clamp(2.5rem, 5vw + 1rem, 4.75rem);--text-display: clamp(2.75rem, 5.2vw + .6rem, 5.75rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--space-9: 6rem;--section-y: clamp(5rem, 10vw, 9rem);--gutter: clamp(1.25rem, 4vw, 2.5rem);--container: 1240px;--radius-sm: .5rem;--radius-md: .875rem;--radius-lg: 1.25rem;--radius-xl: 1.75rem;--radius-pill: 999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .16s;--dur-base: .28s;--dur-slow: .7s;--dur-reveal: 1s;--nav-h: 4.5rem;--bg: #05070d;--bg-elevated: #0a0e18;--bg-inset: #03050a;--surface: rgb(255 255 255 / .035);--surface-2: rgb(255 255 255 / .065);--surface-hover: rgb(255 255 255 / .09);--glass: rgb(12 16 28 / .62);--border: rgb(255 255 255 / .08);--border-strong: rgb(255 255 255 / .16);--text: #eef1fa;--text-muted: #a3acc4;--text-subtle: #7c86a2;--text-inverse: #05070d;--brand: #0788ff;--brand-strong: #3aa0ff;--violet: #8b6cff;--cyan: #22d3ee;--success: #34d399;--danger: #fb7185;--cat-frontend: #38bdf8;--cat-backend: #a78bfa;--cat-data: #34d399;--cat-cloud: #fbbf24;--cat-practice: #f472b6;--gradient-brand: linear-gradient(120deg, #22d3ee 0%, #0788ff 45%, #8b6cff 100%);--gradient-text: linear-gradient(100deg, #7ee8fa 0%, #5cb3ff 40%, #b19cff 100%);--glow-brand: 0 0 0 1px rgb(7 136 255 / .35), 0 10px 40px -10px rgb(7 136 255 / .6);--shadow-card: 0 1px 0 0 rgb(255 255 255 / .05) inset, 0 30px 60px -30px rgb(0 0 0 / .8);--grid-line: rgb(255 255 255 / .045);--ambient-opacity: 1;--code-bg: #070a12;color-scheme:dark}:root[data-theme=light]{--bg: #f5f7fb;--bg-elevated: #ffffff;--bg-inset: #eceff6;--surface: rgb(10 20 50 / .03);--surface-2: rgb(10 20 50 / .055);--surface-hover: rgb(10 20 50 / .08);--glass: rgb(255 255 255 / .72);--border: rgb(10 20 50 / .09);--border-strong: rgb(10 20 50 / .18);--text: #0a0f1f;--text-muted: #46506a;--text-subtle: #5d6781;--text-inverse: #ffffff;--brand: #0068d6;--brand-strong: #0057b8;--violet: #5b3df5;--cyan: #0e7490;--success: #047857;--danger: #be123c;--cat-frontend: #0369a1;--cat-backend: #6d28d9;--cat-data: #047857;--cat-cloud: #b45309;--cat-practice: #be185d;--gradient-brand: linear-gradient(120deg, #0891b2 0%, #0068d6 45%, #5b3df5 100%);--gradient-text: linear-gradient(100deg, #0e7490 0%, #0068d6 45%, #5b3df5 100%);--glow-brand: 0 0 0 1px rgb(0 104 214 / .25), 0 12px 32px -12px rgb(0 104 214 / .45);--shadow-card: 0 1px 2px rgb(10 20 50 / .04), 0 24px 48px -28px rgb(10 20 50 / .25);--grid-line: rgb(10 20 50 / .05);--ambient-opacity: .55;--code-bg: #0b1020;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--nav-h) + 1rem);background:var(--bg)}html.motion-ok{scroll-behavior:smooth}body{margin:0;min-height:100vh;min-height:100dvh;font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;color:var(--text);background:var(--bg);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:clip;transition:background-color var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out)}img,svg,video,canvas{display:block;max-width:100%}img{height:auto}h1,h2,h3,h4,p,figure,blockquote,dl,dd,ul,ol{margin:0}ul[role=list],ol[role=list]{list-style:none;padding:0}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:1.05;letter-spacing:-.03em;text-wrap:balance}p{text-wrap:pretty}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0}:focus-visible{outline:2px solid var(--brand-strong);outline-offset:3px;border-radius:6px}::selection{background:#0788ff59;color:var(--text)}[tabindex="-1"]:focus{outline:none}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.container{width:100%;max-width:calc(var(--container) + var(--gutter) * 2);margin-inline:auto;padding-inline:var(--gutter)}.section{position:relative;padding-block:var(--section-y)}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.eyebrow{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.text-gradient{background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;color:transparent}.serif{font-family:var(--font-serif);font-style:italic;font-weight:400;letter-spacing:-.01em}.muted{color:var(--text-muted)}.glass{background:var(--glass);border:1px solid var(--border);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%)}.card{position:relative;background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.spotlight{isolation:isolate}.spotlight:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(420px circle at var(--spot-x, 50%) var(--spot-y, 0%),rgba(96,165,250,.12),transparent 60%);opacity:0;transition:opacity var(--dur-base) var(--ease-out);z-index:-1}.spotlight:hover:after{opacity:1}.btn{--btn-bg: var(--surface-2);--btn-fg: var(--text);--btn-border: var(--border-strong);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:3rem;padding:0 1.4rem;font-family:var(--font-display);font-size:.975rem;font-weight:600;letter-spacing:-.01em;color:var(--btn-fg);background:var(--btn-bg);border:1px solid var(--btn-border);border-radius:var(--radius-pill);white-space:nowrap;overflow:hidden;isolation:isolate;translate:var(--mag-x, 0) var(--mag-y, 0);transition:translate var(--dur-slow) var(--ease-out),background-color var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out)}.btn.is-magnetized{transition-duration:.12s,var(--dur-base),var(--dur-base),var(--dur-base),var(--dur-base)}.btn .icon{width:1.1em;height:1.1em;transition:transform var(--dur-base) var(--ease-out)}.btn:hover .icon--nudge{transform:translate(3px)}.btn:hover .icon--nudge-up{transform:translate(2px,-2px)}.btn:hover{--btn-bg: var(--surface-hover)}.btn:active{scale:.98}.btn--primary{--btn-bg: var(--text);--btn-fg: var(--text-inverse);--btn-border: transparent}.btn--primary:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--gradient-brand);opacity:0;transition:opacity var(--dur-base) var(--ease-out)}.btn--primary:hover{--btn-bg: var(--text);--btn-fg: #fff;box-shadow:var(--glow-brand)}.btn--primary:hover:before{opacity:1}.btn--ghost{--btn-bg: transparent;--btn-border: var(--border)}.btn--lg{min-height:3.5rem;padding:0 1.75rem;font-size:1.0625rem}.icon-btn{display:inline-grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:var(--radius-pill);color:var(--text-muted);border:1px solid transparent;transition:color var(--dur-base) var(--ease-out),background-color var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}.icon-btn:hover{color:var(--text);background:var(--surface-2);border-color:var(--border)}.icon-btn .icon{width:1.15rem;height:1.15rem}.chip{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .7rem;font-family:var(--font-mono);font-size:.75rem;font-weight:500;line-height:1.3;color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);white-space:nowrap}.chip-list{display:flex;flex-wrap:wrap;gap:.45rem;list-style:none;padding:0;margin:0}.status-dot{position:relative;display:inline-block;width:.5rem;height:.5rem;border-radius:50%;background:var(--success);flex:none}.status-dot:after{content:"";position:absolute;inset:0;border-radius:inherit;background:inherit;animation:status-ping 2.2s var(--ease-out) infinite}@keyframes status-ping{0%{transform:scale(1);opacity:.7}80%,to{transform:scale(3);opacity:0}}.section-head{display:grid;gap:var(--space-5);margin-bottom:clamp(3rem,6vw,5rem);max-width:52rem}.section-head h2{font-size:var(--text-4xl)}.section-head p{font-size:var(--text-lg);color:var(--text-muted);max-width:40rem}.section-index{color:var(--brand-strong)}.section-rule{display:inline-block;width:2.5rem;height:1px;background:var(--border-strong)}.motion-ok .reveal{transition:opacity var(--dur-reveal) var(--ease-out),transform var(--dur-reveal) var(--ease-out),filter var(--dur-reveal) var(--ease-out),clip-path var(--dur-reveal) var(--ease-out);transition-delay:var(--reveal-delay, 0ms)}.motion-ok .reveal:not(.is-revealed):not(.reveal--none){opacity:0}.motion-ok .reveal:not(.is-revealed):not(.reveal--none).reveal--up{transform:translate3d(0,2.25rem,0)}.motion-ok .reveal:not(.is-revealed):not(.reveal--none).reveal--down{transform:translate3d(0,-1.5rem,0)}.motion-ok .reveal:not(.is-revealed):not(.reveal--none).reveal--left{transform:translate3d(2.5rem,0,0)}.motion-ok .reveal:not(.is-revealed):not(.reveal--none).reveal--right{transform:translate3d(-2.5rem,0,0)}.motion-ok .reveal:not(.is-revealed):not(.reveal--none).reveal--scale{transform:scale(.94)}.motion-ok .reveal:not(.is-revealed):not(.reveal--none).reveal--blur{filter:blur(12px);transform:translate3d(0,1rem,0)}.motion-ok .reveal:not(.is-revealed):not(.reveal--none).reveal--mask{opacity:1;clip-path:inset(0 0 100% 0);transform:translate3d(0,1.25rem,0)}.motion-ok .reveal.reveal--mask{clip-path:inset(-10% -10% -20% -10%)}.motion-ok .split-word{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}.motion-ok .split-word>span{display:inline-block;transform:translate3d(0,110%,0) rotate(4deg);transform-origin:left bottom;transition:transform 1.1s var(--ease-out);transition-delay:calc(var(--i, 0) * 55ms + var(--reveal-delay, 0ms))}.motion-ok .is-revealed .split-word>span,.motion-ok .split-text.is-revealed .split-word>span{transform:none}