
*{box-sizing:border-box}body{margin:0;background:#eff2f5;color:#192d40;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,a:focus-visible{outline-color:#256cac}header{padding:25px max(6vw,20px);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d7e0e7;background:white}.brand{letter-spacing:5px;font-size:24px;font-weight:800}.brand span{color:#21699f}.tag{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#6d8292}main{max-width:1450px;margin:auto;padding:52px max(4vw,20px)}.intro{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:30px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:#547389}h1{font-size:48px;letter-spacing:-2px;margin:12px 0 15px}p{line-height:1.6;color:#647989;font-size:14px}.intro p{max-width:650px;margin-bottom:0}.status{background:#e2ebf3;border:1px solid #cbdde9;border-radius:24px;padding:10px 16px;font-size:12px;white-space:nowrap}.filters{display:flex;gap:8px;margin:30px 0 24px}.filters button{border:1px solid #d0dce5;border-radius:6px;padding:10px 16px;background:#fff;color:#486275;cursor:pointer}.filters button[aria-pressed=true]{background:#1b527f;color:white;border-color:#1b527f}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}article{overflow:hidden;background:white;border:1px solid #d9e2e9;border-radius:10px}article[hidden]{display:none}.visual{display:block;height:260px;background:linear-gradient(145deg,#fafcfd,#e8edf1)}.visual img{width:100%;height:100%;object-fit:contain;transition:transform .3s}.visual:hover img{transform:scale(1.05)}.info{padding:21px}.top{display:flex;align-items:center;justify-content:space-between;gap:10px}.top h2{font-size:22px;margin:0;letter-spacing:-.5px}.count{background:#edf3f7;color:#346485;border-radius:14px;padding:5px 9px;font-size:11px}.info p{font-size:12px;margin:10px 0 16px}.dims{font-size:13px}.dims span{font-size:10px;margin-left:8px;color:#8798a5}.action{display:flex;justify-content:space-between;align-items:center;margin-top:22px;padding-top:14px;border-top:1px solid #e3e9ee;color:#195785;font-size:13px;font-weight:bold}.notes{margin-top:40px;border-top:1px solid #d4dfe7;padding-top:24px}.notes p{font-size:12px;max-width:950px}.notes a{text-decoration:underline}.feature{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;color:#456477;margin:20px 0}.feature span:before{content:'•';color:#2985bb;margin-right:8px}@media(max-width:1050px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){header{padding:20px}.tag{display:none}main{padding:30px 18px}.intro{display:block}h1{font-size:36px}.status{display:inline-block;margin-top:18px}.grid{grid-template-columns:1fr}.filters button{padding:10px 12px}.visual{height:250px}.feature{gap:12px}}
