.feature-detail-card {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 4rem;
      align-items: center;
      padding: 4rem 0;
      border-bottom: 1px solid var(--border);
    }
    .feature-detail-card:last-child { border-bottom: none; }
    .feature-detail-card.reverse { direction: rtl; }
    .feature-detail-card.reverse > * { direction: ltr; }
    .feature-visual {
      background: var(--surface);
      border: 1px solid var(--border);
      border-radius: var(--r-lg);
      padding: 2rem;
      min-height: 280px;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      overflow: hidden;
    }
    .feature-visual::before {
      content: '';
      position: absolute;
      inset: 0;
      background: radial-gradient(ellipse at 30% 50%, rgba(16,185,129,0.06), transparent 60%);
    }
    .tech-pill-row {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 1.5rem;
    }
    .tech-pill {
      padding: 5px 14px;
      background: var(--surface-2);
      border: 1px solid var(--border);
      border-radius: 100px;
      font-size: 0.78rem;
      font-weight: 600;
      color: var(--text-mid);
      font-family: var(--font-mono);
    }
    .comparison-table {
      width: 100%;
      border-collapse: collapse;
      margin-top: 2rem;
    }
    .comparison-table th {
      text-align: left;
      padding: 14px 20px;
      font-size: 0.78rem;
      font-weight: 700;
      letter-spacing: 1px;
      text-transform: uppercase;
      color: var(--text-dim);
      border-bottom: 1px solid var(--border);
    }
    .comparison-table td {
      padding: 14px 20px;
      font-size: 0.88rem;
      border-bottom: 1px solid var(--border);
      color: var(--text-mid);
    }
    .comparison-table tr:hover td { background: rgba(255,255,255,0.02); }
    .comparison-table .check { color: var(--emerald); font-size: 1rem; }
    .comparison-table .cross { color: var(--crimson); font-size: 0.9rem; }
    .comparison-table .col-jemma td { color: var(--text); font-weight: 600; }
    @media (max-width: 900px) {
      .feature-detail-card { grid-template-columns: 1fr; gap: 2rem; }
      .feature-detail-card.reverse { direction: ltr; }
    }