@import url('https://fonts.googleapis.com/css2?family=Teko:wght@400;500;600;700&family=Barlow+Semi+Condensed:wght@400;500;600;700;800&display=swap');

  :root{
    --black-0: #0a0a0b;
    --black-1: #121317;
    --black-2: #1a1c21;
    --steel-1: #cfd2d6;
    --steel-2: #f4f5f6;
    --steel-3: #8b8e94;
    --red: #c31e24;
    --red-dark: #8f151a;
    --gold: #f0a728;
    --off-white: #f2f1ee;
    --grey: #9a9da4;
    --grey-dim: #6b6e74;
    --line: rgba(255,255,255,0.08);
  }

  *{margin:0;padding:0;box-sizing:border-box;}

  html{scroll-behavior:smooth;}

  body{
    background:var(--black-0);
    color:var(--off-white);
    font-family:'Barlow Semi Condensed', sans-serif;
    overflow-x:hidden;
  }

  h1,h2,h3,.display{
    font-family:'Teko', sans-serif;
    font-weight:600;
    letter-spacing:0.01em;
    text-transform:uppercase;
    line-height:0.95;
  }

  .eyebrow{
    font-family:'Barlow Semi Condensed',sans-serif;
    font-weight:700;
    letter-spacing:0.28em;
    text-transform:uppercase;
    font-size:12px;
    color:var(--gold);
  }

  a{color:inherit;text-decoration:none;}
  img{display:block;max-width:100%;}

  .wrap{max-width:1180px;margin:0 auto;padding:0 32px;}

  /* ---------- background texture ---------- */
  .brushed{
    background-image:
      repeating-linear-gradient(100deg, rgba(255,255,255,0.015) 0px, rgba(255,255,255,0.015) 1px, transparent 1px, transparent 3px),
      linear-gradient(180deg, var(--black-1), var(--black-0) 60%);
  }

  .diag-hazard{
    background-image: repeating-linear-gradient(45deg, var(--gold) 0 10px, var(--red) 10px 20px);
    height:4px;
    opacity:0.9;
  }

  /* ---------- nav ---------- */
  header{
    position:sticky; top:0; z-index:50;
    background:rgba(10,10,11,0.88);
    backdrop-filter:blur(10px);
    border-bottom:1px solid var(--line);
  }
  nav{
    display:flex; align-items:center; justify-content:space-between;
    padding:14px 32px;
    max-width:1180px; margin:0 auto;
  }
  .brand{display:flex; align-items:center; gap:12px; min-width:0;}
  .brand img{height:30px; width:auto; flex:none;}
  .brand span{
    font-family:'Teko',sans-serif; font-weight:600; font-size:20px;
    letter-spacing:0.03em; color:var(--steel-2);
    white-space:nowrap;
  }

  /* links: hidden on mobile, shown from tablet breakpoint up */
  .navlinks{display:none; gap:clamp(18px,2.2vw,32px); align-items:center;}
  .navlinks a{
    font-size:14px; font-weight:600; letter-spacing:0.03em;
    color:var(--grey); text-transform:uppercase; transition:color .2s;
    white-space:nowrap;
  }
  .navlinks a:hover{color:var(--off-white);}
  @media(min-width:980px){
    .navlinks{display:flex;}
    .nav-toggle{display:none;}
  }

  /* hamburger button */
  .nav-toggle{
    display:flex; flex-direction:column; justify-content:center; gap:5px;
    width:34px; height:34px; flex:none;
    background:transparent; border:1px solid var(--line); border-radius:4px;
    cursor:pointer; padding:0 7px;
  }
  .nav-toggle span{
    display:block; width:100%; height:2px; background:var(--steel-1);
    transition:transform .25s ease, opacity .25s ease;
  }
  .nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
  .nav-toggle.open span:nth-child(2){opacity:0;}
  .nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

  /* mobile dropdown menu */
  .mobile-menu{
    display:flex; flex-direction:column;
    max-height:0; overflow:hidden;
    background:var(--black-1);
    border-top:1px solid transparent;
    transition:max-height .3s ease;
  }
  .mobile-menu.open{
    max-height:560px;
    border-top:1px solid var(--line);
  }
  .mobile-menu a{
    padding:16px 32px;
    font-size:15px; font-weight:600; letter-spacing:0.03em;
    color:var(--grey); text-transform:uppercase;
    border-bottom:1px solid var(--line);
  }
  .mobile-menu a:hover{color:#fff;}
  .mobile-menu .btn{margin:16px 32px;}
  @media(min-width:980px){ .mobile-menu{display:none;} }
  .btn{
    display:inline-flex; align-items:center; gap:8px;
    padding:11px 22px;
    background:linear-gradient(180deg,var(--red) 0%, var(--red-dark) 100%);
    color:#fff; font-weight:700; font-size:13px; letter-spacing:0.05em;
    text-transform:uppercase; border-radius:3px;
    border:1px solid rgba(255,255,255,0.15);
    box-shadow:0 4px 14px rgba(195,30,36,0.35);
    transition:transform .15s, box-shadow .15s;
  }
  .btn:hover{transform:translateY(-1px); box-shadow:0 6px 18px rgba(195,30,36,0.5);}
  .btn-ghost{
    background:transparent; border:1px solid var(--line); color:var(--steel-1);
    box-shadow:none;
  }
  .btn-ghost:hover{border-color:var(--steel-3); color:#fff;}
  .navcta{display:none;}
  @media(min-width:980px){.navcta{display:inline-flex;}}

  /* ---------- hero ---------- */
  .hero{
    position:relative;
    padding:96px 0 80px;
    overflow:hidden;
  }
  .hero::before{
    content:"";
    position:absolute; inset:0;
    background:
      radial-gradient(ellipse 900px 500px at 78% 12%, rgba(195,30,36,0.16), transparent 60%),
      radial-gradient(ellipse 700px 500px at 10% 90%, rgba(240,167,40,0.08), transparent 60%);
    pointer-events:none;
  }
  .hero-grid{
    display:grid; grid-template-columns:1fr; gap:40px; align-items:center;
    position:relative; z-index:2;
  }
  @media(min-width:980px){ .hero-grid{grid-template-columns:1.15fr 0.85fr;} }

  .hero-eyebrow{display:flex; align-items:center; gap:12px; margin-bottom:22px;}
  .hero-eyebrow .rule{width:34px; height:2px; background:var(--gold);}

  .hero h1.wordmark-img{max-width:560px; width:100%; margin-bottom:6px;}
  .hero .tagline{
    font-family:'Teko',sans-serif; font-weight:500; font-size:26px;
    color:var(--steel-1); letter-spacing:0.04em; text-transform:uppercase;
    margin-bottom:22px;
  }
  .swoosh{width:230px; margin:6px 0 26px;}

  .hero p.lede{
    font-size:18px; line-height:1.6; color:var(--grey); max-width:520px; margin-bottom:34px;
  }
  .hero-ctas{display:flex; flex-wrap:wrap; gap:14px; margin-bottom:46px;}
  .hero-ctas .btn{padding:14px 26px; font-size:14px;}

  .stat-row{display:flex; gap:36px; flex-wrap:wrap;}
  .stat{border-left:2px solid var(--red); padding-left:14px;}
  .stat .num{font-family:'Teko',sans-serif; font-size:38px; font-weight:600; color:#fff; line-height:1;}
  .stat .lbl{font-size:12px; color:var(--grey-dim); text-transform:uppercase; letter-spacing:0.08em; margin-top:2px;}

  .hero-badge{
    position:relative; display:flex; justify-content:center; align-items:center;
  }
  .hero-badge img{
    width:100%; max-width:380px;
    filter:drop-shadow(0 20px 50px rgba(0,0,0,0.6));
    animation:float 6s ease-in-out infinite;
  }
  @keyframes float{ 0%,100%{transform:translateY(0px);} 50%{transform:translateY(-12px);} }

  /* ---------- trust bar ---------- */
  .trustbar{
    border-top:1px solid var(--line); border-bottom:1px solid var(--line);
    background:var(--black-1);
  }
  .trust-grid{
    display:grid; grid-template-columns:1fr; gap:0;
    max-width:1180px; margin:0 auto;
  }
  @media(min-width:760px){ .trust-grid{grid-template-columns:1fr 1fr 1fr;} }
  .trust-item{
    display:flex; align-items:center; gap:16px;
    padding:28px 32px;
    border-bottom:1px solid var(--line);
  }
  @media(min-width:760px){
    .trust-item{border-bottom:none;}
    .trust-item:not(:last-child){border-right:1px solid var(--line);}
  }
  .trust-icon{
    width:44px; height:44px; flex:none;
    display:flex; align-items:center; justify-content:center;
    border-radius:50%;
    background:linear-gradient(145deg, var(--black-2), var(--black-0));
    border:1px solid var(--line);
  }
  .trust-icon svg{width:22px; height:22px;}
  .trust-item h3{font-size:17px; letter-spacing:0.02em; color:#fff; margin-bottom:2px;}
  .trust-item p{font-size:13.5px; color:var(--grey); line-height:1.4;}

  /* ---------- section shell ---------- */
  section{padding:88px 0; scroll-margin-top:68px;}
  .sec-head{max-width:640px; margin-bottom:52px;}
  .sec-head h2{font-size:44px; color:#fff; margin-top:10px;}
  .sec-head p{font-size:16.5px; color:var(--grey); margin-top:14px; line-height:1.6;}

  /* ---------- categories ---------- */
  .cat-grid{
    display:grid; grid-template-columns:1fr; gap:1px;
    background:var(--line);
    border:1px solid var(--line);
  }
  @media(min-width:640px){ .cat-grid{grid-template-columns:1fr 1fr;} }
  @media(min-width:1000px){ .cat-grid{grid-template-columns:1fr 1fr 1fr;} }
  .cat-card{
    background:var(--black-1);
    padding:34px 30px;
    position:relative;
    transition:background .2s;
  }
  .cat-card:hover{background:var(--black-2);}
  .cat-card .tag{
    font-size:11px; font-weight:700; letter-spacing:0.15em; text-transform:uppercase;
    color:var(--red); margin-bottom:16px; display:block;
  }
  .cat-icon{width:38px; height:38px; margin-bottom:18px;}
  .cat-icon svg{width:100%; height:100%;}
  .cat-card h3{font-size:24px; color:#fff; margin-bottom:10px; letter-spacing:0.02em;}
  .cat-card p{font-size:14.5px; color:var(--grey); line-height:1.55;}

  /* ---------- about / story ---------- */
  .about{background:var(--black-1); border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
  .about-grid{display:grid; grid-template-columns:1fr; gap:56px; align-items:center;}
  @media(min-width:940px){ .about-grid{grid-template-columns:1fr 1fr;} }
  .about h2{font-size:40px; color:#fff; margin:10px 0 22px;}
  .about p{font-size:16px; color:var(--grey); line-height:1.7; margin-bottom:16px;}
  .about-swoosh{width:180px; margin:22px 0;}

  .metal-panel{
    background:linear-gradient(160deg, var(--black-2), var(--black-0));
    border:1px solid var(--line);
    border-radius:6px;
    padding:36px;
    position:relative;
  }
  .metal-panel::before{
    content:""; position:absolute; top:0; left:0; right:0; height:3px;
    background:linear-gradient(90deg, var(--red), var(--gold));
    border-radius:6px 6px 0 0;
  }
  .metal-list{display:flex; flex-direction:column; gap:22px;}
  .metal-list li{display:flex; gap:16px; align-items:flex-start; list-style:none;}
  .metal-list .n{
    font-family:'Teko',sans-serif; font-size:30px; color:var(--steel-3); flex:none; width:40px;
  }
  .metal-list h4{font-size:17px; color:#fff; margin-bottom:4px;}
  .metal-list p{font-size:13.5px; color:var(--grey); line-height:1.5; margin:0;}

  /* ---------- channels ---------- */
  .chan-grid{
    display:grid; grid-template-columns:1fr; gap:18px;
  }
  @media(min-width:760px){ .chan-grid{grid-template-columns:repeat(4,1fr);} }
  .chan-card{
    border:1px solid var(--line);
    border-radius:6px;
    padding:28px 22px;
    background:var(--black-1);
    text-align:left;
  }
  .chan-dot{width:10px; height:10px; border-radius:50%; margin-bottom:16px;}
  .chan-card h3{font-size:21px; color:#fff; margin-bottom:8px; letter-spacing:0.02em;}
  .chan-card p{font-size:13.5px; color:var(--grey); line-height:1.5;}

  /* ---------- CTA band ---------- */
  .ctaband{
    position:relative;
    background:linear-gradient(120deg, var(--red-dark), var(--black-0) 55%);
    border-top:1px solid var(--line);
    overflow:hidden;
  }
  .ctaband::after{
    content:""; position:absolute; right:-60px; top:-60px; width:420px; height:420px;
    background:radial-gradient(circle, rgba(240,167,40,0.18), transparent 70%);
  }
  .cta-inner{
    position:relative; z-index:2;
    display:flex; flex-direction:column; align-items:flex-start; gap:26px;
  }
  @media(min-width:860px){
    .cta-inner{flex-direction:row; align-items:center; justify-content:space-between;}
  }
  .cta-inner h2{font-size:42px; color:#fff; max-width:560px;}
  .cta-btns{display:flex; gap:14px; flex-wrap:wrap;}

  /* ---------- footer ---------- */
  footer{background:var(--black-1); border-top:1px solid var(--line); padding:56px 0 32px;}
  .foot-grid{display:grid; grid-template-columns:1fr; gap:36px;}
  @media(min-width:760px){ .foot-grid{grid-template-columns:1.4fr 1fr 1fr;} }
  .foot-brand{display:flex; align-items:center; gap:10px; margin-bottom:14px;}
  .foot-brand img{height:26px;}
  .foot-brand span{font-family:'Teko',sans-serif; font-size:19px; color:var(--steel-2);}
  footer p.desc{font-size:13.5px; color:var(--grey-dim); max-width:320px; line-height:1.6;}
  .foot-col h4{
    font-size:12px; letter-spacing:0.15em; text-transform:uppercase; color:var(--grey);
    margin-bottom:14px;
  }
  .foot-col a, .foot-col p{
    display:block; font-size:14px; color:var(--grey); margin-bottom:10px;
  }
  .foot-col a:hover{color:#fff;}
  .foot-bottom{
    margin-top:44px; padding-top:24px; border-top:1px solid var(--line);
    display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px;
    font-size:12.5px; color:var(--grey-dim);
  }

  .reveal{opacity:0; transform:translateY(18px); transition:opacity .6s ease, transform .6s ease;}
  .reveal.in{opacity:1; transform:translateY(0);}

  @media (prefers-reduced-motion: reduce){
    .reveal{opacity:1; transform:none; transition:none;}
    .hero-badge img{animation:none;}
  }

/* =====================================================================
   ATUALIZAÇÃO — seletor de moto, catálogo com fotos, atacado, FAQ
   ===================================================================== */

.btn-wa{background:linear-gradient(180deg,#25b85c,#17893f); box-shadow:0 4px 14px rgba(37,184,92,.3);}
.btn-wa:hover{box-shadow:0 6px 18px rgba(37,184,92,.45);}
.btn svg{width:17px; height:17px; flex:none;}
.btn-lg{padding:14px 26px; font-size:14px;}

/* ---------- hero stats (4 cols) ---------- */
.stat-row{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 28px; max-width:460px;}
@media(min-width:560px){ .stat-row{grid-template-columns:repeat(4,auto); gap:28px; max-width:none; justify-content:start;} }
.stat .lbl{max-width:110px; line-height:1.25;}

/* ---------- FINDER (seletor de moto) ---------- */
.finder{background:var(--black-1); border-top:1px solid var(--line); border-bottom:1px solid var(--line); position:relative;}
.finder::before{content:""; position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(ellipse 800px 380px at 85% 0%, rgba(195,30,36,.14), transparent 65%);}
.finder .wrap{position:relative;}
.finder-card{
  background:linear-gradient(160deg,var(--black-2),var(--black-0));
  border:1px solid var(--line); border-radius:8px; padding:28px; position:relative;
}
.finder-card::before{content:""; position:absolute; top:0; left:0; right:0; height:3px; border-radius:8px 8px 0 0;
  background:linear-gradient(90deg,var(--red),var(--gold));}
@media(min-width:760px){ .finder-card{padding:38px 40px;} }

.f-label{display:block; font-size:11px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:var(--grey); margin-bottom:10px;}
.f-search{position:relative; margin-bottom:26px;}
.f-search svg{position:absolute; left:16px; top:50%; width:18px; height:18px; transform:translateY(-50%); color:var(--grey-dim); pointer-events:none;}
.f-search input{
  width:100%; padding:15px 16px 15px 46px; font:inherit; font-size:16px; color:var(--off-white);
  background:var(--black-0); border:1px solid var(--line); border-radius:4px; outline:none; transition:border-color .2s, box-shadow .2s;
}
.f-search input::placeholder{color:var(--grey-dim);}
.f-search input:focus{border-color:var(--gold); box-shadow:0 0 0 3px rgba(240,167,40,.15);}

.f-brands{display:flex; flex-wrap:wrap; gap:8px; margin-bottom:22px;}
.pill{
  font:inherit; font-size:13px; font-weight:700; letter-spacing:.06em; text-transform:uppercase;
  padding:10px 16px; border-radius:999px; cursor:pointer; color:var(--steel-1);
  background:transparent; border:1px solid var(--line); transition:all .18s;
}
.pill:hover{border-color:var(--steel-3); color:#fff;}
.pill[aria-pressed="true"]{background:linear-gradient(180deg,var(--red),var(--red-dark)); border-color:rgba(255,255,255,.2); color:#fff;}
.pill small{opacity:.65; font-weight:600; margin-left:4px;}

.f-models{display:flex; flex-wrap:wrap; gap:8px; min-height:44px; margin-bottom:26px;}
.chip-model{
  font:inherit; font-size:14px; font-weight:600; padding:9px 14px; border-radius:4px; cursor:pointer;
  color:var(--off-white); background:var(--black-0); border:1px solid var(--line); transition:all .18s;
}
.chip-model:hover{border-color:var(--gold);}
.chip-model[aria-pressed="true"]{border-color:var(--gold); background:rgba(240,167,40,.12); color:#fff;}
.chip-model em{font-style:normal; font-size:11px; color:var(--grey-dim); margin-left:6px; text-transform:uppercase; letter-spacing:.08em;}
.f-empty{color:var(--grey); font-size:15px; padding:8px 0;}

.f-result{border-top:1px solid var(--line); padding-top:26px;}
.f-hint{display:flex; align-items:center; gap:12px; color:var(--grey); font-size:15px;}
.f-hint svg{width:22px; height:22px; color:var(--gold); flex:none;}
.r-head{display:flex; align-items:baseline; flex-wrap:wrap; gap:6px 14px; margin-bottom:18px;}
.r-brand{font-size:12px; font-weight:700; letter-spacing:.2em; text-transform:uppercase; color:var(--gold);}
.r-head h3{font-size:36px; color:#fff;}
.r-count{font-size:13px; color:var(--grey);}
.r-list{list-style:none; display:grid; gap:10px; margin-bottom:24px;}
@media(min-width:760px){ .r-list{grid-template-columns:1fr 1fr;} }
.r-item{background:var(--black-0); border:1px solid var(--line); border-left:3px solid var(--red); border-radius:4px; padding:14px 16px;}
.r-type{font-weight:700; color:#fff; font-size:15.5px; margin-bottom:8px;}
.r-vars{display:flex; flex-wrap:wrap; gap:6px;}
.r-vars span{font-size:12.5px; color:var(--steel-1); background:rgba(255,255,255,.06); padding:3px 9px; border-radius:3px;}
.r-cta{display:flex; flex-wrap:wrap; align-items:center; gap:14px 20px;}
.r-cta small{color:var(--grey-dim); font-size:13px; max-width:380px; line-height:1.4;}
.f-foot{margin-top:18px; font-size:14.5px; color:var(--grey);}
.f-foot a{color:var(--gold); border-bottom:1px solid rgba(240,167,40,.4);}

/* ---------- CATÁLOGO com fotos ---------- */
.p-grid{display:grid; grid-template-columns:1fr; gap:14px;}
@media(min-width:560px){ .p-grid{grid-template-columns:1fr 1fr;} }
@media(min-width:1000px){ .p-grid{grid-template-columns:repeat(4,1fr);} }
.pcard{position:relative; aspect-ratio:1/1; overflow:hidden; border:1px solid var(--line); border-radius:6px; background:var(--black-2); display:block;}
.pcard img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .5s ease;}
.pcard:hover img{transform:scale(1.05);}
.pcard::after{content:""; position:absolute; inset:0;
  background:linear-gradient(to top, rgba(10,10,11,.97) 0%, rgba(10,10,11,.7) 38%, rgba(10,10,11,.05) 72%);}
.pcard .p-text{position:absolute; left:0; right:0; bottom:0; padding:18px 18px 16px; z-index:2;}
.pcard h3{font-size:25px; color:#fff; margin-bottom:6px;}
.pcard p{font-size:13.5px; color:var(--steel-1); line-height:1.4;}
.pcard .p-tag{display:inline-block; font-size:10.5px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:#fff;
  background:var(--red); padding:3px 8px; border-radius:2px; margin-bottom:10px;}
.pcard.big{aspect-ratio:auto; min-height:340px;}
.pcard.big h3{font-size:34px;}
.pcard.big p{font-size:15px; max-width:420px;}
@media(min-width:560px){ .pcard.big{grid-column:span 2;} }
@media(min-width:1000px){ .pcard.big{grid-row:span 2; aspect-ratio:auto; min-height:0;} }

.p-more{
  border:1px dashed rgba(255,255,255,.18); border-radius:6px; padding:22px 20px;
  display:flex; flex-direction:column; justify-content:center; gap:12px; background:var(--black-1);
}
.p-more h3{font-size:24px; color:#fff;}
.p-more p{font-size:13.5px; color:var(--grey); line-height:1.5;}
.p-more .btn{align-self:flex-start;}
.p-note{margin-top:14px; font-size:12.5px; color:var(--grey-dim);}

/* ---------- FÁBRICA × INTERMEDIÁRIO ---------- */
.fab-grid{display:grid; grid-template-columns:1fr; gap:48px; align-items:start;}
@media(min-width:940px){ .fab-grid{grid-template-columns:.95fr 1.05fr; gap:64px;} }
.fab h2{font-size:42px; color:#fff; margin:10px 0 20px;}
.fab p{font-size:16px; color:var(--grey); line-height:1.7; margin-bottom:16px;}
.fab .about-swoosh{width:180px; margin:20px 0;}

.compare{border:1px solid var(--line); border-radius:8px; overflow:hidden; background:var(--black-0);}
.cmp-row{display:grid; grid-template-columns:1fr 1fr; }
.cmp-row > div{padding:15px 16px; font-size:14px; line-height:1.4; border-bottom:1px solid var(--line);}
.cmp-row:last-child > div{border-bottom:none;}
.cmp-row > div:first-child{border-right:1px solid var(--line);}
.cmp-head > div{font-family:'Teko',sans-serif; text-transform:uppercase; font-size:20px; letter-spacing:.04em; padding:14px 16px;}
.cmp-head > div:first-child{background:linear-gradient(180deg,var(--red),var(--red-dark)); color:#fff;}
.cmp-head > div:last-child{background:var(--black-2); color:var(--grey);}
.cmp-row .yes{color:var(--off-white);}
.cmp-row .no{color:var(--grey-dim);}
.cmp-row .k{display:block; font-size:10.5px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--gold); margin-bottom:4px;}
.cmp-row .no .k{color:var(--grey-dim);}
.cmp-foot{font-size:12px; color:var(--grey-dim); margin-top:10px;}

/* ---------- ATACADO ---------- */
.wh{background:var(--black-1); border-top:1px solid var(--line); border-bottom:1px solid var(--line); position:relative; overflow:hidden;}
.wh::before{content:""; position:absolute; left:-120px; bottom:-140px; width:460px; height:460px;
  background:radial-gradient(circle, rgba(240,167,40,.1), transparent 70%);}
.wh .wrap{position:relative;}
.wh-top{display:grid; grid-template-columns:1fr; gap:36px; margin-bottom:40px; align-items:center;}
@media(min-width:900px){ .wh-top{grid-template-columns:auto 1fr; gap:64px;} }
.wh-big{display:flex; align-items:center; gap:18px;}
.wh-big .num{font-family:'Teko',sans-serif; font-weight:600; font-size:120px; line-height:.8; color:#fff;
  background:linear-gradient(180deg,#fff,var(--steel-3)); -webkit-background-clip:text; background-clip:text; color:transparent;}
.wh-big .txt{font-family:'Teko',sans-serif; font-size:26px; text-transform:uppercase; line-height:1; color:var(--gold); letter-spacing:.03em;}
.wh-big .txt small{display:block; font-family:'Barlow Semi Condensed',sans-serif; font-size:13px; text-transform:none; letter-spacing:0; color:var(--grey); margin-top:8px; max-width:210px; line-height:1.4;}
.wh-list{list-style:none; display:grid; gap:12px;}
@media(min-width:640px){ .wh-list{grid-template-columns:1fr 1fr;} }
.wh-list li{display:flex; gap:12px; align-items:flex-start; font-size:15px; color:var(--steel-1); line-height:1.45;}
.wh-list svg{width:18px; height:18px; flex:none; margin-top:2px; color:var(--gold);}
.wh-profiles{display:grid; grid-template-columns:1fr; gap:14px; margin-bottom:34px;}
@media(min-width:760px){ .wh-profiles{grid-template-columns:repeat(3,1fr);} }
.wh-card{background:var(--black-0); border:1px solid var(--line); border-radius:6px; padding:26px 24px; border-top:3px solid var(--red);}
.wh-card:nth-child(2){border-top-color:var(--gold);}
.wh-card:nth-child(3){border-top-color:var(--steel-3);}
.wh-card h3{font-size:25px; color:#fff; margin-bottom:8px;}
.wh-card p{font-size:14.5px; color:var(--grey); line-height:1.55;}

/* ---------- FAQ ---------- */
.faq-list{max-width:820px; display:grid; gap:10px;}
.faq-list details{background:var(--black-1); border:1px solid var(--line); border-radius:6px; transition:border-color .2s;}
.faq-list details[open]{border-color:rgba(240,167,40,.4);}
.faq-list summary{
  list-style:none; cursor:pointer; padding:18px 52px 18px 20px; position:relative;
  font-weight:700; font-size:16.5px; color:#fff;
}
.faq-list summary::-webkit-details-marker{display:none;}
.faq-list summary::after{content:"+"; position:absolute; right:20px; top:50%; transform:translateY(-50%);
  font-family:'Teko',sans-serif; font-size:28px; color:var(--gold); transition:transform .25s;}
.faq-list details[open] summary::after{transform:translateY(-50%) rotate(45deg);}
.faq-list summary:focus-visible{outline:2px solid var(--gold); outline-offset:2px; border-radius:6px;}
.faq-list .ans{padding:0 20px 20px; font-size:15px; color:var(--grey); line-height:1.65;}
.faq-list .ans a{color:var(--gold); border-bottom:1px solid rgba(240,167,40,.4);}

/* ---------- botão flutuante de WhatsApp ---------- */
.wa-float{
  position:fixed; right:18px; bottom:18px; z-index:60;
  display:flex; align-items:center; gap:10px; height:56px; padding:0 20px 0 16px; border-radius:999px;
  background:linear-gradient(180deg,#25c05f,#16873d); color:#fff; font-weight:700; font-size:14px; letter-spacing:.04em; text-transform:uppercase;
  box-shadow:0 8px 26px rgba(0,0,0,.5), 0 0 0 1px rgba(255,255,255,.15) inset; transition:transform .2s;
}
.wa-float:hover{transform:translateY(-2px);}
.wa-float svg{width:26px; height:26px; flex:none;}
@media(max-width:520px){ .wa-float{width:56px; padding:0; justify-content:center;} .wa-float span{display:none;} }

.btn:focus-visible, .pill:focus-visible, .chip-model:focus-visible, .wa-float:focus-visible, a:focus-visible{outline:2px solid var(--gold); outline-offset:3px;}

/* =====================================================================
   CORREÇÕES DE NAVBAR / MOBILE
   ===================================================================== */
/* o hambúrguer precisa sumir no desktop (regra posta DEPOIS da definição base) */
@media(min-width:980px){ .nav-toggle{display:none;} }
/* texto branco nos botões dentro dos menus */
.navlinks a.btn, .mobile-menu a.btn{color:#fff;}
.navlinks a.btn{font-size:13px; padding:10px 18px;}
.mobile-menu a.btn{border-bottom:1px solid rgba(255,255,255,.15);}

@media(max-width:560px){
  .hero{padding:44px 0 56px;}
  .hero .eyebrow{letter-spacing:.14em; font-size:11px;}
  .hero h1.wordmark-img{max-width:270px;}
  .hero .tagline{font-size:22px;}
  .swoosh{width:170px; margin:2px 0 18px;}
  .hero p.lede{font-size:16.5px; margin-bottom:26px;}
  .hero-ctas .btn{width:100%; justify-content:center;}
  .hero-badge img{max-width:230px;}
  .sec-head h2{font-size:36px;}
  section{padding:64px 0;}
  .wrap{padding:0 20px;}
  nav{padding:12px 20px;}
  .mobile-menu a{padding:16px 20px;}
  .mobile-menu .btn{margin:16px 20px;}
  .finder-card{padding:22px 18px;}
  .wh-big .num{font-size:96px;}
  footer{padding-bottom:84px;}
}