/* Logeco School Classic — landing (tunnel de vente) */

/* ---- Circular Std ---- */
@font-face{font-family:'Circular Std';src:url('../fonts/CircularStd-Book.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'Circular Std';src:url('../fonts/CircularStd-Medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:'Circular Std';src:url('../fonts/CircularStd-Bold.ttf') format('truetype');font-weight:600 700;font-style:normal;font-display:swap;}
@font-face{font-family:'Circular Std';src:url('../fonts/CircularStd-Black.ttf') format('truetype');font-weight:800 900;font-style:normal;font-display:swap;}

/* ---- Hero background (cream, dotted grid + travelling wave), matching brand site ---- */
.hero{background-color:#F4F0E7;}
.hero-grid{
  background-image:
    linear-gradient(to right, rgba(0,103,103,.05) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(0,103,103,.05) 1px, transparent 1px);
  background-size:44px 44px;
  -webkit-mask-image:radial-gradient(ellipse 72% 62% at 50% 32%, #000 40%, transparent 100%);
  mask-image:radial-gradient(ellipse 72% 62% at 50% 32%, #000 40%, transparent 100%);
}
.hero-wave-glow{
  background-image:linear-gradient(135deg, transparent 44%, rgba(0,103,103,.09) 49%, rgba(16,160,120,.11) 52%, transparent 58%);
  background-size:260% 260%;background-repeat:no-repeat;
  -webkit-mask-image:radial-gradient(ellipse 72% 62% at 50% 32%, #000 40%, transparent 100%);
  mask-image:radial-gradient(ellipse 72% 62% at 50% 32%, #000 40%, transparent 100%);
  animation:waveGlow 10s linear infinite;
}
@keyframes waveGlow{0%{background-position:0 0;}100%{background-position:100% 100%;}}

/* gradient headline word */
.grad-text{
  background-image:linear-gradient(100deg,#006767 0%,#00a3a3 45%,#14b8a6 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
}

/* scroll reveal */
.reveal{opacity:0;transform:translateY(24px);
  transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);
  transition-delay:var(--delay,0ms);will-change:opacity,transform;}
.reveal.is-visible{opacity:1;transform:translateY(0);}

/* sticky WhatsApp bubble pulse */
@keyframes waPulse{0%,100%{box-shadow:0 0 0 0 rgba(37,211,102,.45);}50%{box-shadow:0 0 0 14px rgba(37,211,102,0);}}
.wa-float{animation:waPulse 2.4s ease-out infinite;}

section[id]{scroll-margin-top:84px;}
#navbar.scrolled{background-color:rgba(244,240,231,.86);backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);box-shadow:0 1px 0 rgba(0,103,103,.08),0 8px 24px -12px rgba(0,103,103,.18);}

@media (prefers-reduced-motion: reduce){
  .reveal{opacity:1;transform:none;transition:none;}
  .hero-wave-glow,.wa-float{animation:none!important;}
  html{scroll-behavior:auto;}
}