@import url("https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");


*{
  box-sizing: border-box;
  
  transition: all 0.2s ease;
}
body {
   font-family: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;
   color: #1a1a1a;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   background-color: #ffffff;
}

h1,h2,h3,h4,h5,h6 {
   font-family: "Lora", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
   font-weight: 700;
   line-height: 1.2;
   color: #171a1f;
}

h1 {
  letter-spacing: -0.02em;
}

h2 {
  letter-spacing: -0.01em;
}

p {
  line-height: 1.6;
  color: #565d6d;
}

.text-balance {
  text-wrap: balance;
}

.section-spacing {
  padding-top: clamp(4rem, 8vw, 8rem);
  padding-bottom: clamp(4rem, 8vw, 8rem);
}




 /* Custom Scrollbar */
 ::-webkit-scrollbar {
   width: 8px;
   height: 8px;
 }

 ::-webkit-scrollbar-track {
   background: #f1f5f9;
 }

 ::-webkit-scrollbar-thumb {
   background: #cbd5e1;
   border-radius: 4px;
 }

 ::-webkit-scrollbar-thumb:hover {
   background: #94a3b8;
 }

 /* Mobile Menu Toggle Logic (Simple CSS-only for demo) */
 #mobile-menu-toggle:checked~#mobile-menu {
   display: flex;
 }

 #scroll-up {
   align-items: center;
   background: #258900;
   border: 0;
   border-radius: 999px;
   bottom: 1.5rem;
   box-shadow: 0 8px 20px #171a1f26;
   color: #ffffff;
   cursor: pointer;
   display: flex;
   height: 2.75rem;
   justify-content: center;
   opacity: 0;
   pointer-events: none;
   position: fixed;
   right: 1.5rem;
   transform: translateY(0.75rem);
   transition: opacity 0.2s ease, transform 0.2s ease, background-color 0.2s ease;
   width: 2.75rem;
   z-index: 40;
 }

 #scroll-up:hover {
   background: #1e6d00;
 }

 #scroll-up.is-visible {
   opacity: 1;
   pointer-events: auto;
   transform: translateY(0);
 }

 @media (max-width: 640px) {
   #scroll-up {
     bottom: 1rem;
     right: 1rem;
   }
 }