@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono.ttf)}@font-face{font-family:Albert Sans;src:url(/fonts/AlbertSans.ttf)}@font-face{font-family:EB Garamond;src:url(/fonts/EBGaramond-Italic.ttf)}:root{--primary-color: #3346CA;--highlight-color: #dbe0ff;--success-color: #28a745;--danger-color: #dc3545;--warning-color: #ffc107;--max-width: 1200px;--padding: 16px;--section-padding: calc(2 * var(--padding));--spacing: 16px;--nav-height: 48px;--mobile-width: 750px;--button-font-size: 15px;--button-height: 30px;--background-color: #f8f9fa;--text-color: #212529;--border-color: lightgray;--grid-color: rgb(245, 245, 245);--motion-duration: .42s;--motion-ease: cubic-bezier(.2, .8, .2, 1)}:root[data-theme=dark]{--background-color: #212529;--text-color: #f8f9fa;--grid-color: rgb(50, 50, 50)}html,body{background-color:var(--background-color);color:var(--text-color);font-family:Albert Sans,sans-serif;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-height) - var(--padding))}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes reveal-up{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes soft-pop{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-weight:400}h1 span,h2 span,h3 span,h4 span{font-family:EB Garamond,serif;color:var(--primary-color)}h1{font-size:48px;line-height:1}h1 span{font-size:60px;line-height:48px}h2{font-size:32px;line-height:1}h2 span{font-size:40px;line-height:32px}p{font-size:15px;line-height:1.25}section{display:flex;flex-direction:column;gap:var(--spacing);align-items:center}section .content{padding:var(--section-padding) 0;width:100%;padding:0 var(--padding);width:calc(100% - 2 * var(--padding));max-width:calc(var(--max-width) - 2 * var(--padding));margin:0 auto}@supports (animation-timeline: view()){section .content{animation:reveal-up var(--motion-duration) var(--motion-ease) both;animation-timeline:view();animation-range:entry 10% cover 28%}section .heading>*,section .desc{animation:reveal-up var(--motion-duration) var(--motion-ease) both;animation-timeline:view();animation-range:entry 14% cover 30%}section .heading>*:nth-child(2){animation-range:entry 18% cover 34%}.cards>.card,.steps>.step{animation:reveal-up .5s linear both;animation-timeline:view();animation-range:entry 8% cover 24%}.cards>.card:nth-child(2),.steps>.step:nth-child(2){animation-range:entry 12% cover 28%}.cards>.card:nth-child(3),.steps>.step:nth-child(3){animation-range:entry 16% cover 32%}.cards>.card:nth-child(4),.steps>.step:nth-child(4){animation-range:entry 20% cover 36%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}@media screen and (max-width:1113px){h1{font-size:36px}h1 span{font-size:42px;line-height:36px}h2{font-size:28px}h2 span{font-size:32px;line-height:28px}}@media screen and (max-width:849px){h1{font-size:32px}h1 span{font-size:36px;line-height:32px}h2{font-size:24px}h2 span{font-size:28px;line-height:24px}}@media screen and (max-width:750px){h1{font-size:36px}h1 span{font-size:42px;line-height:36px}h2{font-size:28px}h2 span{font-size:32px;line-height:28px}}@media screen and (max-width:500px){h1{font-size:32px}h1 span{font-size:36px;line-height:32px}}