@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/_astro/archivo-vietnamese-wdth-normal.rJmnGBSt.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/_astro/archivo-latin-ext-wdth-normal.7khWdh9v.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/_astro/archivo-latin-wdth-normal.DY7AcnAa.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light;--page: #f1f3f8;--surface: #ffffff;--field: #f6f8fc;--ink: #1a2040;--muted: #545c7a;--faint: #7d84a0;--line: #dde2ec;--line-strong: #c6cddd;--notice: #fff4d4;--radius-s: 10px;--radius-m: 16px;--radius-l: 24px;--lift: 0 1px 2px rgb(26 32 64 / .06), 0 10px 24px -12px rgb(26 32 64 / .24);--lift-high: 0 2px 4px rgb(26 32 64 / .06), 0 24px 44px -18px rgb(26 32 64 / .34);--font: "Archivo Variable", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--gutter: 32px;--hue: #5677ff;--hue-edge: #3554db;--hue-ink: #2a45c4;--hue-deep: #1c2f8c;--hue-tint: #e3e9ff;font-family:var(--font);font-synthesis:none}[data-hue=marigold]{--hue: #ffc43d;--hue-edge: #e09b0c;--hue-ink: #8a5300;--hue-deep: #5e3800;--hue-tint: #fff3d1}[data-hue=tomato]{--hue: #ff6a43;--hue-edge: #d94a22;--hue-ink: #b2340f;--hue-deep: #7f230a;--hue-tint: #ffe6dd}[data-hue=fern]{--hue: #55bb62;--hue-edge: #36924a;--hue-ink: #22703a;--hue-deep: #154d27;--hue-tint: #e2f4e1}[data-hue=lagoon]{--hue: #22b3a4;--hue-edge: #0f8a7e;--hue-ink: #0b6c63;--hue-deep: #064a44;--hue-tint: #d8f3ef}[data-hue=cobalt]{--hue: #5677ff;--hue-edge: #3554db;--hue-ink: #2a45c4;--hue-deep: #1c2f8c;--hue-tint: #e3e9ff}[data-hue=orchid]{--hue: #a865ea;--hue-edge: #7f3fcc;--hue-ink: #6c30b8;--hue-deep: #4b1f82;--hue-tint: #f0e5fc}:root,[data-hue]{--accent: var(--hue-ink);--on-accent: #fff;--accent-edge: var(--hue-deep)}[data-hue=marigold]{--accent: var(--hue);--on-accent: var(--ink);--accent-edge: var(--hue-edge)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--page);color:var(--ink);font-size:1.0625rem;line-height:1.6;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:inherit;text-underline-offset:4px;text-decoration-thickness:1.5px}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,summary,label{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--ink);outline-offset:3px}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}h1,h2{font-stretch:118%;font-weight:800;letter-spacing:-.025em;text-wrap:balance}h1{font-size:clamp(2.2rem,4.4vw,3.4rem);line-height:1.04;margin-bottom:16px}h2{font-size:clamp(1.5rem,2.6vw,2.1rem);line-height:1.12;margin-bottom:12px}h3{font-size:1.12rem;font-weight:750;line-height:1.3;letter-spacing:-.01em;margin-bottom:8px}p{margin-bottom:1em}ul{padding-left:1.2em}li{margin-bottom:.4em}code,.mono{font-family:var(--mono);font-size:.9em}.wrap{width:min(1200px,calc(100% - 2 * var(--gutter)));margin-inline:auto}.muted{color:var(--muted)}.small{font-size:.9rem}.lede{color:var(--muted);font-size:1.15rem;line-height:1.6;max-width:680px}.screen-note{font-size:.85rem;color:var(--faint)}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px;padding:5px 12px 5px 8px;border-radius:999px;background:var(--surface);color:var(--hue-ink);font-size:.85rem;font-weight:700;line-height:1.3;box-shadow:inset 0 0 0 1.5px var(--hue-tint),0 1px 2px #1a20400f}.eyebrow:before{content:"";width:12px;height:12px;border-radius:4px;background:var(--hue);box-shadow:0 2px 0 var(--hue-edge);flex:none}.skip{position:fixed;left:16px;top:-100px;z-index:100;background:var(--surface);padding:12px 16px;border-radius:var(--radius-s);box-shadow:var(--lift)}.skip:focus{top:12px}.text-link{color:var(--hue-ink);font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:color-mix(in srgb,var(--hue-ink) 35%,transparent)}.text-link:hover{text-decoration-color:currentColor}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 22px;border:0;border-radius:14px;font-size:1rem;font-weight:750;line-height:1.2;text-align:center;text-decoration:none;position:relative;transition:transform .12s ease,box-shadow .12s ease,background-color .15s ease}.btn-primary{background:var(--accent);color:var(--on-accent);box-shadow:0 5px 0 var(--accent-edge),var(--lift)}.btn-primary:hover{filter:brightness(1.08)}.btn-secondary{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 2px var(--line-strong),0 5px 0 var(--line-strong)}.btn-secondary:hover{background:var(--field)}.btn:active:not(:disabled){transform:translateY(4px)}.btn-primary:active:not(:disabled){box-shadow:0 1px 0 var(--accent-edge)}.btn-secondary:active:not(:disabled){box-shadow:inset 0 0 0 2px var(--line-strong),0 1px 0 var(--line-strong)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-row{display:flex;gap:12px 14px;flex-wrap:wrap}.site-header{background:var(--surface);box-shadow:0 1px 0 var(--line);position:relative;z-index:20}.header-inner{min-height:76px;display:flex;align-items:center;gap:24px}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);flex:none}.brand-mark{position:relative;width:34px;height:34px;flex:none}.brand-mark i{position:absolute;bottom:2px;left:11px;width:13px;height:30px;border-radius:4px;transform-origin:50% 100%;box-shadow:inset 0 -9px #ffffff8c}.brand-mark i:nth-child(1){background:#ffc43d;transform:rotate(-28deg)}.brand-mark i:nth-child(2){background:#22b3a4}.brand-mark i:nth-child(3){background:#ff6a43;transform:rotate(28deg)}.brand-name{font-size:1.4rem;font-stretch:118%;font-weight:800;letter-spacing:-.03em;line-height:1;white-space:nowrap}.brand-name span{font-weight:450}.header-links{margin-left:auto;display:flex;align-items:center;gap:2px;flex-wrap:wrap;justify-content:flex-end}.header-links a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border-radius:12px;font-size:.95rem;font-weight:650;text-decoration:none;transition:background-color .15s ease}.header-links a:hover{background:var(--page)}.header-links a[aria-current=page]{background:var(--hue-tint);color:var(--hue-ink)}.nav-cta{flex:none;min-height:44px;padding:0 16px;font-size:.95rem}.site-footer{margin-top:72px;padding:48px 0 28px;background:var(--ink);color:#c7cde2}.footer-top{display:flex;justify-content:space-between;gap:36px;padding-bottom:28px}.footer-brand{color:#fff}.footer-top p{margin:12px 0 0;font-size:.95rem;max-width:420px}.footer-top nav{display:flex;flex-wrap:wrap;gap:0 24px;align-content:center;justify-content:flex-end;max-width:560px}.footer-top nav a{display:inline-flex;align-items:center;min-height:44px;color:#fff;font-weight:600;text-decoration:none}.footer-top nav a:hover{text-decoration:underline}.footer-sister{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:18px 20px;margin-bottom:28px;border-radius:var(--radius-m);background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff1a}.footer-sister .brand{color:#fff}.footer-sister .brand-name{font-size:1.15rem}.footer-sister .brand-mark{transform:scale(.85)}.footer-sister p{margin:0;flex:1 1 260px;font-size:.95rem}.footer-sister a.go{color:#fff;font-weight:700;white-space:nowrap}.footer-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:20px 0;border-top:1px solid rgb(255 255 255 / .14);font-size:.875rem}.footer-notes strong{color:#fff;display:block;margin-bottom:4px}.footer-notes p{margin:0}.footer-notes a{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:20px;border-top:1px solid rgb(255 255 255 / .14);font-size:.875rem}.site-footer a:focus-visible{outline-color:#fff}.draft-banner{background:var(--notice);box-shadow:inset 0 -1px #f0dc9a;font-size:.92rem}.draft-banner .wrap{padding-top:10px;padding-bottom:10px}.page-hero{position:relative;overflow:hidden;background:var(--hue-tint);padding:28px 0 44px}.page-hero:after{content:"";position:absolute;right:-40px;bottom:-60px;width:260px;height:260px;border-radius:60px;background:var(--hue);opacity:.22;transform:rotate(18deg);pointer-events:none}.page-hero .wrap{position:relative;z-index:1}.page-hero h1{max-width:900px;margin-bottom:12px}.page-hero .lede{margin:0}.page-hero .eyebrow{margin-bottom:10px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px;font-size:.9rem;color:var(--muted)}.breadcrumbs a{color:var(--hue-ink);font-weight:650;text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.hero-row{display:flex;align-items:flex-start;gap:24px}.hero-chip{flex:none;display:grid;place-items:center;width:92px;height:92px;border-radius:24px;background:var(--hue);box-shadow:0 6px 0 var(--hue-edge);transform:rotate(-4deg)}.hero-chip svg{width:58px;height:58px;padding:12px;border-radius:50%;background:#fff;color:var(--hue-ink);stroke-width:1.9}.plain-hero{padding:40px 0 8px}.section{padding:48px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;margin-bottom:24px}.section-head h2,.section-head p{margin:0}.section-head>a{color:var(--hue-ink);font-weight:700;text-decoration-thickness:2px;text-decoration-color:color-mix(in srgb,var(--hue-ink) 35%,transparent);white-space:nowrap}.section-head>a:hover{text-decoration-color:currentColor}.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:26px 22px}.tool-chip{position:relative;display:flex;flex-direction:column;min-width:0;background:var(--surface);border-radius:var(--radius-l);overflow:hidden;box-shadow:0 6px 0 var(--hue-edge),var(--lift);transition:transform .2s ease,box-shadow .2s ease}.tool-chip:hover,.tool-chip:focus-within{transform:translateY(-5px) rotate(-1deg);box-shadow:0 11px 0 var(--hue-edge),var(--lift-high)}.tool-chip-color{position:relative;display:flex;align-items:center;height:120px;padding-left:22px;background:var(--hue)}.tool-chip-color>svg{position:relative;z-index:1;width:64px;height:64px;padding:14px;border-radius:50%;background:#fff;color:var(--hue-ink);stroke-width:1.9;box-shadow:0 4px 0 var(--hue-edge)}.tool-chip-shades{position:absolute;top:0;right:0;bottom:0;width:30%;display:grid;grid-template-rows:1fr 1fr 1fr}.tool-chip-shades i:nth-child(1){background:var(--hue-tint)}.tool-chip-shades i:nth-child(2){background:var(--hue-edge)}.tool-chip-shades i:nth-child(3){background:var(--hue-deep)}.tool-chip-body{flex:1;padding:18px 22px 22px}.tool-chip-title{margin:0 0 6px;font-size:1.2rem}.tool-chip-title a{text-decoration:none}.tool-chip-title a:after{content:"";position:absolute;inset:0;border-radius:var(--radius-l)}.tool-chip-title a:focus-visible{outline:none}.tool-chip:has(a:focus-visible){outline:3px solid var(--ink);outline-offset:4px}.tool-chip-body p{margin:0;color:var(--muted);font-size:.95rem;line-height:1.5}.tool-chip-site{display:inline-block;margin-top:10px;font-size:.8rem;font-weight:700;color:var(--hue-ink)}.grid{display:grid;gap:22px 18px;grid-template-columns:repeat(auto-fill,minmax(168px,1fr))}.grid-wide{display:grid;gap:24px 20px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.card{position:relative;background:var(--surface);border-radius:var(--radius-m);overflow:hidden;text-decoration:none;display:flex;flex-direction:column;box-shadow:0 4px 0 var(--line-strong),var(--lift);transition:transform .2s ease,box-shadow .2s ease}a.card:hover,a.card:focus-visible{transform:translateY(-4px) rotate(-1deg);box-shadow:0 8px 0 var(--line-strong),var(--lift-high)}.card .chip{aspect-ratio:4 / 3;box-shadow:inset 0 -1px #1a20400f}.card .strip{display:grid;grid-auto-flow:column;grid-auto-columns:1fr}.card .strip .chip{aspect-ratio:auto;height:76px}.card .pair{display:grid;grid-template-columns:1fr 1fr}.card .body{padding:12px 14px 14px}.card .name{font-weight:750;letter-spacing:-.01em;line-height:1.3}.card .meta{color:var(--muted);font-size:.85rem;margin-top:2px}.tag{display:inline-block;font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--hue-tint);color:var(--hue-ink)}.home-hero{padding:56px 0 24px}.home-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:56px;align-items:center}.home-copy h1{font-size:clamp(2.5rem,4.8vw,4rem);line-height:.98;margin-bottom:22px}.home-copy .lede{max-width:500px;margin-bottom:28px}.home-stats{display:flex;gap:10px 24px;flex-wrap:wrap;margin:24px 0 0;padding:0;list-style:none;color:var(--muted);font-size:.95rem}.home-stats li{margin:0}.home-stats strong{color:var(--ink);font-weight:800}.room-demo{background:var(--surface);border-radius:28px;padding:24px;box-shadow:0 8px 0 var(--line-strong),var(--lift-high)}.room-demo h2{font-size:1.3rem;font-stretch:105%;margin:0 0 14px}.room-stage{position:relative;border-radius:20px;background:linear-gradient(180deg,#eceef1,#f6f7f8);padding:4px 0 0}.room-svg{display:block;width:100%;height:auto}.room-floor{fill:#e6dac6;stroke:#d6c8b0;stroke-width:1;stroke-linejoin:round}.room-wall{fill:var(--wall);stroke:#1a20401a;stroke-width:1;stroke-linejoin:round;transition:fill .35s ease}.room-shade{fill:#1a2040;opacity:.12}.room-base{fill:#fff}.room-base-side{fill:#eef0f4}.room-window{fill:#dcefff;stroke:#fff;stroke-width:3;stroke-linejoin:round}.room-door{fill:#fbfaf8;stroke:#1a204029;stroke-width:1.5;stroke-linejoin:round}.room-swatches{position:absolute;top:12px;right:12px;display:grid;grid-template-columns:repeat(2,30px);gap:8px}.swatch-button{width:30px;height:30px;padding:0;border:3px solid #fff;border-radius:9px;background:var(--swatch);box-shadow:0 2px #1a20402e,0 4px 10px -4px #1a20404d;transition:transform .15s ease}.swatch-button:hover{transform:scale(1.1)}.swatch-button[aria-pressed=true]{transform:scale(1.12);box-shadow:0 0 0 2px var(--ink),0 4px 10px -4px #1a20404d}.room-result{display:flex;align-items:center;justify-content:space-between;gap:12px 16px;flex-wrap:wrap;padding:16px 0 18px}.room-color-name{margin:0;font-size:1.6rem;font-stretch:118%;font-weight:800;letter-spacing:-.02em;line-height:1.1}.room-color-meta{margin:4px 0 0;color:var(--muted);font-size:.95rem}.room-result a{font-size:.95rem}.room-open{width:100%}.cta-band{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;padding:28px;border-radius:var(--radius-l);background:var(--surface);box-shadow:0 6px 0 var(--hue-edge),var(--lift)}.cta-band .hero-chip{width:76px;height:76px;border-radius:20px}.cta-band .hero-chip svg{width:48px;height:48px;padding:10px}.cta-band h2{font-size:clamp(1.35rem,2.2vw,1.75rem);margin-bottom:6px}.cta-band p{margin:0;color:var(--muted)}.sister-card{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:20px 22px;border-radius:var(--radius-l);background:var(--surface);box-shadow:inset 0 0 0 2px var(--hue-tint),var(--lift)}.sister-card .brand-name{font-size:1.15rem}.sister-card .brand{gap:10px}.sister-card .brand-mark{transform:scale(.85)}.sister-card p{margin:0;flex:1 1 280px;color:var(--muted)}.sister-card p strong{color:var(--ink)}.swatch-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:36px;padding:36px 0 8px;align-items:stretch}.swatch{border-radius:var(--radius-l);min-height:380px;position:relative;overflow:hidden;box-shadow:0 6px #1a20401f,var(--lift-high)}.swatch .swatch-label{position:absolute;left:20px;bottom:18px;font-size:.9rem}.swatch.text-dark{color:#1c1c1a}.swatch.text-light{color:#fafaf8}.hero-copy{display:flex;flex-direction:column;justify-content:center}.hero-copy .code{font-family:var(--mono);color:var(--muted);font-size:.95rem;margin-bottom:8px}.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}.facts div{background:var(--surface);padding:12px 14px;border-radius:var(--radius-s);box-shadow:inset 0 0 0 1.5px var(--line)}.facts dt{font-size:.75rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.facts dd{margin:2px 0 0;font-weight:750;font-size:1.05rem}.lrv-bar{height:10px;border-radius:999px;background:linear-gradient(90deg,#111,#fff);box-shadow:inset 0 0 0 1px var(--line-strong);position:relative;margin-top:8px}.lrv-bar span{position:absolute;top:-6px;width:6px;height:22px;background:var(--ink);border:2px solid #fff;border-radius:4px;transform:translate(-3px)}.gallery{display:grid;gap:22px 18px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.photo{margin:0;background:var(--surface);border-radius:var(--radius-m);overflow:hidden;box-shadow:var(--lift)}.photo figcaption{padding:12px 14px;font-size:.9rem}.photo .meta{color:var(--muted);font-size:.82rem;margin-top:4px}.photo-slot{aspect-ratio:4 / 3;display:grid;place-items:center;text-align:center;padding:16px;color:var(--muted);font-size:.85rem}.matches{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.match-brand{background:var(--surface);border-radius:var(--radius-l);padding:20px;box-shadow:var(--lift)}.match{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line);color:inherit}.match:first-of-type{border-top:0}.match .dot{width:48px;height:48px;border-radius:12px;box-shadow:inset 0 0 0 1px #1a204014,0 2px #1a20401f}.match .de{font-family:var(--mono);font-size:.85rem;text-align:right;font-weight:600}.match .verdict{display:block;color:var(--muted);font-size:.78rem}.compare-hero{display:grid;grid-template-columns:1fr 1fr;border-radius:var(--radius-l);overflow:hidden;margin:24px 0;box-shadow:var(--lift-high)}.compare-hero>div{min-height:280px;padding:20px;display:flex;flex-direction:column;justify-content:flex-end}.table{width:100%;border-collapse:separate;border-spacing:0;background:var(--surface);border-radius:var(--radius-m);overflow:hidden;box-shadow:var(--lift)}.table th,.table td{text-align:left;padding:12px 16px;border-top:1px solid var(--line);vertical-align:top}.table thead th{border-top:0;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:var(--field)}.callout{background:var(--surface);border-radius:var(--radius-l);padding:24px 26px;box-shadow:var(--lift)}.callout.local{box-shadow:inset 0 0 0 2px var(--hue-tint),var(--lift)}.callout h3{font-size:1.2rem}.editor{background:var(--notice);border-radius:var(--radius-m);padding:16px 18px;font-size:.92rem;margin:20px 0 0}.editor h3{margin-bottom:6px}.calc{background:var(--surface);border-radius:var(--radius-l);padding:28px;display:grid;gap:22px 20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end;box-shadow:var(--lift)}.calc label{display:grid;gap:8px;font-size:.95rem;font-weight:700;color:var(--ink);line-height:1.4}.calc input:not([type=checkbox]):not([type=radio]):not([type=file]),.calc select,.field-input{width:100%;min-height:52px;padding:12px 14px;border:2px solid var(--line);border-radius:14px;background:var(--field);color:var(--ink);font-size:1.02rem;font-weight:650;font-variant-numeric:tabular-nums;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.calc input:hover,.calc select:hover,.field-input:hover{border-color:var(--line-strong)}.calc input:focus-visible,.calc select:focus-visible,.field-input:focus-visible{outline:none;background:#fff;border-color:var(--hue-ink);box-shadow:0 0 0 4px var(--hue-tint)}.calc select{-webkit-appearance:none;appearance:none;padding-right:44px;cursor:pointer;background:var(--field) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%231a2040' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 8 5 5 5-5'/%3E%3C/svg%3E") right 14px center / 20px 20px no-repeat}.calc input[type=file]{font-size:.95rem;font-weight:500;padding:12px;border:2px dashed var(--line-strong);border-radius:14px;background:var(--field)}.calc input[type=checkbox],.calc input[type=radio]{width:20px;height:20px;accent-color:var(--hue-ink)}.calc .check{display:flex;align-items:center;gap:10px;min-height:52px;font-weight:650}.calc .check input{flex:none}.calc-result{grid-column:1 / -1;padding:18px 20px;border-radius:var(--radius-m);background:var(--hue-tint);font-size:1.05rem}.calc-result strong{font-size:1.9rem;font-stretch:118%;font-weight:800;letter-spacing:-.02em;margin-right:4px}.calc-result .match-brand{box-shadow:inset 0 0 0 1.5px var(--line)}.calc-result:has(.matches){background:transparent;padding:0}.calc-result .match strong{font-size:1rem;font-stretch:100%;font-weight:750;letter-spacing:0;margin:0}.search{display:flex;gap:8px;max-width:560px}.search input{flex:1;min-height:54px;padding:12px 18px;border-radius:16px;border:2px solid var(--line);background:#fff;font-size:1.02rem;font-weight:600;box-shadow:0 3px 0 var(--line)}.search input:focus-visible{outline:none;border-color:var(--hue-ink);box-shadow:0 0 0 4px var(--hue-tint)}.lib{display:grid;grid-template-columns:240px minmax(0,1fr);gap:36px;padding-top:28px}.lib-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0 4px}.lib-tools select{min-height:44px;padding:6px 36px 6px 12px;border:2px solid var(--line);border-radius:12px;margin-left:6px;font-weight:650;background:#fff}.chip-toggle{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:12px;font-size:.92rem;font-weight:650;cursor:pointer;background:var(--surface);box-shadow:inset 0 0 0 2px var(--line-strong),0 3px 0 var(--line-strong)}.chip-toggle:has(input:checked){background:var(--hue-tint);color:var(--hue-ink);box-shadow:inset 0 0 0 2px var(--hue-ink),0 3px 0 var(--hue-deep)}.chip-toggle input{accent-color:var(--hue-ink)}@media(max-width:1000px){:root{--gutter: 24px}.home-grid{grid-template-columns:1fr;gap:36px}.header-inner{flex-wrap:wrap;gap:4px 12px;padding:12px 0 8px}.header-links{order:3;width:100%;margin-left:-12px;justify-content:flex-start}.nav-cta{margin-left:auto}}@media(max-width:860px){.lib{grid-template-columns:1fr;gap:8px}}@media(max-width:760px){:root{--gutter: 16px}body{font-size:1rem}.section{padding:40px 0}.lede{font-size:1.05rem}.brand-name{font-size:1.25rem}.header-links{flex-wrap:nowrap;overflow-x:auto;margin-right:-16px;padding-right:16px;scrollbar-width:none}.header-links a{padding:0 10px;white-space:nowrap}.home-hero{padding:32px 0 8px}.home-copy h1{font-size:clamp(2.3rem,11vw,3.2rem)}.room-demo{padding:18px;border-radius:22px}.page-hero{padding:20px 0 32px}.hero-row{gap:16px}.hero-chip{width:64px;height:64px;border-radius:18px}.hero-chip svg{width:42px;height:42px;padding:9px}.swatch-hero{grid-template-columns:1fr;gap:24px}.swatch{min-height:240px}.facts{grid-template-columns:repeat(2,minmax(0,1fr))}.compare-hero>div{min-height:180px}.gallery{grid-template-columns:1fr 1fr;gap:12px}.photo-slot{font-size:.75rem;padding:8px}.grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px 12px}.calc{padding:20px 18px}.tool-grid{grid-template-columns:1fr;gap:18px}.tool-chip{flex-direction:row}.tool-chip-color{width:104px;height:auto;min-height:112px;padding:0;justify-content:center;flex:none}.tool-chip-color>svg{width:56px;height:56px;padding:12px}.tool-chip-shades{top:auto;left:0;width:auto;height:18px;grid-template-rows:none;grid-template-columns:1fr 1fr 1fr}.tool-chip-body{padding:16px 18px;align-self:center}.tool-chip-title{font-size:1.1rem}.tool-chip:hover,.tool-chip:focus-within{transform:translateY(-3px)}.cta-band{grid-template-columns:1fr;gap:16px;padding:22px}.cta-band .hero-chip{display:none}.footer-top{flex-direction:column;gap:16px}.footer-top nav{justify-content:flex-start}.footer-notes{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.tool-chip:hover,.tool-chip:focus-within,a.card:hover,.btn:active:not(:disabled){transform:none}}