:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--paper:#fff;--field:#f2f2f2;--sheet:var(--paper);--fore:var(--paper);--edge:#d9d9d9;--edge-strong:#111;--offset:#111;--ink:#111;--ink-2:#4d4d4d;--ink-3:#6a6a6a;--font-fallback:"Poppins", system-ui, sans-serif;--font-sans:var(--font-poppins), var(--font-fallback);--weight-regular:400;--weight-medium:500;--weight-semibold:600;--text-display:64px;--text-h1:44px;--text-h2:30px;--text-h3:22px;--text-lead:19px;--text-body:16px;--text-ui:15px;--text-small:13px;--text-micro:12px;--leading-display:1;--leading-h1:1.1;--leading-h2:1.15;--leading-h3:1.2;--leading-lead:1.4;--leading-body:1.5;--leading-ui:1.4;--leading-small:1.45;--leading-micro:1.4;--tracking-display:-.025em;--tracking-heading:-.012em;--measure-reading:60ch;--measure-lead:38ch;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:40px;--space-6:48px;--space-8:64px;--space-10:80px;--space-12:96px;--grid-max:1280px;--grid-columns:12;--grid-gap:24px;--gutter:20px;--offset-compact:3px;--offset-reading:6px;--offset-display:11px;--edge-width:1px;--connector-width:1.5px;--material-opacity:55%;--refract:var(--offset-compact);--control-min-height:44px;--focus-outline:2px solid var(--ink);--focus-offset:2px;--ease-out:cubic-bezier(.2, .7, .2, 1);--duration-fade:.3s;--duration-rise:.4s;--duration-dock:.5s;--duration-draw:.6s;--duration-page:.2s;--glass-bar-tint:64%;--glass-overlay-tint:86%;--glass-blur:28px;--glass-blur-overlay:32px;--glass-saturate:180%;--glass-radius:12px;--glass-overlay-radius:10px;--glass-inset:8px;--glass-bleed:8px;--glass-highlight:#ffffffa6;--glass-shadow:0 1px 2px #0000000d, 0 8px 24px #00000014;--control-radius:10px;--control-highlight:#ffffff2e}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (min-width:600px){:root{--gutter:32px;--glass-bleed:20px}}@media (min-width:1024px){:root{--gutter:40px;--glass-inset:12px}}@media (max-width:599.98px){:root{--text-display:44px;--text-h1:34px;--text-h2:26px}}@media (prefers-color-scheme:dark){:root{--paper:#121212;--field:#1c1c1c;--edge:#343434;--edge-strong:#b3b3b3;--offset:#b3b3b3;--ink:#ededed;--ink-2:#b3b3b3;--ink-3:#8c8c8c;--glass-saturate:150%;--glass-highlight:#ffffff1a;--glass-shadow:0 1px 2px #00000040, 0 8px 24px #00000073}}.context-inverse{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#121212;--field:#1c1c1c;--sheet:var(--paper);--fore:var(--paper);--focus-outline:2px solid var(--ink);--edge:#343434;--edge-strong:#b3b3b3;--offset:#b3b3b3;--ink:#ededed;--ink-2:#b3b3b3;--ink-3:#8c8c8c;--glass-saturate:150%;--glass-highlight:#ffffff1a;--glass-shadow:0 1px 2px #00000040, 0 8px 24px #00000073}@media (prefers-color-scheme:dark){.context-inverse{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#fff;--field:#f2f2f2;--edge:#d9d9d9;--edge-strong:#111;--offset:#111;--ink:#111;--ink-2:#4d4d4d;--ink-3:#6a6a6a;--glass-saturate:180%;--glass-highlight:#ffffffa6;--glass-shadow:0 1px 2px #0000000d, 0 8px 24px #00000014}}
*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(56px + 12px + var(--space-3))}@media (max-width:767.98px) and (scripting:none){html{scroll-padding-top:calc(3 * var(--control-min-height) + var(--space-1) + 1px + var(--space-3))}}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--leading-body);font-weight:var(--weight-regular);font-variant-numeric:lining-nums;-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}ul,ol{padding:0;list-style:none}h1,h2,h3{font-weight:var(--weight-semibold);letter-spacing:var(--tracking-heading);text-wrap:balance}h1{font-size:var(--text-h1);line-height:var(--leading-h1)}h2{font-size:var(--text-h2);line-height:var(--leading-h2)}h3{font-size:var(--text-h3);line-height:var(--leading-h3)}p{text-wrap:pretty}svg{display:inline-block}a{color:inherit;text-underline-offset:.18em;text-decoration:underline;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-offset)}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.button{min-height:var(--control-min-height);padding:0 var(--space-3);font-size:var(--text-ui);line-height:var(--leading-ui);font-weight:var(--weight-medium);border:var(--edge-width) solid var(--edge-strong);border-radius:var(--control-radius);box-shadow:inset 0 1px 0 var(--control-highlight);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.button:hover{text-underline-offset:.18em;text-decoration:underline;text-decoration-thickness:1px}.button--primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.container{max-width:var(--grid-max);padding-inline:var(--gutter);margin-inline:auto}.grid{grid-template-columns:repeat(var(--grid-columns), minmax(0, 1fr));column-gap:var(--grid-gap);display:grid}.context-inverse{background:var(--paper);color:var(--ink)}main:has(>:last-child>.context-inverse:last-child)+footer{border-top:0;margin-top:0}.lead{font-size:var(--text-lead);line-height:var(--leading-lead)}.ui{font-size:var(--text-ui);line-height:var(--leading-ui)}.small{font-size:var(--text-small);line-height:var(--leading-small)}.ink-2{color:var(--ink-2)}.ink-3{color:var(--ink-3)}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.depth-field{background:var(--field)}.depth-fore{isolation:isolate;--offset-size:var(--offset-reading);--band:var(--field);position:relative}.depth-fore:before,.depth-fore:after{content:"";position:absolute;inset:0}.depth-fore:before{background:color-mix(in srgb, var(--fore) var(--material-opacity), transparent);border:var(--edge-width) solid var(--edge-strong);z-index:-1}.depth-fore:after{background:var(--offset);transform:translate(var(--offset-size), var(--offset-size));clip-path:polygon(calc(100% - var(--offset-size)) 0, 100% 0, 100% 100%, 0 100%, 0 calc(100% - var(--offset-size)), calc(100% - var(--offset-size)) calc(100% - var(--offset-size)));z-index:-2}.depth-refraction{left:var(--edge-width);right:var(--edge-width);bottom:var(--edge-width);height:var(--sink,0px);position:absolute}.depth-refraction:before{content:"";height:var(--refract);background:var(--band);position:absolute;top:0;left:0;right:0}@media (prefers-reduced-transparency:reduce),(forced-colors:active){.depth-fore:before{background:var(--fore)}.depth-fore:after{clip-path:none}.depth-refraction{visibility:hidden}}@media (prefers-reduced-motion:no-preference){[data-motion]{--dock-from:calc(-2 * var(--offset-reading))}[data-motion=pre] .depth-fore,[data-motion=pre] .depth-plate{transform:translate(var(--dock-from), var(--dock-from));opacity:0}[data-motion=pre] .depth-fore:after{transform:none}[data-motion=pre] .depth-refraction{opacity:0}[data-motion=run] .depth-fore,[data-motion=run] .depth-plate{animation:dock var(--duration-dock) var(--ease-out) both, dock-in .2s var(--ease-out) both}[data-motion=run] .depth-fore:after{animation:offset-open var(--duration-dock) var(--ease-out) both}[data-motion=run] .depth-refraction{animation:refraction-in var(--duration-fade) var(--ease-out) var(--duration-dock) both}@keyframes dock{0%{transform:translate(var(--dock-from), var(--dock-from))}to{transform:translate(0)}}@keyframes dock-in{0%{opacity:0}to{opacity:1}}@keyframes offset-open{0%{transform:translate(0)}to{transform:translate(var(--offset-size), var(--offset-size))}}@keyframes refraction-in{0%{opacity:0}to{opacity:1}}[data-motion=pre] .draw-x:after{transform-origin:var(--draw-origin-x,left);transform:scaleX(0)}[data-motion=pre] .draw-y:before{transform-origin:var(--draw-origin-y,top);transform:scaleY(0)}[data-motion=pre] .head-in{opacity:0}[data-motion=run] .draw-x:after{transform-origin:var(--draw-origin-x,left);animation:draw-x var(--draw-duration-x,var(--duration-draw)) var(--ease-out) var(--draw-delay-x,0s) backwards}[data-motion=run] .draw-y:before{transform-origin:var(--draw-origin-y,top);animation:draw-y var(--draw-duration-y,var(--duration-draw)) var(--ease-out) var(--draw-delay-y,0s) backwards}[data-motion=run] .head-in{animation:head-in var(--duration-fade) var(--ease-out) calc(var(--draw-delay-x,0s) + var(--draw-duration-x,var(--duration-draw))) backwards}@keyframes draw-x{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes draw-y{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes head-in{0%{opacity:0}to{opacity:1}}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
