:root{
    --gold-1:#e0ba37;
    --gold-2:#e59e03;
    --gold-3:#fee515;
    --bg0:#000;
    --bg1:#070707;
    --text:#f7f7f7;
    --muted:#c9c9c9;
    --shadow: 0 14px 34px rgba(0,0,0,.55);
    --radius: 18px;
    --radius2: 24px;
    --max: 1320px;
    --focus: 0 0 0 3px rgba(254,229,21,.22), 0 0 0 1px rgba(229,158,3,.35);
    --ease-out: cubic-bezier(.16, 1, .3, 1);
    --ease-inout: cubic-bezier(.65, 0, .35, 1);
  }

  *{ box-sizing:border-box; }
  html,body{ height:100%; }

  body{
    margin:0;
    color:var(--text);
    background:
      radial-gradient(1200px 700px at 12% -20%, rgba(254,229,21,.16), transparent 55%),
      radial-gradient(900px 600px at 95% 0%, rgba(229,158,3,.15), transparent 58%),
      radial-gradient(1200px 800px at 50% 120%, rgba(224,186,55,.10), transparent 60%),
      linear-gradient(180deg, var(--bg0), var(--bg1) 45%, #000);
    font: 16px/1.55 ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
    overflow-x:hidden;
    position: relative;
  }

  @media (max-width: 560px){
    body{
      background:
        radial-gradient(320px 220px at 50% 7%, rgba(254,229,21,.07) 0%, rgba(254,229,21,.03) 38%, transparent 68%),
        radial-gradient(330px 240px at 50% 30%, rgba(229,158,3,.06) 0%, rgba(229,158,3,.025) 42%, transparent 72%),
        radial-gradient(330px 240px at 50% 54%, rgba(224,186,55,.055) 0%, rgba(224,186,55,.022) 42%, transparent 74%),
        radial-gradient(360px 260px at 50% 86%, rgba(254,229,21,.06) 0%, rgba(254,229,21,.025) 44%, transparent 76%),
        linear-gradient(180deg, #000 0%, #070707 55%, #000 100%);
    }
  }

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

  .container{ width:min(var(--max), calc(100% - 40px)); margin:0 auto; }
  .section{ padding: 72px 0; }

  .grid{ display:grid; gap:18px; min-width:0; }
  .two{ grid-template-columns: 1.15fr .85fr; }
  .three{ grid-template-columns: repeat(3, 1fr); }
  .four{ grid-template-columns: repeat(4, 1fr); }

  @media (max-width: 980px){
    .two{ grid-template-columns: 1fr; }
    .three{ grid-template-columns: repeat(2, 1fr); }
    .four{ grid-template-columns: repeat(2, 1fr); }
    .section{ padding: 56px 0; }
  }
  @media (min-width: 981px){
    .heroCard .two{ grid-template-columns: 1fr 1fr; }
  }
  @media (max-width: 560px){
    .three, .four{ grid-template-columns: 1fr; }
    .container{ width:min(var(--max), calc(100% - 28px)); }
  }

  #siteWrap{
    opacity: 0;
    visibility: hidden;
    filter: blur(4px);
    transform: translateY(12px);
    transition: opacity .85s var(--ease-out), visibility .85s var(--ease-out), filter .85s var(--ease-out), transform .85s var(--ease-out);
    will-change: opacity, transform, filter;
  }
  body.ready #siteWrap{ opacity: 1; visibility: visible; filter: blur(0); transform: translateY(0); }

  #barLoader{
    position:fixed; inset:0; z-index: 100000; display:flex; align-items:center; justify-content:center; background:#000;
    transition: opacity .45s var(--ease-out), visibility .45s var(--ease-out), transform .45s var(--ease-out);
    will-change: opacity, transform;
  }
  #barLoader.hide{ opacity:0; visibility:hidden; transform: scale(.985); }
  .barWrap{ display:flex; align-items:flex-end; gap:12px; height:56px; }
  .bar{
    width:10px; height:8px; border-radius:999px; background: linear-gradient(180deg, var(--gold-3), var(--gold-2));
    box-shadow: 0 10px 22px rgba(229,158,3,.14); transform-origin: bottom; opacity:.95;
    animation: fillOnce .75s cubic-bezier(.2, 1, .2, 1) forwards; animation-delay: var(--d); will-change: height, opacity;
  }
  .bar[data-h="1"]{ --target: 14px; } .bar[data-h="2"]{ --target: 24px; } .bar[data-h="3"]{ --target: 34px; } .bar[data-h="4"]{ --target: 44px; } .bar[data-h="5"]{ --target: 56px; }
  @keyframes fillOnce{ 0% { height: 8px; opacity:.65; } 70% { height: calc(var(--target) + 6px); opacity:1; } 100% { height: var(--target); opacity:.95; } }

  #introMsg{
    position:fixed; inset:0; z-index: 99999; display:flex; align-items:center; justify-content:center; background:#000; overflow:hidden;
    opacity:0; visibility:hidden; transform: translateY(14px);
    transition: opacity .75s var(--ease-out), visibility .75s var(--ease-out), transform .75s var(--ease-out);
    text-align:center; padding:24px; will-change: opacity, transform;
  }
  #introMsg.show{ opacity:1; visibility:visible; transform: translateY(0); }
  #introMsg::before{
    content:""; position:absolute; inset:0; pointer-events:none;
    background-image: url("https://pub-56c14c350e6c453c98cb6275d38db861.r2.dev/Fundo.png");
    background-repeat: repeat; background-size: 520px auto; background-position: center top;
    opacity: 0.14; filter: contrast(110%) brightness(140%); mix-blend-mode: screen;
  }
  .msgWrap{ position:relative; z-index:1; max-width: 760px; }
  .msgTitle{ color:#fff; font-weight:950; letter-spacing:-.02em; font-size: clamp(22px, 4.2vw, 46px); line-height:1.08; text-shadow: 0 12px 40px rgba(0,0,0,.55); }
  .msgSub{ margin-top: 18px; color: var(--gold-3); font-weight:950; font-size: clamp(18px, 3.2vw, 32px); letter-spacing:.2px; text-shadow: 0 12px 40px rgba(0,0,0,.55); }

  .header{ position: sticky; top: 0; z-index: 999; background: #000; border-bottom: none; backdrop-filter: none; box-shadow: none; }
  .header.scrolled{ background: #000; box-shadow: none; border-bottom: none; }
  .nav{ display:flex; align-items:center; justify-content:space-between; padding: 14px 0; gap:12px; }
  .brand{ display:flex; align-items:center; gap:0; font-weight:900; letter-spacing:.2px; min-width:0; }
  .brandName{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width: 46vw; }
  @media (max-width: 560px){ .brandName{ max-width: 52vw; } }
  .logo{ width: 160px; height: 44px; border-radius: 12px; object-fit: contain; box-shadow: none; flex: 0 0 auto; display:block; background: transparent !important; }
  .logo:after{ content:none; }
  @media (min-width: 981px){ .logo{ width: 200px; height: 52px; } }

  .navlinks{ display:flex; gap:10px; align-items:center; min-width:0; }
  .navlinks a{ padding:10px 12px; color:var(--muted); border-radius:12px; transition: .18s ease; border:1px solid transparent; }
  .navlinks a:hover{ color:var(--text); background: rgba(254,229,21,.06); border-color: rgba(254,229,21,.12); }
  .sr-only{ position:absolute !important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }

  .btn{
    display:inline-flex; align-items:center; justify-content:center; gap:10px; padding: 12px 14px;
    border-radius: 14px; border:1px solid rgba(254,229,21,.16); background: rgba(255,255,255,.04);
    color:var(--text); box-shadow: 0 10px 22px rgba(0,0,0,.22);
    transition: transform .16s ease, background .16s ease, border-color .16s ease, box-shadow .16s ease;
    cursor:pointer; user-select:none; white-space:nowrap;
  }
  .btn:hover{ transform: translateY(-1px); background: rgba(254,229,21,.06); border-color: rgba(254,229,21,.25); box-shadow: 0 14px 28px rgba(0,0,0,.28); }
  .btn:active{ transform: translateY(0); }
  .btn:focus-visible{ outline:none; box-shadow: var(--shadow), var(--focus); }
  .btn-primary{ background: linear-gradient(135deg, var(--gold-3), var(--gold-2)); border: 1px solid rgba(254,229,21,.60); box-shadow: 0 16px 32px rgba(229,158,3,.24); position:relative; overflow:hidden; color:#000; }
  .btn-primary span{ position:relative; z-index:1; font-weight:900; letter-spacing:.2px; color:#000; }
  .btn-primary:hover{ background: linear-gradient(135deg, var(--gold-3), var(--gold-1)); border-color: rgba(254,229,21,.70); box-shadow: 0 18px 36px rgba(229,158,3,.28); color:#000; }

  .burger{ display:none; width:44px; height:44px; border-radius:14px; border:1px solid rgba(254,229,21,.18); background: rgba(255,255,255,.04); cursor:pointer; align-items:center; justify-content:center; }
  .burger:focus-visible{ outline:none; box-shadow: var(--focus); }
  .burger i{ width:18px; height:2px; background: var(--text); position:relative; display:block; border-radius:2px; }
  .burger i:before, .burger i:after{ content:""; position:absolute; left:0; width:18px; height:2px; background: var(--text); border-radius:2px; transition:.18s ease; }
  .burger i:before{ top:-6px; } .burger i:after{ top:6px; }

  .mobile{ display:none; padding-bottom: 14px; }
  .mobile a{ display:block; padding:12px 12px; border-radius:14px; color:var(--muted); border:1px solid rgba(254,229,21,.12); background: rgba(255,255,255,.03); }
  .mobile a:hover{ color:var(--text); background: rgba(254,229,21,.06); border-color: rgba(254,229,21,.20); }
  @media (max-width: 880px){ .navlinks{ display:none; } .burger{ display:flex; } .mobile{ display:block; } .mobile[hidden]{ display:none; } .mobile .stack{ display:grid; gap:10px; } }

  .hero{ padding: 26px 0 10px; }
  .heroCard{ border-radius: var(--radius2); border: 1px solid rgba(254,229,21,.18); background: radial-gradient(900px 420px at 12% 0%, rgba(254,229,21,.16), transparent 62%), radial-gradient(800px 420px at 90% 0%, rgba(229,158,3,.14), transparent 62%), linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)); box-shadow: var(--shadow); padding: 34px; position:relative; overflow:hidden; }
  @media (max-width: 980px){ .heroCard{ padding: 26px; } }
  h1{ margin: 16px 0 10px; font-size: clamp(30px, 4.2vw, 52px); line-height:1.05; letter-spacing:-.02em; }
  .lead{ margin: 0 0 18px; color: var(--muted); font-size: 17px; max-width: 60ch; }
  .heroCard p.lead{ margin: 0 !important; } .heroCard p.lead + p.lead{ margin-top: 10px !important; }
  .heroActions{ display:flex; gap:12px; flex-wrap:wrap; align-items:center; margin-top: 18px; }
  .glass{ border-radius: var(--radius); border:1px solid rgba(254,229,21,.12); background: rgba(255,255,255,.03); box-shadow: 0 12px 26px rgba(0,0,0,.26); }
  .heroRight{ display:flex; flex-direction:column; min-width:0; }
  .heroArt{ border-radius: 20px; border: 1px solid rgba(254,229,21,.14); background: rgba(0,0,0,.25); padding: 12px; box-shadow: 0 12px 26px rgba(0,0,0,.26); }
  .heroArt img{ width:100%; height:auto; border-radius: 14px; aspect-ratio: 16 / 10; object-fit: contain; background: rgba(0,0,0,.20); }

  .metricsWrap{ margin-top: 26px; }
  @media (min-width: 981px){ .metricsWrap{ margin-top: 32px; } } @media (max-width: 980px){ .metricsWrap{ margin-top: 14px; } }
  .metrics{ padding: 18px; display:grid; grid-template-columns: repeat(3,1fr); gap:14px; align-items:stretch; }
  @media (max-width: 980px){ .metrics{ grid-template-columns: 1fr; } }
  .metric{ padding: 18px; border-radius: 18px; background: rgba(255,255,255,.03); border:1px solid rgba(254,229,21,.12); min-width:0; display:flex; flex-direction:column; min-height: 120px; height: 100%; }
  .metric .v{ display: grid; grid-template-columns: 18px 1fr; column-gap: 10px; row-gap: 2px; align-items: start; font-weight:950; font-size: 24px; letter-spacing:-.02em; line-height:1.1; color: var(--gold-3); min-height: 56px; }
  .metric .plus{ width: 18px; display: inline-block; text-align: center; line-height: 1; }
  .metric .t{ color: var(--muted); font-size: 14px; margin-top: auto; }

  .secHead{ display:flex; align-items:flex-end; justify-content:space-between; gap:14px; margin-bottom: 18px; }
  .secHead h2{ margin:0; font-size: clamp(22px, 2.5vw, 32px); letter-spacing:-.01em; }
  .secHead p{ margin:0; color:var(--muted); max-width: 62ch; }
  .card{ border-radius: var(--radius); border:1px solid rgba(254,229,21,.14); background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)); box-shadow: 0 12px 26px rgba(0,0,0,.26); padding: 18px; min-width:0; }
  .card h3{ margin: 10px 0 6px; font-size:18px; } .card p{ margin:0; color:var(--muted); }
  .icon{ width:40px; height:40px; display:grid; place-items:center; border-radius:14px; border:1px solid rgba(254,229,21,.18); background: rgba(254,229,21,.06); box-shadow: 0 10px 20px rgba(0,0,0,.18); }
  .icon img{ width:30px; height:30px; object-fit:contain; }

  .step{ display:flex; gap:12px; padding:16px; border-radius: var(--radius); border:1px solid rgba(254,229,21,.14); background: rgba(255,255,255,.03); }
  .badge{ width:34px; height:34px; border-radius: 12px; display:grid; place-items:center; background: linear-gradient(135deg, rgba(254,229,21,.18), rgba(229,158,3,.20)); border:1px solid rgba(254,229,21,.28); font-weight:950; color: var(--gold-3); flex: 0 0 auto; }
  .step h4{ margin: 2px 0 4px; } .step p{ margin:0; color: var(--muted); }

  .ctaBand{ border-radius: var(--radius2); padding: 22px; border:1px solid rgba(254,229,21,.18); background: radial-gradient(900px 420px at 12% 0%, rgba(254,229,21,.14), transparent 62%), radial-gradient(800px 420px at 90% 0%, rgba(229,158,3,.14), transparent 62%), linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)); box-shadow: var(--shadow); display:flex; gap:14px; align-items:center; justify-content:space-between; flex-wrap:wrap; }

  footer{ padding: 28px 0 46px; border-top: 1px solid rgba(254,229,21,.14); background: rgba(0,0,0,.55); }
  .foot{ display:grid; grid-template-columns: 1.3fr 1fr 1fr; gap:18px; align-items:start; }
  .foot small, .foot a{ color: var(--muted); } .foot a:hover{ color: var(--gold-3); }
  @media (max-width: 900px){ .foot{ grid-template-columns: 1fr; } }
  .hr{ height:1px; background: linear-gradient(90deg, transparent, rgba(254,229,21,.14), transparent); margin: 22px 0 0; }
  .reveal{ opacity: 1; transform: none; }
  .js .reveal{ opacity:0; transform: translateY(10px); transition: .55s var(--ease-out); }
  .js .reveal.in{ opacity:1; transform: translateY(0); }

  /* Botão Início */
  .toTop{ position: fixed; right: 16px; bottom: 16px; display:flex; align-items:center; gap:10px; padding: 12px 14px; border-radius: 16px; border:1px solid rgba(254,229,21,.18); background: rgba(0,0,0,.55); color: var(--text); box-shadow: 0 18px 34px rgba(0,0,0,.40); cursor:pointer; z-index: 60; user-select:none; }
  .toTop:hover{ background: rgba(254,229,21,.07); border-color: rgba(254,229,21,.28); }
  .toTop:focus-visible{ outline:none; box-shadow: var(--shadow), var(--focus); }
  .toTop .arrow{ width:28px; height:28px; border-radius: 12px; display:grid; place-items:center; background: rgba(254,229,21,.12); border: 1px solid rgba(254,229,21,.18); color: var(--gold-3); font-weight: 900; }
  .toTop .label{ font-weight: 800; letter-spacing:.2px; white-space: nowrap; }
  .js .toTop{ opacity: 0; pointer-events: none; transform: translateY(10px); transition: opacity .18s var(--ease-out), transform .18s var(--ease-out); }
  .js .toTop.show{ opacity: 1; transform: translateY(0); pointer-events: auto; }

  @media (prefers-reduced-motion: reduce){
    .js .reveal{ opacity:1; transform:none; transition:none; } .js .toTop{ opacity:1; pointer-events:auto; transform:none; transition:none; }
    #siteWrap{ filter:none; transform:none; transition:none; } #barLoader, #introMsg{ transition:none; } .bar{ animation:none; height: var(--target); }
  }

  body::before{
    content:""; position: fixed; inset: 0; pointer-events: none; z-index: 0;
    background-image: url("https://pub-56c14c350e6c453c98cb6275d38db861.r2.dev/Fundo.png");
    background-repeat: repeat; background-size: 520px auto; background-position: center top;
    opacity: 0.16; filter: contrast(110%) brightness(140%); mix-blend-mode: screen;
  }
  header, main, section, footer{ position: relative; z-index: 1; }
  .beneficio-title{ color: var(--gold-3); font-weight: 800; }