:root{--color-gray-50: 249 250 251;--color-gray-100: 243 244 246;--color-gray-200: 229 231 235;--color-gray-300: 209 213 219;--color-gray-400: 156 163 175;--color-gray-500: 107 114 128;--color-gray-800: 31 41 55;--color-gray-950: 3 7 18;--primary-color: 12 146 152;--accent-color: 252 172 57;--link-color: 10 120 125;--black-color: var(--color-gray-950);--white-color: var(--color-gray-50);--red-color: 220 53 69;--blue-color: 0 123 255;--primary-gradient: linear-gradient(135deg, rgb(var(--primary-color)) 0%, rgb(var(--link-color)) 100%);--accent-gradient: linear-gradient(135deg, rgb(var(--accent-color)) 0%, rgb(255 200 100) 100%);--gray-gradient: linear-gradient(135deg, rgb(var(--color-gray-300)) 0%, rgb(var(--color-gray-100)) 100%);--heading-gradient: linear-gradient(135deg, hsl(182.57deg 85.37% 40.2%) 0%, rgb(var(--primary-color)) 100%);--radius-sm: .25rem;--radius-md: .625rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 3rem;--container-width: 1200px;--nav-height: 5rem;--shadow-card: 0 4px 20px rgb(var(--black-color) / .08);--shadow-heading: 2px 2px 3px rgb(var(--black-color) / .12);--shadow-hero: 3px 3px 6px rgb(var(--black-color) / .15);--margin-y-static: 1.5rem;--margin-y-heading: 2rem;--padding-y-button: 1.25rem;--transition-instant: .1s;--transition-short: .2s;--transition-medium: .3s;--transition-long: .6s;--font-family-body: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-family-code: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-family-hero: Inter, sans-serif;--font-size-hint: .875rem;--font-size-base: 1rem;--font-size-static: 1.125rem;--font-size-subtitle: 1.25rem;--font-size-button: 1.4rem;--font-size-cardtitle: 1.5rem;--font-size-title: 2.5rem;--font-size-heading: 3rem;--font-size-hero: 4rem;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-black: 900;--line-height-title: 1.2;--line-height-static: 1.8}*{box-sizing:border-box;margin:0;padding:0}:disabled{cursor:not-allowed!important}::placeholder{opacity:.4}html,body{min-width:320px}body{background:rgb(var(--white-color));color:rgb(var(--color-gray-500));font-family:var(--font-family-body);line-height:1.6;overflow-x:hidden}body:has(dialog[open],#mobile-menu.active){position:fixed;top:var(--scroll-top, 0);inline-size:100%;padding-right:var(--scrollbar-offset, 0);z-index:-1}body:has(dialog[open],#mobile-menu.active)>nav{padding-right:var(--scrollbar-offset, 0)}button{cursor:pointer;user-select:none}code:not(pre code){background-color:rgb(var(--color-gray-100));border-radius:var(--radius-sm);font-family:var(--font-family-code);margin-block:-.125rem;padding:.125rem .25rem}hr{width:100%;height:2px;background:linear-gradient(90deg,transparent 0%,rgb(var(--primary-color) / .3) 20%,rgb(var(--primary-color)) 50%,rgb(var(--primary-color) / .3) 80%,transparent 100%);border:none;margin-block:2rem}img,svg{fill:currentColor;pointer-events:none;user-select:none}input[type=color]{padding:0 2px!important}.astro-code{border-radius:var(--radius-md);padding:.5rem 1rem}p+.astro-code{margin-top:-.75rem}.container{max-width:var(--container-width);margin:0 auto;padding:0 2rem}.primary-button{background:var(--primary-gradient);border:none;border-radius:var(--radius-full);color:rgb(var(--white-color));display:inline-block;font-size:var(--font-size-button);font-weight:var(--font-weight-semibold);padding:var(--padding-y-button) calc(var(--padding-y-button) * 2);text-align:center;text-decoration:none;transition:all var(--transition-medium)}.primary-button:hover{box-shadow:0 10px 30px rgb(var(--primary-color) / .3);transform:translateY(-2px)}.primary-button:active{box-shadow:none;transform:translateY(0);transition-duration:var(--transition-instant)}.primary-button.caps{font-weight:var(--font-weight-bold);letter-spacing:.05rem;text-transform:uppercase}.hero{background:var(--accent-gradient);padding:9rem 0 4rem}.hero-container{max-width:var(--container-width);align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;padding:0 5%}.hero-content{text-align:center;text-wrap:balance;user-select:none}.hero-visual{position:relative;display:flex;justify-content:center;transform-style:preserve-3d}main>section{width:100%}body:not(.static) main>section{width:100vw}.section-title{color:rgb(var(--color-gray-800));font-size:var(--font-size-title);font-weight:var(--font-weight-bold);line-height:var(--line-height-title);margin-bottom:3rem;text-align:center;text-wrap:balance}.cards{padding:6rem 0}.cards-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:3rem}.card{background:rgb(var(--white-color));border-radius:var(--radius-lg);box-shadow:var(--shadow-card);display:block;padding:2rem;text-align:center;text-decoration:none;transition:all var(--transition-medium)}.card-icon{align-items:center;display:flex;justify-content:center;margin:0 auto 1rem}.card-title{color:rgb(var(--color-gray-800));font-size:var(--font-size-cardtitle);font-weight:var(--font-weight-semibold);line-height:var(--line-height-title);margin-top:0!important;margin-bottom:1rem!important;text-wrap:balance}.card-meta{color:rgb(var(--color-gray-400));font-size:var(--font-size-hint);margin-bottom:1rem}.card-desc{color:rgb(var(--color-gray-500));line-height:1.6;text-wrap:balance}.card-stats{background:linear-gradient(135deg,rgb(var(--primary-color)),rgb(var(--accent-color)));border-radius:6px;color:rgb(var(--white-color));display:inline-block;font-size:var(--font-size-hint);font-weight:var(--font-weight-medium);letter-spacing:.025em;margin-top:auto;padding:.75rem 1rem;text-transform:uppercase;text-wrap:balance;user-select:none}.cta{background:var(--accent-gradient);padding:6rem 0;text-align:center;text-wrap:balance}.cta-title{color:rgb(var(--color-gray-800));font-size:var(--font-size-title);font-weight:var(--font-weight-bold);line-height:var(--line-height-title);margin-bottom:1rem}.cta-subtitle{color:rgb(var(--color-gray-500));font-size:var(--font-size-subtitle);margin-bottom:2rem}body.static{min-height:100vh;display:flex;flex-direction:column}body.static main{width:100%;max-width:var(--container-width);margin:0 auto;overflow:hidden;padding:8rem 5% 6rem;flex:1}body.static.iframe{background:none}body.static.iframe main{padding-top:1rem;padding-bottom:4rem}body.static .content{max-width:768px;margin:0 auto}body.static .content.wide{max-width:940px}body.static .content :where(p,pre,ul,ol,table){color:#555;font-size:var(--font-size-static);line-height:var(--line-height-static);margin-bottom:var(--margin-y-static)}body.static .content hgroup{margin-bottom:5rem}body.static .content hgroup p{color:rgb(var(--color-gray-500));font-size:var(--font-size-subtitle);margin:0 auto;text-align:center;text-wrap:balance}body.static .content :where(h1,h2,h3,h4,h5,h6){background:var(--heading-gradient);-webkit-background-clip:text;background-clip:text;color:rgb(var(--primary-color));font-weight:var(--font-weight-bold);line-height:1.4;margin-top:calc(var(--margin-y-static) * 1.333);-webkit-text-fill-color:transparent;text-shadow:var(--shadow-heading);transition:all var(--transition-medium)}body.static .content h1{position:relative;align-items:center;display:flex;font-size:var(--font-size-heading);gap:1.2rem;justify-content:center;margin-bottom:calc(var(--margin-y-static) * 2);margin-top:calc(var(--margin-y-static) * .667);text-align:center;text-wrap:balance}body.static .content h1:after{position:absolute;bottom:-1rem;left:-5%;width:110%;height:3px;background:linear-gradient(90deg,transparent 0%,rgb(var(--accent-color) / .3) 25%,rgb(var(--accent-color) / .7) 50%,rgb(var(--accent-color) / .3) 75%,transparent 100%);border:none;content:""}body.static .content h2{font-size:calc(var(--font-size-heading) * .85);margin-bottom:calc(var(--margin-y-heading) * .85)}body.static .content h3{font-size:calc(var(--font-size-heading) * .7);margin-bottom:calc(var(--margin-y-heading) * .7)}body.static .content h4{font-size:calc(var(--font-size-heading) * .55);margin-bottom:calc(var(--margin-y-heading) * .55)}body.static .content h5{font-size:calc(var(--font-size-heading) * .4);margin-bottom:calc(var(--margin-y-heading) * .4)}body.static .content h6{font-size:calc(var(--font-size-heading) * .25);margin-bottom:calc(var(--margin-y-heading) * .25)}body.static .content img{max-width:100%;height:auto}body.static .content :where(a[href],.link):not(.primary-button){color:rgb(var(--link-color))}body.static .content :where(a[href],.link):not(.card,.primary-button):hover{filter:brightness(.7)}body.static .content a:not([href]){cursor:default}body.static .content a[target]:not(.card-hover,.no-icon):after{--icon: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' %3E%3Cpath d='M0 0h24v24H0V0z' fill='none' /%3E%3Cpath d='M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z' /%3E%3C/svg%3E");width:11px;height:11px;background:currentColor;color:currentColor;content:"";display:inline-block;flex-shrink:0;font-size:.8rem;margin-top:-1px;margin-left:4px;-webkit-mask-image:var(--icon);mask-image:var(--icon)}body.static .content :where(ul,ol){padding-inline-start:2.5rem}body.static .content :where(ul:not(li ul),ol:not(li ol)){margin-block-end:1.5rem;margin-block-start:.75rem}body.static .content :where(ul,ol):last-child,body.static .content :where(ul ul,ul ol,ol ul,ol ol){margin-block-end:.75rem;margin-block-start:.75rem}body.static .content ol.pretty{counter-reset:item;list-style:none;margin-left:.75rem;margin-right:.75rem;padding-left:0}body.static .content ol.pretty li{position:relative;min-height:1.8rem;counter-increment:item;margin-bottom:1rem;padding-left:3rem}body.static .content ol.pretty li:before{position:absolute;top:.1rem;left:0;width:1.8rem;height:1.8rem;align-items:center;background:rgb(var(--primary-color));border-radius:50%;color:rgb(var(--white-color));content:counter(item);display:flex;flex-shrink:0;font-size:.9rem;font-weight:600;justify-content:center}body.static .content table{width:100%;border-collapse:collapse;font-variant:tabular-nums;overflow:auto}body.static .content table :where(th,td){padding:.5rem 1rem;border:1px solid rgb(var(--color-gray-200));font-size:var(--font-size-base);line-height:var(--line-height-title)}body.static .content table th{background:rgb(var(--color-gray-500));color:rgb(var(--white-color))}body.static .content blockquote{border-inline-start:3px solid rgb(var(--color-gray-200));padding-inline-start:1rem}body.static .content .heading-icon{align-items:center;display:flex;font-size:var(--font-size-hero);justify-content:center;line-height:1.25;margin-bottom:2rem;padding:.75rem 0}body.static .content .icon{background:none;-webkit-text-fill-color:currentColor}body.static .content>:last-child{margin-bottom:0}body.static .checkout.content h3{text-align:center;text-wrap:balance}body.static .checkout.content .card{background:rgb(var(--white-color));border:none;box-shadow:none;text-align:left}body.static .checkout.content .card-desc{text-wrap:pretty}.card-hover:hover{box-shadow:0 10px 40px rgb(var(--black-color) / .15);transform:translateY(-4px)}[href].card-hover:active{box-shadow:var(--shadow-card);transform:translateY(0);transition-duration:var(--transition-instant)}.no-wrap{white-space:nowrap}@media (max-width: 991px){:root{--font-size-hint: .7875rem;--font-size-static: 1.0125rem;--font-size-subtitle: 1.125rem;--font-size-button: 1.26rem;--font-size-cardtitle: 1.35rem;--font-size-title: 2.25rem;--font-size-heading: 2.7rem;--font-size-hero: 3.6rem;--margin-y-static: 1.35rem;--margin-y-heading: 1.8rem;--padding-y-button: 1.125rem}}@media (max-width: 767px){.hero-container{grid-template-columns:1fr}.cards-grid{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.card{padding:1.5rem}}@media (max-width: 479px){:root{--font-size-hint: .7rem;--font-size-subtitle: 1rem;--font-size-button: 1.12rem;--font-size-cardtitle: 1.2rem;--font-size-title: 2rem;--font-size-heading: 2.4rem;--font-size-hero: 3.2rem}.cards-grid{gap:1rem;grid-template-columns:1fr}.card{padding:1.25rem}body.static .content h1{flex-direction:column}}
