@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(/about/fonts/archivo-variable.woff2)format("woff2")}:root{--ease-out-quint:cubic-bezier(.22, 1, .36, 1);--bg:#eff2f6;--surface:#fff;--subtle:#e6eaf1;--track:#dce2ea;--line:#d8dee8;--text:#0f1a2e;--soft:#33405a;--muted:#56627a;--navy:#13294b;--navy-text:#1d4e9e;--navy-soft:#e3eaf6;--on-navy:#fff;--sel:#e3eaf6;--red:#c8102e;--red-text:#c8102e;--on-red:#fff;--off:#dce1e9;--off-fg:#56627a;--band:#c8102e;--on-band:#fff;--bar:#13294b;--on-bar:#eef2f8;--bar-soft:#c9d3e3;--frame:#0b1527;--card-bg:#13213a;--card-border:#24365a;--card-text:#eef2f8;--card-muted:#9aa8c1;--card-progress:#8fb2ff}:root[data-theme=dark]{--bg:#101113;--surface:#191b1f;--subtle:#23262b;--track:#30343b;--line:#363b43;--text:#eef0f3;--soft:#ccd0d6;--muted:#a5abb4;--navy:#b9c5d6;--navy-text:#cfd7e2;--navy-soft:#28303b;--on-navy:#15191f;--sel:#28303b;--red:#ff5a6a;--red-text:#ff7482;--on-red:#1a0507;--off:#23262b;--off-fg:#a5abb4;--band:#a30e26;--on-band:#fff5f6;--bar:#17191d;--on-bar:#eef0f3;--bar-soft:#ccd0d6;--frame:#101113;--card-bg:#1f2228;--card-border:#363b43;--card-text:#eef0f3;--card-muted:#a5abb4;--card-progress:#b9c5d6}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-variant-numeric:tabular-nums;margin:0;padding:0;font-family:Archivo,system-ui,-apple-system,sans-serif;transition:background-color .2s,color .2s;overflow-x:hidden}a{color:inherit}.display{letter-spacing:-.02em;font-weight:800;font-stretch:125%}@keyframes lp-seg{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes lp-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.lp-seg{transform-origin:0;animation:.5s cubic-bezier(.2,.7,.2,1) both lp-seg}.lp-rise{animation:.7s cubic-bezier(.2,.7,.2,1) both lp-rise}@keyframes lp-pick{0%,22%{background:var(--surface);border-color:var(--line)}30%,84%{background:var(--sel);border-color:var(--navy)}92%,to{background:var(--surface);border-color:var(--line)}}@keyframes lp-key{0%,22%{background:var(--subtle);color:var(--soft)}30%,84%{background:var(--navy);color:var(--on-navy)}92%,to{background:var(--subtle);color:var(--soft)}}@keyframes lp-btn{0%,26%{background:var(--off);color:var(--off-fg)}32%,84%{background:var(--red);color:var(--on-red)}92%,to{background:var(--off);color:var(--off-fg)}}@keyframes lp-tap{0%,16%{opacity:0;transform:translate(150px,140px)scale(1)}22%{opacity:.9;transform:translate(70px,8px)scale(1)}26%{opacity:.9;transform:translate(70px,8px)scale(.8)}30%,64%{opacity:0;transform:translate(70px,8px)scale(1.3)}70%{opacity:.9;transform:translate(120px,250px)scale(1)}74%{opacity:.9;transform:translate(120px,250px)scale(.8)}80%,to{opacity:0;transform:translate(120px,250px)scale(1.3)}}@keyframes lp-fill{0%,76%{transform:scaleX(0)}84%,to{transform:scaleX(1)}}@keyframes lp-timer{0%{transform:scaleX(1)}to{transform:scaleX(.08)}}@keyframes lp-pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes lp-prog{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.lp-opt{animation:9s infinite lp-pick}.lp-key{animation:9s infinite lp-key}.lp-btn{animation:9s infinite lp-btn}.lp-tap{animation:9s infinite lp-tap}.lp-fill{transform-origin:0;animation:9s infinite lp-fill}.lp-timer{transform-origin:0;animation:9s linear infinite lp-timer}.lp-pulse{animation:1.6s ease-in-out infinite lp-pulse}.lp-prog{transform-origin:0;animation:6s linear both lp-prog}@media (prefers-reduced-motion:reduce){.lp-seg,.lp-rise,.lp-opt,.lp-key,.lp-btn,.lp-tap,.lp-fill,.lp-timer,.lp-pulse,.lp-prog{animation:none!important}.lp-tap{display:none}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}section[id]{scroll-margin-top:84px}:focus-visible{outline:3px solid var(--navy);outline-offset:3px;border-radius:6px}.skip{background:var(--surface);color:var(--text);z-index:9999;transition:top .16s var(--ease-out-quint);border-radius:8px;padding:10px 16px;font-weight:700;text-decoration:none;position:absolute;top:-100px;left:16px;box-shadow:0 4px 12px #00000026}.skip:focus-visible{top:16px}[data-reveal]{opacity:0;transition:opacity .42s var(--ease-out-quint), transform .42s var(--ease-out-quint);transition-delay:calc(var(--i,0) * 70ms);transform:translateY(18px)}[data-reveal].is-in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transition:none;transform:none}}@media (hover:hover) and (pointer:fine){.prinsip-tab:hover,nav a:hover{opacity:1!important}}