.de-farbtyp-page.svelte-sn2sov{padding-bottom:80px}.container.svelte-sn2sov{max-width:960px;margin:0 auto;padding:0 20px}.hero.svelte-sn2sov{background:#f8fafc;border-bottom:1px solid #e2e8f0;margin-bottom:48px;padding:60px 20px}.hero-content.svelte-sn2sov{max-width:960px;margin:0 auto}.eyebrow.svelte-sn2sov{text-transform:uppercase;letter-spacing:.08em;color:#475569;margin-bottom:12px;font-size:13px;font-weight:700;display:inline-block}h1.svelte-sn2sov{color:#0f172a;margin:0 0 16px;font-size:clamp(32px,5vw,48px);font-weight:800;line-height:1.15}.lead.svelte-sn2sov{color:#334155;max-width:760px;margin:0 0 28px;font-size:18px;line-height:1.6}.hero-palette.svelte-sn2sov{background:#fff;border:1px solid #e2e8f0;border-radius:12px;max-width:600px;margin-bottom:28px;padding:16px 20px}.palette-label.svelte-sn2sov{color:#64748b;margin-bottom:10px;font-size:13px;font-weight:600;display:block}.palette-dots.svelte-sn2sov{flex-wrap:wrap;gap:10px;display:flex}.color-swatch.svelte-sn2sov{border-radius:8px;flex:1;justify-content:center;align-items:flex-end;min-width:60px;height:48px;padding:4px;display:flex;box-shadow:inset 0 0 0 1px #0000001a}.color-swatch.svelte-sn2sov span:where(.svelte-sn2sov){font-size:10px;font-family:var(--font-mono,monospace);color:#fff;text-shadow:0 1px 2px #0009;font-weight:600}.hero-actions.svelte-sn2sov{flex-wrap:wrap;gap:12px;display:flex}.primary-btn.svelte-sn2sov{color:#fff;background:#0f172a;border-radius:8px;padding:14px 24px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.primary-btn.svelte-sn2sov:hover{background:#1e293b}.secondary-btn.svelte-sn2sov{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:14px 20px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.secondary-btn.svelte-sn2sov:hover{border-color:#0f172a}.section-cards.svelte-sn2sov{margin-bottom:40px}.section-cards.svelte-sn2sov h2:where(.svelte-sn2sov),.faq.svelte-sn2sov h2:where(.svelte-sn2sov){color:#0f172a;margin:0 0 20px;font-size:24px;font-weight:700}.cards-grid.svelte-sn2sov{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.info-card.svelte-sn2sov{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.info-card.svelte-sn2sov h3:where(.svelte-sn2sov){color:#0f172a;margin:0 0 10px;font-size:17px;font-weight:700}.info-card.svelte-sn2sov p:where(.svelte-sn2sov){color:#475569;margin:0;font-size:15px;line-height:1.55}.color-guide.svelte-sn2sov{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:36px;display:grid}.guide-box.svelte-sn2sov{border-radius:12px;padding:24px}.best-box.svelte-sn2sov{background:#f0fdf4;border:1px solid #bbf7d0}.best-box.svelte-sn2sov h3:where(.svelte-sn2sov){color:#166534;margin:0 0 8px;font-size:16px;font-weight:700}.best-box.svelte-sn2sov p:where(.svelte-sn2sov){color:#14532d;margin:0;font-size:15px;line-height:1.5}.avoid-box.svelte-sn2sov{background:#fef2f2;border:1px solid #fecaca}.avoid-box.svelte-sn2sov h3:where(.svelte-sn2sov){color:#991b1b;margin:0 0 8px;font-size:16px;font-weight:700}.avoid-box.svelte-sn2sov p:where(.svelte-sn2sov){color:#7f1d1d;margin:0;font-size:15px;line-height:1.5}.celeb-note.svelte-sn2sov{color:#92400e;background:#fffbeb;border:1px solid #fef3c7;border-radius:8px;margin-bottom:40px;padding:14px 20px;font-size:15px}.faq.svelte-sn2sov{margin-bottom:48px}.faq-list.svelte-sn2sov{flex-direction:column;gap:12px;display:flex}.faq-item.svelte-sn2sov{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:16px 20px}.faq-item.svelte-sn2sov summary:where(.svelte-sn2sov){cursor:pointer;color:#0f172a;font-size:16px;font-weight:700}.faq-item.svelte-sn2sov p:where(.svelte-sn2sov){color:#475569;margin:12px 0 0;font-size:15px;line-height:1.6}.app-banner.svelte-sn2sov{margin-bottom:48px}.banner-inner.svelte-sn2sov{color:#fff;text-align:center;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border-radius:16px;padding:36px 24px}.banner-inner.svelte-sn2sov h2:where(.svelte-sn2sov){color:#fff;margin:0 0 10px;font-size:24px;font-weight:800}.banner-inner.svelte-sn2sov p:where(.svelte-sn2sov){color:#94a3b8;max-width:580px;margin:0 auto 24px;font-size:15px;line-height:1.5}.related-nav.svelte-sn2sov h3:where(.svelte-sn2sov){color:#0f172a;margin:0 0 16px;font-size:18px;font-weight:700}.related-links.svelte-sn2sov{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;display:grid}.sibling-card.svelte-sn2sov{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;font-size:14px;text-decoration:none;transition:all .2s;display:flex}.sibling-card.svelte-sn2sov:hover{border-color:#0f172a;box-shadow:0 2px 8px #0000000d}@media (width<=640px){.color-guide.svelte-sn2sov{grid-template-columns:1fr}}