.hcc-hero[data-astro-cid-y7g73jpr]{padding:clamp(3rem,8vw,5rem) 0 var(--space-6);text-align:center;background:radial-gradient(ellipse 70% 50% at 50% 0%,rgba(59,130,246,.1) 0%,transparent 70%),var(--color-bg)}.hcc-hero__inner[data-astro-cid-y7g73jpr]{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.hcc-hero__title[data-astro-cid-y7g73jpr]{font-size:clamp(2rem,6vw,3.5rem);font-weight:var(--font-weight-b);line-height:1.1;letter-spacing:-.025em;max-width:700px}.hcc-hero__subtitle[data-astro-cid-y7g73jpr]{font-size:clamp(var(--text-base),2vw,var(--text-lg));color:var(--color-text-2);max-width:600px;line-height:1.65}.hcc-widget[data-astro-cid-y7g73jpr]{background:var(--color-bg);padding-top:0}.hcc-widget__container[data-astro-cid-y7g73jpr]{display:flex;flex-direction:column;align-items:center;gap:var(--space-5);max-width:720px;margin:0 auto}.hcc-colors[data-astro-cid-y7g73jpr]{display:flex;overflow-x:auto;gap:var(--space-3);width:100%;scroll-snap-type:x mandatory;scrollbar-width:none;padding-block:4px;flex-wrap:nowrap}.hcc-colors[data-astro-cid-y7g73jpr]::-webkit-scrollbar{display:none}.hcc-color-btn[data-astro-cid-y7g73jpr]{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:0;border:none;background:none;cursor:pointer;flex-shrink:0;scroll-snap-align:start}.hcc-color-swatch[data-astro-cid-y7g73jpr]{width:60px;height:60px;border-radius:12px;background:#ccc;border:2.5px solid var(--color-border);transition:border-color var(--transition-normal),transform var(--transition-normal)}.hcc-color-swatch[data-astro-cid-y7g73jpr][data-color=blonde]{background:gold}.hcc-color-swatch[data-astro-cid-y7g73jpr][data-color=brunette]{background:#8b4513}.hcc-color-swatch[data-astro-cid-y7g73jpr][data-color=red]{background:#dc143c}.hcc-color-swatch[data-astro-cid-y7g73jpr][data-color=black]{background:#1a1a1a}.hcc-color-swatch[data-astro-cid-y7g73jpr][data-color=blue]{background:#4169e1}.hcc-color-swatch[data-astro-cid-y7g73jpr][data-color=purple]{background:#9370db}.hcc-color-swatch[data-astro-cid-y7g73jpr][data-color=pink]{background:#ff69b4}.hcc-color-swatch[data-astro-cid-y7g73jpr][data-color=green]{background:#32cd32}.hcc-color-swatch[data-astro-cid-y7g73jpr][data-color=rainbow]{background:linear-gradient(90deg,red,#ff7f00,#ff0,#0f0,#00f,indigo,#9400d3)}.hcc-color-btn[data-astro-cid-y7g73jpr]:hover .hcc-color-swatch[data-astro-cid-y7g73jpr]{border-color:var(--color-border-2);transform:scale(1.05)}.hcc-color-btn[data-astro-cid-y7g73jpr].is-active .hcc-color-swatch[data-astro-cid-y7g73jpr]{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f633}.hcc-color-label[data-astro-cid-y7g73jpr]{font-size:var(--text-xs);color:var(--color-text-3);font-weight:var(--font-weight-m);transition:color var(--transition-normal)}.hcc-color-btn[data-astro-cid-y7g73jpr].is-active .hcc-color-label[data-astro-cid-y7g73jpr]{color:var(--color-primary-text)}.hcc-change-btn[data-astro-cid-y7g73jpr]{display:inline-flex;align-items:center;gap:var(--space-2);width:100%;max-width:360px;justify-content:center}.hcc-widget__hint[data-astro-cid-y7g73jpr]{font-size:var(--text-xs);color:var(--color-text-3);text-align:center}.hcc-examples[data-astro-cid-y7g73jpr]{background:var(--color-bg-2)}.hcc-examples__grid[data-astro-cid-y7g73jpr]{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-4);margin-top:var(--space-8);margin-bottom:var(--space-8)}.hcc-example-card[data-astro-cid-y7g73jpr]:nth-child(n+7){display:none}.hcc-example-card[data-astro-cid-y7g73jpr]{display:flex;flex-direction:column;gap:var(--space-3)}.hcc-example-card[data-astro-cid-y7g73jpr]:hover{transform:translateY(-4px)}.hcc-example-card[data-astro-cid-y7g73jpr] img[data-astro-cid-y7g73jpr]{width:100%;aspect-ratio:.6;object-fit:cover;border-radius:var(--radius-xl);border:1px solid var(--color-border);transition:transform var(--transition-slow);display:block}.hcc-example-card[data-astro-cid-y7g73jpr]:hover img[data-astro-cid-y7g73jpr]{transform:scale(1.05)}.hcc-example-card__label[data-astro-cid-y7g73jpr]{font-size:var(--text-sm);font-weight:var(--font-weight-m);color:var(--color-text);margin:0}.hcc-usecase[data-astro-cid-y7g73jpr]{background:var(--color-bg);margin-top:var(--space-12);margin-bottom:var(--space-12)}.hcc-usecase--alt[data-astro-cid-y7g73jpr]{background:var(--color-bg-2)}.hcc-usecase-layout[data-astro-cid-y7g73jpr]{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center}.hcc-usecase-layout--reversed[data-astro-cid-y7g73jpr]{direction:rtl}.hcc-usecase-layout--reversed[data-astro-cid-y7g73jpr]>[data-astro-cid-y7g73jpr]{direction:ltr}.hcc-usecase-media[data-astro-cid-y7g73jpr]{width:100%}.hcc-usecase-media[data-astro-cid-y7g73jpr] img[data-astro-cid-y7g73jpr]{width:100%;border-radius:var(--radius-2xl);border:1px solid var(--color-border);display:block}.hcc-usecase-content[data-astro-cid-y7g73jpr]{display:flex;flex-direction:column;gap:var(--space-5)}.hcc-usecase-content[data-astro-cid-y7g73jpr] h2[data-astro-cid-y7g73jpr]{font-size:clamp(1.5rem,3vw,2rem);font-weight:var(--font-weight-b);line-height:1.25}.hcc-usecase-content[data-astro-cid-y7g73jpr] p[data-astro-cid-y7g73jpr]{font-size:var(--text-base);color:var(--color-text-2);line-height:1.7}.hcc-style-section[data-astro-cid-y7g73jpr]{background:var(--color-bg);margin-top:var(--space-12);margin-bottom:var(--space-12)}.hcc-style-section--alt[data-astro-cid-y7g73jpr]{background:var(--color-bg-2)}.hcc-style-layout[data-astro-cid-y7g73jpr]{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center}.hcc-style-layout--reversed[data-astro-cid-y7g73jpr]{direction:rtl}.hcc-style-layout--reversed[data-astro-cid-y7g73jpr]>[data-astro-cid-y7g73jpr]{direction:ltr}.hcc-style-media[data-astro-cid-y7g73jpr]{width:100%}.hcc-style-media[data-astro-cid-y7g73jpr] img[data-astro-cid-y7g73jpr]{width:100%;border-radius:var(--radius-2xl);border:1px solid var(--color-border);display:block}.hcc-style-content[data-astro-cid-y7g73jpr]{display:flex;flex-direction:column;gap:var(--space-5)}.hcc-style-content[data-astro-cid-y7g73jpr] h2[data-astro-cid-y7g73jpr]{font-size:clamp(1.5rem,3vw,2rem);font-weight:var(--font-weight-b);line-height:1.25}.hcc-style-content[data-astro-cid-y7g73jpr] p[data-astro-cid-y7g73jpr]{font-size:var(--text-base);color:var(--color-text-2);line-height:1.7}.hcc-faq[data-astro-cid-y7g73jpr]{background:var(--color-bg)}.hcc-faq__list[data-astro-cid-y7g73jpr]{max-width:720px;margin:var(--space-8) auto 0;display:flex;flex-direction:column;gap:var(--space-3)}.hcc-faq__item[data-astro-cid-y7g73jpr]{background:var(--color-bg-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-normal)}.hcc-faq__item[data-astro-cid-y7g73jpr][open]{border-color:var(--color-border-2)}.hcc-faq__item[data-astro-cid-y7g73jpr] summary[data-astro-cid-y7g73jpr]{padding:var(--space-4) var(--space-5);font-size:var(--text-base);font-weight:var(--font-weight-m);color:var(--color-text);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}.hcc-faq__item[data-astro-cid-y7g73jpr] summary[data-astro-cid-y7g73jpr]::-webkit-details-marker{display:none}.hcc-faq__item[data-astro-cid-y7g73jpr] summary[data-astro-cid-y7g73jpr]:after{content:"+";font-size:var(--text-lg);color:var(--color-text-3);flex-shrink:0;transition:transform var(--transition-fast)}.hcc-faq__item[data-astro-cid-y7g73jpr][open] summary[data-astro-cid-y7g73jpr]:after{content:"−";color:var(--color-primary-text)}.hcc-faq__item[data-astro-cid-y7g73jpr] p[data-astro-cid-y7g73jpr]{padding:0 var(--space-5) var(--space-4);font-size:var(--text-sm);color:var(--color-text-2);line-height:1.7}.hcc-cta-banner[data-astro-cid-y7g73jpr]{background:linear-gradient(135deg,#3b82f61f,#8b5cf61f);border-top:1px solid rgba(59,130,246,.15);padding:clamp(3rem,8vw,6rem) 0;text-align:center}.hcc-cta-banner__inner[data-astro-cid-y7g73jpr]{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.hcc-cta-banner__title[data-astro-cid-y7g73jpr]{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:var(--font-weight-b);color:var(--color-text)}.hcc-cta-banner__sub[data-astro-cid-y7g73jpr]{font-size:var(--text-base);color:var(--color-text-2);max-width:500px}.hcc-cta-banner__btn[data-astro-cid-y7g73jpr]{margin-top:var(--space-2);padding:1rem 2rem;font-size:var(--text-base)}@media (max-width: 900px){.hcc-examples__grid[data-astro-cid-y7g73jpr]{grid-template-columns:repeat(4,1fr)}.hcc-example-card[data-astro-cid-y7g73jpr]:nth-child(n+6){display:block}.hcc-usecase-layout[data-astro-cid-y7g73jpr]{grid-template-columns:1fr;gap:var(--space-8)}.hcc-usecase-layout--reversed[data-astro-cid-y7g73jpr]{direction:ltr}}@media (max-width: 600px){.hcc-change-btn[data-astro-cid-y7g73jpr]{width:100%}}