/* Inner marketing pages (about, offer, solutions, plans, reports) */

.marketing-main {
  padding-top: 7.5rem;
}

@media (min-width: 768px) {
  .marketing-main {
    padding-top: 9rem;
  }
}

/* Slightly less top spacing below fixed header (about + plans) */
body[data-marketing-page="about"] .marketing-main,
body[data-marketing-page="plans"] .marketing-main {
  padding-top: 6.75rem;
}

@media (min-width: 768px) {
  body[data-marketing-page="about"] .marketing-main,
  body[data-marketing-page="plans"] .marketing-main {
    padding-top: 8rem;
  }
}

.nav-link--active {
  font-weight: 600;
  color: #000 !important;
}

.marketing-card {
  background-color: #f1ebeb;
  border: 1px solid rgba(73, 70, 70, 0.15);
  border-radius: 1rem;
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.08);
  padding: 2rem;
  transition: box-shadow 0.25s, transform 0.22s, background-color 0.25s;
}

.marketing-card:hover {
  background-color: #f1ebeb;
  box-shadow:
    0 12px 36px 0 rgba(0, 0, 0, 0.16),
    0 4px 14px 0 rgba(0, 0, 0, 0.1);
  transform: translateY(-4px);
}

.dark .marketing-card {
  background-color: #353333;
  border-color: #4b5563;
}

.dark .marketing-card:hover {
  background-color: #353333;
}

.marketing-card__icon {
  display: inline-flex;
  height: 2.5rem;
  width: 2.5rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  background-color: #ffffff;
  color: #494646;
  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
}

.dark .marketing-card__icon {
  background-color: #494646;
  color: #f1ebeb;
}

.marketing-card__icon svg {
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
}

/* Compact circled icon — solution tabs, inline labels */
.marketing-card__icon--sm {
  height: 1.75rem;
  width: 1.75rem;
}

.marketing-card__icon--sm svg,
.marketing-card__icon--sm i {
  height: 0.875rem;
  width: 0.875rem;
}

.solution-tab .marketing-card__icon {
  flex-shrink: 0;
}

@media (prefers-reduced-motion: reduce) {
  .marketing-card {
    transition: none;
  }

  .marketing-card:hover {
    transform: none;
  }
}

.marketing-card--elevated {
  background-color: #f1ebeb;
  padding: 1.5rem;
}

.dark .marketing-card--elevated {
  background-color: #353333;
}

/* Nested content — same surface, border only (no second shade) */
.marketing-card__inner {
  border: 1px solid rgba(73, 70, 70, 0.15);
  border-radius: 0.75rem;
  padding: 1rem;
  background-color: transparent;
}

.dark .marketing-card__inner {
  border-color: rgba(73, 70, 70, 0.45);
}

/* Solutions tabs */
.solution-tab {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  border-radius: 9999px;
  border: 2px solid #f1ebeb;
  background: #fff;
  color: #494646;
  padding: 0.5rem 1.25rem;
  font-weight: 600;
  transition: all 0.2s;
  cursor: pointer;
}

.dark .solution-tab {
  border-color: #374151;
  background: #000;
  color: #d1d5db;
}

.solution-tab--active {
  border-color: #494646;
  background: #f1ebeb;
  color: #000;
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
}

.dark .solution-tab--active {
  border-color: #9ca3af;
  background: #353333;
  color: #fff;
}

/* Product wheel */
#product-wheel-shell {
  display: flex;
  justify-content: center;
  overflow: visible;
  width: 100%;
}

#product-wheel-inner {
  position: relative;
  width: 900px;
  height: 900px;
  transform-origin: top center;
}

.product-wheel-label {
  position: absolute;
  width: 160px;
  text-align: center;
  font-size: 0.875rem;
  font-weight: 600;
  z-index: 4;
}

.product-wheel-svg {
  color: #000;
}

.dark .product-wheel-svg {
  color: #f1ebeb;
}

.product-wheel-center-fill {
  fill: #f1ebeb;
}

.dark .product-wheel-center-fill {
  fill: #353333;
}

.product-wheel-icon {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: 3px solid #494646;
  background: #fff;
  z-index: 3;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.dark .product-wheel-icon {
  border-color: #f1ebeb;
  background: #353333;
  color: #f1ebeb;
}

.product-wheel-icon svg {
  width: 1.75rem;
  height: 1.75rem;
}

/* Reports list */
.report-row {
  cursor: pointer;
  transition: box-shadow 0.2s;
}

.report-row:hover {
  box-shadow: 0 4px 12px rgb(0 0 0 / 0.12);
}

.report-row__icon {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  padding: 0.75rem;
  background-color: #ffffff;
  color: #494646;
}

.dark .report-row__icon {
  background-color: #494646;
  color: #f1ebeb;
}

.report-row__icon svg {
  display: block;
  width: 2.5rem;
  height: 2.5rem;
}

.report-row__excerpt {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.marketing-page-cta {
  display: inline-block;
  padding: 0.75rem 2rem;
  border-radius: 0.5rem;
  font-weight: 600;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  background-color: #f1ebeb;
  color: #494646;
  border: 1px solid #e5e7eb;
  text-decoration: none;
}

.marketing-page-cta:hover {
  background-color: #494646;
  color: #ffffff;
}

.dark .marketing-page-cta {
  background-color: #353333;
  color: #f1ebeb;
  border-color: #374151;
}

.dark .marketing-page-cta:hover {
  background-color: #494646;
  color: #f1ebeb;
}