/* Global Styles */
body {
  box-sizing: border-box;
}

* {
  box-sizing: border-box;
}

html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: "Lato", sans-serif;
}

h1,
h2,
h3,
h4 {
  font-family: "Oswald", sans-serif;
}

/* Links */
a {
  color: inherit;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/* Gradient Background */
.gradient-bg {
  background: linear-gradient(135deg, #0891b2 0%, #06b6d4 100%);
  position: relative;
  overflow: hidden;
}

/* Mountain Background */
.mountain-bg {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  opacity: 0.15;
  width: 100%;
}

.logo {
  width: 120px;
}

/* Feature Card */
.feature-card {
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}

.feature-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 40px rgba(8, 145, 178, 0.2);
}

/* CTA Button */
.cta-button {
  transition: all 0.3s ease;
  cursor: pointer;
}

.cta-button:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 30px rgba(6, 182, 212, 0.4);
}

/* Pricing Card */
.pricing-card {
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}

.pricing-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 40px rgba(8, 145, 178, 0.25);
}

/* Pricing Button */
.pricing-button {
  transition: all 0.3s ease;
  cursor: pointer;
}

.pricing-button:hover {
  transform: scale(1.02);
  box-shadow: 0 8px 20px rgba(8, 145, 178, 0.3);
}

/* Primary Pricing Button */
.pricing-button-primary {
  transition: all 0.3s ease;
  cursor: pointer;
}

.pricing-button-primary:hover {
  transform: scale(1.02);
  box-shadow: 0 10px 30px rgba(6, 182, 212, 0.4);
}

/* Popular Badge */
.popular-badge {
  background: linear-gradient(135deg, #0891b2 0%, #06b6d4 100%);
}

/* View Transition */
@view-transition {
  navigation: auto;
}