:root{
    --green:#9ED54A; --green-d:#6f9e36; --ink:#0f1012; --ink2:#141519; --card:#16181d;
    --line:rgba(255,255,255,.08); --txt:#eaeaea; --mut:#9a9ea4;
  }
  *{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{font-family:'Inter',sans-serif;background:var(--ink);color:var(--txt);overflow-x:hidden}
  h1,h2,h3,.head{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.5px;font-weight:600;line-height:1}
  a{color:inherit;text-decoration:none}
  .wrap{max-width:1180px;margin:0 auto;padding:0 24px}
  .green{color:var(--green)}
  .kicker{font-family:'Oswald';letter-spacing:4px;font-size:14px;color:var(--green);font-weight:500;text-transform:uppercase}

  /* CAMADA DE FUNDO DESFOCADO */
  .bg-blur{position:absolute;inset:-6%;background-size:cover;background-position:center;
           filter:blur(30px) brightness(.38) saturate(1.1);transform:scale(1.12);z-index:0;pointer-events:none}
  .veil{position:absolute;inset:0;z-index:1;pointer-events:none}

  /* FOTO NITIDA EM DESTAQUE (com parallax + flutuar) */
  .par{will-change:transform}
  .showcase{border-radius:20px;overflow:hidden;border:1px solid rgba(158,213,74,.32);
            box-shadow:0 36px 90px rgba(0,0,0,.65), 0 0 70px rgba(158,213,74,.12)}
  .showcase img{display:block;width:100%;height:100%;object-fit:cover}
  .float{animation:float 6.5s ease-in-out infinite}
  @keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}

  /* HEADER */
  header{position:fixed;top:0;left:0;right:0;z-index:50;padding:18px 0;transition:.35s;background:transparent}
  header.scrolled{background:rgba(15,16,18,.92);backdrop-filter:blur(8px);padding:10px 0;border-bottom:1px solid var(--line)}
  .nav{display:flex;align-items:center;justify-content:space-between}
  .nav img{height:56px;transition:height .35s;animation:logoGlow 3.4s ease-in-out infinite}
  header.scrolled .nav img{height:42px}
  @keyframes logoGlow{
    0%,100%{filter:drop-shadow(0 0 0 rgba(158,213,74,0)) brightness(1)}
    50%{filter:drop-shadow(0 0 14px rgba(158,213,74,.6)) brightness(1.08)}
  }
  .nav-links{display:flex;gap:28px;align-items:center}
  .nav-links a{font-size:14px;color:#d7d9dd;font-weight:500;transition:.2s}
  .nav-links a:hover{color:var(--green)}
  .btn{display:inline-flex;align-items:center;gap:8px;background:var(--green);color:var(--ink);
       padding:13px 24px;border-radius:8px;font-weight:600;font-size:15px;transition:.25s;border:none;cursor:pointer}
  .btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(158,213,74,.3)}
  @media(max-width:760px){.nav-links a{display:none}}

  /* HERO */
  .hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden}
  .hero-inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;
              text-align:center;gap:30px;padding:120px 0 90px;width:100%}
  .hero .uv{display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--green);color:var(--green);
            padding:8px 16px;border-radius:30px;font-weight:600;font-size:14px}
  .hero h1{font-size:clamp(46px,8.5vw,96px);font-weight:700;margin:6px 0}
  .hero h1 span{color:var(--green);display:block}
  .hero p{max-width:520px;color:#d2d5da;font-size:18px;line-height:1.6}
  .hero .showcase-wrap{max-width:780px;width:100%}
  .scrolldown{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);color:var(--green);
              font-size:26px;animation:bounce 1.8s infinite;z-index:3}
  @keyframes bounce{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,10px)}}

  /* SECTIONS */
  .pad{padding:104px 0}
  .sec-head{text-align:center;margin-bottom:54px}
  .sec-head h2{font-size:clamp(32px,5vw,52px);margin-top:8px}
  .bar{width:54px;height:4px;background:var(--green);border-radius:3px;margin:18px auto 0}

  /* TECH GRID */
  .tech{background:var(--ink2);border-top:2px solid var(--green);position:relative}
  .grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
  .chip{background:#1c1e23;border:1px solid var(--line);border-radius:14px;padding:22px 10px;text-align:center;transition:.3s}
  .chip:hover{border-color:var(--green);transform:translateY(-6px);background:#20232a}
  .chip i{font-size:34px;color:var(--green)}
  .chip span{display:block;margin-top:12px;font-size:12px;color:#c8cbd0;font-weight:500}

  /* PRODUTO (foto destaque + card) */
  .show{position:relative;overflow:hidden;padding:110px 0}
  .show .wrap{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center}
  .show.right .showcase-wrap{order:2}
  .showcase-wrap{aspect-ratio:4/3}
  .showcase{height:100%}
  .pcard{background:rgba(20,22,27,.82);backdrop-filter:blur(6px);border:1px solid var(--line);
          border-top:4px solid var(--green);border-radius:16px;padding:34px}
  .pcard h2{font-size:clamp(28px,4vw,42px);margin:8px 0 16px}
  .tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}
  .tag{font-size:12px;font-weight:600;padding:6px 13px;border-radius:8px}
  .tag.g{background:rgba(158,213,74,.14);color:var(--green);border:1px solid rgba(158,213,74,.3)}
  .tag.d{background:rgba(255,255,255,.06);color:#c8cbd0}
  .prices{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
  .price{background:#1c1e23;border-radius:12px;padding:14px 8px;text-align:center}
  .price.best{background:var(--green)}
  .price .q{font-size:11px;color:var(--mut)}
  .price.best .q{color:#3a4d18;font-weight:600}
  .price .v{font-family:'Oswald';font-size:22px;font-weight:600;margin-top:4px}
  .price.best .v{color:var(--ink)}
  /* CALCULADORA DE QUANTIDADE */
  .calc{margin-top:16px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
  .calc input{background:#1c1e23;border:1px solid var(--line);color:var(--txt);padding:12px 14px;
              border-radius:10px;font-size:15px;width:190px;font-family:inherit;transition:.2s}
  .calc input::placeholder{color:#787c82}
  .calc input:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px rgba(158,213,74,.15)}
  .calc-out{font-size:14px;color:var(--mut)}
  .calc-out strong{color:var(--green);font-family:'Oswald';font-size:22px;font-weight:600;letter-spacing:.5px}
  .calc-out small{display:block;color:#787c82;font-size:11px}
  /* SELETOR DE LINHA (dryfit/premium) */
  .linetoggle{display:inline-flex;gap:6px;background:#1c1e23;padding:5px;border-radius:12px;margin-bottom:18px}
  .lt{background:transparent;border:none;color:var(--mut);padding:9px 18px;border-radius:8px;
      font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:.2s}
  .lt.active{background:var(--green);color:var(--ink)}
  .lt:hover:not(.active){color:var(--txt)}

  /* SECOES COM VIDEO VERTICAL (reels) */
  .vidshow .wrap{grid-template-columns:350px 1fr}
  .vidshow.right .showcase-wrap{order:2}
  .showcase-wrap.vertical{aspect-ratio:9/16;justify-self:center}
  .showcase video{display:block;width:100%;height:100%;object-fit:cover}
  @media(max-width:820px){
    .vidshow .wrap{grid-template-columns:1fr}
    .vidshow.right .showcase-wrap{order:0}
    .showcase-wrap.vertical{max-width:300px;margin:0 auto;width:100%}
  }

  /* LINHA DE PRODUCAO (destaque) */
  .producao{position:relative;overflow:hidden;padding:110px 0;border-top:2px solid var(--green)}
  @media(max-width:820px){.producao{padding:64px 0}}

  /* ASSINATURA */
  .sign{position:relative;overflow:hidden;text-align:center;padding:120px 0}
  .sign .wrap{position:relative;z-index:2}
  .sign h2{font-size:clamp(30px,5vw,54px)}
  .sign p{color:var(--mut);max-width:540px;margin:16px auto 0;font-size:17px}

  /* FOOTER */
  footer{background:#0a0b0c;border-top:1px solid var(--line);padding:50px 0 30px}
  .foot{display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap}
  .foot img{height:42px}
  .foot .cli{text-align:right}
  .foot .cli small{display:block;color:var(--mut);font-size:11px;margin-bottom:8px;letter-spacing:1px}
  .copy{text-align:center;color:#5a5e64;font-size:12px;margin-top:30px;letter-spacing:1px}

  /* REVEAL */
  .reveal{opacity:0;transform:translateY(36px);transition:.7s cubic-bezier(.2,.7,.2,1)}
  .reveal.in{opacity:1;transform:none}

  /* BOTAO FLUTUANTE WHATSAPP */
  .wa{position:fixed;right:22px;bottom:22px;z-index:60;width:60px;height:60px;border-radius:50%;
      background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;
      box-shadow:0 8px 24px rgba(0,0,0,.4);transition:.25s;animation:waIn .5s .8s both}
  .wa:hover{transform:scale(1.08);box-shadow:0 10px 30px rgba(37,211,102,.5)}
  @keyframes waIn{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}
  @media(max-width:560px){.wa{width:54px;height:54px;font-size:28px;right:16px;bottom:16px}}

  /* RESPONSIVO */
  @media(max-width:900px){.grid{grid-template-columns:repeat(4,1fr)}}
  @media(max-width:820px){
    .show .wrap{grid-template-columns:1fr;gap:28px}
    .show.right .showcase-wrap{order:0}
    .bg-blur{filter:blur(20px) brightness(.4)}
    .pad,.show,.sign{padding:64px 0}
    .pcard{padding:26px 22px}
  }
  @media(max-width:560px){.grid{grid-template-columns:repeat(2,1fr)}.hero p{font-size:16px}}