.whats-float {
			position: fixed;
			transform:translate(108px,0px);
			top:45%;
			right:0;
			width:250px;
			overflow: hidden;
			background-color: #25d366;
			color: #FFF;
			border-radius: 2px 0 0 2px;
			z-index: 10;
			transition: all 0.5s ease-in-out;
			vertical-align: middle
		}
		.whats-float a span {
			color: white;
			font-size: 15px;
			padding-top: 8px;
			padding-bottom: 10px;
			position: absolute;
			line-height: 16px;
			font-weight: bolder;
		}

		.whats-float i {
			font-size: 30px;
			color: white;
			line-height: 30px;
			padding: 10px;
			transform:rotate(0deg);
			transition: all 0.5s ease-in-out;
			text-align:center;

		}

		.whats-float:hover {
			color: #FFFFFF;
			transform:translate(0px,0px);
		}

		.whats-float:hover i  {
			transform:rotate(360deg);
		}
		
		

		.u-float {
			position: fixed;
			transform:translate(108px,0px);
			top:55%;
			right:0;
			width:150px;
			overflow: hidden;
			background-color: red;
			color: #FFF;
			border-radius: 2px 0 0 2px;
			z-index: 10;
			transition: all 0.5s ease-in-out;
			vertical-align: middle
		}
		.u-float a span {
			color: white;
			font-size: 15px;
			padding-top: 8px;
			padding-bottom: 10px;
			position: absolute;
			line-height: 16px;
			font-weight: bolder;
		}

		.u-float i {
			font-size: 30px;
			color: white;
			line-height: 30px;
			padding: 10px;
			transform:rotate(0deg);
			transition: all 0.5s ease-in-out;
			text-align:center;

		}

		.u-float:hover {
			color: #FFFFFF;
			transform:translate(0px,0px);
		}

		.u-float:hover i  {
			transform:rotate(360deg);
		}
		
		
		
		
			.fb-float {
			position: fixed;
			transform:translate(108px,0px);
			top:65%;
			right:0;
			width:145px;
			overflow: hidden;
			background-color: blue;
			color: #FFF;
			border-radius: 2px 0 0 2px;
			z-index: 10;
			transition: all 0.5s ease-in-out;
			vertical-align: middle
		}
		.fb-float a span {
			color: white;
			font-size: 15px;
			padding-top: 8px;
			padding-bottom: 10px;
			position: absolute;
			line-height: 16px;
			font-weight: bolder;
		}

		.fb-float i {
			font-size: 30px;
			color: white;
			line-height: 30px;
			padding: 10px;
			transform:rotate(0deg);
			transition: all 0.5s ease-in-out;
			text-align:center;

		}

		.fb-float:hover {
			color: #FFFFFF;
			transform:translate(0px,0px);
		}

		.fb-float:hover i  {
			transform:rotate(360deg);
		}
		
                @keyframes marquee {
          0% {
            transform: translateX(0);
          }
          100% {
            transform: translateX(-100%);
          }
        }
        
       
       
       
        *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
 
  :root {
    --bg:    #0f0f0f;
    --light: #f0ece4;
    --muted: rgba(240,236,228,0.18);
    --speed: 50s;
    --speed-reverse: 22s;
  }
 
 
  .eyebrow {
    font-size: 0.6rem;
    letter-spacing: 0.28em;
    text-transform: uppercase;
    color: var(--muted);
    margin-bottom: 0.55rem;
  }

 
  .marquee-section {
    display: flex;
    flex-direction: column;
    gap: 0;
    opacity: 0;
    animation: up 0.8s cubic-bezier(0.22,1,0.36,1) 0.4s forwards;
  }
 
  .marquee-row {
    display: flex;
    overflow: hidden;
    border-top: 1px solid rgba(240,236,228,0.08);
    border-bottom: 1px solid rgba(240,236,228,0.08);
    padding: 0.6rem 0;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, black 8%, black 92%, transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0%, black 8%, black 92%, transparent 100%);
  }
 
  .marquee-row:nth-child(even) {
    background: rgba(240,236,228,0.025);
  }
 
  .track {
    display: flex;
    gap: 0;
    white-space: nowrap;
    will-change: transform;
    flex-shrink: 0;
  }
 
  .row-1 .track { animation: scroll-left var(--speed) linear infinite; }
  .row-2 .track { animation: scroll-right var(--speed-reverse) linear infinite; }
  .row-3 .track { animation: scroll-left calc(var(--speed) * 1.4) linear infinite; }
 
  .marquee-row:hover .track { animation-play-state: paused; }
 
  @keyframes scroll-left {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
  }
  @keyframes scroll-right {
    from { transform: translateX(-50%); }
    to   { transform: translateX(0); }
  }
 
  .item {
    display: inline-flex;
    align-items: center;
    gap: 1.2rem;
    padding: 0.3rem 1.8rem;
    font-family: 'Anton', sans-serif;
    font-weight: 400;
    letter-spacing: 0.04em;
    user-select: none;
  }
 
  .row-1 .item {
    font-size: clamp(2.2rem, 5vw, 3.6rem);
    color: transparent;
    -webkit-text-stroke: 1.5px rgba(240,236,228,0.55);
  }
  .row-1 .item.filled {
    color: #8d797b;
    -webkit-text-stroke: 0;
  }
 
  .row-2 .item {
    font-size: clamp(1rem, 2.5vw, 1.5rem);
    color: var(--light);
  }
  .row-2 .badge {
    display: inline-flex;
    align-items: center;
    font-family: 'DM Sans', sans-serif;
    font-size: 0.6rem;
    font-weight: 400;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: rgba(0,0,0,0.7);
    background: var(--light);
    border-radius: 100px;
    padding: 3px 12px;
  }
 
  .row-3 .item {
    font-family: 'DM Sans', sans-serif;
    font-size: clamp(0.65rem, 1.2vw, 0.8rem);
    font-weight: 300;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    color: var(--muted);
  }
 
  .sep {
    display: inline-block;
    width: 5px; height: 5px;
    border-radius: 50%;
    background: rgba(240,236,228,0.22);
    flex-shrink: 0;
    vertical-align: middle;
  }
 
 
 
  @keyframes up {
    from { opacity: 0; transform: translateY(14px); }
    to   { opacity: 1; transform: translateY(0); }
  }