.hero-valuecom{
    --green:#26ac5b;
    --black:#0a0a0a;
    --white:#ffffff;
    --gray:#c4c4c4;
    --ease:cubic-bezier(.2,.7,.2,1);

    position:relative;
    display:grid;
    grid-template-columns:1.1fr .9fr;
    align-items:center;
    gap:clamp(2rem,5vw,4rem);
    max-width:1200px;
    margin:0 auto;
    padding:clamp(2.5rem,7vw,5rem) clamp(1.25rem,5vw,2.5rem);
    background:var(--black);
    color:var(--white);
    font-family:'Inter',system-ui,-apple-system,sans-serif;
    overflow:visible;
  }

  .hero-valuecom *,
  .hero-valuecom *::before,
  .hero-valuecom *::after{
    box-sizing:border-box;
  }

  .hero-valuecom .hero-text{min-width:0}

  .hero-valuecom .eyebrow{
    display:inline-flex;
    align-items:center;
    gap:.5rem;
    font-size:clamp(.72rem,2vw,.85rem);
    color:var(--green);
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:.1em;
    margin-bottom:1.25rem;
    line-height:1.4;
    opacity:0;
    transform:translateY(18px);
    animation:vcHeroFadeUp .75s var(--ease) .15s forwards;
  }

  .hero-valuecom .eyebrow .dot{
    flex:0 0 auto;
    width:7px;
    height:7px;
    border-radius:50%;
    background:var(--green);
    animation:valuecom-pulse 2s infinite;
  }

  @keyframes valuecom-pulse{
    0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(38,172,91,.6)}
    50%{opacity:.7;box-shadow:0 0 0 8px rgba(38,172,91,0)}
  }

  .hero-valuecom h1{
    font-size:clamp(2.4rem,6vw,4.5rem);
    line-height:1.02;
    font-weight:800;
    letter-spacing:-.03em;
    margin:0 0 1.25rem;
    word-break:normal;
    overflow-wrap:normal;
    hyphens:none;
  }

  .hero-valuecom h1 .accent{color:var(--green)}

  .hero-valuecom h1{
    opacity:0;
    transform:translateY(70%) rotateX(70deg) scale(.88);
    transform-origin:bottom;
    filter:blur(10px);
    animation:vcHeroTitleIn .85s var(--ease) .25s forwards;
  }

  .hero-valuecom .sub{
    font-size:clamp(.98rem,2vw,1.25rem);
    color:var(--gray);
    line-height:1.55;
    margin:0 0 2rem;
    max-width:520px;
    opacity:0;
    transform:translateY(28px);
    filter:blur(8px);
    animation:vcHeroFadeUp .9s var(--ease) .95s forwards;
  }

  .hero-valuecom .sub strong{
    color:var(--white);
    font-weight:600;
  }

  .hero-valuecom .cta-row{
    display:flex;
    gap:.75rem;
    flex-wrap:wrap;
    opacity:0;
    transform:translateY(24px);
    animation:vcHeroFadeUp .75s var(--ease) 1.15s forwards;
  }

  .hero-valuecom .btn-primary,
  .hero-valuecom .btn-ghost{
    padding:.95rem 1.8rem;
    border-radius:100px;
    font-weight:700;
    font-size:clamp(.95rem,2vw,1rem);
    text-decoration:none;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:.5rem;
    transition:transform .3s var(--ease),box-shadow .3s,border-color .3s,background .3s;
  }

  .hero-valuecom .btn-primary{
    background:var(--green);
    color:var(--black);
    animation:vcHeroButtonPulse 2.8s ease-in-out 1.8s infinite;
  }

  .hero-valuecom .btn-primary:hover{
    transform:translateY(-3px);
    box-shadow:0 12px 30px rgba(38,172,91,.4);
  }

  .hero-valuecom .btn-ghost{
    border:1px solid rgba(255,255,255,.35);
    color:var(--white);
    font-weight:600;
  }

  .hero-valuecom .btn-ghost:hover{
    border-color:var(--white);
    background:rgba(255,255,255,.12);
  }

  .hero-valuecom .hero-media{
    position:relative;
    opacity:0;
    transform:translateX(60px) rotate(-3deg) scale(.9);
    filter:blur(14px);
    animation:vcHeroVideoIn 1.05s var(--ease) .65s forwards;
  }

  
  .hero-valuecom .frame{
    position:relative;
    border-radius:22px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.1);
    background:#111;
    aspect-ratio:9/16;
    width:100%;
    max-width:340px;
    margin-left:auto;
    box-shadow:0 30px 60px rgba(0,0,0,.45);
  }

  .hero-valuecom .frame::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:2;
    pointer-events:none;
    background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.22) 18%,transparent 36%);
    transform:translateX(-140%);
    animation:vcHeroShine 1.2s ease 1.45s forwards;
  }

  .hero-valuecom video{
    width:100%;
    height:100%;
    object-fit:contain;
    display:block;
    background:#000;
  }

  /* Les animations ne travaillent que lorsque le hero est proche de l'écran. */
  .hero-valuecom:not(.vc-active) *,
  .hero-valuecom:not(.vc-active) *::before,
  .hero-valuecom:not(.vc-active) *::after{
    animation-play-state:paused!important;
  }

  @keyframes vcHeroTitleIn{
    0%{
      opacity:0;
      transform:translateY(70%) rotateX(70deg) scale(.88);
      filter:blur(10px);
    }
    100%{
      opacity:1;
      transform:translateY(0) rotateX(0) scale(1);
      filter:blur(0);
    }
  }

  @keyframes vcHeroFadeUp{
    0%{
      opacity:0;
      transform:translateY(28px);
      filter:blur(8px);
    }
    100%{
      opacity:1;
      transform:translateY(0);
      filter:blur(0);
    }
  }

  @keyframes vcHeroVideoIn{
    0%{
      opacity:0;
      transform:translateX(60px) rotate(-3deg) scale(.9);
      filter:blur(14px);
    }
    60%{
      opacity:1;
      transform:translateX(0) rotate(1.5deg) scale(1.035);
      filter:blur(0);
    }
    100%{
      opacity:1;
      transform:translateX(0) rotate(0) scale(1);
      filter:blur(0);
    }
  }

      @keyframes vcHeroShine{
    to{transform:translateX(140%)}
  }

  @keyframes vcHeroButtonPulse{
    0%,100%{box-shadow:0 0 0 0 rgba(38,172,91,0)}
    50%{box-shadow:0 0 0 8px rgba(38,172,91,.12)}
  }

  @media (max-width:880px){
    .hero-valuecom{
      grid-template-columns:1fr;
      gap:2.25rem;
    }

    .hero-valuecom .hero-media{order:2}

    .hero-valuecom .frame{
      max-width:300px;
      margin:0 auto;
    }

    .hero-valuecom .sub{max-width:100%}

    .hero-valuecom h1{
      font-size:clamp(2rem,9vw,3rem);
    }

    .hero-valuecom .hero-media{
      transform:translateY(40px) scale(.92);
      animation:vcHeroVideoInMobile 1.05s var(--ease) .65s forwards;
    }
  }

  @keyframes vcHeroVideoInMobile{
    0%{
      opacity:0;
      transform:translateY(40px) scale(.92);
      filter:blur(14px);
    }
    60%{
      opacity:1;
      transform:translateY(0) scale(1.035);
      filter:blur(0);
    }
    100%{
      opacity:1;
      transform:translateY(0) scale(1);
      filter:blur(0);
    }
  }

  @media (max-width:480px){
    .hero-valuecom{
      padding-inline:1.25rem;
    }

    .hero-valuecom .cta-row{
      flex-direction:column;
      align-items:stretch;
    }

    .hero-valuecom .btn-primary,
    .hero-valuecom .btn-ghost{
      width:100%;
    }

    .hero-valuecom h1{
      font-size:2.15rem;
      line-height:1.05;
    }

    .hero-valuecom .frame{
      max-width:280px;
    }
  }

  @media (max-width:380px){
    .hero-valuecom h1{font-size:1.95rem}
    .hero-valuecom .frame{max-width:260px}
  }

  @media (prefers-reduced-motion:reduce){
    .hero-valuecom *{animation:none!important}
    .hero-valuecom .eyebrow,
    .hero-valuecom .sub,
    .hero-valuecom .cta-row,
    .hero-valuecom .hero-media,
    .hero-valuecom h1{
      opacity:1!important;
      transform:none!important;
      filter:none!important;
    }
  }:root{
    --green:#26ac5b;--green-dark:#1c8546;--black:#0a0a0a;--white:#ffffff;
    --gray:#9a9a9a;--card:#121212;--ease:cubic-bezier(.2,.7,.2,1);
  }
  *{margin:0;padding:0;box-sizing:border-box}

  .services{padding:clamp(2rem,5vw,4rem) clamp(1.25rem,4vw,2.5rem) clamp(4rem,10vw,8rem);max-width:1200px;margin:0 auto}

  .sec-head{margin-bottom:clamp(2.5rem,6vw,4rem);max-width:680px}
  .sec-tag{display:inline-flex;align-items:center;gap:.6rem;font-size:.85rem;color:var(--green);font-weight:600;text-transform:uppercase;letter-spacing:.12em;margin-bottom:1.25rem;opacity:0;transform:translateY(18px);animation:headIn .7s var(--ease) .1s forwards}
  .sec-tag .dot{width:8px;height:8px;border-radius:50%;background:var(--green);animation:pulse 2s infinite}
  @keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(38,172,91,.6)}50%{box-shadow:0 0 0 7px rgba(38,172,91,0)}}

  .sec-head h2{font-size:clamp(2rem,5vw,3.5rem);line-height:1.05;font-weight:800;letter-spacing:-.02em;margin-bottom:1rem;overflow:visible}
  .sec-head p{font-size:clamp(1rem,2vw,1.15rem);color:var(--gray);line-height:1.6;opacity:0;transform:translateY(22px);filter:blur(8px);animation:headIn .8s var(--ease) .95s forwards}

  /* ---- effet titre sans découpage mot par mot ---- */
  .sec-head h2{transform:scale(.96) translateY(.35em);opacity:.08;filter:blur(7px);font-weight:300;transition:transform .5s var(--ease),opacity .5s var(--ease),filter .5s var(--ease);will-change:transform,opacity,filter}
  .sec-head h2 .accent{color:var(--green)}
  .sec-head h2.lit{transform:scaleX(var(--title-stretch,1)) translateY(0);opacity:1;filter:blur(0)}

  @keyframes headIn{
    to{opacity:1;transform:translateY(0);filter:blur(0)}
  }

  /* ---- grid ---- */
  .grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;perspective:1200px}

  .card{
    position:relative;display:block;text-decoration:none;color:inherit;
    background:var(--card);border:1px solid rgba(255,255,255,.08);
    border-radius:22px;padding:2.25rem;overflow:hidden;cursor:pointer;
    transform-style:preserve-3d;
    transition:transform .25s var(--ease),border-color .4s,box-shadow .4s;
    opacity:0;
  }

  .card.in{
    opacity:1;
    animation:cardIn .85s var(--ease) backwards, cardWiggle 10s ease-in-out infinite;
  }

  .card.in:nth-child(1){animation-delay:.24s, 8s}
  .card.in:nth-child(2){animation-delay:0s, 3s}
  .card.in:nth-child(3){animation-delay:.12s, 5.5s}
  .card.in:nth-child(4){animation-delay:.36s, 10.5s}

  .card:nth-child(1){order:3}
  .card:nth-child(2){order:1}
  .card:nth-child(3){order:2}
  .card:nth-child(4){order:4}

  @keyframes cardIn{
    0%{opacity:0;transform:translateY(50px) scale(.94) rotateX(10deg);filter:blur(12px)}
    65%{opacity:1;transform:translateY(-6px) scale(1.02) rotateX(0);filter:blur(0)}
    100%{opacity:1;transform:translateY(0) scale(1)}
  }

  @keyframes cardWiggle{
    0%,82%,100%{transform:translateY(0) rotate(0) scale(1)}
    84%{transform:translateY(-5px) rotate(-1.2deg) scale(1.012)}
    86%{transform:translateY(3px) rotate(1.2deg) scale(1.006)}
    88%{transform:translateY(-3px) rotate(-.8deg)}
    90%{transform:translateY(2px) rotate(.6deg)}
    92%{transform:translateY(0) rotate(0) scale(1)}
  }

  .card:hover{border-color:rgba(38,172,91,.45);box-shadow:0 24px 50px rgba(0,0,0,.5);animation-play-state:paused}

  .card .spotlight{
    position:absolute;inset:0;pointer-events:none;z-index:0;opacity:0;transition:opacity .4s;
    background:radial-gradient(380px circle at var(--mx,50%) var(--my,50%),rgba(38,172,91,.18),transparent 60%);
  }
  .card:hover .spotlight{opacity:1}
  .card > *:not(.spotlight){position:relative;z-index:1;transform:translateZ(30px)}

  .card-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.5rem}
  .card-num{font-family:ui-monospace,monospace;font-size:.8rem;color:var(--green);font-weight:700;border:1px solid rgba(38,172,91,.3);border-radius:100px;padding:.3rem .7rem;letter-spacing:.05em}
  .card-ico{width:60px;height:60px;border-radius:16px;background:rgba(38,172,91,.12);display:flex;align-items:center;justify-content:center;color:var(--green);transition:background .4s,transform .5s var(--ease),color .4s}
  .card:hover .card-ico{background:var(--green);color:var(--black);transform:scale(1.1) rotate(-6deg)}
  .card-ico svg{width:30px;height:30px;stroke-width:2;fill:none;stroke:currentColor}

  .card h3{font-size:1.5rem;font-weight:700;margin-bottom:.6rem;letter-spacing:-.01em}
  .card p{color:var(--gray);line-height:1.6;font-size:1rem;margin-bottom:1.4rem}

  .card-tags{display:flex;flex-wrap:wrap;gap:.5rem}
  .card-tags span{font-size:.8rem;color:#ccc;border:1px solid rgba(255,255,255,.12);padding:.35rem .85rem;border-radius:100px;transition:border-color .3s,color .3s,transform .3s}
  .card:hover .card-tags span{border-color:rgba(38,172,91,.35)}

  .card-link{display:inline-flex;align-items:center;gap:.4rem;margin-top:1.4rem;color:var(--green);font-weight:600;font-size:.95rem;opacity:0;transform:translateX(-8px);transition:opacity .4s,transform .4s}
  .card:hover .card-link{opacity:1;transform:translateX(0)}
  .card-link svg{width:16px;height:16px;transition:transform .3s}
  .card:hover .card-link svg{transform:translateX(4px)}

  @media (max-width:768px){
    .grid{
      display:flex;grid-template-columns:none;perspective:none;gap:1rem;
      overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;
      -webkit-overflow-scrolling:touch;scroll-padding:0 1.25rem;
      padding:.5rem 1.25rem 1.5rem;margin:0 calc(-1 * clamp(1.25rem,4vw,2.5rem));scrollbar-width:none;
    }
    .grid::-webkit-scrollbar{display:none}
    .card{flex:0 0 84%;scroll-snap-align:center;padding:1.85rem;opacity:1;animation:cardWiggle 10s ease-in-out infinite;transition:transform .4s var(--ease),border-color .4s,box-shadow .4s}
    .card > *:not(.spotlight){transform:none}
    .card:not(.active){transform:scale(.94);opacity:.6}
    .card.active{transform:scale(1);opacity:1;border-color:rgba(38,172,91,.45);box-shadow:0 18px 40px rgba(0,0,0,.5)}
    .card.active .spotlight{opacity:1;background:radial-gradient(420px circle at 70% 0%,rgba(38,172,91,.16),transparent 60%)}
    .card.active .card-ico{background:var(--green);color:var(--black)}
    .card.active .card-link{opacity:1;transform:translateX(0)}
    .dots{display:flex;justify-content:center;gap:.5rem;margin-top:.25rem}
    .dots button{width:8px;height:8px;border-radius:50%;border:0;padding:0;cursor:pointer;background:rgba(255,255,255,.25);transition:all .3s var(--ease)}
    .dots button.on{width:26px;border-radius:100px;background:var(--green)}
  }
  .dots{display:none}
  @media (prefers-reduced-motion:reduce){
    .card{opacity:1!important;animation:none!important}
    .sec-tag,.sec-head p{opacity:1!important;transform:none!important;filter:none!important;animation:none!important}
    .sec-head h2{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
  }:root{
    --green:#26ac5b;--green-dark:#1c8546;--black:#0a0a0a;--white:#ffffff;
    --gray:#9a9a9a;--card:#121212;--ease:cubic-bezier(.2,.7,.2,1);
  }
  *{margin:0;padding:0;box-sizing:border-box}

  .showcase{padding:clamp(4rem,10vw,8rem) 0;overflow:hidden}
  .rea-wrap{max-width:1200px;margin:0 auto;padding:0 clamp(1.25rem,4vw,2.5rem)}

  .rea-sec-head{margin-bottom:clamp(2.5rem,6vw,4rem);max-width:680px;margin-left:auto;text-align:right}
  .rea-sec-tag{display:inline-flex;align-items:center;gap:.6rem;font-size:.85rem;color:var(--green);font-weight:600;text-transform:uppercase;letter-spacing:.12em;margin-bottom:1.25rem}
  .rea-sec-tag .dot{width:8px;height:8px;border-radius:50%;background:var(--green)}
  .rea-sec-head h2{font-size:clamp(2rem,5vw,3.5rem);line-height:1.05;font-weight:800;letter-spacing:-.02em;margin-bottom:1rem;overflow:visible}
  .rea-sec-head p{font-size:clamp(1rem,2vw,1.15rem);color:var(--gray);line-height:1.6;margin-left:auto}

  .rea-sec-head h2 .word{display:inline-block;white-space:normal;margin-left:.28em}
  .rea-sec-head h2 .word:first-child{margin-left:0}
  .rea-sec-head h2 .word.accent .ch{color:var(--green)}
  .rea-sec-head h2 .ch{
    display:inline-block;
    transform:scale(.15) translateY(.5em) rotate(-6deg);
    opacity:.08;
    filter:blur(7px);
    font-weight:300;
    transition:transform .5s var(--ease),opacity .5s var(--ease),filter .5s var(--ease);
    will-change:transform,opacity,filter;
  }
  .rea-sec-head h2 .ch.lit{
    transform:scaleX(var(--title-stretch,1)) translateY(0) rotate(0);
    opacity:1;
    filter:blur(0);
  }

  /* ============ CARROUSEL INFINI ============ */
  .marquee{
    position:relative;
    margin-bottom:clamp(3rem,7vw,5rem);
    overflow:hidden;
    cursor:grab;
    touch-action:pan-y;
    user-select:none;
  }

  .marquee:active{cursor:grabbing}

  .marquee::before,
  .marquee::after{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    width:120px;
    z-index:2;
    pointer-events:none;
  }

  .marquee::before{left:0;background:linear-gradient(90deg,var(--black),transparent)}
  .marquee::after{right:0;background:linear-gradient(270deg,var(--black),transparent)}

  .track{
    display:flex;
    gap:1.25rem;
    width:max-content;
    will-change:transform;
    transform:translate3d(0,0,0);
  }

  .post{
    position:relative;
    flex:0 0 auto;
    width:clamp(220px,24vw,300px);
    aspect-ratio:4/5;
    border-radius:18px;
    overflow:hidden;
    background:var(--card);
    border:1px solid rgba(255,255,255,.08);
    cursor:pointer;
    transition:border-color .3s var(--ease),box-shadow .3s var(--ease),filter .3s var(--ease);
  }

  .post:hover{
    border-color:rgba(38,172,91,.85);
    box-shadow:0 0 0 2px rgba(38,172,91,.35),0 0 35px rgba(38,172,91,.35);
  }

  .post img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    pointer-events:none;
    transition:filter .3s var(--ease);
  }

  .post:hover img{
    filter:brightness(1.12) saturate(1.15);
  }

  /* ============ GALERIE VIDÉOS ============ */
  .videos-head{margin-bottom:2rem}
  .videos-head h3{font-size:clamp(1.5rem,3.5vw,2.25rem);font-weight:700;letter-spacing:-.01em;margin-bottom:.5rem}
  .videos-head p{color:var(--gray);font-size:1rem}

  .vstack{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}

  .vcard{
    position:relative;border-radius:18px;overflow:hidden;background:var(--card);
    border:1px solid rgba(255,255,255,.08);cursor:pointer;
    opacity:0;transform:translateY(40px);transition:transform .6s var(--ease),opacity .6s,border-color .4s,box-shadow .4s;
  }
  .vcard.in{opacity:1;transform:translateY(0)}
  .vcard.land{aspect-ratio:16/9}
  .vcard.vert{aspect-ratio:9/16}
  .vcard:hover{border-color:rgba(38,172,91,.5);box-shadow:0 24px 50px rgba(0,0,0,.5)}
  .vcard video{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    background:#000;
    transition:transform .6s var(--ease);
  }

  .grad{position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(0,0,0,.45),transparent 50%);transition:opacity .4s;pointer-events:none}
  .play-wrap{display:none}
  .play{
    width:64px;height:64px;border-radius:50%;background:rgba(38,172,91,.92);
    display:flex;align-items:center;justify-content:center;
    transition:transform .4s var(--ease),background .3s;
  }
  .vcard:hover .play{transform:scale(1.12);background:var(--green)}
  .play::after{content:"";border-left:18px solid var(--black);border-top:11px solid transparent;border-bottom:11px solid transparent;margin-left:4px}

  .vcard-info{position:absolute;bottom:0;left:0;right:0;z-index:3;padding:1.25rem;background:linear-gradient(0deg,rgba(0,0,0,.85),transparent);pointer-events:none;transition:opacity .4s}
  .vcard-info .client{font-weight:700;font-size:1.05rem}
  .vcard-info .type{font-size:.78rem;color:var(--green);text-transform:uppercase;letter-spacing:.08em;margin-top:.2rem}

  @media (min-width:561px){
    .vcard-info .client,.vcard-info .type{display:block}
  }

  .vcard.playing .grad,
  .vcard.playing .play-wrap,
  .vcard.playing .vcard-info{opacity:0;pointer-events:none}

  .vcard:nth-child(1){transition-delay:0s}
  .vcard:nth-child(2){transition-delay:.1s}

  .vcard.land{grid-column:1/-1}
  .video-land-1{order:1}.video-vert-1{order:2}.video-vert-2{order:3}.video-vert-3{order:4}
  .video-land-2{order:5}.video-vert-4{order:6}.video-vert-5{order:7}.video-vert-6{order:8}

  @media (max-width:560px){
    html,body{height:auto;min-height:0}
    .showcase{
      height:auto!important;
      min-height:0!important;
      padding-top:3rem;
      padding-bottom:0!important;
      margin-bottom:0!important;
    }
    .showcase>.rea-wrap:last-of-type,
    .vstack,
    .vstack>.vcard:last-child{margin-bottom:0!important;padding-bottom:0!important}
    .rea-sec-head{margin-bottom:1.75rem}
    .marquee{margin-bottom:2.25rem}
    .vstack{grid-template-columns:repeat(2,1fr)}
    .video-vert-1{order:1}.video-vert-2{order:2}.video-land-1{order:3}
    .video-vert-3{order:4}.video-vert-4{order:5}.video-land-2{order:6}
    .video-vert-5{order:7}.video-vert-6{order:8}
    .marquee::before,.marquee::after{width:50px}
  }

  @media (prefers-reduced-motion:reduce){
    .vcard{opacity:1!important;transform:none!important}
    .rea-sec-head h2 .ch{transform:none!important;opacity:1!important;filter:none!important}
  }:root{
    --green:#26ac5b;--green-dark:#1c8546;--black:#0a0a0a;--white:#ffffff;
    --gray:#9a9a9a;--card:#121212;--ease:cubic-bezier(.2,.7,.2,1);
  }
  *{margin:0;padding:0;box-sizing:border-box}
  .band-wrap{height:auto;min-height:0;margin:0;padding:0;display:flow-root}

  .band{
    max-width:1100px;margin:0 auto;
    padding:clamp(2.5rem,6vw,4rem) clamp(1.25rem,4vw,2.5rem);
    display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(1.5rem,4vw,3rem);
  }

  /* ---- chiffres ---- */
  .stats-card{text-align:center;opacity:0;transform:translateY(24px);transition:all .7s var(--ease)}
  .stats-card.in{opacity:1;transform:translateY(0)}
  .stats-card .v{font-size:clamp(2rem,5vw,3.4rem);font-weight:800;color:var(--green);line-height:1;letter-spacing:-.02em}
  .stats-card .l{font-size:clamp(.85rem,1.8vw,1rem);color:var(--gray);margin-top:.6rem;line-height:1.4;max-width:240px;margin-left:auto;margin-right:auto}

  /* ---- zone géographique centrale ---- */
  .stats-zone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:clamp(150px,22vw,210px);aspect-ratio:1}
  .stats-zone svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
  /* anneaux radar pulsants */
  .ring{fill:none;stroke:var(--green);stroke-width:1.5;transform-origin:center;opacity:0}
  .stats-zone.in .ring{animation:radar 3s var(--ease) infinite}
  .stats-zone.in .ring.r2{animation-delay:1s}
  .stats-zone.in .ring.r3{animation-delay:2s}
  @keyframes radar{
    0%{transform:scale(.3);opacity:.7}
    100%{transform:scale(1);opacity:0}
  }
  /* point central */
  .pin{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center}
  .pin .dot{width:16px;height:16px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(38,172,91,.25);margin-bottom:.6rem;animation:beat 2s infinite}
  @keyframes beat{0%,100%{box-shadow:0 0 0 5px rgba(38,172,91,.25)}50%{box-shadow:0 0 0 11px rgba(38,172,91,0)}}
  .pin .city{font-weight:800;font-size:clamp(1rem,2.4vw,1.3rem);letter-spacing:-.01em}
  .pin .sub{font-size:.78rem;color:var(--green);text-transform:uppercase;letter-spacing:.08em;margin-top:.2rem}

  /* séparateurs verticaux fins */
  .sep{width:1px;align-self:stretch;background:linear-gradient(180deg,transparent,rgba(255,255,255,.15),transparent)}

  @media (max-width:720px){
    .band-wrap{height:auto!important;min-height:0!important;margin-top:0!important;padding-top:0!important}
    .band{height:auto;min-height:0;grid-template-columns:1fr;gap:2rem;text-align:center;margin-top:0;padding:1rem 1.25rem 1.5rem}
    .sep{display:none}
    /* ordre : chiffre 1, puis Saint-Omer au MILIEU, puis chiffre 2 */
    .stats-zone{margin:0 auto}
  }
  @media (max-width:480px){
    .band{gap:1.75rem;padding:1rem 1rem 1.25rem}
  }
  @media (prefers-reduced-motion:reduce){
    .stats-card{opacity:1!important;transform:none!important}
    .stats-zone.in .ring{animation:none;opacity:.25}
    .pin .dot{animation:none}
  }:root{
    --green:#26ac5b;--green-dark:#1c8546;--black:#0a0a0a;--white:#ffffff;
    --gray:#9a9a9a;--card:#121212;--ease:cubic-bezier(.2,.7,.2,1);
  }
  *{margin:0;padding:0;box-sizing:border-box}

  .temoi{padding:clamp(4rem,10vw,8rem) clamp(1.25rem,4vw,2.5rem);max-width:1100px;margin:0 auto}

  .tm-sec-head{text-align:center;max-width:680px;margin:0 auto clamp(2.5rem,6vw,4rem)}
  .tm-sec-tag{display:inline-flex;align-items:center;gap:.6rem;font-size:.85rem;color:var(--green);font-weight:600;text-transform:uppercase;letter-spacing:.12em;margin-bottom:1.25rem}
  .tm-sec-tag .dot{width:8px;height:8px;border-radius:50%;background:var(--green);animation:tmPulse 2s infinite}
  @keyframes tmPulse{0%,100%{box-shadow:0 0 0 0 rgba(38,172,91,.6)}50%{box-shadow:0 0 0 7px rgba(38,172,91,0)}}
  .tm-sec-head h2{font-size:clamp(1.9rem,5vw,3.25rem);line-height:1.08;font-weight:800;letter-spacing:-.02em;margin-bottom:1rem}
  .tm-sec-head h2 .accent{color:var(--green)}
  .tm-sec-head p{font-size:clamp(1rem,2vw,1.15rem);color:var(--gray);line-height:1.6}

  .vids{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(1.25rem,3vw,2rem);max-width:760px;margin:0 auto}

  .tm-card{
    position:relative;border-radius:22px;overflow:hidden;background:var(--card);
    border:1px solid rgba(255,255,255,.1);aspect-ratio:9/16;cursor:pointer;
    opacity:0;transform:translateY(40px);transition:transform .7s var(--ease),opacity .7s,border-color .4s,box-shadow .4s;
  }
  .tm-card.in{opacity:1;transform:translateY(0)}
  .tm-card:nth-child(2){transition-delay:.12s}
  .tm-card:hover{border-color:rgba(38,172,91,.45);box-shadow:0 24px 50px rgba(0,0,0,.5)}
  .tm-card video{width:100%;height:100%;object-fit:cover;display:block;background:#000}

  .tm-card::after{
    content:"";position:absolute;inset:-15%;z-index:-1;
    background:radial-gradient(circle,rgba(38,172,91,.25),transparent 65%);
    filter:blur(45px);opacity:0;transition:opacity .5s;
  }
  .tm-card:hover::after{opacity:1}

  .tm-grad{position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(0,0,0,.45),transparent 50%);transition:opacity .4s;pointer-events:none}
  .tm-play-wrap{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center}
  .tm-play{
    width:66px;height:66px;border-radius:50%;background:rgba(38,172,91,.95);
    display:flex;align-items:center;justify-content:center;
    transition:transform .4s var(--ease),background .3s;
  }
  .tm-card:hover .tm-play{transform:scale(1.12);background:var(--green)}
  .tm-play::after{content:"";border-left:20px solid var(--black);border-top:12px solid transparent;border-bottom:12px solid transparent;margin-left:5px}

  .tm-info{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:1.25rem;background:linear-gradient(0deg,rgba(0,0,0,.85),transparent);pointer-events:none;transition:opacity .4s}
  .tm-info .name{font-weight:700;font-size:1.1rem}
  .tm-info .role{font-size:.8rem;color:var(--green);text-transform:uppercase;letter-spacing:.06em;margin-top:.2rem}

  .tm-card.playing .tm-grad,
  .tm-card.playing .tm-play-wrap,
  .tm-card.playing .tm-info{opacity:0;pointer-events:none}

  @media (max-width:560px){
    .vids{grid-template-columns:1fr;max-width:340px}
  }
  @media (prefers-reduced-motion:reduce){
    .tm-card{opacity:1!important;transform:none!important}
    .tm-sec-tag .dot{animation:none}
  }

/* Diagnostic express */
.vc-diag *{margin:0;padding:0;box-sizing:border-box}
  .vc-diag{
    --vcg:#26ac5b;--vcgd:#1c8546;--vcblk:#0a0a0a;--vcwht:#fff;--vccard:#0f7a42;--vce:cubic-bezier(.2,.7,.2,1);
    font-family:'Inter',system-ui,-apple-system,sans-serif;
    background:var(--vcblk);color:var(--vcwht);display:block;
    padding:clamp(3rem,6vw,5rem) clamp(1.25rem,4vw,2.5rem) 1rem;
  }
  .vc-diag .vc-wrap{max-width:760px;margin:0 auto}

  .vc-dhead{text-align:center;margin-bottom:clamp(2rem,5vw,3rem)}
  .vc-dtag{display:inline-flex;align-items:center;gap:.6rem;font-size:.85rem;color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:.12em;margin-bottom:1.1rem;background:rgba(0,0,0,.18);padding:.45rem 1rem;border-radius:100px}
  .vc-dtag .vc-dot{width:8px;height:8px;border-radius:50%;background:#fff;animation:vcPulse 2s infinite}
  @keyframes vcPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,.5)}50%{box-shadow:0 0 0 7px rgba(255,255,255,0)}}
  .vc-dhead h2{font-size:clamp(1.9rem,5vw,3rem);line-height:1.08;font-weight:800;letter-spacing:-.02em;margin-bottom:.8rem;color:#fff}
  .vc-dhead p{color:rgba(255,255,255,.85);font-size:clamp(1rem,2vw,1.12rem);line-height:1.6}

  .vc-card{
    position:relative;background:var(--vcblk);border:1px solid rgba(0,0,0,.2);
    border-radius:24px;padding:clamp(1.75rem,4vw,2.75rem);overflow:hidden;
    box-shadow:0 30px 60px rgba(0,0,0,.3);
  }


  /* ===== Carte de démarrage : glisser le logo pour lancer le test ===== */
  .vc-card{
    perspective:1400px;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    padding:0!important;
    overflow:hidden!important;
    border-radius:24px;
  }

  .vc-card-flip{
    position:relative;
    width:100%;
    min-height:100%;
    transform-style:preserve-3d;
    transition:transform 1s cubic-bezier(.2,.75,.2,1);
  }

  .vc-card.vc-started .vc-card-flip{
    transform:rotateY(180deg);
  }

  .vc-card-start,
  .vc-card-front{
    position:relative;
    width:100%;
    min-height:100%;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    border-radius:24px;
    overflow:hidden;
  }

  .vc-card-start{
    position:absolute;
    inset:0;
    z-index:3;
    min-height:420px;
    background:#26ac5b;
    border:1px solid rgba(255,255,255,.14);
    box-shadow:0 30px 60px rgba(0,0,0,.3);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:clamp(1.25rem,4vw,2rem);
    padding:clamp(1.75rem,4vw,2.75rem);
    transform:rotateY(0deg);
  }

  .vc-card-front{
    z-index:2;
    background:var(--vcblk);
    border:1px solid rgba(0,0,0,.2);
    padding:clamp(1.75rem,4vw,2.75rem);
    box-shadow:0 30px 60px rgba(0,0,0,.3);
    transform:rotateY(180deg);
  }

  .vc-start-title{
    color:#fff;
    font-size:clamp(2.6rem,10vw,6.8rem);
    font-weight:900;
    letter-spacing:.04em;
    line-height:.95;
    text-transform:uppercase;
    text-align:center;
  }

  .vc-start-sub{
    color:rgba(255,255,255,.88);
    font-size:clamp(.9rem,2vw,1.05rem);
    font-weight:700;
    text-align:center;
  }

  .vc-slider{
    width:min(440px,100%);
    margin-top:.25rem;
  }

  .vc-slider-track{
    position:relative;
    height:72px;
    border-radius:999px;
    background:rgba(0,0,0,.22);
    border:1px solid rgba(255,255,255,.3);
    box-shadow:inset 0 0 20px rgba(0,0,0,.2);
    overflow:hidden;
    touch-action:none;
    user-select:none;
  }

  .vc-slider-track::before{
    content:"";
    position:absolute;
    inset:0 auto 0 0;
    width:var(--vc-progress,0%);
    background:rgba(255,255,255,.18);
  }

  .vc-slider-point{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    font-size:.8rem;
    font-weight:900;
    color:rgba(255,255,255,.8);
    letter-spacing:.08em;
    pointer-events:none;
    z-index:1;
  }

  .vc-slider-point.a{left:24px}
  .vc-slider-point.b{right:24px}

  .vc-slider-handle{
    position:absolute;
    top:7px;
    left:7px;
    width:58px;
    height:58px;
    border-radius:50%;
    background:#000;
    border:2px solid rgba(255,255,255,.92);
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:grab;
    z-index:4;
    transform:translateX(var(--vc-x,0px));
    box-shadow:0 12px 28px rgba(0,0,0,.32),0 0 16px rgba(255,255,255,.18);
    transition:box-shadow .25s ease;
  }

  .vc-slider-handle:active{cursor:grabbing}

  .vc-slider-handle img{
    width:42px;
    height:42px;
    object-fit:contain;
    display:block;
    pointer-events:none;
    filter:drop-shadow(0 0 4px rgba(255,255,255,.45));
  }

  .vc-card.vc-started .vc-card-start{
    pointer-events:none;
  }

  @media(max-width:480px){
    .vc-card{border-radius:20px}
    .vc-card-start,.vc-card-front{border-radius:20px}
    .vc-card-start{min-height:390px;padding:1.4rem}
    .vc-start-title{font-size:clamp(2.4rem,15vw,4.5rem)}
    .vc-slider-track{height:64px}
    .vc-slider-handle{width:50px;height:50px}
    .vc-slider-handle img{width:36px;height:36px}
  }

  .vc-prog{display:flex;align-items:center;gap:1rem;margin-bottom:1.75rem}
  .vc-prog-bar{flex:1;height:6px;border-radius:100px;background:rgba(255,255,255,.12);overflow:hidden}
  .vc-prog-bar i{display:block;height:100%;width:0%;border-radius:100px;background:linear-gradient(90deg,var(--vcgd),var(--vcg));transition:width .45s var(--vce)}
  .vc-prog-txt{font-size:.85rem;color:rgba(255,255,255,.6);font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}

  .vc-step{display:none}
  .vc-step.on{display:block;animation:vcStepIn .58s var(--vce)}
  @keyframes vcStepIn{
    0%{opacity:0;transform:translateY(22px) scale(.975);filter:blur(10px)}
    60%{opacity:1;transform:translateY(-3px) scale(1.01);filter:blur(0)}
    100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
  }
  .vc-step.on .vc-q{animation:vcQuestionPop .62s var(--vce)}
  @keyframes vcQuestionPop{
    0%{opacity:0;transform:translateY(14px);filter:blur(8px)}
    100%{opacity:1;transform:translateY(0);filter:blur(0)}
  }
  .vc-step.on .vc-opt{animation:vcOptIn .5s var(--vce) both}
  .vc-step.on .vc-opt:nth-child(1){animation-delay:.05s}
  .vc-step.on .vc-opt:nth-child(2){animation-delay:.1s}
  .vc-step.on .vc-opt:nth-child(3){animation-delay:.15s}
  @keyframes vcOptIn{
    from{opacity:0;transform:translateX(-14px) scale(.98);filter:blur(6px)}
    to{opacity:1;transform:translateX(0) scale(1);filter:blur(0)}
  }
  .vc-q{font-size:clamp(1.25rem,3vw,1.7rem);font-weight:700;line-height:1.25;letter-spacing:-.01em;margin-bottom:1.5rem;color:#fff}
  .vc-q .vc-num{color:var(--vcg);font-family:ui-monospace,monospace;font-size:.9rem;display:block;margin-bottom:.5rem;letter-spacing:.05em}

  .vc-opts{display:flex;flex-direction:column;gap:.75rem}
  .vc-opt{
    display:flex;align-items:center;gap:.9rem;width:100%;text-align:left;cursor:pointer;
    background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.14);
    border-radius:14px;padding:1rem 1.15rem;color:#eee;font-size:1rem;font-family:inherit;
    transition:border-color .25s,background .25s,transform .2s var(--vce);
  }
  .vc-opt:hover{border-color:var(--vcg);background:rgba(38,172,91,.12);transform:translateX(6px) scale(1.012);box-shadow:0 12px 26px rgba(0,0,0,.22),0 0 0 1px rgba(38,172,91,.12)}
  .vc-opt .vc-check{flex:0 0 auto;width:22px;height:22px;border-radius:50%;border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;transition:all .25s}
  .vc-opt:hover .vc-check{border-color:var(--vcg)}
  .vc-opt .vc-check::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--vcg);transform:scale(0);transition:transform .2s var(--vce)}
  .vc-opt.sel{border-color:var(--vcg);background:rgba(38,172,91,.18)}
  .vc-opt.sel .vc-check{border-color:var(--vcg)}
  .vc-opt.sel .vc-check::after{transform:scale(1)}

  .vc-nav{display:flex;align-items:center;justify-content:space-between;margin-top:1.75rem;gap:1rem}
  .vc-back{background:none;border:0;color:rgba(255,255,255,.55);font-family:inherit;font-size:.95rem;cursor:pointer;padding:.5rem;transition:color .25s}
  .vc-back:hover{color:#fff}
  .vc-back[disabled]{opacity:0;pointer-events:none}


  /* RÉSULTAT */
  .vc-result{display:none}
  .vc-result.on{display:block;animation:vcStepIn .5s var(--vce)}
  .vc-rtop{text-align:center}
  .vc-score-ring{position:relative;width:180px;height:180px;margin:0 auto 1.5rem}
  .vc-score-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
  .vc-score-ring .bg{fill:none;stroke:rgba(255,255,255,.1);stroke-width:12}
  .vc-score-ring .fg{fill:none;stroke:var(--vcg);stroke-width:12;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.4s var(--vce)}
  .vc-score-num{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
  .vc-score-num .n{font-size:3rem;font-weight:800;color:var(--vcg);line-height:1;font-variant-numeric:tabular-nums}
  .vc-score-num .s{font-size:.8rem;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.1em;margin-top:.2rem}
  .vc-result h3{font-size:clamp(1.5rem,4vw,2rem);font-weight:800;margin-bottom:.75rem;letter-spacing:-.01em;color:#fff;text-align:center}
  .vc-result h3 .vc-ac{color:var(--vcg)}
  .vc-verdict{color:rgba(255,255,255,.75);font-size:clamp(1rem,2vw,1.1rem);line-height:1.6;max-width:540px;margin:0 auto 2rem;text-align:center}

  /* pistes personnalisées */
  .vc-pistes{display:flex;flex-direction:column;gap:.9rem;margin:0 auto 2rem;max-width:600px}
  .vc-piste{
    position:relative;
    background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);
    border-left:3px solid var(--vcg);border-radius:12px;padding:1.1rem 1.25rem;
    opacity:0;transform:translateY(15px);
    overflow:hidden;
    transition:transform .35s var(--vce),border-color .35s,box-shadow .35s,background .35s;
  }
  .vc-piste::before{
    content:"";position:absolute;inset:0;
    background:radial-gradient(360px circle at var(--mx,80%) var(--my,20%),rgba(38,172,91,.18),transparent 60%);
    opacity:0;transition:opacity .35s;pointer-events:none;
  }
  .vc-piste:hover{
    transform:translateY(-5px) scale(1.015);
    border-color:rgba(38,172,91,.35);
    background:rgba(255,255,255,.06);
    box-shadow:0 18px 38px rgba(0,0,0,.32),0 0 0 1px rgba(38,172,91,.12);
  }
  .vc-piste:hover::before{opacity:1}
  .vc-piste > *{position:relative;z-index:1}
  .vc-piste.in{animation:vcPisteIn .5s var(--vce) forwards}
  @keyframes vcPisteIn{to{opacity:1;transform:translateY(0)}}
  .vc-piste h4{font-size:1.05rem;font-weight:700;color:#fff;margin-bottom:.4rem;display:flex;align-items:center;gap:.5rem}
  .vc-piste h4 .vc-pico{color:var(--vcg);font-size:1.1rem}
  .vc-piste p{font-size:.95rem;line-height:1.55;color:rgba(255,255,255,.72)}
  .vc-piste .vc-stat{color:var(--vcg);font-weight:600}
  .vc-piste .vc-src{display:block;margin-top:.35rem;font-size:.78rem;color:rgba(255,255,255,.4);font-style:italic}

  .vc-cta-row{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}
  .vc-bp,.vc-bg{padding:1rem 1.9rem;border-radius:100px;font-weight:700;font-size:1rem;font-family:inherit;text-decoration:none;cursor:pointer;border:0;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;transition:transform .3s var(--vce),box-shadow .3s,border-color .3s,background .3s}
  .vc-bp{background:var(--vcg);color:#fff}
  .vc-bp:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(38,172,91,.5)}
  .vc-bp svg{width:20px;height:20px;fill:#fff}
  .vc-bg{background:transparent;border:1px solid rgba(255,255,255,.25);color:#fff}
  .vc-bg:hover{border-color:#fff;background:rgba(255,255,255,.08)}

  @media (max-width:480px){
    .vc-cta-row{flex-direction:column}
    .vc-bp,.vc-bg{width:100%}
  }
  @media (prefers-reduced-motion:reduce){
    .vc-card-flip{transition:none!important;transform:rotateY(180deg)!important}
    .vc-card-start{display:none!important}
    .vc-step.on,.vc-result.on{animation:none}
    .vc-piste{opacity:1;transform:none}
  }
/* Entrée progressive des huit miniatures vidéo, identique sur les deux formats. */
.showcase .vcard:not(.in){opacity:0}.showcase .vcard:not(.in):nth-child(odd){transform:translate3d(-24px,38px,0) rotate(-1deg) scale(.98)}.showcase .vcard:not(.in):nth-child(even){transform:translate3d(24px,38px,0) rotate(1deg) scale(.98)}.showcase .vcard.in{opacity:1;transform:none}.showcase .vcard:nth-child(2){transition-delay:.07s}.showcase .vcard:nth-child(3){transition-delay:.14s}.showcase .vcard:nth-child(4){transition-delay:.21s}.showcase .vcard:nth-child(5){transition-delay:.28s}.showcase .vcard:nth-child(6){transition-delay:.35s}.showcase .vcard:nth-child(7){transition-delay:.42s}.showcase .vcard:nth-child(8){transition-delay:.49s}
@media(max-width:768px){.showcase .vcard{transition-delay:0s!important}}

.card-num{display:none!important}.home-drone-feature{position:relative;isolation:isolate;margin:clamp(40px,5vw,74px) auto 0;min-height:340px;padding:clamp(30px,5vw,64px);display:flex;align-items:center;border:1px solid rgba(38,172,91,.32);border-radius:32px;background:linear-gradient(125deg,#101d15,#111 60%,#0d0d0d);overflow:hidden}.home-drone-copy{position:relative;z-index:3;max-width:720px}.home-drone-tag{color:#26ac5b;font-size:.76rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.home-drone-copy h3{margin:.7rem 0 1rem;font-size:clamp(2rem,4vw,3.65rem);line-height:.98;letter-spacing:-.05em}.home-drone-copy h3 strong{color:#26ac5b}.home-drone-copy p{color:#b7b7b7;line-height:1.68}.home-drone-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:1rem}.home-drone-chips span{padding:.38rem .72rem;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#ccc;font-size:.75rem}.home-drone-link{display:inline-flex;gap:.6rem;margin-top:1.4rem;color:#26ac5b;font-weight:800;text-decoration:none}.home-drone-sky{position:absolute;inset:0}.home-drone-sky:before{content:"";position:absolute;right:-8%;top:-35%;width:50%;aspect-ratio:1;border:1px dashed rgba(38,172,91,.2);border-radius:50%}.home-drone-path{position:absolute;right:4%;top:28%;width:38%;height:42%;border-top:1px dashed rgba(38,172,91,.34);border-radius:50%}.home-drone{position:absolute;right:18%;top:25%;width:90px;height:28px;animation:homeDroneFly 8s ease-in-out infinite}.home-drone i,.home-drone b{position:absolute;top:8px;width:46px;height:4px;background:#26ac5b;border-radius:9px}.home-drone i{left:0;transform:rotate(16deg)}.home-drone b{right:0;transform:rotate(-16deg)}.home-drone:before,.home-drone:after{content:"";position:absolute;top:0;width:30px;height:3px;border-radius:50%;background:#8bf5b2;box-shadow:0 0 14px #26ac5b}.home-drone:before{left:0}.home-drone:after{right:0}.home-drone em{position:absolute;left:35px;top:8px;width:23px;height:17px;border-radius:5px 5px 10px 10px;background:#d6ffe5}@keyframes homeDroneFly{0%,100%{transform:translate3d(0,0,0)}40%{transform:translate3d(-45px,28px,0) rotate(3deg)}70%{transform:translate3d(25px,50px,0)}}@media(max-width:700px){.home-drone-feature{min-height:500px;align-items:flex-end;padding:25px 20px;border-radius:24px}.home-drone-copy h3{font-size:2.3rem}.home-drone{right:36%;top:14%}.home-drone-sky:before{right:-35%;top:-5%;width:100%}}@media(prefers-reduced-motion:reduce){.home-drone{animation:none!important}}
.vc-faq{padding:clamp(72px,9vw,130px) 0;background:#0d100e}.vc-faq-wrap{width:min(1500px,calc(100% - clamp(36px,6vw,112px)));margin:auto;display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(42px,8vw,120px);align-items:start}.vc-faq-intro{position:sticky;top:125px}.vc-faq-intro>span{color:#26ac5b;font-size:.76rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.vc-faq-intro h2{margin:.7rem 0 1rem}.vc-faq-intro h2 strong{color:#26ac5b}.vc-faq-intro p{color:#aaa;line-height:1.7}.vc-faq-list{border-top:1px solid rgba(255,255,255,.12)}.vc-faq details{border-bottom:1px solid rgba(255,255,255,.12)}.vc-faq summary{min-height:82px;padding:22px 4px;display:grid;grid-template-columns:1fr 38px;gap:18px;align-items:center;cursor:pointer;font-size:clamp(1rem,1.4vw,1.2rem);font-weight:800;list-style:none}.vc-faq summary::-webkit-details-marker{display:none}.vc-faq summary i{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(38,172,91,.45);border-radius:50%;color:#26ac5b;font-style:normal;transition:.3s ease}.vc-faq details[open] summary i{transform:rotate(45deg);background:#26ac5b;color:#07140c}.vc-faq details p{max-width:780px;margin:-5px 50px 25px 4px;color:#aaa;line-height:1.7}.vc-faq details[open] p{animation:vcFaqIn .35s ease both}@keyframes vcFaqIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@media(max-width:800px){.vc-faq{padding:58px 0}.vc-faq-wrap{width:calc(100% - 28px);grid-template-columns:1fr;gap:28px}.vc-faq-intro{position:static}.vc-faq summary{min-height:72px;padding:18px 0}.vc-faq details p{margin:0 0 22px}}.hero-valuecom{position:relative}.vc-hero-needs{display:flex;flex-wrap:wrap;gap:8px;margin-top:1.6rem}.vc-hero-needs a{padding:9px 12px;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:#d8d8d8;text-decoration:none;font-size:.78rem;font-weight:700;transition:.3s ease}.vc-hero-needs a:hover{border-color:#26ac5b;color:#65da91;transform:translateY(-2px)}.vc-rocket-cta{position:absolute;z-index:8;left:50%;top:54%;display:grid;justify-items:center;gap:5px;color:#fff;text-decoration:none;transform:translate(-50%,-50%);filter:drop-shadow(0 12px 30px rgba(0,0,0,.42))}.vc-rocket-cta>span{width:74px;height:74px;padding:8px;display:grid;place-items:center;border:1px solid rgba(38,172,91,.48);border-radius:50%;background:#0d1711;transition:.35s cubic-bezier(.16,1,.3,1)}.vc-rocket-cta svg{width:58px;height:58px;overflow:visible}.vc-rocket-cta b{padding:7px 11px;border-radius:999px;background:#26ac5b;color:#07140c;font-size:.7rem;white-space:nowrap}.vc-rocket-cta:hover>span{transform:translateY(-6px) rotate(5deg);box-shadow:0 15px 35px rgba(38,172,91,.23)}.vc-rocket-cta.is-launching>span{animation:vcRocketLaunch .72s cubic-bezier(.55,.06,.68,.19) forwards}.vc-rocket-cta.is-launching .vc-rocket-flame{animation:vcFlame .12s linear infinite alternate}.vc-agency-more{display:inline-flex;align-items:center;gap:.55rem;margin-top:1.15rem;color:#26ac5b;text-decoration:none;font-weight:800}.vc-agency-more span{transition:transform .25s}.vc-agency-more:hover span{transform:translateX(5px)}@keyframes vcRocketLaunch{0%{transform:translateY(0)}25%{transform:translateY(8px) rotate(-4deg)}100%{transform:translateY(-150vh) rotate(6deg)}}@keyframes vcFlame{to{transform:scale(1.35);transform-origin:center top}}@media(max-width:980px){.vc-rocket-cta{position:relative;left:auto;top:auto;width:max-content;margin:22px auto 8px;transform:none}.vc-rocket-cta>span{width:66px;height:66px}.vc-rocket-cta svg{width:51px;height:51px}}@media(max-width:580px){.vc-hero-needs{display:grid;grid-template-columns:1fr}.vc-hero-needs a{border-radius:12px;padding:11px 12px}.vc-rocket-cta{margin:18px auto 6px}}@media(prefers-reduced-motion:reduce){.vc-rocket-cta.is-launching>span{animation:none}}@media(max-width:580px){.vc-hero-needs{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-right:-14px;padding:2px 14px 12px 0}.vc-hero-needs::-webkit-scrollbar{display:none}.vc-hero-needs a{flex:0 0 min(82vw,290px);display:flex;align-items:center;scroll-snap-align:start;min-height:54px}.hero-valuecom .hero-text{order:1}.hero-valuecom .hero-media{order:2}.hero-valuecom .vc-rocket-cta{order:3;margin:24px auto 0}}.vc-swipe-hint{display:none}@media(max-width:580px){.vc-swipe-hint{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin-top:-5px;color:#9ca19e;font-size:.72rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.vc-swipe-hint b{width:27px;height:27px;display:grid;place-items:center;border:1px solid rgba(38,172,91,.42);border-radius:50%;color:#26ac5b;animation:vcSwipeArrow 1.5s ease-in-out infinite}.services .grid{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:12px!important}.services .grid::-webkit-scrollbar{display:none}.services .card{flex:0 0 min(84vw,320px);scroll-snap-align:start}.services .vc-services-hint{margin:2px 2px 0}}@keyframes vcSwipeArrow{50%{transform:translateX(5px)}}.vc-hero-needs a.vc-need-attention{color:#ecfff3;border-color:#26ac5b;background:rgba(38,172,91,.18);box-shadow:0 0 0 3px rgba(38,172,91,.08),0 10px 28px rgba(38,172,91,.18);animation:vcNeedAttention .9s cubic-bezier(.36,.07,.19,.97) both}@keyframes vcNeedAttention{0%,100%{transform:translate3d(0,0,0) rotate(0)}18%{transform:translate3d(-2px,0,0) rotate(-.7deg)}36%{transform:translate3d(3px,-1px,0) rotate(.7deg)}54%{transform:translate3d(-2px,0,0) rotate(-.45deg)}72%{transform:translate3d(1px,-1px,0) rotate(.3deg)}}@media(prefers-reduced-motion:reduce){.vc-hero-needs a.vc-need-attention{animation:none;box-shadow:none}}@media(max-width:580px){.vc-hero-needs a{flex-basis:auto!important;width:max-content;max-width:82vw;justify-content:center;text-align:center;padding-inline:16px!important}}
.vcard-info{min-height:46%;padding:clamp(20px,2.5vw,34px)!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;align-items:flex-start!important;background:linear-gradient(180deg,rgba(6,8,7,.02),rgba(5,7,6,.92))!important}
.vcard-info .type{order:1;margin:0 0 .22rem!important;color:#adadad!important;font-size:clamp(.68rem,.85vw,.82rem)!important;line-height:1.35!important;letter-spacing:0!important;text-transform:none!important}
.vcard-info .client{order:2;color:#fff!important;font-size:clamp(1.45rem,2.25vw,2.6rem)!important;line-height:1!important;letter-spacing:-.04em!important;font-weight:800!important}
.vcard.vert .vcard-info{padding:18px!important}.vcard.vert .vcard-info .client{font-size:clamp(1rem,1.4vw,1.45rem)!important}.vcard.vert .vcard-info .type{font-size:.68rem!important}
@media(min-width:769px){.vstack{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:12px!important}.vcard.land{grid-column:span 3!important;aspect-ratio:16/9!important}.vcard.vert{grid-column:span 1!important;aspect-ratio:9/16!important}.video-land-1{order:1!important}.video-land-2{order:2!important}.video-vert-1{order:3!important}.video-vert-2{order:4!important}.video-vert-3{order:5!important}.video-vert-4{order:6!important}.video-vert-5{order:7!important}.video-vert-6{order:8!important}.vcard.vert video{object-fit:contain!important}.services .card .spotlight{background:radial-gradient(185px circle at var(--mx,50%) var(--my,50%),rgba(38,172,91,.11),transparent 68%)!important}.services .card:hover .card-ico{transform:scale(1.045) rotate(-3deg)!important}}
@media(max-width:768px){
  .hero-valuecom{width:100%!important;min-height:auto!important;padding:50px 18px 42px!important;gap:30px!important}.hero-valuecom h1{font-size:clamp(2.25rem,10.8vw,3.3rem)!important;line-height:1.01!important;letter-spacing:-.05em!important}.hero-valuecom .eyebrow{font-size:.72rem!important}.hero-valuecom .sub{font-size:1rem!important;line-height:1.6!important}.hero-valuecom .cta-row{gap:10px!important}.hero-valuecom .btn-primary,.hero-valuecom .btn-ghost{min-height:52px!important;display:flex!important;align-items:center!important;justify-content:center!important}.hero-valuecom .frame{width:min(78vw,300px)!important}
  .services{width:100%!important;padding:48px 16px!important}.services .sec-head{margin-bottom:26px!important}.services .sec-head h2,.rea-sec-head h2,.tm-sec-head h2{font-size:clamp(2rem,9vw,2.8rem)!important;line-height:1.05!important}.services .grid{grid-template-columns:1fr!important;gap:12px!important}.services .card{min-height:0!important;padding:22px!important;border-radius:20px!important}.services .card-link{min-height:44px!important}
  .showcase{padding-top:46px!important;padding-bottom:72px!important}.rea-wrap{width:100%!important;padding-inline:14px!important}.rea-sec-head{margin-bottom:24px!important}.marquee{margin-inline:-14px!important}.vstack{gap:10px!important}.vcard{border-radius:15px!important}.vcard-info{min-height:48%!important;padding:14px!important}.vcard-info .client{font-size:clamp(1.05rem,5vw,1.45rem)!important}.vcard-info .type{font-size:.68rem!important}.vcard.land{min-height:0!important}.band-wrap{padding-top:18px!important}
  .band{width:100%!important;padding:36px 18px!important}.stats-zone{width:150px!important}.stats-card .v{font-size:2.65rem!important}
  .temoi{width:100%!important;padding:50px 14px!important}.tm-sec-head{margin-bottom:26px!important}.tm-card{border-radius:20px!important}.track{gap:12px!important}
}
@media(max-width:390px){.hero-valuecom{padding-inline:14px!important}.hero-valuecom h1{font-size:2.12rem!important}.vstack{gap:8px!important}.vcard-info{padding:12px!important}.services,.temoi{padding-left:12px!important;padding-right:12px!important}}