.catalog-page,.preview-page{background:var(--paper);color:var(--ink)}.catalog-page [hidden]{display:none!important}.catalog-frametek{padding:60px 0;border-bottom:1px solid var(--line)}.catalog-frametek h1{font-size:clamp(2.4rem,4vw,3.8rem);line-height:1.5;font-weight:650;letter-spacing:-.04em;margin:10px 0 20px;max-width:860px}.catalog-frametek p:not(.eyebrow){font-size:.95rem;max-width:750px;color:var(--muted);line-height:1.95}.catalog-frametek__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.catalog-content{padding:60px 0}.catalog-head{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:30px}.catalog-head h2,.catalog-explain h2{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.5;margin:0;font-weight:650;letter-spacing:-.04em}.catalog-head>p{max-width:490px;font-size:.86rem;color:var(--muted);margin:0}.catalog-tools{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:25px}.catalog-search{display:grid;gap:7px;min-width:min(100%,380px);font-size:.75rem}.catalog-search input{min-height:46px;border:1px solid var(--line);border-radius:10px;background:white;padding:10px 15px;color:var(--ink);font:inherit}.catalog-search input:focus{outline:2px solid var(--blue);outline-offset:2px}.catalog-filters{display:flex;flex-wrap:wrap;gap:5px}.catalog-filters button{border:1px solid var(--line);background:white;color:var(--muted);padding:9px 15px;border-radius:9px;font:500 .73rem var(--sans)}.catalog-filters [aria-pressed=true]{background:var(--blue-deep);color:white;border-color:var(--ink)}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.catalog-card{display:flex;flex-direction:column;min-height:270px;padding:25px;border:1px solid var(--line);border-radius:18px;background:white}.catalog-card:hover{border-color:var(--blue);box-shadow:var(--shadow)}.catalog-card__top{display:flex;align-items:center;justify-content:space-between;gap:10px}.catalog-card__number{font:500 .7rem Inter,sans-serif;color:var(--muted)}.catalog-card__status{font-size:.65rem;padding:4px 9px;border-radius:6px;background:#edf7ef;color:#276744}.catalog-card--development .catalog-card__status{color:var(--muted);background:var(--paper)}.catalog-card h3{font-size:1.25rem;margin:30px 0 10px;line-height:1.6}.catalog-card p{font-size:.83rem;line-height:1.9;color:var(--muted);margin:0 0 20px}.catalog-card__link{margin-top:auto;font-size:.77rem;color:var(--blue-deep);font-weight:550}.catalog-empty{padding:25px;border:1px solid var(--line);border-radius:15px;background:white;color:var(--muted)}.catalog-explain{padding:50px 0;background:var(--blue-deep);color:white}.catalog-explain__inner{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.catalog-explain .eyebrow{color:#d8eafb}.catalog-explain p:last-child{color:#d8eafb;font-size:.87rem;margin:0;line-height:1.9}.preview-status{display:inline-block;font-size:.8rem;line-height:1.8;color:#725322;background:#fff9eb;border:1px solid #edd6a3;padding:12px 16px;border-radius:10px;margin:20px 0}.preview-team__notice{font-size:.95rem;line-height:1.95}.preview-page .product-map__outcome{background:#ffffff0d;color:#edf6fd}[dir=rtl] .catalog-frametek h1,[dir=rtl] .catalog-head h2,[dir=rtl] .catalog-explain h2{letter-spacing:0}
@media(max-width:1000px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-tools{align-items:start;flex-direction:column;gap:18px}.catalog-head{gap:30px}}
@media(max-width:850px){.catalog-head{align-items:start;flex-direction:column;gap:18px}.catalog-explain__inner{grid-template-columns:1fr;gap:25px}}
@media(max-width:620px){.catalog-frametek,.catalog-content{padding:40px 0}.catalog-frametek h1{font-size:2.2rem}.catalog-grid{grid-template-columns:1fr}.catalog-card{min-height:235px;padding:23px}.catalog-card h3{margin-top:25px}.catalog-page .nav__word,.preview-page .nav__word{font-size:1.1rem}.catalog-page .nav__mark,.preview-page .nav__mark{width:30px;height:30px}.catalog-page .nav__lang,.preview-page .nav__lang{padding-inline-start:12px}.catalog-page .nav__login,.preview-page .nav__login{font-size:.7rem}}
.catalog-card{transition:border-color .25s,box-shadow .25s,transform .25s}
.catalog-card__link{transition:color .25s}
@media(hover:hover) and (pointer:fine){.catalog-card:hover{transform:translateY(-4px)}.catalog-card:hover .catalog-card__link{color:var(--blue)}}