@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(../media/dm-sans-latin-ext-wght-normal.0hiocdn10l05a.woff2)format("woff2-variations");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:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(../media/dm-sans-latin-wght-normal.0tm8u-h63rec8.woff2)format("woff2-variations");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:DM Sans Variable;font-style:italic;font-display:swap;font-weight:100 1000;src:url(../media/dm-sans-latin-ext-wght-italic.3zm3hbsjop6q5.woff2)format("woff2-variations");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:DM Sans Variable;font-style:italic;font-display:swap;font-weight:100 1000;src:url(../media/dm-sans-latin-wght-italic.2en8wvdfag-60.woff2)format("woff2-variations");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}
:root{--duration-stagger:40ms;--duration-micro:80ms;--duration-quick:.15s;--duration-fast:.25s;--duration-medium:.35s;--duration-slow:.4s;--duration-very-slow:.5s;--ease-smooth-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:ease-in-out;--ease-out:ease-out;--ease-linear:linear;--ease-bounce:cubic-bezier(.34, 1.36, .64, 1);--ease-bounce-strong:cubic-bezier(.34, 3.85, .64, 1);--distance-micro:4px;--distance-small:6px;--distance-base:8px;--distance-medium:12px;--distance-large:30px;--scale-large:.96;--scale-medium:.97;--scale-small:.98;--scale-tiny:.99;--blur-small:2px;--blur-medium:3px;--blur-large:8px;--resize-dur:.3s;--resize-ease:cubic-bezier(.22, 1, .36, 1);--digit-dur:.5s;--digit-distance:8px;--digit-stagger:70ms;--digit-blur:2px;--digit-ease:cubic-bezier(.34, 1.45, .64, 1);--digit-dir-x:0;--digit-dir-y:1;--badge-slide-dur:.26s;--badge-pop-dur:.5s;--badge-pop-close-dur:.18s;--badge-fade-dur:.4s;--badge-fade-close-dur:.18s;--badge-blur:2px;--badge-offset-x:-8.2px;--badge-offset-y:12.4px;--badge-slide-ease:cubic-bezier(.22, 1, .36, 1);--badge-pop-ease:cubic-bezier(.34, 1.36, .64, 1);--badge-close-ease:cubic-bezier(.4, 0, .2, 1);--text-swap-dur:.15s;--text-swap-translate-y:4px;--text-swap-blur:2px;--text-swap-ease:ease-in-out;--dropdown-open-dur:.25s;--dropdown-close-dur:.15s;--dropdown-pre-scale:.97;--dropdown-closing-scale:.99;--dropdown-ease:cubic-bezier(.22, 1, .36, 1);--modal-open-dur:.25s;--modal-close-dur:.15s;--modal-scale:.96;--modal-scale-close:.96;--modal-ease:cubic-bezier(.22, 1, .36, 1);--panel-open-dur:.4s;--panel-close-dur:.35s;--panel-translate-y:100px;--panel-blur:2px;--panel-ease:cubic-bezier(.22, 1, .36, 1);--page-slide-dur:.25s;--page-fade-dur:.25s;--page-slide-distance:8px;--page-blur:3px;--page-stagger:0s;--page-exit-enabled:1;--page-slide-ease:cubic-bezier(.22, 1, .36, 1);--page-fade-ease:cubic-bezier(.22, 1, .36, 1);--icon-swap-dur:.25s;--icon-swap-blur:2px;--icon-swap-start-scale:.25;--icon-swap-ease:ease-in-out;--check-opacity-dur:.5s;--check-rotate-dur:.5s;--check-rotate-from:80deg;--check-bob-dur:.5s;--check-y-amount:40px;--check-blur-dur:.5s;--check-blur-from:10px;--check-path-dur:.5s;--check-path-delay:80ms;--check-ease-out:cubic-bezier(.22, 1, .36, 1);--check-ease-opacity:cubic-bezier(.22, 1, .36, 1);--check-ease-rotate:cubic-bezier(.22, 1, .36, 1);--check-ease-bob:cubic-bezier(.34, 1.35, .64, 1);--check-ease-path:cubic-bezier(.22, 1, .36, 1);--avatar-lift:-4px;--avatar-dur:.32s;--avatar-scale:1.05;--avatar-falloff:.45;--avatar-ease-in:cubic-bezier(.22, 1, .36, 1);--avatar-ease-out:cubic-bezier(.34, 3.85, .64, 1);--shake-distance:6px;--shake-overshoot:4px;--shake-dur-a:80ms;--shake-dur-b:60ms;--shake-ease:cubic-bezier(.22, 1, .36, 1);--revert-hold:3s;--revert-dur:.28s;--clear-dur:1s;--clear-out-dur:.4s;--clear-in-dur:.4s;--clear-out-fly:12px;--clear-in-fly:12px;--clear-out-ease:cubic-bezier(.22, 1, .36, 1);--clear-in-ease:cubic-bezier(.22, 1, .36, 1);--clear-blur:2px;--glow-delay:50ms;--glow-peak-at:.15;--glow-opacity:.42;--glow-spread:1.5;--pulse-dur:1s;--pulse-count:1;--pulse-min:.5;--reveal-dur:.4s;--reveal-blur:2px;--reveal-ease:ease-in-out;--shimmer-dur:2s;--shimmer-base:#7c7c7c;--shimmer-highlight:#0d0d0d;--shimmer-band:400%;--shimmer-ease:linear;--tabs-dur:.25s;--tabs-ease:cubic-bezier(.22, 1, .36, 1);--tabs-text-muted:#0f0f0fcc;--tabs-text-active:#0f0f0f;--tabs-bar-bg:#f1f1f1;--tabs-pill-bg:#fff;--tt-in-dur:.15s;--tt-out-dur:50ms;--tt-scale:.98;--tt-delay:80ms;--tt-in-ease:ease-out;--tt-out-ease:ease-out;--tt-move-dur:.16s;--tt-move-ease:cubic-bezier(.22, 1, .36, 1);--tt-bg:#fff;--tt-fg:#2f2f2f;--stagger-dur:.5s;--stagger-distance:12px;--stagger-stagger:40ms;--stagger-blur:3px;--stagger-ease:cubic-bezier(.22, 1, .36, 1);--tilt-perspective:1000px;--tilt-return:1s;--tilt-return-ease:cubic-bezier(.22, 1, .36, 1);--tilt-follow:.4s;--tilt-follow-ease:cubic-bezier(.22, 1, .36, 1);--tilt-glare-opacity:.32;--tilt-glare-fade:.3s;--tilt-glare-ease:cubic-bezier(.22, 1, .36, 1);--morph-open-dur:.35s;--morph-close-dur:.25s;--morph-ease:cubic-bezier(.34, 1.25, .64, 1);--morph-close-ease:cubic-bezier(.22, 1, .36, 1);--morph-r-closed:40px;--morph-r-open:20px;--morph-fade-dur:.2s;--morph-slide:40px;--morph-rotate:45deg;--morph-scale:.97;--morph-blur:2px;--acc-expand:.25s;--acc-collapse:.25s;--acc-chevron:.25s;--acc-ease:cubic-bezier(.22, 1, .36, 1);--toast-open:.35s;--toast-close:.25s;--toast-distance:16px;--toast-blur:2px;--toast-scale:.97;--toast-ease:cubic-bezier(.22, 1, .36, 1);--like-color:#f40051;--like-fill:.15s;--like-pop:.35s;--like-pop-ease:cubic-bezier(.34, 1.96, .64, 1);--like-particle-dur:.6s;--like-particle-dist:20px;--like-particle-size:2.5px;--like-ease:cubic-bezier(.22, 1, .36, 1);--learn-shift:2px;--learn-spread:8deg;--learn-in:.35s;--learn-out:.35s;--learn-ease:cubic-bezier(.22, 1, .36, 1);--check-box:.15s;--check-draw:.35s;--check-delay:0s;--check-uncheck:.15s;--check-ease:cubic-bezier(.22, 1, .36, 1);--reel-dur:1.4s;--reel-cell:30px;--reel-spin-blur:3px;--reel-stagger:90ms;--reel-ease:cubic-bezier(.16, 1, .3, 1);--toggle-dur:.35s;--toggle-travel:14.66px;--toggle-ov1:1px;--toggle-ov2:0px;--toggle-track:0s;--toggle-ease:cubic-bezier(.34, 1.35, .64, 1);--think-hold:2s;--think-swap:.15s;--think-gap:50ms;--think-distance:8px;--think-blur:2px;--think-shimmer:2s;--think-base:#7c7c7c;--think-highlight:#0d0d0d;--think-ease:ease-in-out;--reason-hold:.84s;--reason-step:.5s;--reason-lines:2;--reason-fade:28px;--reason-ease:cubic-bezier(.22, 1, .36, 1);--stream-gap:60ms;--stream-fade:.35s;--stream-blur:1px;--stream-ease:cubic-bezier(.22, 1, .36, 1);--matrix-cycle:1.2s;--matrix-base:#d9d9d9;--matrix-active:#85858f;--matrix-ease:ease-in-out;--stack-open:.35s;--stack-close:.25s;--stack-rise:60px;--stack-blur:2px;--stack-scale:.97;--stack-peek:12px;--stack-spread-gap:8px;--stack-depth-scale:.06;--stack-depth-fade:.4;--stack-depth1-blur:1px;--stack-depth2-blur:2px;--stack-ease:cubic-bezier(.22, 1, .36, 1);--grid-scroll-idle:.15s;--grid-dim-duration:.5s}
.t-learn-chevron{transition:transform var(--learn-out) var(--learn-ease);display:inline-flex;transform:translate(0)}.t-learn-arm{transform-box:view-box;transform-origin:10px 8px;vector-effect:non-scaling-stroke;transition:transform var(--learn-out) var(--learn-ease)}.t-learn:hover .t-learn-chevron{transform:translateX(var(--learn-shift));transition-duration:var(--learn-in)}.t-learn:hover .t-learn-arm{transition-duration:var(--learn-in)}.t-learn:hover .t-learn-arm-top{transform:rotate(var(--learn-spread))}.t-learn:hover .t-learn-arm-bot{transform:rotate(calc(var(--learn-spread) * -1))}@media (prefers-reduced-motion:reduce){.t-learn-chevron,.t-learn-arm{transition:none!important}}.t-skel{position:relative}.t-skel-skeleton,.t-skel-content{position:absolute;inset:0}.t-skel-skeleton{z-index:1;opacity:1;filter:blur();transition:opacity var(--reveal-dur) var(--reveal-ease), filter var(--reveal-dur) var(--reveal-ease)}.t-skel-content{z-index:2;opacity:0;filter:blur(var(--reveal-blur));transition:opacity var(--reveal-dur) var(--reveal-ease), filter var(--reveal-dur) var(--reveal-ease)}.t-skel.is-revealed .t-skel-skeleton{opacity:0;filter:blur(var(--reveal-blur))}.t-skel.is-revealed .t-skel-content{opacity:1;filter:blur()}.t-skel.is-resetting .t-skel-skeleton,.t-skel.is-resetting .t-skel-content{transition:none!important}.t-skel-skeleton.is-pulsing>*{animation:t-skel-pulse var(--pulse-dur) ease-in-out var(--pulse-count)}@keyframes t-skel-pulse{0%,to{opacity:1}50%{opacity:var(--pulse-min)}}@media (prefers-reduced-motion:reduce){.t-skel-skeleton,.t-skel-content{transition:none!important}.t-skel-skeleton.is-pulsing>*{animation:none!important}}.t-tabs{background:var(--tabs-bar-bg);border-radius:48px;align-items:center;gap:3px;padding:3px;display:inline-flex;position:relative}.t-tab{appearance:none;height:30px;color:var(--tabs-text-muted);cursor:pointer;z-index:1;transition:color var(--tabs-dur) var(--tabs-ease);background:0 0;border:0;border-radius:48px;padding:4px 12px;position:relative}.t-tab:not([aria-selected=true]):hover,.t-tab[aria-selected=true]{color:var(--tabs-text-active)}.t-tabs-pill{background:var(--tabs-pill-bg);width:0;height:30px;transition:transform var(--tabs-dur) var(--tabs-ease), width var(--tabs-dur) var(--tabs-ease);will-change:transform, width;z-index:0;pointer-events:none;border-radius:48px;position:absolute;top:3px;left:0;transform:translate(0)}@media (prefers-reduced-motion:reduce){.t-tabs-pill,.t-tab{transition:none!important}}.t-stagger-line{opacity:0;transform:translateY(var(--stagger-distance));filter:blur(var(--stagger-blur));transition:opacity var(--stagger-dur) var(--stagger-ease), transform var(--stagger-dur) var(--stagger-ease), filter var(--stagger-dur) var(--stagger-ease);will-change:transform, opacity, filter;display:block}.t-stagger-line--2{transition-delay:var(--stagger-stagger)}.t-stagger-line--3{transition-delay:calc(var(--stagger-stagger) * 2)}.t-stagger-line--4{transition-delay:calc(var(--stagger-stagger) * 3)}.t-stagger.is-shown .t-stagger-line{opacity:1;filter:blur();transform:translateY(0)}.t-stagger.is-hiding .t-stagger-line{opacity:0;filter:blur();transition:opacity .2s,transform linear,filter linear;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.t-stagger-line{transition:none!important}}.t-icon-swap{display:inline-grid;position:relative}.t-icon-swap .t-icon{transition:opacity var(--icon-swap-dur) var(--icon-swap-ease), filter var(--icon-swap-dur) var(--icon-swap-ease), transform var(--icon-swap-dur) var(--icon-swap-ease);will-change:opacity, filter, transform;grid-area:1/1}.t-icon-swap[data-state=a] .t-icon[data-icon=a],.t-icon-swap[data-state=b] .t-icon[data-icon=b]{opacity:1;filter:blur();transform:scale(1)}.t-icon-swap[data-state=a] .t-icon[data-icon=b],.t-icon-swap[data-state=b] .t-icon[data-icon=a]{opacity:0;filter:blur(var(--icon-swap-blur));transform:scale(var(--icon-swap-start-scale))}@media (prefers-reduced-motion:reduce){.t-icon-swap .t-icon{transition:none!important}}.t-dropdown{transform-origin:0 0;transform:scale(var(--dropdown-pre-scale));opacity:0;pointer-events:none;transition:transform var(--dropdown-open-dur) var(--dropdown-ease), opacity var(--dropdown-open-dur) var(--dropdown-ease);will-change:transform, opacity}.t-dropdown[data-origin=top-right]{transform-origin:100% 0}.t-dropdown[data-origin=top-center]{transform-origin:top}.t-dropdown[data-origin=bottom-left]{transform-origin:0 100%}.t-dropdown[data-origin=bottom-center]{transform-origin:bottom}.t-dropdown[data-origin=bottom-right]{transform-origin:100% 100%}.t-dropdown.is-open{opacity:1;pointer-events:auto;transform:scale(1)}.t-dropdown.is-closing{transform:scale(var(--dropdown-closing-scale));opacity:0;pointer-events:none;transition:transform var(--dropdown-close-dur) var(--dropdown-ease), opacity var(--dropdown-close-dur) var(--dropdown-ease)}@media (prefers-reduced-motion:reduce){.t-dropdown{transition:none!important}}.t-panel-slide{transform:translateY(var(--panel-translate-y));opacity:0;filter:blur(var(--panel-blur));pointer-events:none;transition:transform var(--panel-close-dur) var(--panel-ease), opacity var(--panel-close-dur) var(--panel-ease), filter var(--panel-close-dur) var(--panel-ease);will-change:transform, opacity, filter}.t-panel-slide[data-open=true]{opacity:1;filter:blur();pointer-events:auto;transition:transform var(--panel-open-dur) var(--panel-ease), opacity var(--panel-open-dur) var(--panel-ease), filter var(--panel-open-dur) var(--panel-ease);transform:translateY(0)}@media (prefers-reduced-motion:reduce){.t-panel-slide{transition:none!important}}
:root{--quote-ornament:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 24'%3E%3Cpath d='M11 3C5 3 2 7 2 13v8h9v-9H6c0-3 2-5 5-6V3zm13 0c-6 0-9 4-9 10v8h9v-9h-5c0-3 2-5 5-6V3z'/%3E%3C/svg%3E");--rule:color-mix(in srgb, var(--accent) 72%, transparent);--rule-soft:color-mix(in srgb, var(--accent) 27%, transparent);--wash:color-mix(in srgb, var(--accent) 11%, transparent);--danger:#fb9890;--danger-rule:color-mix(in srgb, var(--danger) 68%, transparent);--warning:#e4ac59;--font-ui:"obvia-wide", "DM Sans Variable", "Arial Narrow", system-ui, sans-serif;--font-mark:"obvia-expanded", "obvia-wide", "DM Sans Variable", system-ui, sans-serif;--font-value:"obvia", "DM Sans Variable", "Helvetica Neue", system-ui, sans-serif;--size-display:clamp(5.75rem, 12vw, 10.625rem);--size-headline:clamp(2.75rem, 6vw, 5rem);--size-title:.8125rem;--size-label:.6875rem;--size-brand:clamp(1.3rem, 2.2vw, 2.1rem);--ls-ui:.04em;--ls-label:.06em;--ls-display:-.07em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--frame-max:1600px;--frame-pad:clamp(20px, 5vw, 80px);--gutter:24px;--gutter-tight:12px;--module-gap:clamp(64px, 8vw, 128px);--text-max:68ch;--bar-h:48px;--control-h:40px;--header-h:41px;--dot:7px}
::view-transition-group(.morph){animation-duration:var(--duration-slow);animation-timing-function:var(--ease-smooth-out)}::view-transition-image-pair(.morph){animation-name:poster-via-blur}@keyframes poster-via-blur{30%{filter:blur(var(--blur-small))}}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}
:root{--surface:#121417;--deep:#090b0f;--ink:#eff2f7;--muted:#b4b7bd;--line:color-mix(in srgb,var(--accent) 27%,transparent);--control:#787a7f;--accent:#d5e279;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--surface);color:var(--ink);font-family:var(--font-value);font-variant-numeric:tabular-nums;margin:0;font-size:16px;line-height:1.6;overflow-x:clip}main,body>footer{width:min(var(--frame-max),100%);padding-inline:var(--frame-pad);margin:auto}body>header{z-index:20;background:#000;position:sticky;top:0}html{scroll-padding-top:80px}main{min-height:70vh;padding-block:40px 80px}body>footer{border-top:1px solid var(--rule-soft);color:var(--muted);font-family:var(--font-ui);font-weight:800;font-size:var(--size-label);letter-spacing:var(--ls-ui);text-transform:uppercase;flex-wrap:wrap;justify-content:space-between;gap:24px;padding-block:32px;display:flex}h1,h2,h3{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:var(--ls-ui);text-wrap:balance;overflow-wrap:anywhere;font-weight:800;line-height:1.05}h1{font-size:var(--size-headline);letter-spacing:.01em;max-width:16ch;margin:0 0 24px;line-height:.9}h2{font-size:clamp(1.25rem,2.4vw,2rem)}p{max-width:70ch}a{color:inherit;text-underline-offset:.2em}a:hover{color:var(--accent)}button,select{font-family:var(--font-ui);letter-spacing:var(--ls-ui);text-transform:uppercase;color:var(--accent);border:1px solid var(--rule);min-height:var(--control-h);cursor:pointer;transition:color var(--duration-micro) var(--ease-smooth-out),background var(--duration-micro) var(--ease-smooth-out),transform var(--duration-quick) var(--ease-smooth-out);background:0 0;border-radius:0;padding:8px 14px;font-size:.8125rem;font-weight:800}button:hover{color:var(--deep);background:var(--accent);border-color:var(--accent)}button:active{transform:scale(var(--scale-small))}button:disabled{opacity:.34;cursor:default;transform:none}button:disabled:hover{color:var(--accent);background:0 0}@media (prefers-reduced-motion:reduce){button,select{transition:none}button:active{transform:none}}figure{margin:0}figcaption{color:var(--muted);margin-top:8px;font-size:.875rem}.intro{padding-block:16px 64px}.intro p{color:var(--muted);max-width:50ch;margin-bottom:24px}.t-learn{align-items:center;gap:8px;display:inline-flex}::selection{background:var(--accent);color:var(--surface)}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}html{scrollbar-color:var(--control) var(--surface)}input,textarea{caret-color:var(--accent)}.skip{background:var(--ink);color:var(--surface);z-index:30;padding:8px 16px;position:fixed;top:-100px;left:20px}.skip:focus{top:12px}@media (max-width:760px){main{padding-top:24px}}:root{--boot-foreground-dur:1s}html[data-boot=run] :is(.skip,body>header,main,body>footer){visibility:hidden}@keyframes boot-reveal{0%{opacity:0}to{opacity:1}}html:is([data-boot=reveal],[data-boot=done]) :is(body>header,main,body>footer){animation:boot-reveal var(--boot-foreground-dur) var(--reveal-ease) both}@media (prefers-reduced-motion:reduce){html:is([data-boot=reveal],[data-boot=done]) :is(body>header,main,body>footer){animation:none}}
