:root{--paper:#f3f0e8;--ink:#171714;--muted:#6e6b62;--line:#cbc6b8;--signal:#ff4d00;--panel:#faf8f2;--mono:"SFMono-Regular",Consolas,monospace;--sans:Inter,ui-sans-serif,system-ui,sans-serif;--serif:Georgia,"Times New Roman",serif}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:var(--sans)}body{margin:0;min-height:100vh}.masthead{height:72px;padding:0 3vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink);position:sticky;top:0;background:rgba(243,240,232,.94);backdrop-filter:blur(16px);z-index:10}.wordmark{font-weight:700;letter-spacing:-.03em}.wordmark span{display:inline-grid;place-items:center;background:var(--ink);color:var(--paper);width:34px;height:34px;margin-right:10px;font:11px var(--mono);letter-spacing:0}.masthead a{color:inherit;text-decoration:none}.masthead nav{display:flex;align-items:center;gap:22px;font:12px var(--mono);text-transform:uppercase}.quiet-button{font:inherit;text-transform:inherit;background:none;border:0;cursor:pointer;padding:8px}.quiet-button b{display:inline-grid;place-items:center;background:var(--signal);color:white;border-radius:50%;width:20px;height:20px}.hero{padding:7vw 3vw 4vw;border-bottom:1px solid var(--ink);display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.5fr);gap:5vw}.eyebrow,.label{font:11px var(--mono);letter-spacing:.1em;text-transform:uppercase}.hero h1{font:clamp(54px,9vw,130px)/.83 var(--serif);letter-spacing:-.075em;margin:18px 0 28px;max-width:1050px}.hero h1 em{color:var(--signal);font-weight:400}.hero-copy{align-self:end;color:var(--muted);font-size:16px;line-height:1.55;max-width:430px}.hero-stats{display:flex;gap:28px;margin-top:35px}.hero-stats b{display:block;font:32px var(--serif)}.hero-stats span{font:10px var(--mono);text-transform:uppercase}.toolbar{padding:18px 3vw;border-bottom:1px solid var(--line);display:flex;gap:12px;position:sticky;top:72px;background:var(--paper);z-index:9}.search{flex:1;background:transparent;border:0;border-bottom:1px solid var(--ink);font:18px var(--serif);padding:10px 2px;outline:0}.select{background:var(--panel);border:1px solid var(--line);padding:0 16px;font:11px var(--mono);text-transform:uppercase}.catalog{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--line)}.card{min-width:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px;min-height:330px;background:var(--panel);position:relative;cursor:pointer;transition:transform .16s,box-shadow .16s}.card:hover{z-index:2;transform:translateY(-4px);box-shadow:0 18px 40px #29261d1a}.card-top{display:flex;justify-content:space-between;gap:10px;font:10px var(--mono);text-transform:uppercase;color:var(--muted)}.check{appearance:none;width:18px;height:18px;border:1px solid var(--ink);margin:0}.check:checked{background:var(--signal);box-shadow:inset 0 0 0 3px var(--panel)}.swatches{display:flex;height:96px;margin:22px 0 19px}.swatches i{flex:1;min-width:8px}.card h2{font:28px/1 var(--serif);letter-spacing:-.04em;margin:0 0 10px;overflow-wrap:anywhere}.card p{color:var(--muted);font-size:12px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-meta{position:absolute;bottom:20px;left:22px;right:22px;display:flex;justify-content:space-between;font:10px var(--mono);text-transform:uppercase}.empty{padding:10vw 3vw;font:42px var(--serif)}.detail{padding:4vw 3vw}.back{background:none;border:0;padding:0 0 30px;font:11px var(--mono);cursor:pointer}.detail-head{display:grid;grid-template-columns:1fr 1fr;gap:5vw;border-bottom:1px solid var(--ink);padding-bottom:4vw}.detail h1{font:clamp(48px,8vw,110px)/.9 var(--serif);letter-spacing:-.065em;margin:20px 0}.detail-desc{font:18px/1.55 var(--serif);color:var(--muted);align-self:end}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.button{background:var(--ink);color:white;border:1px solid var(--ink);padding:12px 16px;font:11px var(--mono);text-decoration:none;cursor:pointer}.button.alt{background:transparent;color:var(--ink)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);margin-top:1px}.block{background:var(--panel);padding:30px}.block h3{font:11px var(--mono);text-transform:uppercase;letter-spacing:.1em;margin:0 0 24px}.palette{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.color{height:120px;padding:10px;display:flex;align-items:flex-end;font:9px var(--mono);overflow:hidden}.agent-code{white-space:pre-wrap;background:var(--ink);color:#f7f2e7;padding:22px;font:12px/1.6 var(--mono);min-height:150px}.compare{padding:4vw 3vw}.compare h1{font:clamp(48px,7vw,96px)/.9 var(--serif);letter-spacing:-.06em}.compare-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--ink);border:1px solid var(--ink)}.compare-col{background:var(--panel);padding:28px}.compare-col select{width:100%;padding:12px;background:white;border:1px solid var(--line)}.metric{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:18px 0;border-bottom:1px solid var(--line)}.metric dt{font:10px var(--mono);text-transform:uppercase;color:var(--muted)}.metric dd{margin:0;font:15px var(--serif)}footer{padding:28px 3vw;display:flex;justify-content:space-between;font:10px var(--mono);border-top:1px solid var(--ink)}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:12px 18px;font:11px var(--mono);z-index:30}.loading{padding:20vh 3vw;font:36px var(--serif)}@media(max-width:1000px){.catalog{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.detail-head{grid-template-columns:1fr}}@media(max-width:620px){.masthead{padding:0 18px}.masthead nav a{display:none}.hero,.detail,.compare{padding:42px 18px}.hero h1{font-size:58px}.toolbar{padding:12px 18px;flex-wrap:wrap}.search{flex-basis:100%}.select{height:42px;flex:1}.catalog{grid-template-columns:1fr}.detail-grid,.compare-grid{grid-template-columns:1fr}.palette{grid-template-columns:repeat(2,1fr)}footer{gap:10px;flex-direction:column}}