:root{color-scheme:light;--bg:#f4f6f6;--bg-tint:#edf1f2;--surface:#fbfcfc;--ink:#17222b;--ink-2:#33414b;--muted:#66737c;--faint:#96a2a9;--line:#dfe5e8;--line-strong:#cbd4d8;--accent:#557a92;--accent-ink:#3d5d72;--accent-soft:#e2ebf0;--sage:#d5ded3;--sand:#ebe6dd;--font:"Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--text-xs:13px;--text-sm:14.5px;--text-base:17px;--text-lead:clamp(18px, .6vw + 15px, 21px);--text-h3:clamp(20px, .5vw + 17px, 23px);--text-h2:clamp(30px, 2.6vw + 18px, 48px);--text-display:clamp(42px, 6vw + 16px, 96px);--radius-sm:10px;--radius:18px;--radius-lg:28px;--shadow-sm:0 1px 2px #17222b0a, 0 2px 8px -2px #17222b0d;--shadow-md:0 1px 2px #17222b0a, 0 10px 28px -10px #17222b1a, 0 24px 56px -28px #28465c24;--shadow-lg:0 2px 4px #17222b0a, 0 18px 40px -14px #17222b1f, 0 48px 96px -36px #28465c38;--ease:cubic-bezier(.22, 1, .36, 1);--ease-soft:cubic-bezier(.4, 0, .2, 1);--page:min(1180px, 100% - 2 * var(--gutter));--gutter:clamp(16px, 4vw, 40px);--section:clamp(88px, 11vw, 168px);--glass:#ffffff8c;--glass-strong:#ffffffd9;--glass-edge:#fffc;--header-bg:#f4f6f6b8;--menu-bg:#f4f6f6f5;--footer-tint:#e2ebf073;--btn-primary-bg:var(--ink);--btn-primary-fg:#f7fafa;--light-1:#d8e6ee;--light-2:#dfe7dc;--light-opacity:.55;--cover-ink:#17222bdb;--cover-glow:#ffffffbf;--sheen:#ffffff8c;--tone-kabut-1:#e8eff3;--tone-kabut-2:#d2dee6;--tone-sage-1:#ebf0e8;--tone-sage-2:#cfdacc;--tone-pasir-1:#f2eee7;--tone-pasir-2:#dfd7ca;--tone-senja-1:#efebf1;--tone-senja-2:#d6d6e3;--tone-batu-1:#eaedef;--tone-batu-2:#cdd4d8;--tone-embun-1:#e6f1f2;--tone-embun-2:#c9dde1}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg:#0e1418;--bg-tint:#131b20;--surface:#161f25;--ink:#e7edef;--ink-2:#c1ccd1;--muted:#8b989f;--faint:#5f6c73;--line:#222e35;--line-strong:#314049;--accent:#8db1c6;--accent-ink:#a9c6d8;--accent-soft:#1c2b34;--sage:#232e28;--sand:#29261f;--shadow-sm:0 1px 2px #0000004d, 0 2px 8px -2px #0000004d;--shadow-md:0 1px 2px #0000004d, 0 12px 28px -10px #00000073, 0 24px 56px -28px #00000080;--shadow-lg:0 2px 4px #0000004d, 0 18px 40px -14px #00000080, 0 48px 96px -36px #0a1e2cb3;--glass:#ffffff09;--glass-strong:#ffffff12;--glass-edge:#ffffff0f;--header-bg:#0e1418b8;--menu-bg:#0e1418f5;--footer-tint:#1c2b3459;--btn-primary-bg:#e7edef;--btn-primary-fg:#0e1418;--light-1:#1b3342;--light-2:#1c2c26;--light-opacity:.7;--cover-ink:#e7edefe6;--cover-glow:#ffffff0f;--sheen:#ffffff14;--tone-kabut-1:#1a252c;--tone-kabut-2:#213441;--tone-sage-1:#1b241f;--tone-sage-2:#26362c;--tone-pasir-1:#221f1a;--tone-pasir-2:#332d24;--tone-senja-1:#1f1d26;--tone-senja-2:#2b2a3a;--tone-batu-1:#1b2125;--tone-batu-2:#283239;--tone-embun-1:#172327;--tone-embun-2:#1f363c}}:root[data-theme=dark]{color-scheme:dark;--bg:#0e1418;--bg-tint:#131b20;--surface:#161f25;--ink:#e7edef;--ink-2:#c1ccd1;--muted:#8b989f;--faint:#5f6c73;--line:#222e35;--line-strong:#314049;--accent:#8db1c6;--accent-ink:#a9c6d8;--accent-soft:#1c2b34;--sage:#232e28;--sand:#29261f;--shadow-sm:0 1px 2px #0000004d, 0 2px 8px -2px #0000004d;--shadow-md:0 1px 2px #0000004d, 0 12px 28px -10px #00000073, 0 24px 56px -28px #00000080;--shadow-lg:0 2px 4px #0000004d, 0 18px 40px -14px #00000080, 0 48px 96px -36px #0a1e2cb3;--glass:#ffffff09;--glass-strong:#ffffff12;--glass-edge:#ffffff0f;--header-bg:#0e1418b8;--menu-bg:#0e1418f5;--footer-tint:#1c2b3459;--btn-primary-bg:#e7edef;--btn-primary-fg:#0e1418;--light-1:#1b3342;--light-2:#1c2c26;--light-opacity:.7;--cover-ink:#e7edefe6;--cover-glow:#ffffff0f;--sheen:#ffffff14;--tone-kabut-1:#1a252c;--tone-kabut-2:#213441;--tone-sage-1:#1b241f;--tone-sage-2:#26362c;--tone-pasir-1:#221f1a;--tone-pasir-2:#332d24;--tone-senja-1:#1f1d26;--tone-senja-2:#2b2a3a;--tone-batu-1:#1b2125;--tone-batu-2:#283239;--tone-embun-1:#172327;--tone-embun-2:#1f363c}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:96px}body{transition:background-color .5s var(--ease-soft), color .5s var(--ease-soft);background:var(--bg);min-height:100vh;color:var(--ink);font-family:var(--font);font-size:var(--text-base);font-feature-settings:"ss01", "cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;line-height:1.65;overflow-x:hidden}.ambience{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.ambience:before,.ambience:after{content:"";filter:blur(60px);width:70vmax;height:70vmax;opacity:var(--light-opacity);animation:drift 48s var(--ease-soft) infinite alternate;border-radius:50%;position:absolute}.ambience:before{background:radial-gradient(closest-side, var(--light-1), transparent 72%);top:-38vmax;left:-18vmax}.ambience:after{background:radial-gradient(closest-side, var(--light-2), transparent 72%);animation-duration:62s;animation-direction:alternate-reverse;bottom:-42vmax;right:-22vmax}@keyframes drift{to{transform:translate(6vmax,5vmax)scale(1.08)}}img,svg,video{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}p,h1,h2,h3,h4,figure,blockquote,dl,dd{margin:0}ul,ol{margin:0;padding:0}h1,h2,h3,h4{letter-spacing:-.022em;text-wrap:balance;font-weight:600;line-height:1.12}p{text-wrap:pretty}::selection{background:var(--accent-soft);color:var(--ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.container{width:var(--page);margin-inline:auto}.section{padding-block:var(--section)}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px 40px;margin-block-end:clamp(36px,5vw,64px);display:flex}.section-title{font-size:var(--text-h2);max-width:18ch}.section-sub{max-width:46ch;color:var(--muted);font-size:var(--text-lead);line-height:1.55}.lead{font-size:var(--text-lead);color:var(--ink-2);line-height:1.6}.muted{color:var(--muted)}.skip-link{z-index:100;border-radius:var(--radius-sm);background:var(--ink);color:var(--surface);transition:top .2s var(--ease);padding:10px 16px;position:absolute;top:-60px;left:16px}.skip-link:focus{top:16px}.btn{--btn-bg:var(--btn-primary-bg);--btn-fg:var(--btn-primary-fg);background:var(--btn-bg);min-height:52px;color:var(--btn-fg);font:inherit;letter-spacing:-.005em;white-space:nowrap;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .35s var(--ease), box-shadow .35s var(--ease), background-color .35s var(--ease);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 26px;font-size:15.5px;font-weight:600;display:inline-flex;position:relative}.btn:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn:active{transition-duration:.1s;transform:translateY(0)scale(.98)}.btn--ghost{--btn-bg:var(--glass);--btn-fg:var(--ink);border-color:var(--line);-webkit-backdrop-filter:blur(8px)}.btn--ghost:hover{--btn-bg:var(--glass-strong)}.btn--sm{min-height:40px;padding:0 18px;font-size:14.5px}.btn svg{width:18px;height:18px;transition:transform .35s var(--ease)}.btn:hover svg{transform:translate(2px)}.text-link{color:var(--ink);transition:background-size .45s var(--ease);background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0% 1px;align-items:center;gap:8px;padding-block-end:2px;font-weight:600;display:inline-flex}.text-link:hover{background-size:100% 1px}.text-link svg{width:16px;height:16px;transition:transform .35s var(--ease)}.text-link:hover svg{transform:translate(2px,-2px)}.js [data-split] .w{opacity:0;filter:blur(10px);transition:opacity .9s var(--ease), filter 1.1s var(--ease), transform 1s var(--ease);transition-delay:calc(var(--i,0) * 60ms + var(--base-delay,0s));will-change:opacity, filter, transform;display:inline-block;transform:translateY(.28em)}.js [data-split].is-in .w{opacity:1;filter:blur();transform:none}.js [data-rise]>*{opacity:0;transition:opacity .8s var(--ease), transform .9s var(--ease);transition-delay:calc(var(--i,0) * 80ms);transform:translateY(16px)}.js [data-rise].is-in>*{opacity:1;transform:none}.prose{--prose-size:clamp(18px, .45vw + 15.5px, 20px);font-size:var(--prose-size);color:color-mix(in oklab, var(--ink) 78%, var(--ink-2));max-width:66ch;line-height:1.8}.prose>*+*{margin-block-start:1.25em}.prose h2{letter-spacing:-.018em;color:var(--ink);margin-block-start:1.9em;font-size:1.36em;line-height:1.3}.prose h3{color:var(--ink);margin-block-start:1.9em;font-size:1.14em;line-height:1.35}.prose h2+*,.prose h3+*{margin-block-start:.6em}.prose strong{color:var(--ink);font-weight:650}.prose a{color:var(--accent-ink);text-decoration:underline;text-decoration-color:color-mix(in oklab, var(--accent) 40%, transparent);text-underline-offset:4px;transition:text-decoration-color .25s var(--ease);text-decoration-thickness:1.5px}.prose a:hover{text-decoration-color:currentColor}.prose ul,.prose ol{padding-inline-start:1.3em}.prose li+li{margin-block-start:.55em}.prose li::marker{color:var(--accent)}.prose blockquote{border-inline-start:2px solid var(--accent);color:var(--ink);padding:.2em 0 .2em 1.1em;font-size:1.08em;line-height:1.6}.prose hr{background:var(--line);border:0;height:1px;margin-block:2.6em}.prose img,.prose figure{border-radius:var(--radius);box-shadow:var(--shadow-md)}.prose code{background:var(--bg-tint);border-radius:6px;padding:.12em .4em;font-size:.88em}.chip{border:1px solid var(--line);background:var(--glass);min-height:32px;color:var(--ink-2);font-size:var(--text-sm);transition:background-color .3s var(--ease), border-color .3s var(--ease), color .3s var(--ease);border-radius:999px;align-items:center;padding:0 14px;font-weight:500;display:inline-flex}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.js [data-split] .w,.js [data-rise]>*{opacity:1;filter:none;transform:none}}