@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:ital,opsz,wght@1,9..144,600&display=swap";:root{color:#eaf0eb;font-synthesis:none;--lime:#c7e66c;--panel:#172521;--muted:#91a29b;--line:#2b3b36;background:#101b18;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#101b18ef;justify-content:space-between;align-items:center;height:76px;padding:0 max(5vw,24px);display:flex;position:sticky;top:0}.brand{color:#fff;letter-spacing:.08em;background:0 0;border:0;align-items:center;gap:12px;font-size:18px;display:flex}.brand b{color:var(--lime)}.mark{border:2px solid var(--lime);width:36px;height:36px;color:var(--lime);border-radius:50% 45% 55%;place-items:center;font-family:serif;font-style:italic;font-weight:700;display:grid}nav{gap:6px;display:flex}nav button,.back,.text-btn{color:var(--muted);background:0 0;border:0;padding:10px 14px}nav button.active,nav button:hover,.text-btn:hover{color:var(--lime)}main{min-height:calc(100vh - 150px)}.hero{background:radial-gradient(circle at 80% 40%,#294338 0,#0000 30%);grid-template-columns:1.35fr .65fr;align-items:center;gap:80px;max-width:1320px;margin:auto;padding:80px max(6vw,28px);display:grid}.eyebrow{letter-spacing:.2em;color:var(--lime);font-size:12px;font-weight:700}h1{letter-spacing:-.04em;margin:16px 0 24px;font-size:clamp(42px,6vw,78px);line-height:1.02}h1 em{color:var(--lime);font-family:Fraunces,serif;font-weight:600}h2{margin:8px 0;font-size:28px}.lead{color:var(--muted);max-width:650px;font-size:18px;line-height:1.6}.primary,.secondary{border:0;border-radius:6px;justify-content:center;align-items:center;gap:9px;padding:14px 20px;font-weight:700;display:inline-flex}.primary{background:var(--lime);color:#172016;margin-top:18px}.primary:disabled{opacity:.55}.secondary{color:#fff;background:#263832}.hero-card{border:1px solid var(--line);background:#172521bb;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-height:340px;display:flex;box-shadow:0 30px 70px #0003}.hero-card strong{color:var(--lime);font-size:64px}.hero-card span{color:var(--muted)}.rings{border:1px solid var(--lime);width:100px;height:100px;color:var(--lime);border-radius:47% 53% 42% 58%;outline:1px solid #71874f;place-items:center;margin-bottom:24px;font-family:Fraunces;font-size:46px;display:grid}.section{max-width:1320px;margin:auto;padding:60px max(5vw,24px)}.section-title{justify-content:space-between;align-items:end;margin-bottom:28px;display:flex}.section-title h1{margin:8px 0;font-size:50px}.section-title p{color:var(--muted)}.text-btn{align-items:center;display:flex}.color-grid{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.color-card{border:1px solid var(--line);background:var(--panel);color:#fff;text-align:left;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:22px;display:grid}.color-card:hover{border-color:#63746d;transform:translateY(-2px)}.color-card i,.sort-color h2 i{border-radius:50%;width:10px;height:10px}.color-card strong{font-size:24px}.narrow{text-align:center;max-width:820px;margin:auto;padding:60px 24px}.narrow h1{font-size:54px}.back{align-items:center;gap:7px;padding-left:0;display:flex}.drop,.result{background:var(--panel);border:1px dashed #52645d;border-radius:16px;margin-top:38px;padding:60px 30px}.drop>svg,.result>svg{color:var(--lime)}.drop input{display:none}.drop .secondary{margin:18px 8px 0}.error{color:#ff8d80}.metrics{grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0;display:grid}.metrics span{color:var(--muted);background:#101b18;border-radius:8px;flex-direction:column;padding:18px;display:flex}.metrics b{color:#fff;font-size:25px}.search{border:1px solid var(--line);background:var(--panel);max-width:520px;height:52px;color:var(--muted);border-radius:8px;align-items:center;gap:10px;margin-bottom:25px;padding:0 15px;display:flex}.search input{color:#fff;background:0 0;border:0;outline:0;width:100%}.stock-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.stock-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;grid-template-columns:130px 1fr;min-height:230px;display:grid;overflow:hidden}.stock-card>img,.placeholder{object-fit:cover;color:#718078;background:#23322d;place-items:center;width:130px;height:100%;display:grid}.stock-info{flex-direction:column;justify-content:space-between;min-width:0;padding:17px;display:flex}.stock-info h3{margin:4px 0;font-size:18px}.stock-info p,.set{color:var(--muted);margin:0;font-size:12px}.set{color:var(--lime);font-weight:700}.tags{flex-wrap:wrap;gap:5px;display:flex}.tags span{background:#293b35;border-radius:4px;padding:4px 7px;font-size:11px}.stock-bottom{gap:30px;display:flex}.stock-bottom span{flex-direction:column;display:flex}.stock-bottom small{color:var(--muted)}.location{color:#bfd181;border-top:1px solid var(--line);align-items:center;gap:6px;padding-top:10px;font-size:12px;display:flex}.empty{text-align:center;color:var(--muted);padding:80px}.sort-list{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:38px;display:grid}.sort-color{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:22px}.sort-color h2{align-items:center;gap:10px;display:flex}.sort-color>div{gap:7px;display:grid}.sort-color button{color:#fff;text-align:left;background:#101b18;border:0;border-radius:7px;align-items:center;gap:12px;padding:13px;display:flex}.sort-color button span{flex-direction:column;flex:1;display:flex}.sort-color small{color:var(--muted)}.sort-color button strong{color:var(--lime);font-size:20px}.breadcrumb{margin:30px 0}.sort-card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px;position:relative}.sort-card img,.sort-card .placeholder{aspect-ratio:488/680;object-fit:cover;border-radius:7px;width:100%;height:auto}.sort-card span{background:var(--lime);color:#101b18;border-radius:5px;padding:5px 9px;font-weight:700;position:absolute;bottom:20px;right:20px}footer{border-top:1px solid var(--line);height:74px;color:var(--muted);letter-spacing:.12em;justify-content:center;align-items:center;gap:10px;font-size:12px;display:flex}footer span{color:var(--lime)}@media (width<=1000px){.color-grid{grid-template-columns:repeat(3,1fr)}.stock-grid{grid-template-columns:repeat(2,1fr)}.hero{gap:30px}.hero-card{min-height:280px}.sort-list{grid-template-columns:1fr}}@media (width<=680px){header{padding:0 14px}.brand>span:last-child{display:none}nav button{padding:9px}.hero{grid-template-columns:1fr;padding-top:50px}.hero-card{display:none}.section{padding-top:42px}.section-title{align-items:start}.text-btn{display:none}.color-grid{grid-template-columns:repeat(2,1fr)}.color-card{padding:16px}.stock-grid{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}.narrow h1,.section-title h1{font-size:40px}.stock-card{grid-template-columns:110px 1fr}.stock-card>img,.stock-card>.placeholder{width:110px}}.stock-card>img{aspect-ratio:488/680;object-fit:contain;background:#101b18;align-self:center;width:130px;height:auto}.sort-card img{aspect-ratio:488/680;object-fit:contain;background:#101b18;width:100%;height:auto}.filter-row{flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:16px;display:flex}.filter-row label{color:var(--muted);letter-spacing:.06em;flex-direction:column;gap:6px;font-size:12px;font-weight:600;display:flex}.filter-row select{border:1px solid var(--line);background:var(--panel);color:#fff;border-radius:7px;min-width:210px;padding:10px 34px 10px 12px}.active-filter{height:41px;color:var(--lime);background:#26372f;border:1px solid #627557;border-radius:20px;align-items:center;gap:8px;padding:0 13px;font-weight:700;display:flex}.active-filter i{border-radius:50%;width:9px;height:9px}.active-filter span{font-size:19px;line-height:1}@media (width<=680px){.stock-card>img{width:110px}.filter-row select{min-width:190px}}