html {
  	scroll-behavior: smooth;
  }

  body {
  	background: #fff;
  }

  .public-navbar {
  	background: rgba(255, 255, 255, .96);
  	backdrop-filter: blur(10px);
  }

  .hero-section {
  	min-height: 82vh;
  	display: flex;
  	align-items: center;
  	position: relative;
  	overflow: hidden;
  	background:
  		radial-gradient(circle at 80% 30%,
  			rgba(38, 166, 154, .14),
  			transparent 35%),
  		linear-gradient(135deg,
  			#f8fafc 0%,
  			#ffffff 55%,
  			#f2fbf9 100%);
  }

  .hero-title {
  	font-size: clamp(2.5rem, 5vw, 4.8rem);
  	line-height: 1.03;
  	letter-spacing: -.045em;
  }

  .hero-subtitle {
  	max-width: 720px;
  	font-size: 1.2rem;
  	line-height: 1.7;
  }

  .section-padding {
  	padding: 100px 0;
  }

  .section-light {
  	background: #f8fafc;
  }

  .section-soft {
  	background: #f2f8f7;
  }

  .section-title {
  	max-width: 760px;
  	margin-left: auto;
  	margin-right: auto;
  }

  .process-card,
  .treatment-card,
  .product-card,
  .info-card {
  	height: 100%;
  	border: 0;
  	border-radius: 1rem;
  	box-shadow:
  		0 10px 35px rgba(0, 0, 0, .06);
  }

  .process-number {
  	width: 48px;
  	height: 48px;
  	border-radius: 50%;
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	font-weight: 700;
  	background: #262b40;
  	color: #fff;
  	margin-bottom: 1.5rem;
  }

  .eyebrow {
  	font-size: .82rem;
  	text-transform: uppercase;
  	letter-spacing: .16em;
  	font-weight: 700;
  	color: #536d68;
  }

  .cta-section {
  	border-radius: 1.5rem;
  	background: #262b40;
  	color: #fff;
  }

  .footer-public {
  	background: #171b28;
  	color: rgba(255, 255, 255, .75);
  }

  .footer-public a {
  	color: rgba(255, 255, 255, .75);
  }

  .footer-public a:hover {
  	color: #fff;
  }

  .navbar-brand {
  	font-weight: 700;
  	letter-spacing: -.03em;
  }

  @media (max-width: 991px) {

  	.section-padding {
  		padding: 70px 0;
  	}

  	.hero-section {
  		min-height: auto;
  		padding: 110px 0 80px;
  	}

  }