.cta-form-module__7nBGKW__form{max-width:36rem;margin:0 auto;padding:0 2rem;display:flex}.cta-form-module__7nBGKW__input{background-color:var(--surface-container-lowest);border:1px solid var(--surface-container-highest);height:4rem;color:var(--on-surface);box-shadow:0 1px 2px var(--shadow-xs);outline:none;flex:1;padding:1.5rem;font-size:1rem}.dark .cta-form-module__7nBGKW__input{background-color:var(--background);border-color:#0000}.cta-form-module__7nBGKW__button{background-color:var(--primary);color:var(--on-primary);height:4rem;box-shadow:0 1px 2px var(--shadow-xs);padding:0 2rem;font-weight:700;transition:background-color .15s}.cta-form-module__7nBGKW__button:hover{background-color:var(--primary-dim)}
.share-button-module__3QS6Na__wrapper{position:relative}.share-button-module__3QS6Na__trigger{background:inherit;-webkit-backdrop-filter:inherit;backdrop-filter:inherit;padding:inherit;color:inherit;border-radius:inherit;cursor:pointer;justify-content:center;align-items:center;transition:background-color .15s;display:flex}.share-button-module__3QS6Na__popup{background:var(--surface-container-lowest);border:1px solid var(--outline-variant);z-index:100;border-radius:12px;width:320px;padding:1rem;animation:.15s ease-out share-button-module__3QS6Na__fadeIn;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 8px 24px #00000026}@keyframes share-button-module__3QS6Na__fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.share-button-module__3QS6Na__popupHeader{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.share-button-module__3QS6Na__popupTitle{color:var(--on-surface);font-size:1rem;font-weight:600}.share-button-module__3QS6Na__closeButton{width:2rem;height:2rem;color:var(--on-surface-variant);border-radius:50%;justify-content:center;align-items:center;transition:background .15s;display:flex}.share-button-module__3QS6Na__closeButton:hover{background:var(--surface-container-high)}.share-button-module__3QS6Na__socials{justify-content:flex-start;gap:.75rem;margin-bottom:1rem;display:flex;overflow-x:auto}.share-button-module__3QS6Na__socialLink{color:var(--on-surface);flex-direction:column;align-items:center;gap:.375rem;min-width:48px;text-decoration:none;display:flex}.share-button-module__3QS6Na__socialIcon{background:var(--surface-container-high);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1rem;font-weight:700;transition:background .15s;display:flex}.share-button-module__3QS6Na__socialLink:hover .share-button-module__3QS6Na__socialIcon{background:var(--surface-container-highest)}.share-button-module__3QS6Na__socialName{color:var(--on-surface-variant);white-space:nowrap;font-size:.6875rem}.share-button-module__3QS6Na__urlRow{align-items:center;gap:.5rem;display:flex}.share-button-module__3QS6Na__urlInput{border:1px solid var(--outline-variant);background:var(--surface-container);min-width:0;color:var(--on-surface-variant);border-radius:8px;outline:none;flex:1;padding:.5rem .75rem;font-size:.8125rem}.share-button-module__3QS6Na__urlInput:focus{border-color:var(--outline)}.share-button-module__3QS6Na__copyButton{background:var(--on-surface);color:var(--surface-container-lowest);white-space:nowrap;border-radius:8px;flex-shrink:0;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;transition:opacity .15s}.share-button-module__3QS6Na__copyButton:hover{opacity:.85}
.table-module__fIzYHG__table{text-align:left;width:100%}.table-module__fIzYHG__head tr{letter-spacing:.2em;color:var(--outline);text-transform:uppercase;border-bottom:1px solid var(--surface-container-highest);font-size:10px;font-weight:700}.dark .table-module__fIzYHG__head tr{border-bottom-color:color-mix(in srgb, var(--outline-variant) 10%, transparent)}.table-module__fIzYHG__head th{padding-bottom:1.5rem;padding-right:1rem}.table-module__fIzYHG__head th:last-child{text-align:right;padding-right:0}.table-module__fIzYHG__body tr{border-bottom:1px solid var(--surface-container-highest);transition:background-color .15s}.dark .table-module__fIzYHG__body tr{border-bottom-color:color-mix(in srgb, var(--outline-variant) 10%, transparent)}.table-module__fIzYHG__body tr:hover{background-color:var(--surface-container-low)}.table-module__fIzYHG__body td{padding:1rem 1rem 1rem 0}.table-module__fIzYHG__body td:last-child{text-align:right;padding-right:0}.table-module__fIzYHG__swatch{width:3rem;height:3rem}.table-module__fIzYHG__name{color:var(--on-background);font-weight:500}.table-module__fIzYHG__hex{color:var(--on-surface-variant);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem}.dark .table-module__fIzYHG__hex{color:var(--outline)}.table-module__fIzYHG__distance{color:var(--on-surface-variant);font-size:.75rem}
.page-module__bH98cW__page{max-width:1440px;margin:0 auto;padding:6rem 2rem 5rem}.page-module__bH98cW__breadcrumbs{color:var(--on-surface-variant);letter-spacing:.025em;align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.875rem;display:flex}.page-module__bH98cW__breadcrumbLink{transition:color .15s}.page-module__bH98cW__breadcrumbLink:hover{color:var(--primary)}.page-module__bH98cW__breadcrumbCurrent{color:var(--on-surface);font-weight:600}.page-module__bH98cW__heroGrid{grid-template-columns:1fr;gap:2rem;margin-bottom:5rem;display:grid}@media (min-width:1024px){.page-module__bH98cW__heroGrid{grid-template-columns:2fr 1fr}}.page-module__bH98cW__colorHero{min-height:409px;box-shadow:0 1px 2px var(--shadow-xs);align-items:flex-end;padding:3rem;display:flex;position:relative;overflow:hidden}.page-module__bH98cW__heroGradient{background:linear-gradient(to top, var(--overlay-dark), transparent);position:absolute;inset:0}.dark .page-module__bH98cW__heroGradient{background:linear-gradient(to top, var(--shadow-md), transparent)}.page-module__bH98cW__heroContent{z-index:1;position:relative}.page-module__bH98cW__colorName{letter-spacing:-.05em;color:#fff;margin-bottom:1rem;font-size:3.75rem;font-weight:800;line-height:1}@media (min-width:768px){.page-module__bH98cW__colorName{font-size:6rem}}.page-module__bH98cW__colorSubtitle{color:var(--overlay-light-text);letter-spacing:.2em;text-transform:uppercase;font-size:.875rem}.dark .page-module__bH98cW__colorSubtitle{color:var(--overlay-light-text)}.page-module__bH98cW__cotyBadge{background:var(--overlay-light);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--overlay-light);color:#fff;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.5rem;margin-top:1rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:700;display:inline-flex}.dark .page-module__bH98cW__cotyBadge{background:var(--overlay-dark);border-color:var(--overlay-light)}.page-module__bH98cW__shareButton{background:var(--overlay-light);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;z-index:2;border-radius:50%;padding:1rem;position:absolute;top:2rem;right:2rem}.page-module__bH98cW__shareButton:hover{background:var(--overlay-light)}.page-module__bH98cW__techSidebar{flex-direction:column;justify-content:space-between;padding:.5rem 0;display:flex}.page-module__bH98cW__techTitle{color:var(--on-surface-variant);letter-spacing:.1em;text-transform:uppercase;margin-bottom:1rem;font-size:.75rem;font-weight:700}.page-module__bH98cW__techCards{grid-template-columns:1fr;gap:.75rem;display:grid}.page-module__bH98cW__techCard{background-color:var(--surface-container-lowest);border:1px solid var(--surface-container-highest);cursor:pointer;justify-content:space-between;align-items:center;padding:1rem;transition:background-color .15s;display:flex}.dark .page-module__bH98cW__techCard{background-color:var(--surface-container-low);border-color:#0000}.page-module__bH98cW__techCard:hover{background-color:var(--surface-container-low)}.dark .page-module__bH98cW__techCard:hover{background-color:var(--surface-container-highest)}.page-module__bH98cW__techLabel{color:var(--outline);text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:700;display:block}.page-module__bH98cW__techValue{font-size:1.125rem;font-weight:500}.page-module__bH98cW__copyIcon{color:var(--outline);transition:color .15s}.page-module__bH98cW__techCard:hover .page-module__bH98cW__copyIcon{color:var(--primary)}.page-module__bH98cW__section{margin-bottom:5rem}.page-module__bH98cW__sectionTitle{letter-spacing:-.025em;color:var(--on-background);margin-bottom:2rem;font-size:1.5rem;font-weight:700}.page-module__bH98cW__stripLabel{color:var(--on-surface-variant);letter-spacing:.1em;text-transform:uppercase;margin-bottom:1rem;font-size:.75rem;font-weight:700;display:block}.dark .page-module__bH98cW__stripLabel{color:var(--outline-variant)}.page-module__bH98cW__strip{width:100%;height:4rem;box-shadow:0 1px 2px var(--shadow-xs);display:flex}.page-module__bH98cW__stripCell{flex:1;position:relative}.page-module__bH98cW__stripTooltip{opacity:0;background:var(--overlay-dark);color:#fff;justify-content:center;align-items:center;font-size:10px;font-weight:700;transition:opacity .15s;display:flex;position:absolute;inset:0}.page-module__bH98cW__stripCell:hover .page-module__bH98cW__stripTooltip{opacity:1}.page-module__bH98cW__stripGroup{margin-bottom:3rem}.page-module__bH98cW__harmoniesGrid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:768px){.page-module__bH98cW__harmoniesGrid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.page-module__bH98cW__harmoniesGrid{grid-template-columns:repeat(3,1fr)}}.page-module__bH98cW__harmonyCard{background-color:var(--surface-container-lowest);border:1px solid var(--surface-container-highest);box-shadow:0 1px 2px var(--shadow-xs);padding:1.5rem}.dark .page-module__bH98cW__harmonyCard{background-color:var(--surface-container-low);border-color:#0000}.page-module__bH98cW__harmonyTitle{letter-spacing:.1em;text-transform:uppercase;color:var(--outline);margin-bottom:1.5rem;font-size:.75rem;font-weight:700}.page-module__bH98cW__harmonyColors2{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.page-module__bH98cW__harmonyColors3{gap:.5rem;display:flex}.page-module__bH98cW__harmonyColors3>div{flex:1}.page-module__bH98cW__harmonySwatch{aspect-ratio:1}.page-module__bH98cW__harmonySwatchRect{height:6rem}.page-module__bH98cW__harmonyHex{color:var(--on-surface-variant);text-transform:uppercase;margin-top:.5rem;font-size:10px;display:block}.dark .page-module__bH98cW__harmonyHex{color:var(--outline)}.page-module__bH98cW__twoCol{grid-template-columns:1fr;gap:3rem;margin-bottom:5rem;display:grid}@media (min-width:1024px){.page-module__bH98cW__twoCol{grid-template-columns:repeat(2,1fr)}}.page-module__bH98cW__codeBlock{background-color:var(--surface-container-lowest);border:1px solid var(--surface-container-highest);box-shadow:0 1px 2px var(--shadow-xs);padding:2rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.875rem;line-height:1.625}.dark .page-module__bH98cW__codeBlock{border-color:color-mix(in srgb, var(--outline-variant) 10%, transparent)}.page-module__bH98cW__codeHeader{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.page-module__bH98cW__codeLabel{color:var(--on-surface-variant);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:700}.dark .page-module__bH98cW__codeLabel{color:color-mix(in srgb, var(--primary) 60%, transparent)}.page-module__bH98cW__codeCopyBtn{color:var(--outline);transition:color .15s}.page-module__bH98cW__codeCopyBtn:hover{color:var(--primary)}.page-module__bH98cW__codeLine{margin-bottom:1rem}.page-module__bH98cW__codeIndent{padding-left:1rem}.page-module__bH98cW__codeSelector{color:var(--code-selector);font-weight:700}.page-module__bH98cW__codeProp{color:var(--outline)}.page-module__bH98cW__codeValue{color:var(--on-background)}.dark .page-module__bH98cW__codeValue{color:var(--on-background)}.page-module__bH98cW__a11yGrid{grid-template-columns:1fr;gap:1rem;display:grid}@media (min-width:768px){.page-module__bH98cW__a11yGrid{grid-template-columns:repeat(2,1fr)}}.page-module__bH98cW__a11yCard{height:12rem;box-shadow:0 1px 2px var(--shadow-xs);flex-direction:column;justify-content:space-between;padding:1.5rem;display:flex}.page-module__bH98cW__a11yCardTitle{font-size:1.5rem;font-weight:700}.page-module__bH98cW__a11yBadges{gap:.5rem;display:flex}.page-module__bH98cW__a11yBadgePass{background:var(--overlay-light);color:#fff;border:1px solid var(--overlay-light);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:9999px;padding:.25rem .75rem;font-size:10px;font-weight:700}.dark .page-module__bH98cW__a11yBadgePass{background:var(--tertiary-container);color:var(--on-tertiary-container);border-color:#0000}.page-module__bH98cW__a11yBadgeFail{background:var(--overlay-dark);color:#000;border:1px solid var(--overlay-dark);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:9999px;padding:.25rem .75rem;font-size:10px;font-weight:700}.dark .page-module__bH98cW__a11yBadgeFail{background:var(--error-container);color:var(--on-error-container);border-color:#0000}.page-module__bH98cW__a11yNote{color:var(--on-surface-variant);margin-top:1rem;font-size:.875rem;font-style:italic}.dark .page-module__bH98cW__a11yNote{color:var(--outline)}.page-module__bH98cW__blindnessGrid{grid-template-columns:1fr;gap:2rem;display:grid}@media (min-width:768px){.page-module__bH98cW__blindnessGrid{grid-template-columns:repeat(3,1fr)}}.page-module__bH98cW__blindnessCard{flex-direction:column;gap:1rem;display:flex}.page-module__bH98cW__blindnessSwatch{width:100%;height:8rem;box-shadow:0 1px 2px var(--shadow-xs)}.page-module__bH98cW__blindnessType{color:var(--on-background);font-weight:700}.page-module__bH98cW__blindnessHex{color:var(--on-surface-variant);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem}.dark .page-module__bH98cW__blindnessHex{color:var(--outline)}.page-module__bH98cW__about{background-color:var(--surface-container-low);border:1px solid var(--surface-container-highest);margin-bottom:5rem;padding:3rem}.dark .page-module__bH98cW__about{border-color:#0000}@media (min-width:1024px){.page-module__bH98cW__about{padding:4rem}}.page-module__bH98cW__aboutLabel{letter-spacing:.1em;text-transform:uppercase;color:var(--outline);margin-bottom:2rem;font-size:.75rem;font-weight:700}.page-module__bH98cW__aboutText{max-width:48rem;color:var(--on-surface-variant);font-size:1.125rem;font-weight:300;line-height:1.625}.page-module__bH98cW__aboutText p{margin-bottom:1.5rem}.page-module__bH98cW__cta{text-align:center;background-color:var(--surface-container-high);border-top:1px solid var(--surface-container-highest);border-bottom:1px solid var(--surface-container-highest);margin-bottom:5rem;padding:5rem 0}.dark .page-module__bH98cW__cta{background-color:var(--surface-container-highest);border-color:#0000}.page-module__bH98cW__ctaTitle{letter-spacing:-.05em;color:var(--on-background);margin-bottom:1rem;font-size:2.25rem;font-weight:700}.page-module__bH98cW__ctaSubtitle{color:var(--on-surface-variant);margin-bottom:2.5rem}.dark .page-module__bH98cW__ctaSubtitle{color:var(--outline-variant)}.page-module__bH98cW__ctaForm{max-width:36rem;margin:0 auto;padding:0 2rem;display:flex}.page-module__bH98cW__ctaInput{background-color:var(--surface-container-lowest);border:1px solid var(--surface-container-highest);height:4rem;color:var(--on-surface);box-shadow:0 1px 2px var(--shadow-xs);outline:none;flex:1;padding:1.5rem;font-size:1rem}.dark .page-module__bH98cW__ctaInput{background-color:var(--background);border-color:#0000}.page-module__bH98cW__ctaButton{background-color:var(--primary);color:var(--on-primary);height:4rem;box-shadow:0 1px 2px var(--shadow-xs);padding:0 2rem;font-weight:700;transition:background-color .15s}.page-module__bH98cW__ctaButton:hover{background-color:var(--primary-dim)}