.catalog-page { background:#090c13; }
.catalog-page .site-header { background:rgba(9,12,19,.92); backdrop-filter:blur(14px); }
.catalog-page main { padding-top:90px; }
.catalog-hero { min-height:590px; display:grid; grid-template-columns:1.15fr .75fr; align-items:center; gap:8vw; padding:95px 5.9vw 75px; background:radial-gradient(circle at 82% 38%,rgba(53,104,235,.48),transparent 34%),linear-gradient(120deg,#090c13,#111a31); }
.catalog-hero > div > p:last-child { max-width:610px; color:#aab4c6; font-size:14px; line-height:1.8; }
.catalog-hero h1 { margin-bottom:28px; font-size:clamp(52px,7vw,108px); }
.catalog-hero h1 b { color:#789cff; }
.catalog-hero aside { padding:37px; border:1px solid rgba(145,174,255,.32); background:rgba(13,20,37,.78); box-shadow:0 25px 70px rgba(0,0,0,.27); }
.catalog-hero aside strong { font:600 21px/1.35 Unbounded,sans-serif; letter-spacing:-.06em; }
.catalog-hero aside p { margin:17px 0 25px; color:#a6b1c4; font-size:12px; line-height:1.75; }
.catalog-jump { position:sticky; z-index:5; top:90px; display:flex; justify-content:center; gap:40px; padding:18px 5.9vw; border-block:1px solid rgba(255,255,255,.1); background:rgba(12,16,25,.94); backdrop-filter:blur(14px); }
.catalog-jump a { color:#b9c7e6; font-size:10px; font-weight:800; }
.catalog-group { padding:105px 5.9vw; scroll-margin-top:145px; }
.catalog-group:nth-of-type(even) { background:#0f131c; }
.catalog-group-heading { display:flex; align-items:end; justify-content:space-between; gap:45px; margin-bottom:45px; }
.catalog-group-heading h2 { margin:0; font-size:clamp(34px,4.3vw,65px); }
.catalog-group-heading > p { width:310px; margin:0 4% 7px 0; color:#98a4b7; font-size:12px; line-height:1.7; }
.model-directory { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:rgba(134,159,216,.24); }
.model-link { min-height:108px; display:flex; flex-direction:column; justify-content:space-between; gap:20px; padding:21px; background:#121721; transition:background .2s,transform .2s; }
.model-link:hover { position:relative; z-index:1; background:#1a2b55; transform:translateY(-3px); }
.model-link span { color:#edf2ff; font:600 12px/1.35 Unbounded,sans-serif; letter-spacing:-.04em; }
.model-link small { color:#8093c5; font-size:9px; }
.catalog-help { display:grid; grid-template-columns:1fr 1fr; gap:8vw; align-items:end; padding:115px 5.9vw; background:radial-gradient(circle at 93% 12%,rgba(49,101,232,.52),transparent 39%),#111827; }
.catalog-help h2 { margin:0; font-size:clamp(38px,5vw,72px); }
.catalog-help h2 i { color:#83a3ff; }
.catalog-help > div:last-child > p { max-width:570px; color:#afbacd; font-size:13px; line-height:1.8; }
.catalog-help-actions { display:flex; align-items:center; gap:26px; margin-top:29px; }
.catalog-help-actions > a:last-child { color:#b6c9ff; font-size:10px; font-weight:800; }
.catalog-page .site-footer > div { color:#8793aa; }
.catalog-page .site-footer > div a { color:#b9c6dd; }
@media (max-width:1000px) { .model-directory{grid-template-columns:repeat(3,1fr)} }
@media (max-width:900px) { .catalog-page main{padding-top:75px}.catalog-hero{grid-template-columns:1fr;min-height:auto;padding-top:100px}.catalog-hero aside{max-width:560px}.catalog-jump{top:75px}.catalog-group-heading{display:block}.catalog-group-heading>p{width:auto;margin:20px 0 0}.model-directory{grid-template-columns:repeat(2,1fr)}.catalog-help{grid-template-columns:1fr;gap:38px} }
@media (max-width:600px) { .catalog-hero{padding:75px 5vw 65px}.catalog-hero>*{min-width:0}.catalog-hero h1{font-size:51px}.catalog-hero aside{width:100%;max-width:100%;box-sizing:border-box;padding:27px}.catalog-hero p,.catalog-hero strong{overflow-wrap:anywhere}.catalog-jump{justify-content:flex-start;gap:24px;overflow:auto}.catalog-group{padding:75px 5vw}.model-directory{grid-template-columns:1fr}.catalog-help{padding:75px 5vw}.catalog-help-actions{align-items:flex-start;flex-direction:column}.catalog-page .site-footer{display:grid}.catalog-page .site-footer>div{order:2} }