/* ThriveOn Professional - Page Styles */

/* Hero Section */
.hero {
  padding: var(--space-4xl) 0;
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
  color: white;
  text-align: center;
}

.hero h1 {
  color: white;
  margin-bottom: var(--space-lg);
  line-height: 1.2;
}

.hero p {
  font-size: var(--font-size-lg);
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: var(--space-2xl);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.hero-buttons {
  display: flex;
  gap: var(--space-lg);
  justify-content: center;
  flex-wrap: wrap;
}

/* Feature Grid */
.feature-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: var(--space-2xl);
}

.feature-item {
  text-align: left;
}

.feature-icon {
  width: 48px;
  height: 48px;
  background-color: rgba(6, 182, 212, 0.1);
  border-radius: var(--radius-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--space-lg);
  font-size: var(--font-size-2xl);
}

.feature-item h3 {
  font-size: var(--font-size-lg);
  margin-bottom: var(--space-sm);
}

.feature-item p {
  color: var(--color-tertiary);
  font-size: var(--font-size-sm);
}

/* Stat Section */
.stats-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: var(--space-2xl);
  text-align: center;
}

.stat-item h3 {
  font-size: var(--font-size-3xl);
  color: var(--color-accent);
  margin-bottom: var(--space-sm);
}

.stat-item p {
  color: var(--color-tertiary);
  font-size: var(--font-size-sm);
}

/* Testimonials */
.testimonial {
  background-color: white;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: var(--space-2xl);
  text-align: center;
}

.testimonial-text {
  font-size: var(--font-size-lg);
  margin-bottom: var(--space-lg);
  color: var(--color-primary);
  font-style: italic;
}

.testimonial-author {
  font-weight: var(--font-weight-semibold);
  color: var(--color-primary);
}

.testimonial-role {
  color: var(--color-tertiary);
  font-size: var(--font-size-sm);
}

/* CTA Section */
.cta-section {
  background: linear-gradient(135deg, #0f172a 0%, #0891b2 100%);
  color: white;
  padding: var(--space-4xl) 0;
  text-align: center;
  border-radius: var(--radius-2xl);
}

.cta-section h2 {
  color: white;
  margin-bottom: var(--space-lg);
}

.cta-section p {
  color: rgba(255, 255, 255, 0.9);
  font-size: var(--font-size-lg);
  margin-bottom: var(--space-2xl);
}

/* Table */
.table-responsive {
  overflow-x: auto;
  margin: var(--space-2xl) 0;
}

table {
  width: 100%;
  border-collapse: collapse;
  margin: var(--space-lg) 0;
}

th {
  background-color: var(--color-light);
  padding: var(--space-md);
  text-align: left;
  font-weight: var(--font-weight-semibold);
  border-bottom: 2px solid var(--color-border);
}

td {
  padding: var(--space-md);
  border-bottom: 1px solid var(--color-border);
}

tr:hover {
  background-color: var(--color-light);
}

/* Lists */
.list-check {
  list-style: none;
}

.list-check li {
  padding-left: var(--space-2xl);
  position: relative;
  margin-bottom: var(--space-sm);
}

.list-check li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: var(--color-success);
  font-weight: bold;
}

/* Code Block */
.code-block {
  background-color: #1a1a1a;
  color: #e0e0e0;
  padding: var(--space-lg);
  border-radius: var(--radius-md);
  overflow-x: auto;
  margin: var(--space-lg) 0;
  font-family: var(--font-family-mono);
  font-size: var(--font-size-sm);
  line-height: 1.6;
}

/* Pricing Cards */
.pricing-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: var(--space-2xl);
  margin: var(--space-2xl) 0;
}

.pricing-card {
  background-color: white;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: var(--space-2xl);
  text-align: center;
  transition: all var(--transition-base);
}

.pricing-card.featured {
  border: 2px solid var(--color-accent);
  box-shadow: var(--shadow-lg);
  transform: scale(1.05);
}

.pricing-card h3 {
  margin-bottom: var(--space-lg);
}

.pricing-price {
  font-size: var(--font-size-4xl);
  font-weight: var(--font-weight-bold);
  color: var(--color-accent);
  margin-bottom: var(--space-sm);
}

.pricing-period {
  color: var(--color-tertiary);
  margin-bottom: var(--space-2xl);
}

.pricing-features {
  list-style: none;
  margin-bottom: var(--space-2xl);
  text-align: left;
}

.pricing-features li {
  padding: var(--space-sm) 0;
  border-bottom: 1px solid var(--color-border);
}

/* Timeline */
.timeline {
  position: relative;
  padding-left: var(--space-2xl);
}

.timeline::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 2px;
  background: var(--color-accent);
}

.timeline-item {
  margin-bottom: var(--space-2xl);
  position: relative;
}

.timeline-item::before {
  content: "";
  position: absolute;
  left: -var(--space-lg);
  top: 2px;
  width: 12px;
  height: 12px;
  background: var(--color-accent);
  border-radius: 50%;
  border: 3px solid white;
  box-shadow: 0 0 0 2px var(--color-accent);
}

.timeline-date {
  font-weight: var(--font-weight-semibold);
  color: var(--color-accent);
  margin-bottom: var(--space-sm);
}

/* Two Column Layout */
.two-column {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-3xl);
  align-items: center;
}

@media (max-width: 768px) {
  .two-column {
    grid-template-columns: 1fr;
    gap: var(--space-2xl);
  }
}

/* Image */
.image-container {
  position: relative;
  width: 100%;
}

.image-container img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
}

/* Cards Grid */
.cards-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: var(--space-2xl);
}

.card-image {
  width: 100%;
  height: 200px;
  background: linear-gradient(135deg, #0f172a 0%, #0891b2 100%);
  border-radius: var(--radius-lg) var(--radius-lg) 0 0;
  overflow: hidden;
}

.card-content {
  padding: var(--space-lg);
}

.card-content h3 {
  margin-bottom: var(--space-sm);
}

.card-content p {
  color: var(--color-tertiary);
  font-size: var(--font-size-sm);
}

/* Divider */
.divider {
  height: 1px;
  background-color: var(--color-border);
  margin: var(--space-2xl) 0;
}

/* Breadcrumb */
.breadcrumb {
  display: flex;
  list-style: none;
  gap: var(--space-sm);
  margin: var(--space-lg) 0;
  font-size: var(--font-size-sm);
}

.breadcrumb a {
  color: var(--color-accent);
}

.breadcrumb li::after {
  content: "/";
  margin-left: var(--space-sm);
  color: var(--color-tertiary);
}

.breadcrumb li:last-child::after {
  content: "";
}

.breadcrumb li:last-child {
  color: var(--color-tertiary);
}

/* Responsive */
@media (max-width: 768px) {
  .hero {
    padding: var(--space-2xl) 0;
  }
  
  .hero h1 {
    font-size: var(--font-size-3xl);
  }
  
  .stats-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

.resource-search-card {
  background: var(--color-light);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: var(--space-xl);
}

.search-result-list {
  display: grid;
  gap: var(--space-sm);
}

.search-result-list a {
  display: block;
  background: #fff;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  padding: var(--space-sm) var(--space-md);
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
}

.search-result-list a:hover {
  color: var(--color-accent);
  border-color: var(--color-accent);
}


/* Final consistency fixes */
.site-header.unified-header{background:#fff;border-bottom:1px solid rgba(15,23,42,.08);position:sticky;top:0;z-index:1000;box-shadow:0 8px 24px rgba(15,23,42,.04)}
.site-nav{display:flex;align-items:center;justify-content:space-between;gap:2rem;min-height:86px}
.nav-logo,.footer-logo{display:flex;align-items:center;gap:.7rem;text-decoration:none;font-weight:800;color:#0b1f3a}
.nav-logo img{width:42px;height:42px;object-fit:contain}.footer-logo img{width:40px;height:40px;object-fit:contain}
.nav-links{display:flex;align-items:center;gap:1.7rem;list-style:none;margin:0;padding:0}.nav-links a{color:#0b1f3a;text-decoration:none;font-weight:700;font-size:.96rem}.nav-links a:hover{color:#c41e3a}.nav-actions{display:flex;align-items:center;gap:.75rem}.nav-item{position:relative}.dropdown-menu{position:absolute;top:100%;left:0;min-width:190px;background:#fff;border:1px solid rgba(15,23,42,.10);box-shadow:0 18px 40px rgba(15,23,42,.14);border-radius:14px;padding:.6rem;margin-top:.6rem;display:none;list-style:none;z-index:2000}.nav-item:hover>.dropdown-menu,.nav-item:focus-within>.dropdown-menu{display:block}.dropdown-menu li{margin:0}.dropdown-menu a{display:block;padding:.75rem .85rem;border-radius:10px;font-size:.92rem}.dropdown-menu a:hover{background:#f4f7fb}.menu-toggle{display:none}
.site-footer.unified-footer{background:#06101f;color:#d9e3f0;padding:4.5rem 0 2rem;margin-top:5rem}.footer-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr 1fr;gap:3rem}.footer-grid h4{color:#fff;margin:0 0 1rem;font-size:1rem}.footer-grid a{display:block;color:#d9e3f0;text-decoration:none;margin:.65rem 0}.footer-grid a:hover,.footer-bottom-links a:hover{color:#fff}.footer-brand p{max-width:280px;color:#c5d2e3}.footer-note{font-weight:700;color:#fff!important}.footer-bottom{border-top:1px solid rgba(255,255,255,.14);margin-top:3rem;padding-top:1.5rem;display:flex;justify-content:space-between;gap:1rem;align-items:center}.footer-bottom-links{display:flex;gap:1.25rem}.footer-bottom-links a{color:#d9e3f0;text-decoration:none;font-weight:700}.human-touch-grid,.split-panel{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.human-touch-images{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.human-touch-images img,.split-panel img{width:100%;border-radius:24px;box-shadow:0 22px 50px rgba(15,23,42,.14);object-fit:cover}.human-touch-images img{height:280px}.split-panel img{max-height:460px}.split-panel.reverse{grid-template-columns:1fr 1fr}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#c41e3a;font-weight:800;font-size:.82rem}.mini-stat-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.mini-stat-row span{background:#f8fafc;border:1px solid rgba(15,23,42,.08);border-left:3px solid #c41e3a;border-radius:999px;padding:.65rem .9rem;font-weight:800;color:#0b1f3a}.about-human-office,.solution-human-panel,.capability-image-panel,.human-touch-band{background:#fff}.btn-primary,.btn-accent{background:#0b1f3a!important;border-color:#0b1f3a!important}.btn-primary:hover,.btn-accent:hover{background:#c41e3a!important;border-color:#c41e3a!important}
@media(max-width:900px){.site-nav{min-height:72px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;left:1rem;right:1rem;top:72px;background:#fff;border:1px solid rgba(15,23,42,.10);border-radius:16px;box-shadow:0 18px 40px rgba(15,23,42,.14);padding:1rem;align-items:stretch;flex-direction:column}.nav-links.open{display:flex}.dropdown-menu{position:static;display:block;box-shadow:none;border:0;margin:.25rem 0 0;padding:.25rem;background:#f8fafc}.nav-actions{display:none}.footer-grid,.human-touch-grid,.split-panel,.split-panel.reverse{grid-template-columns:1fr}.footer-bottom{flex-direction:column;align-items:flex-start}.human-touch-images{grid-template-columns:1fr}.human-touch-images img{height:auto}}

/* FINAL OVERRIDE: home human-touch section must use one clear banner only */
.human-touch-band{background:#fff!important;padding:84px 0!important;}
.human-touch-single-wrap{max-width:1120px;margin:0 auto;display:grid!important;grid-template-columns:1fr!important;gap:34px!important;align-items:center!important;}
.human-touch-single-wrap .human-touch-copy-centered{max-width:760px!important;margin:0 auto!important;text-align:center!important;}
.human-touch-single-wrap .human-touch-copy-centered h2{font-size:clamp(32px,4vw,52px)!important;line-height:1.08!important;letter-spacing:-.035em!important;margin:0 0 18px!important;color:#071326!important;}
.human-touch-single-wrap .human-touch-copy-centered p:not(.eyebrow){font-size:18px!important;line-height:1.7!important;color:#465568!important;}
.healthcare-partner-banner-full{margin:0 auto!important;width:min(100%,1120px)!important;border-radius:28px!important;overflow:hidden!important;box-shadow:0 24px 70px rgba(15,23,42,.16)!important;background:#fff!important;}
.healthcare-partner-banner-full img{display:block!important;width:100%!important;height:auto!important;object-fit:contain!important;border-radius:0!important;box-shadow:none!important;}
.human-touch-band .human-touch-images,.human-touch-band .healthcare-partner-banner-figure{display:none!important;}


/* FINAL HOME BANNER FIX - single image only, no side-by-side old images */
.home-human-banner-section{background:#fff!important;padding:5.5rem 0 4rem!important;}
.home-human-banner-section .container-xl{max-width:1180px!important;margin:0 auto!important;padding:0 24px!important;}
.home-human-banner-copy{max-width:780px!important;margin:0 auto 2rem!important;text-align:center!important;}
.home-human-banner-copy h2{margin:.35rem 0 1rem!important;font-size:clamp(2rem,3.2vw,3.25rem)!important;line-height:1.08!important;color:#07152b!important;font-weight:800!important;}
.home-human-banner-copy p:not(.eyebrow){font-size:1.08rem!important;line-height:1.75!important;color:#475569!important;margin:0 auto!important;max-width:760px!important;}
.home-single-banner-card{margin:0 auto!important;width:min(100%,1120px)!important;border-radius:30px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 26px 70px rgba(15,23,42,.16)!important;border:1px solid rgba(15,23,42,.08)!important;}
.home-single-banner-card img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;border-radius:0!important;box-shadow:none!important;}
.home-human-banner-section .human-touch-images,.home-human-banner-section .healthcare-partner-banner-full,.home-human-banner-section .healthcare-partner-banner-figure{display:none!important;}
@media(max-width:760px){.home-human-banner-section{padding:3.75rem 0 3rem!important}.home-single-banner-card{border-radius:20px!important}.home-human-banner-copy{text-align:left!important}}


/* FINAL HOME BANNER FIX - only healthcare-partner-banner.jpg should appear */
.home-partner-banner-only{
  background:#ffffff!important;
  padding:72px 0 76px!important;
}
.home-partner-banner-only .container-xl{
  max-width:1180px!important;
}
.partner-banner-card{
  margin:0 auto!important;
  width:100%!important;
  max-width:1120px!important;
  border-radius:28px!important;
  overflow:hidden!important;
  background:#fff!important;
  box-shadow:0 28px 80px rgba(15,23,42,.16)!important;
  border:1px solid rgba(15,23,42,.08)!important;
}
.partner-banner-card img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  object-fit:contain!important;
}
.home-human-banner-section,
.home-human-banner-section .human-touch-images,
.home-human-banner-section .home-single-banner-card,
.home-human-banner-section .healthcare-partner-banner-full,
.home-human-banner-section .healthcare-partner-banner-figure{
  display:none!important;
}
@media(max-width:768px){
  .home-partner-banner-only{padding:42px 0!important;}
  .partner-banner-card{border-radius:18px!important;}
}