.page-hero.svelte-171l7w4{position:relative;overflow:hidden;--hero-tint: rgba(255, 255, 255, .32);background:linear-gradient(180deg,color-mix(in oklab,var(--color-card) 92%,var(--color-primary) 8%) 0%,var(--color-background) 100%);border:1px solid var(--color-border);border-radius:1rem;padding:4rem 1.5rem;margin:0 0 2rem;text-align:center;color:var(--color-foreground)}.page-hero.svelte-171l7w4:before{content:"";position:absolute;inset:0;background:linear-gradient(var(--hero-tint),var(--hero-tint)),radial-gradient(900px 420px at 50% 0%,color-mix(in oklab,var(--color-primary) 26%,transparent),transparent 60%),radial-gradient(800px 360px at 15% 15%,color-mix(in oklab,var(--color-accent) 18%,transparent),transparent 55%),var(--hero-photo);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.65;pointer-events:none}.dark .page-hero.svelte-171l7w4{--hero-tint: rgba(0, 0, 0, .58)}.dark .page-hero.svelte-171l7w4:before{opacity:.85}.hero-content.svelte-171l7w4{position:relative;z-index:1;max-width:48rem;margin:0 auto}.hero-badge.svelte-171l7w4{display:inline-block;background:color-mix(in oklab,var(--color-card) 80%,transparent);border:1px solid color-mix(in oklab,var(--color-border) 85%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.5rem 1rem;border-radius:2rem;font-size:.875rem;font-weight:600;margin-bottom:1rem}.page-hero.svelte-171l7w4 h1:where(.svelte-171l7w4){font-size:2.5rem;font-weight:800;margin-bottom:1rem;color:var(--color-foreground)}.hero-description.svelte-171l7w4{font-size:1.125rem;opacity:1;color:color-mix(in oklab,var(--color-foreground) 78%,transparent);max-width:32rem;margin:0 auto}.page-hero.svelte-171l7w4 a{color:inherit;text-decoration-color:currentColor;text-underline-offset:3px}.page-hero.svelte-171l7w4 a:hover{color:inherit;text-decoration-thickness:2px}.content-section.svelte-171l7w4{margin-bottom:2rem}.tools-grid.svelte-171l7w4{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media(max-width:768px){.tools-grid.svelte-171l7w4{grid-template-columns:1fr}}@media(max-width:768px){.page-hero.svelte-171l7w4{padding:3rem 1rem}.page-hero.svelte-171l7w4 h1:where(.svelte-171l7w4){font-size:2rem}}