.svelte-sar0a4{margin:0;padding:0;box-sizing:border-box}:root{--pure-black: #000000;--soft-black: #1A1A1A;--pure-white: #FFFFFF;--light-gray: #E8E8E8;--medium-gray: #666666;--accent-purple: #7C3AED;--light-purple: #A78BFA;--purple-glow: rgba(124, 58, 237, .1)}.container.svelte-sar0a4{max-width:1200px;margin:0 auto;padding:0 2rem}section.svelte-sar0a4{padding:4rem 0}.hero.svelte-sar0a4{background:var(--pure-white);text-align:center;padding:6rem 0 4rem;border-bottom:1px solid var(--light-gray)}.hero.svelte-sar0a4 h1:where(.svelte-sar0a4){font-size:3.5rem;font-weight:200;margin-bottom:1.5rem;letter-spacing:-.03em}.hero.svelte-sar0a4 p:where(.svelte-sar0a4){font-size:1.5rem;font-weight:300;color:var(--soft-black);max-width:800px;margin:0 auto}.accent-text.svelte-sar0a4{color:var(--accent-purple);font-weight:400}.category-selector.svelte-sar0a4{background:var(--light-gray);padding:2rem 0}.category-tabs.svelte-sar0a4{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.category-tab.svelte-sar0a4{background:var(--pure-white);border:1px solid var(--medium-gray);padding:1rem 2rem;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:.5rem;font-size:1rem}.category-tab.svelte-sar0a4:hover{border-color:var(--accent-purple);transform:translateY(-2px)}.category-tab.active.svelte-sar0a4{background:var(--accent-purple);color:var(--pure-white);border-color:var(--accent-purple)}.tab-icon.svelte-sar0a4{font-size:1.5rem}.use-case-content.svelte-sar0a4 h2:where(.svelte-sar0a4){font-size:2.5rem;font-weight:300;margin-bottom:3rem;text-align:center}.pain-benefit-grid.svelte-sar0a4{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:3rem}.pain-points.svelte-sar0a4,.benefits.svelte-sar0a4{padding:2rem;background:var(--pure-white);border:1px solid var(--light-gray)}.pain-points.svelte-sar0a4{border-left:4px solid #FF4444}.benefits.svelte-sar0a4{border-left:4px solid #44FF44}.pain-points.svelte-sar0a4 h3:where(.svelte-sar0a4){color:#f44;margin-bottom:1.5rem}.benefits.svelte-sar0a4 h3:where(.svelte-sar0a4){color:#4a4;margin-bottom:1.5rem}.pain-points.svelte-sar0a4 ul:where(.svelte-sar0a4),.benefits.svelte-sar0a4 ul:where(.svelte-sar0a4){list-style:none}.pain-points.svelte-sar0a4 li:where(.svelte-sar0a4),.benefits.svelte-sar0a4 li:where(.svelte-sar0a4){margin-bottom:1rem;padding-left:1.5rem;position:relative}.pain-points.svelte-sar0a4 li:where(.svelte-sar0a4):before{content:"×";position:absolute;left:0;color:#f44;font-weight:700;font-size:1.2rem}.benefits.svelte-sar0a4 li:where(.svelte-sar0a4):before{content:"✓";position:absolute;left:0;color:#4a4;font-weight:700}.real-example.svelte-sar0a4{margin:3rem 0}.real-example.svelte-sar0a4 h4:where(.svelte-sar0a4){font-size:1.5rem;margin-bottom:1rem;color:var(--accent-purple)}.example-box.svelte-sar0a4{background:var(--light-gray);padding:2rem;border-left:4px solid var(--accent-purple)}.example-box.svelte-sar0a4 p:where(.svelte-sar0a4){margin-bottom:1rem;line-height:1.8}.example-box.svelte-sar0a4 p:where(.svelte-sar0a4):last-child{margin-bottom:0}.metrics.svelte-sar0a4{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem}.metric.svelte-sar0a4{text-align:center;padding:2rem;background:var(--purple-glow);border:1px solid var(--accent-purple)}.metric-number.svelte-sar0a4{display:block;font-size:3rem;font-weight:200;color:var(--accent-purple);margin-bottom:.5rem}.metric-label.svelte-sar0a4{font-size:1rem;color:var(--soft-black)}.universal-benefits.svelte-sar0a4{background:var(--pure-black);color:var(--pure-white)}.universal-benefits.svelte-sar0a4 h2:where(.svelte-sar0a4){text-align:center;font-size:2.5rem;font-weight:300;margin-bottom:3rem;color:var(--pure-white)}.benefit-grid.svelte-sar0a4{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.benefit-card.svelte-sar0a4{text-align:center;padding:2rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);transition:all .3s}.benefit-card.svelte-sar0a4:hover{background:#7c3aed33;transform:translateY(-5px)}.benefit-icon.svelte-sar0a4{font-size:3rem;margin-bottom:1rem}.benefit-card.svelte-sar0a4 h3:where(.svelte-sar0a4){color:var(--pure-white);margin-bottom:1rem;font-weight:400}.benefit-card.svelte-sar0a4 p:where(.svelte-sar0a4){color:#fffc;font-size:.95rem}.integration.svelte-sar0a4{background:var(--light-gray);text-align:center}.integration.svelte-sar0a4 h2:where(.svelte-sar0a4){font-size:2.5rem;font-weight:300;margin-bottom:3rem}.integration-grid.svelte-sar0a4{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin:3rem 0}.integration-item.svelte-sar0a4{background:var(--pure-white);padding:2rem;border:1px solid var(--medium-gray)}.integration-item.svelte-sar0a4 code:where(.svelte-sar0a4){display:block;font-size:1.1rem;color:var(--accent-purple);margin-bottom:1rem;font-family:Courier New,monospace}.integration-note.svelte-sar0a4{font-size:1.1rem;color:var(--soft-black);max-width:800px;margin:0 auto}.cta-section.svelte-sar0a4{text-align:center;padding:6rem 0}.cta-section.svelte-sar0a4 h2:where(.svelte-sar0a4){font-size:2.5rem;font-weight:300;margin-bottom:1.5rem}.cta-section.svelte-sar0a4 p:where(.svelte-sar0a4){font-size:1.25rem;color:var(--soft-black);margin-bottom:3rem}.cta-buttons.svelte-sar0a4{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cta-button.svelte-sar0a4{padding:1rem 3rem;text-decoration:none;font-weight:400;transition:all .3s;display:inline-block;border:2px solid}.cta-button.primary.svelte-sar0a4{background:var(--accent-purple);color:var(--pure-white);border-color:var(--accent-purple)}.cta-button.primary.svelte-sar0a4:hover{background:transparent;color:var(--accent-purple)}.cta-button.secondary.svelte-sar0a4{background:var(--pure-black);color:var(--pure-white);border-color:var(--pure-black)}.cta-button.secondary.svelte-sar0a4:hover{background:transparent;color:var(--pure-black)}.cta-button.tertiary.svelte-sar0a4{background:transparent;color:var(--soft-black);border-color:var(--soft-black)}.cta-button.tertiary.svelte-sar0a4:hover{background:var(--soft-black);color:var(--pure-white)}@media (max-width: 768px){.hero.svelte-sar0a4 h1:where(.svelte-sar0a4){font-size:2rem}.hero.svelte-sar0a4 p:where(.svelte-sar0a4){font-size:1.1rem}.category-tabs.svelte-sar0a4{flex-direction:column}.pain-benefit-grid.svelte-sar0a4,.metrics.svelte-sar0a4,.benefit-grid.svelte-sar0a4,.integration-grid.svelte-sar0a4{grid-template-columns:1fr}}