/* Cabinet Partners Landing Page — Dark Terminal Aesthetic */

/* Hero section spacing */
@media (max-width: 900px) {
  section:first-of-type > div {
    grid-template-columns: 1fr !important;
    gap: 48px !important;
  }
  section:first-of-type {
    padding: 120px 24px 80px !important;
  }
}

/* Problems section grid */
@media (max-width: 768px) {
  .problems-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Features alternating layout */
@media (max-width: 900px) {
  [style*="grid-template-columns:1fr 1fr"] {
    grid-template-columns: 1fr !important;
    gap: 40px !important;
  }
  [style*="order:1"] {
    order: 0 !important;
  }
}

/* Pricing table */
@media (max-width: 768px) {
  [style*="grid-template-columns:1.8fr 1fr 1fr 1fr"] {
    grid-template-columns: 1fr 1fr !important;
    font-size: 11px;
  }
}

/* General responsive fixes */
@media (max-width: 640px) {
  body { font-size: 15px; }
  section { padding-left: 24px !important; padding-right: 24px !important; }
  nav { padding: 16px 24px !important; }
}

/* Smooth transitions for interactive elements */
a:hover { opacity: 0.85; }
input:focus { border-color: var(--teal) !important; }

/* Dashboard mockup shadow on hover */
[style*="box-shadow:0 0 60px"] { transition: box-shadow 0.3s; }
[style*="box-shadow:0 0 60px"]:hover { box-shadow: 0 0 80px rgba(0,201,154,0.12), 0 30px 60px rgba(0,0,0,0.6); }

/* Table row hover */
[style*="display:grid;grid-template-columns:2fr"] > div:hover,
[style*="display:grid;grid-template-columns:2fr"] > div[style*="background:rgba"]:hover {
  background: rgba(0,201,154,0.06) !important;
}

/* Feature row hover */
[style*="display:grid;grid-template-columns:1.8fr"] > div:hover {
  background: var(--surface-2) !important;
}

/* CTA button glow */
[style*="background:var(--teal)"][style*="font-weight:800"] {
  box-shadow: 0 0 30px rgba(0,201,154,0.3);
}
[style*="background:var(--teal)"][style*="font-weight:800"]:hover {
  box-shadow: 0 0 40px rgba(0,201,154,0.5);
  transform: translateY(-1px);
}