.site-hero{position:relative;isolation:isolate;padding:4rem 0 2rem;text-align:center;--font-sans-serif: ui-sans-serif, -apple-system, "system-ui", "Inter", "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol"}.site-hero-bg{position:absolute;top:0;left:0;right:0;height:44rem;z-index:-1;overflow:hidden;pointer-events:none;background:linear-gradient(var(--color-blue-2),var(--color-blue-2),var(--color-gray-11),var(--color-gray-11))}.site-hero.green .site-hero-bg{background:linear-gradient(var(--color-blue-2),var(--color-green-4),var(--color-gray-11),var(--color-gray-11))}.site-hero.orange .site-hero-bg{background:linear-gradient(var(--color-blue-2),var(--color-orange-2),var(--color-gray-11),var(--color-gray-11))}.site-hero.yellow .site-hero-bg{background:linear-gradient(var(--color-blue-2),var(--color-orange-5),var(--color-gray-11),var(--color-gray-11))}.site-hero.purple .site-hero-bg{background:linear-gradient(var(--color-blue-2),var(--color-purple-5),var(--color-gray-11),var(--color-gray-11))}.site-hero.pink .site-hero-bg{background:linear-gradient(var(--color-blue-2),var(--color-pink-5),var(--color-gray-11),var(--color-gray-11))}.site-hero header{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-family:var(--font-sans-serif);width:min(44rem,100%);margin:auto;margin-bottom:2.5rem}.site-hero header p{margin:2rem auto 0;font-size:2rem;font-weight:500;z-index:2;position:relative;color:#18181cb3;max-width:calc(var(--main-content-width) + 6rem);text-wrap:balance;line-height:1.1}.site-hero header p strong{font-weight:600;color:var(--color-gray-0)}.site-hero header h1{font-size:3rem;line-height:1.2;margin:auto;text-align:center;text-wrap:balance;position:relative;font-weight:900;z-index:1;color:var(--color-gray-0);background:linear-gradient(var(--color-gray-0),var(--color-blue-1));background-clip:text;-webkit-text-fill-color:transparent}.site-hero.green h1,.site-hero.orange h1,.site-hero.yellow h1,.site-hero.purple h1,.site-hero.pink h1{color:var(--color-gray-0);background:linear-gradient(var(--color-gray-0),var(--color-gray-2));background-clip:text;-webkit-text-fill-color:transparent}.site-hero.green h1{color:var(--color-gray-0);background:linear-gradient(65deg,var(--color-green-1),var(--color-gray-0));background-clip:text;-webkit-text-fill-color:transparent}.site-hero.purple h1{color:var(--color-gray-0);background:linear-gradient(65deg,var(--color-purple-1),var(--color-gray-0));background-clip:text;-webkit-text-fill-color:transparent}.site-hero.orange h1,.site-hero.yellow h1{color:var(--color-gray-0);background:linear-gradient(65deg,var(--color-orange-0),var(--color-gray-0));background-clip:text;-webkit-text-fill-color:transparent}.site-hero.pink h1{color:var(--color-gray-0);background:linear-gradient(65deg,var(--color-pink-1),var(--color-gray-0));background-clip:text;-webkit-text-fill-color:transparent}.site-hero h1 .new-approach{color:var(--color-gray-11);text-shadow:0 0 5rem var(--color-blue-2),0 0 2px var(--color-blue-1)}.site-hero .byoc-code-example{position:relative;width:calc(var(--main-content-width) - 2rem);margin:auto;margin-top:4rem;height:12rem;text-align:left;z-index:1}.site-hero .clouds{top:12rem;position:absolute;left:50%;transform:translate(-45%);bottom:0;filter:blur(1.25rem);-webkit-mask-image:linear-gradient(to bottom,black 0%,black 55%,transparent 100%);mask-image:linear-gradient(to bottom,black 0%,black 55%,transparent 100%)}.site-hero .clouds.clouds-overlay{background:transparent;z-index:4;opacity:.4;pointer-events:none}.site-hero .clouds.clouds-overlay .clouds_bg{opacity:.2;transition:all .5s ease-in-out}.site-hero .clouds.clouds-overlay .clouds_mg{transition:all .5s ease-in-out;transition-delay:.25s}.site-hero .clouds.clouds-overlay .clouds_fg{transition:all 1s ease-in-out;transition-delay:.25s}.site-hero .clouds.clouds-overlay.fade .clouds_bg,.site-hero .clouds.clouds-overlay.fade .clouds_mg,.site-hero .clouds.clouds-overlay.fade .clouds_fg{opacity:0;filter:blur(2rem)}@media only screen and (max-width:1023px){header h1{line-height:1.1;margin-bottom:.5rem}}@media only screen and (max-width:768px){.site-hero{padding-top:2rem}.site-hero header{padding:0 1.5rem}.site-hero header h1{font-size:2.75rem}.site-hero .call-out{margin-top:2rem}.site-hero .clouds{display:none}}@media only screen and (max-width:512px){.site-hero header h1{font-size:2rem}.site-hero header p{margin:0;font-size:1.75rem}}.post-card[data-astro-cid-iyiqi2so]{background:var(--color-gray-11);border-radius:.5rem;padding:1rem;display:flex;flex-direction:column;justify-content:space-between;gap:1rem;box-shadow:0 0 0 1px #0000001a;min-height:8.875rem;width:calc(50% - .5rem);@media(max-width:600px){width:100%}header{display:flex;flex-direction:column;gap:.25rem;h2{font-size:1.25rem;color:var(--color-gray-1);font-weight:600}h3{color:var(--u-color_text_subdued);font-size:1rem;font-weight:400}}.description{font-size:var(--font-size-base)}&:hover{text-decoration:none;color:var(--u-color_text);h2{color:var(--color-blue-1)}}footer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-size:var(--font-size-small);color:var(--u-color_text_subdued);opacity:.75}}.site-hero header{margin-bottom:0}.page-description{font-size:1.125rem;margin:0 auto;width:var(--main-content-width);text-align:justify;text-wrap:pretty;position:relative;z-index:5;margin-bottom:2rem;a{color:var(--color-blue-1);font-weight:600;transition:all .2s}a:hover{text-decoration:none;color:var(--color-purple-2)}}.posts{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem}@media only screen and (max-width:768px){.dingbat{display:none}.page-description{font-size:1rem;padding:0 2rem}}@media only screen and (max-width:680px){.page-description{text-align:left}}