.safari-mockup:where(.astro-ufyht2w5){min-height:200px}@media (max-width:640px){.safari-mockup:where(.astro-ufyht2w5){border-radius:8px}.safari-mockup:where(.astro-ufyht2w5) .hidden-on-mobile:where(.astro-ufyht2w5){display:none}.safari-mockup:where(.astro-ufyht2w5) span:where(.astro-ufyht2w5){font-size:11px}}@media (min-width:641px) and (max-width:1024px){.safari-mockup:where(.astro-ufyht2w5){border-radius:10px}}@media (min-width:1025px){.safari-mockup:where(.astro-ufyht2w5){border-radius:12px}}@media (max-width:480px){.safari-mockup:where(.astro-ufyht2w5){aspect-ratio:4/3;min-height:250px}}@media (min-width:481px) and (max-width:768px){.safari-mockup:where(.astro-ufyht2w5){aspect-ratio:16/10;min-height:300px}}@media (min-width:769px){.safari-mockup:where(.astro-ufyht2w5){aspect-ratio:16/9;min-height:400px}}@media (prefers-color-scheme:dark){.safari-mockup:where(.astro-ufyht2w5){box-shadow:0 10px 40px #00000080}}@media (prefers-contrast:high){.safari-mockup:where(.astro-ufyht2w5) .bg-gray-200:where(.astro-ufyht2w5){background-color:#e5e5e5}.safari-mockup:where(.astro-ufyht2w5) .bg-gray-100:where(.astro-ufyht2w5){background-color:#f5f5f5}}@media (prefers-reduced-motion:reduce){.safari-mockup:where(.astro-ufyht2w5) :where(.astro-ufyht2w5){transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{.safari-mockup:where(.astro-ufyht2w5){box-shadow:none;border:1px solid #ccc}.safari-mockup:where(.astro-ufyht2w5) .bg-gray-200:where(.astro-ufyht2w5){background:#f0f0f0!important}}@media (orientation:landscape) and (max-height:500px){.safari-mockup:where(.astro-ufyht2w5){aspect-ratio:16/9}.safari-mockup:where(.astro-ufyht2w5)>div:where(.astro-ufyht2w5):first-child{height:8px}}@media (hover:none) and (pointer:coarse){.safari-mockup:where(.astro-ufyht2w5){cursor:default}.safari-mockup:where(.astro-ufyht2w5) svg:where(.astro-ufyht2w5){pointer-events:none}}@media (min-width:1920px){.safari-mockup:where(.astro-ufyht2w5){border-radius:16px}}@media (max-width:320px){.safari-mockup:where(.astro-ufyht2w5){border-radius:6px}.safari-mockup:where(.astro-ufyht2w5)>div:where(.astro-ufyht2w5):first-child{height:32px;padding:4px 8px}.safari-mockup:where(.astro-ufyht2w5) .w-2:where(.astro-ufyht2w5){width:6px;height:6px}}.bulb-container:where(.astro-5vdlafwt){margin:50px auto;display:flex;position:absolute;left:50%;transform:translate(-50%)}.gooey-simple:where(.astro-5vdlafwt){opacity:.4;background:#f0f4f8;border-radius:50%}.gooey-complex:where(.astro-5vdlafwt){transform-style:preserve-3d;filter:blur(5px);will-change:border-radius,transform;background-image:linear-gradient(120deg,#f6fbee 0%,#98c1ef 100%);border-radius:42% 58% 70% 30%/45% 45% 55% 55%;outline:1px solid #0000;animation:5s ease-in-out infinite morph}.gooey-complex:where(.astro-5vdlafwt):before{content:"";will-change:border-radius,transform,opacity;opacity:.3;filter:blur(5px);background-image:linear-gradient(120deg,#f6fbee8c 0%,#98c1efe3 100%);border-radius:42% 58% 70% 30%/45% 45% 55% 55%;width:100%;height:100%;animation:6s ease-in-out .5s infinite morph;display:block;position:absolute;top:0;left:0;box-shadow:5px 5px 89px #98c1ef36}.gooey-complex:where(.astro-5vdlafwt):after{content:"";will-change:border-radius,transform,opacity;opacity:.2;filter:blur(10px);background-image:linear-gradient(120deg,#e2f3cd8c 0%,#b7d4f2e3 100%);border-radius:42% 58% 70% 30%/45% 45% 55% 55%;width:100%;height:100%;animation:7s ease-in-out .25s infinite morph;display:block;position:absolute;top:0;left:0}@keyframes morph{0%,to{border-radius:42% 58% 70% 30%/45% 45% 55% 55%;transform:translate(0,0)rotate(.01deg)scale(1)}25%{border-radius:70% 30% 46% 54%/30% 29% 71% 70%;transform:translateY(15px)rotate(.01deg)scale(1.02)}50%{border-radius:55% 45%;transform:translateY(-10px)rotate(.01deg)scale(.98)}75%{border-radius:60% 40% 70% 30%/40% 60%;transform:translateY(5px)rotate(.01deg)scale(1.01)}}.tab-button:where(.astro-2elnhwib){color:#000;background-color:#e5e5e5;border-color:#171717;flex:1;justify-content:center;transition:all .2s ease-in-out}.tab-button:where(.astro-2elnhwib).active{color:#fff;background-color:#000;border-color:#000}.tab-button:where(.astro-2elnhwib) .tab-icon:where(.astro-2elnhwib){color:#fb923c}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.card-content:where(.astro-dbxypd6u){animation:.4s ease-out fadeIn}.hidden:where(.astro-dbxypd6u){display:none}