:root{--background:#f7f7f4;--surface:#ffffff;--surface-soft:#f0f0ec;--ink:#111111;--muted:#686860;--border:#deded7;--green:#248a54;--green-soft:#e8f6ee;--cyan:#087b8f;--cyan-soft:#e5f6f8;--amber:#a66a00;--amber-soft:#fff2d7;--coral:#c84a31;--coral-soft:#fff0ec;--violet:#6650a6;--blue:#1f679c;--brown:#7c4b2a;--shadow:0 20px 70px rgba(17,17,17,0.07)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.page-shell{width:min(1240px,calc(100vw - 32px));margin:0 auto}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:10;gap:24px;min-height:64px;padding:14px 0;background:color-mix(in srgb,var(--background) 90%,transparent);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand,.card-actions,.eyebrow,.filter-title,.header-action,.hero-metrics,.name-row,.site-header,.site-nav,.status,.submit-link{display:flex;align-items:center}.brand{gap:10px;font-weight:800;letter-spacing:0}.brand-mark,.logo{display:inline-flex;align-items:center;justify-content:center;color:white;background:var(--ink);flex:0 0 auto}.brand-mark{width:30px;height:30px;border-radius:9px;font-size:14px}.site-nav{gap:18px;margin-left:auto;font-size:14px;color:var(--muted)}.site-nav a:hover{color:var(--ink)}.header-action,.submit-link,.visit-button{gap:8px;border:1px solid var(--ink);background:var(--ink);color:white;border-radius:9px;padding:10px 14px;font-size:13px;font-weight:700}.hero{display:grid;grid-template-columns:1fr auto;grid-gap:32px;gap:32px;padding:36px 0 28px;border-bottom:1px solid var(--border)}.hero-copy{max-width:760px}.eyebrow{gap:8px;width:-moz-fit-content;width:fit-content;padding:6px 10px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--muted);font-size:12px;font-weight:700}h1,h2,h3,p{margin:0}h1{font-size:clamp(34px,5vw,64px);line-height:.95;letter-spacing:0}.hero p,h1{margin-top:16px}.hero p{max-width:680px;color:var(--muted);font-size:17px;line-height:1.65}.hero-metrics{gap:10px;align-self:end}.metric{min-width:116px;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.metric strong{display:block;font-size:24px;line-height:1}.metric span{display:block;margin-top:6px;color:var(--muted);font-size:12px}.shortlist{padding:26px 0;border-bottom:1px solid var(--border)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}.kicker{display:block;color:var(--amber);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}h2{margin-top:4px;font-size:22px;letter-spacing:0}.filter-pill,.ghost-button,.icon-button,.like-button,.mini-card{border:1px solid var(--border);background:var(--surface);color:var(--ink);border-radius:9px}.ghost-button{padding:9px 12px;color:var(--muted);font-size:13px;font-weight:700}.shortlist-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(178px,1fr);grid-gap:10px;gap:10px;overflow-x:auto;padding-bottom:4px}.mini-card{display:grid;grid-template-columns:auto 1fr;grid-gap:10px;gap:10px;align-items:center;min-height:94px;padding:12px;text-align:left}.mini-card:hover,.product-card:hover{border-color:#b9b9af;box-shadow:var(--shadow)}.mini-card span{min-width:0}.mini-card small,.mini-card strong{display:block}.mini-card strong{font-size:14px}.mini-card small{margin-top:3px;color:var(--muted);font-size:11px}.mini-like{grid-column:1/-1;display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:12px}.directory{display:grid;grid-template-columns:224px 1fr;grid-gap:28px;gap:28px;padding:28px 0 40px}.filters{position:-webkit-sticky;position:sticky;top:88px;align-self:start;display:flex;flex-direction:column;gap:22px}.filter-title{gap:8px;letter-spacing:.08em;text-transform:uppercase}.filter-group>span,.filter-title{color:var(--muted);font-size:12px;font-weight:800}.filter-group>span{display:block;margin-bottom:9px}.filter-group>div{display:flex;flex-wrap:wrap;gap:7px}.filter-pill{padding:8px 10px;color:var(--muted);font-size:12px}.filter-pill.active,.icon-button.active,.like-button.active{border-color:color-mix(in srgb,var(--green) 35%,white);background:var(--green-soft);color:var(--green)}.catalog{min-width:0}.toolbar{display:grid;grid-template-columns:1fr 180px;grid-gap:12px;gap:12px}.search-box{display:flex;align-items:center;gap:10px;min-width:0;padding:0 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.search-box input{width:100%;height:48px;border:0;outline:0;background:transparent;color:var(--ink)}.sort-select{height:48px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--ink);padding:0 12px}.result-line{display:flex;justify-content:space-between;gap:16px;margin:14px 0;color:var(--muted);font-size:13px}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.product-card{display:flex;flex-direction:column;gap:16px;min-height:360px;padding:18px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.card-top{display:grid;grid-template-columns:auto 1fr auto;grid-gap:12px;gap:12px;align-items:start}.logo{width:42px;height:42px;border-radius:12px;font-size:12px;font-weight:800}.logo-ink{background:var(--ink)}.logo-green{background:var(--green)}.logo-cyan{background:var(--cyan)}.logo-amber{background:var(--amber)}.logo-coral{background:var(--coral)}.logo-violet{background:var(--violet)}.logo-blue{background:var(--blue)}.logo-brown{background:var(--brown)}.logo-teal{background:#117a65}.name-row{flex-wrap:wrap;gap:8px}h3{font-size:20px;line-height:1.1}.card-top p{margin-top:6px;color:var(--muted);font-size:13px;line-height:1.4}.status{gap:4px;border-radius:999px;background:var(--green-soft);color:var(--green);padding:4px 7px;font-size:11px;font-weight:700}.score{text-align:right}.score strong{display:block;color:var(--green);font-size:22px;line-height:1}.score span{display:block;margin-top:4px;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase}.description{color:#33332f;font-size:14px;line-height:1.58}.chips{display:flex;flex-wrap:wrap;gap:7px}.chips span{border-radius:999px;background:var(--surface-soft);color:#44443f;padding:6px 9px;font-size:12px;font-weight:700}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;margin-top:auto;padding-top:14px;border-top:1px solid var(--border)}.detail-grid span{color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}.detail-grid p{margin-top:6px;color:#33332f;font-size:12px;line-height:1.45}.card-actions{gap:9px;padding-top:2px}.icon-button,.like-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 11px;color:var(--muted);font-size:13px;font-weight:700}.icon-button{width:38px;padding:0}.visit-button{display:inline-flex;margin-left:auto;min-height:38px;padding:9px 12px}.submit{display:flex;justify-content:space-between;gap:24px;padding:28px;border:1px solid var(--border);border-radius:18px;background:var(--ink);color:white}.submit p{max-width:660px;margin-top:8px;color:rgba(255,255,255,.7);line-height:1.6}.submit-link{align-self:center;border-color:white;background:white;color:var(--ink)}.footer{display:flex;justify-content:space-between;gap:16px;padding:30px 0;color:var(--muted);font-size:12px}@media (max-width:980px){.directory,.hero{grid-template-columns:1fr}.hero-metrics{align-self:stretch;display:grid;grid-template-columns:repeat(3,1fr)}.filters{position:static}.toolbar{grid-template-columns:1fr}}@media (max-width:720px){.page-shell{width:min(100vw - 20px,1240px)}.site-header{flex-wrap:wrap;gap:12px}.site-nav{order:3;width:100%;justify-content:space-between;margin-left:0}.header-action{margin-left:auto}h1{font-size:38px}.detail-grid,.hero-metrics,.product-grid{grid-template-columns:1fr}.footer,.result-line,.section-heading,.submit{align-items:stretch;flex-direction:column}.card-top{grid-template-columns:auto 1fr}.score{grid-column:1/-1;text-align:left}}