.kb-hero.svelte-1emmklo{padding:140px 0 40px;background:linear-gradient(180deg,var(--color-light-gray) 0%,var(--color-white) 100%)}.breadcrumb.svelte-1emmklo{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--color-gray);margin-bottom:16px}.breadcrumb.svelte-1emmklo a:where(.svelte-1emmklo){color:var(--color-accent)}.breadcrumb.svelte-1emmklo a:where(.svelte-1emmklo):hover{text-decoration:underline}.kb-hero.svelte-1emmklo h1:where(.svelte-1emmklo){font-size:2.5rem;font-weight:800;margin-bottom:16px;color:var(--color-primary)}.subtitle.svelte-1emmklo{font-size:1.125rem;color:var(--color-gray);max-width:600px}.kb-content.svelte-1emmklo{padding:60px 0 80px}.content-grid.svelte-1emmklo{display:grid;grid-template-columns:1fr 320px;gap:48px}.main-content.svelte-1emmklo{max-width:100%}.content-section.svelte-1emmklo{margin-bottom:48px}.content-section.svelte-1emmklo h2:where(.svelte-1emmklo){font-size:1.5rem;font-weight:700;margin-bottom:16px;color:var(--color-primary)}.content-section.svelte-1emmklo p:where(.svelte-1emmklo){color:var(--color-dark-gray);line-height:1.8;margin-bottom:16px}.problem-demo.svelte-1emmklo{display:flex;gap:32px;margin-top:24px;justify-content:center}.demo-item.svelte-1emmklo{text-align:center}.demo-visual.svelte-1emmklo{width:120px;height:120px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);margin-bottom:12px}.demo-visual.pixel.svelte-1emmklo{background:#fee2e2;border:2px solid #fca5a5}.demo-visual.vector.svelte-1emmklo{background:#15af911a;border:2px solid var(--color-accent);color:var(--color-accent)}.demo-visual.svelte-1emmklo svg:where(.svelte-1emmklo){width:64px;height:64px}.pixel-grid.svelte-1emmklo{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;width:64px;height:64px}.pixel-grid.svelte-1emmklo span:where(.svelte-1emmklo){background:#ef4444;border-radius:2px}.demo-item.svelte-1emmklo p:where(.svelte-1emmklo){font-size:14px;color:var(--color-gray);margin:0}.benefits-grid.svelte-1emmklo{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:24px}.benefit-card.svelte-1emmklo{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px}.benefit-icon.svelte-1emmklo{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#15af911a;color:var(--color-accent);border-radius:var(--radius-md);margin-bottom:16px}.benefit-card.svelte-1emmklo h3:where(.svelte-1emmklo){font-size:1rem;font-weight:600;color:var(--color-primary);margin-bottom:8px}.benefit-card.svelte-1emmklo p:where(.svelte-1emmklo){font-size:14px;color:var(--color-gray);margin:0;line-height:1.6}.necessity-list.svelte-1emmklo{display:flex;flex-direction:column;gap:16px;margin-top:24px}.necessity-item.svelte-1emmklo{display:flex;gap:16px;padding:16px;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md)}.necessity-icon.svelte-1emmklo{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-accent);color:#fff;border-radius:50%}.necessity-content.svelte-1emmklo strong:where(.svelte-1emmklo){display:block;font-size:15px;color:var(--color-primary);margin-bottom:4px}.necessity-content.svelte-1emmklo p:where(.svelte-1emmklo){font-size:14px;color:var(--color-gray);margin:0;line-height:1.5}.cons-list.svelte-1emmklo{list-style:none;display:flex;flex-direction:column;gap:8px;margin:16px 0;padding-left:0}.cons-list.svelte-1emmklo li:where(.svelte-1emmklo){display:flex;align-items:center;gap:12px;font-size:15px;color:var(--color-dark-gray)}.cons-list.svelte-1emmklo li:where(.svelte-1emmklo):before{content:"✗";color:#ef4444;font-weight:600}.info-box.svelte-1emmklo{display:flex;gap:16px;background:linear-gradient(135deg,#15af9114,#15af9105);border:1px solid rgba(21,175,145,.2);border-radius:var(--radius-lg);padding:20px;margin-top:24px}.info-icon.svelte-1emmklo{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-accent);color:#fff;border-radius:50%}.info-content.svelte-1emmklo h4:where(.svelte-1emmklo){font-size:15px;font-weight:600;color:var(--color-primary);margin-bottom:4px}.info-content.svelte-1emmklo p:where(.svelte-1emmklo){margin:0;font-size:14px}.sidebar.svelte-1emmklo{display:flex;flex-direction:column;gap:24px;position:sticky;top:120px;align-self:start}.sidebar-card.svelte-1emmklo{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px}.cta-card.svelte-1emmklo{background:linear-gradient(135deg,#f0fdfa,#e0f7f3);border:1px solid rgba(21,175,145,.2)}.cta-card.svelte-1emmklo h3:where(.svelte-1emmklo){font-size:1.25rem;font-weight:700;margin-bottom:8px;color:var(--color-primary)}.cta-card.svelte-1emmklo p:where(.svelte-1emmklo){font-size:14px;color:var(--color-dark-gray);margin-bottom:16px}.cta-features.svelte-1emmklo{list-style:none;display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.cta-features.svelte-1emmklo li:where(.svelte-1emmklo){display:flex;align-items:center;gap:8px;font-size:14px;color:var(--color-dark-gray)}.cta-features.svelte-1emmklo svg:where(.svelte-1emmklo){color:var(--color-accent)}.btn-full.svelte-1emmklo{width:100%;justify-content:center}.sidebar-card.svelte-1emmklo h4:where(.svelte-1emmklo){font-size:1rem;font-weight:600;color:var(--color-primary);margin-bottom:12px}.related-links.svelte-1emmklo{list-style:none;display:flex;flex-direction:column;gap:8px}.related-links.svelte-1emmklo a:where(.svelte-1emmklo){display:block;font-size:14px;color:var(--color-accent);padding:8px 0;border-bottom:1px solid var(--color-border)}.related-links.svelte-1emmklo li:where(.svelte-1emmklo):last-child a:where(.svelte-1emmklo){border-bottom:none}.related-links.svelte-1emmklo a:where(.svelte-1emmklo):hover{text-decoration:underline}@media(max-width:1024px){.content-grid.svelte-1emmklo{grid-template-columns:1fr}.sidebar.svelte-1emmklo{position:static;flex-direction:row;flex-wrap:wrap}.sidebar-card.svelte-1emmklo{flex:1;min-width:280px}}@media(max-width:768px){.kb-hero.svelte-1emmklo h1:where(.svelte-1emmklo){font-size:2rem}.benefits-grid.svelte-1emmklo{grid-template-columns:1fr}.problem-demo.svelte-1emmklo{flex-direction:column;align-items:center}.sidebar.svelte-1emmklo{flex-direction:column}.sidebar-card.svelte-1emmklo{min-width:auto}}.dark .kb-hero.svelte-1emmklo{background:linear-gradient(180deg,var(--color-dark-card) 0%,var(--color-dark-bg) 100%)}.dark .kb-hero.svelte-1emmklo h1:where(.svelte-1emmklo){color:var(--color-text)}.dark .content-section.svelte-1emmklo h2:where(.svelte-1emmklo){color:var(--color-text)}.dark .content-section.svelte-1emmklo p:where(.svelte-1emmklo){color:var(--color-dark-text-secondary)}.dark .demo-visual.pixel.svelte-1emmklo{background:#ef444433;border-color:#ef444480}.dark .demo-visual.vector.svelte-1emmklo{background:#15af9126}.dark .benefit-card.svelte-1emmklo{background:var(--color-dark-card);border-color:var(--color-dark-border)}.dark .benefit-card.svelte-1emmklo h3:where(.svelte-1emmklo){color:var(--color-text)}.dark .necessity-item.svelte-1emmklo{background:var(--color-dark-card);border-color:var(--color-dark-border)}.dark .necessity-content.svelte-1emmklo strong:where(.svelte-1emmklo){color:var(--color-text)}.dark .cons-list.svelte-1emmklo li:where(.svelte-1emmklo){color:var(--color-dark-text-secondary)}.dark .info-box.svelte-1emmklo{background:linear-gradient(135deg,#15af9126,#15af910d);border-color:#15af914d}.dark .info-content.svelte-1emmklo h4:where(.svelte-1emmklo){color:var(--color-text)}.dark .sidebar-card.svelte-1emmklo{background:var(--color-dark-card);border-color:var(--color-dark-border)}.dark .sidebar-card.svelte-1emmklo h4:where(.svelte-1emmklo){color:var(--color-text)}.dark .related-links.svelte-1emmklo a:where(.svelte-1emmklo){border-color:var(--color-dark-border)}.dark .cta-card.svelte-1emmklo{background:linear-gradient(135deg,#15af9126,#15af910d);border-color:#15af914d}.dark .cta-card.svelte-1emmklo h3:where(.svelte-1emmklo){color:var(--color-text)}.dark .cta-card.svelte-1emmklo p:where(.svelte-1emmklo){color:var(--color-dark-text-secondary)}.dark .cta-features.svelte-1emmklo li:where(.svelte-1emmklo){color:var(--color-dark-text-secondary)}