.vertical-page.svelte-xay87f{padding-top:var(--header-height)}.vertical-hero.svelte-xay87f{padding:5rem 0;text-align:center;background:linear-gradient(180deg,var(--color-bg-secondary) 0%,var(--color-bg) 100%);border-bottom:1px solid var(--color-border)}.beta-badge.svelte-xay87f{display:inline-flex;align-items:center;gap:.5rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;padding:.5rem 1rem;margin-bottom:2rem;background:linear-gradient(135deg,#00d08426,#00d0840d);border:1px solid rgba(0,208,132,.3);border-radius:100px;color:var(--color-accent)}.beta-badge.svelte-xay87f:before{content:"";width:6px;height:6px;background-color:var(--color-accent);border-radius:50%;animation:svelte-xay87f-pulse 2s ease-in-out infinite}@keyframes svelte-xay87f-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.vertical-hero.svelte-xay87f h1:where(.svelte-xay87f){font-size:clamp(2.5rem,7vw,4rem);font-weight:300;line-height:1.1;margin-bottom:1rem;letter-spacing:.02em}.tagline.svelte-xay87f{font-size:1.25rem;color:var(--color-text-secondary);line-height:1.6;max-width:640px;margin:0 auto}.problem.svelte-xay87f,.solution.svelte-xay87f,.outcomes.svelte-xay87f,.patterns.svelte-xay87f,.cta.svelte-xay87f{padding:4rem 0;border-bottom:1px solid var(--color-border)}.problem.svelte-xay87f h2:where(.svelte-xay87f),.solution.svelte-xay87f h2:where(.svelte-xay87f),.outcomes.svelte-xay87f h2:where(.svelte-xay87f),.patterns.svelte-xay87f h2:where(.svelte-xay87f),.cta.svelte-xay87f h2:where(.svelte-xay87f){font-size:clamp(1.5rem,4vw,2rem);font-weight:400;margin-bottom:2rem;letter-spacing:.02em}.pain-points.svelte-xay87f,.outcomes-list.svelte-xay87f{list-style:none;padding:0;max-width:720px}.pain-points.svelte-xay87f li:where(.svelte-xay87f),.outcomes-list.svelte-xay87f li:where(.svelte-xay87f){padding:1rem 0 1rem 2rem;position:relative;color:var(--color-text-secondary);line-height:1.6;border-bottom:1px solid var(--color-border)}.pain-points.svelte-xay87f li:where(.svelte-xay87f):last-child,.outcomes-list.svelte-xay87f li:where(.svelte-xay87f):last-child{border-bottom:none}.pain-points.svelte-xay87f li:where(.svelte-xay87f):before{content:"×";position:absolute;left:0;color:var(--color-accent);font-size:1.25rem;font-weight:300}.outcomes-list.svelte-xay87f li:where(.svelte-xay87f):before{content:"✓";position:absolute;left:0;color:var(--color-success, #1c9f6b);font-size:1.25rem;font-weight:300}.solution-text.svelte-xay87f{font-size:1.125rem;color:var(--color-text-secondary);line-height:1.7;max-width:640px;margin-bottom:2rem}.components-used.svelte-xay87f{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.components-label.svelte-xay87f{font-size:.875rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.1em}.component-tag.svelte-xay87f{font-size:.75rem;padding:.375rem .75rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:4px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent)}.patterns-list.svelte-xay87f{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.pattern-card.svelte-xay87f{padding:1.5rem;background:var(--color-bg-secondary);border:1px solid var(--color-border)}.pattern-card.svelte-xay87f h3:where(.svelte-xay87f){font-size:1rem;font-weight:500;margin-bottom:.75rem;letter-spacing:.05em}.pattern-card.svelte-xay87f p:where(.svelte-xay87f){font-size:.875rem;color:var(--color-text-secondary);line-height:1.6;margin:0}.cta.svelte-xay87f{text-align:center;background:linear-gradient(180deg,var(--color-bg) 0%,var(--color-bg-secondary) 100%)}.cta.svelte-xay87f p:where(.svelte-xay87f){font-size:1.125rem;color:var(--color-text-secondary);line-height:1.6;max-width:480px;margin:0 auto 2rem}.btn-primary.svelte-xay87f{display:inline-block;padding:1rem 2rem;background:var(--color-accent);color:var(--color-bg);text-decoration:none;font-size:.875rem;text-transform:uppercase;letter-spacing:.1em;transition:opacity var(--transition-fast)}.btn-primary.svelte-xay87f:hover{opacity:.85}
