html {
  scroll-padding-top: var(--header-height-mobile);
}

.hero--corporate .hero-overlay {
  background:
    radial-gradient(circle at 10% 0, rgba(245, 180, 92, 0.18), transparent 55%),
    radial-gradient(circle at 90% 100%, rgba(15, 59, 47, 0.9), transparent 60%),
    linear-gradient(135deg, rgba(5, 9, 8, 0.96), rgba(5, 9, 8, 0.92));
}

.hero--corporate .hero-bg img {
  filter: saturate(1.15) contrast(1.08) brightness(0.7);
}

.section-header h2 {
  color: var(--color-highlight);
}

.section-header .lead {
  color: var(--color-text-soft);
}

.section--scenarios {
  position: relative;
}

.section--scenarios::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 0 0, rgba(245, 180, 92, 0.08), transparent 55%);
  pointer-events: none;
}

.section--benefits {
  position: relative;
}

.section--benefits::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 100% 100%, rgba(15, 59, 47, 0.7), transparent 55%);
  pointer-events: none;
}

.section--packages {
  position: relative;
}

.section--packages::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 50% 0, rgba(245, 180, 92, 0.06), transparent 60%);
  pointer-events: none;
}

.section--cta {
  padding-bottom: var(--space-4xl);
}

.card--scenario .scenario-list li + li,
.card--package .package-list li + li {
  margin-top: var(--space-sm);
}

.card--scenario h4,
.card--package h4 {
  font-size: var(--font-size-md);
  margin-bottom: var(--space-2xs);
  color: var(--color-highlight);
}

.card--scenario p,
.card--package p {
  font-size: var(--font-size-sm);
  color: var(--color-text-soft);
}

.benefits-grid .card--benefit {
  padding: var(--space-lg);
}

.benefits-grid .card-title {
  font-size: var(--font-size-lg);
  margin-bottom: var(--space-xs);
}

.benefits-grid .card-body {
  font-size: var(--font-size-sm);
}

.card--package {
  position: relative;
  transition: transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);
}

.card--package-featured {
  box-shadow: var(--shadow-hard);
  border-color: var(--color-accent-gold);
}

.card--package:hover {
  transform: translateY(-4px);
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.9);
  border-color: rgba(245, 180, 92, 0.8);
}

.card--cta {
  position: relative;
  overflow: visible;
}

.card--cta::after {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  background: radial-gradient(circle at 0 0, rgba(245, 180, 92, 0.2), transparent 55%);
  opacity: 0.4;
  z-index: -1;
}

.cta-form {
  margin-top: var(--space-lg);
}

.cta-form .form-actions {
  margin-top: var(--space-md);
}

.btn-package {
  margin-top: var(--space-md);
}

.btn,
.btn-full,
.btn-full-mobile {
  max-width: 100%;
}

.hero-ctas .btn,
.card-footer .btn,
.form-actions .btn {
  transition: transform var(--transition-fast), box-shadow var(--transition-base), background var(--transition-base), border-color var(--transition-base);
}

.hero-ctas .btn:hover,
.card-footer .btn:hover,
.form-actions .btn:hover {
  transform: translateY(-2px);
}

.hero-ctas .btn:active,
.card-footer .btn:active,
.form-actions .btn:active {
  transform: translateY(0);
}

.hero-panel,
.card,
.media-wrapper {
  opacity: 0;
  transform: translateY(16px);
  transition: opacity var(--transition-slow), transform var(--transition-slow);
}

.hero-panel.is-visible,
.card.is-visible,
.media-wrapper.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.hero-side-floating {
  animation: floatGlow 6s ease-in-out infinite;
}

@keyframes floatGlow {
  0% {
    transform: translate3d(0, 0, 0);
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.9);
  }
  50% {
    transform: translate3d(0, -6px, 0);
    box-shadow: 0 26px 70px rgba(0, 0, 0, 1);
  }
  100% {
    transform: translate3d(0, 0, 0);
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.9);
  }
}

.hero-trust-item {
  min-width: 0;
}

.grid > .content-col,
.grid > .media-col {
  min-width: 0;
}

.order-media {
  order: 1;
}

@media (max-width: 991px) {
  .section--cta {
    padding-bottom: var(--space-3xl);
  }
}

@media (max-width: 767px) {
  html {
    scroll-padding-top: var(--header-height-mobile);
  }
  .hero-ctas .btn,
  .card-footer .btn,
  .form-actions .btn {
    width: 100%;
  }
  .order-media {
    order: 0;
  }
}

@media (max-width: 479px) {
  .benefits-grid .card--benefit {
    padding: var(--space-md);
  }
}