.category-main { min-height: calc(100vh - 176px); background: #f4f7fb; }
.category-hero { position: relative; min-height: 410px; display: flex; align-items: center; overflow: hidden; color: #fff; background: linear-gradient(120deg, #071b3c 0%, #0b3772 72%, #075daf 100%); }
.category-content { position: relative; z-index: 2; padding: 64px 0 54px; }
.breadcrumb { display: flex; align-items: center; gap: 10px; margin-bottom: 54px; color: #9eb3d0; font-size: 13px; }
.breadcrumb strong { color: #fff; }
.category-hero h1 { margin: 0; font-size: clamp(42px, 6vw, 66px); line-height: 1.15; letter-spacing: -.055em; }
.category-hero .category-content > p:last-child { max-width: 590px; margin: 20px 0 0; color: #c1d0e5; font-size: 18px; }
.category-orbit { position: absolute; right: -80px; top: -180px; width: 580px; height: 580px; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; }
.category-orbit::before, .category-orbit::after { content: ""; position: absolute; border: 1px solid rgba(255,255,255,.1); border-radius: 50%; }
.category-orbit::before { inset: 74px; }
.category-orbit::after { inset: 152px; }
.category-orbit span { position: absolute; left: 124px; bottom: 68px; width: 18px; height: 18px; background: #76edaf; border: 5px solid rgba(118,237,175,.24); border-radius: 50%; box-sizing: content-box; }
.category-body { padding: 72px 0 110px; }
.category-status-card { min-height: 210px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 30px; padding: 44px 48px; background: #fff; border: 1px solid #e6ebf3; border-radius: 22px; box-shadow: 0 20px 60px rgba(10,31,68,.08); }
.status-mark { width: 68px; height: 68px; display: grid; place-items: center; color: #087ff5; background: #eaf5ff; border-radius: 19px; font-size: 18px; font-weight: 950; }
.status-label { margin: 0 0 4px; color: #087ff5; font-size: 12px; font-weight: 900; letter-spacing: .12em; }
.category-status-card h2 { margin: 0; color: #071b3c; font-size: 28px; letter-spacing: -.035em; }
.category-status-card div > p:last-child { margin: 8px 0 0; color: #647086; }
.category-footer { padding: 34px 0; color: #9dacbf; background: #041127; }
.category-footer .shell { display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.category-footer .brand-name { color: #fff; }
.category-footer .brand-mark { border-color: #fff; }
.category-footer p { margin: 0; font-size: 12px; }
.desktop-nav a.active { color: #087ff5; }
.desktop-nav a.active::after { right: 0; }

@media (max-width: 780px) {
  .category-hero { min-height: 360px; }
  .category-content { padding-top: 42px; }
  .breadcrumb { margin-bottom: 40px; }
  .category-status-card { grid-template-columns: auto 1fr; padding: 32px 28px; }
  .category-status-card .button { grid-column: 1 / -1; width: 100%; }
  .category-footer .shell { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 520px) {
  .category-hero h1 { font-size: 40px; }
  .category-hero .category-content > p:last-child { font-size: 16px; }
  .category-orbit { opacity: .5; right: -300px; }
  .category-status-card { grid-template-columns: 1fr; }
  .status-mark { width: 56px; height: 56px; }
}