@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,700;1,400&family=Jost:wght@300;400;500;600&display=swap');
  .rb-wrap { font-family: 'Jost', sans-serif; padding: 60px 0 40px; }
  .rb-header { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 40px; flex-wrap: wrap; gap: 16px; }
  .rb-eyebrow { font-size: 0.6rem; font-weight: 600; letter-spacing: 0.35em; text-transform: uppercase; color: #B8860B; margin-bottom: 10px; }
  .rb-h2 { font-family: 'Playfair Display', Georgia, serif; font-size: clamp(1.8rem,4vw,2.8rem); font-weight: 700; line-height: 1.05; color: var(--color-text-primary); margin: 0; }
  .rb-h2 em { font-style: italic; color: #B8860B; }
  .rb-tagline { font-size: 0.82rem; color: var(--color-text-secondary); max-width: 200px; text-align: right; line-height: 1.6; }
  .rb-bento { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: auto auto; gap: 10px; }
  .rb-tile { background: var(--color-background-primary); border: 0.5px solid var(--color-border-tertiary); border-radius: 0; padding: 28px 24px; position: relative; overflow: hidden; transition: border-color 0.3s; }
  .rb-tile:hover { border-color: #B8860B; }
  .rb-tile.wide { grid-column: span 2; }
  .rb-tile.tall { grid-row: span 2; }
  .rb-tile.dark { background: #1A1A1A; border-color: #1A1A1A; }
  .rb-tile.gold { background: #B8860B; border-color: #B8860B; }
  .rb-tile-tag { font-size: 0.55rem; font-weight: 600; letter-spacing: 0.28em; text-transform: uppercase; color: #B8860B; margin-bottom: 20px; display: block; }
  .rb-tile.dark .rb-tile-tag { color: rgba(212,160,23,0.8); }
  .rb-tile.gold .rb-tile-tag { color: rgba(255,255,255,0.7); }
  .rb-tile-icon { font-size: 22px; color: #B8860B; margin-bottom: 14px; display: block; }
  .rb-tile.dark .rb-tile-icon { color: #D4A017; }
  .rb-tile.gold .rb-tile-icon { color: rgba(255,255,255,0.9); }
  .rb-tile-name { font-family: 'Playfair Display', Georgia, serif; font-size: 1.1rem; font-weight: 700; color: var(--color-text-primary); line-height: 1.2; margin-bottom: 10px; }
  .rb-tile.dark .rb-tile-name { color: #F5E6B8; }
  .rb-tile.gold .rb-tile-name { color: #fff; }
  .rb-tile-desc { font-size: 0.75rem; color: var(--color-text-secondary); line-height: 1.7; }
  .rb-tile.dark .rb-tile-desc { color: rgba(245,230,184,0.55); }
  .rb-tile.gold .rb-tile-desc { color: rgba(255,255,255,0.75); }
  .rb-dots { display: flex; flex-direction: column; gap: 7px; margin-top: 14px; }
  .rb-dot { display: flex; align-items: flex-start; gap: 8px; font-size: 0.72rem; color: var(--color-text-secondary); line-height: 1.5; }
  .rb-tile.dark .rb-dot { color: rgba(245,230,184,0.5); }
  .rb-tile.gold .rb-dot { color: rgba(255,255,255,0.7); }
  .rb-dot-pip { width: 4px; height: 4px; min-width: 4px; background: #B8860B; margin-top: 6px; }
  .rb-tile.dark .rb-dot-pip { background: #D4A017; }
  .rb-tile.gold .rb-dot-pip { background: rgba(255,255,255,0.6); }
  .rb-corner-num { position: absolute; bottom: 18px; right: 20px; font-family: 'Playfair Display', Georgia, serif; font-size: 3.5rem; font-weight: 700; line-height: 1; color: rgba(184, 135, 11, 0.397); pointer-events: none; }
  .rb-tile.dark .rb-corner-num { color: rgba(212,160,23,0.12); }
  .rb-tile.gold .rb-corner-num { color: rgba(255,255,255,0.1); }
  .rb-stat-row { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin-top: 10px; }
  .rb-stat-tile { background: var(--color-background-secondary); border: 0.5px solid var(--color-border-tertiary); padding: 20px 16px; text-align: center; }
  .rb-stat-num { font-family: 'Playfair Display', Georgia, serif; font-size: 1.8rem; font-weight: 700; color: #B8860B; display: block; line-height: 1; }
  .rb-stat-lbl { font-size: 0.6rem; font-weight: 500; letter-spacing: 0.2em; text-transform: uppercase; color: var(--color-text-secondary); display: block; margin-top: 5px; }
  .rb-badge { display: inline-flex; align-items: center; gap: 6px; background: rgba(184,134,11,0.1); border: 0.5px solid rgba(184,134,11,0.35); padding: 5px 12px; margin-top: 18px; }
  .rb-badge span { font-size: 0.6rem; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; color: #B8860B; }
  .rb-badge-dot { width: 5px; height: 5px; background: #B8860B; border-radius: 50%; animation: blink 2s ease-in-out infinite; }
  @keyframes blink { 0%,100%{opacity:1} 50%{opacity:0.3} }
  @media (max-width: 680px) {
    .rb-bento { grid-template-columns: 1fr 1fr; }
    .rb-tile.tall { grid-row: span 1; }
    .rb-tile.wide { grid-column: span 2; }
    .rb-tagline { display: none; }
    .rb-stat-row { grid-template-columns: repeat(3,1fr); }
  }
  @media (max-width: 880px) {
    .rb-bento { grid-template-columns: 1fr; }
    .rb-tile.wide { grid-column: span 1; }
  }

  a{
    text-decoration: none;
    color: inherit;
}