* { box-sizing: border-box; }
  .mob-br { display: none; }
  .desk-br { display: inline; }
  html { scroll-behavior: smooth; }
  body { margin: 0; font-family: var(--font-body); background: var(--rh-navy); color: #fff; -webkit-font-smoothing: antialiased; }
  ::selection { background: var(--rh-pink); color: #fff; }
  a { color: inherit; text-decoration: none; }
  img { display: block; }
  .wrap { max-width: 1180px; margin: 0 auto; padding-left: 24px; padding-right: 24px; }

  .display { font-family: var(--font-display); font-weight: 800; text-transform: uppercase; line-height: 1.02; letter-spacing: -0.01em; margin: 0; }
  .eyebrow { font-weight: 600; font-size: 13px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--rh-pink); }
  .lead { font-size: 19px; line-height: 1.55; color: var(--text-body); }
  .sec-desc { font-size: 20px; }
  .pink { color: var(--rh-pink); }
  .green { color: var(--rh-green); }

  .btn { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; font-size: 15px; padding: 14px 26px; border-radius: var(--radius-pill); cursor: pointer; border: 1.5px solid transparent; transition: filter .14s, transform .14s; white-space: nowrap; font-family: var(--font-body); }
  .btn:hover { filter: brightness(1.08); }
  .btn:active { transform: scale(.97); }
  .btn-action { background: var(--rh-green); color: #fff; }
  .btn-primary { background: var(--rh-pink); color: #fff; }
  .btn-pink { background: var(--rh-pink); color: #fff; }
  .btn-ghost { background: transparent; color: #fff; border-color: var(--border-on-dark); }
  .btn-lg { font-size: 17px; padding: 17px 32px; }

  header { position: sticky; top: 0; z-index: 50; padding: 16px 0; background: linear-gradient(to bottom, rgba(11,11,45,.94), rgba(11,11,45,.5)); backdrop-filter: blur(10px); }
  .nav { display: flex; align-items: center; justify-content: space-between; border: 1.5px solid var(--border-on-dark); border-radius: var(--radius-pill); padding: 10px 12px 10px 22px; }
  .nav-links { display: flex; align-items: center; gap: 6px; }
  .nav-links a { font-size: 14px; color: var(--text-body); padding: 8px 14px; border-radius: var(--radius-pill); }
  .nav-links a:hover { color: #fff; }

  section { position: relative; }
  .sec-pad { padding: 90px 0; }
  .kicker-h { margin-bottom: 40px; }
  .kicker-h h2 { font-size: clamp(38px, 5vw, 68px); margin-top: 12px; }
  h2.motivos-title { font-size: clamp(36px, 4.8vw, 64px); margin-top: 12px; }
  h2.palestrantes-title { font-size: clamp(36px, 4.8vw, 64px); margin-top: 12px; }
  h2.sponsors-title { font-size: clamp(32px, 4.2vw, 56px); margin-top: 12px; }

  /* hero */
  .hero { position: relative; overflow: hidden; min-height: 100vh; display: grid; align-items: center; }
  /* capped at 106px: above ~1180px the text column is fixed at 674px
     (.wrap maxes out at 1180px), so anything larger wraps to more lines */
  .hero-title { font-size: clamp(40px, 7.5vw, 86px); margin-top: 56px; }
  .hero-bg { position: absolute; inset: 0; background: var(--rh-gradient-event); opacity: .92; }
  .hero-photo { position: absolute; inset: 0; background: url("assets/photos/feira.jpg") center/cover; opacity: .12; mix-blend-mode: luminosity; }
  .hero-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .75; mix-blend-mode: normal; z-index: 0; }

  .hero-glow { position: absolute; inset: 0; background: radial-gradient(60% 60% at 18% 12%, rgba(173,64,255,.4), transparent 62%); }
  .hero-inner { position: relative; padding: 70px 0 84px; display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 56px; align-items: center; padding-top: 140px; }
  .hero-logo { height: 38px; width: auto; margin-bottom: 22px; }
  .hero-mobile-cta { display: none; }
  .hero-mobile-info { display: none; }

  /* lead form */
  .formcard { background: rgba(11,11,45,.55); border: none; border-radius: 28px; padding: 30px; backdrop-filter: blur(8px); box-shadow: var(--shadow-card); }
  .formcard h3 { font-family: var(--font-display); font-weight: 800; text-transform: uppercase; font-size: 28px; margin: 0 0 4px; color: #fff; }
  .formcard .fsub { color: var(--text-body); font-size: 14px; margin: 0 0 20px; }
  .formcard-feat { padding: 42px; border-radius: 32px; border: none; box-shadow: var(--glow-purple); }
  .formcard-feat h3 { font-size: 36px; margin-bottom: 20px; }
  .cota-badge { display: inline-block; margin-top: 10px; padding: 8px 16px; border-radius: var(--radius-pill); background: rgba(255,64,141,.16); border: 1px solid var(--rh-pink); color: #fff; font-size: 14px; }
  .cota-badge strong { color: var(--rh-pink); }
  form { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; margin-top: 18px; }
  .field { display: flex; flex-direction: column; gap: 6px; }
  .field.full { grid-column: span 2; }
  label { font-size: 12.5px; font-weight: 600; color: rgba(255,255,255,.82); }
  .field-err { font-size: 11.5px; color: var(--rh-pink); margin-top: 2px; }
  input, select, textarea { background: rgba(20,20,58,.7); border: 1.5px solid var(--border-on-dark); border-radius: 13px; padding: 12px 14px; color: #fff; font-size: 14.5px; font-family: var(--font-body); outline: none; width: 100%; }
  input:focus, select:focus, textarea:focus { border-color: var(--rh-pink-light); }
  input::placeholder, textarea::placeholder { color: var(--text-muted); }
  textarea { resize: vertical; min-height: 74px; }
  select option { color: #111; }

  /* big numbers carousel */
  .stats-pink { background: var(--rh-navy-700); padding: 80px 0; border-top: 1px solid var(--border-on-dark); }
  .stats-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 48px 80px; align-items: center; }
  .stats-img-wrap { display: flex; justify-content: center; align-items: center; }
  .stats-img { max-width: 130%; height: auto; display: block; margin-left: -15%; }
  .stats-img-mobile { display: none; }
  .stats-img-desktop { display: block; }

  /* audience qualification */
  h2.qual-title { font-size: clamp(38px,5vw,68px); margin-top: 12px; margin-bottom: 0; }
  .qual-grid { display: grid; grid-template-columns: 1fr 1.7fr; gap: 32px; align-items: start; margin-top: 44px; }
  .qual-kpis { display: flex; flex-direction: column; gap: 14px; }
  .qual-kpi { background: var(--rh-navy-700); border: 1px solid var(--border-on-dark); border-radius: var(--radius-lg); padding: 22px 26px; }
  .qual-kpi-n { font-family: var(--font-display); font-weight: 800; text-transform: uppercase; font-size: clamp(36px,3.6vw,52px); line-height: 1; color: var(--rh-pink); }
  .qual-kpi-l { font-size: 14px; color: var(--text-body); margin-top: 6px; line-height: 1.4; }
  .qual-bars-wrap { background: var(--rh-navy-700); border: 1px solid var(--border-on-dark); border-radius: var(--radius-lg); padding: 28px 30px; }
  .qual-bars-title { font-weight: 700; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: rgba(255,255,255,.45); margin-bottom: 22px; }
  .qbar { margin-bottom: 20px; }
  .qbar:last-child { margin-bottom: 0; }
  .qbar-head { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 8px; gap: 12px; }
  .qbar-label { font-size: 13.5px; color: rgba(255,255,255,.8); line-height: 1.3; }
  .qbar-pct { font-family: var(--font-display); font-weight: 800; font-size: 20px; color: #fff; white-space: nowrap; flex-shrink: 0; }
  .qbar-track { height: 8px; background: rgba(255,255,255,.08); border-radius: 999px; overflow: hidden; }
  .qbar-fill { height: 100%; border-radius: 999px; background: var(--rh-pink); }
  .qual-sector-strip { margin-top: 28px; padding-top: 24px; border-top: 1px solid var(--border-on-dark); }
  .qual-sector-title { font-weight: 700; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: rgba(255,255,255,.45); margin-bottom: 14px; }
  .qual-sectors { display: flex; flex-direction: column; gap: 10px; }
  .qual-sector { display: flex; align-items: baseline; gap: 12px; }
  .qs-pct { font-family: var(--font-display); font-weight: 800; font-size: 20px; color: var(--rh-pink); white-space: nowrap; min-width: 52px; }
  .qs-l { font-size: 13.5px; color: rgba(255,255,255,.75); }

  /* palcos do evento */
  h2.palcos-title { font-size: clamp(40px,5.5vw,74px); margin-top: 12px; }
  .palcos-desc { max-width: 660px; margin-top: 16px; margin-bottom: 0; font-size: 18px; }
  .palcos-track { display: flex; gap: 20px; overflow-x: auto; -webkit-overflow-scrolling: touch; margin-top: 36px; scrollbar-width: none; }
  .palcos-track::-webkit-scrollbar { display: none; }
  .palco-slide { flex: none; border-radius: var(--radius-card); overflow: hidden; }
  .palco-slide img { height: 420px; width: auto; display: block; }

  /* speakers carousel */
  .car-head { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 30px; gap: 20px; }
  .car-arrows { display: flex; gap: 10px; }
  .car-arrows button { width: 48px; height: 48px; border-radius: 50%; border: 1.5px solid var(--border-on-dark); background: var(--rh-navy-700); color: #fff; cursor: pointer; font-size: 20px; display: flex; align-items: center; justify-content: center; transition: background .15s; }
  .car-arrows button:hover { background: var(--rh-pink); border-color: var(--rh-pink); }
  .sp-track { display: flex; gap: 18px; overflow-x: hidden; scroll-behavior: auto; padding: 4px; }
  .sp-card { flex: none; width: 250px; border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-card); }
  .sp-card img { width: 100%; height: 100%; object-fit: cover; display: block; }

  /* sponsors static grid */
  .brand-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 14px; }
  .brand-cell { display: flex; align-items: center; justify-content: center; height: 104px; padding: 16px; border: 1px solid var(--border-on-dark); border-radius: var(--radius-lg); background: var(--rh-navy-700); transition: border-color .15s; }
  .brand-cell:hover { border-color: var(--rh-pink); }
  .brand-cell img { max-width: 100%; max-height: 46px; width: auto; height: auto; }
  .brand-cell span { font-family: var(--font-display); font-weight: 700; text-transform: uppercase; font-size: 22px; color: rgba(255,255,255,.78); letter-spacing: 0.02em; text-align: center; line-height: 1; }
  .brand-carousel { display: none; }

  /* motivos cards (4:5, multiple visible) */
  .mv-track { display: flex; gap: 18px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 4px; scrollbar-width: none; }
  /* auto-looping slider: driven entirely by JS (like #spTrack), no native scroll/snap */
  #mvTrack { overflow-x: hidden; scroll-snap-type: none; scroll-behavior: auto; }
  #stTrack { scroll-snap-type: none; scroll-behavior: smooth; }
  .mv-track::-webkit-scrollbar { display: none; }
  .mv-card { flex: none; width: 300px; aspect-ratio: 4 / 5; position: relative; border-radius: var(--radius-lg); overflow: hidden; scroll-snap-align: start; box-shadow: var(--shadow-card); }
  .mv-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
  .mv-card .scrim { position: absolute; inset: 0; background: linear-gradient(to top, rgba(11,11,45,.95) 6%, rgba(11,11,45,.3) 52%, rgba(11,11,45,.05) 100%); }
  .mv-card .body { position: absolute; left: 0; right: 0; bottom: 0; padding: 24px; }
  .mv-kick { font-weight: 600; font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--rh-pink-light); margin-bottom: 10px; }
  .mv-title { font-family: var(--font-display); font-weight: 800; text-transform: uppercase; font-size: 27px; line-height: 1.04; letter-spacing: -0.01em; }
  .mv-title em { font-style: normal; color: var(--rh-pink); }

  /* text + image */
  .ti-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; }
  .ti-img { border-radius: var(--radius-card); overflow: hidden; box-shadow: var(--shadow-card); }
  .ti-img img { width: 100%; height: auto; display: block; }

  /* growth chart (mercado de RH) */
  .growth-chart { background: var(--rh-gradient-spotlight); padding: 32px 28px; display: flex; flex-direction: column; }
  .gc-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
  .gc-kicker { font-weight: 600; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(255,255,255,.85); }
  .gc-title { font-family: var(--font-display); font-weight: 800; text-transform: uppercase; font-size: 22px; color: var(--rh-green); }
  .gc-bars { flex: 1; display: grid; grid-template-columns: repeat(5, 1fr); align-items: end; gap: 10px; margin-top: 24px; }
  .gc-bar { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; height: 100%; gap: 8px; }
  .gc-val { font-size: 11px; color: #fff; font-weight: 700; white-space: nowrap; }
  .gc-fill { width: 100%; max-width: 38px; border-radius: 8px 8px 2px 2px; background: rgba(255,255,255,.35); }
  .gc-fill-peak { background: var(--rh-green); }
  .gc-yr { font-size: 12px; color: rgba(255,255,255,.7); }
  .gc-source { margin-top: 18px; font-size: 11.5px; color: rgba(255,255,255,.6); line-height: 1.4; }

  /* video testimonial */
  h2.video-title { font-size: clamp(26px, 5.5vw, 48px); margin-top: 12px; max-width: 820px; margin-left: auto; margin-right: auto; }
  .video-frame { position: relative; max-width: 880px; margin: 0 auto; border-radius: var(--radius-card); overflow: hidden; box-shadow: var(--shadow-card); aspect-ratio: 16 / 9; background: var(--rh-navy-700); }
  .video-frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

  /* lead modal */
  .modal-overlay { position: fixed; inset: 0; background: rgba(5,5,20,.78); backdrop-filter: blur(4px); display: none; align-items: center; justify-content: center; padding: 24px; z-index: 1000; overflow-y: auto; }
  .modal-overlay.open { display: flex; }
  .modal-card { position: relative; width: 100%; max-width: 640px; max-height: 90vh; overflow-y: auto; margin: auto; }
  .modal-close { position: absolute; top: 18px; right: 18px; width: 36px; height: 36px; border-radius: 50%; border: 1.5px solid var(--border-on-dark); background: var(--rh-navy-700); color: #fff; cursor: pointer; font-size: 15px; display: flex; align-items: center; justify-content: center; }
  .modal-close:hover { background: var(--rh-pink); border-color: var(--rh-pink); }

  /* estandes cards (3:4) */
  .st-card { flex: none; width: 340px; aspect-ratio: 3 / 4; border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-card); }
  .st-card img { width: 100%; height: 100%; object-fit: cover; }

  /* profile bars */
  .profile { display: grid; grid-template-columns: 1.1fr 1fr; gap: 56px; align-items: center; }
  .bars { display: flex; flex-direction: column; gap: 18px; }
  .bar-row .top { display: flex; justify-content: space-between; font-size: 15px; margin-bottom: 8px; }
  .bar-row .top b { font-weight: 700; }
  .track { height: 12px; background: var(--rh-navy); border-radius: 999px; overflow: hidden; }
  .fill { height: 100%; border-radius: 999px; }

  /* tiers */
  .tiers { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; align-items: start; }
  .tier { border-radius: var(--radius-card); padding: 28px 24px; border: 1px solid var(--border-on-dark); background: var(--rh-navy-700); }
  .tier.feat { background: var(--rh-gradient-spotlight); border: none; box-shadow: var(--glow-purple); }
  .tier .badge { display: inline-block; font-weight: 700; font-size: 11px; letter-spacing: .1em; text-transform: uppercase; padding: 5px 11px; border-radius: 999px; margin-bottom: 16px; }
  .tier h3 { font-family: var(--font-display); font-weight: 800; text-transform: uppercase; font-size: 38px; line-height: 1; margin: 0 0 6px; }
  .tier .desc { color: var(--text-body); font-size: 14px; min-height: 40px; margin-bottom: 18px; }
  .tier ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 11px; }
  .tier li { display: flex; gap: 9px; font-size: 14px; color: rgba(255,255,255,.9); line-height: 1.4; }
  .tier li .d { color: var(--rh-green); flex: none; }

  /* final cta */
  .final { position: relative; overflow: hidden; background: url('assets/photos/fundo%20typ.png') center center / cover no-repeat; }
  .final-overlay { position: absolute; inset: 0; z-index: 1; background: linear-gradient(160deg, rgba(8,8,32,.88) 0%, rgba(20,8,40,.84) 50%, rgba(90,10,50,.55) 100%); }

  footer { border-top: 1px solid var(--border-on-dark); margin-top: 0; }
  .foot { display: flex; justify-content: space-between; gap: 32px; padding: 54px 0; flex-wrap: wrap; }
  .foot p { color: var(--text-muted); font-size: 14px; line-height: 1.6; max-width: 320px; margin: 16px 0 0; }
  .foot-cols { display: flex; gap: 56px; flex-wrap: wrap; }
  .foot-cols .h { font-weight: 700; font-size: 13px; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 14px; }
  .foot-cols ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 10px; }
  .foot-cols a { color: var(--text-body); font-size: 14px; }
  .copy { border-top: 1px solid var(--border-on-dark); padding: 18px 0; text-align: center; color: var(--text-muted); font-size: 12.5px; letter-spacing: .04em; }

  @media (max-width: 960px) {
    .hero-inner { grid-template-columns: 1fr; gap: 36px; }
    .tiers { grid-template-columns: repeat(2, 1fr); }
    .brand-grid { grid-template-columns: repeat(4, 1fr); }
    .profile, .ti-grid { grid-template-columns: 1fr; gap: 32px; }
    .formcard-feat { padding: 30px; }
    .formcard-feat h3 { font-size: 28px; }
    .qual-grid { grid-template-columns: 1fr; }
  }
  @media (max-width: 600px) {
    .mob-br { display: inline; }
    .desk-br { display: none; }
    .wrap { padding-left: 20px; padding-right: 20px; }
    .sec-pad { padding: 56px 0; }

    /* long CTA labels forced a min-width via white-space:nowrap, blowing out
       the hero grid column and causing horizontal scroll on narrow phones */
    .btn { white-space: normal; text-align: center; }

    .display { line-height: 1.05; }
    .mv-title { line-height: 1.08; }

    .hero-inner { gap: 28px; }
    .hero-inner > div:first-child { display: flex; flex-direction: column; align-items: center; text-align: center; }
    .hero-logo { height: 28px; margin-bottom: 18px; }
    .hero-eyebrow { display: none; }
    .stats-img-desktop { display: none; }
    .stats-img-mobile { display: block; max-width: 100%; margin-left: 0; }
    .hero-mobile-info { display: flex; flex-direction: column; align-items: center; gap: 3px; margin-bottom: 4px; }
    .hero-mobile-info .hmi-place { font-weight: 600; font-size: 12.5px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--rh-pink); }
    .hero-mobile-info .hmi-date { font-size: 14.5px; font-weight: 600; color: rgba(255,255,255,.85); }
    .hero-lead { font-size: 15.5px; }
    .hero-title { font-size: clamp(40px, 13vw, 54px); }
    .hero-mobile-cta { display: inline-flex; margin-top: 28px; }
    #lead.formcard { display: none; }
    .formcard { padding: 24px 20px; }

    .car-head { flex-direction: column; align-items: flex-start; gap: 16px; }
    .car-arrows { display: none; }
    .profile-cta { display: none; }

    /* tier cards: full color background per category instead of dark card + accent */
    .tier-earlystage { background: #7A5200; border-color: transparent; }
    .tier-startup { background: var(--rh-purple); border-color: transparent; }
    .tier-prata { background: var(--rh-gray-600); border-color: transparent; }
    .tier-ouro { background: var(--rh-green); border-color: transparent; }
    .tier-master { background: var(--rh-pink); border-color: transparent; }
    .tier-earlystage h3, .tier-earlystage .badge, .tier-earlystage .desc, .tier-earlystage li,
    .tier-startup h3, .tier-startup .badge, .tier-startup .desc, .tier-startup li,
    .tier-prata h3, .tier-prata .badge, .tier-prata .desc, .tier-prata li,
    .tier-ouro h3, .tier-ouro .badge, .tier-ouro .desc, .tier-ouro li,
    .tier-master h3, .tier-master .badge, .tier-master .desc, .tier-master li {
      color: #fff !important;
    }
    .tier-earlystage .badge, .tier-startup .badge, .tier-prata .badge, .tier-ouro .badge, .tier-master .badge { background: rgba(255,255,255,.2) !important; }
    .tier-earlystage li .d, .tier-startup li .d, .tier-prata li .d, .tier-ouro li .d, .tier-master li .d { color: #fff; }
    .tier-earlystage .btn-ghost, .tier-startup .btn-ghost, .tier-prata .btn-ghost, .tier-ouro .btn-ghost, .tier-master .btn-ghost { border-color: rgba(255,255,255,.6); }
    #mvTrack, .sp-track { overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; scroll-behavior: auto; }
    #mvTrack::-webkit-scrollbar, .sp-track::-webkit-scrollbar { display: none; }

    .kicker-h h2 { font-size: clamp(40px, 9vw, 52px); }
    h2.motivos-title { font-size: clamp(32px, 10vw, 60px); }
    h2.palestrantes-title { font-size: clamp(38px, 12.5vw, 74px); }
    h2.sponsors-title { font-size: clamp(27px, 8.7vw, 52px); }
    h2.video-title { font-size: clamp(30px, 9vw, 46px); margin-top: 10px; }

    form { grid-template-columns: 1fr; }
    .field.full { grid-column: span 1; }
    .stats-pink { padding: 56px 0 44px; }
    .stats-grid { grid-template-columns: 1fr; gap: 32px; }
    .palco-slide { width: calc(100vw - 40px); }
    .palco-slide img { height: auto; width: 100%; }

    .qual-grid { gap: 20px; }
    .tiers { grid-template-columns: 1fr; }
    .brand-grid { display: none; }
    .brand-carousel { display: flex; gap: 14px; overflow-x: auto; scroll-behavior: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; padding: 4px; }
    .brand-carousel::-webkit-scrollbar { display: none; }
    .brand-carousel .brand-cell { flex: none; width: 150px; }

    .final { padding: 48px 24px; }

    .foot { padding: 40px 20px; gap: 28px; flex-direction: column; }
    .foot-cols { gap: 20px; flex-direction: column; }
    .foot-cols > div { min-width: 0; }

    .formcard-feat { padding: 22px; border-radius: 24px; }
    .gc-bars { gap: 4px; }
    .gc-val { font-size: 10.5px; }
    .gc-yr { font-size: 11px; }
    .modal-card { max-height: 95vh; }
  }