:root{--ink:#123b2a;--muted:#5a6d62;--leaf:#5b8d36;--leaf-dark:#0c4a31;--line:#dce5dc;--soft:#f6f8f3;--white:#fff;--gold:#d7b66d;--shadow:0 14px 40px #123b2a1f}*{box-sizing:border-box}body{color:var(--ink);background:var(--soft);letter-spacing:0;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{width:min(1180px,100% - 32px);margin:0 auto}.header{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:24px;min-height:76px;display:flex}.brand{align-items:center;gap:12px;min-width:220px;display:flex}.brand-mark{border:4px solid var(--leaf-dark);width:52px;height:52px;color:var(--leaf);border-radius:50%;place-items:center;display:grid}.brand-title{letter-spacing:0;font-size:22px;font-weight:800;line-height:.95}.brand-title span{color:var(--leaf)}.brand-subtitle{color:var(--muted);margin-top:4px;font-size:12px}.nav{color:#243f32;align-items:center;gap:22px;font-size:15px;display:flex}.nav a{border-bottom:2px solid #0000;padding:8px 0}.nav a:hover{border-bottom-color:var(--leaf)}.hero{border-bottom:1px solid var(--line);background:linear-gradient(90deg,#f6f8f3f5 0%,#f6f8f3c7 34%,#f6f8f314 74%),url(https://images.unsplash.com/photo-1500382017468-9049fed747ef?auto=format&fit=crop&w=1800&q=80) 50%/cover;align-items:center;min-height:430px;display:flex}.hero-grid{grid-template-columns:minmax(0,1fr) 360px;align-items:center;gap:44px;display:grid}.hero h1{margin:0 0 18px;font-size:clamp(40px,5vw,68px);line-height:.98}.hero h1 span{color:var(--leaf)}.hero p{color:#31483b;max-width:540px;font-size:18px;line-height:1.5}.actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.button{border:1px solid var(--leaf);background:var(--leaf);color:#fff;cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:12px 18px;font-weight:700;display:inline-flex}.button.secondary{color:var(--leaf-dark);background:#fff}.hero-panel{background:var(--leaf-dark);color:#fff;box-shadow:var(--shadow);border-radius:8px;padding:28px}.hero-panel h2{margin:0 0 18px;font-size:24px}.hero-panel ul{gap:14px;margin:0;padding:0;list-style:none;display:grid}.hero-panel li{align-items:center;gap:10px;display:flex}.section{padding:34px 0}.section h1,.section h2{margin:0 0 12px}.section-lead{color:var(--muted);max-width:760px;line-height:1.55}.category-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:-42px;display:grid;position:relative}.category-card,.product-card,.panel,.upload-box{background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px}.category-card{align-content:space-between;min-height:160px;padding:24px;display:grid}.icon-pill{background:var(--leaf);color:#fff;border-radius:50%;place-items:center;width:52px;height:52px;display:grid}.category-card h3{margin:18px 0 6px}.category-card p{color:var(--muted);margin:0;font-size:14px;line-height:1.35}.browser{grid-template-columns:280px minmax(0,1fr);gap:22px;display:grid}.filters{align-self:start;padding:18px;position:sticky;top:98px}.filters label{gap:6px;margin-bottom:14px;font-size:13px;font-weight:700;display:grid}.filters input,.filters select,.upload-box input[type=file]{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:8px;padding:10px}.toolbar{justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}.segmented{border:1px solid var(--line);background:#fff;border-radius:8px;display:flex;overflow:hidden}.segmented button{cursor:pointer;background:#fff;border:0;padding:9px 12px}.segmented button.active{background:var(--leaf-dark);color:#fff}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.product-card{display:grid;overflow:hidden}.product-image{aspect-ratio:4/3;background:#e8eee5;place-items:center;display:grid;position:relative;overflow:hidden}.product-image img{object-fit:contain;width:100%;height:100%}.product-body{padding:16px}.meta{color:var(--muted);font-size:13px}.chips{flex-wrap:wrap;gap:6px;margin:12px 0;display:flex}.chip{border:1px solid var(--line);color:#2d4a39;background:#f9fbf7;border-radius:999px;padding:5px 8px;font-size:12px}.product-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.small-button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:6px;padding:8px 10px;display:inline-flex}.icon-button{border:1px solid var(--line);width:34px;height:34px;color:var(--ink);cursor:pointer;background:#fff;border-radius:8px;place-items:center;display:inline-grid}.workspace-panel{gap:18px;margin-bottom:18px;padding:16px;display:grid}.workspace-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.workspace-heading h2{margin:0;font-size:18px}.table-wrap.compact table{min-width:680px}.table-wrap.compact th,.table-wrap.compact td{padding:10px}.shortlist-grid{gap:8px;display:grid}.shortlist-item{border:1px solid var(--line);background:#fbfdf9;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.table-wrap{border:1px solid var(--line);background:#fff;border-radius:8px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:12px}.detail-grid{grid-template-columns:420px minmax(0,1fr);gap:28px;display:grid}.detail-image{border:1px solid var(--line);background:#fff;border-radius:8px;padding:20px}.detail-image img{object-fit:contain;width:100%;height:auto}.doc-links{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.upload-box{max-width:760px;padding:24px}.checkbox-line{color:var(--muted);align-items:flex-start;gap:10px;margin:14px 0;display:flex}.result-group{margin-top:20px;padding:18px}.footer{border-top:1px solid var(--line);color:var(--muted);background:#fff;padding:28px 0}@media (max-width:920px){.nav{display:none}.hero-grid,.browser,.detail-grid{grid-template-columns:1fr}.hero-panel{display:none}.category-grid,.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.category-grid,.product-grid{grid-template-columns:1fr}.hero{min-height:520px}}@media print{.header,.footer,.filters,.toolbar,.button,.small-button{display:none!important}body{background:#fff}.shell{width:100%}.panel,.upload-box,.result-group{box-shadow:none;border-color:#999}}