:root{
  --brand-500:#0fb8ad;
  --brand-700:#0a7f78;
  --text:#0b1b22;
  --muted:#5a6b73;
  --border:#e6eef2;
  --surface:#fff;
  --navy:#223852;
  --white:#ffffff;
  --solid-scrolled:#80d0c7;

  --sano-gradient: linear-gradient(
    to top right,
    #41889a 0%,
    #4992a0 25%,
    #78c6c1 75%,
    #80d0c7 100%
  );

  --topbar-h: 92px;
}

html, body { overflow-x: hidden; }

body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

main {
  flex-grow: 1;
}

/* ===== NAVBAR ===== */

nav.tl-topbar{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1200;
  transition: background-color .25s ease, background .25s ease, box-shadow .25s ease, border-color .25s ease;
  background: transparent !important;
  border: 0;
  border-bottom: 1px solid #88d0cb !important;
  margin-bottom: 0 !important;
}

nav.tl-topbar.tl-at-top{
  background: transparent !important;
  box-shadow: none !important;
}

nav.tl-topbar.tl-scrolled{
  background: var(--solid-scrolled) !important;
  box-shadow: 0 4px 16px rgba(0,0,0,.15) !important;
}

.tl-topbar-inner{
  display:flex;
  align-items:center;
  gap:2.25rem;
  padding: 1.25rem 0;
}

.tl-nav{
  display:flex;
  align-items:center;
  gap:1.25rem;
  margin-left:.25rem;
}

.tl-actions{
  display:flex;
  align-items:center;
  gap:.65rem;
  margin-left:auto;
  font-family:"Montserrat",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}

.tl-link{
  color:#fff;
  text-decoration:none;
  padding:.55rem .85rem;
  border-radius:.5rem;
  font-weight:400;
  font-family:"Montserrat",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  text-transform:uppercase;
  letter-spacing:.06em;
  transition: color .15s ease, background-color .15s ease;
}

.tl-link:hover{
  color: var(--navy);
  background: transparent;
  text-decoration: none;
}

.brand{
  display:flex;
  align-items:center;
  gap:.6rem;
  text-decoration:none;
}

.brand-logo{
  display:block;
  height:64px;
  width:auto;
  object-fit:contain;
}

.tl-btn-primary,
.tl-btn-outline{
  text-decoration: none !important;
  min-width: 168px;
  text-align: center;
}

.tl-btn-primary{
  font-family:"Montserrat",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(255,255,255,.85));
  color: var(--solid-scrolled);
  border:0;
  border-radius:999px;
  padding:.8rem 1.25rem;
  box-shadow:0 6px 16px rgba(0,0,0,.22);
}

.tl-btn-outline{
  background:transparent;
  border:1px solid rgba(255,255,255,.45);
  color:#fff;
  border-radius:999px;
  padding:.8rem 1.25rem;
}

.tl-toggle{
  border:0;
  background:transparent;
  font-size:1.6rem;
  color:#fff;
  display:none;
}

@media (max-width: 992px){
  .tl-toggle{display:block}
  .tl-nav{display:none}
}

/* ===== FOOTER ===== */

.footer-main {
  background-color: #88d0cb;
  padding: 5rem 0 4rem 0;
  color: #ffffff;
}

.footer-content {
  max-width: 1200px;
  margin: 0 auto;
}

.footer-heading {
  font-weight: 600;
  margin-bottom: 14px;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: .06em;
}

.footer-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-list li {
  margin-bottom: 8px;
}

.footer-list a {
  color: #ffffff;
  text-decoration: none;
  font-size: 14px;
  opacity: .95;
  transition: opacity .15s ease;
}

.footer-list a:hover {
  opacity: 1;
  text-decoration: underline;
}

.footer-divider {
  height: 1px;
  background: rgba(255,255,255,.35);
  width: 100%;
  margin: 4rem 0 2rem 0;
}

.footer-bottom {
  font-size: 13px;
  opacity: .85;
  text-align: center;
  padding-bottom: 2rem;
}