:root{
    --wine:#5D1C34;
    --wine-deep:#4A1729;
    --petrol:#00323A;

    --petrol-deep:#00272E;
    --gold:#C08A2E;
    --gold-soft:#DCA94D;
    --gold-line: rgba(192,138,46,.42);
    --sage:#899481;
    --sand:#CDBCAB;
    --cream:#EFE9E1;
    --ink:#00323A;
    --muted:#5f6a63;
    --hairline: rgba(0,50,58,.14);
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  html{scroll-behavior:smooth; scroll-padding-top:24px;}
  body{
    font-family:'Inter', sans-serif;
    background:var(--cream);
    color:var(--ink);
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
    font-size:15px;
  }
  h1,h2,h3,.serif{ font-family:'Fraunces', serif; font-weight:560; letter-spacing:-.015em; }
  a{color:inherit; text-decoration:none;}
  img{max-width:100%; display:block;}
  .wrap{max-width:1160px; margin:0 auto; padding:0 32px;}
  .icon{width:19px; height:19px; stroke:currentColor; fill:none; stroke-width:1.3; flex:none;}

  .eyebrow{
    display:inline-block;
    font-size:12px; font-weight:600; letter-spacing:.2em; text-transform:uppercase; line-height:1.2;
    color:var(--gold-soft); position:relative; padding-left:30px; font-family:'Inter',sans-serif;
  }
  .eyebrow::before{
    content:""; position:absolute; left:0; top:.62em;
    width:20px; height:1px; background:var(--gold-soft);
  }
  .eyebrow.dark{color:var(--gold);}
  .eyebrow.dark::before{background:var(--gold);}
  .eyebrow.center{margin:0 auto; display:table; padding-left:0; text-align:center;}
  .eyebrow.center::before{display:none;}

  .btn-gold{
    display:inline-flex; align-items:center; gap:10px;
    background:var(--gold); color:var(--wine-deep); font-weight:600; font-family:'Inter',sans-serif;
    padding:17px 32px; border-radius:8px; border:none; cursor:pointer;
    font-size:13px; letter-spacing:.06em; text-transform:uppercase;
    transition:background .2s ease;
  }
  .btn-gold:hover{background:var(--gold-soft);}

  /* ===== NAV ===== */
  .navbar{
    position:sticky; top:0; z-index:50;
    background:var(--petrol); border-bottom:1px solid rgba(255,255,255,.09);
  }
  .navbar .wrap{display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:60px; flex-wrap:wrap;}
  .nav-links{display:flex; gap:28px; flex-wrap:wrap;}
  .nav-links a{
    font-size:11px; font-weight:600; letter-spacing:.14em; text-transform:uppercase;
    color:var(--cream); padding:8px 0; border-bottom:2px solid transparent; transition:color .2s, border-color .2s;
  }
  .nav-links a:hover{color:var(--gold-soft); border-bottom-color:var(--gold-soft);}
  .nav-right{display:flex; align-items:center; gap:22px;}
  .nav-social{display:flex; align-items:center; gap:14px;}
  .nav-social a{display:grid; place-items:center; color:var(--cream); opacity:.82; transition:color .2s ease, opacity .2s ease;}
  .nav-social a:hover{color:var(--gold-soft); opacity:1;}
  .nav-social .icon{width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round;}

  .nav-ic{color:var(--cream); display:grid; place-items:center; transition:color .2s;}
  .nav-ic:hover{color:var(--gold-soft);}
  .nav-ic .icon{width:18px; height:18px;}
  .nav-ic:focus-visible, .nav-links a:focus-visible{outline:2px solid var(--gold-soft); outline-offset:3px;}

  .logo-mileto{display:flex; align-items:center; gap:12px; min-width:0;}
  .logo-mileto .lm-img{display:block; width:auto; height:26px; max-width:none;}
  .logo-mileto.foot .lm-img{height:74px;}
  .logo-mileto:focus-visible{outline:2px solid var(--gold-soft); outline-offset:4px;}

  /* ===== HERO ===== */
  .hero{
    background:var(--wine); color:#fff; padding:80px 0 92px; position:relative; overflow:hidden;
  }
  .hero::after{
    content:""; position:absolute; inset:0; pointer-events:none;
    background:radial-gradient(760px 420px at 88% 6%, rgba(192,138,46,.14), transparent 62%);
  }
  .hero .wrap{display:grid; grid-template-columns:45fr 55fr; gap:72px; align-items:center; position:relative;}
  .hero-copy{max-width:460px;}
  .hero-lockup{margin:0 0 8px;}
  .hero-lockup img{width:100%; max-width:330px; height:auto;}
  .hero p.lead{
    max-width:440px; color:rgba(239,233,225,.82); font-size:14.5px; line-height:1.72; margin-top:24px;
  }
  .hero p.lead b{color:var(--gold-soft); font-weight:700;}
  .hero-cta{margin-top:38px; display:flex; gap:16px; flex-wrap:wrap;}

  .dep-meta{margin-top:18px; font-size:12.5px; color:rgba(239,233,225,.75); letter-spacing:.02em;}
  .dep-meta .dep-cap{display:block; font-size:10.5px; letter-spacing:.18em; text-transform:uppercase; color:var(--gold-soft); margin-bottom:6px;}
  .dep-meta b{display:block; color:#fff; font-family:'Fraunces',serif; font-weight:560; font-size:17px;}

  /* ===== LOGO STRIP ===== */
  .logostrip{background:var(--wine-deep); padding:34px 0; border-bottom:none;}
  .logostrip .label{text-align:center; font-size:10.5px; letter-spacing:.22em; color:var(--gold-soft); font-weight:600; margin-bottom:22px; text-transform:uppercase;}

  .logo-carousel{display:flex; align-items:center; gap:14px;}
  .logo-nav{
    flex:none; width:30px; height:34px; display:grid; place-items:center; cursor:pointer;
    background:none; border:none; color:var(--gold); padding:0;
  }
  .logo-nav svg{width:22px; height:22px; fill:currentColor; stroke:none;}
  .logo-nav:hover{color:var(--gold-soft);}
  .logo-nav:focus-visible{outline:2px solid var(--gold); outline-offset:3px;}
  .logo-track{
    display:flex; align-items:center; gap:38px; overflow-x:auto; scroll-behavior:smooth;
    scrollbar-width:none; padding:4px 0; flex:1;
  }
  .logo-track::-webkit-scrollbar{display:none;}
  .logo-item{flex:none; display:grid; place-items:center; height:52px;}
  .logo-item img{
    height:auto !important; width:auto !important;
    max-height:34px; max-width:132px; object-fit:contain; opacity:.94;
  }





  /* ===== SECTION GENERIC ===== */
  .section{padding:88px 0;}
  .section.cream{background:var(--cream);}
  .sec-head{margin-bottom:34px;}
  .sec-head.center{text-align:center;}
  .sec-head h2{font-size:clamp(24px,2.2vw,30px); font-weight:500; color:var(--petrol); line-height:1.15;}
  .sec-sub.tight{margin-top:12px; margin-bottom:26px; font-size:15px; max-width:420px; font-weight:600; color:var(--petrol);}
  .sec-sub.strong{color:var(--petrol); font-weight:600; font-size:16px; margin-top:14px;}
  .sec-sub{margin-top:14px; color:var(--muted); font-size:15px; max-width:560px;}
  .sec-head.center .sec-sub{margin-left:auto; margin-right:auto;}

  .split{display:grid; grid-template-columns:1.1fr .9fr; gap:70px; align-items:center;}
  .split.rev{grid-template-columns:.9fr 1.1fr;}
  .facts{display:flex; flex-direction:column; gap:18px; margin-top:26px;}
  .facts.marker li{position:relative; display:block; padding-left:22px;}
  .facts.marker li::before{
    content:""; position:absolute; left:0; top:8px; width:7px; height:7px;
    transform:rotate(45deg); background:var(--gold);
  }
  .facts li{list-style:none; display:flex; align-items:flex-start; gap:16px; font-weight:500; font-size:15px; color:var(--petrol);}
  .facts .icon{color:var(--gold); margin-top:3px;}

  /* registro real das sessões do Game On */
  .gameon-shot{margin:0; border-radius:16px; overflow:hidden; box-shadow:0 18px 40px -26px rgba(0,50,58,.5);}
  .gameon-shot img{width:100%; height:auto;}


  /* ===== FORA DA CURVA ===== */
  .darkband{background:var(--petrol); color:#fff; padding:84px 0;}
  .darkband.wine{background:var(--wine);}
  .curva-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:48px; margin-top:36px;}
  .curva-grid .card{display:flex; flex-direction:column; gap:18px; align-items:flex-start;}
  .curva-grid .ic{
    width:42px; height:42px; border-radius:50%; border:1px solid var(--gold-line);
    display:grid; place-items:center; color:var(--gold-soft); flex:none;
  }
  .curva-grid h3{font-family:'Inter',sans-serif; font-size:14px; font-weight:600; letter-spacing:.02em; color:var(--gold-soft); margin-bottom:8px; text-transform:none;}
  .curva-grid p{color:rgba(239,233,225,.78); font-size:13.5px; line-height:1.65;}

  /* ===== SEU PAPEL ===== */
  .role-list{list-style:none; display:grid; grid-template-columns:1fr; gap:26px;}
  .role-list.two{grid-template-columns:1fr 1fr; gap:30px 60px;}
  .role-list li{display:flex; gap:16px; align-items:center; font-weight:500; font-size:14.5px; color:var(--petrol);}
  .role-list .ic{width:38px; height:38px; border-radius:50%; flex:none; display:grid; place-items:center; border:1px solid var(--gold); color:var(--gold);}

  /* ===== IMPACT ===== */
  .impactband{background:var(--wine); color:#fff; padding:78px 0;}
  .impact-cols{display:grid; grid-template-columns:repeat(3,1fr); text-align:center; margin-top:38px;}
  .impact-cols.four{grid-template-columns:repeat(4,1fr);}
  .impact-cols .num{font-family:'Fraunces',serif; font-weight:400; font-size:clamp(48px,5.4vw,66px); color:var(--gold-soft); line-height:1;}
  .impact-cols .cap{font-size:12px; color:rgba(239,233,225,.82); margin-top:14px; letter-spacing:.16em; text-transform:uppercase;}
  .impact-cols .col{border-left:1px solid rgba(255,255,255,.16); padding:0 16px;}
  .impact-cols .col:first-child{border-left:none;}

  /* ===== O QUE VOCE LEVA ===== */
  .leva-wrap{display:grid; grid-template-columns:1fr 200px; gap:56px; align-items:center;}
  .porque-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:34px; text-align:left;}
  .porque-grid .icon{width:28px; height:28px; margin-bottom:16px; color:var(--gold);}
  .porque-grid h3{font-family:'Inter',sans-serif; font-size:14px; font-weight:600; color:var(--petrol); margin-bottom:8px; letter-spacing:.01em;}
  .porque-grid p{font-size:13.5px; color:var(--muted); line-height:1.6;}
  .leva-seal img{width:100%; height:auto;}

  /* ===== QUEM JA INSPIRA ===== */
  .inspira{background:#FCFAF7; padding:88px 0;}
  .mentor-carousel{display:flex; align-items:flex-start; gap:14px;}
  .mentor-row{
    display:flex; gap:30px; overflow-x:auto; scroll-behavior:smooth;
    scrollbar-width:none; flex:1; padding:4px 0;
  }
  .mentor-row::-webkit-scrollbar{display:none;}
  .mentor{text-align:center; flex:0 0 132px;}
  .avatar-photo{
    width:118px; height:118px; border-radius:50%; object-fit:cover;
    margin:0 auto 16px; border:1px solid var(--hairline);
  }
  .mentor .name{font-weight:600; font-size:14px; color:var(--petrol); font-family:'Inter',sans-serif;}
  .mentor .co{font-size:12px; color:var(--muted); margin-top:2px; letter-spacing:.02em;}


  /* ===== FORM ===== */
  .formband{background:var(--cream); padding:88px 0;}
  .form-card{
    display:grid; grid-template-columns:.9fr 1.1fr;
    border-radius:4px; overflow:hidden; margin:0 auto; border:1px solid var(--gold-line);
  }
  .form-left{padding:64px 52px; color:#fff; background:var(--wine);}
  .form-left h2{font-size:clamp(22px,2vw,28px); font-weight:600; margin:16px 0 20px; line-height:1.24;}
  .form-left h2 em{color:var(--gold-soft); font-style:italic;}
  .form-left p{color:rgba(239,233,225,.82); font-size:14px; line-height:1.72; max-width:360px;}
  .form-left p + p{margin-top:14px;}
  .form-left p.strong{color:#fff; font-weight:600;}
  .form-left .scarcity{margin-top:34px; font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--sand); border-top:1px solid rgba(255,255,255,.16); padding-top:22px;}
  .form-right{background:var(--cream); padding:48px;}

  /* ===== FOOTER ===== */
  footer{background:var(--petrol); color:var(--cream); padding:72px 0;}
  footer .wrap{display:grid; grid-template-columns:1.35fr .85fr .8fr; gap:56px; align-items:center;}
  footer h4{color:var(--gold-soft); font-size:11px; letter-spacing:.18em; font-weight:600; margin-bottom:18px; text-transform:uppercase;}
  footer .foot-contact ul{list-style:none; display:flex; flex-direction:column; gap:14px; font-size:13px; color:rgba(239,233,225,.85);}
  footer .foot-contact li{display:flex; align-items:flex-start; gap:12px;}
  footer .foot-contact .icon{color:var(--gold-soft); margin-top:2px;}
  footer .foot-contact a:hover{color:var(--gold-soft);}
  footer .foot-brand{text-align:right;}
  footer .foot-brand .logo-mileto{justify-content:flex-end; display:flex;}

  /* card de imprensa horizontal */
  .press-card{
    display:grid; grid-template-columns:190px 1fr; align-items:stretch;
    background:#fff; color:var(--ink); border-radius:12px; overflow:hidden;
    box-shadow:0 18px 40px -28px rgba(0,0,0,.55);
  }
  .press-ph{width:100%; height:100%; object-fit:cover;}
  .press-txt{padding:22px 24px; display:flex; flex-direction:column; align-items:flex-start; gap:10px;}
  .press-brand{height:16px; width:auto;}
  .press-txt h5{
    font-family:'Fraunces',serif; font-weight:560; font-size:16px; line-height:1.3; color:var(--petrol);
  }
  .press-txt p{font-size:12.5px; line-height:1.6; color:var(--muted);}
  .press-link{
    margin-top:4px; display:inline-flex; align-items:center;
    font-size:11px; font-weight:600; letter-spacing:.12em; text-transform:uppercase;
    color:#fff; background:var(--petrol); border-radius:6px; padding:11px 18px;
    transition:background .2s ease;
  }
  .press-link:hover{background:var(--wine);}
  .press-link:focus-visible{outline:2px solid var(--gold-soft); outline-offset:3px;}


  /* ===== CARD DE DEPOIMENTO (composto) ===== */
  .depcard{
    display:grid; grid-template-columns:1.1fr .9fr; aspect-ratio:3/2;
    background:var(--sand); color:var(--petrol); overflow:hidden; border-radius:19px;
  }
  .depcard-txt{padding:34px 30px; display:flex; flex-direction:column; justify-content:center; gap:22px;}
  .depcard .q{
    font-family:'Fraunces',serif;
    font-size:clamp(15px,1.5vw,20px); line-height:1.42; font-style:italic; font-weight:400;
    color:var(--petrol);
  }
  .depcard .q b{font-weight:700; font-style:italic;}
  .depcard-cap{
    font-size:10px; letter-spacing:.2em; text-transform:uppercase; color:rgba(0,50,58,.62);
    line-height:1.8; border-top:1px solid var(--gold-line); padding-top:14px;
  }
  .depcard-ph{width:100%; height:100%; object-fit:cover; object-position:top center;}


  @media (max-width:980px){
    .hero .wrap, .split, .leva-wrap{grid-template-columns:1fr; gap:48px;}
    .hero{padding:80px 0 90px;}
    .section{padding:64px 0;}
    .darkband, .formband, .inspira, .impactband{padding:64px 0;}
    .curva-grid, .porque-grid{grid-template-columns:repeat(2,1fr);}
    .impact-cols.four{grid-template-columns:repeat(2,1fr);}
    .role-list.two{grid-template-columns:1fr;}
    .mentor-row{grid-template-columns:repeat(3,1fr); row-gap:36px;}
    .impact-cols{grid-template-columns:1fr; gap:32px;}
    .impact-cols .col{border-left:none; border-top:1px solid rgba(255,255,255,.16); padding-top:24px;}
    .impact-cols .col:first-child{border-top:none; padding-top:0;}
    .form-card{grid-template-columns:1fr;}
    .leva-seal{max-width:180px; margin:0 auto;}
    footer .wrap{grid-template-columns:1fr;}
    footer .foot-brand{text-align:left;}
    footer .foot-brand .logo-mileto{justify-content:flex-start;}
  }
  @media (max-width:640px){
    .wrap{padding:0 20px;}
    .press-card{grid-template-columns:1fr;}
    .press-ph{height:180px;}

    .porque-grid, .curva-grid{grid-template-columns:1fr;}
    .mentor-row{grid-template-columns:repeat(2,1fr);}
    .form-left{padding:44px 26px;}
    .form-right{padding:30px 22px;}
  }

  /* RD Station form embed */
  .form-right.rd-embed .bricks--component-form{max-width:none;}
  /* painel direito é creme: o card interno da RD não deve criar um bloco branco */
  .form-right.rd-embed div[class*="bricks"]{background:transparent !important; box-shadow:none !important; border:0 !important; padding-left:0 !important; padding-right:0 !important;}
  .form-right.rd-embed input[type=text],
  .form-right.rd-embed input[type=email],
  .form-right.rd-embed input[type=tel],
  .form-right.rd-embed select{background:#fff !important; border:1px solid var(--hairline) !important;}

  .form-right.rd-embed label,
  .form-right.rd-embed .bricks-form__label{
    font-family:'Inter',sans-serif; font-size:11px; font-weight:600;
    letter-spacing:.1em; text-transform:uppercase; color:var(--muted);
  }
  .form-right.rd-embed input[type=text],
  .form-right.rd-embed input[type=email],
  .form-right.rd-embed input[type=tel],
  .form-right.rd-embed select,
  .form-right.rd-embed textarea{
    width:100%; background:#fff; border:1px solid var(--hairline); border-radius:4px;
    padding:12px 14px; font-family:'Inter',sans-serif; font-size:14.5px; color:var(--ink);
  }
  .form-right.rd-embed input:focus,
  .form-right.rd-embed select:focus,
  .form-right.rd-embed textarea:focus{outline:2px solid var(--gold); outline-offset:1px;}
  .form-right.rd-embed button,
  .form-right.rd-embed input[type=submit]{
    width:100%; border:0; cursor:pointer; border-radius:3px;
    background:var(--gold) !important; background-image:none !important;
    color:#fff !important; font-family:'Inter',sans-serif; font-size:13px; font-weight:600;
    letter-spacing:.06em; text-transform:uppercase; padding:15px 22px; border-color:transparent !important;
  }

  /* ===== CARROSSEL DE DEPOIMENTOS (HERO) ===== */
  .dep-carousel{position:relative;}
  .dep-viewport{
    overflow:hidden; border-radius:20px;
    border:1px solid var(--gold-line);
    background:var(--sand);
  }
  .dep-track{display:flex; transition:transform .35s ease;}
  .dep-slide{flex:0 0 100%; margin:0; min-width:0;}
  .dep-slide img{width:100%; height:auto; display:block; border-radius:19px;}
  .dep-nav{
    width:34px; height:34px; border-radius:50%; cursor:pointer;
    display:grid; place-items:center;
    background:transparent; border:1px solid var(--gold-line); color:var(--gold-soft);
    transition:background .2s ease, color .2s ease;
  }
  .dep-nav:hover{background:rgba(192,138,46,.14);}
  .dep-nav:focus-visible{outline:2px solid var(--gold-soft); outline-offset:2px;}
  .dep-nav svg{width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round;}

  .dep-carousel{display:flex; flex-direction:column;}
  .dep-controls{display:flex; align-items:center; justify-content:center; gap:18px; margin-top:18px;}
  .dep-dots{display:flex; justify-content:center; gap:8px;}
  .dep-dots button{
    width:8px; height:8px; padding:0; border-radius:50%; cursor:pointer;
    background:rgba(220,169,77,.35); border:none; transition:background .2s ease, transform .2s ease;
  }
  .dep-dots button[aria-selected="true"]{background:var(--gold-soft); transform:scale(1.3);}
  .dep-dots button:focus-visible{outline:2px solid var(--gold-soft); outline-offset:3px;}
  @media (prefers-reduced-motion:reduce){ .dep-track{transition:none;} }