@layer reset{html{interpolate-size:allow-keywords;font-family:var(--ff-base,system-ui);accent-color:var(--clr-accent);-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;block-size:100%;scroll-padding-block:5lh;line-height:1.6;@media (prefers-reduced-motion:no-preference){scroll-behavior:smooth}}body{min-block-size:100svh;font-family:var(--ff-base);background:var(--surface-1);color:var(--text-primary);font-size:var(--fs-0);grid-template-rows:auto 1fr auto;margin:0;line-height:1.6;display:grid}h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block:0}h1,h2,h3,h4{text-wrap:balance}h1,h2{font-weight:900}h1{font-size:var(--fs-5);font-weight:900;position:relative}h1+p,.hero h1~p{font-size:var(--fs-2)}.hero h1~p:last-of-type{margin-block-end:var(--space-2xl)}h2{font-size:var(--fs-3)}h1,h2,h3,h4,button,input,label{line-height:1.1}img,picture,iframe{max-inline-size:100%;height:auto;display:block}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea{min-block-size:5lh}a:not([class]){color:var(--link);text-underline-offset:.25ex;text-decoration-thickness:0;transition:all .2s ease-in-out;&:hover,&:focus-visible{text-decoration-color:var(--link);text-underline-offset:.5ex;text-decoration-thickness:.25ex;text-decoration-color:color-mix(in oklch, var(--brand-red), var(--brand-blue) 40%)}}::selection{background:hsl(from var(--accent) h s l / .5)}::marker{color:var(--accent)}}@layer general-styling,expressive-code;@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-Variable.ttf)format("truetype");font-weight:300 900;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-VariableItalic.ttf)format("truetype");font-weight:300 900;font-style:italic;font-display:swap}@font-face{font-family:Cascadia Code;src:url(/fonts/CascadiaCode-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@property --gradient-deg{syntax:"<angle>";inherits:true;initial-value:.875turn}@view-transition{navigation:auto}:root{interpolate-size:allow-keywords;--ff-base:"Satoshi", system-ui, sans-serif;--ff-code:"Cascadia Code", monospace;--brand-blue:#1b4fb6;--brand-red:#d9363e;--brand-gradient:linear-gradient(var(--gradient-deg), var(--brand-blue), var(--brand-red));@supports (background:linear-gradient(in oklch, red, blue)){--brand-gradient:linear-gradient(var(--gradient-deg) in oklch, var(--brand-blue), var(--brand-red))}--neutral-50:#eeebe8;--neutral-100:#e6e3e0;--neutral-200:#dfdbd8;--neutral-300:#d7d4d0;--neutral-400:#d1ccc7;--neutral-500:#c3bdb6;--neutral-600:#aba39c;--neutral-700:#8c857d;--neutral-800:#696159;--neutral-900:#221f1b;--surface-1:var(--neutral-50);--surface-2:var(--neutral-100);--surface-3:var(--neutral-200);--surface-4:var(--neutral-300);--border-subtle:var(--neutral-400);--border-default:var(--neutral-500);--border-strong:var(--neutral-600);--text-primary:var(--neutral-900);--text-secondary:var(--neutral-800);--text-muted:var(--neutral-700);--text-inverse:var(--neutral-50);--link:inherit;--accent:#a3292f;--primary:var(--brand-blue);--color-state-hover:var(--brand-blue);--color-state-active:var(--brand-red);--color-state-success:#248f6b;--color-state-warning:#da8e0b;--color-state-error:#d9363e;--fs--2:clamp(.7387rem, .7987rem + -.0775vw, .7813rem);--fs--1:clamp(.9375rem, .9182rem + .0857vw, .9846rem);--fs-0:clamp(1.125rem, 1.0483rem + .3409vw, 1.3125rem);--fs-1:clamp(1.35rem, 1.1865rem + .7265vw, 1.7496rem);--fs-2:clamp(1.62rem, 1.3287rem + 1.2948vw, 2.3322rem);--fs-3:clamp(1.944rem, 1.4675rem + 2.1178vw, 3.1088rem);--fs-4:clamp(2.3328rem, 1.5919rem + 3.2931vw, 4.144rem);--fs-5:clamp(2.7994rem, 1.6848rem + 4.9538vw, 5.524rem);--space-3xs:clamp(.3125rem, .3125rem + 0vw, .3125rem);--space-2xs:clamp(.5625rem, .5114rem + .2273vw, .6875rem);--space-xs:clamp(.875rem, .8239rem + .2273vw, 1rem);--space-s:clamp(1.125rem, 1.0483rem + .3409vw, 1.3125rem);--space-m:clamp(1.6875rem, 1.5597rem + .5682vw, 2rem);--space-l:clamp(2.25rem, 2.0966rem + .6818vw, 2.625rem);--space-xl:clamp(3.375rem, 3.1449rem + 1.0227vw, 3.9375rem);--space-2xl:clamp(4.5rem, 4.1932rem + 1.3636vw, 5.25rem);--space-3xl:clamp(6.75rem, 6.2898rem + 2.0455vw, 7.875rem);--space-4xl:clamp(9rem, 8.3864rem + 2.7273vw, 10.5rem);--space-3xs-2xs:clamp(.3125rem, .1591rem + .6818vw, .6875rem);--space-2xs-xs:clamp(.5625rem, .3835rem + .7955vw, 1rem);--space-xs-s:clamp(.875rem, .696rem + .7955vw, 1.3125rem);--space-s-m:clamp(1.125rem, .767rem + 1.5909vw, 2rem);--space-m-l:clamp(1.6875rem, 1.304rem + 1.7045vw, 2.625rem);--space-l-xl:clamp(2.25rem, 1.5597rem + 3.0682vw, 3.9375rem);--space-xl-2xl:clamp(3.375rem, 2.608rem + 3.4091vw, 5.25rem);--space-2xl-3xl:clamp(4.5rem, 3.1193rem + 6.1364vw, 7.875rem);--space-3xl-4xl:clamp(6.75rem, 5.2159rem + 6.8182vw, 10.5rem);--space-s-xl:clamp(1.125rem, -.0256rem + 5.1136vw, 3.9375rem);--space-s-l:clamp(1.125rem, .5114rem + 2.7273vw, 2.625rem);--space-2xl-4xl:clamp(4.5rem, 2.0455rem + 10.9091vw, 10.5rem)}@media (prefers-color-scheme:dark){:root{--neutral-900:#dadad7;--neutral-800:#b5b5b0;--neutral-700:#82827d;--neutral-600:#5e5e55;--neutral-500:#4a4a45;--neutral-400:#3f3f3b;--neutral-300:#393937;--neutral-200:#32322f;--neutral-100:#2a2a27;--neutral-50:#23231f;--brand-blue:#387aff;--brand-red:#ff424c;--color-state-success:#2eb88a;--color-state-warning:#f29e0d;--color-state-error:#dd4b52}}[data-theme=light]{--neutral-50:#f9fafb;--neutral-100:#f3f4f7;--neutral-200:#edeff2;--neutral-300:#e8eaed;--neutral-400:#e2e4e9;--neutral-500:#d3d7de;--neutral-600:#b8bdc7;--neutral-700:#818898;--neutral-800:#5a6272;--neutral-900:#14181f;--brand-blue:#1b4fb6;--brand-red:#d9363e}[data-theme=dark]{--neutral-900:#dadad7;--neutral-800:#b5b5b0;--neutral-700:#82827d;--neutral-600:#5e5e55;--neutral-500:#4a4a45;--neutral-400:#3f3f3b;--neutral-300:#393937;--neutral-200:#32322f;--neutral-100:#2a2a27;--neutral-50:#23231f;--color-state-success:#2eb88a;--color-state-warning:#f29e0d;--color-state-error:#dd4b52}.nav-list{gap:var(--space-m);flex-wrap:wrap;margin:0;padding:0;list-style:"";display:flex}.prose>*+*{margin-block-start:var(--prose-spacing,1em)}.push-right{margin-left:auto}.stack{gap:var(--stack-gap,1rem);align-content:var(--stack-alignment,start);justify-items:var(--stack-justification,start);display:grid;&>*{margin-block:0}}.pile{grid-template-areas:"pile";place-content:center;display:grid;&>*{grid-area:pile}}.group{flex-wrap:var(--group-wrap,wrap);align-items:var(--group-alignment,center);justify-content:var(--group-justification,start);gap:var(--group-gap,var(--group-row-gap,var(--space-s))) var(--group-gap,var(--group-column-gap,var(--space-m)));display:flex}.apart{align-items:var(--apart-alignment,center);justify-content:var(--apart-justification,space-between);flex-wrap:var(--apart-wrap,wrap);gap:var(--apart-gap,var(--apart-row-gap,var(--space-s))) var(--apart-gap,var(--apart-column-gap,var(--space-m)));display:flex}.auto-grid{gap:var(--auto-grid-gap,var(--space-m));grid-template-columns:repeat(var(--auto-grid-repeat,auto-fit), minmax(var(--auto-grid-min-width,min(var(--auto-grid-min-col-size,320px), 100%)), 1fr));display:grid}.primary-layout{--primary-layout-padding:var(--space-l);--primary-layout-width:1200px;--primary-layout-narrow-reduction:150px;--primary-layout-wide-increase:150px;--primary-layout-extra-wide-increase:100px;--primary-layout-narrow:calc(var(--primary-layout-width) - var(--primary-layout-narrow-reduction));--primary-layout-content:var(--primary-layout-narrow-reduction);--primary-layout-wide:var(--primary-layout-wide-increase);--primary-layout-extra-wide:var(--primary-layout-extra-wide-increase);grid-template-columns:[full-width-start] minmax(var(--primary-layout-padding), 1fr) [extra-wide-start] minmax(0, var(--primary-layout-extra-wide)) [wide-start] minmax(0, var(--primary-layout-wide)) [content-start] minmax(0, var(--primary-layout-content)) [narrow-start] min(100% - var(--primary-layout-padding) * 2, var(--primary-layout-narrow)) [narrow-end] minmax(0, var(--primary-layout-content)) [content-end] minmax(0, var(--primary-layout-wide)) [wide-end] minmax(0, var(--primary-layout-extra-wide)) [extra-wide-end] minmax(var(--primary-layout-padding), 1fr) [full-width-end];display:grid}.primary-layout>*,.full-width>*{grid-column:content}.narrow{grid-column:narrow}.extra-wide{grid-column:extra-wide}.wide{grid-column:wide}.full-width{grid-column:full-width;grid-template-columns:inherit;display:grid}.narrow-right-only{grid-column:content-start/narrow-end}.narrow-left-only{grid-column:narrow-start/content-end}.wide-right-only{grid-column:content-start/wide-end}.wide-left-only{grid-column:wide-start/content-end}.extra-wide-right-only{grid-column:content-start/extra-wide-end}.extra-wide-left-only{grid-column:extra-wide-start/content-end}.full-width-right-only{grid-column:content-start/full-width-end}.full-width-left-only{grid-column:full-width-start/content-end}.surface-1{background-color:var(--surface-1)}.surface-2{background-color:var(--surface-2)}.surface-3{background-color:var(--surface-3)}.surface-4{background-color:var(--surface-4)}.surface-accent{background-color:var(--accent);color:var(--text-inverse)}.surface-accent ::marker{color:var(--text-primary)}.surface-inverse{background-color:var(--text-primary);color:var(--text-inverse)}@keyframes --scale-up{0%{scale:.95}to{scale:1.1}}@keyframes --unblur{0%{opacity:0;filter:blur(5px)}30%,to{filter:blur()}}@keyframes --fade-in-out{50%{opacity:1}}.overflow-scroller{gap:var(--space-s);scroll-snap-align:center;scroll-snap-type:x mandatory;grid-column:full-width;grid-auto-columns:max(200px,30%);grid-auto-flow:column;align-items:start;display:grid;overflow-x:auto}.overflow-scroller>*{scroll-snap-align:center}.short-testimonials{font-size:var(--fs--1);columns:4 250px;grid-column:extra-wide;font-weight:500}@media not (hover:hover){.short-testimonials{columns:revert;padding-inline:var(--space-s);align-items:center;gap:var(--space-s);scroll-snap-type:x mandatory;scrollbar-width:none;grid-column:full-width;grid-auto-columns:max(250px,30%);grid-auto-flow:column;display:grid;overflow-x:scroll}.short-testimonials>*{scroll-snap-align:center}}.short-testimonials>*{break-inside:avoid;padding:var(--space-s);background:var(--surface-3);gap:var(--space-s);border-radius:12px;display:grid}.short-testimonials :is(figure,blockquote){margin-block:0;margin-inline:0}.short-testimonials figure{margin-block-end:var(--space-xs)}.short-testimonials figcaption{font-weight:800}.avatar{aspect-ratio:1;object-fit:cover;border:6px solid var(--border-subtle);background:var(--brand-gradient) border-box;border-radius:50vw;transition:border-color 1s;animation:linear --gradient-border-fade-in view();animation-range:contain cover 0%}.avatar:hover{border-color:#0000}@keyframes --gradient-border-fade-in{30%,60%{border-color:#0000}}.underline{isolation:isolate;position:relative;@supports (animation-timeline:view()){&:after{content:"";z-index:-1;background:var(--brand-gradient);background-repeat:no-repeat;background-size:0% 100%;block-size:8px;animation:linear both --underline view();animation-range:50% 75%;position:absolute;inset:auto -8px -5px -5px;mask-image:url("data:image/svg+xml,%3csvg%20viewBox='-1%200%20102%208'%20xmlns='http://www.w3.org/2000/svg'%20preserveAspectRatio='none'%3e%3cpath%20d='M%200,4%20Q%2015,1%2025,3%20T%2050,4%20Q%2065,6%2075,4%20T%20100,5'%20fill='none'%20stroke='white'%20stroke-width='4'%20stroke-linecap='round'%20/%3e%3c/svg%3e");mask-size:100% 100%;mask-repeat:no-repeat}}}.underline.static:after{block-size:20px;animation-duration:0s;animation-play-state:paused;animation-fill-mode:forwards;animation-timeline:none}@keyframes --underline{to{background-size:100% 100%}}h1{anchor-name:--hero-title}@media (prefers-color-scheme:light){.hero h1{-webkit-text-stroke:25px var(--surface-1);paint-order:stroke fill}}[data-theme=light]{& .hero h1{-webkit-text-stroke:25px var(--surface-1);paint-order:stroke fill}}.hero{position:relative}.hero-image{aspect-ratio:1;transform-origin:bottom;border-radius:0 0 100vw 100vw;place-items:end;inline-size:fit-content;transition:scale .5s,inset 1s;display:grid;position:relative;overflow:clip}@supports not (anchor-name:--hero-title){.hero-image{float:left}}@supports (anchor-name:--hero-title){@media (width>786px){.hero-image{z-index:-2;inset:auto anchor(--hero-title right) anchor(--hero-title bottom) auto;position:absolute}}}.hero-image:after{content:"";opacity:.5;aspect-ratio:1;background:var(--brand-gradient);z-index:-1;border-radius:100vw;width:100%;transition:opacity .5s;position:absolute;bottom:0;left:0;scale:1}.hero-image img{object-fit:cover;object-position:45% center;border-radius:100vw;block-size:400px;inline-size:350px;scale:1.05}h1:hover~.hero-image:after{opacity:1}.image-text-split{gap:var(--space-m);flex-wrap:wrap;display:flex}.image-text-split>img{flex-grow:0;inline-size:min(300px,80%)}.image-text-split>:not(img){flex:9999;min-inline-size:50%}.logo{color:var(--text-primary);font-size:var(--fs-1);font-family:var(--ff-code);background:var(--brand-gradient);background-clip:text;text-decoration:none;transition:all .5s}.logo:hover{color:#0000;& [data-theme=dark]{filter:brightness(1.5)}@media (prefers-color-scheme:dark){filter:brightness(1.5)}}.page-header{padding-block:var(--space-l) calc(var(--space-l) / 2);gap:var(--space-2xs) var(--space-4xl);anchor-name:--nav-link;font-family:var(--ff-code);background-color:var(--surface-1);isolation:isolate;flex-direction:column;justify-content:space-between;align-items:center;display:flex}@media (width>1128px){.page-header{flex-direction:row}}.page-header nav ul{font-size:var(--fs--1);margin:0;padding:0;list-style:""}.page-header nav a{text-decoration:none}@supports not (anchor-name:--anchor){.page-header nav a{transition:color .2s;position:relative}.page-header nav a:after{content:"";background-color:var(--text-primary);transform-origin:bottom;z-index:-1;border-radius:4px;transition:transform .2s;position:absolute;inset:-2px;transform:scaleY(0)}.page-header nav a:hover,.page-header nav a:focus-visible{color:var(--text-inverse);&:after{transform:scaleY(1)}}}@supports (anchor-scope:--anchor){nav ul{--group-row-gap:var(--space-s);--group-column-gap:0}@media (width<1060px){nav ul{--group-justification:center}}nav a{color:#fff;mix-blend-mode:difference;padding:.5rem 1rem}nav:after{content:"";position-anchor:--nav-link;background-color:var(--text-primary);opacity:.2;z-index:-1;border-radius:4px;block-size:1px;transition:background-color .4s,block-size .4s,opacity .4s,inset .4s,inset-inline .4s .5s;position:absolute;inset-block-start:calc(anchor(end));inset-block-end:anchor(end);inset-inline-start:anchor(start);inset-inline-end:anchor(end)}nav:has(a:hover,a:focus-visible):after{block-size:auto;opacity:1;transition:background-color .4s,block-size .4s .4s,opacity .4s,inset .4s,inset-block .4s .5s;inset-block-start:anchor(start)}nav a:hover,nav a:focus-visible{anchor-name:--nav-link;transition-delay:.2s}}.page-footer{text-align:center;padding-block:var(--space-2xl);background:var(--surface-2);position:relative}.page-footer ul{font-size:var(--fs--1);justify-content:center}.page-footer a{text-decoration:none}.page-footer a:hover,.page-footer a:focus-visible{text-decoration-line:underline}.sign-off{font-size:var(--fs-1);margin-block-end:var(--space-m)}section{padding-block:var(--space-2xl-4xl);container-type:inline-size}.even-columns{gap:var(--space-m);display:grid;@container (width>75ch){grid-auto-columns:1fr;grid-auto-flow:column}}.card{--tag-surface:var(--surface-3);padding:var(--space-m);background:var(--surface-2);border:1px solid var(--border-subtle);isolation:isolate;border-radius:8px;transition:border-color 2s;position:relative}.card:before,.card:after{content:"";position:absolute}.card:before{background:inherit;z-index:-1;border-radius:6px;inset:0}.card:after{z-index:-2;background-image:linear-gradient(var(--text-primary), var(--text-primary));opacity:0;border-radius:8px;transition:opacity 2s;inset:-1px}.card:hover,.card:focus-within{border-color:#0000}.card:hover:after,.card:focus-within:after{opacity:.5}.card>.button:last-child{margin-block-start:auto}.card[data-card-theme=primary]{border-color:#0000}.card[data-card-theme=primary]:after{background-image:linear-gradient(var(--gradient-deg) in oklch, var(--brand-blue), var(--brand-red));opacity:1;animation:20s linear infinite --border-spin;inset:-3px}@keyframes --border-spin{to{--gradient-deg:1.875turn}}.tag{font-size:var(--tag-font-size,var(--fs--1));background:var(--tag-surface,var(--surface-2));border:var(--border-subtle) 1px solid;border-radius:4px;padding:.125lh .75ch}.button{--theme-accent:var(--accent);cursor:pointer;line-height:1.1;font-size:var(--fs--1);background:var(--button-bg,var(--text-primary));color:var(--button-text,var(--text-inverse));border:0;border-radius:.25em;padding:.75lh 1.5ch;font-weight:700;text-decoration:none;display:inline-flex}.button:where(:hover,:focus-visible){color:var(--button-text-hover,var(--neutral-900))}@supports not (anchor-name:--anchor){.button:where(:hover,:focus-visible){background:var(--button-bg-hover,var(--accent))}}.button[data-button-size=large]{font-size:var(--fs-1)}.button[data-button-theme=primary]{--theme-color:var(--primary);--button-bg:var(--theme-color);--button-text:var(--neutral-50)}.button[data-button-theme=accent]{--theme-color:var(--accent);--theme-accent:var(--neutral-900);--button-bg:var(--theme-color);--button-text:var(--theme-accent);--button-bg-hover:var(--theme-accent);--button-text-hover:var(--neutral-50)}.button[data-button-theme=gradient]{isolation:isolate;position:relative}.button[data-button-theme=gradient]:before,.button[data-button-theme=gradient]:after{content:"";border-radius:4px;position:absolute}.button[data-button-theme=gradient]:before{z-index:-1;background-color:var(--text-primary);inset:0}.button[data-button-theme=gradient]:after{z-index:-2;background-image:linear-gradient(var(--gradient-deg), var(--brand-blue), var(--brand-red));opacity:0;border-radius:8px;transition:opacity 2s;animation:10s linear infinite paused gradient-rotation;inset:-4px}.button[data-button-theme=gradient]:hover{color:var(--text-inverse)}.button[data-button-theme=gradient]:hover:after,.button[data-button-theme=gradient]:focus-visible:after{opacity:1;animation-play-state:running}.title-image-content{gap:var(--space-l);grid-template-areas:"title""content""image";align-items:start;display:grid}@media (width>600px){.title-image-content{grid-template-areas:"title title""image content"}}@media (width>768px){.title-image-content{grid-template:"image title""image content"1fr/300px auto}}.my-stuff{padding:0;list-style:""}.title-image-content>:is(h1,h2,h3,h4){grid-area:title}.title-image-content>img{inline-size:50vi;grid-area:image;height:auto}.title-image-content>div{grid-area:content}@keyframes gradient-rotation{to{--gradient-deg:calc(.875turn + 1turn)}}@keyframes fade-up-in{0%{opacity:0;translate:0 50px}to{opacity:1;translate:0}}.fs-h3{font-size:var(--fs-2);font-weight:800;line-height:1.1}.text-accent{color:var(--accent)}.text-center{text-align:center}.blockquote{font-size:var(--fs-2);background:var(--surface-1);padding:var(--space-l);border-radius:.5em;padding-inline-start:calc(var(--space-l) * 2);position:relative;overflow:clip}.blockquote:before{content:"";inline-size:var(--space-m);background:var(--accent);position:absolute;inset:0 auto 0 0}.divider{background-color:var(--surface-3);block-size:1px;inline-size:100%;margin-block:var(--space-l);border:0}.gradient-link{color:inherit;background:var(--brand-gradient);background-clip:text;text-decoration:none;transition:color .5s}.gradient-link:hover,.gradient-link:focus-visible{color:#0000}.subscribe-links{gap:var(--space-m);display:flex}.subscribe-link{color:inherit;font-size:var(--fs-5);background:var(--brand-gradient);background-clip:text;align-items:center;text-decoration:none;transition:color .5s;display:inline-flex}.subscribe-link svg{aspect-ratio:1;width:auto;height:1cap}.subscribe-link:hover svg,.subscribe-link:focus-visible svg{fill:url(#subscribe-gradient)}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.form-group{display:grid}.form-group label{font-size:var(--fs--1);font-weight:700}.form-group input{margin-top:.25lh}p{max-inline-size:70ch}