.mobilmenu {
     transition: 0.6s ease-in;
 }

 @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap');

 body {
     font-family: 'Inter', sans-serif;
     background-color: #fafaf9;
     /* stone-50 */
     color: #292524;
     /* stone-800 */
 }

 /* Smooth transitions for interactive elements */
 .accordion-content {
     transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
     max-height: 0;
     opacity: 0;
     overflow: hidden;
 }

 .accordion-content.active {
     max-height: 500px;
     opacity: 1;
 }

 .tab-content {
     display: none;
     animation: fadeIn 0.4s;
 }

 .tab-content.active {
     display: block;
 }

 @keyframes fadeIn {
     from {
         opacity: 0;
         transform: translateY(5px);
     }

     to {
         opacity: 1;
         transform: translateY(0);
     }
 }

 /* Custom decorative elements without SVG */
 .circle-icon {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     width: 48px;
     height: 48px;
     border-radius: 50%;
     background-color: #ccfbf1;
     /* teal-100 */
     color: #0f766e;
     /* teal-700 */
     font-size: 24px;
     margin-bottom: 1rem;
 }