*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}img,picture,svg,video{display:block;max-width:100%}html{scroll-behavior:smooth}@view-transition{navigation: auto;}strong{color:var(--text-strong)}:root{--min-screen-width: 320px;--white: oklch(1 0 0);--black: oklch(0 0 0);--primary: oklch(.6677 .1078 220.61);--light: oklch(from var(--white) calc(l - .2) c h);--dark: oklch(from var(--black) calc(l + .2) c h);--primary-light: oklch(from var(--primary) calc(l + .2) c h);--primary-dark: oklch(from var(--primary) calc(l - .2) c h);--bg-white: var(--white);--bg-black: var(--black);--bg-light: var(--light);--bg-dark: var(--dark);--bg-primary: var(--primary);--bg-primary-light: var(--primary-light);--bg-primary-dark: var(--primary-dark);--text-white: var(--white);--text-black: var(--black);--text-light: var(--light);--text-dark: var(--dark);--text-primary: var(--primary);--text-primary-light: var(--primary-light);--text-primary-dark: var(--primary-dark);--text-heading: var(--text-white);--text-accent-heading: var(--text-primary);--text-link: var(--text-primary);--text-link-hover: var(--text-primary-light);--bg-button: var(--bg-primary);--text-button: var(--text-dark);--bg-button-hover: var(--bg-primary-light);--text-button-hover: var(--text-black);--bg-selection: var(--bg-primary-dark);--text-selection: var(--text-white);--bg-callout: var(--bg-white);--text-callout: var(--text-dark);--text-heading-callout: var(--text-black);--text-strong: var(--text-primary-dark);--bg-header: var(--bg-black);--text-header: var(--text-white);--bg-footer: var(--bg-black);--text-footer: var(--text-white);--bg-section-nth: var(--bg-black);--space-4xs: clamp(.33rem, calc(-.03vw + .33rem) , .31rem);--space-3xs: clamp(.41rem, calc(.04vw + .4rem) , .44rem);--space-2xs: clamp(.51rem, calc(.16vw + .48rem) , .62rem);--space-xs: clamp(.64rem, calc(.36vw + .57rem) , .88rem);--space-s: clamp(.8rem, calc(.67vw + .67rem) , 1.24rem);--space-m: clamp(1rem, calc(1.15vw + .77rem) , 1.75rem);--space-l: clamp(1.25rem, calc(1.87vw + .88rem) , 2.47rem);--space-xl: clamp(1.56rem, calc(2.96vw + .97rem) , 3.5rem);--space-2xl: clamp(1.95rem, calc(4.58vw + 1.04rem) , 4.95rem);--space-3xl: clamp(2.44rem, calc(6.97vw + 1.05rem) , 7rem);--space-4xl: clamp(3.05rem, calc(10.46vw + .96rem) , 9.89rem);--text-xs: clamp(.79rem, calc(-.24vw + .84rem) , .63rem);--text-s: clamp(.89rem, calc(-.07vw + .9rem) , .84rem);--text-m: clamp(1rem, calc(.19vw + .96rem) , 1.13rem);--text-l: clamp(1.13rem, calc(.57vw + 1.01rem) , 1.5rem);--text-xl: clamp(1.27rem, calc(1.12vw + 1.04rem) , 2rem);--text-2xl: clamp(1.42rem, calc(1.9vw + 1.04rem) , 2.66rem);--text-3xl: clamp(1.6rem, calc(2.98vw + 1rem) , 3.55rem);--text-4xl: clamp(1.8rem, calc(4.49vw + .91rem) , 4.74rem);--radius-xs: clamp(.25rem, calc(0vw + .25rem) , .25rem);--radius-s: clamp(.38rem, calc(-.19vw + .54rem) , .5rem);--radius-m: clamp(.63rem, calc(-.19vw + .79rem) , .75rem);--radius-l: clamp(1rem, calc(-.38vw + 1.33rem) , 1.25rem);--radius-xl: clamp(1.63rem, calc(-.57vw + 2.12rem) , 2rem);--radius-full: 999rem;--shadow-xs: 0 1px 2px 0 oklch(0 0 0 / .05);--shadow-s: 0 1px 3px 0 oklch(0 0 0 / .1), 0 1px 2px -1px oklch(0 0 0 / .1);--shadow-m: 0 4px 6px -1px oklch(0 0 0 / .1), 0 2px 4px -2px oklch(0 0 0 / .1);--shadow-l: 0 10px 15px -3px oklch(0 0 0 / .1), 0 4px 6px -4px oklch(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px oklch(0 0 0 / .1), 0 8px 10px -6px oklch(0 0 0 / .1);--col-1: repeat(1, minmax(0, 1fr));--col-2: repeat(2, minmax(0, 1fr));--col-3: repeat(3, minmax(0, 1fr));--gutter: var(--space-m);--content-width-m: 40rem;--content-width-l: 60rem;--content-width-xl: 90rem;--grid-min-col-size: 275px}@font-face{font-family:Outfit;src:url(/fonts/Outfit-Thin.ttf) format("truetype");font-weight:100;font-display:swap}@font-face{font-family:Outfit;src:url(/fonts/Outfit-ExtraLight.ttf) format("truetype");font-weight:200;font-display:swap}@font-face{font-family:Outfit;src:url(/fonts/Outfit-Light.ttf) format("truetype");font-weight:300;font-display:swap}@font-face{font-family:Outfit;src:url(/fonts/Outfit-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Outfit;src:url(/fonts/Outfit-Medium.ttf) format("truetype");font-weight:500;font-display:swap}@font-face{font-family:Outfit;src:url(/fonts/Outfit-SemiBold.ttf) format("truetype");font-weight:600;font-display:swap}@font-face{font-family:Outfit;src:url(/fonts/Outfit-Bold.ttf) format("truetype");font-weight:700;font-display:swap}@font-face{font-family:Outfit;src:url(/fonts/Outfit-ExtraBold.ttf) format("truetype");font-weight:800;font-display:swap}@font-face{font-family:Outfit;src:url(/fonts/Outfit-Black.ttf) format("truetype");font-weight:900;font-display:swap}body{font-family:Outfit,sans-serif;font-size:calc(var(--text-m) * 1.1);font-weight:var(--font-400);line-height:1.8;color:var(--text-light);background-color:var(--bg-dark);text-wrap:pretty;min-width:var(--min-screen-width);min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:var(--col-1)}body ::selection{color:var(--text-selection);background-color:var(--bg-selection)}h1,h2,h3,h4,h5,h6{color:var(--text-heading);overflow-wrap:break-word}h1{font-size:var(--text-3xl);font-weight:900;line-height:1.1}h2{font-size:var(--text-2xl);font-weight:800;line-height:1.2}h3{font-size:var(--text-xl);font-weight:700;line-height:1.3}h4{font-size:var(--text-l);font-weight:600;line-height:1.3}h5{font-size:calc(var(--text-m) * 1.2);font-weight:500;line-height:1.3}h6{font-size:var(--text-m);font-weight:500;line-height:1.4}.accent-heading{color:var(--text-accent-heading);text-transform:uppercase;font-size:var(--text-m);font-weight:500;order:-1}ul,ol{list-style-position:inside}li::marker{color:var(--primary-dark)}.list-style-none{list-style:none}.flow-m>*+*{margin-block-start:var(--space-s)}.flow-m>*+:is(h1,h2,h3,h4,h5,h6){margin-block-start:var(--space-l)}.flow-m>*+.flow-l,.flow-m>.flow-l+*{margin-block-start:var(--space-l)}.wrapper>*{margin-inline:auto;max-inline-size:min(calc(100% - var(--gutter) * 2),var(--content-width-m))}.wrapper>.wrapper-l{max-inline-size:min(calc(100% - var(--gutter) * 2),var(--content-width-l))}.wrapper>.wrapper-xl{max-inline-size:min(calc(100% - var(--gutter) * 2),var(--content-width-xl))}.wrapper>.wrapper-full{max-inline-size:none}.callout{background-color:var(--bg-callout);color:var(--text-callout);border-radius:var(--radius-s);padding-inline:var(--space-l);padding-block:var(--space-m);font-size:var(--font-600)}.callout>h1,.callout>h2,.callout>h3,.callout>h4,.callout>h5,.callout>h6{color:var(--text-heading-callout)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--grid-min-col-size)),1fr));column-gap:var(--space-m);row-gap:var(--space-xl);justify-items:center}.intro{display:grid;align-items:center;text-align:center;gap:var(--space-s)}.header{position:sticky;top:0;z-index:999;padding-block:var(--space-xs);background-color:var(--bg-header);box-shadow:var(--shadow-l)}.header__wrapper{display:flex;justify-content:space-between;align-items:center}.header__logo{font-size:var(--text-2xl);font-weight:900}.header__items{display:flex;gap:var(--space-m);list-style:none}.header__logo>*,.header__logo>*:hover,.header__item>*{color:var(--text-header)}a{cursor:pointer;text-decoration:none;color:var(--text-link)}a:hover{color:var(--text-link-hover)}.button{background-color:var(--bg-button);color:var(--text-button);padding-block:var(--space-2xs);padding-inline:var(--space-s);border-radius:var(--radius-s);border:none;margin-inline:auto}.button:hover{background-color:var(--bg-button-hover);color:var(--text-button-hover)}.footer{padding-block:var(--space-xs);background-color:var(--bg-footer)}.footer__wrapper{display:flex;justify-content:center;align-items:center}.footer__content{text-align:center;font-size:var(--text-s);color:var(--text-footer)}.section{padding-block:var(--space-xl)}.section:nth-of-type(2n){background-color:var(--bg-section-nth)}
