*{box-sizing:border-box}body{margin:0;background:#fafafa;color:#101010;font:15px/1.6 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.catalog-header{background:#fff;box-shadow:0 2px 6px #00000012}.catalog-header nav{max-width:1200px;padding:18px 0;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:9px;font-size:24px;font-weight:800}.brand img{width:38px;height:38px}.brand span{font-size:10px;letter-spacing:1px;color:#68717d}.nav-links{display:flex;gap:25px;align-items:center;font-size:14px;font-weight:600}.nav-links a[aria-current]{color:#009dff}.nav-links form{margin:0}.nav-links button{border:0;background:none;cursor:pointer}main{max-width:1200px;margin:0 auto;padding:32px 0 64px;min-height:75vh}.catalog-intro h1{font-size:29px;font-weight:600;margin:0 0 8px}.catalog-intro p{color:#576171;max-width:1060px;margin:0 0 18px;line-height:1.75}.filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:30px}.filters a,.category-tags span{background:#00a5f5;border-radius:20px;color:white;font-size:10px;font-weight:600;padding:5px 12px;text-transform:uppercase}.filters a{background:#e9f5fe;color:#006ab1}.filters a.selected{background:#00a5f5;color:#fff}.catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}.catalog-card{min-width:0;background:white;box-shadow:0 8px 30px #162b4710;display:flex;flex-direction:column;transition:box-shadow .2s}.catalog-card:hover{box-shadow:0 10px 32px #162b4724}.thumbnail{position:relative;aspect-ratio:1.6;overflow:hidden;background:#e6eaf0}.preview-link{display:block;position:absolute;inset:0;overflow:hidden}.mini-preview{border:0;position:absolute;top:0;left:0;width:1200px;height:900px;transform-origin:top left;transform:scale(.22);pointer-events:none;background:white}.tier-badge{position:absolute;right:0;top:0;padding:4px 12px;color:white;background:#ff8500;font-size:11px;font-weight:700}.tier-badge.basic{background:#258e59}.category-tags{position:absolute;bottom:12px;left:20px;right:12px;display:flex;flex-wrap:wrap;gap:4px;pointer-events:none}.category-tags span{font-size:9px;padding:4px 9px}.card-info{padding:22px 24px 27px;flex:1;display:flex;flex-direction:column}.card-info h2{font-size:19px;line-height:1.35;font-weight:600;margin:0 0 24px;min-height:52px}.card-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto}.card-actions a{display:flex;gap:4px;align-items:center;justify-content:center;min-height:33px;padding:5px 3px;font-size:11px;border-radius:2px;box-shadow:0 2px 4px #00000012}.download-button{border:1px solid #a0a0a0;color:#59616c}.download-button>span:first-child{font-weight:700;font-size:15px}.download-label{font-size:9px}.demo-button{background:#00a5f5;color:#fff;border:1px solid #00a5f5;font-weight:600}.demo-button:hover{background:#008cd3}.fallback-preview{height:100%;padding:20px;background:linear-gradient(135deg,#dce5f6,#eee9dc);display:flex;flex-direction:column;gap:8px}.fallback-preview span{font-size:9px}.fallback-preview strong{font-size:23px;line-height:1.2}.empty-state{padding:40px 0;color:#576171}footer{max-width:1200px;margin:auto;border-top:1px solid #e6e6e6;padding:24px 0;color:#677080;font-size:12px;display:flex;justify-content:space-between;gap:20px}footer div{display:flex;gap:20px}a:focus-visible,button:focus-visible{outline:3px solid #007cc5;outline-offset:4px}@media(max-width:1260px){main,.catalog-header nav,footer{margin-left:4%;margin-right:4%}}@media(max-width:1050px){.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card-info{padding:20px}.nav-links{gap:16px}}@media(max-width:780px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-header nav{flex-wrap:wrap}.brand span{display:none}.catalog-intro h1{font-size:26px}}@media(max-width:480px){.catalog-grid{grid-template-columns:1fr;gap:25px}.catalog-header nav{gap:12px}.nav-links{flex-wrap:wrap;font-size:12px}.card-info h2{min-height:0}.card-actions a{min-height:38px;font-size:12px}.download-label{font-size:11px}footer{flex-direction:column}.category-tags span{font-size:10px}}

.catalog-search{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;margin:22px 0}.catalog-search label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:#4b5563}.catalog-search label:first-of-type{flex:1;min-width:200px}.catalog-search input,.catalog-search select{font:inherit;font-size:14px;min-height:42px;padding:9px 12px;border:1px solid #cbd5e1;border-radius:4px;background:white;color:#17202f}.catalog-search button{min-height:42px;padding:9px 24px;border:0;border-radius:4px;background:#009ff5;color:white;cursor:pointer}.catalog-search>a{font-size:12px;padding:10px 0;color:#397397}.result-count{font-size:13px;color:#64748b;margin:0 0 24px}.filters{margin-bottom:14px}@media(max-width:480px){.catalog-search label{width:100%}.catalog-search button{flex:1}}