:root {
  --accent: #2dd881;
  --accent-dark: #1fb667;
  --accent-soft: rgba(45, 216, 129, 0.14);
  --bg: #06110d;
  --bg-soft: #0c1813;
  --bg-dark: #030806;
  --panel: rgba(10, 20, 16, 0.92);
  --panel-2: rgba(7, 15, 12, 0.94);
  --text: #e8f4ee;
  --muted: #8ea49a;
  --border: rgba(45, 216, 129, 0.14);
  --border-strong: rgba(45, 216, 129, 0.24);
  --max: 1440px;
  --radius: 16px;
  --shadow: 0 18px 48px rgba(0,0,0,.34);
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  font-family: 'Roboto', sans-serif;
  color: var(--text);
  background:
    radial-gradient(circle at top, rgba(25, 80, 57, 0.18), transparent 30%),
    linear-gradient(180deg, #07110d 0%, #040907 60%, #020604 100%);
  line-height: 1.5;
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
ul { list-style: none; }
.container { width: min(var(--max), 92%); margin: 0 auto; position: relative; z-index: 1; }
main, header, footer, .topbar { position: relative; z-index: 1; }

body.home-dark-grid {
  overflow-x: hidden;
}
body.nav-open {
  overflow: hidden;
}
body.home-dark-grid::before {
  content: '';
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(circle at 20% 20%, rgba(45, 216, 129, 0.08), transparent 0 34%),
    radial-gradient(circle at 80% 30%, rgba(45, 216, 129, 0.06), transparent 0 28%),
    linear-gradient(rgba(45, 216, 129, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(45, 216, 129, 0.035) 1px, transparent 1px);
  background-size: auto, auto, 100% 34px, 34px 100%;
  opacity: .9;
}
body.home-dark-grid::after {
  content: '';
  position: fixed;
  left: 0;
  right: 0;
  height: 2px;
  top: 100vh;
  pointer-events: none;
  z-index: 0;
  background: linear-gradient(90deg, transparent, rgba(45, 216, 129, .15), rgba(45, 216, 129, .95), rgba(45, 216, 129, .15), transparent);
  box-shadow: 0 0 18px rgba(45, 216, 129, .5), 0 0 40px rgba(45, 216, 129, .2);
  animation: riseScan 8s linear infinite;
}
@keyframes riseScan {
  0% { transform: translateY(0); opacity: 0; }
  8% { opacity: 1; }
  85% { opacity: .85; }
  100% { transform: translateY(-120vh); opacity: 0; }
}

.topbar {
  background: rgba(2, 8, 6, 0.88);
  color: rgba(232,244,238,.88);
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
  border-bottom: 1px solid var(--border);
  backdrop-filter: blur(10px);
}
.topbar-inner {
  min-height: 38px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.topbar-links { display: flex; flex-wrap: wrap; gap: 14px; opacity: .88; }

.site-header {
  position: sticky;
  top: 0;
  z-index: 20;
  background: rgba(4,10,8,.82);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--border);
  overflow: visible;
}
.header-row, .header-actions { overflow: visible; }

.header-row {
  min-height: 78px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.brand {
  font-family: 'Libre Baskerville', serif;
  font-size: 29px;
  letter-spacing: -.04em;
  white-space: nowrap;
  text-shadow: 0 0 18px rgba(45, 216, 129, .12);
}
.brand span { color: var(--accent); }

.header-actions { display: flex; align-items: center; gap: 14px; }
.search-btn, .menu-toggle, .btn, .tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 18px;
  border-radius: 999px;
  border: 1px solid var(--border);
  background: rgba(10, 20, 16, 0.9);
  color: var(--text);
  cursor: pointer;
  transition: .22s ease;
  text-decoration: none;
  font-weight: 700;
}
.search-btn:hover, .menu-toggle:hover, .btn:hover, .tag:hover {
  border-color: var(--accent);
  color: var(--accent);
  box-shadow: 0 0 0 3px rgba(45, 216, 129, 0.07);
}
.search-btn, .menu-toggle {
  padding: 10px 14px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
}
.menu-toggle { display: none; }

.main-nav > ul {
  display: flex;
  align-items: center;
  gap: 10px;
}
.has-dropdown {
  position: relative;
}
.main-nav .nav-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 12px 14px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
}
.main-nav .nav-link:hover,
.main-nav .has-dropdown:hover > .nav-link {
  background: rgba(45, 216, 129, 0.08);
  color: var(--accent);
}
.dropdown {
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  min-width: 280px;
  background: rgba(8, 16, 13, 0.98);
  border: 1px solid var(--border-strong);
  border-radius: 18px;
  box-shadow: var(--shadow);
  padding: 10px;
  display: none;
  backdrop-filter: blur(14px);
}
.has-dropdown:hover .dropdown { display: grid; gap: 4px; }
.dropdown a {
  padding: 11px 12px;
  border-radius: 12px;
  font-size: 14px;
}
.dropdown a:hover { background: rgba(45, 216, 129, 0.08); color: var(--accent); }

.hero {
  padding: 34px 0 18px;
}
.hero-grid {
  display: grid;
  grid-template-columns: 1.45fr .75fr;
  gap: 28px;
  align-items: stretch;
}
.hero-card {
  background: linear-gradient(135deg, rgba(8, 18, 14, .98), rgba(7, 13, 10, .96));
  color: #fff;
  border-radius: 28px;
  overflow: hidden;
  min-height: 420px;
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  border: 1px solid var(--border-strong);
  box-shadow: var(--shadow), inset 0 0 0 1px rgba(45, 216, 129, .04);
}
.hero-content {
  padding: 34px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(45,216,129,.14);
  color: #95f1bd;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 16px;
}
.hero-title {
  font-size: clamp(32px, 4vw, 52px);
  line-height: 1.02;
  margin-bottom: 14px;
}
.hero-desc {
  color: rgba(255,255,255,.74);
  max-width: 56ch;
  margin-bottom: 20px;
}
.hero-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  color: rgba(255,255,255,.62);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.hero-image {
  min-height: 100%;
  background-size: cover;
  background-position: center;
  position: relative;
}
.hero-image::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent, rgba(6, 17, 13, .12) 40%, rgba(6, 17, 13, .5));
}

.sidebar-stack {
  display: grid;
  gap: 18px;
}
.side-panel {
  border: 1px solid var(--border);
  border-radius: 24px;
  padding: 22px;
  background: var(--panel);
  box-shadow: var(--shadow);
}
.side-panel h2 {
  font-size: 20px;
  margin-bottom: 8px;
}
.side-panel p { color: var(--muted); margin-bottom: 16px; }
.side-panel .btn,
.cta-row .btn,
.newsletter-form button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 16px;
  border-radius: 999px;
  font-weight: 700;
}
.btn-primary {
  background: var(--accent);
  border-color: var(--accent);
  color: #04100b;
}
.btn-primary:hover { background: var(--accent-dark); color: #04100b; }
.cta-row { display: flex; flex-wrap: wrap; gap: 10px; }

.quick-links {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin: 22px 0 12px;
}
.quick-card {
  border: 1px solid var(--border);
  border-radius: 20px;
  padding: 18px;
  background: var(--panel);
  transition: .2s ease;
  box-shadow: var(--shadow);
}
.quick-card:hover { transform: translateY(-2px); box-shadow: var(--shadow); border-color: var(--border-strong); }
.quick-card strong { display: block; margin-bottom: 8px; font-size: 15px; }
.quick-card span { color: var(--muted); font-size: 14px; }

.ad-slot {
  border: 1px dashed rgba(45, 216, 129, 0.28);
  border-radius: 20px;
  min-height: 180px;
  padding: 18px;
  display: grid;
  place-items: center;
  text-align: center;
  color: var(--muted);
  background: linear-gradient(180deg, rgba(9, 17, 13, 0.96), rgba(6, 11, 9, 0.96));
  box-shadow: var(--shadow);
}
.ad-slot small {
  display: block;
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-bottom: 8px;
  color: rgba(232,244,238,.8);
}
.ad-slot.horizontal { min-height: 130px; }

.section-block { padding: 28px 0 10px; }
.section-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
}
.section-title {
  font-size: 24px;
  line-height: 1.1;
}
.section-subtitle { color: var(--muted); max-width: 72ch; }
.tag-row { display: flex; flex-wrap: wrap; gap: 10px; }
.tag {
  padding: 9px 13px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
}

.news-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}
.news-column,
.page-card,
.feature-card,
.affiliate-card,
.simple-card {
  border: 1px solid var(--border);
  border-radius: 24px;
  background: var(--panel);
  overflow: hidden;
  box-shadow: var(--shadow);
}
.news-column { padding: 18px; }
.column-title {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  padding-bottom: 10px;
  border-bottom: 2px solid rgba(45, 216, 129, 0.45);
  margin-bottom: 16px;
}
.article-main img,
.feature-card img,
.page-card img,
.affiliate-card img {
  width: 100%;
  aspect-ratio: 16/10;
  object-fit: cover;
}
.article-main h3,
.feature-card h3,
.page-card h3,
.affiliate-card h3,
.simple-card h3 {
  font-size: 20px;
  line-height: 1.15;
  margin-bottom: 10px;
}
.article-main p,
.feature-card p,
.page-card p,
.affiliate-card p,
.simple-card p,
.sub-article p {
  color: var(--muted);
  font-size: 14px;
}
.timestamp {
  display: inline-block;
  margin-top: 10px;
  color: var(--muted);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.sub-article {
  border-top: 1px solid var(--border);
  padding-top: 12px;
  margin-top: 12px;
}
.sub-article h4 {
  font-size: 15px;
  line-height: 1.25;
  margin-bottom: 6px;
}
.sub-article:hover h4,
.article-main:hover h3,
.feature-card:hover h3,
.page-card:hover h3,
.affiliate-card:hover h3,
.simple-card:hover h3 { color: var(--accent); }

.feature-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
.feature-card .content,
.page-card .content,
.affiliate-card .content,
.simple-card .content { padding: 18px; }

.two-col {
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 22px;
}
.simple-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}
.simple-card { padding: 18px; }

.affiliate-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.price {
  font-weight: 700;
  font-size: 20px;
  margin: 10px 0;
}
.badge {
  display: inline-flex;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(45,216,129,.12);
  color: #9df3c3;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 12px;
}
.link-arrow { font-weight: 700; color: var(--accent); }

.newsletter-box {
  border: 1px solid var(--border);
  border-radius: 28px;
  padding: 28px;
  background: linear-gradient(180deg, rgba(10,20,16,.98), rgba(7,13,10,.98));
  box-shadow: var(--shadow);
}
.newsletter-form {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
  margin-top: 18px;
}
.newsletter-form input,
.search-inline input,
.contact-form input,
.contact-form textarea,
.contact-form select {
  width: 100%;
  border: 1px solid var(--border);
  border-radius: 16px;
  padding: 14px 15px;
  font: inherit;
  background: rgba(5, 12, 9, 0.95);
  color: var(--text);
}
.newsletter-form input:focus,
.search-inline input:focus,
.contact-form input:focus,
.contact-form textarea:focus,
.contact-form select:focus {
  outline: none;
  border-color: var(--accent);
  box-shadow: 0 0 0 4px rgba(45, 216, 129, 0.08);
}
.search-inline { display: none; padding: 0 0 18px; }
.search-inline.active { display: block; }
.search-inline form { display: grid; grid-template-columns: 1fr auto; gap: 12px; }

.site-footer {
  margin-top: 42px;
  background: #020604;
  color: rgba(255,255,255,.86);
  border-top: 1px solid var(--border);
}
.footer-grid {
  padding: 34px 0;
  display: grid;
  grid-template-columns: 1.3fr .9fr .9fr .9fr;
  gap: 26px;
}
.footer-grid h4 { margin-bottom: 12px; font-size: 14px; text-transform: uppercase; letter-spacing: .08em; }
.footer-grid p,
.footer-grid li,
.footer-grid a { color: rgba(255,255,255,.72); font-size: 14px; }
.footer-grid li + li { margin-top: 10px; }
.footer-bottom {
  border-top: 1px solid rgba(255,255,255,.08);
  padding: 16px 0 24px;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  font-size: 13px;
  color: rgba(255,255,255,.62);
}

.page-hero {
  padding: 34px 0 6px;
}
.page-hero-box {
  border: 1px solid var(--border);
  border-radius: 28px;
  padding: 30px;
  background: linear-gradient(180deg, rgba(10,20,16,.98), rgba(7,13,10,.98));
  box-shadow: var(--shadow);
}
.page-hero-box p { max-width: 75ch; color: var(--muted); margin-top: 12px; }
.breadcrumbs {
  display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 14px; color: var(--muted); font-size: 13px;
}
.breadcrumbs a { color: var(--muted); }
.breadcrumbs a:hover { color: var(--accent); }
.content-layout {
  display: grid; grid-template-columns: 1.2fr .8fr; gap: 22px; padding: 22px 0 0;
}
.content-panel {
  border: 1px solid var(--border); border-radius: 24px; padding: 22px; background: var(--panel); box-shadow: var(--shadow);
}
.content-panel h2 { margin-bottom: 14px; font-size: 22px; }
.content-panel h3 { margin: 20px 0 10px; font-size: 18px; }
.content-panel p, .content-panel li { color: #bed0c7; }
.content-panel ul { list-style: disc; padding-left: 18px; }
.content-panel li + li { margin-top: 8px; }
.contact-form { display: grid; gap: 12px; }
.contact-form textarea { min-height: 170px; resize: vertical; }

@media (max-width: 1200px) {
  .hero-grid, .two-col, .content-layout { grid-template-columns: 1fr; }
  .news-grid, .affiliate-grid { grid-template-columns: repeat(2, 1fr); }
  .feature-grid, .quick-links { grid-template-columns: repeat(2, 1fr); }
  .footer-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 860px) {
  .site-header {
    z-index: 30;
    isolation: isolate;
  }
  .header-row {
    grid-template-columns: 1fr auto auto;
    gap: 12px;
    align-items: center;
  }
  .brand,
  .header-actions,
  .menu-toggle,
  .search-btn {
    position: relative;
    z-index: 31;
  }
  .menu-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .main-nav {
    position: fixed;
    top: var(--mobile-menu-top, 78px);
    left: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
    height: calc(100dvh - var(--mobile-menu-top, 78px));
    max-height: calc(100dvh - var(--mobile-menu-top, 78px));
    background: rgba(4, 10, 8, 0.985);
    border-top: 1px solid var(--border);
    padding: 12px 4% 20px;
    display: block;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    z-index: 999999;
    box-shadow: 0 28px 60px rgba(0, 0, 0, 0.4);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-8px);
    transition: opacity .22s ease, transform .22s ease, visibility .22s ease;
  }
  .main-nav.open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
  }
  .main-nav > ul {
    display: grid;
    gap: 8px;
    padding-bottom: 56px;
  }
  .main-nav .nav-link {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 18px;
    border-radius: 18px;
    border: 1px solid var(--border);
    background: rgba(8, 18, 14, 0.96);
    font-size: 15px;
  }
  .dropdown,
  .main-nav .has-dropdown .dropdown {
    position: static;
    display: grid;
    min-width: 100%;
    width: 100%;
    box-shadow: none;
    border-radius: 16px;
    margin-top: 8px;
    padding: 10px;
    background: rgba(6, 14, 11, 0.95);
  }
  .has-dropdown:hover .dropdown {
    display: grid;
  }
  .hero-card {
    grid-template-columns: 1fr;
  }
  .hero-image {
    min-height: 250px;
  }
}

@media (max-width: 640px) {
  .news-grid, .affiliate-grid, .feature-grid, .simple-grid, .quick-links, .footer-grid { grid-template-columns: 1fr; }
  .header-row { min-height: 72px; }
  .brand { font-size: 24px; }
  .hero-content { padding: 24px; }
  .newsletter-form, .search-inline form { grid-template-columns: 1fr; }
}


.source-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}
.source-card {
  border: 1px solid var(--border);
  border-radius: 22px;
  padding: 18px;
  background: var(--panel);
  transition: .2s ease;
  box-shadow: var(--shadow);
}
.source-card:hover { transform: translateY(-2px); box-shadow: var(--shadow); }
.source-card h3 { font-size: 18px; line-height: 1.15; margin-bottom: 10px; }
.source-card p { color: var(--muted); font-size: 14px; margin-bottom: 12px; }
.source-card ul { list-style: disc; padding-left: 18px; color: #bed0c7; }
.source-card li + li { margin-top: 7px; }
.note-box,
.info-note,
.support-card,
.pix-box {
  border: 1px solid var(--border);
  border-radius: 24px;
  padding: 22px;
  background: linear-gradient(180deg, rgba(10,20,16,.98), rgba(7,13,10,.98));
  box-shadow: var(--shadow);
}
.note-box p,
.info-note p,
.support-card p,
.pix-box p,
.footer-contact,
.contact-list li { color: var(--muted); }
.info-note { margin-top: 18px; }
.article-list { display: grid; gap: 14px; margin-top: 18px; }
.article-list article {
  border: 1px solid var(--border);
  border-radius: 18px;
  padding: 16px;
  background: var(--panel);
}
.article-list h3 { font-size: 17px; margin-bottom: 8px; }
.article-list p { color: var(--muted); font-size: 14px; }
.contact-list { list-style: disc; padding-left: 18px !important; }
.contact-list li + li { margin-top: 8px; }
.pix-box {
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 20px;
  align-items: center;
}
.pix-box img {
  width: 100%;
  max-width: 220px;
  margin: 0 auto;
  border-radius: 20px;
  border: 1px solid var(--border);
  background: #fff;
}
.footer-contact { margin-top: 12px; font-size: 14px; }
.footer-bottom-links { display: flex; gap: 10px; flex-wrap: wrap; }
.footer-bottom-links a { color: rgba(255,255,255,.72); }
.footer-bottom-links a:hover { color: #fff; }
@media (max-width: 1200px) {
  .source-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 860px) {
  .pix-box { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .source-grid { grid-template-columns: 1fr; }
}


.feed-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}
.feed-panel {
  border: 1px solid var(--border);
  border-radius: 24px;
  background: var(--panel);
  overflow: hidden;
  box-shadow: var(--shadow);
}
.feed-panel-header {
  padding: 18px 18px 8px;
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}
.feed-panel-header h3 {
  font-size: 18px;
  line-height: 1.15;
}
.feed-panel-header p {
  color: var(--muted);
  font-size: 13px;
  margin-top: 6px;
}
.feed-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  color: var(--muted);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.feed-list {
  display: grid;
  gap: 0;
}
.feed-item {
  display: grid;
  gap: 8px;
  padding: 16px 18px;
  border-top: 1px solid var(--border);
}
.feed-item:hover { background: rgba(45, 216, 129, 0.04); }
.feed-item a { font-weight: 700; line-height: 1.25; }
.feed-item p { color: var(--muted); font-size: 14px; }
.feed-item-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  color: var(--muted);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.feed-item-source {
  color: var(--accent);
  font-weight: 700;
}
.feed-panel-footer {
  padding: 14px 18px 18px;
  border-top: 1px solid var(--border);
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
}
.feed-status {
  color: var(--muted);
  font-size: 12px;
}
.integration-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
.integration-card {
  border: 1px solid var(--border);
  border-radius: 22px;
  padding: 18px;
  background: linear-gradient(180deg, rgba(10,20,16,.98), rgba(7,13,10,.98));
  box-shadow: var(--shadow);
}
.integration-card h3 { font-size: 18px; margin-bottom: 10px; }
.integration-card p, .integration-card li { color: var(--muted); font-size: 14px; }
.integration-card ul { list-style: disc; padding-left: 18px; }
.code-inline {
  display: inline-block;
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(45,216,129,.12);
  color: #9df3c3;
  font-size: 12px;
  font-weight: 700;
}
@media (max-width: 1200px) {
  .feed-grid { grid-template-columns: repeat(2, 1fr); }
  .integration-grid { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .feed-grid { grid-template-columns: 1fr; }
}


/* ===== Live homepage / API-driven sections ===== */
.section-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  border-radius: 999px;
  background: var(--accent-soft);
  border: 1px solid var(--border);
  color: var(--accent);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.tag-live {
  min-width: 180px;
  justify-content: center;
}

.live-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(320px, .9fr);
  gap: 22px;
  align-items: stretch;
}

.live-hero-card,
.live-mini-card,
.live-story-card,
.live-category-card {
  background: linear-gradient(180deg, rgba(12, 24, 19, 0.96) 0%, rgba(6, 12, 10, 0.98) 100%);
  border: 1px solid var(--border);
  border-radius: 20px;
  box-shadow: var(--shadow);
}

.live-hero-card {
  overflow: hidden;
  display: grid;
  min-height: 520px;
}

.live-card-media,
.live-story-media {
  display: block;
}

.live-card-media img {
  width: 100%;
  height: 320px;
  object-fit: cover;
}

.live-card-body {
  padding: 28px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.live-eyebrow {
  display: inline-flex;
  width: fit-content;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(45, 216, 129, .12);
  color: var(--accent);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.live-card-body h3 {
  font-size: clamp(28px, 4vw, 46px);
  line-height: 1.05;
}

.live-card-body p {
  color: var(--muted);
  font-size: 16px;
  max-width: 58ch;
}

.live-meta-row,
.feed-item-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  font-size: 13px;
  color: rgba(232, 244, 238, .72);
}

.live-side-stack {
  display: grid;
  gap: 18px;
}

.live-mini-card,
.live-category-card {
  padding: 18px;
}

.live-mini-card h3,
.live-category-card h3,
.live-story-body h3 {
  font-size: 20px;
  line-height: 1.25;
  margin: 8px 0 10px;
}

.live-mini-card p,
.live-category-card p,
.live-story-body p {
  color: var(--muted);
  font-size: 14px;
}

.live-latest-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 20px;
}

.live-story-card {
  grid-column: span 4;
  overflow: hidden;
}

.live-story-card.is-wide {
  grid-column: span 8;
  display: grid;
  grid-template-columns: minmax(260px, 1fr) minmax(0, 1fr);
}

.live-story-media img {
  width: 100%;
  height: 220px;
  object-fit: cover;
}

.live-story-card.is-wide .live-story-media img {
  height: 100%;
  min-height: 100%;
}

.live-story-body {
  padding: 18px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.category-switcher {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 10px;
}

.category-chip {
  border: 1px solid var(--border);
  background: rgba(10, 20, 16, 0.9);
  color: var(--text);
  padding: 12px 16px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  cursor: pointer;
  transition: .2s ease;
}

.category-chip.is-active,
.category-chip:hover {
  background: var(--accent);
  color: #031009;
  border-color: transparent;
}

.live-category-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.badge-soft {
  background: rgba(255,255,255,.06);
}

.skeleton-card {
  min-height: 120px;
}

.skeleton-block {
  width: 100%;
  height: 100%;
  min-height: 110px;
  border-radius: 14px;
  background: linear-gradient(90deg, rgba(255,255,255,.04), rgba(255,255,255,.1), rgba(255,255,255,.04));
  background-size: 240% 100%;
  animation: tgShimmer 1.4s linear infinite;
}

@keyframes tgShimmer {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

@media (max-width: 1180px) {
  .live-hero-grid,
  .live-story-card.is-wide {
    grid-template-columns: 1fr;
  }

  .live-latest-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .live-story-card,
  .live-story-card.is-wide {
    grid-column: span 1;
  }

  .live-category-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 780px) {
  .live-latest-grid,
  .live-category-grid {
    grid-template-columns: 1fr;
  }

  .live-card-media img {
    height: 220px;
  }

  .live-card-body,
  .live-story-body,
  .live-mini-card,
  .live-category-card {
    padding: 16px;
  }
}


.unified-news-shell {
  padding-top: 28px;
}

.unified-news-shell .section-head {
  margin-bottom: 20px;
}

.news-wall-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  align-items: start;
}

.news-card-unified {
  background: linear-gradient(180deg, rgba(9, 21, 16, 0.96), rgba(3, 11, 9, 0.98));
  border: 1px solid rgba(31, 186, 111, 0.16);
  border-radius: 28px;
  overflow: hidden;
  box-shadow: 0 14px 28px rgba(0,0,0,0.22);
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

.news-card-media-unified {
  display: block;
  aspect-ratio: 4 / 3;
  min-height: 270px;
  max-height: 270px;
  background: #071510;
}

.news-card-media-unified img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.news-card-body-unified {
  padding: 18px 18px 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.news-card-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.news-card-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,0.04);
  color: var(--accent-soft);
  font-weight: 700;
  font-size: 0.94rem;
}

.news-card-body-unified h3 {
  margin: 0;
  font-size: clamp(1.25rem, 2.2vw, 1.9rem);
  line-height: 1.16;
}

.news-card-body-unified h3 a {
  color: #f6f8f7;
  text-decoration: none;
}

.news-card-body-unified p {
  margin: 0;
  color: var(--text-soft);
  line-height: 1.5;
}

.news-card-meta-unified {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
  color: rgba(255,255,255,0.68);
  font-size: 0.92rem;
  margin-top: auto;
}

.page-news-grid {
  margin-top: 8px;
}


.feed-block-collapsing {
  opacity: 0;
  transform: translateY(8px);
  transition: opacity 0.26s ease, transform 0.26s ease;
}

.feed-panel[hidden],
.section-block[hidden] {
  display: none !important;
}

.empty-feed-state {
  margin: 0;
  padding: 24px;
  border-radius: 20px;
  background: rgba(255,255,255,0.03);
  color: var(--text-soft);
}

.section-status-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin: -4px 0 18px;
  color: rgba(255,255,255,0.62);
}

@media (max-width: 1080px) {
  .news-wall-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .news-wall-grid {
    grid-template-columns: 1fr;
  }
}


/* === TechNetGame vNext overrides === */
.hero-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 18px;
}

.btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 18px;
  border-radius: 999px;
  border: 1px solid rgba(45, 216, 129, 0.18);
  background: rgba(45, 216, 129, 0.04);
  color: #dff5e8;
  text-decoration: none;
  font-weight: 700;
}

.news-wall-grid,
.page-news-grid,
.feed-list.news-wall-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(285px, 1fr));
  gap: 18px;
  align-items: start;
}

.news-card-unified {
  border-radius: 16px;
  overflow: hidden;
  background: rgba(10, 20, 16, 0.88);
  border: 1px solid rgba(45, 216, 129, 0.08);
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .22);
}

.news-card-unified:hover {
  transform: translateY(-4px);
  border-color: rgba(45, 216, 129, 0.18);
  box-shadow: 0 14px 30px rgba(0, 0, 0, .28);
}

.news-card-media-unified {
  display: block;
  aspect-ratio: 16 / 9;
  min-height: 0;
  max-height: none;
  overflow: hidden;
  background: #08120e;
}

.news-card-media-unified img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.news-card-body-unified {
  padding: 14px 14px 15px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.news-card-chip-row { margin-bottom: 0; }

.news-card-chip {
  display: inline-flex;
  align-items: center;
  padding: 7px 11px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  background: rgba(45, 216, 129, 0.09);
  color: #8cf0b8;
}

.news-card-body-unified h3 {
  font-size: 17px;
  line-height: 1.28;
  margin: 0;
  font-weight: 800;
}

.news-card-body-unified p {
  font-size: 14px;
  line-height: 1.55;
  color: #b2c6bc;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.news-card-meta-unified {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
  font-size: 12px;
  color: #93a89d;
  text-transform: uppercase;
  letter-spacing: .04em;
  margin-top: auto;
}

.featured-smart-card {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 22px;
  padding: 20px;
  border-radius: 20px;
  background: rgba(8, 18, 14, 0.92);
  border: 1px solid rgba(45, 216, 129, 0.10);
  overflow: hidden;
}

.featured-smart-media {
  display: block;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 16px;
}

.featured-smart-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.featured-smart-badge {
  display: inline-flex;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(45, 216, 129, 0.10);
  color: #91f0bc;
  font-size: 12px;
  font-weight: 800;
  margin-bottom: 12px;
}

.featured-smart-body h3 {
  font-size: 34px;
  line-height: 1.1;
  margin-bottom: 14px;
}

.featured-smart-body h3 a {
  color: #eef8f2;
  text-decoration: none;
}

.featured-smart-body p {
  font-size: 17px;
  line-height: 1.65;
  color: #b8ccc1;
  margin-bottom: 16px;
}

.featured-smart-meta {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  font-size: 12px;
  text-transform: uppercase;
  color: #93a89d;
}

.featured-smart-status { padding: 20px; color: #9fb4aa; }

.affiliate-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.affiliate-strip .affiliate-card {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  min-height: 100%;
  padding: 0;
  border-radius: 20px;
  text-decoration: none;
  color: #eef8f2;
  background: linear-gradient(180deg, rgba(10, 20, 16, 0.96), rgba(8, 15, 12, 0.98));
  border: 1px solid rgba(45, 216, 129, 0.12);
  font-weight: 700;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.affiliate-strip .affiliate-card:hover {
  transform: translateY(-3px);
  border-color: rgba(45, 216, 129, 0.42);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.28);
}

.affiliate-strip .affiliate-card img {
  width: 100%;
  aspect-ratio: 16/10;
  object-fit: cover;
}

.affiliate-strip .affiliate-card .content {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 18px;
}

.affiliate-label {
  display: inline-flex;
  align-self: flex-start;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #03140d;
  background: linear-gradient(90deg, #2dd881, #8af0b4);
}

.affiliate-strip .affiliate-card h3 {
  margin: 0;
  font-size: 22px;
}

.affiliate-strip .affiliate-card p {
  margin: 0;
  color: #a9bbb1;
}

.affiliate-points {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 8px;
  color: #dff9ea;
  font-size: 13px;
}

.affiliate-points li {
  position: relative;
  padding-left: 16px;
}

.affiliate-points li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #2dd881;
}

.affiliate-disclaimer {
  margin: 14px 4px 0;
  color: #8ea39a;
  font-size: 12px;
}

@media (max-width: 1100px) {
  .feed-panel .news-wall-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 980px) {
  .featured-smart-card { grid-template-columns: 1fr; }
  .featured-smart-body h3 { font-size: 26px; }
  .featured-smart-body p { font-size: 15px; }
}

@media (max-width: 900px) {
  .affiliate-strip { grid-template-columns: 1fr; }
}

@media (max-width: 820px) {
  .news-wall-grid,
  .page-news-grid,
  .feed-list.news-wall-grid,
  .feed-panel .news-wall-grid { grid-template-columns: 1fr; }
}
/* =========================
   V17.1 MENU OVERLAY FINAL
========================= */

.site-header,
header {
  position: relative;
  z-index: 10;
}

body.nav-open .site-header {
  z-index: 20;
}

body.nav-open .container,
body.menu-open .container,
body.nav-open main,
body.nav-open footer,
body.nav-open .topbar {
  z-index: 0 !important;
}

/* fix definitivo para o menu real do projeto */
@media (max-width: 860px) {
  .main-nav {
    position: fixed !important;
    top: var(--mobile-menu-top, 78px) !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: calc(100dvh - var(--mobile-menu-top, 78px)) !important;
    max-height: calc(100dvh - var(--mobile-menu-top, 78px)) !important;
    z-index: 999999 !important;
    isolation: isolate;
    will-change: transform, opacity;
  }
}

/* compatibilidade com nomes antigos de menu */
.mobile-menu,
.mobile-nav,
.nav-mobile,
.menu-mobile,
.menu-panel,
.mobile-drawer,
.mobile-menu-overlay {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  height: 100dvh !important;
  z-index: 999999 !important;
  transform: none !important;
  will-change: auto !important;
  isolation: isolate;
}

body.menu-open,
body.nav-open {
  overflow: hidden;
}

/* ===== Games hub rebuild ===== */
.games-page .games-hub-shell .section-block,
.games-page .games-hub-shell .section-head,
.games-page .games-hub-shell .games-duo-grid,
.games-page .games-hub-shell .game-mini-grid,
.games-page .games-hub-shell .games-showcase-grid,
.games-page .games-hub-shell .creators-grid,
.games-page .games-hub-shell .video-day-grid,
.games-page .games-hub-shell .feature-links,
.games-page .games-hub-shell .creator-links,
.games-page .games-hub-shell .inline-links {
  min-width: 0;
}
.games-showcase-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}
.games-duo-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  gap: 20px;
  align-items: start;
}
.game-spotlight-card,
.creator-rank-card,
.video-day-card,
.creator-feature-card,
.year-legacy-card {
  background: linear-gradient(180deg, rgba(8,18,14,.96), rgba(6,12,10,.98));
  border: 1px solid var(--border-strong);
  border-radius: 24px;
  box-shadow: var(--shadow);
  overflow: hidden;
  min-width: 0;
}
.game-spotlight-media,
.creator-feature-media,
.year-legacy-media {
  aspect-ratio: 16 / 9;
  background: rgba(9,16,13,.95);
}
.game-spotlight-media img,
.creator-feature-media img,
.year-legacy-media img,
.game-mini-card img,
.game-cover-card img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.game-spotlight-body,
.creator-feature-body,
.year-legacy-body,
.video-day-body {
  padding: 18px;
}
.game-meta-row,
.creator-meta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
}
.meta-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--accent);
  border: 1px solid var(--border-strong);
  background: rgba(45,216,129,.08);
}
.game-spotlight-card h3,
.creator-rank-card h3,
.creator-feature-card h3,
.year-legacy-card h3,
.video-day-card h3 {
  font-size: clamp(20px, 2vw, 28px);
  line-height: 1.15;
  margin-bottom: 12px;
}
.game-spotlight-card p,
.creator-rank-card p,
.creator-feature-card p,
.year-legacy-card p,
.video-day-card p {
  color: var(--muted);
}
.feature-links,
.creator-links,
.inline-links {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 16px;
}
.text-link-strong {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 700;
  color: var(--accent);
}
.text-link-strong:hover { color: #fff; }
.game-mini-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  align-items: start;
}
.game-mini-card {
  background: rgba(8,16,13,.9);
  border: 1px solid var(--border);
  border-radius: 20px;
  overflow: hidden;
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.game-mini-card img {
  aspect-ratio: 16 / 9;
  flex: 0 0 auto;
}
.game-mini-card .copy {
  padding: 16px;
  min-width: 0;
}
.game-mini-card h4 {
  font-size: 18px;
  line-height: 1.25;
  margin-bottom: 8px;
}
.game-mini-card p {
  color: var(--muted);
  font-size: 14px;
}
.creators-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}
.creator-rank-card {
  padding: 18px;
  display: grid;
  gap: 14px;
}
.creator-rank-top {
  display: flex;
  align-items: center;
  gap: 14px;
}
.creator-avatar {
  width: 76px;
  height: 76px;
  border-radius: 22px;
  overflow: hidden;
  border: 1px solid var(--border-strong);
  flex-shrink: 0;
  background: rgba(5,12,9,.98);
}
.creator-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rank-badge {
  width: 38px;
  height: 38px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(45,216,129,.14);
  color: var(--accent);
  font-weight: 900;
}
.creator-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 10px;
}
.creator-stats .stat {
  padding: 10px 12px;
  border-radius: 16px;
  background: rgba(255,255,255,.03);
  border: 1px solid var(--border);
}
.creator-stats strong { display: block; font-size: 18px; }
.creator-stats span { color: var(--muted); font-size: 12px; }
.video-day-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
  gap: 20px;
  align-items: start;
}
.video-embed-shell {
  aspect-ratio: 16 / 9;
  background: #000;
  border-radius: 22px;
  overflow: hidden;
  border: 1px solid var(--border-strong);
}
.video-embed-shell iframe {
  width: 100%;
  height: 100%;
  border: 0;
}
.ticker-list {
  display: grid;
  gap: 12px;
  margin-top: 18px;
}
.ticker-item {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 12px 14px;
  border-radius: 16px;
  background: rgba(255,255,255,.03);
  border: 1px solid var(--border);
}
.ticker-item strong { color: #fff; }
.year-legacy-list {
  display: grid;
  gap: 14px;
  margin-top: 16px;
}
.year-legacy-list li {
  padding: 12px 14px;
  border-radius: 16px;
  background: rgba(255,255,255,.03);
  border: 1px solid var(--border);
  color: var(--muted);
}
.year-legacy-list li strong { color: #fff; }
.anchor-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}
.anchor-pills a {
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(45,216,129,.08);
  border: 1px solid var(--border-strong);
  font-weight: 700;
}
@media (max-width: 1200px) {
  .games-showcase-grid,
  .creators-grid,
  .game-mini-grid,
  .games-gallery-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 860px) {
  .games-page .games-hub-shell .games-duo-grid,
  .games-page .games-hub-shell .game-mini-grid,
  .games-page .games-hub-shell .games-showcase-grid,
  .games-page .games-hub-shell .creators-grid,
  .games-page .games-hub-shell .video-day-grid,
  .games-page .games-hub-shell .games-gallery-grid {
    grid-template-columns: 1fr;
  }

  .games-page .games-hub-shell .section-block {
    overflow: hidden;
  }

  .games-page .games-hub-shell .game-spotlight-card,
  .games-page .games-hub-shell .game-mini-card,
  .games-page .games-hub-shell .year-legacy-card,
  .games-page .games-hub-shell .creator-rank-card,
  .games-page .games-hub-shell .video-day-card,
  .games-page .games-hub-shell .creator-feature-card {
    width: 100%;
    max-width: 100%;
  }

  .games-page .games-hub-shell .game-spotlight-card h3,
  .games-page .games-hub-shell .year-legacy-card h3,
  .games-page .games-hub-shell .video-day-card h3 {
    font-size: clamp(28px, 7vw, 40px);
  }

  .games-page .games-hub-shell .game-mini-card h4,
  .games-page .games-hub-shell .creator-rank-card h3 {
    font-size: clamp(24px, 6vw, 32px);
  }

  .games-page .games-hub-shell .game-spotlight-card p,
  .games-page .games-hub-shell .game-mini-card p,
  .games-page .games-hub-shell .year-legacy-card p,
  .games-page .games-hub-shell .year-legacy-list li,
  .games-page .games-hub-shell .ticker-item,
  .games-page .games-hub-shell .creator-rank-card p {
    font-size: 16px;
    line-height: 1.55;
  }

  .games-page .games-hub-shell .feature-links,
  .games-page .games-hub-shell .creator-links,
  .games-page .games-hub-shell .inline-links {
    gap: 10px;
  }
}
@media (max-width: 640px) {
  .games-page .games-hub-shell .page-hero-box {
    padding: 22px;
  }

  .games-page .games-hub-shell .game-spotlight-body,
  .games-page .games-hub-shell .creator-feature-body,
  .games-page .games-hub-shell .year-legacy-body,
  .games-page .games-hub-shell .video-day-body,
  .games-page .games-hub-shell .game-mini-card .copy,
  .games-page .games-hub-shell .creator-rank-card {
    padding: 16px;
  }
}

.games-gallery-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}
.game-cover-card {
  border: 1px solid var(--border);
  border-radius: 22px;
  background: rgba(7, 16, 13, 0.94);
  overflow: hidden;
  box-shadow: var(--shadow);
}
.game-cover-card img {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  border-bottom: 1px solid var(--border);
}
.game-cover-card .copy {
  padding: 16px;
}
.game-cover-card h3 {
  font-size: 1.1rem;
  margin-bottom: 8px;
}
.game-cover-card p {
  color: var(--muted);
}


/* ===== V17.3 production media + creator avatars ===== */
.creator-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
}

.creator-rank-top {
  display: none;
}

.creator-avatar {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  overflow: hidden;
  flex: 0 0 56px;
  border: 2px solid rgba(0, 255, 150, 0.3);
  box-shadow: 0 0 10px rgba(0, 255, 150, 0.2);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.creator-avatar:hover {
  transform: scale(1.05);
  box-shadow: 0 0 0 3px rgba(45, 216, 129, 0.12), 0 10px 20px rgba(0, 0, 0, 0.24);
}

.creator-avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}

.creator-rank {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 46px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(0,255,150,0.1);
  color: #00ff9c;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.game-spotlight-card,
.game-mini-card,
.year-legacy-card,
.game-cover-card,
.creator-rank-card,
.creator-feature-card {
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.game-spotlight-card:hover,
.game-mini-card:hover,
.year-legacy-card:hover,
.game-cover-card:hover,
.creator-rank-card:hover,
.creator-feature-card:hover {
  transform: translateY(-6px) scale(1.01);
  box-shadow: 0 10px 30px rgba(0, 255, 150, 0.15), 0 0 20px rgba(0, 255, 150, 0.08);
  border-color: rgba(45, 216, 129, 0.28);
}

.game-spotlight-media,
.year-legacy-media,
.game-cover-card,
.game-mini-card {
  position: relative;
  overflow: hidden;
}

.game-spotlight-media::after,
.year-legacy-media::after,
.game-mini-card::before,
.game-cover-card::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.35), transparent 62%);
  pointer-events: none;
}

.game-spotlight-media img,
.creator-feature-media img,
.year-legacy-media img,
.game-mini-card img,
.game-cover-card img,
.game-card img,
.game-cover {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}

.game-spotlight-card:hover .game-spotlight-media img,
.game-mini-card:hover img,
.year-legacy-card:hover .year-legacy-media img,
.game-cover-card:hover img {
  transform: scale(1.05);
}

.game-mini-card .copy,
.game-cover-card .copy,
.year-legacy-body,
.game-spotlight-body {
  position: relative;
  z-index: 1;
}


/* ===== V18 premium hydration + netflix polish ===== */
.game-cover,
.creator-avatar img {
  background:
    linear-gradient(110deg, rgba(255,255,255,0.04) 8%, rgba(255,255,255,0.12) 18%, rgba(255,255,255,0.04) 33%),
    linear-gradient(180deg, rgba(8,18,14,.96), rgba(6,12,10,.98));
  background-size: 200% 100%, 100% 100%;
}

.game-cover.is-hydrating,
.creator-avatar img.is-hydrating {
  animation: tnShimmer 1.4s linear infinite;
  filter: saturate(.88) contrast(.96);
}

.game-cover.is-ready,
.creator-avatar img.is-ready {
  animation: none;
}

@keyframes tnShimmer {
  0% { background-position: 200% 0, 0 0; }
  100% { background-position: -200% 0, 0 0; }
}

.game-spotlight-card,
.game-mini-card,
.year-legacy-card,
.game-cover-card,
.creator-rank-card,
.video-day-card,
.creator-feature-card {
  backdrop-filter: blur(8px);
}

.game-spotlight-card:hover,
.game-mini-card:hover,
.year-legacy-card:hover,
.game-cover-card:hover,
.creator-rank-card:hover,
.video-day-card:hover,
.creator-feature-card:hover {
  transform: translateY(-7px) scale(1.012);
}

.game-spotlight-media,
.year-legacy-media,
.game-mini-card,
.game-cover-card {
  isolation: isolate;
}

.game-spotlight-media::before,
.year-legacy-media::before,
.game-mini-card::after,
.game-cover-card::after {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at top right, rgba(45,216,129,.18), transparent 28%);
  pointer-events: none;
  z-index: 0;
}

.creator-rank-card {
  position: relative;
}

.creator-rank-card::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 24px;
  padding: 1px;
  background: linear-gradient(135deg, rgba(45,216,129,.24), rgba(45,216,129,0), rgba(45,216,129,.12));
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

.creator-stats .stat {
  min-height: 76px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.creator-stats strong {
  line-height: 1.1;
}

.creator-rank-card h3,
.game-mini-card h4,
.game-cover-card h3 {
  text-wrap: balance;
}

.game-spotlight-card p,
.game-mini-card p,
.creator-rank-card p,
.year-legacy-card p {
  text-wrap: pretty;
}

@media (max-width: 860px) {
  .creator-stats {
    grid-template-columns: 1fr 1fr;
  }
}


/* ===== V18.1 especial 26 jogos 2026 ===== */
.games-2026-feature {
  position: relative;
}

.feature-head {
  margin-bottom: 1.4rem;
}

.feature-2026-hero {
  display: grid;
  grid-template-columns: 1.5fr .9fr;
  gap: 1.25rem;
  padding: 1.5rem;
  border: 1px solid rgba(32, 227, 145, 0.18);
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(7,22,18,.96), rgba(5,12,10,.98));
  box-shadow: 0 24px 80px rgba(0,0,0,.24);
  margin-bottom: 1.6rem;
}

.feature-hero-kicker {
  display: inline-flex;
  margin-bottom: .75rem;
  color: #8ebdaa;
  font-size: .92rem;
}

.feature-2026-hero h3 {
  font-size: clamp(2rem, 4vw, 3.25rem);
  line-height: 1.02;
  margin: 0 0 .8rem;
  text-wrap: balance;
}

.feature-2026-hero p,
.feature-2026-sidecard li {
  color: #b8cec4;
  line-height: 1.68;
}

.feature-badges {
  display: flex;
  flex-wrap: wrap;
  gap: .7rem;
  margin-top: 1rem;
}

.feature-badges span {
  padding: .65rem .9rem;
  border-radius: 999px;
  border: 1px solid rgba(32, 227, 145, .18);
  background: rgba(8,25,20,.82);
  color: #dcfff1;
  font-weight: 700;
  font-size: .9rem;
}

.feature-2026-sidecard {
  padding: 1.2rem;
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(10,27,22,.92), rgba(5,14,12,.96));
  border: 1px solid rgba(32, 227, 145, .14);
}

.feature-2026-sidecard h4 {
  margin: 0 0 .8rem;
  font-size: 1.2rem;
}

.feature-2026-sidecard ul {
  margin: 0 0 1rem 1rem;
  padding: 0;
}

.games-2026-list {
  display: grid;
  gap: 1.5rem;
}

.games-2026-group {
  display: grid;
  gap: 1rem;
}

.games-2026-group-head {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 1rem;
}

.games-2026-group-head h3 {
  margin: 0;
  font-size: clamp(1.45rem, 2.5vw, 2rem);
}

.games-2026-group-head p {
  margin: .35rem 0 0;
  color: #a8c4b8;
}

.games-2026-count {
  color: #20e391;
  font-weight: 800;
  white-space: nowrap;
}

.games-2026-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.game-2026-card {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr);
  gap: 1rem;
  padding: 1rem;
  border-radius: 24px;
  border: 1px solid rgba(32, 227, 145, 0.14);
  background: linear-gradient(180deg, rgba(6,17,14,.98), rgba(3,10,8,.99));
  box-shadow: 0 20px 60px rgba(0,0,0,.18);
}

.game-2026-copy {
  display: grid;
  gap: .85rem;
}

.game-2026-topline {
  display: flex;
  flex-wrap: wrap;
  gap: .6rem;
}

.game-2026-rank, .game-2026-tag {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  padding: .45rem .75rem;
  border-radius: 999px;
  background: rgba(8, 25, 20, 0.84);
  border: 1px solid rgba(32, 227, 145, 0.18);
  font-size: .82rem;
  font-weight: 700;
}

.game-2026-card h4 {
  margin: 0;
  font-size: 1.75rem;
  line-height: 1.08;
  text-wrap: balance;
}

.game-2026-summary {
  margin: 0;
  color: #c0d5cb;
  line-height: 1.7;
}

.game-2026-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .7rem;
}

.game-2026-meta div {
  padding: .85rem .95rem;
  border-radius: 18px;
  background: rgba(10, 26, 22, 0.72);
  border: 1px solid rgba(32, 227, 145, 0.1);
}

.game-2026-meta span {
  display: block;
  color: #84b3a3;
  font-size: .8rem;
  margin-bottom: .25rem;
}

.game-2026-meta strong {
  color: #ecfff7;
  line-height: 1.35;
}

.game-2026-links {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.game-2026-trailer {
  display: grid;
  gap: .65rem;
}

.game-2026-trailer-frame {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  min-height: 240px;
  background: #08120f;
  border: 1px solid rgba(32, 227, 145, 0.12);
}

.game-2026-trailer-frame iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.game-2026-trailer small {
  color: #8ebdaa;
  line-height: 1.5;
}

@media (max-width: 1100px) {
  .feature-2026-hero,
  .game-2026-card {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 860px) {
  .games-2026-grid {
    grid-template-columns: 1fr;
  }

  .games-2026-group-head {
    flex-direction: column;
    align-items: start;
  }
}

@media (max-width: 640px) {
  .feature-2026-hero {
    padding: 1rem;
  }

  .game-2026-card {
    padding: .9rem;
  }

  .game-2026-card h4 {
    font-size: 1.35rem;
  }

  .game-2026-meta {
    grid-template-columns: 1fr;
  }

  .game-2026-trailer-frame {
    min-height: 210px;
  }
}


/* ===== V22 final AAA jogos 2026 ===== */
.games-2026-list {
  display: grid;
  gap: 1.75rem;
}

.portal-group {
  gap: 1.2rem;
}

.portal-group-head {
  align-items: center;
}

.games-2026-portal-list {
  display: grid;
  gap: 1.15rem;
}

.game-2026-portal-card {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(320px, .9fr);
  gap: 1rem;
  padding: 1rem;
  border-radius: 28px;
  border: 1px solid rgba(32, 227, 145, 0.14);
  background: linear-gradient(180deg, rgba(6,17,14,.98), rgba(3,10,8,.99));
  box-shadow: 0 24px 70px rgba(0,0,0,.2);
}

.game-2026-portal-main {
  display: grid;
  grid-template-columns: minmax(320px, 40%) minmax(0, 1fr);
  gap: 1rem;
  align-items: start;
  min-width: 0;
}

.game-2026-cover-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  min-height: 260px;
  border-radius: 24px;
  overflow: hidden;
  background: #091512;
  border: 1px solid rgba(32, 227, 145, .12);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.02);
}

.game-2026-cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform .35s ease;
}

.game-2026-cover-wrap:hover .game-2026-cover {
  transform: scale(1.03);
}

.game-2026-cover-overlay {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  gap: .6rem;
  padding: .95rem;
  background: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.72));
}

.game-2026-portal-copy {
  display: grid;
  gap: .95rem;
  min-width: 0;
}

.game-2026-heading-row h4 {
  margin: 0 0 .55rem;
  font-size: clamp(1.5rem, 2.8vw, 2rem);
  line-height: 1.05;
  text-wrap: balance;
}

.game-2026-summary {
  margin: 0;
  color: #c0d5cb;
  line-height: 1.72;
}

.game-2026-trailer-shell {
  display: grid;
  gap: .75rem;
}

.portal-frame {
  position: relative;
  min-height: 0;
  aspect-ratio: 16 / 9;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid rgba(32, 227, 145, .12);
  background: #08120f;
}

.game-2026-trailer-frame iframe,
.portal-frame iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.game-2026-trailer-launcher,
.game-2026-trailer-fallback {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  border-radius: 20px;
  overflow: hidden;
  background: #0b1512;
  cursor: pointer;
  text-align: left;
}

.game-2026-trailer-launcher img {
  width: 100%;
  aspect-ratio: 16 / 9;
  display: block;
  object-fit: cover;
  filter: saturate(1.04);
}

.game-2026-trailer-launcher::after,
.game-2026-trailer-fallback::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,.04), rgba(0,0,0,.46));
}

.game-2026-trailer-play,
.game-2026-trailer-fallback-copy {
  position: absolute;
  left: 1rem;
  right: 1rem;
  bottom: 1rem;
  z-index: 1;
}

.game-2026-trailer-play {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  gap: .55rem;
  padding: .75rem 1rem;
  border-radius: 999px;
  background: rgba(8,25,20,.9);
  border: 1px solid rgba(32,227,145,.22);
  color: #f3fff8;
  font-weight: 800;
}

.game-2026-trailer-fallback {
  aspect-ratio: 16 / 9;
  border: 1px solid rgba(32, 227, 145, .12);
}

.game-2026-trailer-fallback-copy {
  display: grid;
  gap: .35rem;
}

.game-2026-trailer-fallback-copy strong {
  font-size: 1.1rem;
  color: #f3fff8;
}

.game-2026-trailer-fallback-copy p {
  margin: 0;
  color: #b8cec4;
  line-height: 1.5;
}

.game-2026-news-panel {
  display: grid;
  align-content: start;
  gap: .9rem;
  padding: 1rem;
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(7,22,18,.92), rgba(4,12,10,.96));
  border: 1px solid rgba(32, 227, 145, .12);
}

.game-2026-news-head {
  display: grid;
  gap: .3rem;
}

.game-2026-news-kicker {
  display: inline-flex;
  width: fit-content;
  padding: .45rem .7rem;
  border-radius: 999px;
  background: rgba(8,25,20,.84);
  border: 1px solid rgba(32, 227, 145, 0.18);
  color: #7ef4b8;
  font-size: .78rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.game-2026-news-head strong {
  font-size: 1.15rem;
}

.game-2026-news-list {
  display: grid;
  gap: .8rem;
}

.game-news-item {
  display: grid;
  grid-template-columns: 108px minmax(0, 1fr);
  gap: .75rem;
  padding: .75rem;
  border-radius: 18px;
  background: rgba(9, 25, 21, 0.86);
  border: 1px solid rgba(32, 227, 145, 0.08);
  text-decoration: none;
  color: inherit;
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.game-news-item:hover {
  transform: translateY(-1px);
  border-color: rgba(32, 227, 145, 0.22);
  background: rgba(10, 31, 25, 0.94);
}

.game-news-item img {
  width: 108px;
  height: 84px;
  object-fit: cover;
  border-radius: 14px;
  background: #08120f;
}

.game-news-copy {
  display: grid;
  gap: .35rem;
}

.game-news-copy span {
  color: #84b3a3;
  font-size: .74rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.game-news-copy strong {
  color: #f3fff8;
  line-height: 1.28;
  font-size: .96rem;
}

.game-news-copy p {
  margin: 0;
  color: #a8c4b8;
  line-height: 1.45;
  font-size: .88rem;
}

.game-news-empty {
  padding: 1rem;
  border-radius: 18px;
  background: rgba(9, 25, 21, 0.86);
  border: 1px solid rgba(32, 227, 145, 0.08);
}

.game-news-empty strong {
  display: block;
  margin-bottom: .35rem;
}

.game-news-empty p {
  margin: 0;
  color: #a8c4b8;
  line-height: 1.55;
}

.shimmer-block,
.shimmer-line {
  position: relative;
  overflow: hidden;
  background: rgba(9,25,21,.9);
}

.shimmer-block::after,
.shimmer-line::after {
  content: '';
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.06), transparent);
  animation: portalShimmer 1.4s infinite;
}

.shimmer-block {
  border-radius: 20px;
  min-height: 220px;
}

.shimmer-line {
  border-radius: 14px;
  min-height: 74px;
}

.game-news-skeleton + .game-news-skeleton {
  margin-top: .65rem;
}

@keyframes portalShimmer {
  100% { transform: translateX(100%); }
}

@media (max-width: 1200px) {
  .game-2026-portal-card {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 980px) {
  .game-2026-portal-main {
    grid-template-columns: 1fr;
  }

  .game-2026-cover-wrap {
    min-height: 220px;
    border-radius: 20px;
  }
}

@media (max-width: 760px) {
  .game-2026-cover-wrap {
    min-height: 190px;
    border-radius: 18px;
  }
}

@media (max-width: 640px) {
  .game-2026-portal-card {
    padding: .85rem;
    border-radius: 22px;
  }

  .game-news-item {
    grid-template-columns: 88px minmax(0, 1fr);
  }

  .game-news-item img {
    width: 88px;
    height: 72px;
  }

  .game-2026-trailer-play {
    left: .75rem;
    right: .75rem;
    bottom: .75rem;
    font-size: .92rem;
  }
}


/* V26 SEO + Performance */
.games-page .section-block {
  content-visibility: auto;
  contain-intrinsic-size: 1px 960px;
}

.games-page .games-2026-portal-card,
.games-page .game-mini-card,
.games-page .year-legacy-card,
.games-page .creator-rank-card {
  content-visibility: auto;
  contain-intrinsic-size: 1px 760px;
}

.games-page img {
  height: auto;
}


/* V27 games news-only cards */
.game-2026-media-link {
  position: relative;
  text-decoration: none;
  color: inherit;
}

.game-2026-media-badge {
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  padding: .6rem .9rem;
  border-radius: 999px;
  background: rgba(8, 25, 20, .88);
  border: 1px solid rgba(32, 227, 145, .18);
  color: #f3fff8;
  font-weight: 800;
  font-size: .82rem;
  letter-spacing: .02em;
}

.game-2026-news-preview {
  min-height: 160px;
}

.game-2026-media-link:hover .game-2026-cover {
  transform: scale(1.03);
}



/* V28 home + hardware spotlights */

.home-spotlight-wrap,
.hardware-buyers-guide {
  margin-top: 2rem;
}

.spotlight-preview-grid,
.hardware-spotlight-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.spotlight-preview-grid-hardware {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.spotlight-preview-card,
.hardware-spotlight-card {
  overflow: hidden;
  border-radius: 28px;
  border: 1px solid rgba(32, 227, 145, .14);
  background: linear-gradient(180deg, rgba(7, 19, 15, .94), rgba(10, 27, 21, .98));
  box-shadow: 0 20px 50px rgba(0, 0, 0, .24);
}

.spotlight-preview-card img,
.hardware-spotlight-card img {
  width: 100%;
  display: block;
  object-fit: cover;
}

.spotlight-preview-card img {
  aspect-ratio: 16 / 9;
}

.hardware-spotlight-card {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1.2fr);
}

.hardware-spotlight-card img {
  height: 100%;
  min-height: 100%;
}

.spotlight-preview-body,
.hardware-spotlight-body {
  padding: 1rem 1rem 1.1rem;
}

.spotlight-preview-body h3,
.hardware-spotlight-body h3 {
  margin: .15rem 0 .55rem;
  font-size: 1.22rem;
}

.spotlight-preview-body p,
.hardware-spotlight-body p {
  margin: 0;
  color: rgba(232, 245, 238, .8);
  line-height: 1.65;
}

.spotlight-chip,
.hardware-chip {
  display: inline-flex;
  align-items: center;
  padding: .44rem .78rem;
  border-radius: 999px;
  background: rgba(32, 227, 145, .12);
  border: 1px solid rgba(32, 227, 145, .18);
  color: #bbf8d7;
  font-size: .79rem;
  font-weight: 800;
  letter-spacing: .02em;
}

.spotlight-cta-row,
.hardware-actions-row {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  margin-top: 1rem;
}

.hardware-mini-list {
  margin: .9rem 0 0;
  padding-left: 1rem;
  color: rgba(232, 245, 238, .82);
}

.hardware-mini-list li + li {
  margin-top: .45rem;
}

@media (max-width: 1100px) {
  .hardware-spotlight-card {
    grid-template-columns: 1fr;
  }

  .hardware-spotlight-card img {
    aspect-ratio: 16 / 9;
  }
}

@media (max-width: 900px) {
  .spotlight-preview-grid {
    grid-template-columns: 1fr;
  }

  .spotlight-preview-grid-hardware,
  .hardware-spotlight-grid {
    grid-template-columns: 1fr;
  }
}


.hardware-tier-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 18px;
}

.hardware-tier-card {
  background: linear-gradient(180deg, rgba(10, 30, 25, 0.96), rgba(8, 20, 18, 0.96));
  border: 1px solid rgba(32, 227, 145, 0.16);
  border-radius: 20px;
  padding: 20px;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.24);
}

.hardware-tier-card h3 {
  margin: 10px 0 10px;
}

.hardware-tier-card p {
  margin: 0;
  color: rgba(232, 244, 238, 0.82);
}


.hardware-spotlight-card > img,
.spotlight-preview-card > img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}


/* Fix hardware cards layout */
.hardware-preview {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.hardware-card--compact {
  overflow: hidden;
  border-radius: 28px;
}

.hardware-card--compact img {
  width: 100%;
  display: block;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.hardware-card-content {
  padding: 22px 20px 24px;
}

.hardware-card-content h3 {
  margin: 12px 0 12px;
}

.hardware-card-content p {
  margin: 0;
}

.chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 16px;
  border-radius: 999px;
  background: rgba(12, 140, 90, 0.22);
  border: 1px solid rgba(0, 255, 170, 0.12);
  font-weight: 700;
}

/* Fix malformed home hardware CTA */
.home-hardware-actions {
  display: flex;
  gap: 16px;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 20px;
}

.btn-hardware {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  text-decoration: none !important;
}

.btn-hardware::before,
.btn-hardware::after {
  content: none !important;
}

@media (max-width: 900px) {
  .hardware-preview {
    grid-template-columns: 1fr;
  }
}


a[href="/hardware.html"]:empty {
  display: none !important;
}



/* ===== Fix final: hardware guide cards ===== */
.hardware-spotlight-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 24px !important;
}

.hardware-spotlight-card {
  display: block !important;
  overflow: hidden;
  border-radius: 28px;
}

.hardware-spotlight-card img {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 16 / 9 !important;
  object-fit: cover !important;
  display: block;
}

.hardware-spotlight-body {
  padding: 20px 20px 22px !important;
}

.hardware-actions-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 18px;
}

.hardware-actions-row .btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}

.home-spotlight-wrap .spotlight-cta-row .btn,
.home-hardware-actions .btn,
.home-hardware-actions .btn-games,
a.btn.btn-primary,
a.btn.btn-secondary {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 44px !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  text-decoration: none !important;
}

@media (max-width: 900px) {
  .hardware-spotlight-grid {
    grid-template-columns: 1fr !important;
  }
}


.page-shell { min-height: 100vh; }
.article-hero--compact { padding: 72px 0 24px; }
.article-section { padding: 12px 0 72px; }
.container.article-content { max-width: 980px; }
.article-content h2 { margin-top: 34px; margin-bottom: 14px; }
.article-content p, .article-content li { line-height: 1.75; }
.seo-links-list { margin: 12px 0 0; }
.seo-links-list a { text-decoration: none; }


/* V24 REAL FIX — destaque das comparações essenciais */
.seo-content--featured {
  max-width: 1180px;
  margin: 0 auto 72px;
  padding: 0 20px;
}
.seo-panel {
  margin: 0 0 18px;
  padding: 20px 24px;
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(5,22,19,.94), rgba(3,14,12,.98));
  border: 1px solid rgba(39, 255, 191, 0.16);
  box-shadow: 0 14px 38px rgba(0, 0, 0, 0.28);
}
.seo-grid {
  display: grid;
  grid-template-columns: 1.35fr 1fr 1fr;
  gap: 18px;
}
.seo-card {
  padding: 22px;
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(4,19,16,.96), rgba(2,11,10,.98));
  border: 1px solid rgba(39, 255, 191, 0.14);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.26);
}
.seo-card--primary {
  border-color: rgba(39, 255, 191, 0.22);
  box-shadow: 0 14px 42px rgba(0, 0, 0, 0.34);
}
.seo-kicker {
  display: inline-flex;
  margin-bottom: 12px;
  padding: 8px 14px;
  border-radius: 999px;
  border: 1px solid rgba(39, 255, 191, 0.25);
  color: var(--accent, #47f5c0);
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.seo-content--featured h2,
.seo-content--featured h3 {
  margin: 0 0 12px;
}
.seo-content--featured p {
  margin: 0;
  line-height: 1.75;
}
.seo-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  margin: 8px 0 18px;
  padding: 0 18px;
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(49, 255, 198, 0.18), rgba(39, 255, 191, 0.08));
  border: 1px solid rgba(39, 255, 191, 0.24);
  color: #ecfff8;
  text-decoration: none;
  font-weight: 700;
}
.seo-pill-list {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.seo-pill {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: 0 14px;
  border-radius: 999px;
  background: rgba(10, 33, 28, 0.95);
  border: 1px solid rgba(39, 255, 191, 0.16);
  color: #f4fffb;
  text-decoration: none;
  font-weight: 600;
}
.seo-pill:hover,
.seo-cta:hover,
.seo-link-stack a:hover {
  border-color: rgba(39, 255, 191, 0.34);
  box-shadow: 0 0 0 1px rgba(39, 255, 191, 0.08), 0 10px 24px rgba(2, 12, 10, 0.28);
}
.seo-link-stack {
  display: grid;
  gap: 12px;
}
.seo-link-stack a {
  display: block;
  padding: 14px 16px;
  border-radius: 16px;
  background: rgba(10, 33, 28, 0.95);
  border: 1px solid rgba(39, 255, 191, 0.14);
  color: #f4fffb;
  text-decoration: none;
  font-weight: 600;
}
@media (max-width: 980px) {
  .seo-grid {
    grid-template-columns: 1fr;
  }
}


/* PRO++ FIX cards */

.guide-gallery {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin: 20px 0 8px;
}
.guide-gallery--triple {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.guide-gallery .spotlight-preview-card {
  height: 100%;
}
.guide-gallery .spotlight-preview-card a {
  text-decoration: none;
  color: inherit;
  display: block;
  height: 100%;
}
.guide-gallery .spotlight-preview-body p {
  margin-top: 4px;
}
.seo-inline-note {
  margin: 12px 0 0;
  color: rgba(232,245,238,.78);
  font-size: .95rem;
}
@media (max-width: 900px) {
  .guide-gallery,
  .guide-gallery--triple {
    grid-template-columns: 1fr;
  }
}


.hardware-tier-grid--visual {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}

.hardware-tier-card--visual {
  display: grid;
  grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
  gap: 0;
  overflow: hidden;
  padding: 0;
  min-height: 180px;
}

.hardware-tier-media {
  min-height: 100%;
  background: linear-gradient(180deg, rgba(8,27,24,0.96), rgba(4,14,13,0.98));
  border-right: 1px solid rgba(255,255,255,0.07);
}

.hardware-tier-media img {
  width: 100%;
  height: 100%;
  min-height: 180px;
  object-fit: cover;
  display: block;
}

.hardware-tier-copy {
  padding: 22px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.hardware-tier-copy .hardware-chip {
  align-self: flex-start;
  margin-bottom: 14px;
}

.hardware-tier-copy h3 {
  margin-bottom: 10px;
}

@media (max-width: 900px) {
  .hardware-tier-card--visual {
    grid-template-columns: 1fr;
  }

  .hardware-tier-media {
    border-right: 0;
    border-bottom: 1px solid rgba(255,255,255,0.07);
  }

  .hardware-tier-media img {
    min-height: 220px;
  }
}

.editorial-note,
.author-box,
.scorecard-grid,
.comparison-table-wrap,
.checklist-card,
.quick-answer-box {
  background: rgba(10,16,33,.72);
  border: 1px solid rgba(92,136,255,.22);
  border-radius: 18px;
  padding: 18px;
  margin: 20px 0;
}
.author-box p,
.editorial-note p,
.quick-answer-box p { margin: 0; }
.article-meta-list,
.guide-anchor-list,
.scorecard-grid ul { margin: 10px 0 0; padding-left: 18px; }
.guide-anchor-list { display: grid; gap: 8px; }
.scorecard-grid { display:grid; gap:16px; grid-template-columns: repeat(auto-fit, minmax(220px,1fr)); }
.scorecard-grid article { background: rgba(255,255,255,.03); border-radius: 14px; padding: 16px; border:1px solid rgba(255,255,255,.06); }
.comparison-table { width:100%; border-collapse: collapse; font-size: .97rem; }
.comparison-table th, .comparison-table td { border:1px solid rgba(255,255,255,.08); padding: 12px; vertical-align: top; }
.comparison-table th { text-align:left; background: rgba(255,255,255,.04); }
.inline-cta-grid { display:grid; gap:16px; grid-template-columns: repeat(auto-fit, minmax(220px,1fr)); margin: 26px 0; }
.inline-cta-grid a { display:block; padding:16px; border-radius:16px; text-decoration:none; background:rgba(255,255,255,.03); border:1px solid rgba(92,136,255,.18); }
.reading-route { border-left: 3px solid rgba(112,162,255,.5); padding-left: 14px; margin: 20px 0; }
.content-signoff { font-size: .98rem; opacity:.9; }


.monetization-grid {
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 22px;
}
.monetization-stack {
  display: grid;
  gap: 22px;
}
.monetization-card,
.revenue-card,
.trust-card {
  border: 1px solid var(--border);
  border-radius: 24px;
  background: var(--panel);
  box-shadow: var(--shadow);
  padding: 22px;
}
.monetization-card h3,
.revenue-card h3,
.trust-card h3 { font-size: 22px; margin-bottom: 12px; }
.monetization-card p,
.revenue-card p,
.trust-card p,
.monetization-card li,
.revenue-card li,
.trust-card li { color: var(--muted); }
.monetization-card ul,
.revenue-card ul,
.trust-card ul { list-style: disc; padding-left: 18px; }
.monetization-card li + li,
.revenue-card li + li,
.trust-card li + li { margin-top: 8px; }
.revenue-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-top: 18px;
}
.revenue-mini {
  border: 1px solid var(--border);
  border-radius: 18px;
  background: rgba(6, 13, 10, 0.88);
  padding: 16px;
}
.revenue-mini strong { display: block; margin-bottom: 6px; }
.inline-disclosure {
  margin-top: 14px;
  padding: 14px 16px;
  border-radius: 16px;
  border: 1px solid rgba(45, 216, 129, 0.16);
  background: rgba(8, 18, 14, 0.82);
  color: var(--muted);
  font-size: 14px;
}
.quick-monetize-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
@media (max-width: 1200px) {
  .monetization-grid,
  .quick-monetize-grid,
  .revenue-grid { grid-template-columns: 1fr; }
}


.technet-ai-nav-link {
  border: 1px solid rgba(45, 216, 129, 0.24);
  background: rgba(45, 216, 129, 0.08);
}

.technet-ai-nav-link:hover {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(45, 216, 129, 0.08);
}



/* OpenClaw agent presentation */
.technet-ai-nav-item + .technet-ai-nav-item { display:none; }
.openclaw-home-showcase__grid {
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap:20px;
}
.agent-card,
.page-agent-card {
  --agent-tilt-x: 0deg;
  --agent-tilt-y: 0deg;
  --agent-shift-x: 0px;
  --agent-shift-y: 0px;
  --agent-glow-x: 50%;
  --agent-glow-y: 35%;
  position:relative;
  border:1px solid rgba(45,216,129,.16);
  border-radius:28px;
  background:linear-gradient(180deg, rgba(9,20,16,.98), rgba(6,14,11,.98));
  padding:20px;
  overflow:hidden;
  box-shadow: var(--shadow);
  transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease, background .28s ease;
  transform-style: preserve-3d;
}
.agent-card::before,
.page-agent-card::before {
  content:'';
  position:absolute;
  inset:-20%;
  background:radial-gradient(circle at var(--agent-glow-x) var(--agent-glow-y), rgba(45,216,129,.18), rgba(45,216,129,0) 38%);
  opacity:.92;
  pointer-events:none;
  transition: opacity .25s ease;
}
.agent-card::after,
.page-agent-card::after {
  content:'';
  position:absolute;
  inset:auto -10% -32% -10%;
  height:44%;
  background:radial-gradient(circle at center, rgba(45,216,129,.16), rgba(45,216,129,0));
  opacity:.75;
  pointer-events:none;
}
.agent-card__media,
.page-agent-card__orb {
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:188px;
  margin-bottom:14px;
  perspective: 1200px;
}
.page-agent-card__orb { min-height: 148px; margin-bottom: 0; position:relative; isolation:isolate; }
.agent-card__media img,
.page-agent-card__orb img,
.page-agent-card__media img,
.page-agent-card__media img {
  max-width:100%;
  max-height:150px;
  width:auto;
  height:auto;
  object-fit:contain;
  filter: drop-shadow(0 14px 30px rgba(0,0,0,.35));
  transform-origin:center;
  transform: translate3d(var(--agent-shift-x), var(--agent-shift-y), 0) rotateX(var(--agent-tilt-x)) rotateY(var(--agent-tilt-y));
  transition: transform .18s ease, filter .18s ease;
  animation: openclawAgentFloat 4.6s ease-in-out infinite;
}
.agent-card__badge, .page-agent-card__badge {
  display:inline-flex;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(45,216,129,.12);
  color:#95f1bd;
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:10px;
}
.agent-card h3, .page-agent-card h3 { margin-bottom:8px; font-size:28px; line-height:1.05; }
.page-agent-card h3 { font-size:20px; text-align:center; }
.agent-card p, .page-agent-card p { color:#bcd1c7; }
.agent-card.is-hovered,
.page-agent-card.is-hovered, .page-agent-card:hover,
.agent-card.is-working, .page-agent-card.is-working {
  transform: translateY(-6px) scale(1.012);
  border-color: rgba(45,216,129,.44);
  background:linear-gradient(180deg, rgba(10,24,18,.99), rgba(6,14,11,.98));
  box-shadow: 0 20px 42px rgba(0,0,0,.38), 0 0 0 1px rgba(45,216,129,.10), 0 0 34px rgba(45,216,129,.16);
}
.agent-card.is-hovered img,
.page-agent-card.is-hovered img, .page-agent-card:hover img {
  filter: drop-shadow(0 0 26px rgba(45,216,129,.26));
}
.agent-card.is-working img, .page-agent-card.is-working img {
  animation: openclawAgentPulse 1.1s ease-in-out infinite, openclawAgentFloat 4.6s ease-in-out infinite;
  filter: drop-shadow(0 0 30px rgba(45,216,129,.30)) saturate(1.06);
}
.page-agent-card.is-working .agent-energy--outer { animation-duration: 3.4s; }
.page-agent-card.is-working .agent-energy--inner { animation-duration: 2.2s; }
.page-agent-card::before { opacity:.56; }
.page-agent-card::after { opacity:.44; }

.page-hero-box--agent {
  display:grid;
  grid-template-columns:minmax(0, 1fr) 156px;
  gap:18px;
  align-items:center;
}
.page-hero-box--agent > * { min-width:0; }
.page-hero-box__content {
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
}
.page-hero-box__content h1 {
  font-size:clamp(44px, 6vw, 62px);
  line-height:.96;
  letter-spacing:-.04em;
  margin:0;
  max-width:14ch;
}
.page-hero-box--agent p { max-width:64ch; }
.page-hero-box--agent .breadcrumbs { margin-bottom:10px; }
.page-hero-box--agent .hero-cta-row {
  margin-top:16px;
  max-width:64ch;
}
.page-hero-box--agent .hero-cta-row .btn {
  min-height:42px;
  padding-inline:16px;
}
.page-hero-box--compact .page-hero-box__content h1 {
  font-size:clamp(26px, 3.2vw, 38px);
  line-height:1.02;
  max-width:18ch;
}
.page-hero-box--compact p {
  font-size:clamp(15px, 1.45vw, 18px);
}
.page-agent-card {
  --agent-accent: 88, 220, 255;
  --agent-accent-2: 116, 157, 255;
  --agent-hover-lift: -4px;
  --agent-bounce-scale: 1.05;
  width: 122px;
  min-height: 122px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  justify-self:end;
  align-self:start;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
  isolation:isolate;
}
.page-agent-card::before,
.page-agent-card::after {
  content:'';
  position:absolute;
  inset:auto;
  pointer-events:none;
}
.page-agent-card::before {
  width:132px;
  height:132px;
  left:50%;
  top:50%;
  transform:translate(-50%,-52%);
  background:radial-gradient(circle, rgba(var(--agent-accent), .22) 0%, rgba(var(--agent-accent-2), .10) 28%, rgba(var(--agent-accent), 0) 68%);
  opacity:.82;
  filter:blur(10px);
}
.page-agent-card::after {
  width:88px;
  height:22px;
  left:50%;
  bottom:2px;
  transform:translateX(-50%);
  background:radial-gradient(circle, rgba(var(--agent-accent), .20) 0%, rgba(var(--agent-accent), 0) 72%);
  opacity:.42;
  filter:blur(10px);
}
.page-agent-card__orb {
  min-height: 122px;
  width:122px;
  margin-bottom:0;
  position:relative;
  isolation:isolate;
}
.page-agent-card__orb img {
  max-height:104px;
  filter: drop-shadow(0 8px 18px rgba(0,0,0,.34)) drop-shadow(0 0 16px rgba(var(--agent-accent), .24));
  animation: openclawAgentFloat 5.6s ease-in-out infinite;
}
.page-agent-card__content { display:none; }
.page-agent-card.is-hovered,
.page-agent-card:hover,
.page-agent-card.is-working {
  transform: translateY(var(--agent-hover-lift)) scale(var(--agent-bounce-scale));
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}
.page-agent-card.is-hovered img,
.page-agent-card:hover img {
  filter: drop-shadow(0 10px 22px rgba(0,0,0,.34)) drop-shadow(0 0 24px rgba(var(--agent-accent), .34));
}
.page-agent-card[data-agent-motion="energetic"] img { animation-duration: 4.8s; }
.page-agent-card[data-agent-motion="analytical"] img { animation-duration: 6.2s; }
.page-agent-card[data-agent-motion="watchful"] img { animation-duration: 5.5s; }
.page-agent-card[data-agent-motion="precision"] img { animation-duration: 5.8s; }
.page-agent-card[data-agent-motion="neural"] img { animation-duration: 5s; }
.page-agent-card[data-agent-motion="strategic"] img { animation-duration: 6s; }
.agent-energy,
.agent-status-light {
  position:absolute;
  border-radius:999px;
  pointer-events:none;
}
.page-agent-card .agent-energy--outer {
  width:86%;
  aspect-ratio:1;
  border:1px solid rgba(var(--agent-accent), .22);
  box-shadow:0 0 0 1px rgba(var(--agent-accent), .05), inset 0 0 20px rgba(var(--agent-accent), .04);
  animation: agentHaloSpin 15s linear infinite;
}
.page-agent-card .agent-energy--inner {
  width:62%;
  aspect-ratio:1;
  border:1px dashed rgba(var(--agent-accent-2), .24);
  opacity:.62;
  animation: agentInnerPulse 7.5s ease-in-out infinite;
}
.agent-status-light {
  top:18%;
  right:16%;
  width:8px;
  height:8px;
  background:rgb(var(--agent-accent));
  box-shadow:0 0 10px rgba(var(--agent-accent), .46);
  animation: agentBeacon 2.6s ease-in-out infinite;
}
.page-agent-card[data-page-agent="tech"] { --agent-accent: 110, 214, 255; --agent-accent-2: 108, 136, 255; }
.page-agent-card[data-page-agent="games"] { --agent-accent: 124, 255, 210; --agent-accent-2: 185, 120, 255; }
.page-agent-card[data-page-agent="security"] { --agent-accent: 255, 88, 88; --agent-accent-2: 120, 255, 180; }
.page-agent-card[data-page-agent="hardware"] { --agent-accent: 255, 170, 74; --agent-accent-2: 255, 108, 61; }
.page-agent-card[data-page-agent="ai"] { --agent-accent: 90, 247, 255; --agent-accent-2: 177, 108, 255; }
.page-agent-card[data-page-agent="business"] { --agent-accent: 255, 206, 110; --agent-accent-2: 150, 255, 210; }
.page-agent-card[data-agent-state="alert"] .agent-status-light {
  background:rgb(var(--agent-accent));
  box-shadow:0 0 12px rgba(var(--agent-accent), .55);
}
.page-agent-card[data-agent-state="hype"] .agent-status-light,
.page-agent-card[data-agent-state="processing"] .agent-status-light,
.page-agent-card[data-agent-state="diagnostic"] .agent-status-light {
  background:rgb(var(--agent-accent));
  box-shadow:0 0 12px rgba(var(--agent-accent), .55);
}
.page-agent-card.is-living::before {
  animation: agentCardGlow 5.4s ease-in-out infinite;
}
@keyframes agentHaloSpin {
  from { transform: rotate(0deg); opacity:.44; }
  50% { opacity:.74; }
  to { transform: rotate(360deg); opacity:.44; }
}
@keyframes agentInnerPulse {
  0%,100% { transform: scale(.985); opacity:.34; }
  50% { transform: scale(1.02); opacity:.62; }
}
@keyframes agentBeacon {
  0%,100% { transform: scale(.92); opacity:.42; }
  50% { transform: scale(1.18); opacity:1; }
}
@keyframes agentCardGlow {
  0%,100% { opacity:.66; }
  50% { opacity:.92; }
}
@keyframes openclawAgentFloat {
  0%,100% { transform: translate3d(calc(var(--agent-shift-x) * .45), calc(var(--agent-shift-y) * .35 + 0px), 0) rotateX(calc(var(--agent-tilt-x) * .45)) rotateY(calc(var(--agent-tilt-y) * .45)); }
  50% { transform: translate3d(calc(var(--agent-shift-x) * .45), calc(var(--agent-shift-y) * .35 - 5px), 0) rotateX(calc(var(--agent-tilt-x) * .45)) rotateY(calc(var(--agent-tilt-y) * .45)); }
}
@keyframes openclawAgentPulse {
  0% { transform: translate3d(calc(var(--agent-shift-x) * .45), calc(var(--agent-shift-y) * .35), 0) scale(1) rotateX(calc(var(--agent-tilt-x) * .45)) rotateY(calc(var(--agent-tilt-y) * .45)); }
  50% { transform: translate3d(calc(var(--agent-shift-x) * .45), calc(var(--agent-shift-y) * .35 - 4px), 0) scale(1.04) rotateX(calc(var(--agent-tilt-x) * .45)) rotateY(calc(var(--agent-tilt-y) * .45)); }
  100% { transform: translate3d(calc(var(--agent-shift-x) * .45), calc(var(--agent-shift-y) * .35), 0) scale(1) rotateX(calc(var(--agent-tilt-x) * .45)) rotateY(calc(var(--agent-tilt-y) * .45)); }
}

.page-agent-card .agent-sprite,
.page-agent-card .agent-sprite__sheet {
  --sprite-size: 118px;
}
.page-agent-card__orb::before,
.page-agent-card__orb::after {
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:0;
  transition:opacity .25s ease, transform .25s ease;
}
.page-agent-card[data-page-agent="security"] .agent-status-light {
  animation: agentSecurityAlarm .8s steps(2) infinite;
}
.page-agent-card[data-page-agent="market"] .page-agent-card__orb::before {
  inset:30% 14% 22% 16%;
  background:
    linear-gradient(135deg, transparent 0 34%, rgba(120,255,180,.0) 34%),
    linear-gradient(135deg, transparent 46%, rgba(255,210,110,.85) 46% 51%, transparent 51%),
    linear-gradient(135deg, transparent 58%, rgba(150,255,210,.92) 58% 63%, transparent 63%);
  filter:drop-shadow(0 0 10px rgba(255,206,110,.35));
  animation: agentMarketRise 1.55s linear infinite;
  opacity:.95;
}
.page-agent-card[data-page-agent="hardware"] .page-agent-card__orb::before {
  inset:22% 18% 18% 18%;
  width:28px;
  height:28px;
  margin:auto;
  border:2px solid rgba(255,170,74,.82);
  border-radius:50%;
  box-shadow:0 0 0 6px rgba(255,170,74,.08), 0 0 16px rgba(255,170,74,.22);
  animation: agentGearSpin 1.6s linear infinite;
  opacity:.92;
}
.page-agent-card[data-page-agent="hardware"] .page-agent-card__orb::after {
  inset:0;
  margin:auto;
  width:42px;
  height:42px;
  border-radius:50%;
  background:repeating-conic-gradient(from 0deg, rgba(255,170,74,.0) 0 12deg, rgba(255,170,74,.85) 12deg 18deg);
  -webkit-mask:radial-gradient(circle, transparent 0 12px, #000 13px 21px, transparent 22px);
  mask:radial-gradient(circle, transparent 0 12px, #000 13px 21px, transparent 22px);
  animation: agentGearSpin 1.6s linear infinite reverse;
  opacity:.75;
}
.page-agent-card[data-page-agent="ai"] .page-agent-card__orb::before {
  inset:18% 18% 18% 18%;
  border-radius:50%;
  border:1px solid rgba(90,247,255,.38);
  box-shadow:inset 0 0 14px rgba(90,247,255,.12), 0 0 14px rgba(90,247,255,.16);
  opacity:.8;
}
.page-agent-card[data-page-agent="ai"] .page-agent-card__orb::after {
  inset:18% 18% 18% 18%;
  border-radius:50%;
  background:conic-gradient(from 0deg, rgba(90,247,255,0) 0 68%, rgba(90,247,255,.88) 74%, rgba(177,108,255,.8) 82%, rgba(90,247,255,0) 90% 100%);
  -webkit-mask:radial-gradient(circle, transparent 0 23px, #000 25px 46px, transparent 48px);
  mask:radial-gradient(circle, transparent 0 23px, #000 25px 46px, transparent 48px);
  animation: agentRadarSweep 1.8s linear infinite;
  opacity:.95;
}
.page-agent-card[data-page-agent="tech"] .page-agent-card__orb::before {
  inset:24% 18% 26% 18%;
  background:
    linear-gradient(90deg, transparent 0 10%, rgba(110,214,255,.92) 10% 13%, transparent 13% 32%, rgba(110,214,255,.82) 32% 35%, transparent 35% 58%, rgba(108,136,255,.92) 58% 61%, transparent 61%),
    linear-gradient(0deg, transparent 0 42%, rgba(110,214,255,.84) 42% 46%, transparent 46% 66%, rgba(108,136,255,.84) 66% 70%, transparent 70%);
  filter:drop-shadow(0 0 8px rgba(110,214,255,.34));
  animation: agentCircuitsRun .92s linear infinite;
  opacity:.9;
}
.page-agent-card[data-page-agent="games"] .page-agent-card__orb::before {
  inset:34% 34% 34% 34%;
  border-radius:50%;
  box-shadow:0 0 0 0 rgba(185,120,255,.34);
  border:2px solid rgba(185,120,255,.8);
  animation: agentButtonPulse 1.12s ease-out infinite;
  opacity:.95;
}
.page-agent-card[data-page-agent="games"] .page-agent-card__orb::after {
  inset:39% 39% 39% 39%;
  border-radius:50%;
  background:radial-gradient(circle, rgba(124,255,210,.96) 0, rgba(185,120,255,.84) 52%, rgba(185,120,255,0) 66%);
  animation: agentButtonCore 1.12s ease-in-out infinite;
  opacity:.92;
}
.page-agent-card[data-page-agent="market"] { --agent-hover-lift: -5px; --agent-bounce-scale: 1.04; }
.page-agent-card[data-page-agent="security"] { --agent-hover-lift: -4px; --agent-bounce-scale: 1.06; }
.page-agent-card[data-page-agent="hardware"] { --agent-hover-lift: -5px; --agent-bounce-scale: 1.05; }
.page-agent-card[data-page-agent="ai"] { --agent-hover-lift: -6px; --agent-bounce-scale: 1.05; }
.page-agent-card[data-page-agent="games"] { --agent-hover-lift: -7px; --agent-bounce-scale: 1.075; }
.page-agent-card[data-page-agent="tech"] { --agent-hover-lift: -5px; --agent-bounce-scale: 1.045; }
.page-agent-card[data-agent-state="hover"] .agent-sprite__sheet,
.page-agent-card.is-hovered .agent-sprite__sheet {
  animation-duration:.52s, 3.6s;
}
.page-agent-card[data-agent-state="alert"] .agent-sprite__sheet {
  animation-duration:.46s, 3.3s;
}
.page-agent-card[data-agent-state="thinking"] .agent-sprite__sheet {
  animation-duration:.58s, 4s;
}
@keyframes agentSecurityAlarm {
  0%, 45%, 100% { opacity:.32; transform:scale(.92); box-shadow:0 0 10px rgba(255,88,88,.35); }
  50%, 95% { opacity:1; transform:scale(1.35); box-shadow:0 0 18px rgba(255,88,88,.9), 0 0 28px rgba(255,88,88,.4); }
}
@keyframes agentMarketRise {
  0% { transform:translateX(-10px) translateY(8px); opacity:.25; }
  50% { opacity:1; }
  100% { transform:translateX(10px) translateY(-8px); opacity:.25; }
}
@keyframes agentGearSpin { from { transform:rotate(0deg); } to { transform:rotate(360deg); } }
@keyframes agentRadarSweep { from { transform:rotate(0deg); } to { transform:rotate(360deg); } }
@keyframes agentCircuitsRun {
  0% { background-position:0 0, 0 0; opacity:.35; }
  50% { opacity:1; }
  100% { background-position:36px 0, 0 22px; opacity:.35; }
}
@keyframes agentButtonPulse {
  0% { transform:scale(.72); opacity:.92; box-shadow:0 0 0 0 rgba(185,120,255,.38); }
  80%,100% { transform:scale(1.4); opacity:0; box-shadow:0 0 0 16px rgba(185,120,255,0); }
}
@keyframes agentButtonCore {
  0%,100% { transform:scale(.9); filter:brightness(1); }
  50% { transform:scale(1.2); filter:brightness(1.25); }
}
@media (max-width: 1180px) {
  .openclaw-home-showcase__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .page-hero-box--agent { grid-template-columns: minmax(0, 1fr) 138px; }
  .page-hero-box--compact .page-hero-box__content h1 { max-width:16ch; }
  .page-agent-card { max-width:122px; justify-self:end; }
}
@media (max-width: 720px) {
  .openclaw-home-showcase__grid { grid-template-columns: 1fr; }
  .agent-card h3 { font-size:24px; }
  .page-hero-box--agent,
  .page-hero-box--compact { grid-template-columns: 1fr; }
  .page-hero-box--agent .page-hero-box__content h1,
  .page-hero-box--compact .page-hero-box__content h1 {
    font-size:clamp(24px, 8vw, 32px);
    max-width:100%;
  }
  .page-hero-box--agent .page-hero-box__content,
  .page-hero-box--compact .page-hero-box__content { order:1; }
  .page-agent-card { max-width:104px; min-height:104px; margin-inline:auto; justify-self:center; order:2; }
  .page-agent-card__orb { min-height:104px; width:104px; }
  .page-agent-card .agent-sprite,
  .page-agent-card .agent-sprite__sheet { --sprite-size: 98px; }
}



.sr-only {
  position:absolute !important;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}

.agent-sprite {
  --sprite-size: 112px;
  position: relative;
  display: inline-flex;
  width: var(--sprite-size);
  height: var(--sprite-size);
  align-items: center;
  justify-content: center;
  filter: drop-shadow(0 8px 18px rgba(0,0,0,.34));
  transform: translate3d(0,0,0);
  will-change: transform, filter;
}

.agent-sprite__sheet {
  width: 100%;
  height: 100%;
  background-image: var(--sprite-sheet);
  background-repeat: no-repeat;
  background-size: calc(var(--sprite-sheet-w) * var(--sprite-size) / var(--sprite-frame-w)) calc(var(--sprite-sheet-h) * var(--sprite-size) / var(--sprite-frame-h));
  background-position: calc(var(--sprite-start-col) * -1 * var(--sprite-size)) calc(var(--sprite-row) * -1 * var(--sprite-size));
  image-rendering: auto;
  animation: agentSpriteSteps calc(var(--sprite-frames) / var(--sprite-fps) * 1s) steps(var(--sprite-frames)) infinite, openclawAgentFloat 5.5s ease-in-out infinite;
}

.agent-card .agent-sprite,
.agent-card .agent-sprite__sheet {
  --sprite-size: min(148px, 34vw);
}

.page-agent-card .agent-sprite,
.page-agent-card .agent-sprite__sheet {
  --sprite-size: 116px;
}

.agent-sprite[data-agent-effect="thinking"] { filter: drop-shadow(0 0 18px rgba(110,214,255,.28)) drop-shadow(0 8px 18px rgba(0,0,0,.34)); }
.agent-sprite[data-agent-effect="success"] { filter: drop-shadow(0 0 22px rgba(45,216,129,.34)) drop-shadow(0 8px 18px rgba(0,0,0,.34)); }
.agent-sprite[data-agent-effect="error"] { filter: drop-shadow(0 0 18px rgba(255,88,88,.34)) drop-shadow(0 8px 18px rgba(0,0,0,.34)); }
.agent-sprite[data-agent-effect="alert"] { filter: drop-shadow(0 0 22px rgba(255,170,74,.34)) drop-shadow(0 8px 18px rgba(0,0,0,.34)); }
.agent-sprite[data-agent-effect="hover"] { filter: drop-shadow(0 0 24px rgba(177,108,255,.30)) drop-shadow(0 8px 18px rgba(0,0,0,.34)); }

.agent-card.is-working .agent-sprite__sheet,
.page-agent-card.is-working .agent-sprite__sheet {
  animation-duration: .62s, 4.4s;
}

@keyframes agentSpriteSteps {
  from {
    background-position: calc(var(--sprite-start-col) * -1 * var(--sprite-size)) calc(var(--sprite-row) * -1 * var(--sprite-size)), center;
  }
  to {
    background-position: calc((var(--sprite-end-col) + 1) * -1 * var(--sprite-size)) calc(var(--sprite-row) * -1 * var(--sprite-size)), center;
  }
}

@media (max-width: 720px) {
  .agent-card .agent-sprite,
  .agent-card .agent-sprite__sheet { --sprite-size: 122px; }
  .page-agent-card .agent-sprite,
  .page-agent-card .agent-sprite__sheet { --sprite-size: 98px; }
}


/* V6 agentes inteligentes */
.agent-card__status {
  display:inline-flex;
  align-items:center;
  margin-top:10px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
  color:#d9ece2;
  font-size:12px;
  line-height:1;
  letter-spacing:.02em;
}
.agent-card[data-agent-state="thinking"] .agent-card__status,
.page-agent-card[data-agent-state="thinking"] { box-shadow:0 0 0 1px rgba(110,214,255,.12), 0 18px 40px rgba(0,0,0,.28); }
.agent-card[data-agent-state="success"] .agent-card__status,
.page-agent-card[data-agent-state="success"] { box-shadow:0 0 0 1px rgba(45,216,129,.16), 0 18px 40px rgba(0,0,0,.28); }
.agent-card[data-agent-state="alert"] .agent-card__status,
.page-agent-card[data-agent-state="alert"] { box-shadow:0 0 0 1px rgba(255,170,74,.16), 0 18px 40px rgba(0,0,0,.28); }
.agent-card[data-agent-state="error"] .agent-card__status,
.page-agent-card[data-agent-state="error"] { box-shadow:0 0 0 1px rgba(255,88,88,.16), 0 18px 40px rgba(0,0,0,.28); }
.agent-card[data-agent-state="thinking"] .agent-card__status { color:#bfe8ff; }
.agent-card[data-agent-state="success"] .agent-card__status { color:#bdf5d2; }
.agent-card[data-agent-state="alert"] .agent-card__status { color:#ffe0b2; }
.agent-card[data-agent-state="error"] .agent-card__status { color:#ffc2c2; }


.agent-card[data-home-agent="true"] {
  --agent-accent: 110, 214, 255;
  --agent-accent-2: 108, 136, 255;
}
.agent-card[data-home-agent="true"][data-agent-card="games"] { --agent-accent: 124, 255, 210; --agent-accent-2: 185, 120, 255; }
.agent-card[data-home-agent="true"][data-agent-card="market"] { --agent-accent: 116, 255, 177; --agent-accent-2: 255, 220, 110; }
.agent-card[data-home-agent="true"][data-agent-card="security"] { --agent-accent: 255, 88, 88; --agent-accent-2: 255, 150, 150; }
.agent-card[data-home-agent="true"][data-agent-card="hardware"] { --agent-accent: 255, 170, 74; --agent-accent-2: 255, 108, 61; }
.agent-card[data-home-agent="true"][data-agent-card="ai"] { --agent-accent: 90, 247, 255; --agent-accent-2: 177, 108, 255; }
.agent-card[data-home-agent="true"] .agent-card__media {
  position: relative;
  isolation: isolate;
  cursor: pointer;
}
.agent-card[data-home-agent="true"] .agent-card__media::before,
.agent-card[data-home-agent="true"] .agent-card__media::after {
  content:'';
  position:absolute;
  inset:auto;
  pointer-events:none;
  opacity:0;
  transition: opacity .18s ease, transform .18s ease, filter .18s ease;
}
.agent-card[data-home-agent="true"] .agent-card__media::before {
  width:136px;
  height:136px;
  left:50%;
  top:50%;
  transform:translate(-50%,-52%) scale(.94);
  background:radial-gradient(circle, rgba(var(--agent-accent), .24) 0%, rgba(var(--agent-accent-2), .10) 32%, rgba(var(--agent-accent), 0) 70%);
  filter:blur(10px);
}
.agent-card[data-home-agent="true"] .agent-card__media::after {
  width:96px;
  height:24px;
  left:50%;
  bottom:6px;
  transform:translateX(-50%) scale(.92);
  background:radial-gradient(circle, rgba(var(--agent-accent), .22) 0%, rgba(var(--agent-accent), 0) 72%);
  filter:blur(10px);
}
.agent-card[data-home-agent="true"].is-hovered .agent-card__media::before,
.agent-card[data-home-agent="true"].is-hovered .agent-card__media::after {
  opacity:1;
}
.agent-card[data-home-agent="true"].is-hovered .agent-card__media::before {
  transform:translate(-50%,-52%) scale(1.02);
}
.agent-card[data-home-agent="true"].is-hovered .agent-card__media::after {
  transform:translateX(-50%) scale(1.04);
}
.agent-card[data-home-agent="true"] .agent-card__media .agent-energy,
.agent-card[data-home-agent="true"] .agent-card__media .agent-status-light,
.agent-card[data-home-agent="true"] .agent-card__media .agent-overlay {
  position:absolute;
  pointer-events:none;
  opacity:0;
  transition:opacity .18s ease, transform .18s ease;
}
.agent-card[data-home-agent="true"] .agent-card__media .agent-energy { border-radius:999px; }
.agent-card[data-home-agent="true"] .agent-card__media .agent-energy--outer {
  width:138px;
  aspect-ratio:1;
  border:1px solid rgba(var(--agent-accent), .22);
  box-shadow:0 0 0 1px rgba(var(--agent-accent), .05), inset 0 0 20px rgba(var(--agent-accent), .04);
  animation: agentHaloSpin 15s linear infinite;
}
.agent-card[data-home-agent="true"] .agent-card__media .agent-energy--inner {
  width:88px;
  aspect-ratio:1;
  border:1px dashed rgba(var(--agent-accent-2), .24);
  opacity:0;
  animation: agentInnerPulse 7.5s ease-in-out infinite;
}
.agent-card[data-home-agent="true"] .agent-card__media .agent-status-light {
  top:20%;
  right:31%;
  width:8px;
  height:8px;
  border-radius:999px;
  background:rgb(var(--agent-accent));
  box-shadow:0 0 10px rgba(var(--agent-accent), .46);
  animation: agentBeacon 2.6s ease-in-out infinite;
}
.agent-card[data-home-agent="true"].is-hovered .agent-card__media .agent-energy,
.agent-card[data-home-agent="true"].is-hovered .agent-card__media .agent-status-light,
.agent-card[data-home-agent="true"].is-hovered .agent-card__media .agent-overlay {
  opacity:1;
}
.agent-card[data-home-agent="true"][data-agent-card="security"].is-hovered .agent-card__media .agent-status-light {
  background:#ff5252;
  box-shadow:0 0 12px rgba(255,82,82,.75), 0 0 22px rgba(255,82,82,.35);
  animation: agentSecurityStrobe .65s steps(2,end) infinite;
}
.agent-card[data-home-agent="true"][data-agent-card="market"] .agent-card__media .agent-overlay--market,
.agent-card[data-home-agent="true"][data-agent-card="hardware"] .agent-card__media .agent-overlay--gear,
.agent-card[data-home-agent="true"][data-agent-card="ai"] .agent-card__media .agent-overlay--radar,
.agent-card[data-home-agent="true"][data-agent-card="tech"] .agent-card__media .agent-overlay--circuit,
.agent-card[data-home-agent="true"][data-agent-card="games"] .agent-card__media .agent-overlay--gamepad { display:block; }
.agent-card[data-home-agent="true"] .agent-card__media .agent-overlay--market {
  width:96px; height:96px; left:50%; top:50%; transform:translate(-50%,-50%);
  background:
    linear-gradient(135deg, transparent 38%, rgba(var(--agent-accent), .0) 38%, rgba(var(--agent-accent), .0) 48%, rgba(var(--agent-accent), .85) 49%, rgba(var(--agent-accent), .85) 54%, transparent 55%),
    linear-gradient(135deg, transparent 54%, rgba(var(--agent-accent-2), 0) 54%, rgba(var(--agent-accent-2), 0) 64%, rgba(var(--agent-accent-2), .82) 65%, rgba(var(--agent-accent-2), .82) 70%, transparent 71%);
  animation: agentMarketRise 1.2s ease-in-out infinite;
}
.agent-card[data-home-agent="true"] .agent-card__media .agent-overlay--gear {
  width:78px; height:78px; left:50%; top:50%; transform:translate(-50%,-50%);
  border:2px dashed rgba(var(--agent-accent), .42); border-radius:50%;
  box-shadow: inset 0 0 16px rgba(var(--agent-accent), .08);
  animation: agentGearSpin 1.9s linear infinite;
}
.agent-card[data-home-agent="true"] .agent-card__media .agent-overlay--radar {
  width:94px; height:94px; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:50%;
  border:1px solid rgba(var(--agent-accent), .18);
  background:conic-gradient(from 0deg, rgba(var(--agent-accent), 0) 0 72%, rgba(var(--agent-accent), .46) 82%, rgba(var(--agent-accent), 0) 100%);
  animation: agentRadarSweep 1.5s linear infinite;
}
.agent-card[data-home-agent="true"] .agent-card__media .agent-overlay--circuit {
  width:106px; height:106px; left:50%; top:50%; transform:translate(-50%,-50%);
  background:
    linear-gradient(90deg, transparent 12%, rgba(var(--agent-accent), .28) 18%, transparent 24%),
    linear-gradient(0deg, transparent 52%, rgba(var(--agent-accent-2), .26) 58%, transparent 64%);
  mask: radial-gradient(circle at center, transparent 0 24px, #000 26px);
  animation: agentCircuitFlow 1.1s linear infinite;
}
.agent-card[data-home-agent="true"] .agent-card__media .agent-overlay--gamepad {
  width:76px; height:30px; left:50%; bottom:30px; transform:translateX(-50%);
  border-radius:999px; background:rgba(var(--agent-accent-2), .26);
  box-shadow:0 0 16px rgba(var(--agent-accent-2), .24);
  animation: agentGamepadPulse .9s ease-in-out infinite;
}
.agent-card[data-home-agent="true"] .agent-card__media .agent-sprite__sheet {
  transition: filter .18s ease, transform .18s ease;
}
.agent-card[data-home-agent="true"].is-hovered .agent-card__media .agent-sprite__sheet {
  filter: drop-shadow(0 0 18px rgba(var(--agent-accent), .42));
}
.agent-card[data-home-agent="true"][data-agent-motion="energetic"].is-hovered .agent-sprite__sheet { animation-duration: 4.3s, .9s; }
.agent-card[data-home-agent="true"][data-agent-motion="analytical"].is-hovered .agent-sprite__sheet { animation-duration: 5.6s, 1.1s; }
.agent-card[data-home-agent="true"][data-agent-motion="watchful"].is-hovered .agent-sprite__sheet { animation-duration: 5.0s, .85s; }
.agent-card[data-home-agent="true"][data-agent-motion="precision"].is-hovered .agent-sprite__sheet { animation-duration: 5.2s, .95s; }
.agent-card[data-home-agent="true"][data-agent-motion="neural"].is-hovered .agent-sprite__sheet { animation-duration: 4.8s, 1.05s; }
.agent-card[data-home-agent="true"][data-agent-motion="strategic"].is-hovered .agent-sprite__sheet { animation-duration: 5.9s, 1.0s; }


/* V6.5 ULTRA mouse tracking */
.agent-card[data-home-agent="true"] {
  --agent-orb-x: 0px;
  --agent-orb-y: 0px;
}
.agent-card[data-home-agent="true"] .agent-card__media {
  transform-style: preserve-3d;
}
.agent-card[data-home-agent="true"] .agent-card__media .agent-sprite,
.agent-card[data-home-agent="true"] .agent-card__media .agent-sprite__sheet,
.agent-card[data-home-agent="true"] .agent-card__media .agent-energy,
.agent-card[data-home-agent="true"] .agent-card__media .agent-status-light,
.agent-card[data-home-agent="true"] .agent-card__media .agent-overlay {
  will-change: transform, filter, opacity;
}
.agent-card[data-home-agent="true"] .agent-card__media .agent-sprite {
  transform: translate3d(var(--agent-orb-x), var(--agent-orb-y), 0);
  transition: transform .14s ease-out, filter .18s ease;
}
.agent-card[data-home-agent="true"] .agent-card__media .agent-energy--outer,
.agent-card[data-home-agent="true"] .agent-card__media .agent-energy--inner,
.agent-card[data-home-agent="true"] .agent-card__media .agent-status-light {
  transform: translate3d(calc(var(--agent-orb-x) * .45), calc(var(--agent-orb-y) * .45), 0);
}
.agent-card[data-home-agent="true"] .agent-card__media .agent-overlay--market,
.agent-card[data-home-agent="true"] .agent-card__media .agent-overlay--gear,
.agent-card[data-home-agent="true"] .agent-card__media .agent-overlay--radar,
.agent-card[data-home-agent="true"] .agent-card__media .agent-overlay--circuit {
  transform: translate3d(calc(-50% + (var(--agent-orb-x) * .24)), calc(-50% + (var(--agent-orb-y) * .24)), 0);
}
.agent-card[data-home-agent="true"] .agent-card__media .agent-overlay--gamepad {
  transform: translate3d(calc(-50% + (var(--agent-orb-x) * .30)), calc(var(--agent-orb-y) * .18), 0);
}
.agent-card[data-home-agent="true"].is-tracking .agent-card__media::before {
  filter: blur(12px) saturate(1.08);
}
.agent-card[data-home-agent="true"].is-tracking .agent-card__media::after {
  filter: blur(12px) brightness(1.08);
}
.agent-card[data-home-agent="true"].is-hovered .agent-card__media .agent-sprite__sheet {
  filter: drop-shadow(0 0 18px rgba(var(--agent-accent), .42)) brightness(1.04);
}
.agent-card[data-home-agent="true"][data-agent-card="security"].is-tracking .agent-card__media .agent-sprite {
  transform: translate3d(var(--agent-orb-x), var(--agent-orb-y), 0) rotate(-1.5deg);
}
.agent-card[data-home-agent="true"][data-agent-card="games"].is-tracking .agent-card__media .agent-sprite {
  transform: translate3d(var(--agent-orb-x), calc(var(--agent-orb-y) - 1px), 0) scale(1.04);
}
.agent-card[data-home-agent="true"][data-agent-card="tech"].is-tracking .agent-card__media .agent-overlay--circuit,
.agent-card[data-home-agent="true"][data-agent-card="ai"].is-tracking .agent-card__media .agent-overlay--radar {
  opacity: 1;
  filter: drop-shadow(0 0 8px rgba(var(--agent-accent), .24));
}


/* V6.5.1 home agents: remove bottom traces + page-like hover animations only on agent hover */
.agent-card[data-home-agent="true"] .agent-card__media::after {
  display: none;
}
.agent-card[data-home-agent="true"] {
  box-shadow: var(--shadow);
}
.agent-card[data-home-agent="true"] .agent-card__media {
  overflow: visible;
}
.agent-card[data-home-agent="true"] .agent-card__media .agent-energy--outer,
.agent-card[data-home-agent="true"] .agent-card__media .agent-energy--inner,
.agent-card[data-home-agent="true"] .agent-card__media .agent-status-light,
.agent-card[data-home-agent="true"] .agent-card__media .agent-overlay {
  opacity: 0;
}
.agent-card[data-home-agent="true"] .agent-card__media .agent-sprite__sheet {
  filter: drop-shadow(0 8px 18px rgba(0,0,0,.34));
}
.agent-card[data-home-agent="true"].is-hovered .agent-card__media::before {
  opacity: .92;
  transform: translate(-50%,-52%) scale(1.04);
}
.agent-card[data-home-agent="true"].is-hovered .agent-card__media .agent-energy--outer {
  opacity: .96;
}
.agent-card[data-home-agent="true"].is-hovered .agent-card__media .agent-energy--inner {
  opacity: .72;
}
.agent-card[data-home-agent="true"].is-hovered .agent-card__media .agent-status-light,
.agent-card[data-home-agent="true"].is-hovered .agent-card__media .agent-overlay {
  opacity: .95;
}
.agent-card[data-home-agent="true"].is-hovered .agent-card__media .agent-sprite__sheet {
  animation-duration: .56s, 3.8s;
  filter: drop-shadow(0 10px 22px rgba(0,0,0,.34)) drop-shadow(0 0 24px rgba(var(--agent-accent), .36));
}

/* Home hover copies the same visual language from page agents */
.agent-card[data-home-agent="true"][data-agent-card="security"].is-hovered .agent-card__media .agent-status-light {
  animation: agentSecurityAlarm .8s steps(2) infinite;
}
.agent-card[data-home-agent="true"][data-agent-card="market"].is-hovered .agent-card__media .agent-overlay--market {
  width: 92px;
  height: 92px;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  background:
    linear-gradient(135deg, transparent 0 34%, rgba(120,255,180,.0) 34%),
    linear-gradient(135deg, transparent 46%, rgba(255,210,110,.85) 46% 51%, transparent 51%),
    linear-gradient(135deg, transparent 58%, rgba(150,255,210,.92) 58% 63%, transparent 63%);
  filter: drop-shadow(0 0 10px rgba(255,206,110,.35));
  animation: agentMarketRise 1.55s linear infinite;
}
.agent-card[data-home-agent="true"][data-agent-card="hardware"].is-hovered .agent-card__media .agent-overlay--gear {
  width: 42px;
  height: 42px;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  border-radius: 50%;
  border: 2px solid rgba(255,170,74,.82);
  box-shadow: 0 0 0 6px rgba(255,170,74,.08), 0 0 16px rgba(255,170,74,.22);
  background: transparent;
  animation: agentGearSpin 1.6s linear infinite;
}
.agent-card[data-home-agent="true"][data-agent-card="hardware"].is-hovered .agent-card__media::after {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 58px;
  height: 58px;
  transform: translate(-50%,-50%);
  border-radius: 50%;
  background: repeating-conic-gradient(from 0deg, rgba(255,170,74,.0) 0 12deg, rgba(255,170,74,.85) 12deg 18deg);
  -webkit-mask: radial-gradient(circle, transparent 0 16px, #000 17px 28px, transparent 29px);
  mask: radial-gradient(circle, transparent 0 16px, #000 17px 28px, transparent 29px);
  animation: agentGearSpin 1.6s linear infinite reverse;
  opacity: .75;
  filter: none;
  bottom: auto;
}
.agent-card[data-home-agent="true"][data-agent-card="ai"].is-hovered .agent-card__media .agent-overlay--radar {
  width: 96px;
  height: 96px;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  border-radius: 50%;
  border: 1px solid rgba(90,247,255,.38);
  box-shadow: inset 0 0 14px rgba(90,247,255,.12), 0 0 14px rgba(90,247,255,.16);
  background: conic-gradient(from 0deg, rgba(90,247,255,0) 0 68%, rgba(90,247,255,.88) 74%, rgba(177,108,255,.8) 82%, rgba(90,247,255,0) 90% 100%);
  -webkit-mask: radial-gradient(circle, transparent 0 23px, #000 25px 46px, transparent 48px);
  mask: radial-gradient(circle, transparent 0 23px, #000 25px 46px, transparent 48px);
  animation: agentRadarSweep 1.8s linear infinite;
}
.agent-card[data-home-agent="true"][data-agent-card="tech"].is-hovered .agent-card__media .agent-overlay--circuit {
  width: 104px;
  height: 104px;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  background:
    linear-gradient(90deg, transparent 0 10%, rgba(110,214,255,.92) 10% 13%, transparent 13% 32%, rgba(108,136,255,.82) 32% 35%, transparent 35% 58%, rgba(108,136,255,.92) 58% 61%, transparent 61%),
    linear-gradient(0deg, transparent 0 42%, rgba(110,214,255,.84) 42% 46%, transparent 46% 66%, rgba(108,136,255,.84) 66% 70%, transparent 70%);
  filter: drop-shadow(0 0 8px rgba(110,214,255,.34));
  animation: agentCircuitsRun .92s linear infinite;
  mask: radial-gradient(circle at center, transparent 0 24px, #000 26px);
}
.agent-card[data-home-agent="true"][data-agent-card="games"].is-hovered .agent-card__media .agent-overlay--gamepad {
  width: 42px;
  height: 42px;
  left: 50%;
  top: 50%;
  bottom: auto;
  transform: translate(-50%,-50%);
  border-radius: 50%;
  border: 2px solid rgba(185,120,255,.8);
  background: transparent;
  box-shadow: 0 0 0 0 rgba(185,120,255,.34);
  animation: agentButtonPulse 1.12s ease-out infinite;
}
.agent-card[data-home-agent="true"][data-agent-card="games"].is-hovered .agent-card__media::after {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 24px;
  height: 24px;
  transform: translate(-50%,-50%);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(124,255,210,.96) 0, rgba(185,120,255,.84) 52%, rgba(185,120,255,0) 66%);
  animation: agentButtonCore 1.12s ease-in-out infinite;
  opacity: .92;
  filter: none;
  bottom: auto;
}
.agent-card[data-home-agent="true"][data-agent-card="games"].is-hovered .agent-card__media .agent-overlay--gamepad,
.agent-card[data-home-agent="true"][data-agent-card="hardware"].is-hovered .agent-card__media .agent-overlay--gear,
.agent-card[data-home-agent="true"][data-agent-card="ai"].is-hovered .agent-card__media .agent-overlay--radar,
.agent-card[data-home-agent="true"][data-agent-card="market"].is-hovered .agent-card__media .agent-overlay--market,
.agent-card[data-home-agent="true"][data-agent-card="tech"].is-hovered .agent-card__media .agent-overlay--circuit {
  opacity: .95;
}

/* V6.5.2 fix home diagonal stripes + hover-only page-style agent fx */
.agent-card[data-home-agent="true"] .agent-card__media::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  background: none !important;
  box-shadow: none !important;
}
.agent-card[data-home-agent="true"] .agent-card__media .agent-overlay {
  display: none !important;
  opacity: 0 !important;
}
.agent-card[data-home-agent="true"]:not(.is-hovered) .agent-card__media .agent-energy,
.agent-card[data-home-agent="true"]:not(.is-hovered) .agent-card__media .agent-status-light,
.agent-card[data-home-agent="true"]:not(.is-hovered) .agent-card__media .agent-overlay {
  opacity: 0 !important;
}
.agent-card[data-home-agent="true"].is-hovered[data-agent-card="market"] .agent-card__media .agent-overlay--market,
.agent-card[data-home-agent="true"].is-hovered[data-agent-card="hardware"] .agent-card__media .agent-overlay--gear,
.agent-card[data-home-agent="true"].is-hovered[data-agent-card="ai"] .agent-card__media .agent-overlay--radar,
.agent-card[data-home-agent="true"].is-hovered[data-agent-card="tech"] .agent-card__media .agent-overlay--circuit,
.agent-card[data-home-agent="true"].is-hovered[data-agent-card="games"] .agent-card__media .agent-overlay--gamepad {
  display: block !important;
  opacity: .96 !important;
}
.agent-card[data-home-agent="true"].is-hovered[data-agent-card="security"] .agent-card__media .agent-status-light {
  opacity: 1 !important;
}


/* V6.7 premium tooltip balloons */
.openclaw-home-showcase--compact .section-head{display:none}
.openclaw-home-showcase--compact{padding-block:10px 6px}
.openclaw-home-showcase__layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:26px;align-items:center}
.openclaw-home-showcase__content .section-title{margin-bottom:10px}
.openclaw-home-showcase__content .section-subtitle{max-width:66ch}
.openclaw-home-showcase__cluster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}
.agent-card--compact{padding:14px 12px 12px;border-radius:24px;min-height:0;background:linear-gradient(180deg,rgba(8,18,15,.96),rgba(6,12,10,.98));box-shadow:0 14px 30px rgba(0,0,0,.22);isolation:isolate}
.agent-card--compact::after{display:none}
.agent-card--compact .agent-card__media{min-height:112px;margin-bottom:8px;position:relative;overflow:visible}
.agent-card--compact .agent-sprite,.agent-card--compact .agent-sprite__sheet{--sprite-size:88px}
.agent-card--compact .agent-card__compact-meta{display:grid;gap:4px;text-align:center}
.agent-card--compact .agent-card__badge{justify-self:center;margin-bottom:0;padding:5px 9px;font-size:10px}
.agent-card--compact .agent-card__name{font-size:13px;line-height:1.18;color:#eefbf4;display:block}
.agent-card--compact .agent-card__body,.agent-card--compact .agent-card__status{display:none!important}
.agent-card--compact .agent-card__bubble{--bubble-accent:65,227,167;position:absolute;left:50%;bottom:calc(100% + 12px);transform:translate(-50%,12px) scale(.95) perspective(900px) rotateX(7deg);width:min(280px,82vw);padding:14px 15px 14px;border-radius:20px;border:1px solid rgba(var(--bubble-accent),.25);background:linear-gradient(180deg,rgba(10,22,18,.92),rgba(5,11,9,.98));backdrop-filter:blur(14px) saturate(130%);-webkit-backdrop-filter:blur(14px) saturate(130%);box-shadow:0 24px 54px rgba(0,0,0,.38),0 0 0 1px rgba(255,255,255,.03),inset 0 1px 0 rgba(255,255,255,.06),0 0 34px rgba(var(--bubble-accent),.14);color:#eafff5;display:grid;gap:6px;opacity:0;pointer-events:none;transition:opacity .22s ease,transform .24s ease,box-shadow .24s ease;z-index:18;overflow:visible}
.agent-card--compact .agent-card__bubble::before{content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(var(--bubble-accent),.42),rgba(255,255,255,.02) 38%,rgba(var(--bubble-accent),.12) 70%,rgba(255,255,255,.03));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.9;pointer-events:none}
.agent-card--compact .agent-card__bubble::after{content:'';position:absolute;left:50%;top:100%;width:18px;height:18px;background:linear-gradient(180deg,rgba(8,18,15,.96),rgba(6,12,10,.99));border-right:1px solid rgba(var(--bubble-accent),.2);border-bottom:1px solid rgba(var(--bubble-accent),.2);box-shadow:8px 10px 18px rgba(0,0,0,.18);transform:translate(-50%,-9px) rotate(45deg)}
.agent-card--compact .agent-card__bubble-kicker{display:inline-flex;justify-self:start;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:rgba(236,255,247,.98);background:linear-gradient(180deg,rgba(var(--bubble-accent),.2),rgba(var(--bubble-accent),.1));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px rgba(var(--bubble-accent),.18)}
.agent-card--compact .agent-card__bubble-kicker::before{content:'';width:7px;height:7px;border-radius:50%;background:rgba(var(--bubble-accent),1);box-shadow:0 0 0 4px rgba(var(--bubble-accent),.14),0 0 12px rgba(var(--bubble-accent),.55)}
.agent-card--compact .agent-card__bubble strong{font-size:14px;line-height:1.2;color:#f4fff9;text-shadow:0 1px 0 rgba(0,0,0,.25)}
.agent-card--compact .agent-card__bubble span:last-child{font-size:12px;line-height:1.5;color:#d2e6dc}
.agent-card--compact.is-hovered .agent-card__bubble,.agent-card--compact:focus-within .agent-card__bubble{opacity:1;transform:translate(-50%,0) scale(1) perspective(900px) rotateX(0deg);box-shadow:0 28px 64px rgba(0,0,0,.44),0 0 0 1px rgba(255,255,255,.04),inset 0 1px 0 rgba(255,255,255,.09),0 0 44px rgba(var(--bubble-accent),.2)}
.agent-card--compact .agent-energy--outer,.agent-card--compact .agent-energy--inner{opacity:.55}
.agent-card--compact .agent-status-light{top:15%;right:20%}
.agent-card--compact.is-cluster-awake{animation:agentClusterWake 1.15s ease-in-out 1 both;animation-delay:var(--cluster-delay,0s)}
.agent-card--compact.is-cluster-anchor{z-index:9}
.agent-card--compact.is-cluster-awake .agent-card__media{transform:translate3d(var(--cluster-jitter-x,0px),var(--cluster-jitter-y,0px),0) rotate(var(--cluster-rotate,0deg));transition:transform .28s ease}
.agent-card--compact[data-agent-card="tech"] .agent-card__bubble{--bubble-accent:110,214,255}
.agent-card--compact[data-agent-card="games"] .agent-card__bubble{--bubble-accent:193,120,255}
.agent-card--compact[data-agent-card="market"] .agent-card__bubble{--bubble-accent:91,239,170}
.agent-card--compact[data-agent-card="security"] .agent-card__bubble{--bubble-accent:255,96,96}
.agent-card--compact[data-agent-card="ai"] .agent-card__bubble{--bubble-accent:90,247,255}
.agent-card--compact[data-agent-card="hardware"] .agent-card__bubble{--bubble-accent:255,170,74}
@keyframes agentClusterWake{0%{transform:translate3d(0,0,0) scale(1)}30%{transform:translate3d(var(--cluster-jitter-x,0px),var(--cluster-jitter-y,0px),0) scale(1.03)}70%{transform:translate3d(calc(var(--cluster-jitter-x,0px)*-.4),1px,0) scale(.99)}100%{transform:translate3d(0,0,0) scale(1)}}
@media (max-width:1080px){.openclaw-home-showcase__layout{grid-template-columns:1fr;gap:18px}.openclaw-home-showcase__cluster{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:720px){.openclaw-home-showcase__cluster{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.agent-card--compact{padding:12px 10px}.agent-card--compact .agent-card__media{min-height:96px}.agent-card--compact .agent-sprite,.agent-card--compact .agent-sprite__sheet{--sprite-size:76px}.agent-card--compact .agent-card__name{font-size:12px}.agent-card--compact .agent-card__bubble{width:min(228px,76vw);padding:12px 13px 12px;border-radius:18px}.agent-card--compact .agent-card__bubble strong{font-size:13px}}

/* V6.7.1 home hover matches page-agent animations */
.agent-card[data-home-agent="true"] .agent-card__media .agent-overlay {
  display:none !important;
}
.agent-card[data-home-agent="true"] .agent-card__media::before,
.agent-card[data-home-agent="true"] .agent-card__media::after {
  opacity:0;
}
.agent-card[data-home-agent="true"].is-hovered .agent-card__media::before,
.agent-card[data-home-agent="true"].is-hovered .agent-card__media::after {
  opacity:1;
}
.agent-card[data-home-agent="true"].is-hovered .agent-card__media::before,
.agent-card[data-home-agent="true"].is-hovered .agent-card__media::after {
  filter:none;
}
.agent-card[data-home-agent="true"][data-agent-card="security"].is-hovered .agent-card__media .agent-status-light {
  background:#ff5252;
  box-shadow:0 0 12px rgba(255,82,82,.75), 0 0 22px rgba(255,82,82,.35);
  animation:agentSecurityAlarm .8s steps(2) infinite;
}
.agent-card[data-home-agent="true"][data-agent-card="market"].is-hovered .agent-card__media::before {
  inset:30% 14% 22% 16%;
  width:auto;
  height:auto;
  left:auto;
  top:auto;
  transform:none;
  background:
    linear-gradient(135deg, transparent 0 34%, rgba(120,255,180,.0) 34%),
    linear-gradient(135deg, transparent 46%, rgba(255,210,110,.85) 46% 51%, transparent 51%),
    linear-gradient(135deg, transparent 58%, rgba(150,255,210,.92) 58% 63%, transparent 63%);
  filter:drop-shadow(0 0 10px rgba(255,206,110,.35));
  animation:agentMarketRise 1.55s linear infinite;
  opacity:.95;
}
.agent-card[data-home-agent="true"][data-agent-card="market"].is-hovered .agent-card__media::after {
  display:none;
}
.agent-card[data-home-agent="true"][data-agent-card="hardware"].is-hovered .agent-card__media::before {
  inset:22% 18% 18% 18%;
  width:28px;
  height:28px;
  margin:auto;
  left:0; top:0; right:0; bottom:0;
  transform:none;
  border:2px solid rgba(255,170,74,.82);
  border-radius:50%;
  background:none;
  box-shadow:0 0 0 6px rgba(255,170,74,.08), 0 0 16px rgba(255,170,74,.22);
  animation:agentGearSpin 1.6s linear infinite;
  opacity:.92;
}
.agent-card[data-home-agent="true"][data-agent-card="hardware"].is-hovered .agent-card__media::after {
  inset:0;
  margin:auto;
  width:42px;
  height:42px;
  left:0; top:0; right:0; bottom:0;
  transform:none;
  border-radius:50%;
  background:repeating-conic-gradient(from 0deg, rgba(255,170,74,.0) 0 12deg, rgba(255,170,74,.85) 12deg 18deg);
  -webkit-mask:radial-gradient(circle, transparent 0 12px, #000 13px 21px, transparent 22px);
  mask:radial-gradient(circle, transparent 0 12px, #000 13px 21px, transparent 22px);
  animation:agentGearSpin 1.6s linear infinite reverse;
  opacity:.75;
  display:block;
}
.agent-card[data-home-agent="true"][data-agent-card="ai"].is-hovered .agent-card__media::before {
  inset:18% 18% 18% 18%;
  width:auto;
  height:auto;
  left:auto; top:auto; right:auto; bottom:auto;
  transform:none;
  border-radius:50%;
  border:1px solid rgba(90,247,255,.38);
  background:none;
  box-shadow:inset 0 0 14px rgba(90,247,255,.12), 0 0 14px rgba(90,247,255,.16);
  opacity:.8;
}
.agent-card[data-home-agent="true"][data-agent-card="ai"].is-hovered .agent-card__media::after {
  inset:18% 18% 18% 18%;
  width:auto;
  height:auto;
  left:auto; top:auto; right:auto; bottom:auto;
  transform:none;
  border-radius:50%;
  background:conic-gradient(from 0deg, rgba(90,247,255,0) 0 68%, rgba(90,247,255,.88) 74%, rgba(177,108,255,.8) 82%, rgba(90,247,255,0) 90% 100%);
  -webkit-mask:radial-gradient(circle, transparent 0 23px, #000 25px 46px, transparent 48px);
  mask:radial-gradient(circle, transparent 0 23px, #000 25px 46px, transparent 48px);
  animation:agentRadarSweep 1.8s linear infinite;
  opacity:.95;
  display:block;
}
.agent-card[data-home-agent="true"][data-agent-card="tech"].is-hovered .agent-card__media::before {
  inset:24% 18% 26% 18%;
  width:auto;
  height:auto;
  left:auto; top:auto; right:auto; bottom:auto;
  transform:none;
  background:
    linear-gradient(90deg, transparent 0 10%, rgba(110,214,255,.92) 10% 13%, transparent 13% 32%, rgba(108,136,255,.82) 32% 35%, transparent 35% 58%, rgba(108,136,255,.92) 58% 61%, transparent 61%),
    linear-gradient(0deg, transparent 0 42%, rgba(110,214,255,.84) 42% 46%, transparent 46% 66%, rgba(108,136,255,.84) 66% 70%, transparent 70%);
  filter:drop-shadow(0 0 8px rgba(110,214,255,.34));
  animation:agentCircuitsRun .92s linear infinite;
  opacity:.9;
}
.agent-card[data-home-agent="true"][data-agent-card="tech"].is-hovered .agent-card__media::after {
  display:none;
}
.agent-card[data-home-agent="true"][data-agent-card="games"].is-hovered .agent-card__media::before {
  inset:34% 34% 34% 34%;
  width:auto;
  height:auto;
  left:auto; top:auto; right:auto; bottom:auto;
  transform:none;
  border-radius:50%;
  background:none;
  box-shadow:0 0 0 0 rgba(185,120,255,.34);
  border:2px solid rgba(185,120,255,.8);
  animation:agentButtonPulse 1.12s ease-out infinite;
  opacity:.95;
}
.agent-card[data-home-agent="true"][data-agent-card="games"].is-hovered .agent-card__media::after {
  inset:39% 39% 39% 39%;
  width:auto;
  height:auto;
  left:auto; top:auto; right:auto; bottom:auto;
  transform:none;
  border-radius:50%;
  background:radial-gradient(circle, rgba(124,255,210,.96) 0, rgba(185,120,255,.84) 52%, rgba(185,120,255,0) 66%);
  animation:agentButtonCore 1.12s ease-in-out infinite;
  opacity:.92;
  display:block;
}
.agent-card[data-home-agent="true"] .agent-card__media .agent-energy--outer,
.agent-card[data-home-agent="true"] .agent-card__media .agent-energy--inner {
  opacity:.9;
}
.agent-card[data-home-agent="true"] .agent-card__media .agent-energy--outer {
  animation-duration:3.4s;
}
.agent-card[data-home-agent="true"] .agent-card__media .agent-energy--inner {
  animation-duration:2.2s;
}


/* V6.9 Hermes Control System */
.hermes-authority{display:flex;align-items:center;gap:14px;margin-top:18px;padding:16px 18px;border:1px solid rgba(0,224,164,.18);border-radius:22px;background:linear-gradient(180deg,rgba(4,40,31,.82),rgba(2,24,20,.94));box-shadow:0 18px 42px rgba(0,0,0,.28)}
.hermes-authority img{width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(0,224,164,.45));animation:hermesFloatSlow 7s ease-in-out infinite}
.hermes-authority strong{display:block;font-size:1rem;color:#e8fff7}
.hermes-authority span{display:block;font-size:.94rem;color:rgba(223,255,245,.78);line-height:1.55}

.hermes-page-card{position:relative;display:grid;place-items:center;min-width:220px;align-self:center}
.hermes-page-card__orb{position:relative;width:min(240px,28vw);aspect-ratio:1/1;display:grid;place-items:center;border-radius:28px;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(0,224,164,.12),rgba(0,0,0,0) 62%)}
.hermes-page-card__orb::before{content:"";position:absolute;inset:11%;border-radius:50%;border:1px solid rgba(255,210,120,.18);box-shadow:0 0 0 1px rgba(0,224,164,.08),0 0 60px rgba(0,224,164,.12)}
.hermes-page-card__orb img{position:relative;z-index:2;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 18px rgba(0,224,164,.22));animation:hermesFloatSlow 7.5s ease-in-out infinite}
.hermes-page-card:hover .hermes-page-card__orb img,[data-hermes-float]:hover img{filter:drop-shadow(0 0 34px rgba(0,207,255,.46)) drop-shadow(0 0 20px rgba(255,204,102,.18));transform:scale(1.035)}
@keyframes hermesFloatSlow{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}

.hermes-inline-summary{margin-top:18px;max-width:760px;padding:16px 18px;border-radius:20px;border:1px solid rgba(0,224,164,.12);background:linear-gradient(180deg,rgba(2,24,20,.75),rgba(3,18,15,.95))}
.hermes-inline-summary p{margin:8px 0 0;color:rgba(223,255,245,.78)}

.hermes-report-shell .section-head{margin-bottom:24px}
.hermes-period-grid,.hermes-ranking{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.hermes-report-card,.hermes-rank-card{position:relative;padding:24px;border-radius:26px;background:linear-gradient(180deg,rgba(4,40,31,.82),rgba(2,24,20,.94));border:1px solid rgba(0,224,164,.14);box-shadow:0 18px 42px rgba(0,0,0,.22);overflow:visible}
.hermes-report-card::before,.hermes-rank-card::before{content:"";position:absolute;inset:auto -20% -35% auto;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(0,224,164,.12),transparent 72%);pointer-events:none}
.badge-pill{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;background:rgba(0,224,164,.12);border:1px solid rgba(0,224,164,.18);font-weight:800;font-size:.78rem;letter-spacing:.06em;color:#90ffd8}
.hermes-report-card h3,.hermes-rank-card strong{margin:14px 0 10px;color:#fff}
.hermes-report-card p,.hermes-rank-card p{color:rgba(223,255,245,.78);line-height:1.65}
.hermes-report-card ul{margin:14px 0 0;padding-left:18px;color:rgba(223,255,245,.82)}
.hermes-rank-card__top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}
.hermes-rank-card__position{font-size:1.35rem;font-weight:900;color:#fff}
.hermes-rank-card__score{display:inline-flex;padding:6px 12px;border-radius:999px;background:rgba(255,204,102,.12);border:1px solid rgba(255,204,102,.2);color:#ffd98d;font-weight:800}
.hermes-rank-card__agent{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.hermes-rank-card__agent img{width:74px;height:74px;object-fit:contain;filter:drop-shadow(0 0 16px rgba(0,224,164,.2))}
.hermes-rank-card__agent span{display:block;margin-top:4px;color:rgba(223,255,245,.72);font-size:.92rem}

.hermes-rank-card{transition:transform .34s ease, box-shadow .34s ease, border-color .34s ease}
.hermes-rank-card:hover,.hermes-rank-card:focus-within{transform:translateY(-6px);border-color:rgba(255,214,120,.34);box-shadow:0 24px 56px rgba(0,0,0,.34),0 0 0 1px rgba(255,214,120,.1)}
.hermes-rank-card__agent-visual{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 74px}
.hermes-rank-card__agent-visual img{position:relative;z-index:2;transition:transform .3s ease, filter .3s ease}
.hermes-rank-card:hover .hermes-rank-card__agent-visual img,
.hermes-rank-card:focus-within .hermes-rank-card__agent-visual img{transform:translateY(-2px) scale(1.05);filter:drop-shadow(0 0 18px rgba(255,214,120,.42)) drop-shadow(0 0 34px rgba(0,224,164,.22))}
.agent-speech-bubble{
  position:absolute;
  left:56px;
  top:-22px;
  width:170px;
  height:136px;
  transform:translate(-18px,10px) scale(.92) rotate(-4deg);
  transform-origin:18% 88%;
  opacity:0;
  pointer-events:none;
  z-index:6;
  background:url('../img/agent-speech-bubble.png') center/contain no-repeat;
  filter:drop-shadow(0 16px 24px rgba(0,0,0,.26));
  transition:transform .28s cubic-bezier(.2,.8,.2,1), opacity .22s ease, filter .22s ease;
  animation:agentBubbleFloat 4.2s ease-in-out infinite;
}
.agent-speech-bubble__inner{
  position:absolute;
  inset:14px 16px 24px 16px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:3px;
  color:#111;
  text-align:left;
}
.agent-speech-bubble__eyebrow{
  display:block;
  font-size:8px;
  line-height:1.1;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:#8b5d00;
}
.agent-speech-bubble__title{
  display:block;
  font-size:11px;
  line-height:1.15;
  color:#121212;
}
.agent-speech-bubble__text{
  margin:0;
  font-size:9.5px;
  line-height:1.22;
  color:#303030 !important;
  min-height:28px;
}
.agent-speech-bubble__text::after{
  content:'';
  display:inline-block;
  width:1px;
  height:.95em;
  margin-left:2px;
  vertical-align:-1px;
  background:rgba(17,17,17,.55);
  animation:agentBubbleCursor .85s steps(1) infinite;
}
.hermes-rank-card:hover .agent-speech-bubble,
.hermes-rank-card:focus-within .agent-speech-bubble{
  opacity:1;
  transform:translate(0,0) scale(1) rotate(0deg);
  filter:drop-shadow(0 22px 30px rgba(0,0,0,.32)) drop-shadow(0 0 12px rgba(255,223,140,.18));
}
.hermes-rank-card:hover,
.hermes-rank-card:focus-within{z-index:9}
.hermes-rank-card:nth-child(2n) .agent-speech-bubble{
  left:auto;
  right:-4px;
  transform-origin:82% 88%;
  transform:translate(16px,10px) scale(.92) rotate(4deg);
}
.hermes-rank-card:nth-child(2n):hover .agent-speech-bubble,
.hermes-rank-card:nth-child(2n):focus-within .agent-speech-bubble{
  transform:translate(0,0) scale(1) rotate(0deg);
}
.hermes-rank-card:nth-child(3n) .agent-speech-bubble{
  left:auto;
  right:10px;
  transform-origin:78% 88%;
  transform:translate(10px,10px) scale(.92) rotate(3deg);
}
.hermes-rank-card:nth-child(3n):hover .agent-speech-bubble,
.hermes-rank-card:nth-child(3n):focus-within .agent-speech-bubble{
  transform:translate(0,0) scale(1) rotate(0deg);
}
@keyframes agentBubbleFloat{
  0%,100%{margin-top:0}
  50%{margin-top:-4px}
}
@keyframes agentBubbleCursor{
  0%,49%{opacity:1}
  50%,100%{opacity:0}
}

/* make home showcase feel more like page hero blocks */
.openclaw-home-showcase__cluster{align-items:start}
.agent-card--compact[data-home-agent="true"]{padding:16px 16px 18px;border-radius:26px;background:linear-gradient(180deg,rgba(3,22,18,.88),rgba(2,18,15,.96));border:1px solid rgba(0,224,164,.12);box-shadow:0 12px 34px rgba(0,0,0,.22)}
.agent-card--compact[data-home-agent="true"] .agent-card__media{min-height:150px;border-radius:22px;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(0,224,164,.08),rgba(0,0,0,0) 62%)}
.agent-card--compact[data-home-agent="true"] .agent-card__media::before{opacity:.82}
.agent-card--compact[data-home-agent="true"] .agent-card__compact-meta{gap:6px}

@media (max-width: 980px){
  .hermes-period-grid,.hermes-ranking{grid-template-columns:1fr}
  .hermes-page-card__orb{width:min(220px,62vw)}
  .hermes-authority{align-items:flex-start}
  .agent-speech-bubble{display:none !important}
  .hermes-rank-card{overflow:hidden}
}
@media (max-width: 720px){
  .hermes-authority{flex-direction:column;text-align:left}
  .hermes-authority img{width:64px;height:64px}
}


/* V6.9.1 home agents use page-identical motion shell */
.openclaw-home-showcase__cluster .agent-card--compact.page-agent-card[data-home-agent="true"] {
  width:auto;
  min-height:0;
  display:block;
  justify-self:stretch;
  align-self:stretch;
  padding:14px 12px 12px;
  border-radius:24px;
  border:1px solid rgba(26,120,88,.34);
  background:linear-gradient(180deg,rgba(8,18,15,.96),rgba(6,12,10,.98));
  box-shadow:0 14px 30px rgba(0,0,0,.22);
  overflow:hidden;
  isolation:isolate;
  transform:none;
}
.openclaw-home-showcase__cluster .agent-card--compact.page-agent-card[data-home-agent="true"]::before {
  width:148px;
  height:148px;
  left:50%;
  top:38%;
  transform:translate(-50%,-50%);
}
.openclaw-home-showcase__cluster .agent-card--compact.page-agent-card[data-home-agent="true"]::after {
  display:none;
}
.openclaw-home-showcase__cluster .agent-card--compact.page-agent-card[data-home-agent="true"] .page-agent-card__orb {
  width:100%;
  min-height:112px;
  margin-bottom:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  overflow:hidden;
  border-radius:20px;
  isolation:isolate;
}
.openclaw-home-showcase__cluster .agent-card--compact.page-agent-card[data-home-agent="true"] .page-agent-card__orb::before,
.openclaw-home-showcase__cluster .agent-card--compact.page-agent-card[data-home-agent="true"] .page-agent-card__orb::after {
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:0;
  transition:opacity .25s ease, transform .25s ease;
}
.openclaw-home-showcase__cluster .agent-card--compact.page-agent-card[data-home-agent="true"] .page-agent-card__orb img,
.openclaw-home-showcase__cluster .agent-card--compact.page-agent-card[data-home-agent="true"] .page-agent-card__orb .agent-sprite {
  position:relative;
  z-index:2;
}
.openclaw-home-showcase__cluster .agent-card--compact.page-agent-card[data-home-agent="true"] .page-agent-card__orb .agent-energy,
.openclaw-home-showcase__cluster .agent-card--compact.page-agent-card[data-home-agent="true"] .page-agent-card__orb .agent-status-light {
  z-index:1;
}
.openclaw-home-showcase__cluster .agent-card--compact.page-agent-card[data-home-agent="true"] .page-agent-card__orb .agent-overlay { display:none !important; }
.openclaw-home-showcase__cluster .agent-card--compact.page-agent-card[data-home-agent="true"].is-hovered .page-agent-card__orb::before,
.openclaw-home-showcase__cluster .agent-card--compact.page-agent-card[data-home-agent="true"].is-hovered .page-agent-card__orb::after {
  opacity:1;
}
.openclaw-home-showcase__cluster .agent-card--compact.page-agent-card[data-home-agent="true"][data-page-agent="market"] {
  --agent-accent: 255, 206, 110;
  --agent-accent-2: 150, 255, 210;
  --agent-hover-lift: -5px;
  --agent-bounce-scale: 1.04;
}
.openclaw-home-showcase__cluster .agent-card--compact.page-agent-card[data-home-agent="true"][data-page-agent="security"] { --agent-hover-lift: -4px; --agent-bounce-scale: 1.06; }
.openclaw-home-showcase__cluster .agent-card--compact.page-agent-card[data-home-agent="true"][data-page-agent="hardware"] { --agent-hover-lift: -5px; --agent-bounce-scale: 1.05; }
.openclaw-home-showcase__cluster .agent-card--compact.page-agent-card[data-home-agent="true"][data-page-agent="ai"] { --agent-hover-lift: -6px; --agent-bounce-scale: 1.05; }
.openclaw-home-showcase__cluster .agent-card--compact.page-agent-card[data-home-agent="true"][data-page-agent="games"] { --agent-hover-lift: -7px; --agent-bounce-scale: 1.075; }
.openclaw-home-showcase__cluster .agent-card--compact.page-agent-card[data-home-agent="true"][data-page-agent="tech"] { --agent-hover-lift: -5px; --agent-bounce-scale: 1.045; }
.openclaw-home-showcase__cluster .agent-card--compact.page-agent-card[data-home-agent="true"][data-page-agent="security"] .agent-status-light { animation:agentSecurityAlarm .8s steps(2) infinite; }
.openclaw-home-showcase__cluster .agent-card--compact.page-agent-card[data-home-agent="true"][data-page-agent="market"].is-hovered .page-agent-card__orb::before {
  inset:30% 14% 22% 16%;
  background:
    linear-gradient(135deg, transparent 0 34%, rgba(120,255,180,.0) 34%),
    linear-gradient(135deg, transparent 46%, rgba(255,210,110,.85) 46% 51%, transparent 51%),
    linear-gradient(135deg, transparent 58%, rgba(150,255,210,.92) 58% 63%, transparent 63%);
  filter:drop-shadow(0 0 10px rgba(255,206,110,.35));
  animation:agentMarketRise 1.55s linear infinite;
  opacity:.95;
}
.openclaw-home-showcase__cluster .agent-card--compact.page-agent-card[data-home-agent="true"][data-page-agent="hardware"].is-hovered .page-agent-card__orb::before {
  inset:22% 18% 18% 18%;
  width:28px;
  height:28px;
  margin:auto;
  border:2px solid rgba(255,170,74,.82);
  border-radius:50%;
  box-shadow:0 0 0 6px rgba(255,170,74,.08), 0 0 16px rgba(255,170,74,.22);
  animation:agentGearSpin 1.6s linear infinite;
  opacity:.92;
}
.openclaw-home-showcase__cluster .agent-card--compact.page-agent-card[data-home-agent="true"][data-page-agent="hardware"].is-hovered .page-agent-card__orb::after {
  inset:0;
  margin:auto;
  width:42px;
  height:42px;
  border-radius:50%;
  background:repeating-conic-gradient(from 0deg, rgba(255,170,74,.0) 0 12deg, rgba(255,170,74,.85) 12deg 18deg);
  -webkit-mask:radial-gradient(circle, transparent 0 12px, #000 13px 21px, transparent 22px);
  mask:radial-gradient(circle, transparent 0 12px, #000 13px 21px, transparent 22px);
  animation:agentGearSpin 1.6s linear infinite reverse;
  opacity:.75;
}
.openclaw-home-showcase__cluster .agent-card--compact.page-agent-card[data-home-agent="true"][data-page-agent="ai"].is-hovered .page-agent-card__orb::before {
  inset:18% 18% 18% 18%;
  border-radius:50%;
  border:1px solid rgba(90,247,255,.38);
  box-shadow:inset 0 0 14px rgba(90,247,255,.12), 0 0 14px rgba(90,247,255,.16);
  opacity:.8;
}
.openclaw-home-showcase__cluster .agent-card--compact.page-agent-card[data-home-agent="true"][data-page-agent="ai"].is-hovered .page-agent-card__orb::after {
  inset:18% 18% 18% 18%;
  border-radius:50%;
  background:conic-gradient(from 0deg, rgba(90,247,255,0) 0 68%, rgba(90,247,255,.88) 74%, rgba(177,108,255,.8) 82%, rgba(90,247,255,0) 90% 100%);
  -webkit-mask:radial-gradient(circle, transparent 0 23px, #000 25px 46px, transparent 48px);
  mask:radial-gradient(circle, transparent 0 23px, #000 25px 46px, transparent 48px);
  animation:agentRadarSweep 1.8s linear infinite;
  opacity:.95;
}
.openclaw-home-showcase__cluster .agent-card--compact.page-agent-card[data-home-agent="true"][data-page-agent="tech"].is-hovered .page-agent-card__orb::before {
  inset:24% 18% 26% 18%;
  background:
    linear-gradient(90deg, transparent 0 10%, rgba(110,214,255,.92) 10% 13%, transparent 13% 32%, rgba(110,214,255,.82) 32% 35%, transparent 35% 58%, rgba(108,136,255,.92) 58% 61%, transparent 61%),
    linear-gradient(0deg, transparent 0 42%, rgba(110,214,255,.84) 42% 46%, transparent 46% 66%, rgba(108,136,255,.84) 66% 70%, transparent 70%);
  filter:drop-shadow(0 0 8px rgba(110,214,255,.34));
  animation:agentCircuitsRun .92s linear infinite;
  opacity:.9;
}
.openclaw-home-showcase__cluster .agent-card--compact.page-agent-card[data-home-agent="true"][data-page-agent="games"].is-hovered .page-agent-card__orb::before {
  inset:34% 34% 34% 34%;
  border-radius:50%;
  box-shadow:0 0 0 0 rgba(185,120,255,.34);
  border:2px solid rgba(185,120,255,.8);
  animation:agentButtonPulse 1.12s ease-out infinite;
  opacity:.95;
}
.openclaw-home-showcase__cluster .agent-card--compact.page-agent-card[data-home-agent="true"][data-page-agent="games"].is-hovered .page-agent-card__orb::after {
  inset:39% 39% 39% 39%;
  border-radius:50%;
  background:radial-gradient(circle, rgba(124,255,210,.96) 0, rgba(185,120,255,.84) 52%, rgba(185,120,255,0) 66%);
  animation:agentButtonCore 1.12s ease-in-out infinite;
  opacity:.92;
}
.openclaw-home-showcase__cluster .agent-card--compact.page-agent-card[data-home-agent="true"]:not(.is-hovered) .page-agent-card__orb::before,
.openclaw-home-showcase__cluster .agent-card--compact.page-agent-card[data-home-agent="true"]:not(.is-hovered) .page-agent-card__orb::after,
.openclaw-home-showcase__cluster .agent-card--compact.page-agent-card[data-home-agent="true"]:not(.is-hovered) .agent-overlay,
.openclaw-home-showcase__cluster .agent-card--compact.page-agent-card[data-home-agent="true"]:not(.is-hovered) .agent-status-light {
  opacity:0 !important;
}


/* V6.9.2 surgical fix: home agents hover match pages */
.agent-card[data-home-agent="true"][data-agent-card="games"].is-hovered .agent-card__media,
.agent-card[data-home-agent="true"][data-agent-card="hardware"].is-hovered .agent-card__media,
.agent-card[data-home-agent="true"][data-agent-card="ai"].is-hovered .agent-card__media {
  min-height: 148px;
  isolation:isolate;
}
.agent-card[data-home-agent="true"][data-agent-card="games"].is-hovered .agent-card__media::before,
.agent-card[data-home-agent="true"][data-agent-card="games"].is-hovered .agent-card__media::after,
.agent-card[data-home-agent="true"][data-agent-card="hardware"].is-hovered .agent-card__media::before,
.agent-card[data-home-agent="true"][data-agent-card="hardware"].is-hovered .agent-card__media::after,
.agent-card[data-home-agent="true"][data-agent-card="ai"].is-hovered .agent-card__media::before,
.agent-card[data-home-agent="true"][data-agent-card="ai"].is-hovered .agent-card__media::after {
  opacity: 1;
  pointer-events:none;
}
.agent-card[data-home-agent="true"][data-agent-card="games"].is-hovered .agent-card__media::before {
  inset:34% 34% 34% 34%;
  width:auto;
  height:auto;
  left:auto;
  top:auto;
  transform:none;
  border-radius:50%;
  border:2px solid rgba(185,120,255,.8);
  background:none;
  box-shadow:0 0 0 0 rgba(185,120,255,.34);
  filter:none;
  animation: agentButtonPulse 1.12s ease-out infinite;
}
.agent-card[data-home-agent="true"][data-agent-card="games"].is-hovered .agent-card__media::after {
  inset:39% 39% 39% 39%;
  width:auto;
  height:auto;
  left:auto;
  bottom:auto;
  transform:none;
  border-radius:50%;
  background:radial-gradient(circle, rgba(124,255,210,.96) 0, rgba(185,120,255,.84) 52%, rgba(185,120,255,0) 66%);
  filter:none;
  animation: agentButtonCore 1.12s ease-in-out infinite;
}
.agent-card[data-home-agent="true"][data-agent-card="games"].is-hovered .agent-card__media .agent-overlay--gamepad,
.agent-card[data-home-agent="true"][data-agent-card="hardware"].is-hovered .agent-card__media .agent-overlay--gear,
.agent-card[data-home-agent="true"][data-agent-card="ai"].is-hovered .agent-card__media .agent-overlay--radar {
  opacity: 0 !important;
}
.agent-card[data-home-agent="true"][data-agent-card="hardware"].is-hovered .agent-card__media::before {
  inset:22% 18% 18% 18%;
  width:28px;
  height:28px;
  left:0;
  top:0;
  bottom:0;
  right:0;
  margin:auto;
  transform:none;
  border:2px solid rgba(255,170,74,.82);
  border-radius:50%;
  background:none;
  box-shadow:0 0 0 6px rgba(255,170,74,.08), 0 0 16px rgba(255,170,74,.22);
  filter:none;
  animation: agentGearSpin 1.6s linear infinite;
}
.agent-card[data-home-agent="true"][data-agent-card="hardware"].is-hovered .agent-card__media::after {
  inset:0;
  width:42px;
  height:42px;
  left:0;
  right:0;
  top:0;
  bottom:0;
  margin:auto;
  transform:none;
  border-radius:50%;
  background:repeating-conic-gradient(from 0deg, rgba(255,170,74,.0) 0 12deg, rgba(255,170,74,.85) 12deg 18deg);
  -webkit-mask:radial-gradient(circle, transparent 0 12px, #000 13px 21px, transparent 22px);
  mask:radial-gradient(circle, transparent 0 12px, #000 13px 21px, transparent 22px);
  filter:none;
  animation: agentGearSpin 1.6s linear infinite reverse;
}
.agent-card[data-home-agent="true"][data-agent-card="ai"].is-hovered .agent-card__media::before {
  inset:18% 18% 18% 18%;
  width:auto;
  height:auto;
  left:auto;
  top:auto;
  transform:none;
  border-radius:50%;
  border:1px solid rgba(90,247,255,.38);
  background:none;
  box-shadow:inset 0 0 14px rgba(90,247,255,.12), 0 0 14px rgba(90,247,255,.16);
  filter:none;
}
.agent-card[data-home-agent="true"][data-agent-card="ai"].is-hovered .agent-card__media::after {
  inset:18% 18% 18% 18%;
  width:auto;
  height:auto;
  left:auto;
  bottom:auto;
  transform:none;
  border-radius:50%;
  background:conic-gradient(from 0deg, rgba(90,247,255,0) 0 68%, rgba(90,247,255,.88) 74%, rgba(177,108,255,.8) 82%, rgba(90,247,255,0) 90% 100%);
  -webkit-mask:radial-gradient(circle, transparent 0 23px, #000 25px 46px, transparent 48px);
  mask:radial-gradient(circle, transparent 0 23px, #000 25px 46px, transparent 48px);
  filter:none;
  animation: agentRadarSweep 1.8s linear infinite;
}



/* V6.9.3 Hermes gold aura + home hover parity */
.hermes-authority{border-color:rgba(255,199,86,.22);background:linear-gradient(180deg,rgba(34,22,6,.82),rgba(14,10,4,.94));box-shadow:0 18px 42px rgba(0,0,0,.28),0 0 0 1px rgba(255,199,86,.06) inset}
.hermes-authority img{filter:drop-shadow(0 0 24px rgba(255,188,70,.26)) drop-shadow(0 0 10px rgba(255,84,84,.18));transition:filter .24s ease,transform .24s ease}
.hermes-authority:hover img{filter:drop-shadow(0 0 34px rgba(255,200,90,.46)) drop-shadow(0 0 56px rgba(255,130,80,.28));transform:translateY(-2px) scale(1.03)}
.hermes-page-card__orb{background:radial-gradient(circle at 50% 50%,rgba(255,188,70,.14),rgba(255,95,55,.06) 28%,rgba(0,0,0,0) 64%)}
.hermes-page-card__orb::before{border-color:rgba(255,205,116,.30);box-shadow:0 0 0 1px rgba(255,92,92,.08),0 0 48px rgba(255,188,70,.20)}
.hermes-page-card__orb img{filter:drop-shadow(0 0 22px rgba(255,199,86,.34)) drop-shadow(0 0 10px rgba(255,84,84,.20));transition:filter .24s ease,transform .24s ease}
.hermes-page-card__orb::after{content:"";position:absolute;inset:14%;border-radius:50%;background:radial-gradient(circle,rgba(255,86,68,.34) 0 12%,rgba(255,86,68,.12) 13% 22%,rgba(255,200,110,0) 38%);filter:blur(2px);opacity:.72;pointer-events:none;transition:opacity .24s ease,transform .24s ease}
.hermes-page-card:hover .hermes-page-card__orb::before,[data-hermes-float]:hover .hermes-page-card__orb::before,[data-hermes-float]:hover .hermes-page-card__orb::after,.hermes-page-card:hover .hermes-page-card__orb::after{opacity:1;transform:scale(1.08)}
.hermes-page-card:hover .hermes-page-card__orb img,[data-hermes-float]:hover img{filter:drop-shadow(0 0 42px rgba(255,207,107,.58)) drop-shadow(0 0 68px rgba(255,120,72,.34));transform:translateY(-2px) scale(1.045)}

/* === V6.9.4 Hermes compact hover upgrade === */
.month-hero-compact{grid-template-columns:minmax(0,1fr) 260px;gap:22px}
.month-hero-compact .page-hero-box__content h1{max-width:11ch}
.month-hero-compact .page-hero-box__content p{max-width:60ch}
.month-hero-agent{display:flex;justify-content:center;align-items:center}
.hermes-morph-card{position:relative;display:grid;place-items:center;width:min(230px,100%);aspect-ratio:1/1;isolation:isolate}
.hermes-morph-card__orb{position:relative;width:100%;height:100%;display:grid;place-items:center;border-radius:30px;overflow:visible;background:radial-gradient(circle at 50% 48%,rgba(255,191,75,.16),rgba(255,106,62,.08) 28%,rgba(0,0,0,0) 68%)}
.hermes-morph-card__orb::before{content:"";position:absolute;inset:12%;border-radius:50%;border:1px solid rgba(255,210,120,.22);box-shadow:0 0 0 1px rgba(255,92,92,.06),0 0 48px rgba(255,188,70,.18);animation:hermesRingFloat 9s linear infinite}
.hermes-morph-card__orb::after{content:"";position:absolute;inset:8%;border-radius:50%;background:radial-gradient(circle,rgba(255,196,92,.24) 0 18%,rgba(255,126,65,.10) 22% 36%,rgba(255,188,70,0) 64%);filter:blur(3px);opacity:.72;pointer-events:none;transition:opacity .35s ease,transform .45s ease}
.hermes-morph-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform-origin:center center;backface-visibility:hidden;transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1),filter .45s ease}
.hermes-morph-card .hermes-visual--base{opacity:1;transform:translateY(0) scale(1);filter:drop-shadow(0 0 22px rgba(255,199,86,.28)) drop-shadow(0 0 12px rgba(255,84,84,.16));animation:hermesFloatSlow 7.4s ease-in-out infinite}
.hermes-morph-card .hermes-visual--hover{opacity:0;transform:translateY(4px) scale(.92);filter:drop-shadow(0 0 28px rgba(255,207,107,.42)) drop-shadow(0 0 56px rgba(255,120,72,.24));animation:hermesFloatSlow 6.2s ease-in-out infinite reverse}
.hermes-morph-card:hover .hermes-visual--base,.hermes-morph-card:focus-visible .hermes-visual--base{opacity:0;transform:translateY(-4px) scale(.9);filter:drop-shadow(0 0 10px rgba(255,199,86,.16))}
.hermes-morph-card:hover .hermes-visual--hover,.hermes-morph-card:focus-visible .hermes-visual--hover{opacity:1;transform:translateY(-2px) scale(1.08);filter:drop-shadow(0 0 46px rgba(255,214,112,.62)) drop-shadow(0 0 74px rgba(255,120,72,.34))}
.hermes-morph-card:hover .hermes-morph-card__orb::after,.hermes-morph-card:focus-visible .hermes-morph-card__orb::after{opacity:1;transform:scale(1.08)}
.hermes-morph-card:hover .hermes-morph-card__orb::before,.hermes-morph-card:focus-visible .hermes-morph-card__orb::before{box-shadow:0 0 0 1px rgba(255,210,120,.18),0 0 66px rgba(255,188,70,.28),0 0 110px rgba(255,100,65,.18)}
.hermes-mini-stage{position:relative;width:132px;aspect-ratio:1/1;display:grid;place-items:center;justify-self:start;align-self:start;margin-top:28px;margin-left:8px;border-radius:28px;background:radial-gradient(circle,rgba(88,190,255,.10),rgba(0,0,0,0) 70%)}
.hermes-mini-stage::before{content:"";position:absolute;inset:10%;border-radius:50%;border:1px solid rgba(88,190,255,.18);box-shadow:0 0 48px rgba(88,190,255,.12)}
.hermes-mini-stage img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 28px rgba(88,190,255,.32));animation:hermesFloatSlow 7.2s ease-in-out infinite}
.hermes-report-hero-cluster{display:grid;grid-template-columns:138px minmax(160px,220px);gap:14px;align-items:center;justify-content:end;min-width:0}
.hermes-report-hero-cluster .hermes-morph-card{width:min(220px,100%)}
@keyframes hermesRingFloat{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
@media (max-width:1180px){.month-hero-compact{grid-template-columns:minmax(0,1fr) 220px}.hermes-report-hero-cluster{grid-template-columns:112px minmax(150px,190px)}}
@media (max-width:720px){.month-hero-compact{grid-template-columns:1fr}.month-hero-agent{order:2}.month-hero-compact .page-hero-box__content{order:1}.month-hero-compact .page-hero-box__content h1{max-width:100%}.month-hero-agent .hermes-morph-card{width:min(210px,72vw)}.hermes-report-hero-cluster{grid-template-columns:1fr;justify-items:center;gap:10px}.hermes-mini-stage{justify-self:center;margin:4px 0 0;width:110px}.hermes-report-hero-cluster .hermes-morph-card{width:min(200px,68vw)}}

/* Force home Games / Hardware / IA to use page-like hover shell */
.openclaw-home-showcase__cluster .home-agent-pageclone[data-page-agent="games"] .page-agent-card__orb,
.openclaw-home-showcase__cluster .home-agent-pageclone[data-page-agent="hardware"] .page-agent-card__orb,
.openclaw-home-showcase__cluster .home-agent-pageclone[data-page-agent="ai"] .page-agent-card__orb{
  width:100%;
  min-height:128px;
  margin-bottom:8px;
  border-radius:20px;
  overflow:hidden;
  isolation:isolate;
  background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.02),rgba(0,0,0,0) 58%);
}
.openclaw-home-showcase__cluster .home-agent-pageclone[data-page-agent="games"] .page-agent-card__orb .agent-overlay,
.openclaw-home-showcase__cluster .home-agent-pageclone[data-page-agent="hardware"] .page-agent-card__orb .agent-overlay,
.openclaw-home-showcase__cluster .home-agent-pageclone[data-page-agent="ai"] .page-agent-card__orb .agent-overlay{
  display:none !important;
}
.openclaw-home-showcase__cluster .home-agent-pageclone[data-page-agent="games"] .page-agent-card__orb .agent-sprite,
.openclaw-home-showcase__cluster .home-agent-pageclone[data-page-agent="hardware"] .page-agent-card__orb .agent-sprite,
.openclaw-home-showcase__cluster .home-agent-pageclone[data-page-agent="ai"] .page-agent-card__orb .agent-sprite,
.openclaw-home-showcase__cluster .home-agent-pageclone[data-page-agent="games"] .page-agent-card__orb .agent-sprite__sheet,
.openclaw-home-showcase__cluster .home-agent-pageclone[data-page-agent="hardware"] .page-agent-card__orb .agent-sprite__sheet,
.openclaw-home-showcase__cluster .home-agent-pageclone[data-page-agent="ai"] .page-agent-card__orb .agent-sprite__sheet{
  --sprite-size:98px;
}
.openclaw-home-showcase__cluster .home-agent-pageclone[data-page-agent="games"] .page-agent-card__orb::before,
.openclaw-home-showcase__cluster .home-agent-pageclone[data-page-agent="games"] .page-agent-card__orb::after,
.openclaw-home-showcase__cluster .home-agent-pageclone[data-page-agent="hardware"] .page-agent-card__orb::before,
.openclaw-home-showcase__cluster .home-agent-pageclone[data-page-agent="hardware"] .page-agent-card__orb::after,
.openclaw-home-showcase__cluster .home-agent-pageclone[data-page-agent="ai"] .page-agent-card__orb::before,
.openclaw-home-showcase__cluster .home-agent-pageclone[data-page-agent="ai"] .page-agent-card__orb::after{
  opacity:0 !important;
  transform:none !important;
}
.openclaw-home-showcase__cluster .home-agent-pageclone[data-page-agent="games"].is-hovered .page-agent-card__orb::before,
.openclaw-home-showcase__cluster .home-agent-pageclone[data-page-agent="games"].is-hovered .page-agent-card__orb::after,
.openclaw-home-showcase__cluster .home-agent-pageclone[data-page-agent="hardware"].is-hovered .page-agent-card__orb::before,
.openclaw-home-showcase__cluster .home-agent-pageclone[data-page-agent="hardware"].is-hovered .page-agent-card__orb::after,
.openclaw-home-showcase__cluster .home-agent-pageclone[data-page-agent="ai"].is-hovered .page-agent-card__orb::before,
.openclaw-home-showcase__cluster .home-agent-pageclone[data-page-agent="ai"].is-hovered .page-agent-card__orb::after{
  opacity:1 !important;
}
.openclaw-home-showcase__cluster .home-agent-pageclone[data-page-agent="games"].is-hovered .page-agent-card__orb::before{
  inset:34% 34% 34% 34% !important;
  border-radius:50%;
  box-shadow:0 0 0 0 rgba(185,120,255,.34);
  border:2px solid rgba(185,120,255,.8);
  animation:agentButtonPulse 1.12s ease-out infinite !important;
}
.openclaw-home-showcase__cluster .home-agent-pageclone[data-page-agent="games"].is-hovered .page-agent-card__orb::after{
  inset:39% 39% 39% 39% !important;
  border-radius:50%;
  background:radial-gradient(circle, rgba(124,255,210,.96) 0, rgba(185,120,255,.84) 52%, rgba(185,120,255,0) 66%);
  animation:agentButtonCore 1.12s ease-in-out infinite !important;
}
.openclaw-home-showcase__cluster .home-agent-pageclone[data-page-agent="hardware"].is-hovered .page-agent-card__orb::before{
  inset:22% 18% 18% 18% !important;
  width:28px;
  height:28px;
  margin:auto;
  border:2px solid rgba(255,170,74,.82);
  border-radius:50%;
  box-shadow:0 0 0 6px rgba(255,170,74,.08), 0 0 16px rgba(255,170,74,.22);
  animation:agentGearSpin 1.6s linear infinite !important;
}
.openclaw-home-showcase__cluster .home-agent-pageclone[data-page-agent="hardware"].is-hovered .page-agent-card__orb::after{
  inset:0 !important;
  margin:auto;
  width:42px;
  height:42px;
  border-radius:50%;
  background:repeating-conic-gradient(from 0deg, rgba(255,170,74,.0) 0 12deg, rgba(255,170,74,.85) 12deg 18deg);
  -webkit-mask:radial-gradient(circle, transparent 0 12px, #000 13px 21px, transparent 22px);
  mask:radial-gradient(circle, transparent 0 12px, #000 13px 21px, transparent 22px);
  animation:agentGearSpin 1.6s linear infinite reverse !important;
}
.openclaw-home-showcase__cluster .home-agent-pageclone[data-page-agent="ai"].is-hovered .page-agent-card__orb::before{
  inset:18% 18% 18% 18% !important;
  border-radius:50%;
  border:1px solid rgba(90,247,255,.38);
  box-shadow:inset 0 0 14px rgba(90,247,255,.12), 0 0 14px rgba(90,247,255,.16);
}
.openclaw-home-showcase__cluster .home-agent-pageclone[data-page-agent="ai"].is-hovered .page-agent-card__orb::after{
  inset:18% 18% 18% 18% !important;
  border-radius:50%;
  background:conic-gradient(from 0deg, rgba(90,247,255,0) 0 68%, rgba(90,247,255,.88) 74%, rgba(177,108,255,.8) 82%, rgba(90,247,255,0) 90% 100%);
  -webkit-mask:radial-gradient(circle, transparent 0 23px, #000 25px 46px, transparent 48px);
  mask:radial-gradient(circle, transparent 0 23px, #000 25px 46px, transparent 48px);
  animation:agentRadarSweep 1.8s linear infinite !important;
}



/* V6.9.5 ULTRA — Hermes compact layout + stronger hover */
.month-hero-compact{grid-template-columns:minmax(0,1fr) 300px;gap:18px}
.month-hero-agent{justify-content:flex-start;align-items:center;padding-left:8px}
.month-hero-agent .hermes-morph-card{width:min(265px,100%);transform:translateX(-26px)}
.hermes-morph-card{filter:drop-shadow(0 0 18px rgba(255,196,92,.12))}
.hermes-morph-card__orb{background:radial-gradient(circle at 50% 48%,rgba(255,205,96,.20),rgba(255,118,66,.10) 28%,rgba(0,0,0,0) 70%)}
.hermes-morph-card__orb::before{inset:11%;border-color:rgba(255,218,132,.28);box-shadow:0 0 0 1px rgba(255,92,92,.08),0 0 58px rgba(255,188,70,.24);animation-duration:7.6s}
.hermes-morph-card__orb::after{inset:7%;background:radial-gradient(circle,rgba(255,204,100,.28) 0 18%,rgba(255,126,65,.16) 22% 38%,rgba(255,188,70,0) 66%);filter:blur(4px)}
.hermes-morph-card img{will-change:transform,opacity,filter}
.hermes-morph-card .hermes-visual--base{filter:drop-shadow(0 0 26px rgba(255,205,96,.34)) drop-shadow(0 0 14px rgba(255,84,84,.18))}
.hermes-morph-card .hermes-visual--hover{filter:drop-shadow(0 0 32px rgba(255,214,112,.48)) drop-shadow(0 0 74px rgba(255,120,72,.28))}
.hermes-morph-card:hover .hermes-visual--base,.hermes-morph-card:focus-visible .hermes-visual--base{opacity:0;transform:translateY(-6px) scale(.86) rotate(-5deg);filter:drop-shadow(0 0 10px rgba(255,199,86,.12))}
.hermes-morph-card:hover .hermes-visual--hover,.hermes-morph-card:focus-visible .hermes-visual--hover{opacity:1;transform:translateY(-4px) scale(1.12);filter:drop-shadow(0 0 54px rgba(255,220,124,.72)) drop-shadow(0 0 102px rgba(255,120,72,.42))}
.hermes-morph-card:hover .hermes-morph-card__orb::before,.hermes-morph-card:focus-visible .hermes-morph-card__orb::before{box-shadow:0 0 0 1px rgba(255,214,126,.22),0 0 86px rgba(255,196,92,.38),0 0 128px rgba(255,100,65,.22)}
.hermes-morph-card:hover .hermes-morph-card__orb::after,.hermes-morph-card:focus-visible .hermes-morph-card__orb::after{opacity:1;transform:scale(1.12)}
.hermes-morph-card::before{content:"";position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle,rgba(255,214,114,.22),rgba(255,180,77,0) 65%);filter:blur(16px);opacity:0;transition:opacity .35s ease,transform .45s ease;pointer-events:none;z-index:-1}
.hermes-morph-card:hover::before,.hermes-morph-card:focus-visible::before{opacity:1;transform:scale(1.14)}
.hermes-morph-card--report{width:min(228px,100%)}
.hermes-report-hero-cluster{grid-template-columns:126px minmax(170px,228px);gap:10px;align-items:center;justify-content:end;margin-right:-8px}
.hermes-mini-stage{width:126px;aspect-ratio:1/1;margin-top:2px;margin-left:0;align-self:center;background:radial-gradient(circle,rgba(88,190,255,.12),rgba(0,0,0,0) 72%)}
.hermes-mini-stage::before{inset:12%;box-shadow:0 0 54px rgba(88,190,255,.16)}
.hermes-mini-stage img{filter:drop-shadow(0 0 24px rgba(88,190,255,.34)) drop-shadow(0 0 52px rgba(16,124,255,.16));transition:transform .32s ease,filter .32s ease}
.hermes-mini-stage--agent:hover img,.hermes-mini-stage--agent:focus-within img{transform:translateY(-4px) scale(1.06);filter:drop-shadow(0 0 30px rgba(88,190,255,.42)) drop-shadow(0 0 70px rgba(16,124,255,.22))}
@media (max-width:1180px){.month-hero-compact{grid-template-columns:minmax(0,1fr) 250px}.month-hero-agent .hermes-morph-card{width:min(230px,100%);transform:translateX(-10px)}.hermes-report-hero-cluster{grid-template-columns:110px minmax(150px,198px);margin-right:0}.hermes-mini-stage{width:110px}}
@media (max-width:720px){.month-hero-compact{grid-template-columns:1fr}.month-hero-agent{justify-content:center;padding-left:0}.month-hero-agent .hermes-morph-card{width:min(220px,74vw);transform:none}.hermes-report-hero-cluster{grid-template-columns:1fr 1fr;gap:8px;justify-items:center}.hermes-mini-stage{width:min(104px,30vw)}.hermes-report-hero-cluster .hermes-morph-card{width:min(178px,52vw)}}


/* V6.9.6 GOD MODE compact hero refinements */
.hermes-page-hero__box{grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:center}
.hermes-report-hero-copy{max-width:780px}
.hermes-report-hero-cluster{display:flex;align-items:center;justify-content:center;gap:14px;min-width:0;margin:0 auto}
.hermes-report-hero-cluster .hermes-morph-card{order:1;width:min(250px,100%)}
.hermes-report-hero-cluster .hermes-mini-stage{order:2;width:122px;flex:0 0 122px;margin:0;align-self:center}
.hermes-report-hero-cluster .hermes-mini-stage img{width:100%;height:auto;display:block;filter:drop-shadow(0 0 24px rgba(67,170,255,.30))}
.month-hero-compact{grid-template-columns:minmax(0,1fr) 280px;gap:16px}
.month-hero-agent{justify-content:center;align-items:flex-start;padding-left:0}
.month-hero-agent .hermes-morph-card{width:min(240px,100%);transform:none;margin-top:8px}
@media (max-width:1180px){.hermes-page-hero__box{grid-template-columns:minmax(0,1fr) 320px}.hermes-report-hero-cluster .hermes-morph-card{width:min(220px,100%)}.hermes-report-hero-cluster .hermes-mini-stage{width:104px;flex-basis:104px}.month-hero-compact{grid-template-columns:minmax(0,1fr) 240px}}
@media (max-width:720px){.hermes-page-hero__box,.month-hero-compact{grid-template-columns:1fr}.hermes-report-hero-cluster{justify-content:center;gap:10px}.hermes-report-hero-cluster .hermes-morph-card{width:min(190px,56vw)}.hermes-report-hero-cluster .hermes-mini-stage{width:min(92px,28vw);flex-basis:auto}.month-hero-agent .hermes-morph-card{width:min(200px,72vw);margin-top:0}}


/* V6.9.7 DEFINITIVE REPORT/MONTH LAYOUT */
.hermes-page-hero__box{grid-template-columns:minmax(0,1fr) 380px;gap:14px;align-items:center}
.hermes-report-hero-copy{max-width:760px}
.hermes-report-hero-cluster{display:flex;align-items:center;justify-content:flex-start;gap:12px;min-width:0;margin:0;padding-left:0;justify-self:start;align-self:center}
.hermes-report-hero-cluster .hermes-morph-card{order:1;width:min(270px,100%);flex:0 0 270px}
.hermes-report-hero-cluster .hermes-mini-stage{order:2;width:118px;flex:0 0 118px;margin:0;align-self:center;justify-self:start}
.hermes-report-hero-cluster .hermes-mini-stage img{width:100%;height:auto;display:block;filter:drop-shadow(0 0 24px rgba(67,170,255,.30))}
.month-hero-compact{grid-template-columns:minmax(0,1fr) 280px;gap:12px;align-items:center}
.month-hero-agent{display:flex;align-items:center;justify-content:center}
.month-hero-agent .hermes-morph-card{width:min(250px,100%);transform:none;margin:0 auto}
#destaque-mes + *{display:none !important}
@media (max-width:1180px){
  .hermes-page-hero__box{grid-template-columns:minmax(0,1fr) 330px}
  .hermes-report-hero-cluster .hermes-morph-card{width:min(236px,100%);flex-basis:236px}
  .hermes-report-hero-cluster .hermes-mini-stage{width:104px;flex-basis:104px}
  .month-hero-compact{grid-template-columns:minmax(0,1fr) 240px}
}
@media (max-width:720px){
  .hermes-page-hero__box,.month-hero-compact{grid-template-columns:1fr}
  .hermes-report-hero-cluster{justify-content:center;gap:10px}
  .hermes-report-hero-cluster .hermes-morph-card{width:min(200px,58vw);flex-basis:auto}
  .hermes-report-hero-cluster .hermes-mini-stage{width:min(92px,28vw);flex-basis:auto}
  .month-hero-agent .hermes-morph-card{width:min(210px,74vw)}
}


/* V6.9.9 GOD UI FINAL */
.hermes-inline-summary{display:none!important}
.hermes-report-hero-cluster--solo{display:flex;justify-content:center;align-items:center;min-width:320px;max-width:360px;width:100%;margin:0 auto;padding:0}
.hermes-morph-card--report-solo{width:min(320px,100%)!important;flex:0 0 auto!important;margin:0 auto}
.hermes-report-hero-cluster--solo .hermes-morph-card__orb{min-height:320px}
@media (min-width:1181px){.hermes-page-hero__box{grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:center}.hermes-report-hero-copy{max-width:760px}.hermes-report-hero-cluster--solo{justify-self:center;align-self:center;transform:translateX(-6px)}}
@media (max-width:1180px){.hermes-report-hero-cluster--solo{min-width:260px;max-width:300px}.hermes-morph-card--report-solo{width:min(270px,100%)!important}.hermes-report-hero-cluster--solo .hermes-morph-card__orb{min-height:270px}}
@media (max-width:720px){.hermes-report-hero-cluster--solo{min-width:0;max-width:none}.hermes-morph-card--report-solo{width:min(220px,70vw)!important}.hermes-report-hero-cluster--solo .hermes-morph-card__orb{min-height:220px}}


/* V7.0 final fix: restore mes content + align Hermes in relatorios like mes */
.hermes-page-hero__box{grid-template-columns:minmax(0,1fr) 280px !important;gap:16px !important;align-items:center !important;}
.hermes-report-hero-cluster--solo{display:flex !important;justify-content:center !important;align-items:center !important;min-width:0 !important;max-width:none !important;width:100% !important;margin:0 auto !important;padding:0 !important;transform:none !important;justify-self:center !important;align-self:center !important;}
.hermes-morph-card--report-solo{width:min(240px,100%) !important;flex:0 0 auto !important;margin:0 auto !important;transform:none !important;}
.hermes-report-hero-cluster--solo .hermes-morph-card__orb{min-height:240px !important;}
.hermes-report-hero-copy{max-width:760px;}
@media (max-width:1180px){.hermes-page-hero__box{grid-template-columns:minmax(0,1fr) 240px !important;}.hermes-morph-card--report-solo{width:min(220px,100%) !important;}.hermes-report-hero-cluster--solo .hermes-morph-card__orb{min-height:220px !important;}}
@media (max-width:720px){.hermes-page-hero__box{grid-template-columns:1fr !important;}.hermes-morph-card--report-solo{width:min(200px,72vw) !important;}.hermes-report-hero-cluster--solo .hermes-morph-card__orb{min-height:200px !important;}}

.hermes-inline-summary{display:block !important;}


/* V7.2 compact swarm agents on home */
.openclaw-home-showcase__cluster{
  grid-template-columns:repeat(3,minmax(82px,1fr));
  gap:8px;
  align-content:start;
  padding:16px;
  border-radius:30px;
  border:1px solid rgba(26,120,88,.28);
  background:linear-gradient(180deg,rgba(4,16,13,.95),rgba(3,11,9,.98));
  box-shadow:0 16px 42px rgba(0,0,0,.24), inset 0 0 0 1px rgba(65,227,167,.03);
}
.openclaw-home-showcase__cluster .agent-card--swarm[data-home-agent="true"]{
  min-height:0;
  padding:6px;
  border-radius:18px;
  background:radial-gradient(circle at 50% 38%,rgba(65,227,167,.08),rgba(0,0,0,0) 66%);
  border:1px solid rgba(65,227,167,.08);
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  animation:homeAgentSwarmFloat 6.8s ease-in-out infinite;
}
.openclaw-home-showcase__cluster .agent-card--swarm[data-home-agent="true"]::before,
.openclaw-home-showcase__cluster .agent-card--swarm[data-home-agent="true"]::after{display:none!important;}
.openclaw-home-showcase__cluster .agent-card--swarm[data-home-agent="true"] .page-agent-card__orb{
  min-height:84px;
  margin-bottom:0;
  border-radius:14px;
  background:transparent;
}
.openclaw-home-showcase__cluster .agent-card--swarm[data-home-agent="true"] .agent-card__compact-meta{display:none!important;}
.openclaw-home-showcase__cluster .agent-card--swarm[data-home-agent="true"] .agent-sprite,
.openclaw-home-showcase__cluster .agent-card--swarm[data-home-agent="true"] .agent-sprite__sheet{--sprite-size:64px;}
.openclaw-home-showcase__cluster .agent-card--swarm[data-home-agent="true"] .agent-energy--outer{transform:scale(.72);opacity:.68;}
.openclaw-home-showcase__cluster .agent-card--swarm[data-home-agent="true"] .agent-energy--inner{transform:scale(.68);opacity:.72;}
.openclaw-home-showcase__cluster .agent-card--swarm[data-home-agent="true"] .agent-status-light{transform:scale(.88);}
.openclaw-home-showcase__cluster .agent-card--swarm[data-home-agent="true"] .agent-card__bubble{
  bottom:calc(100% + 8px);
  width:min(240px,74vw);
  padding:12px 13px;
  border-radius:18px;
  z-index:30;
}
.openclaw-home-showcase__cluster .agent-card--swarm[data-home-agent="true"] .agent-card__bubble::after{width:14px;height:14px;transform:translate(-50%,-7px) rotate(45deg);}
.openclaw-home-showcase__cluster .agent-card--swarm[data-home-agent="true"] .agent-card__bubble strong{font-size:13px;}
.openclaw-home-showcase__cluster .agent-card--swarm[data-home-agent="true"] .agent-card__bubble span:last-child{font-size:11.5px;line-height:1.45;}
.openclaw-home-showcase__cluster .agent-card--swarm[data-home-agent="true"]:nth-child(1){animation-delay:-.2s;}
.openclaw-home-showcase__cluster .agent-card--swarm[data-home-agent="true"]:nth-child(2){animation-delay:-1.3s;}
.openclaw-home-showcase__cluster .agent-card--swarm[data-home-agent="true"]:nth-child(3){animation-delay:-2.6s;}
.openclaw-home-showcase__cluster .agent-card--swarm[data-home-agent="true"]:nth-child(4){animation-delay:-3.9s;}
.openclaw-home-showcase__cluster .agent-card--swarm[data-home-agent="true"]:nth-child(5){animation-delay:-1.9s;}
.openclaw-home-showcase__cluster .agent-card--swarm[data-home-agent="true"]:nth-child(6){animation-delay:-4.8s;}
.openclaw-home-showcase__cluster .agent-card--swarm[data-home-agent="true"].is-hovered,
.openclaw-home-showcase__cluster .agent-card--swarm[data-home-agent="true"]:focus-within{
  transform:translateY(-3px) scale(1.03);
  border-color:rgba(65,227,167,.18);
  background:radial-gradient(circle at 50% 38%,rgba(65,227,167,.14),rgba(0,0,0,0) 70%);
}
.openclaw-home-showcase__cluster .agent-card--swarm[data-home-agent="true"].is-hovered .page-agent-card__orb,
.openclaw-home-showcase__cluster .agent-card--swarm[data-home-agent="true"]:focus-within .page-agent-card__orb{min-height:84px;}
@keyframes homeAgentSwarmFloat{
  0%,100%{transform:translate3d(0,0,0);}
  25%{transform:translate3d(0,-3px,0);}
  50%{transform:translate3d(0,2px,0);}
  75%{transform:translate3d(0,-2px,0);}
}
@media (max-width:1080px){
  .openclaw-home-showcase__layout{grid-template-columns:1fr;}
  .openclaw-home-showcase__cluster{justify-self:start;max-width:420px;}
}
@media (max-width:720px){
  .openclaw-home-showcase__cluster{grid-template-columns:repeat(3,minmax(72px,1fr));gap:6px;padding:12px;width:100%;max-width:none;}
  .openclaw-home-showcase__cluster .agent-card--swarm[data-home-agent="true"] .page-agent-card__orb{min-height:72px;}
  .openclaw-home-showcase__cluster .agent-card--swarm[data-home-agent="true"] .agent-sprite,
  .openclaw-home-showcase__cluster .agent-card--swarm[data-home-agent="true"] .agent-sprite__sheet{--sprite-size:54px;}
}


/* V7.3 GOD MODE - Hermes orbital command system */
.openclaw-home-showcase--godmode{padding-block:12px 8px}
.openclaw-home-showcase__layout--godmode{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,520px);gap:28px;align-items:center}
.openclaw-home-showcase__content--godmode .section-title{margin-bottom:10px}
.openclaw-home-showcase__content--godmode .section-subtitle{max-width:64ch}
.hermes-authority--godmode{margin-top:18px;padding:16px 18px;border-radius:24px;background:linear-gradient(180deg,rgba(32,22,5,.82),rgba(13,10,3,.95));border:1px solid rgba(255,202,94,.18);box-shadow:0 20px 42px rgba(0,0,0,.28),0 0 36px rgba(255,192,82,.08) inset}
.hermes-authority--godmode img{width:86px;height:86px;filter:drop-shadow(0 0 22px rgba(255,208,112,.34)) drop-shadow(0 0 16px rgba(0,255,195,.16))}
.hermes-authority--godmode strong{color:#fff6db}
.hermes-authority--godmode span{color:rgba(255,241,214,.78)}

.hermes-orbit-showcase{position:relative}
.hermes-orbit-showcase__field{
  position:relative;
  width:min(100%,520px);
  aspect-ratio:1/1;
  margin-inline:auto;
  border-radius:50%;
  overflow:visible;
  isolation:isolate;
  filter:drop-shadow(0 18px 48px rgba(0,0,0,.34));
}
.hermes-orbit-showcase__field::before{
  content:'';
  position:absolute;
  inset:10%;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,208,82,.16) 0%, rgba(0,255,195,.08) 34%, rgba(0,0,0,0) 72%);
  filter:blur(10px);
  z-index:0;
}
.hermes-orbit-showcase__ring,
.hermes-orbit-showcase__energy{
  position:absolute;
  inset:50%;
  translate:-50% -50%;
  border-radius:50%;
  pointer-events:none;
}
.hermes-orbit-showcase__ring{
  border:1px solid rgba(255,212,120,.16);
  box-shadow:0 0 0 1px rgba(0,255,195,.05) inset,0 0 24px rgba(255,196,82,.08);
}
.hermes-orbit-showcase__ring--one{width:56%;height:56%;transform:rotate(8deg)}
.hermes-orbit-showcase__ring--two{width:72%;height:46%;transform:rotate(-16deg)}
.hermes-orbit-showcase__ring--three{width:84%;height:66%;transform:rotate(18deg)}
.hermes-orbit-showcase__energy{
  border:2px solid transparent;
  mix-blend-mode:screen;
  opacity:.95;
}
.hermes-orbit-showcase__energy--a{
  width:82%;height:56%;
  transform:rotate(10deg);
  border-top-color:rgba(255,211,119,.92);
  border-bottom-color:rgba(0,255,195,.16);
  box-shadow:0 0 18px rgba(255,207,112,.26);
  animation:hermesEnergySpin 14s linear infinite;
}
.hermes-orbit-showcase__energy--b{
  width:68%;height:82%;
  transform:rotate(-28deg);
  border-right-color:rgba(0,255,204,.44);
  border-left-color:rgba(255,217,138,.18);
  box-shadow:0 0 18px rgba(0,255,204,.14);
  animation:hermesEnergySpinReverse 19s linear infinite;
}
.hermes-orbit-showcase__energy--c{
  width:88%;height:88%;
  border-top-color:rgba(255,210,102,.24);
  border-right-color:rgba(0,255,195,.2);
  filter:blur(.2px);
  animation:hermesEnergyPulse 4.8s ease-in-out infinite;
}
.hermes-orbit-showcase__core{
  position:absolute;
  inset:50%;
  width:50%;
  aspect-ratio:1/1;
  translate:-50% -50%;
  display:grid;
  place-items:center;
  z-index:3;
  animation:hermesCoreFloat 6.5s ease-in-out infinite;
}
.hermes-orbit-showcase__core::before{
  content:'';
  position:absolute;
  inset:8%;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,210,102,.24) 0%, rgba(0,255,195,.08) 46%, rgba(0,0,0,0) 72%);
  filter:blur(10px);
  z-index:0;
}
.hermes-orbit-showcase__core img{
  position:relative;
  z-index:1;
  width:100%;
  height:100%;
  object-fit:contain;
  filter:drop-shadow(0 0 28px rgba(255,201,92,.32)) drop-shadow(0 0 24px rgba(0,255,195,.12));
}
.hermes-orbit-showcase__hint{
  margin:10px auto 0;
  max-width:34ch;
  text-align:center;
  color:rgba(223,255,245,.72);
  font-size:.92rem;
  line-height:1.5;
}

.hermes-orbit__track{
  position:absolute;
  inset:0;
  z-index:5;
}
.hermes-orbit__carrier{
  position:absolute;
  left:50%;
  top:50%;
  translate:-50% -50%;
  transform:translateX(var(--orbit-radius));
}
.orbit-mini-agent{
  --bubble-accent: 90,247,255;
  position:relative;
  width:72px;
  height:72px;
  pointer-events:auto;
  outline:none;
}
.orbit-mini-agent__visual{
  position:relative;
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  border-radius:50%;
  transform:translate3d(var(--agent-shift-x,0px),var(--agent-shift-y,0px),0) rotateX(var(--agent-tilt-x,0deg)) rotateY(var(--agent-tilt-y,0deg));
  transition:transform .25s ease, filter .25s ease;
}
.orbit-mini-agent__visual img{
  width:100%;
  height:100%;
  object-fit:contain;
  position:relative;
  z-index:3;
  filter:drop-shadow(0 0 10px rgba(var(--bubble-accent),.22));
}
.orbit-mini-agent__halo,
.orbit-mini-agent__fx{
  position:absolute;
  inset:50%;
  translate:-50% -50%;
  pointer-events:none;
  border-radius:50%;
}
.orbit-mini-agent__halo--primary{
  width:86%;
  height:86%;
  background:radial-gradient(circle, rgba(var(--bubble-accent),.14) 0%, rgba(var(--bubble-accent),0) 70%);
  filter:blur(8px);
  z-index:0;
  animation:orbitHaloPulse 3.8s ease-in-out infinite;
}
.orbit-mini-agent__halo--secondary{
  width:104%;
  height:104%;
  border:1px solid rgba(var(--bubble-accent),.18);
  box-shadow:0 0 18px rgba(var(--bubble-accent),.12);
  z-index:1;
  animation:orbitHaloPulse 4.8s ease-in-out infinite reverse;
}
.orbit-mini-agent__fx{
  width:118%;
  height:118%;
  z-index:2;
  opacity:0;
  transition:opacity .18s ease, transform .18s ease;
}
.orbit-mini-agent.is-hovered{z-index:30}
.orbit-mini-agent.is-hovered .orbit-mini-agent__visual{
  filter:drop-shadow(0 0 16px rgba(var(--bubble-accent),.26)) drop-shadow(0 0 10px rgba(255,214,128,.16));
}
.orbit-mini-agent.is-hovered .orbit-mini-agent__fx{opacity:1}
.orbit-mini-agent__bubble{
  position:absolute;
  left:50%;
  bottom:calc(100% + 12px);
  width:210px;
  translate:-50% 14px;
  opacity:0;
  pointer-events:none;
  transition:opacity .18s ease, translate .18s ease;
  z-index:40;
}
.orbit-mini-agent__bubble img{
  display:block;
  width:100%;
  height:auto;
  filter:drop-shadow(0 12px 22px rgba(0,0,0,.28));
}
.orbit-mini-agent__bubble-copy{
  position:absolute;
  inset:20px 32px 54px 34px;
  display:grid;
  align-content:start;
  gap:7px;
}
.orbit-mini-agent__bubble-copy strong{
  font-size:13px;
  line-height:1.15;
  color:#111;
}
.orbit-mini-agent__bubble-copy span{
  font-size:11px;
  line-height:1.35;
  color:#222;
}
.orbit-mini-agent.is-hovered .orbit-mini-agent__bubble,
.orbit-mini-agent:focus-within .orbit-mini-agent__bubble{
  opacity:1;
  translate:-50% 0;
}
.hermes-orbit__track:hover,
.hermes-orbit__track:focus-within{
  animation-play-state:paused;
}
.hermes-orbit__track:hover .orbit-mini-agent,
.hermes-orbit__track:focus-within .orbit-mini-agent{
  animation-play-state:paused, paused;
}

.hermes-orbit__track--tech{--orbit-radius:160px;animation:orbitSpinCW 16s linear infinite}
.hermes-orbit__track--games{--orbit-radius:196px;animation:orbitSpinCCW 18.5s linear infinite}
.hermes-orbit__track--market{--orbit-radius:210px;animation:orbitSpinCW 20.5s linear infinite}
.hermes-orbit__track--security{--orbit-radius:198px;animation:orbitSpinCCW 15.5s linear infinite}
.hermes-orbit__track--ai{--orbit-radius:174px;animation:orbitSpinCW 13.8s linear infinite}
.hermes-orbit__track--hardware{--orbit-radius:222px;animation:orbitSpinCCW 22.5s linear infinite}

.hermes-orbit__track--tech .hermes-orbit__carrier{transform:translateX(var(--orbit-radius)) rotate(12deg)}
.hermes-orbit__track--games .hermes-orbit__carrier{transform:translateX(var(--orbit-radius)) rotate(84deg)}
.hermes-orbit__track--market .hermes-orbit__carrier{transform:translateX(var(--orbit-radius)) rotate(146deg)}
.hermes-orbit__track--security .hermes-orbit__carrier{transform:translateX(var(--orbit-radius)) rotate(212deg)}
.hermes-orbit__track--ai .hermes-orbit__carrier{transform:translateX(var(--orbit-radius)) rotate(266deg)}
.hermes-orbit__track--hardware .hermes-orbit__carrier{transform:translateX(var(--orbit-radius)) rotate(322deg)}

.hermes-orbit__track--tech .orbit-mini-agent{animation:orbitSpinCCW 16s linear infinite, orbitBob 4.9s ease-in-out infinite}
.hermes-orbit__track--games .orbit-mini-agent{animation:orbitSpinCW 18.5s linear infinite, orbitBob 4.4s ease-in-out infinite .2s}
.hermes-orbit__track--market .orbit-mini-agent{animation:orbitSpinCCW 20.5s linear infinite, orbitBob 5.2s ease-in-out infinite .1s}
.hermes-orbit__track--security .orbit-mini-agent{animation:orbitSpinCW 15.5s linear infinite, orbitBob 4.1s ease-in-out infinite .3s}
.hermes-orbit__track--ai .orbit-mini-agent{animation:orbitSpinCCW 13.8s linear infinite, orbitBob 4.7s ease-in-out infinite .15s}
.hermes-orbit__track--hardware .orbit-mini-agent{animation:orbitSpinCW 22.5s linear infinite, orbitBob 5.4s ease-in-out infinite .25s}

.orbit-mini-agent--tech{--bubble-accent:110,214,255}
.orbit-mini-agent--games{--bubble-accent:193,120,255}
.orbit-mini-agent--market{--bubble-accent:91,239,170}
.orbit-mini-agent--security{--bubble-accent:255,96,96}
.orbit-mini-agent--ai{--bubble-accent:90,247,255}
.orbit-mini-agent--hardware{--bubble-accent:255,170,74}

.orbit-mini-agent--tech.is-cluster-awake .orbit-mini-agent__visual,
.orbit-mini-agent--games.is-cluster-awake .orbit-mini-agent__visual,
.orbit-mini-agent--market.is-cluster-awake .orbit-mini-agent__visual,
.orbit-mini-agent--security.is-cluster-awake .orbit-mini-agent__visual,
.orbit-mini-agent--ai.is-cluster-awake .orbit-mini-agent__visual,
.orbit-mini-agent--hardware.is-cluster-awake .orbit-mini-agent__visual{
  transform:translate3d(calc(var(--agent-shift-x,0px) + var(--cluster-jitter-x,0px)),calc(var(--agent-shift-y,0px) + var(--cluster-jitter-y,0px)),0) rotate(var(--cluster-rotate,0deg)) rotateX(var(--agent-tilt-x,0deg)) rotateY(var(--agent-tilt-y,0deg));
}

.orbit-mini-agent__fx--tech{
  border:2px solid rgba(110,214,255,.78);
  box-shadow:0 0 0 0 rgba(110,214,255,.3);
  animation:agentPulseBlue 1.1s ease-out infinite;
}
.orbit-mini-agent__fx--games{
  background:
    radial-gradient(circle at 38% 42%, rgba(255,255,255,.92) 0 7%, rgba(0,0,0,0) 8%),
    radial-gradient(circle at 64% 58%, rgba(210,140,255,.88) 0 8%, rgba(0,0,0,0) 9%),
    radial-gradient(circle, rgba(193,120,255,.26) 0 54%, rgba(0,0,0,0) 55%);
  animation:agentGlitchPop .7s steps(2) infinite;
}
.orbit-mini-agent__fx--market{
  background:
    linear-gradient(135deg, transparent 0 38%, rgba(91,239,170,.0) 38%),
    linear-gradient(135deg, transparent 44%, rgba(255,219,120,.92) 44% 50%, transparent 50%),
    linear-gradient(135deg, transparent 58%, rgba(120,255,210,.9) 58% 64%, transparent 64%);
  filter:drop-shadow(0 0 8px rgba(255,219,120,.32));
  animation:agentMarketRiseMini 1.25s linear infinite;
}
.orbit-mini-agent__fx--security{
  border:2px solid rgba(255,96,96,.76);
  box-shadow:0 0 14px rgba(255,96,96,.25);
  animation:agentAlertBlinkMini .75s steps(2) infinite;
}
.orbit-mini-agent__fx--ai{
  background:conic-gradient(from 0deg, rgba(90,247,255,0) 0 64%, rgba(90,247,255,.96) 72%, rgba(177,108,255,.8) 82%, rgba(90,247,255,0) 92% 100%);
  -webkit-mask:radial-gradient(circle, transparent 0 22px, #000 24px 34px, transparent 36px);
  mask:radial-gradient(circle, transparent 0 22px, #000 24px 34px, transparent 36px);
  animation:agentRotateRingMini 1.15s linear infinite;
}
.orbit-mini-agent__fx--hardware{
  border-radius:50%;
  background:repeating-conic-gradient(from 0deg, rgba(255,170,74,0) 0 13deg, rgba(255,170,74,.88) 13deg 20deg);
  -webkit-mask:radial-gradient(circle, transparent 0 19px, #000 20px 32px, transparent 33px);
  mask:radial-gradient(circle, transparent 0 19px, #000 20px 32px, transparent 33px);
  animation:agentRotateRingMini 1.4s linear infinite reverse;
}

@keyframes orbitSpinCW{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes orbitSpinCCW{from{transform:rotate(360deg)}to{transform:rotate(0deg)}}
@keyframes orbitBob{0%,100%{translate:0 0}50%{translate:0 -5px}}
@keyframes orbitHaloPulse{0%,100%{transform:translate(-50%,-50%) scale(.94);opacity:.64}50%{transform:translate(-50%,-50%) scale(1.06);opacity:1}}
@keyframes hermesEnergySpin{from{translate:-50% -50%; transform:rotate(10deg)}to{translate:-50% -50%; transform:rotate(370deg)}}
@keyframes hermesEnergySpinReverse{from{translate:-50% -50%; transform:rotate(-28deg)}to{translate:-50% -50%; transform:rotate(-388deg)}}
@keyframes hermesEnergyPulse{0%,100%{translate:-50% -50%;opacity:.3;transform:scale(.98)}50%{translate:-50% -50%;opacity:.8;transform:scale(1.02)}}
@keyframes hermesCoreFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes agentPulseBlue{0%{transform:translate(-50%,-50%) scale(.65);opacity:.95;box-shadow:0 0 0 0 rgba(110,214,255,.35)}100%{transform:translate(-50%,-50%) scale(1.2);opacity:0;box-shadow:0 0 0 18px rgba(110,214,255,0)}}
@keyframes agentGlitchPop{0%,100%{transform:translate(-50%,-50%) translateX(0)}30%{transform:translate(-50%,-50%) translateX(2px)}60%{transform:translate(-50%,-50%) translateX(-2px)}}
@keyframes agentMarketRiseMini{0%{transform:translate(-50%,-50%) translateY(4px);opacity:.2}70%{opacity:1}100%{transform:translate(-50%,-50%) translateY(-8px);opacity:0}}
@keyframes agentAlertBlinkMini{0%,49%{opacity:.15}50%,100%{opacity:1}}
@keyframes agentRotateRingMini{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}

@media (max-width: 1080px){
  .openclaw-home-showcase__layout--godmode{grid-template-columns:1fr;gap:18px}
  .hermes-orbit-showcase__field{max-width:480px}
}
@media (max-width: 720px){
  .hermes-orbit-showcase__field{max-width:360px}
  .hermes-orbit-showcase__core{width:54%}
  .orbit-mini-agent{width:58px;height:58px}
  .hermes-orbit__track--tech{--orbit-radius:116px}
  .hermes-orbit__track--games{--orbit-radius:142px}
  .hermes-orbit__track--market{--orbit-radius:150px}
  .hermes-orbit__track--security{--orbit-radius:140px}
  .hermes-orbit__track--ai{--orbit-radius:124px}
  .hermes-orbit__track--hardware{--orbit-radius:160px}
  .orbit-mini-agent__bubble{display:none}
  .hermes-orbit-showcase__hint{font-size:.86rem;max-width:30ch}
}

/* === V7.4 Clean reports-only Hermes system === */
.btn-agents-shortcut{
  border-color:rgba(255,210,120,.24);
  color:#fff4d5;
  background:linear-gradient(180deg,rgba(18,16,11,.82),rgba(7,12,10,.9));
  box-shadow:0 12px 30px rgba(0,0,0,.18),0 0 0 1px rgba(255,207,98,.06) inset;
}
.btn-agents-shortcut:hover{
  border-color:rgba(255,220,140,.44);
  box-shadow:0 14px 30px rgba(0,0,0,.24),0 0 22px rgba(255,201,86,.12);
}
.hermes-report-hero-cluster--clean{
  display:flex;
  justify-content:center;
  align-items:center;
}
.hermes-spin-system{
  position:relative;
  width:min(100%,560px);
  aspect-ratio:1/1;
  margin-inline:auto;
  isolation:isolate;
  filter:drop-shadow(0 18px 54px rgba(0,0,0,.36));
}
.hermes-spin-system__core{
  position:absolute;
  inset:17% 17%;
  display:grid;
  place-items:center;
  z-index:3;
  animation:hermesCoreFloat 8s ease-in-out infinite;
}
.hermes-spin-system__core img{
  width:100%;
  height:100%;
  object-fit:contain;
  filter:drop-shadow(0 0 34px rgba(255,207,96,.18));
}
.hermes-spin-system__ring{
  position:absolute;
  inset:0;
  animation:hermesSpinRing 26s linear infinite;
  z-index:4;
}
.hermes-spin-system__halo,
.hermes-spin-system__swirl{
  position:absolute;
  inset:50%;
  translate:-50% -50%;
  border-radius:50%;
  pointer-events:none;
}
.hermes-spin-system__halo{
  border:1px solid rgba(255,216,126,.18);
  box-shadow:0 0 0 1px rgba(0,255,195,.04) inset,0 0 26px rgba(255,196,82,.08);
}
.hermes-spin-system__halo--one{width:76%;height:76%;transform:rotate(10deg)}
.hermes-spin-system__halo--two{width:92%;height:62%;transform:rotate(-18deg)}
.hermes-spin-system__swirl{
  border:2px solid transparent;
  mix-blend-mode:screen;
  opacity:.95;
}
.hermes-spin-system__swirl--a{
  width:86%;height:58%;
  border-top-color:rgba(255,222,138,.84);
  border-left-color:rgba(255,200,82,.2);
  border-right-color:rgba(0,255,195,.12);
  transform:rotate(-12deg);
  filter:drop-shadow(0 0 12px rgba(255,214,120,.26));
  animation:hermesEnergySpinA 14s linear infinite;
}
.hermes-spin-system__swirl--b{
  width:92%;height:76%;
  border-top-color:rgba(255,214,120,.42);
  border-bottom-color:rgba(255,178,72,.18);
  border-right-color:rgba(0,255,195,.18);
  transform:rotate(18deg);
  filter:drop-shadow(0 0 14px rgba(255,194,82,.2));
  animation:hermesEnergySpinB 18s linear infinite reverse;
}
.hermes-spin-agent{
  position:absolute;
  top:50%;
  left:50%;
  width:92px;
  z-index:5;
}
.hermes-spin-agent .orbit-mini-agent__visual{
  width:68px;
  height:68px;
}
.hermes-spin-agent__bubble{
  width:188px;
}
.hermes-spin-agent__bubble img{
  width:188px;
  height:auto;
}
.hermes-spin-agent .orbit-mini-agent__bubble-copy{
  top:22px;
  left:18px;
  width:136px;
}
.hermes-spin-agent .orbit-mini-agent__bubble-copy strong{
  font-size:.8rem;
}
.hermes-spin-agent .orbit-mini-agent__bubble-copy span{
  font-size:.68rem;
  line-height:1.35;
}
.hermes-spin-agent--tech{transform:translate(-50%,-50%) translateY(-196px)}
.hermes-spin-agent--games{transform:translate(-50%,-50%) translate(152px,-132px)}
.hermes-spin-agent--market{transform:translate(-50%,-50%) translate(188px,18px)}
.hermes-spin-agent--security{transform:translate(-50%,-50%) translate(-190px,24px)}
.hermes-spin-agent--ai{transform:translate(-50%,-50%) translate(-148px,154px)}
.hermes-spin-agent--hardware{transform:translate(-50%,-50%) translate(138px,164px)}

@keyframes hermesSpinRing{
  from{transform:rotate(0deg)}
  to{transform:rotate(360deg)}
}
@keyframes hermesEnergySpinA{
  from{transform:translate(-50%,-50%) rotate(-12deg)}
  to{transform:translate(-50%,-50%) rotate(348deg)}
}
@keyframes hermesEnergySpinB{
  from{transform:translate(-50%,-50%) rotate(18deg)}
  to{transform:translate(-50%,-50%) rotate(-342deg)}
}
@keyframes hermesCoreFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-8px)}
}

@media (max-width: 980px){
  .hermes-report-hero-cluster--clean{order:-1}
  .hermes-spin-system{width:min(100%,480px)}
}
@media (max-width: 680px){
  .btn-agents-shortcut{width:100%;justify-content:center}
  .hermes-spin-system{width:min(100%,360px)}
  .hermes-spin-agent{width:76px}
  .hermes-spin-agent .orbit-mini-agent__visual{width:58px;height:58px}
  .hermes-spin-agent__bubble{width:168px}
  .hermes-spin-agent__bubble img{width:168px}
  .hermes-spin-agent .orbit-mini-agent__bubble-copy{top:19px;left:16px;width:120px}
  .hermes-spin-agent .orbit-mini-agent__bubble-copy span{font-size:.62rem}
  .hermes-spin-agent--tech{transform:translate(-50%,-50%) translateY(-134px)}
  .hermes-spin-agent--games{transform:translate(-50%,-50%) translate(114px,-92px)}
  .hermes-spin-agent--market{transform:translate(-50%,-50%) translate(132px,10px)}
  .hermes-spin-agent--security{transform:translate(-50%,-50%) translate(-130px,18px)}
  .hermes-spin-agent--ai{transform:translate(-50%,-50%) translate(-104px,112px)}
  .hermes-spin-agent--hardware{transform:translate(-50%,-50%) translate(104px,118px)}
}


/* V7.5.2 clean hero: single Hermes only */
.hermes-page-hero__box,
.month-hero-compact{
  grid-template-columns:minmax(0,1fr) minmax(220px,360px) !important;
  gap:18px !important;
  align-items:center !important;
}
.hermes-report-hero-copy{max-width:760px}
.hermes-report-hero-cluster--solo,
.month-hero-agent{
  display:flex;
  justify-content:center;
  align-items:center;
  min-width:0;
}
.hermes-solo-visual{
  position:relative;
  width:min(100%, 340px);
  isolation:isolate;
}
.hermes-solo-visual--reports{width:min(100%, 360px)}
.hermes-solo-visual--month{width:min(100%, 260px)}
.hermes-solo-visual__orb{
  position:relative;
  display:grid;
  place-items:center;
  min-height:240px;
  border-radius:32px;
  overflow:visible;
  background:radial-gradient(circle at 50% 50%, rgba(255,203,110,.12), rgba(255,120,72,.06) 26%, rgba(0,0,0,0) 66%);
}
.hermes-solo-visual__orb::before{
  content:"";
  position:absolute;
  inset:11%;
  border-radius:50%;
  border:1px solid rgba(255,215,136,.18);
  box-shadow:0 0 0 1px rgba(255,215,136,.05), 0 0 55px rgba(255,184,82,.14);
  animation:hermesRingFloat 14s linear infinite;
}
.hermes-solo-visual__orb::after{
  content:"";
  position:absolute;
  inset:16%;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,212,122,.16) 0 12%, rgba(255,128,74,.10) 18% 28%, rgba(255,196,112,0) 56%);
  filter:blur(4px);
  opacity:.85;
  pointer-events:none;
}
.hermes-solo-visual img{
  position:relative;
  z-index:2;
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 0 26px rgba(255,205,96,.28)) drop-shadow(0 0 42px rgba(255,136,74,.16));
  animation:hermesFloatSlow 7.8s ease-in-out infinite;
  transition:transform .28s ease, filter .28s ease;
}
.hermes-solo-visual:hover img,
.hermes-solo-visual:focus-within img{
  transform:translateY(-2px) scale(1.025);
  filter:drop-shadow(0 0 32px rgba(255,214,112,.40)) drop-shadow(0 0 64px rgba(255,136,74,.24));
}
@media (max-width: 860px){
  .hermes-page-hero__box,
  .month-hero-compact{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }
  .hermes-report-hero-cluster--solo,
  .month-hero-agent{
    justify-content:center;
  }
  .hermes-solo-visual--reports{width:min(78vw, 300px)}
  .hermes-solo-visual--month{width:min(64vw, 220px)}
  .hermes-solo-visual__orb{min-height:180px}
}
@media (max-width: 560px){
  .hermes-solo-visual--reports{width:min(72vw, 240px)}
  .hermes-solo-visual--month{width:min(54vw, 170px)}
  .hermes-solo-visual__orb{min-height:150px}
  .hermes-solo-visual__orb::before{inset:14%}
}


/* V7.6 Hermes clean layout */
@media (min-width: 861px){
  .hermes-page-hero__box{
    grid-template-columns:minmax(0,1fr) minmax(260px,380px) !important;
    gap:24px !important;
    align-items:center !important;
  }
  .hermes-report-hero-cluster--solo{
    justify-self:end;
    align-self:center;
    margin-right:0;
  }
}

.hermes-solo-visual--month-clean .hermes-solo-visual__orb{
  background:none;
  min-height:auto;
}
.hermes-solo-visual--month-clean .hermes-solo-visual__orb::before,
.hermes-solo-visual--month-clean .hermes-solo-visual__orb::after{
  display:none;
}
.hermes-solo-visual--month-clean img{
  filter:drop-shadow(0 0 22px rgba(255,205,96,.24)) drop-shadow(0 0 38px rgba(255,136,74,.14));
}
@media (max-width: 860px){
  .month-hero-agent{margin-top:2px;}
  .hermes-solo-visual--month-clean{width:min(60vw, 190px);}
}
@media (max-width: 560px){
  .hermes-solo-visual--month-clean{width:min(52vw, 150px);}
}


/* V7.6.1 hotfix: hero realmente em 2 colunas */
.hermes-page-hero__box,
.month-hero-compact{
  display:grid !important;
}
@media (min-width: 861px){
  .hermes-page-hero__box{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(280px,380px) !important;
    gap:32px !important;
    align-items:center !important;
  }
  .hermes-report-hero-copy{
    max-width:none !important;
    min-width:0 !important;
  }
  .hermes-report-hero-cluster--solo{
    justify-self:end !important;
    align-self:center !important;
    width:min(100%, 380px) !important;
    margin:0 !important;
  }
  .hermes-solo-visual--reports{
    width:min(100%, 360px) !important;
    margin-left:auto !important;
  }
}
@media (max-width: 860px){
  .hermes-page-hero__box,
  .month-hero-compact{
    display:grid !important;
    grid-template-columns:1fr !important;
  }
}


/* V7.6.2 month Hermes hover glow + mobile clean */
.month-hero-agent{
  justify-self:end;
}
.hermes-solo-visual--month-clean{
  width:min(100%, 230px);
}
.hermes-solo-visual--month-clean .hermes-solo-visual__orb{
  position:relative;
  min-height:unset;
  padding:10px 6px;
}
.hermes-solo-visual--month-clean .hermes-solo-visual__orb::before{
  content:"";
  display:block;
  position:absolute;
  inset:8% 12%;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,220,132,.28) 0%, rgba(255,180,78,.18) 28%, rgba(255,135,55,0) 68%);
  filter:blur(20px);
  opacity:.72;
  transition:opacity .28s ease, transform .28s ease, filter .28s ease;
}
.hermes-solo-visual--month-clean .hermes-solo-visual__orb::after{
  content:"";
  display:block;
  position:absolute;
  inset:auto 16% 4%;
  height:20px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(255,196,92,.34) 0%, rgba(255,154,72,0) 72%);
  filter:blur(14px);
  opacity:.5;
  transition:opacity .28s ease, transform .28s ease;
}
.hermes-solo-visual--month-clean img{
  position:relative;
  z-index:2;
  filter:drop-shadow(0 0 18px rgba(255,205,96,.18)) drop-shadow(0 0 30px rgba(255,136,74,.12));
  transition:transform .28s ease, filter .28s ease;
}
.hermes-solo-visual--month-clean:hover .hermes-solo-visual__orb::before,
.hermes-solo-visual--month-clean:focus-within .hermes-solo-visual__orb::before{
  opacity:1;
  transform:scale(1.06);
  filter:blur(24px);
}
.hermes-solo-visual--month-clean:hover .hermes-solo-visual__orb::after,
.hermes-solo-visual--month-clean:focus-within .hermes-solo-visual__orb::after{
  opacity:.82;
  transform:scale(1.08);
}
.hermes-solo-visual--month-clean:hover img,
.hermes-solo-visual--month-clean:focus-within img{
  transform:translateY(-2px) scale(1.03);
  filter:drop-shadow(0 0 26px rgba(255,220,132,.38)) drop-shadow(0 0 58px rgba(255,156,72,.26));
}
@media (min-width: 861px){
  .month-hero-compact{
    grid-template-columns:minmax(0,1fr) minmax(190px,270px) !important;
    gap:24px !important;
  }
}
@media (max-width: 860px){
  .month-hero-agent{
    justify-self:center;
    margin-top:0;
  }
  .hermes-solo-visual--month-clean{
    width:min(50vw, 170px);
  }
}
@media (max-width: 720px){
  .page-agent-card{
    display:none !important;
  }
  .month-hero-compact{
    gap:10px !important;
  }
  .month-hero-agent{
    align-items:flex-start;
  }
  .hermes-solo-visual--month,
  .hermes-solo-visual--month-clean{
    width:min(42vw, 150px) !important;
  }
  .hermes-solo-visual--month-clean .hermes-solo-visual__orb{
    padding:2px 0 0;
  }
  .hermes-solo-visual--month-clean .hermes-solo-visual__orb::before{
    inset:12% 14%;
    filter:blur(14px);
    opacity:.46;
  }
  .hermes-solo-visual--month-clean .hermes-solo-visual__orb::after{
    inset:auto 18% 3%;
    height:14px;
    filter:blur(10px);
    opacity:.34;
  }
}

/* ===== V7.8 agentes livres ===== */
.hermes-ranking {
  display: block;
}

.hermes-ranking-free {
  display: grid;
  gap: 22px;
}

.hermes-ranking-free__intro {
  max-width: 860px;
  padding: 0 2px;
}

.hermes-ranking-free__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(0, 224, 164, 0.1);
  border: 1px solid rgba(0, 224, 164, 0.18);
  color: #9af3cf;
  font-size: .82rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.hermes-ranking-free__intro h3 {
  margin: 0 0 10px;
  font-size: clamp(1.45rem, 2vw, 2rem);
}

.hermes-ranking-free__intro p {
  margin: 0;
  color: rgba(223,255,245,.78);
  line-height: 1.7;
}

.hermes-ranking-free__stage {
  position: relative;
  min-height: 780px;
  border-radius: 34px;
  border: 1px solid rgba(0, 224, 164, 0.14);
  background:
    radial-gradient(circle at 50% 50%, rgba(255, 213, 121, 0.12), transparent 18%),
    radial-gradient(circle at 50% 50%, rgba(0, 224, 164, 0.08), transparent 48%),
    linear-gradient(180deg, rgba(4, 24, 20, 0.72), rgba(2, 12, 10, 0.94));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 24px 70px rgba(0,0,0,.24);
  overflow: hidden;
  isolation: isolate;
}

.hermes-ranking-free__stage::before,
.hermes-ranking-free__stage::after {
  content: "";
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  pointer-events: none;
}

.hermes-ranking-free__stage::before {
  width: 72%;
  height: 72%;
  border: 1px solid rgba(255, 213, 121, 0.12);
  box-shadow: 0 0 0 24px rgba(255, 213, 121, 0.04), 0 0 0 58px rgba(0, 224, 164, 0.03);
}

.hermes-ranking-free__stage::after {
  width: 86%;
  height: 46%;
  border: 1px solid rgba(0, 224, 164, 0.1);
}

.hermes-ranking-free__core {
  position: absolute;
  inset: 50% auto auto 50%;
  width: 220px;
  height: 220px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background:
    radial-gradient(circle at 50% 50%, rgba(255, 213, 121, 0.28), rgba(255, 213, 121, 0.08) 34%, rgba(0, 0, 0, 0) 68%),
    radial-gradient(circle at 50% 50%, rgba(0, 224, 164, 0.12), transparent 72%);
  box-shadow: 0 0 48px rgba(255, 213, 121, 0.16), 0 0 120px rgba(0, 224, 164, 0.08);
  pointer-events: none;
}

.hermes-free-agent {
  --free-accent: rgba(0,224,164,.28);
  position: absolute;
  width: 220px;
  z-index: 2;
}

.hermes-free-agent[data-free-pos="top-left"] { top: 7%; left: 11%; }
.hermes-free-agent[data-free-pos="top-right"] { top: 8%; right: 12%; }
.hermes-free-agent[data-free-pos="right-mid"] { top: 37%; right: 4%; }
.hermes-free-agent[data-free-pos="left-mid"] { top: 39%; left: 4%; }
.hermes-free-agent[data-free-pos="bottom-left"] { bottom: 8%; left: 14%; }
.hermes-free-agent[data-free-pos="bottom-right"] { bottom: 9%; right: 13%; }

.hermes-free-agent__button {
  width: 100%;
  display: grid;
  justify-items: center;
  gap: 8px;
  padding: 0;
  background: transparent;
  border: 0;
  color: #fff;
  text-align: center;
  cursor: pointer;
}

.hermes-free-agent__score {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 12px;
  min-height: 34px;
  border-radius: 999px;
  background: rgba(10, 24, 20, 0.88);
  border: 1px solid rgba(255, 213, 121, 0.2);
  color: #ffd98d;
  font-size: .82rem;
  font-weight: 900;
  letter-spacing: .02em;
  box-shadow: 0 10px 22px rgba(0,0,0,.18);
}

.hermes-free-agent__avatar-wrap {
  position: relative;
  width: 118px;
  height: 118px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: radial-gradient(circle at 50% 50%, rgba(0,224,164,.12), rgba(0,0,0,0) 66%);
  transition: transform .34s ease, filter .34s ease;
}

.hermes-free-agent__avatar-wrap::before {
  content: "";
  position: absolute;
  inset: 8px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 0 0 10px rgba(0,224,164,.03), 0 0 26px rgba(255,213,121,.12);
}

.hermes-free-agent__avatar {
  width: 92px;
  height: 92px;
  object-fit: contain;
  filter: drop-shadow(0 0 16px rgba(0,224,164,.18));
  animation: freeAgentFloat 6.8s ease-in-out infinite;
}

.hermes-free-agent__name {
  display: block;
  font-size: 1.04rem;
  font-weight: 900;
  text-shadow: 0 6px 14px rgba(0,0,0,.45);
}

.hermes-free-agent__label {
  display: block;
  color: rgba(223,255,245,.72);
  font-size: .9rem;
}

.hermes-free-agent__panel {
  position: absolute;
  top: 52%;
  left: calc(100% + 18px);
  width: 260px;
  padding: 16px 18px;
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(6, 22, 18, 0.96), rgba(4, 14, 12, 0.98));
  border: 1px solid rgba(0, 224, 164, 0.16);
  box-shadow: 0 22px 40px rgba(0,0,0,.28);
  transform: translateY(-50%) scale(.96);
  opacity: 0;
  pointer-events: none;
  transition: opacity .28s ease, transform .28s ease;
}

.hermes-free-agent__panel::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -10px;
  width: 18px;
  height: 18px;
  transform: translateY(-50%) rotate(45deg);
  background: rgba(6, 22, 18, 0.98);
  border-left: 1px solid rgba(0, 224, 164, 0.16);
  border-bottom: 1px solid rgba(0, 224, 164, 0.16);
}

.hermes-free-agent[data-free-pos="top-right"] .hermes-free-agent__panel,
.hermes-free-agent[data-free-pos="right-mid"] .hermes-free-agent__panel,
.hermes-free-agent[data-free-pos="bottom-right"] .hermes-free-agent__panel {
  left: auto;
  right: calc(100% + 18px);
}

.hermes-free-agent[data-free-pos="top-right"] .hermes-free-agent__panel::before,
.hermes-free-agent[data-free-pos="right-mid"] .hermes-free-agent__panel::before,
.hermes-free-agent[data-free-pos="bottom-right"] .hermes-free-agent__panel::before {
  left: auto;
  right: -10px;
  border-left: 0;
  border-bottom: 0;
  border-right: 1px solid rgba(0, 224, 164, 0.16);
  border-top: 1px solid rgba(0, 224, 164, 0.16);
}

.hermes-free-agent__panel-kicker {
  display: inline-flex;
  margin-bottom: 8px;
  color: #9af3cf;
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.hermes-free-agent__panel-title {
  display: block;
  margin-bottom: 8px;
  font-size: 1rem;
  color: #fff;
}

.hermes-free-agent__panel-text,
.hermes-free-agent__panel-meta {
  margin: 0;
  color: rgba(223,255,245,.76);
  line-height: 1.55;
}

.hermes-free-agent__panel-meta {
  display: block;
  margin-top: 10px;
  color: rgba(223,255,245,.58);
  font-size: .84rem;
}

.hermes-free-agent:hover,
.hermes-free-agent:focus-within {
  z-index: 5;
}

.hermes-free-agent:hover .hermes-free-agent__avatar-wrap,
.hermes-free-agent:focus-within .hermes-free-agent__avatar-wrap {
  transform: translateY(-6px) scale(1.06);
  filter: drop-shadow(0 0 22px rgba(255,213,121,.24));
}

.hermes-free-agent:hover .hermes-free-agent__panel,
.hermes-free-agent:focus-within .hermes-free-agent__panel {
  opacity: 1;
  transform: translateY(-50%) scale(1);
}

.hermes-free-agent:hover .hermes-free-agent__avatar,
.hermes-free-agent:focus-within .hermes-free-agent__avatar {
  filter: drop-shadow(0 0 22px rgba(255,213,121,.35)) drop-shadow(0 0 34px rgba(0,224,164,.16));
}

.hermes-free-agent[data-rank-key="ai"] { --free-accent: rgba(80, 245, 255, .28); }
.hermes-free-agent[data-rank-key="games"] { --free-accent: rgba(196, 118, 255, .24); }
.hermes-free-agent[data-rank-key="hardware"] { --free-accent: rgba(255, 170, 74, .26); }
.hermes-free-agent[data-rank-key="market"] { --free-accent: rgba(164, 255, 130, .22); }
.hermes-free-agent[data-rank-key="tech"] { --free-accent: rgba(108, 136, 255, .24); }
.hermes-free-agent[data-rank-key="security"] { --free-accent: rgba(255, 98, 98, .22); }

.hermes-free-agent[data-rank-key] .hermes-free-agent__avatar-wrap {
  background: radial-gradient(circle at 50% 50%, var(--free-accent), rgba(0,0,0,0) 66%);
}

.hermes-free-agent[data-rank-key="games"] .hermes-free-agent__avatar { animation-duration: 5.8s; }
.hermes-free-agent[data-rank-key="market"] .hermes-free-agent__avatar { animation-duration: 6.3s; }
.hermes-free-agent[data-rank-key="tech"] .hermes-free-agent__avatar { animation-duration: 5.5s; }
.hermes-free-agent[data-rank-key="security"] .hermes-free-agent__avatar { animation-duration: 6.1s; }

@keyframes freeAgentFloat {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-7px) scale(1.02); }
}

@media (max-width: 1180px) {
  .hermes-ranking-free__stage {
    min-height: auto;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    padding: 24px 18px;
  }

  .hermes-ranking-free__core,
  .hermes-ranking-free__stage::before,
  .hermes-ranking-free__stage::after {
    display: none;
  }

  .hermes-free-agent {
    position: relative;
    inset: auto !important;
    width: 100%;
    padding: 14px;
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(6, 22, 18, 0.92), rgba(4, 14, 12, 0.98));
    border: 1px solid rgba(0, 224, 164, 0.14);
  }

  .hermes-free-agent__panel {
    position: static;
    width: 100%;
    margin-top: 12px;
    transform: none;
    opacity: 1;
    background: rgba(0,0,0,.14);
    box-shadow: none;
    pointer-events: auto;
  }

  .hermes-free-agent__panel::before {
    display: none;
  }
}

@media (max-width: 680px) {
  .hermes-ranking-free__stage {
    grid-template-columns: 1fr;
  }

  .hermes-free-agent__button {
    justify-items: start;
    text-align: left;
  }

  .hermes-free-agent__avatar-wrap {
    width: 96px;
    height: 96px;
  }

  .hermes-free-agent__avatar {
    width: 76px;
    height: 76px;
  }
}


/* ===== V7.8.1 mobile clean: remove agentes on phones ===== */
@media (max-width: 860px) {
  .hermes-ranking,
  .hermes-ranking-free,
  .hermes-ranking-free__stage,
  .hermes-ranking-free__intro,
  .hermes-ranking-free__core,
  .hermes-free-agent,
  .special-technetgame {
    display: none !important;
  }
}