.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){animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!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{padding:4px 8px;height:32px}.safari-mockup:where(.astro-ufyht2w5) .w-2:where(.astro-ufyht2w5){width:6px;height:6px}}.bulb-container:where(.astro-5vdlafwt){position:absolute;left:50%;transform:translate(-50%);margin:50px auto;display:flex}.gooey-simple:where(.astro-5vdlafwt){background:#f0f4f8;border-radius:50%;opacity:.4}.gooey-complex:where(.astro-5vdlafwt){background-image:linear-gradient(120deg,#f6fbee,#98c1ef);border-radius:42% 58% 70% 30%/45% 45% 55% 55%;transform-style:preserve-3d;outline:1px solid transparent;filter:blur(5px);animation:morph 5s ease-in-out infinite;will-change:border-radius,transform}.gooey-complex:where(.astro-5vdlafwt):before{content:"";width:100%;height:100%;display:block;position:absolute;left:0;top:0;border-radius:42% 58% 70% 30%/45% 45% 55% 55%;box-shadow:5px 5px 89px #98c1ef36;will-change:border-radius,transform,opacity;animation:morph 5s ease-in-out infinite;animation-delay:.5s;animation-duration:6s;opacity:.3;background-image:linear-gradient(120deg,#f6fbee8c,#98c1efe3);filter:blur(5px)}.gooey-complex:where(.astro-5vdlafwt):after{content:"";width:100%;height:100%;display:block;position:absolute;left:0;top:0;border-radius:42% 58% 70% 30%/45% 45% 55% 55%;will-change:border-radius,transform,opacity;animation:morph 5s ease-in-out infinite;animation-delay:.25s;animation-duration:7s;opacity:.2;background-image:linear-gradient(120deg,#e2f3cd8c,#b7d4f2e3);filter:blur(10px)}@keyframes morph{0%,to{border-radius:42% 58% 70% 30%/45% 45% 55% 55%;transform:translateZ(0) rotate(.01deg) scale(1)}25%{border-radius:70% 30% 46% 54%/30% 29% 71% 70%;transform:translate3d(0,15px,0) rotate(.01deg) scale(1.02)}50%{border-radius:55% 45%;transform:translate3d(0,-10px,0) rotate(.01deg) scale(.98)}75%{border-radius:60% 40% 70% 30%/40% 60%;transform:translate3d(0,5px,0) rotate(.01deg) scale(1.01)}}.tab-button:where(.astro-2elnhwib){background-color:#e5e5e5;color:#000;border-color:#171717;flex:1;justify-content:center;transition:all .2s ease-in-out}.tab-button:where(.astro-2elnhwib).active{background-color:#000;color:#fff;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:fadeIn .4s ease-out}.hidden:where(.astro-dbxypd6u){display:none}