.HomePage-module__5xri9q__closingStory{background:var(--cc-light-foreground);isolation:isolate;position:relative;overflow:hidden}html.dark .HomePage-module__5xri9q__closingStory{background:var(--cc-dark-canvas-background)}.HomePage-module__5xri9q__closingGrid,.HomePage-module__5xri9q__closingTone{pointer-events:none;position:absolute;inset:0}.HomePage-module__5xri9q__closingGrid{z-index:0;color:color-mix(in srgb, var(--cc-subtle-foreground) 34%, transparent);opacity:.72;-webkit-mask-image:linear-gradient(180deg, color-mix(in srgb, var(--cc-neutral-black) 70%, transparent) 0%, color-mix(in srgb, var(--cc-neutral-black) 94%, transparent) 34%, color-mix(in srgb, var(--cc-neutral-black) 88%, transparent) 68%, color-mix(in srgb, var(--cc-neutral-black) 68%, transparent) 100%);mask-image:linear-gradient(180deg, color-mix(in srgb, var(--cc-neutral-black) 70%, transparent) 0%, color-mix(in srgb, var(--cc-neutral-black) 94%, transparent) 34%, color-mix(in srgb, var(--cc-neutral-black) 88%, transparent) 68%, color-mix(in srgb, var(--cc-neutral-black) 68%, transparent) 100%);-webkit-mask-image:linear-gradient(180deg, color-mix(in srgb, var(--cc-neutral-black) 70%, transparent) 0%, color-mix(in srgb, var(--cc-neutral-black) 94%, transparent) 34%, color-mix(in srgb, var(--cc-neutral-black) 88%, transparent) 68%, color-mix(in srgb, var(--cc-neutral-black) 68%, transparent) 100%);background-image:radial-gradient(circle,currentColor 1px,#0000 1.3px);background-size:26px 26px}.HomePage-module__5xri9q__closingTone{z-index:2;background:linear-gradient(90deg, color-mix(in srgb, var(--cc-light-foreground) 28%, transparent) 0%, transparent 26%, transparent 74%, color-mix(in srgb, var(--cc-light-foreground) 28%, transparent) 100%), linear-gradient(180deg, color-mix(in srgb, var(--cc-light-foreground) 20%, transparent) 0%, transparent 18%, transparent 82%, color-mix(in srgb, var(--cc-light-foreground) 20%, transparent) 100%)}html.dark .HomePage-module__5xri9q__closingTone{background:linear-gradient(90deg, color-mix(in srgb, var(--cc-dark-canvas-background) 24%, transparent) 0%, transparent 26%, transparent 74%, color-mix(in srgb, var(--cc-dark-canvas-background) 24%, transparent) 100%), linear-gradient(180deg, color-mix(in srgb, var(--cc-dark-canvas-background) 18%, transparent) 0%, transparent 18%, transparent 82%, color-mix(in srgb, var(--cc-dark-canvas-background) 18%, transparent) 100%)}.HomePage-module__5xri9q__closingContent{z-index:3;position:relative}.HomePage-module__5xri9q__closingBottomCanvas{isolation:isolate;background:radial-gradient(circle at 82% 44%, #0ea5e914, transparent 33rem), radial-gradient(circle at 18% 76%, #f43f5e0f, transparent 31rem), var(--cc-light-surface-background);clip-path:polygon(0 4.75%,4% 5.12%,8% 5.48%,12% 5.82%,16% 6.08%,20% 6.2%,24% 6.16%,28% 5.98%,32% 5.68%,36% 5.3%,40% 4.88%,44% 4.44%,48% 4.02%,52% 3.62%,56% 3.28%,60% 3%,64% 2.78%,68% 2.66%,72% 2.66%,76% 2.78%,80% 2.98%,84% 3.22%,88% 3.5%,92% 3.78%,96% 4.04%,100% 4.28%,100% 100%,0 100%);margin-top:-8rem;padding-top:8rem;position:relative;overflow:hidden}html.dark .HomePage-module__5xri9q__closingBottomCanvas{background:radial-gradient(circle at 82% 44%, #0ea5e91a, transparent 34rem), radial-gradient(circle at 18% 76%, #f43f5e14, transparent 31rem), var(--cc-dark-canvas-background)}.HomePage-module__5xri9q__bottomCanvasGrid,.HomePage-module__5xri9q__bottomParallax{pointer-events:none;position:absolute;inset:0}.HomePage-module__5xri9q__bottomCanvasGrid{z-index:0;color:color-mix(in srgb, var(--cc-muted-foreground) 30%, transparent);opacity:.72;-webkit-mask-image:linear-gradient(180deg, color-mix(in srgb, var(--cc-neutral-black) 72%, transparent) 0%, color-mix(in srgb, var(--cc-neutral-black) 88%, transparent) 32%, color-mix(in srgb, var(--cc-neutral-black) 82%, transparent) 72%, color-mix(in srgb, var(--cc-neutral-black) 46%, transparent) 100%);mask-image:linear-gradient(180deg, color-mix(in srgb, var(--cc-neutral-black) 72%, transparent) 0%, color-mix(in srgb, var(--cc-neutral-black) 88%, transparent) 32%, color-mix(in srgb, var(--cc-neutral-black) 82%, transparent) 72%, color-mix(in srgb, var(--cc-neutral-black) 46%, transparent) 100%);-webkit-mask-image:linear-gradient(180deg, color-mix(in srgb, var(--cc-neutral-black) 72%, transparent) 0%, color-mix(in srgb, var(--cc-neutral-black) 88%, transparent) 32%, color-mix(in srgb, var(--cc-neutral-black) 82%, transparent) 72%, color-mix(in srgb, var(--cc-neutral-black) 46%, transparent) 100%);background-image:radial-gradient(circle,currentColor 1px,#0000 1.3px);background-size:26px 26px}html.dark .HomePage-module__5xri9q__bottomCanvasGrid{color:color-mix(in srgb, var(--cc-subtle-foreground) 28%, transparent)}.HomePage-module__5xri9q__bottomParallax{z-index:1;overflow:hidden}.HomePage-module__5xri9q__bottomParallaxCurve{opacity:.23;mix-blend-mode:multiply;will-change:transform;width:100%;height:43rem;-webkit-mask-image:linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--cc-neutral-black) 86%, transparent) 14%, color-mix(in srgb, var(--cc-neutral-black) 86%, transparent) 78%, transparent 100%);mask-image:linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--cc-neutral-black) 86%, transparent) 14%, color-mix(in srgb, var(--cc-neutral-black) 86%, transparent) 78%, transparent 100%);-webkit-mask-image:linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--cc-neutral-black) 86%, transparent) 14%, color-mix(in srgb, var(--cc-neutral-black) 86%, transparent) 78%, transparent 100%);background-image:url(/img/illustrations/cc-herocurve2.png);background-position:top;background-repeat:no-repeat;background-size:100%;position:absolute;top:17%;left:0}html.dark .HomePage-module__5xri9q__bottomParallaxCurve{opacity:.14;mix-blend-mode:screen}.HomePage-module__5xri9q__equationSection{color:var(--cc-foreground-inverse);background:0 0;position:relative;overflow:hidden}html.dark .HomePage-module__5xri9q__equationSection{color:var(--cc-light-foreground);background:radial-gradient(circle at 15% 24%, #0ea5e912, transparent 28rem), radial-gradient(circle at 82% 78%, #f43f5e0d, transparent 30rem), var(--cc-light-surface-background)}.HomePage-module__5xri9q__testimonialSection{isolation:isolate;color:var(--cc-light-foreground);background:0 0;position:relative;overflow:hidden}html.dark .HomePage-module__5xri9q__testimonialSection{color:var(--cc-light-border);background:0 0}.HomePage-module__5xri9q__testimonialWash{z-index:1;pointer-events:none;background:linear-gradient(135deg,#0ea5e914 0%,#0000 32%),linear-gradient(315deg,#f43f5e12 0%,#0000 30%);position:absolute;inset:0}.HomePage-module__5xri9q__testimonialContent{z-index:3;position:relative}.HomePage-module__5xri9q__finalCtaSection{color:var(--cc-light-foreground);background:0 0;position:relative;overflow:hidden}html.dark .HomePage-module__5xri9q__finalCtaSection{color:var(--cc-foreground);background:0 0}@media (max-width:767px){.HomePage-module__5xri9q__bottomParallaxCurve{opacity:.18;height:32rem;top:22%}.HomePage-module__5xri9q__closingBottomCanvas{clip-path:polygon(0 3.8%,6% 4.28%,12% 4.7%,18% 4.98%,24% 5.08%,30% 4.96%,36% 4.62%,42% 4.16%,48% 3.58%,54% 3%,60% 2.52%,66% 2.24%,72% 2.18%,78% 2.34%,84% 2.66%,90% 3.08%,96% 3.5%,100% 3.78%,100% 100%,0 100%)}}
.FeaturedPaletteSection-module__oSLhDG__section{--fp-strip-shadow-1:color-mix(in srgb, var(--cc-shadow-colour) 12%, transparent);--fp-strip-shadow-2:color-mix(in srgb, var(--cc-shadow-colour) 8%, transparent);--fp-dot-shadow:color-mix(in srgb, var(--cc-shadow-colour) 30%, transparent);--fp-overlay-fg:var(--cc-light-foreground);--fp-overlay-inverse:var(--cc-neutral-white);--fp-section-min-height:280vh;--fp-stage-top-padding:0rem;--fp-overlay-bottom:clamp(2rem, 4vw, 3.5rem);--fp-sticky-header-offset:var(--cc-sticky-header-offset,0px);--fp-card-reveal-translate:1.6rem;box-sizing:border-box;min-height:var(--fp-section-min-height);position:relative}html.dark .FeaturedPaletteSection-module__oSLhDG__section{--fp-strip-shadow-1:color-mix(in srgb, var(--cc-shadow-colour) 56%, transparent);--fp-strip-shadow-2:color-mix(in srgb, var(--cc-shadow-colour) 38%, transparent);--fp-dot-shadow:color-mix(in srgb, var(--cc-shadow-colour) 65%, transparent);--fp-overlay-fg:var(--cc-neutral-white);--fp-overlay-inverse:var(--cc-light-foreground)}.FeaturedPaletteSection-module__oSLhDG__stage{top:var(--fp-sticky-header-offset);min-height:calc(100vh - var(--fp-sticky-header-offset));padding:var(--fp-stage-top-padding) 0 0;position:sticky}.FeaturedPaletteSection-module__oSLhDG__sceneCard{width:100%;box-shadow:none;background:0 0;border:0}.FeaturedPaletteSection-module__oSLhDG__sceneContent{min-height:calc(100vh - var(--fp-sticky-header-offset) - var(--fp-stage-top-padding));grid-template-rows:minmax(0,1fr);padding:0;display:grid}.FeaturedPaletteSection-module__oSLhDG__headerStrip{inset-inline:0;top:calc(100dvh - var(--fp-overlay-height,0px));z-index:1;box-sizing:border-box;width:min(100%,72rem);padding-inline:1.5rem;padding-top:var(--fp-overlay-bottom);padding-bottom:max(var(--fp-overlay-bottom), env(safe-area-inset-bottom));color:var(--fp-overlay-fg);justify-content:space-between;align-items:flex-end;gap:1rem;margin:0 auto;display:flex;position:sticky}.FeaturedPaletteSection-module__oSLhDG__headerText{overflow-wrap:anywhere;min-width:0}.FeaturedPaletteSection-module__oSLhDG__eyebrow{letter-spacing:.17em;text-transform:uppercase;color:inherit;margin:0;font-size:.72rem;font-weight:700;line-height:1}.FeaturedPaletteSection-module__oSLhDG__title{color:inherit;margin:.45rem 0 0;font-size:clamp(2rem,4.2vw,3rem);font-weight:760;line-height:1.05}.FeaturedPaletteSection-module__oSLhDG__description{max-width:62ch;color:inherit;margin:.85rem 0 0;font-size:clamp(.98rem,1.8vw,1.1rem)}.FeaturedPaletteSection-module__oSLhDG__ctaRow{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:.65rem;display:flex}.FeaturedPaletteSection-module__oSLhDG__deck{width:100vw;min-height:0;margin-inline:calc(50% - 50vw);position:relative}.FeaturedPaletteSection-module__oSLhDG__scales{isolation:isolate;position:absolute;inset:0}.FeaturedPaletteSection-module__oSLhDG__scaleCard{inset-inline:0;top:var(--stack-offset);box-shadow:none;clip-path:inset(calc((1 - var(--card-progress)) * 100%) 0 0 0);transform:translateY(calc((1 - var(--card-progress)) * var(--fp-card-reveal-translate)));opacity:calc(.2 + var(--card-progress) * .8);background:0 0;border:0;border-radius:0;padding:0;transition:transform .22s,opacity .15s linear,clip-path .22s;position:absolute;bottom:0;overflow:clip}.FeaturedPaletteSection-module__oSLhDG__swatchStrip{height:100%;box-shadow:0 8px 22px var(--fp-strip-shadow-1), 0 1px 2px var(--fp-strip-shadow-2);border-radius:0;grid-auto-columns:minmax(2.8rem,1fr);grid-auto-flow:column;display:grid;overflow:clip}.FeaturedPaletteSection-module__oSLhDG__swatch{background-color:var(--swatch-light,var(--cc-neutral-white));place-items:center;height:100%;transition:background-color .16s linear;display:grid;position:relative}.FeaturedPaletteSection-module__oSLhDG__swatchOverlay{--fp-overlay-fg:var(--fp-overlay-light);--fp-overlay-inverse:var(--fp-overlay-inverse-light);pointer-events:none;position:absolute;inset:0;overflow:clip}html.dark .FeaturedPaletteSection-module__oSLhDG__swatchOverlay{--fp-overlay-fg:var(--fp-overlay-dark);--fp-overlay-inverse:var(--fp-overlay-inverse-dark)}.FeaturedPaletteSection-module__oSLhDG__paintedHeader{margin:0;margin-top:calc(-1 * var(--stack-offset));pointer-events:none;transform:translateY(calc((var(--card-progress) - 1) * var(--fp-card-reveal-translate)));transition:transform .22s;inset-inline:auto}html.dark .FeaturedPaletteSection-module__oSLhDG__swatch{background-color:var(--swatch-dark,var(--swatch-light,var(--cc-neutral-white)))}.FeaturedPaletteSection-module__oSLhDG__swatchDot{color:var(--dot-light,var(--cc-light-foreground));text-shadow:0 0 .5px var(--fp-dot-shadow);pointer-events:none;font-size:clamp(1rem,1.65vw,1.55rem);font-weight:700;line-height:1}html.dark .FeaturedPaletteSection-module__oSLhDG__swatchDot{color:var(--dot-dark,var(--dot-light,var(--cc-light-foreground)))}.FeaturedPaletteSection-module__oSLhDG__cta{background:var(--fp-overlay-fg);color:var(--fp-overlay-inverse);border-radius:.7rem;flex-shrink:0;justify-content:center;align-items:center;padding:.55rem .95rem;font-size:.88rem;font-weight:650;text-decoration:none;transition:filter .14s;display:inline-flex}.FeaturedPaletteSection-module__oSLhDG__cta:hover,.FeaturedPaletteSection-module__oSLhDG__cta[data-hovered=true]{filter:brightness(.9)}.FeaturedPaletteSection-module__oSLhDG__ctaSecondary{border:1px solid var(--fp-overlay-fg);color:var(--fp-overlay-fg);border-radius:.7rem;flex-shrink:0;justify-content:center;align-items:center;padding:.55rem .95rem;font-size:.88rem;font-weight:650;text-decoration:none;transition:background-color .14s,border-color .14s;display:inline-flex}.FeaturedPaletteSection-module__oSLhDG__ctaSecondary:hover,.FeaturedPaletteSection-module__oSLhDG__ctaSecondary[data-hovered=true]{background:color-mix(in srgb, var(--fp-overlay-fg) 10%, transparent)}.FeaturedPaletteSection-module__oSLhDG__cta:focus-visible,.FeaturedPaletteSection-module__oSLhDG__ctaSecondary:focus-visible,.FeaturedPaletteSection-module__oSLhDG__cta[data-focused=true],.FeaturedPaletteSection-module__oSLhDG__ctaSecondary[data-focused=true]{outline:2px solid var(--fp-overlay-fg);outline-offset:4px}@media (prefers-reduced-motion:reduce){.FeaturedPaletteSection-module__oSLhDG__scaleCard,.FeaturedPaletteSection-module__oSLhDG__paintedHeader{transition:none}}@media (max-width:920px){.FeaturedPaletteSection-module__oSLhDG__headerStrip{flex-direction:column;align-items:flex-start}.FeaturedPaletteSection-module__oSLhDG__ctaRow{justify-content:flex-start}.FeaturedPaletteSection-module__oSLhDG__swatchStrip{grid-auto-columns:minmax(1.35rem,1fr)}}
.HomeFeatureTabs-module__qWI9CW__features{background:var(--feature-wash);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);--feature-foreground:var(--cc-foreground);--feature-description:var(--cc-muted-foreground);--feature-inactive:var(--cc-muted-foreground);border-radius:1.5rem;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1.5rem;min-height:26rem;padding:2.75rem 1.5rem;display:grid}.HomeFeatureTabs-module__qWI9CW__tabs{--tab-size:2.75rem;--tab-gap:.5rem;isolation:isolate;justify-content:center;gap:var(--tab-gap);border:1px solid color-mix(in srgb, var(--cc-neutral-border) 80%, transparent);background:color-mix(in srgb, var(--cc-raised-panel-background) 94%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:1rem;flex-direction:column;grid-area:1/1;padding:.375rem;display:flex;position:relative}.HomeFeatureTabs-module__qWI9CW__tabIndicator{width:var(--tab-size);height:var(--tab-size);background-color:var(--feature-tab-background);transform:translateY(calc(var(--active-tab-index) * (var(--tab-size) + var(--tab-gap))));pointer-events:none;border-radius:.75rem;transition:transform .18s cubic-bezier(.22,1,.36,1),background-color .18s linear;position:absolute;top:.375rem;left:.375rem}.HomeFeatureTabs-module__qWI9CW__tab{z-index:1;width:var(--tab-size);height:var(--tab-size);color:var(--feature-inactive);cursor:pointer;background:0 0;border:0;border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.HomeFeatureTabs-module__qWI9CW__tab:hover{color:var(--feature-accent);background:var(--feature-wash)}.HomeFeatureTabs-module__qWI9CW__tab[aria-selected=true]{color:var(--feature-accent);background:0 0}.HomeFeatureTabs-module__qWI9CW__tab:focus-visible,.HomeFeatureTabs-module__qWI9CW__panel:focus-visible{outline:2px solid var(--feature-accent);outline-offset:4px}.HomeFeatureTabs-module__qWI9CW__features[data-feature=paths],.HomeFeatureTabs-module__qWI9CW__tab[data-feature=paths],.HomeFeatureTabs-module__qWI9CW__panel[data-feature=paths]{--feature-accent:#b91c1c;--feature-tab-background:#fee2e2;--feature-wash:#fffbfccc}.HomeFeatureTabs-module__qWI9CW__features[data-feature=accessibility],.HomeFeatureTabs-module__qWI9CW__tab[data-feature=accessibility],.HomeFeatureTabs-module__qWI9CW__panel[data-feature=accessibility]{--feature-accent:#047857;--feature-tab-background:#d1fae5;--feature-wash:#f8fefbcc}.HomeFeatureTabs-module__qWI9CW__features[data-feature=design],.HomeFeatureTabs-module__qWI9CW__tab[data-feature=design],.HomeFeatureTabs-module__qWI9CW__panel[data-feature=design]{--feature-accent:#1d4ed8;--feature-tab-background:#dbeafe;--feature-wash:#f6faffcc}.HomeFeatureTabs-module__qWI9CW__features[data-feature=code],.HomeFeatureTabs-module__qWI9CW__tab[data-feature=code],.HomeFeatureTabs-module__qWI9CW__panel[data-feature=code]{--feature-accent:#6d28d9;--feature-tab-background:#ede9fe;--feature-wash:#faf8ffcc}.HomeFeatureTabs-module__qWI9CW__accessibilityIcon{font-size:.75rem;font-weight:700}.HomeFeatureTabs-module__qWI9CW__panel{grid-area:1/2;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-self:stretch;align-items:center;gap:clamp(2rem,4vw,4rem);min-width:0;padding:0 1.5rem;display:grid}.HomeFeatureTabs-module__qWI9CW__panel[data-active=false]{visibility:hidden;pointer-events:none}.HomeFeatureTabs-module__qWI9CW__copy{max-width:27rem}.HomeFeatureTabs-module__qWI9CW__copy h3{color:var(--feature-foreground);font-size:1.5rem;font-weight:600;line-height:1.3}@supports ((-webkit-background-clip:text) or (background-clip:text)){.HomeFeatureTabs-module__qWI9CW__scaleGradient{background-image:var(--path-gradient);color:#0000;-webkit-background-clip:text;background-clip:text}}@media (forced-colors:active){.HomeFeatureTabs-module__qWI9CW__scaleGradient{color:inherit;background-image:none}}.HomeFeatureTabs-module__qWI9CW__copy p{color:var(--feature-description);margin-top:.5rem;font-size:1.125rem;line-height:1.5}.HomeFeatureTabs-module__qWI9CW__featureCta{min-height:2.75rem;color:var(--feature-accent);background:0 0;border:1px solid;border-radius:.375rem;justify-content:center;align-items:center;margin-top:1.5rem;padding:.625rem 1.125rem;font-size:.875rem;font-weight:600;display:inline-flex}.HomeFeatureTabs-module__qWI9CW__featureCta:hover{background:var(--feature-tab-background)}.HomeFeatureTabs-module__qWI9CW__featureCta:focus-visible{outline:2px solid var(--feature-accent);outline-offset:4px}.HomeFeatureTabs-module__qWI9CW__illustration{justify-content:center;align-items:center;min-width:0;display:flex}.HomeFeatureTabs-module__qWI9CW__panel[data-feature=accessibility] .HomeFeatureTabs-module__qWI9CW__illustration,.HomeFeatureTabs-module__qWI9CW__panel[data-feature=code] .HomeFeatureTabs-module__qWI9CW__illustration{grid-area:1/1}.HomeFeatureTabs-module__qWI9CW__panel[data-feature=accessibility] .HomeFeatureTabs-module__qWI9CW__copy,.HomeFeatureTabs-module__qWI9CW__panel[data-feature=code] .HomeFeatureTabs-module__qWI9CW__copy{grid-column:2}.HomeFeatureTabs-module__qWI9CW__pathIllustration{width:100%;height:auto}.HomeFeatureTabs-module__qWI9CW__pathDemo{width:100%;max-width:24rem}.HomeFeatureTabs-module__qWI9CW__pointHandle{cursor:grab;touch-action:none;outline:none}.HomeFeatureTabs-module__qWI9CW__pathIllustration[data-dragging=true],.HomeFeatureTabs-module__qWI9CW__pathIllustration[data-dragging=true] .HomeFeatureTabs-module__qWI9CW__pointHandle{cursor:grabbing}.HomeFeatureTabs-module__qWI9CW__pointFocus{stroke:#0000}.HomeFeatureTabs-module__qWI9CW__pointHandle:focus-visible .HomeFeatureTabs-module__qWI9CW__pointFocus{stroke:var(--feature-accent)}.HomeFeatureTabs-module__qWI9CW__shadeHex{fill:var(--feature-description);font-family:var(--font-mono), monospace;pointer-events:none;font-size:10px}.HomeFeatureTabs-module__qWI9CW__contrastSwatches{align-items:center;gap:.625rem;width:100%;max-width:20rem;display:flex}.HomeFeatureTabs-module__qWI9CW__contrastSwatches span{color:#fff;background:#2daf89;border-radius:.375rem;flex:1;justify-content:center;align-items:center;height:12rem;font-size:1rem;display:flex}.HomeFeatureTabs-module__qWI9CW__contrastSwatches span:nth-child(2){background:#228f70;height:14rem}.HomeFeatureTabs-module__qWI9CW__contrastSwatches span:nth-child(3){background:#0a6149}.HomeFeatureTabs-module__qWI9CW__designIllustration{object-fit:contain;width:100%;max-width:28rem;height:auto}.HomeFeatureTabs-module__qWI9CW__codeWindow{border:1px solid var(--cc-dark-border);background:var(--cc-dark-field-background);width:100%;max-width:28rem;box-shadow:0 12px 32px color-mix(in srgb, var(--cc-shadow-colour) 8%, transparent);border-radius:.625rem;overflow:hidden}.HomeFeatureTabs-module__qWI9CW__codeToolbar{border-bottom:1px solid var(--cc-dark-border);height:2.625rem;color:var(--cc-dark-soft-foreground);font-family:var(--font-mono), monospace;justify-content:space-between;align-items:center;padding:0 1rem;font-size:.6875rem;display:flex}.HomeFeatureTabs-module__qWI9CW__windowDots{gap:.3125rem;display:flex}.HomeFeatureTabs-module__qWI9CW__windowDots span{background:var(--cc-dark-border-strong);border-radius:50%;width:.4375rem;height:.4375rem}.HomeFeatureTabs-module__qWI9CW__codeLanguage{color:var(--cc-dark-muted-foreground)}.HomeFeatureTabs-module__qWI9CW__codeBlock{color:var(--cc-dark-foreground);font-family:var(--font-mono), monospace;tab-size:2;padding:1.25rem;font-size:clamp(.625rem,1.05vw,.8125rem);line-height:1.8;overflow-x:auto}.HomeFeatureTabs-module__qWI9CW__codeComment{color:var(--cc-dark-muted-foreground)}.HomeFeatureTabs-module__qWI9CW__codeSelector{color:#c4b5fd}.HomeFeatureTabs-module__qWI9CW__codeProperty{color:#a5b4fc}.HomeFeatureTabs-module__qWI9CW__codeValue{color:#a7f3d0}.HomeFeatureTabs-module__qWI9CW__codeFunction{color:#f9a8d4}html.dark .HomeFeatureTabs-module__qWI9CW__codeWindow{border-color:var(--cc-neutral-border);background:var(--cc-neutral-background)}html.dark .HomeFeatureTabs-module__qWI9CW__codeToolbar{border-bottom-color:var(--cc-neutral-border)}html.dark .HomeFeatureTabs-module__qWI9CW__windowDots span{background:var(--cc-neutral-border-strong)}html.dark .HomeFeatureTabs-module__qWI9CW__features{--feature-foreground:var(--cc-dark-foreground);--feature-description:var(--cc-dark-soft-foreground);--feature-inactive:var(--cc-muted-foreground)}html.dark .HomeFeatureTabs-module__qWI9CW__tabs{border-color:color-mix(in srgb, var(--cc-neutral-border) 60%, transparent);background:color-mix(in srgb, var(--cc-raised-panel-background) 94%, transparent)}:is(html.dark .HomeFeatureTabs-module__qWI9CW__features[data-feature=paths],html.dark .HomeFeatureTabs-module__qWI9CW__tab[data-feature=paths],html.dark .HomeFeatureTabs-module__qWI9CW__panel[data-feature=paths]){--feature-accent:#fca5a5;--feature-tab-background:#ef444433;--feature-wash:#21191fcc}:is(html.dark .HomeFeatureTabs-module__qWI9CW__features[data-feature=accessibility],html.dark .HomeFeatureTabs-module__qWI9CW__tab[data-feature=accessibility],html.dark .HomeFeatureTabs-module__qWI9CW__panel[data-feature=accessibility]){--feature-accent:#6ee7b7;--feature-tab-background:#10b98133;--feature-wash:#112320cc}:is(html.dark .HomeFeatureTabs-module__qWI9CW__features[data-feature=design],html.dark .HomeFeatureTabs-module__qWI9CW__tab[data-feature=design],html.dark .HomeFeatureTabs-module__qWI9CW__panel[data-feature=design]){--feature-accent:#93c5fd;--feature-tab-background:#3b82f633;--feature-wash:#142133cc}:is(html.dark .HomeFeatureTabs-module__qWI9CW__features[data-feature=code],html.dark .HomeFeatureTabs-module__qWI9CW__tab[data-feature=code],html.dark .HomeFeatureTabs-module__qWI9CW__panel[data-feature=code]){--feature-accent:#c4b5fd;--feature-tab-background:#8b5cf633;--feature-wash:#1e1b30cc}@media (max-width:767px){.HomeFeatureTabs-module__qWI9CW__features{grid-template-columns:minmax(0,1fr);gap:1.5rem;min-height:33rem;padding:2rem 1.5rem}.HomeFeatureTabs-module__qWI9CW__tabs{flex-direction:row;justify-self:center}.HomeFeatureTabs-module__qWI9CW__tabIndicator{transform:translateX(calc(var(--active-tab-index) * (var(--tab-size) + var(--tab-gap))))}.HomeFeatureTabs-module__qWI9CW__panel{grid-area:2/1;grid-template-columns:minmax(0,1fr);gap:2rem;padding:0}.HomeFeatureTabs-module__qWI9CW__copy,.HomeFeatureTabs-module__qWI9CW__panel[data-feature=accessibility] .HomeFeatureTabs-module__qWI9CW__copy,.HomeFeatureTabs-module__qWI9CW__panel[data-feature=code] .HomeFeatureTabs-module__qWI9CW__copy{grid-area:1/1}.HomeFeatureTabs-module__qWI9CW__illustration,.HomeFeatureTabs-module__qWI9CW__panel[data-feature=accessibility] .HomeFeatureTabs-module__qWI9CW__illustration,.HomeFeatureTabs-module__qWI9CW__panel[data-feature=code] .HomeFeatureTabs-module__qWI9CW__illustration{grid-area:2/1}.HomeFeatureTabs-module__qWI9CW__copy h3{font-size:1.25rem}.HomeFeatureTabs-module__qWI9CW__copy p{font-size:1rem}.HomeFeatureTabs-module__qWI9CW__contrastSwatches{max-width:16rem}.HomeFeatureTabs-module__qWI9CW__contrastSwatches span{height:9rem}.HomeFeatureTabs-module__qWI9CW__contrastSwatches span:nth-child(2){height:10.5rem}.HomeFeatureTabs-module__qWI9CW__codeBlock{padding:1rem;font-size:.6875rem}}@media (prefers-reduced-motion:reduce){.HomeFeatureTabs-module__qWI9CW__tabIndicator{transition:none}}