/* Progressive enhancement: visible content first, short optional motion. */
.seo-catalog{max-width:1220px;margin:auto;padding:24px;color:#102338;font:16px/1.55 system-ui,sans-serif}
.seo-catalog-header{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#071b2c;border-radius:12px;padding:18px 24px}
.seo-catalog-header img{display:block;max-width:40vw;height:auto}.seo-catalog-header nav{display:flex;gap:20px;flex-wrap:wrap}.seo-catalog-header a{color:white}
.seo-catalog-intro{padding:36px 0}.seo-catalog-intro h1{font-size:clamp(28px,4vw,44px);line-height:1.12}.seo-catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.seo-catalog-grid article{background:white;border:1px solid #dce4ed;border-radius:14px;overflow:hidden}.seo-catalog-grid article>div{padding:22px}.seo-catalog-grid img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#071b2c}.seo-catalog-grid h2{font-size:22px}.seo-catalog-grid a{color:#123e71;text-decoration:none}.seo-catalog-grid p{color:#526579}.seo-catalog-action{display:inline-flex;align-items:center;min-height:44px;font-weight:700;color:#123e71}
@media(max-width:700px){.seo-catalog{padding:14px}.seo-catalog-grid{grid-template-columns:1fr}.seo-catalog-header{padding:16px;gap:14px}.seo-catalog-header nav{gap:12px;font-size:13px}}
@media(prefers-reduced-motion:no-preference){
 .pc-workbench :is(.pc-entry-modes button,.pc-brand-grid button,.pc-primary,.pc-secondary),.seo-catalog-action{transition:background-color .16s,border-color .16s,transform .16s}
 .pc-workbench :is(.pc-primary,.pc-secondary):active{transform:scale(.98)}
 .pc-workbench :is(.pc-stage,.pc-result):not([hidden]),.pc-workbench dialog[open],.free-card,.seo-catalog-grid article{animation:cs-content-in .2s ease-out both}
 .pc-workbench .pc-model-dialog[open]{animation:cs-content-in .16s ease-out both}
 @keyframes cs-content-in{from{opacity:.65;transform:translateY(5px)}to{opacity:1;transform:none}}
}