:root{
      --ink:#0b1739;
      --orange:#ff8500;
      --muted:#5f6573;
      --paper:#ffffff;
      --max:1440px;
      --gutter:clamp(20px,4vw,64px);
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:#f5f5f5;color:var(--ink);font-family:Arial,Helvetica,sans-serif}
    img{display:block;max-width:100%}
    a{text-decoration:none;color:inherit}
    button{font:inherit}

    .site-shell{
      width:min(calc(100% - 28px), var(--max));
      margin:22px auto 50px;
      background:#fff;
      box-shadow:0 18px 60px rgba(16,24,40,.08);
      overflow:hidden;
    }

    /* CONTATO DISCRETO ACIMA DO MENU */
    .top-contact{
      display:flex;
      justify-content:flex-end;
      align-items:center;
      gap:7px;
      min-height:22px;
      font-size:12px;
      font-weight:700;
      color:#626875;
      padding-top:6px;
    }
    .top-contact a:hover{color:var(--orange)}

    /* BLOCO 01 */
    .hero{
      min-height:760px;
      position:relative;
      padding:28px var(--gutter) 0;
      background:#fff;
    }
    .nav{
      height:74px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:28px;
      position:relative;
      z-index:2;
    }
    .nav-logo{width:210px}
    .nav-links{display:flex;gap:34px;align-items:center;font-weight:700;font-size:15px;color:#171717}
    .nav-item{position:relative}
    .nav-item>a{display:flex;align-items:center;gap:6px}
    .nav-arrow{font-size:10px;opacity:.65}
    .submenu{
      position:absolute;
      top:calc(100% + 0px);
      left:-18px;
      min-width:245px;
      padding:10px;
      background:#fff;
      border:1px solid #eceef2;
      border-radius:16px;
      box-shadow:0 20px 50px rgba(11,23,57,.13);
      opacity:0;
      visibility:hidden;
      transform:translateY(8px);
      transition:.2s ease;
      z-index:20;
    }
    .submenu a{
      display:block;
      padding:12px 14px;
      border-radius:10px;
      font-size:14px;
      font-weight:700;
      color:#303745;
      white-space:nowrap;
    }
    .submenu a:hover{background:#fff5eb;color:var(--orange)}
    .nav-item:hover .submenu,
    .nav-item:focus-within .submenu{
      opacity:1;
      visibility:visible;
      transform:translateY(0);
    }
    .nav-cta{background:var(--orange);color:#fff;padding:14px 22px;border-radius:999px;font-weight:800}
    .hero-grid{
      display:grid;
      grid-template-columns:1.04fr .96fr;
      align-items:center;
      gap:28px;
      min-height:645px;
      margin-top:70px;
    }
    .eyebrow{display:inline-block;border:1px solid #ffd2a5;background:#fff7ef;color:#e96d00;padding:8px 14px;border-radius:999px;font-weight:800;font-size:13px;letter-spacing:.03em}
    h1{font-size:clamp(42px,4.9vw,83px); font-weight:800;line-height:1.1;margin:24px 0 22px;letter-spacing:-.055em;max-width:760px;text-transform:uppercase}
    h1 span{color:var(--orange)}
    .hero-copy{font-size:clamp(18px,1.5vw,24px);font-weight:800;line-height:1.55;color:#303745;max-width:690px}
    .hero-stats{display:flex;gap:42px;flex-wrap:wrap;margin:36px 0 34px}
    .stat strong{display:block;font-size:24px;color:var(--ink)}
    .stat span{color:var(--muted)}
    .hero-buttons{display:flex;gap:16px;flex-wrap:wrap}
    .btn-main{display:inline-flex;align-items:center;gap:12px;background:var(--orange);color:white;padding:17px 26px;border-radius:999px;font-weight:800}
    .btn-ghost{display:inline-flex;align-items:center;border:1px solid #dfe2e7;padding:17px 26px;border-radius:999px;font-weight:800}
    .hero-photo-wrap{
align-self:start;
margin-top:10px;        
      display:flex;
      align-items:center;
      justify-content:center;
      position:relative;
      width:min(100%,560px);
      aspect-ratio:1;
      border-radius:50%;
      overflow:hidden;
      justify-self:end;
      box-shadow:0 24px 70px rgba(0,0,0,.10);
    }
    .hero-photo{
      width:100%;
      height:100%;
      object-fit:cover;
      object-position:58% center;
    }
    .hero-photo-wrap{cursor:pointer}
    .hero-play{
      position:absolute;
      left:50%;
      top:50%;
      transform:translate(-50%,-50%);
      width:96px;
      height:96px;
      border-radius:50%;
      background:rgba(0,0,0,.58);
      border:2px solid rgba(255,255,255,.45);
      display:grid;
      place-items:center;
      z-index:3;
      box-shadow:0 18px 45px rgba(0,0,0,.28);
      transition:.2s ease;
      pointer-events:none;
    }
    .hero-photo-wrap:hover .hero-play{transform:translate(-50%,-50%) scale(1.06);background:rgba(0,0,0,.68)}
    .hero-play:after{
      content:"";
      margin-left:7px;
      border-top:17px solid transparent;
      border-bottom:17px solid transparent;
      border-left:27px solid #fff;
    }

    /* BLOCO 02 */
    .video-section{padding:160px var(--gutter) 90px;background:#fff}
    .video-frame{
      position:relative;
      min-height:640px;
      border-radius:28px;
      overflow:hidden;
      background:#111;
      box-shadow:0 30px 80px rgba(0,0,0,.16);
      cursor:pointer;
    }
    .video-frame>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
    .video-shade{position:absolute;inset:0 55% 0 0;background:rgba(0,0,0,.80)}
    .video-content{position:absolute;left:clamp(34px,5vw,88px);top:50%;transform:translateY(-50%);z-index:3;width:min(38%,550px);color:#fff}
    .video-content h2{font-size:clamp(26px,4vw,64px);line-height:1.10;margin:0 0 22px;text-transform:uppercase;letter-spacing:-.04em}
    .video-content h2 span{color:var(--orange)}
    .video-content p{font-size:clamp(17px,1.5vw,22px);line-height:1.55;color:#eee;max-width:480px}
    .play{position:absolute;left:54%;top:50%;transform:translate(-50%,-50%);width:104px;height:104px;border-radius:50%;background:rgba(0,0,0,.64);border:2px solid rgba(255,255,255,.25);display:grid;place-items:center;z-index:4;box-shadow:0 18px 50px rgba(0,0,0,.28)}
    .play:after{content:"";margin-left:8px;border-top:18px solid transparent;border-bottom:18px solid transparent;border-left:28px solid #fff}
    .video-logo{position:absolute;right:38px;top:34px;width:170px;z-index:4;filter:drop-shadow(0 4px 12px rgba(255,255,255,.35))}
    .fake-controls{position:absolute;left:0;right:0;bottom:0;padding:22px 32px 26px;background:linear-gradient(transparent,rgba(0,0,0,.86));z-index:4;color:#fff;display:flex;align-items:center;gap:16px;font-size:14px}
    .progress{height:5px;flex:1;background:rgba(255,255,255,.4);border-radius:999px;overflow:hidden}.progress i{display:block;height:100%;width:32%;background:var(--orange)}


    /* BLOCO 03 - CERTIFICADOS */
    .certificados{
      padding:110px var(--gutter);
      background:#fff;
      display:grid;
      grid-template-columns:.78fr 1.22fr;
      gap:70px;
      align-items:center;
    }
    .certificados-copy h2{
      font-size:clamp(48px,5vw,82px);
      line-height:1;
      margin:0 0 24px;
      text-transform:uppercase;
      letter-spacing:-.05em;
    }
    .certificados-copy h2 span{color:var(--orange)}
    .certificados-copy p{
      font-size:clamp(18px,1.5vw,23px);
      line-height:1.55;
      color:#303745;
      max-width:520px;
    }
    .certificado-img{
      width:min(100%,650px);
      justify-self:center;
      border-radius:18px;
      box-shadow:0 24px 65px rgba(0,0,0,.12);
    }

    /* BLOCO 04 - GAMIFICAÇÃO */
    .gamificacao{
      padding:110px var(--gutter);
      background:#fff;
      display:grid;
      grid-template-columns:1.22fr .78fr;
      gap:70px;
      align-items:center;
    }
    .gamificacao-copy{order:2}
    .gamificacao-copy h2{
      font-size:clamp(48px,5vw,82px);
      line-height:1;
      margin:0 0 24px;
      text-transform:uppercase;
      letter-spacing:-.05em;
    }
    .gamificacao-copy h2 span{color:var(--orange)}
    .gamificacao-copy p{
      font-size:clamp(18px,1.5vw,23px);
      line-height:1.55;
      color:#303745;
      max-width:520px;
    }
    .gamificacao-img{
      order:1;
      width:min(100%,720px);
      justify-self:start;
      border-radius:18px;
      box-shadow:0 24px 65px rgba(0,0,0,.12);
    }

    /* BLOCO 05 - PLATAFORMA PERSONALIZADA */
    .plataforma{
      padding:110px var(--gutter);
      background:#fff;
      text-align:center;
    }
    .plataforma-copy{
      max-width:900px;
      margin:0 auto 48px;
    }
    .plataforma-copy h2{
      font-size:clamp(48px,5vw,82px);
      line-height:1;
      margin:0 0 24px;
      text-transform:uppercase;
      letter-spacing:-.05em;
    }
    .plataforma-copy h2 span{color:var(--orange)}
    .plataforma-copy p{
      font-size:clamp(18px,1.5vw,23px);
      line-height:1.55;
      color:#303745;
      max-width:760px;
      margin:0 auto;
    }
    .plataforma-img{
      width:min(100%,1180px);
      margin:0 auto;
      border-radius:24px;
      box-shadow:0 30px 80px rgba(0,0,0,.13);
    }

    /* BLOCO 06 - PRÓXIMOS PASSOS */
    .proximos{
      padding:120px var(--gutter);
      background:#fff;
    }
    .proximos-head{
      max-width:900px;
      margin:0 auto 72px;
      text-align:center;
    }
    .proximos-kicker{
      color:var(--orange);
      font-weight:900;
      letter-spacing:.09em;
      text-transform:uppercase;
      font-size:14px;
    }
    .proximos-head h2{
      font-size:clamp(48px,5.3vw,84px);
      line-height:1;
      margin:14px 0 20px;
      text-transform:uppercase;
      letter-spacing:-.05em;
    }
    .proximos-head p{
      margin:0 auto;
      max-width:720px;
      font-size:clamp(18px,1.45vw,22px);
      line-height:1.55;
      color:#4c5361;
    }
    .passos-lista{
      max-width:1120px;
      margin:0 auto;
      display:grid;
      gap:28px;
    }
    .passo{
      display:grid;
      grid-template-columns:150px 1fr;
      align-items:center;
      min-height:150px;
      border-top:1px solid #e7e9ee;
    }
    .passo-numero{
      font-size:clamp(72px,8vw,124px);
      line-height:.8;
      font-weight:900;
      letter-spacing:-.08em;
      color:var(--orange);
    }
    .passo-texto h3{
      margin:0 0 10px;
      font-size:clamp(24px,2.1vw,34px);
      color:var(--ink);
    }
    .passo-texto p{
      margin:0;
      max-width:760px;
      color:#4c5361;
      font-size:clamp(17px,1.35vw,21px);
      line-height:1.55;
    }
    .proposta-cta{
      max-width:1120px;
      margin:70px auto 0;
      padding:clamp(38px,5vw,70px);
      border-radius:30px;
      background:var(--ink);
      color:#fff;
      text-align:center;
      box-shadow:0 28px 75px rgba(11,23,57,.18);
    }
    .proposta-cta h3{
      margin:0 0 16px;
      font-size:clamp(34px,4vw,62px);
      line-height:1;
      text-transform:uppercase;
      letter-spacing:-.045em;
    }
    .proposta-cta p{
      margin:0 auto 30px;
      max-width:700px;
      color:#dce2ef;
      font-size:clamp(17px,1.4vw,21px);
      line-height:1.55;
    }
    .proposta-btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      padding:20px 34px;
      border-radius:999px;
      background:var(--orange);
      color:#fff;
      font-weight:900;
      font-size:clamp(16px,1.25vw,20px);
      box-shadow:0 14px 34px rgba(255,133,0,.24);
      transition:.2s ease;
    }
    .proposta-btn:hover{transform:translateY(-3px)}

    /* BLOCO 07 - DEPOIMENTOS */
    .testimonials{padding:100px var(--gutter) 40px;background:#fff;min-height:760px;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:end}
    .test-copy{align-self:center;max-width:700px}
    .test-kicker{color:var(--orange);font-weight:900;letter-spacing:.08em;text-transform:uppercase}
    .test-copy h2{font-size:clamp(56px,6vw,96px);line-height:.92;margin:16px 0 28px;text-transform:uppercase;letter-spacing:-.055em}
    .testimonial-card{border:1px solid #e7e7e7;border-radius:26px;padding:34px;background:#fff;box-shadow:0 20px 60px rgba(0,0,0,.06);cursor:pointer;transition:.25s ease}
    .testimonial-card:hover{transform:translateY(-4px);box-shadow:0 26px 70px rgba(0,0,0,.1)}
    .stars{color:var(--orange);letter-spacing:4px;font-size:24px}.quote{font-size:clamp(22px,2vw,31px);line-height:1.35;margin:18px 0 22px;color:#1b2230}.who{font-weight:900}.role{color:#727885;font-size:14px;margin-top:4px}
    .dots{display:flex;gap:9px;margin-top:24px}.dots span{width:9px;height:9px;border-radius:50%;background:#d5d5d5}.dots span.active{background:var(--orange)}
    .caricature{max-height:690px;justify-self:end;object-fit:contain;filter:drop-shadow(0 24px 30px rgba(0,0,0,.08))}

    /* CLIENTES - CARROSSEL CONTÍNUO */
    .clientes{
      padding:86px 0 78px;
      background:#fff;
      overflow:hidden;
      border-top:1px solid #edf0f4;
    }
    .clientes-head{
      text-align:center;
      padding:0 var(--gutter);
      margin-bottom:42px;
    }
    .clientes-head h2{
      margin:0 0 10px;
      font-size:clamp(32px,3.2vw,50px);
      line-height:1.05;
      text-transform:uppercase;
      letter-spacing:-.04em;
      color:var(--ink);
    }
    .clientes-head h2 span{color:var(--orange)}
    .clientes-head p{
      margin:0;
      color:#69707d;
      font-size:16px;
    }
    .clientes-marquee{
      width:100%;
      overflow:hidden;
      position:relative;
      -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
      mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
    }
    .clientes-track{
      display:flex;
      width:max-content;
      align-items:center;
      animation:clientes-scroll 30s linear infinite;
      will-change:transform;
    }
    .clientes-marquee:hover .clientes-track{animation-play-state:paused}
    .cliente-logo{
      width:250px;
      height:125px;
      margin:0 24px;
      flex:0 0 auto;
      display:flex;
      align-items:center;
      justify-content:center;
      background:#fff;
      border:1px solid #eef0f3;
      border-radius:18px;
      box-shadow:0 10px 28px rgba(11,23,57,.05);
    }
    .cliente-logo img{
      display:block;
      max-width:205px;
      max-height:92px;
      width:auto;
      height:auto;
      object-fit:contain;
    }
    @keyframes clientes-scroll{
      from{transform:translateX(0)}
      to{transform:translateX(-50%)}
    }


    /* NÚMEROS DE IMPACTO - ROTATIVO */
    .impacto{
      position:relative;
      overflow:hidden;
      padding:105px var(--gutter) 115px;
      background:#fff;
      border-top:1px solid #edf0f4;
      text-align:center;
    }
    .impacto-kicker{
      margin:0 0 38px;
      color:var(--orange);
      font-size:13px;
      font-weight:900;
      letter-spacing:.14em;
      text-transform:uppercase;
    }
    .impacto-viewport{
      position:relative;
      max-width:1180px;
      min-height:280px;
      margin:0 auto;
      overflow:hidden;
    }
    .impacto-item{
      position:absolute;
      inset:0;
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      opacity:0;
      transform:translateX(-90px);
      animation:impacto-rodizio 12s infinite ease-in-out;
    }
    .impacto-item:nth-child(2){animation-delay:4s}
    .impacto-item:nth-child(3){animation-delay:8s}
    .impacto-numero{
      display:block;
      font-size:clamp(70px,8vw,126px);
      line-height:.9;
      font-weight:900;
      letter-spacing:-.075em;
      color:var(--ink);
      white-space:nowrap;
    }
    .impacto-numero .laranja{color:var(--orange)}
    .impacto-label{
      margin-top:25px;
      font-size:clamp(19px,1.55vw,24px);
      line-height:1.25;
      font-weight:900;
      letter-spacing:.055em;
      text-transform:uppercase;
      color:#4c5361;
    }
    .impacto-detalhe{
      display:block;
      margin-top:8px;
      color:#8a909b;
      font-size:15px;
      font-weight:400;
      letter-spacing:0;
      text-transform:none;
    }
    @keyframes impacto-rodizio{
      0%   {opacity:0;transform:translateX(-90px)}
      8%   {opacity:1;transform:translateX(0)}
      27%  {opacity:1;transform:translateX(0)}
      34%  {opacity:0;transform:translateX(90px)}
      100% {opacity:0;transform:translateX(90px)}
    }

    /* RODAPÉ */
    .site-footer{
      background:var(--ink);
      color:#fff;
      padding:46px var(--gutter);
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:40px;
      align-items:end;
    }
    .footer-company{
      font-size:15px;
      line-height:1.6;
      font-weight:800;
    }
    .footer-info{
      text-align:right;
      font-size:14px;
      line-height:1.8;
      color:#dce2ef;
    }
    .footer-info a{
      color:#fff;
      font-weight:800;
    }
    .footer-info a:hover{color:var(--orange)}

    /* MODAL */
    .modal{position:fixed;inset:0;background:rgba(0,0,0,.86);display:none;align-items:center;justify-content:center;padding:28px;z-index:99}.modal.open{display:flex}.modal-box{width:min(100%,1000px);aspect-ratio:16/9;background:#000;border-radius:22px;position:relative;overflow:hidden}.modal-close{position:absolute;right:14px;top:14px;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:#111;font-size:26px;z-index:2;cursor:pointer}.modal-placeholder{height:100%;display:grid;place-items:center;color:#fff;text-align:center;padding:36px;font-size:22px;line-height:1.5}

    @media(max-width:980px){
      .top-contact{justify-content:center;font-size:11px;padding-top:2px}.nav-links{display:none}.hero{min-height:auto}.hero-grid{grid-template-columns:1fr;padding-top:30px}.hero-photo-wrap{width:min(78vw,520px);min-height:0;justify-self:center}.video-frame{min-height:700px}.video-shade{inset:0;background:linear-gradient(90deg,rgba(0,0,0,.84),rgba(0,0,0,.32))}.video-content{width:70%}.play{left:78%;top:70%}.certificados{grid-template-columns:1fr}.certificado-img{justify-self:center;width:min(88%,720px)}.gamificacao{grid-template-columns:1fr}.gamificacao-img{justify-self:center;width:min(88%,720px)}.gamificacao-copy{order:2}.testimonials{grid-template-columns:1fr}.caricature{justify-self:center;max-height:560px}
    }
    @media(max-width:620px){
      .site-shell{width:100%;margin:0}.hero{padding:12px 20px 0}.nav-logo{width:175px}.nav-cta{font-size:13px;padding:12px 14px}.hero-grid{min-height:unset}.hero-stats{gap:20px}.hero-photo-wrap{width:min(88vw,420px);min-height:0}.video-section{padding:44px 14px}.video-frame{min-height:650px;border-radius:18px}.video-content{left:28px;width:82%;top:38%}.video-logo{right:20px;top:20px;width:130px}.play{left:50%;top:72%;width:84px;height:84px}.certificados{padding:70px 24px;gap:38px}.certificado-img{width:88%}.gamificacao{padding:70px 24px;gap:38px}.gamificacao-img{width:88%}.plataforma{padding:70px 24px}.plataforma-copy{margin-bottom:34px}.plataforma-img{border-radius:16px}.proximos{padding:76px 24px}.proximos-head{margin-bottom:46px}.passo{grid-template-columns:86px 1fr;min-height:130px}.passo-numero{font-size:72px}.proposta-cta{margin-top:48px;border-radius:22px;padding:38px 24px}.proposta-btn{width:100%;padding:18px 20px}.testimonials{padding:62px 24px 20px}.test-copy h2{font-size:56px}.caricature{max-height:500px}.clientes{padding:64px 0 58px}.clientes-head{margin-bottom:30px}.cliente-logo{width:210px;height:108px;margin:0 14px}.cliente-logo img{max-width:175px;max-height:78px}.impacto{padding:72px 24px}.impacto-viewport{min-height:250px}.impacto-numero{font-size:clamp(58px,17vw,92px)}.site-footer{grid-template-columns:1fr;gap:18px;padding:38px 24px}.footer-info{text-align:left}
    }