:root{--amber-400: #FBBF24;--amber-500: #F59E0B;--amber-600: #D97706;--red-500: #EF4444;--color-card: rgba(10, 10, 10, .8);--color-border: rgba(251, 191, 36, .2);--color-background: #000000;--color-foreground: #ffffff;--color-muted: rgba(255, 255, 255, .5);--color-primary: #F59E0B;--color-secondary: #EF4444;--color-on-primary: #ffffff}.gradient-text.svelte-3xt425{background:linear-gradient(to left,var(--amber-500),#F46060);-webkit-background-clip:text;background-clip:text;color:transparent}.page-container.svelte-3xt425{min-height:100vh;background-color:#000;color:#fff;overflow-x:hidden}.hero.svelte-3xt425{position:relative;padding:8rem 1rem 4rem;text-align:center;max-width:1800px;margin:0 auto}.hero-content.svelte-3xt425{opacity:0;transform:translateY(20px);transition:all .6s ease}.hero-content.visible.svelte-3xt425{opacity:1;transform:translateY(0)}.hero-title.svelte-3xt425{font-size:clamp(2.5rem,8vw,4rem);font-weight:700;line-height:1.1;margin-bottom:1.5rem;color:#fff}.hero-subtitle.svelte-3xt425{font-size:clamp(1.125rem,3vw,1.5rem);color:#fffc;font-weight:400;margin:0 0 1.5rem;line-height:1.6}.hero-description.svelte-3xt425{font-size:clamp(1rem,2.5vw,1.125rem);color:#ffffffb3;font-weight:400;margin:2rem auto;line-height:1.8;max-width:900px}.cta-button.svelte-3xt425{display:inline-block;padding:1rem 2rem;font-size:1rem;font-weight:700;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;text-decoration:none;border-radius:.5rem;border:none;transition:all .3s ease;margin:2rem 0;box-shadow:0 4px 15px #0003;text-align:center}.cta-button.svelte-3xt425:hover{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 6px 25px #fbbf2466;transform:translateY(-2px)}.section-title.svelte-3xt425{font-size:clamp(2rem,5vw,3rem);font-weight:700;text-align:center;margin-bottom:2rem;color:#fff}.horizontal-separator.svelte-3xt425{max-width:1400px;margin:0 auto;height:1px;background:linear-gradient(to right,transparent,rgba(251,191,36,.3) 20%,rgba(251,191,36,.5) 50%,rgba(251,191,36,.3) 80%,transparent);box-shadow:0 0 10px #fbbf2433}.screenshot-item.svelte-3xt425{display:flex;flex-direction:column;gap:1.5rem}.screenshot-image.svelte-3xt425{width:100%;height:auto;border-radius:1rem;border:2px solid rgba(251,191,36,.3);background:linear-gradient(135deg,#111827f2,#1f2937f2);box-shadow:0 20px 60px #0006;transition:all .3s ease}.screenshot-image.svelte-3xt425:hover{border-color:#fbbf2480;box-shadow:0 25px 80px #fbbf2433;transform:translateY(-5px)}.screenshot-caption.svelte-3xt425{text-align:center;font-size:1.125rem;color:#ffffffb3;font-weight:400;margin-top:1rem}.info-box.svelte-3xt425{background:linear-gradient(135deg,#1f293780,#111827b3);border:1px solid rgba(251,191,36,.3);border-radius:1rem;padding:2rem;margin:2rem 0;width:-moz-fit-content;width:fit-content;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .3s ease}.info-box.svelte-3xt425:hover{border-color:#fbbf2480;box-shadow:0 8px 32px #fbbf2433}.info-box.svelte-3xt425 p:where(.svelte-3xt425){margin:.5rem 0;color:#fffc;line-height:1.7}.info-box.svelte-3xt425 strong:where(.svelte-3xt425){color:var(--amber-400)}.info-box.svelte-3xt425 a:where(.svelte-3xt425){color:var(--amber-400);text-decoration:none;border-bottom:1px solid transparent;transition:all .3s ease}.info-box.svelte-3xt425 a:where(.svelte-3xt425):hover{border-bottom-color:var(--amber-400);text-shadow:0 0 8px rgba(251,191,36,.5)}.two-column-layout.svelte-3xt425{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start;margin:2rem 0;max-width:1600px;margin-left:auto;margin-right:auto}.left-column.svelte-3xt425{display:flex;flex-direction:column;align-items:flex-start}.screenshot-item.svelte-3xt425+.screenshot-item:where(.svelte-3xt425){margin-top:4rem}.screenshots-section.svelte-3xt425{max-width:1400px;margin:0 auto;padding:4rem 2rem}@media (max-width: 768px){.hero.svelte-3xt425{padding:6rem 1rem 3rem}.screenshots-section.svelte-3xt425{padding:3rem 1rem}.two-column-layout.svelte-3xt425{grid-template-columns:1fr;gap:3rem}.left-column.svelte-3xt425{align-items:stretch}.info-box.svelte-3xt425{width:auto}.cta-button.svelte-3xt425{padding:.875rem 1.5rem;font-size:.95rem}}