@charset "UTF-8";.shared-faq{padding:2.5rem 1rem 4rem;background-color:var(--faq-bg, #f8f9ff)}@media(min-width:768px){.shared-faq{padding:3rem 1.5rem 5rem}}.shared-faq__title{margin:0 0 1.75rem;text-align:center;font-size:1.375rem;font-weight:700;letter-spacing:-.02em;color:#131c27}.shared-faq__list{margin-left:auto;margin-right:auto;max-width:42rem;border-radius:.875rem;background-color:#fff;padding:.25rem 1rem .5rem;box-shadow:0 2px 12px #131c270d}.shared-faq__item{border-bottom:1px solid color-mix(in srgb,#ddc0ba 22%,transparent)}.shared-faq__item:last-child{border-bottom:none}.shared-faq__summary{display:flex;align-items:flex-start;gap:.65rem;list-style:none;cursor:pointer;padding:1rem .25rem 1rem 0;font-size:.9375rem;font-weight:600;color:#131c27;line-height:1.45}.shared-faq__summary::-webkit-details-marker{display:none}.shared-faq__summary:after{content:"";flex-shrink:0;width:.5rem;height:.5rem;margin-top:.35rem;margin-left:auto;border-right:2px solid var(--mcf-muted, #64748b);border-bottom:2px solid var(--mcf-muted, #64748b);transform:rotate(45deg);transition:transform .2s ease}.shared-faq__item[open] .shared-faq__summary:after{transform:rotate(-135deg);margin-top:.55rem}.shared-faq__icon{display:flex;flex-shrink:0;margin-top:.05rem;color:var(--mcf-primary, #cc5c45);line-height:0}.shared-faq__icon :global(svg){display:block}.shared-faq__q{flex:1;min-width:0;padding-right:.5rem}.shared-faq__body{padding:0 0 1.15rem 2.35rem;font-size:.875rem;line-height:1.6;color:#4a5568}.shared-faq__body p{margin:0 0 .65rem}.shared-faq__body p:last-child{margin-bottom:0}.shared-faq__body code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8125em;padding:.1em .3em;border-radius:.25rem;background-color:color-mix(in srgb,var(--mcf-muted-bg, #f1f1ee) 90%,#fff)}.shared-faq__body a{color:var(--mcf-primary, #cc5c45);font-weight:600;text-decoration:underline;text-underline-offset:.14em}.shared-faq__body a:hover,.shared-faq__body a:visited{color:var(--mcf-primary, #cc5c45)}.shared-faq__body a:hover{color:color-mix(in srgb,var(--mcf-primary, #cc5c45) 78%,#000)}.match-hex{--match-hex-page-bg: #f8f9ff;--match-hex-hero-preview-radius: .875rem;background-color:var(--match-hex-page-bg);padding:2.5rem 1rem 4rem}.match-hex__shell{margin-left:auto;margin-right:auto;max-width:72rem}.match-hex__alert{margin:0 0 1.25rem;border-radius:.75rem;border:1px solid #fecaca;background-color:#fef2f2;padding:.75rem 1rem;font-size:.875rem;line-height:1.45;color:#991b1b}.match-hex__grid{display:grid;gap:2rem 3rem;align-items:start}@media(max-width:767.98px){.match-hex__tool{order:-1}.match-hex__intro{order:1}}@media(min-width:768px){.match-hex__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2.5rem 3.5rem}}.match-hex__intro{padding-top:.25rem}.match-hex__badge{display:inline-flex;margin:0 0 1rem;border-radius:9999px;background-color:color-mix(in srgb,#8da18a 22%,#fff);padding:.35rem .85rem;font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#3d4a3c}.match-hex__h1{margin:0 0 1rem;font-size:1.875rem;font-weight:700;line-height:1.18;letter-spacing:-.025em;color:#131c27}@media(min-width:768px){.match-hex__h1{font-size:2.375rem}}.match-hex__h1-em{font-family:Georgia,Times New Roman,Times,serif;font-style:italic;font-weight:600;color:var(--mcf-primary, #cc5c45)}.match-hex__lead{margin:0 0 1.5rem;max-width:36rem;font-size:1rem;line-height:1.65;color:#4a5568}.match-hex__lead :global(p){margin:0}.match-hex__lead :global(p+p){margin-top:.75rem}.match-hex__usps{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.65rem}.match-hex__usp{display:flex;align-items:center;gap:.65rem;font-size:.9375rem;font-weight:600;color:#131c27}.match-hex__usp-icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:9999px;background-color:color-mix(in srgb,var(--mcf-primary, #cc5c45) 12%,#fff);color:var(--mcf-primary, #cc5c45);line-height:0}.match-hex__usp-icon :global(svg){display:block}.match-hex__tool{min-width:0}.match-hex .home-landing__card.match-hex__card{position:relative;border:none;border-radius:1.5rem;background-color:#fff;box-shadow:0 4px 6px -1px #1118270d,0 12px 32px -10px #1118271a}.match-hex .home-landing__card.match-hex__card:hover{border-color:transparent;box-shadow:0 8px 16px -4px #11182712,0 20px 40px -14px #1118271f}.match-hex__card-head{display:flex;align-items:flex-start;gap:.875rem;padding:1.25rem 1.25rem 1rem;border-bottom:1px solid rgba(17,24,39,.08)}.match-hex__card-head-icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:.65rem;background-color:#fadfd6;color:#a64f35;line-height:0}.match-hex__card-head-icon :global(svg){display:block}.match-hex__card-title{margin:0 0 .2rem;font-family:Manrope,system-ui,sans-serif;font-size:1.125rem;font-weight:700;letter-spacing:-.02em;color:#111827}.match-hex__card-sub{margin:0;font-family:Inter,system-ui,sans-serif;font-size:.875rem;line-height:1.55;color:#5c5f66}.match-hex__form{padding:1rem 1.25rem 1.35rem;gap:.875rem}.match-hex__hero-preview{position:relative;min-height:7.5rem;border-radius:var(--match-hex-hero-preview-radius);background-color:#eef1f6;background-image:repeating-linear-gradient(-36deg,#ffffff8c,#ffffff8c 9px,#0f172a0b 9px 18px);border:1px dashed rgba(15,23,42,.2);transition:background-color .12s ease,border-color .12s ease,background-image .12s ease}.match-hex__hero-preview--has-color{background-image:none;border-color:transparent}.match-hex__hero-preview-label{position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:clamp(1.125rem,3vw,1.5rem);font-weight:700;letter-spacing:.02em;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.35)}.match-hex__hero-preview--light-bg .match-hex__hero-preview-label{color:#101828;text-shadow:0 1px 2px rgba(255,255,255,.45)}.match-hex__hero-preview-label--placeholder{opacity:.88}.match-hex__hero-preview--awaiting-input .match-hex__hero-preview-label--placeholder{left:50%;right:auto;transform:translate(-50%,-50%);width:max-content;max-width:calc(100% - 2rem);text-align:center;font-family:Inter,system-ui,sans-serif;font-size:clamp(.9375rem,2.2vw,1.0625rem);font-weight:600;letter-spacing:0;text-transform:none;color:#475569;text-shadow:none;opacity:1}.match-hex__preview-footer{position:absolute;right:.65rem;bottom:.65rem;display:flex;align-items:center;gap:.45rem}.match-hex__live-tag{display:inline-flex;align-items:center;gap:.4rem;border-radius:.375rem;padding:.3rem .5rem .3rem .4rem;font-size:.625rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#131c27;background-color:#ffffffeb;box-shadow:0 1px 3px #0000001a}.match-hex__live-dot{flex-shrink:0;width:.45rem;height:.45rem;border-radius:50%;background-color:#22c55e;box-shadow:0 0 0 1px #ffffff80;animation:match-hex-live-dot 2.4s ease-in-out infinite}@keyframes match-hex-live-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.38;transform:scale(.88)}}@media(prefers-reduced-motion:reduce){.match-hex__live-dot{animation:none;opacity:1}}.match-hex__picker{margin:0;border-radius:.75rem;box-shadow:inset 0 1px #ffffff0f,0 1px 2px #0000001f}.match-hex__picker-sv-wrap{min-height:6.75rem;border-radius:.5rem;overflow:hidden;box-shadow:inset 0 0 0 1px #00000059}.match-hex__picker-sv-surface{--mcf-picker-h: 210;position:relative;width:100%;height:100%;min-height:6.75rem;cursor:crosshair;touch-action:none;background:linear-gradient(to top,#000,#0000),linear-gradient(to right,#fff,hsl(var(--mcf-picker-h),100%,50%))}.match-hex__picker-sv-surface:focus-visible{outline:2px solid #d1664d;outline-offset:2px}.match-hex__picker-sv-marker{position:absolute;width:.875rem;height:.875rem;margin:0;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #00000073,0 1px 4px #00000080;transform:translate(-50%,-50%);pointer-events:none;top:0;left:0}.match-hex__picker-hue-row{margin-top:.65rem}.match-hex__picker-hue{display:block;width:100%;height:.75rem;margin:0;border-radius:.375rem;cursor:pointer;-webkit-appearance:none;appearance:none;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red);box-shadow:inset 0 0 0 1px #00000059}.match-hex__picker-hue:focus-visible{outline:2px solid #d1664d;outline-offset:3px}.match-hex__picker-hue::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.125rem;height:1.125rem;border-radius:50%;border:2px solid #fff;background:#3b82f6;box-shadow:0 0 0 1px #00000059;cursor:grab}.match-hex__picker-hue::-webkit-slider-thumb:active{cursor:grabbing}.match-hex__picker-hue::-moz-range-thumb{width:1.125rem;height:1.125rem;border-radius:50%;border:2px solid #fff;background:#3b82f6;box-shadow:0 0 0 1px #00000059;cursor:grab}.match-hex__picker-hue::-moz-range-track{height:.75rem;border-radius:.375rem;background:transparent}.match-hex .home-landing__hex-combo.match-hex__hex-combo:focus-within{border-color:#a64f3573;box-shadow:0 0 0 3px #a64f351f}.match-hex .home-landing__submit.match-hex__submit{margin-top:.15rem;gap:.5rem;padding:.75rem 1.1rem;min-height:2.875rem;border-radius:.875rem;font-family:Inter,system-ui,sans-serif;font-weight:600;font-size:.9375rem;background-color:var(--mcf-primary, #cc5c45)}.match-hex .home-landing__submit.match-hex__submit:hover:not(:disabled){background-color:var(--mcf-primary-hover, #b84d38)}.match-hex .home-landing__submit.match-hex__submit:disabled:hover{background-color:var(--mcf-primary, #cc5c45)}.match-hex__submit-icon{display:flex;line-height:0}.match-hex__submit-icon :global(svg){display:block}.match-hex__footnote{margin:0;text-align:center;font-family:Inter,system-ui,sans-serif;font-size:.75rem;line-height:1.4;color:#5c5f66}.match-hex__form--rgb{gap:1rem}.match-hex__rgb-fields-wrap,.match-hex__rgb-segmented{width:100%}.match-hex__hero-preview-label--rgb{font-size:clamp(1.05rem,2.5vw,1.35rem);letter-spacing:.02em;text-transform:none}.match-hex__field-error{margin:0}.match-hex__recent-hex--rgb{font-size:.58rem;letter-spacing:.02em;text-transform:none;max-width:calc(100% - 1rem);white-space:normal;line-height:1.25;word-break:break-word}@media(min-width:768px){.match-hex{padding:3rem 1.5rem 5rem}}.match-hex__recent{padding:2.5rem 1rem 3rem;background-color:var(--match-hex-page-bg, #f8f9ff)}@media(min-width:768px){.match-hex__recent{padding:3rem 1.5rem 4rem}}.match-hex__recent-inner{margin-left:auto;margin-right:auto;max-width:72rem}.match-hex__recent-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem 1.5rem;margin-bottom:1.5rem}.match-hex__recent-title{margin:0 0 .35rem;font-size:1.375rem;font-weight:700;letter-spacing:-.02em;color:#131c27}.match-hex__recent-sub{margin:0;font-size:.9375rem;line-height:1.5;color:var(--mcf-muted, #64748b)}.match-hex__recent-viewall{display:inline-flex;align-items:center;gap:.2rem;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;color:var(--mcf-primary, #cc5c45);transition:color .15s ease}.match-hex__recent-viewall:hover{color:var(--mcf-primary-hover, #b84d38)}.match-hex__recent-viewall-icon{display:flex;line-height:0}.match-hex__recent-viewall-icon :global(svg){display:block}.match-hex__recent-scroll{margin-left:-1rem;margin-right:-1rem;padding-left:1rem;padding-right:1rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable}@media(min-width:768px){.match-hex__recent-scroll{margin-left:0;margin-right:0;padding-left:0;padding-right:0;overflow:visible}}.match-hex__recent-grid{display:flex;gap:.875rem;margin:0;padding:0 0 .25rem;list-style:none}@media(min-width:768px){.match-hex__recent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;padding-bottom:0}}@media(min-width:1024px){.match-hex__recent-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.match-hex__recent-card{display:block;flex:0 0 min(42vw,10.5rem);text-decoration:none;color:inherit;transition:transform .15s ease}@media(min-width:768px){.match-hex__recent-card{flex:none}}.match-hex__recent-card:hover{transform:translateY(-2px)}.match-hex__recent-swatch{position:relative;aspect-ratio:1;width:100%;border-radius:.75rem;box-shadow:0 1px #fff9 inset,0 8px 24px #131c2714}.match-hex__recent-hex{position:absolute;left:.5rem;bottom:.5rem;border-radius:.375rem;padding:.24rem .42rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.62rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#131c27;background-color:#ffffffeb;box-shadow:0 1px 3px #0000001a}.match-hex__recent-meta{padding:.55rem .1rem 0}.match-hex__recent-brand{margin:0 0 .12rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#334155}.match-hex__recent-name{margin:0;font-size:.9375rem;font-weight:700;color:#131c27;line-height:1.25}@media(min-width:1024px){.match-hex__recent-grid>li:nth-child(3){margin-top:1.35rem}.match-hex__recent-grid>li:nth-child(5){margin-top:2.05rem}}.match-hex__band{padding:2.5rem 1rem 3rem;background-color:var(--match-hex-page-bg, #f8f9ff)}@media(min-width:768px){.match-hex__band{padding:3rem 1.5rem 4rem}}.match-hex__band-panel{margin-left:auto;margin-right:auto;max-width:72rem;border-radius:1.5rem;border:1px solid rgba(17,24,39,.06);background-color:#e8edf5;box-shadow:0 2px 14px #1118270b;padding:2rem 1.25rem 2.25rem}@media(min-width:768px){.match-hex__band-panel{padding:2.75rem 2.5rem 3rem}}.match-hex__band-title{margin:0 0 1.5rem;text-align:center;font-family:Manrope,system-ui,sans-serif;font-size:clamp(1.125rem,2.8vw,1.375rem);font-weight:800;line-height:1.28;letter-spacing:-.02em;color:#111827}@media(min-width:768px){.match-hex__band-title{margin-bottom:2rem}}.match-hex__band-grid{display:grid;gap:2rem}@media(min-width:768px){.match-hex__band-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:2.5rem;align-items:start}}.match-hex__band-left{font-family:Inter,system-ui,sans-serif;font-size:.9375rem;line-height:1.68;color:#4b5563}.match-hex__band-left :global(p){margin:0 0 1rem}.match-hex__band-left :global(p:last-child){margin-bottom:0}.match-hex__band-why-title{margin:0 0 1rem;font-size:1rem;font-weight:700;color:#1f2937}.match-hex__band-why{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.85rem}.match-hex__band-why-item{display:flex;gap:.65rem;align-items:flex-start;font-family:Inter,system-ui,sans-serif;font-size:.9375rem;line-height:1.68;color:#4b5563}.match-hex__band-why-icon{display:flex;flex-shrink:0;margin-top:.15rem;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:9999px;background-color:color-mix(in srgb,var(--mcf-primary, #cc5c45) 12%,#fff);color:var(--mcf-primary, #cc5c45);line-height:0}.match-hex__band-why-icon :global(svg){display:block}.match-hex__faq{padding:2.5rem 1rem 4rem;background-color:var(--match-hex-page-bg, #f8f9ff)}@media(min-width:768px){.match-hex__faq{padding:3rem 1.5rem 5rem}}.match-hex__faq-title{margin:0 0 1.75rem;text-align:center;font-size:1.375rem;font-weight:700;letter-spacing:-.02em;color:#131c27}.match-hex__faq-list{margin-left:auto;margin-right:auto;max-width:42rem;border-radius:.875rem;background-color:#fff;padding:.25rem 1rem .5rem;box-shadow:0 2px 12px #131c270d}.match-hex__faq-item{border-bottom:1px solid color-mix(in srgb,#ddc0ba 22%,transparent)}.match-hex__faq-item:last-child{border-bottom:none}.match-hex__faq-summary{display:flex;align-items:flex-start;gap:.65rem;list-style:none;cursor:pointer;padding:1rem .25rem 1rem 0;font-size:.9375rem;font-weight:600;color:#131c27;line-height:1.45}.match-hex__faq-summary::-webkit-details-marker{display:none}.match-hex__faq-summary:after{content:"";flex-shrink:0;width:.5rem;height:.5rem;margin-top:.35rem;margin-left:auto;border-right:2px solid var(--mcf-muted, #64748b);border-bottom:2px solid var(--mcf-muted, #64748b);transform:rotate(45deg);transition:transform .2s ease}.match-hex__faq-item[open] .match-hex__faq-summary:after{transform:rotate(-135deg);margin-top:.55rem}.match-hex__faq-icon{display:flex;flex-shrink:0;margin-top:.05rem;color:var(--mcf-primary, #cc5c45);line-height:0}.match-hex__faq-icon :global(svg){display:block}.match-hex__faq-q{flex:1;min-width:0;padding-right:.5rem}.match-hex__faq-body{padding:0 0 1.15rem 2.35rem;font-size:.875rem;line-height:1.6;color:#4a5568}.match-hex__faq-body :global(p){margin:0 0 .65rem}.match-hex__faq-body :global(p:last-child){margin-bottom:0}.match-hex__faq-body :global(code){font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8125em;padding:.1em .3em;border-radius:.25rem;background-color:color-mix(in srgb,var(--mcf-muted-bg, #f1f1ee) 90%,#fff)}.home-landing__match-landing{margin-left:auto;margin-right:auto;max-width:40rem;padding:3rem 1rem 4rem}.home-landing__match-landing-hero{margin-bottom:1.75rem}.home-landing__match-landing-h1{margin:0 0 .75rem;font-size:1.75rem;font-weight:700;line-height:1.2;letter-spacing:-.02em;color:var(--mcf-fg, #0f172a)}@media(min-width:768px){.home-landing__match-landing-h1{font-size:2.125rem}}.home-landing__match-landing-lead{margin:0;max-width:38rem;font-size:1rem;line-height:1.65;color:var(--mcf-muted, #64748b)}@media(min-width:768px){.home-landing__match-landing-lead{font-size:1.0625rem}}.home-landing__match-landing-tool{margin-top:0}@media(min-width:768px){.home-landing__match-landing{padding:3.5rem 1.5rem 5rem}}.home-landing__section{padding-left:1rem;padding-right:1rem;padding-bottom:4rem}@media(min-width:768px){.home-landing__section{padding-left:1.5rem;padding-right:1.5rem;padding-bottom:6rem}}.home-landing__grid{margin-left:auto;margin-right:auto;display:grid;max-width:64rem;gap:1.25rem}@media(min-width:768px){.home-landing__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.home-landing__card{overflow:hidden;border:1px solid var(--mcf-border, #e7e7e3);border-radius:.75rem;background-color:var(--mcf-card, #fff);transition:box-shadow .3s ease,border-color .3s ease}.home-landing__card:hover{border-color:color-mix(in srgb,var(--mcf-primary, #cc5c45) 20%,var(--mcf-border, #e7e7e3));box-shadow:0 10px 15px -3px #0f172a0f}.home-landing__card-inner{padding:1.25rem 1.25rem 1.5rem}.home-landing__badge{margin-bottom:.5rem;display:flex;height:2.5rem;width:2.5rem;align-items:center;justify-content:center;border-radius:.75rem;background-color:color-mix(in srgb,var(--mcf-primary, #cc5c45) 10%,transparent);color:var(--mcf-primary, #cc5c45);line-height:0}.home-landing__badge :global(svg){display:block}.home-landing__card-title{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:var(--mcf-fg, #0f172a)}.home-landing__card-desc{margin:0 0 .75rem;font-size:.875rem;line-height:1.6;color:var(--mcf-muted, #64748b)}.home-landing__inline-row{display:flex;align-items:center;gap:.75rem}.home-landing__swatch{flex-shrink:0;width:2.5rem;height:2.5rem;border-radius:.5rem;border:1px solid var(--mcf-border, #e7e7e3);box-shadow:0 1px 2px #0f172a0d;background-color:#e5d9c5;transition:background-color .12s ease}.home-landing__field-label--grow{display:flex;flex:1;flex-direction:column;align-items:stretch;min-width:0}.home-landing__input--grow{width:100%;min-height:2.5rem}.home-landing__hex-combo{display:flex;width:100%;min-width:0;align-items:stretch;overflow:hidden;border-radius:.625rem;border:1px solid rgba(17,24,39,.12);background-color:#fff;box-shadow:0 1px 2px #0f172a0a;transition:border-color .15s ease,box-shadow .15s ease}.home-landing__hex-combo:focus-within{border-color:color-mix(in srgb,var(--mcf-primary, #cc5c45) 50%,var(--mcf-border, #e7e7e3));box-shadow:0 1px 2px #0f172a0d,0 0 0 3px color-mix(in srgb,var(--mcf-primary, #cc5c45) 16%,transparent)}.home-landing__hex-prefix{display:flex;flex-shrink:0;align-items:center;justify-content:center;padding-left:.75rem;padding-right:.55rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1rem;font-weight:700;color:var(--mcf-muted, #64748b);user-select:none;background-color:#fff;border-right:1px solid rgba(17,24,39,.1)}.home-landing__hex-prefix :global(svg){display:block;width:1.25rem;height:1.25rem}.home-landing__hex-input{box-sizing:border-box;flex:1;min-width:0;border:none;margin:0;min-height:3rem;padding:.625rem .85rem .625rem .5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1rem;font-weight:600;color:var(--mcf-fg, #0f172a);background:transparent;outline:none}.home-landing__hex-input::placeholder{color:color-mix(in srgb,var(--mcf-muted, #64748b) 55%,#fff);font-weight:500}.home-landing__inline-row--rgb{align-items:center}.home-landing__rgb-fields{flex:1;min-width:0}.home-landing__rgb-segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;border-radius:.625rem;border:1px solid rgba(17,24,39,.12);background-color:#fff;box-shadow:0 1px 2px #0f172a0a;transition:border-color .15s ease,box-shadow .15s ease}.home-landing__rgb-segmented:focus-within{border-color:color-mix(in srgb,var(--mcf-primary, #cc5c45) 50%,var(--mcf-border, #e7e7e3));box-shadow:0 1px 2px #0f172a0d,0 0 0 3px color-mix(in srgb,var(--mcf-primary, #cc5c45) 16%,transparent)}.home-landing__rgb-segment{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.28rem;margin:0;min-height:3rem;padding:.35rem .45rem .5rem;border-right:1px solid var(--mcf-border, #e7e7e3);cursor:text;transition:background-color .12s ease}.home-landing__rgb-segment:last-child{border-right:none}.home-landing__rgb-segment:has(.home-landing__rgb-input:focus){background-color:color-mix(in srgb,var(--mcf-primary, #cc5c45) 7%,#fff)}.home-landing__rgb-key{font-size:.6875rem;font-weight:700;letter-spacing:.1em;color:var(--mcf-muted, #64748b);line-height:1;user-select:none}.home-landing__rgb-input{box-sizing:border-box;width:100%;margin:0;border:none;background:transparent;padding:.15rem .2rem 0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1rem;font-weight:600;color:var(--mcf-fg, #0f172a);text-align:center;outline:none;min-height:1.5rem;appearance:textfield}.home-landing__rgb-input::-webkit-outer-spin-button,.home-landing__rgb-input::-webkit-inner-spin-button{appearance:none;margin:0}.home-landing__rgb-input::placeholder{color:color-mix(in srgb,var(--mcf-muted, #64748b) 55%,#fff);font-weight:500}.home-landing__dropzone{position:relative;display:flex;min-height:5rem;cursor:not-allowed;flex-direction:column;align-items:center;justify-content:center;gap:.375rem;border-radius:.75rem;border:2px dashed var(--mcf-border, #e7e7e3);background-color:color-mix(in srgb,var(--mcf-muted-bg, #f1f1ee) 85%,transparent);transition:border-color .2s ease,background-color .2s ease}.home-landing__dropzone:has(.home-landing__dropzone-input:disabled){opacity:.92}.home-landing__dropzone-input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.home-landing__dropzone-body{display:flex;flex-direction:column;align-items:center;gap:.375rem;pointer-events:none}.home-landing__dropzone-icon{display:flex;line-height:0;color:var(--mcf-muted, #64748b)}.home-landing__dropzone-icon :global(svg){display:block}.home-landing__dropzone-text{font-size:.75rem;color:var(--mcf-muted, #64748b);text-align:center;padding:0 .75rem}.home-landing__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.home-landing__form{margin-top:.25rem;display:flex;flex-direction:column;gap:.5rem}.home-landing__field-label{display:block;margin:0}.home-landing__input{box-sizing:border-box;width:100%;border-radius:.5rem;border:1px solid var(--mcf-border, #e7e7e3);background-color:#fff;padding:.625rem .75rem;font-size:.875rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:var(--mcf-fg, #0f172a);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.home-landing__input:focus{border-color:color-mix(in srgb,var(--mcf-primary, #cc5c45) 55%,var(--mcf-border, #e7e7e3));box-shadow:0 0 0 3px color-mix(in srgb,var(--mcf-primary, #cc5c45) 18%,transparent)}.home-landing__input:disabled,.home-landing__input--file:disabled{cursor:not-allowed;opacity:.65;background-color:var(--mcf-muted-bg, #f1f1ee)}.home-landing__field-error{margin:0;font-size:.75rem;line-height:1.4;color:#b91c1c}.home-landing__submit{margin-top:.25rem;display:inline-flex;width:100%;align-items:center;justify-content:center;border:none;border-radius:.875rem;background-color:var(--mcf-primary, #cc5c45);padding:.625rem 1rem;font-size:.875rem;font-weight:600;color:#fff;cursor:pointer;transition:background-color .15s ease}.home-landing__submit:hover{background-color:var(--mcf-primary-hover, #b84d38)}.home-landing__submit:disabled{cursor:not-allowed;opacity:.55}.home-landing__submit:disabled:hover{background-color:var(--mcf-primary, #cc5c45)}