@font-face{font-family:'Outfit';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/outfit-500.woff2') format('woff2')}
@font-face{font-family:'Outfit';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/outfit-600.woff2') format('woff2')}
@font-face{font-family:'Outfit';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/outfit-700.woff2') format('woff2')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/dm-sans-400.woff2') format('woff2')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/dm-sans-500.woff2') format('woff2')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/dm-sans-700.woff2') format('woff2')}
:root{
  --papel:#F3F5F2; --grade:#DCE1DC; --grafite:#1D1E20; --texto:#1D1E20; --suave:#454B55;
  --compra:#0B7F84; --venda:#D63163; --ouro:#BD8D55;
  --f-tit:'Outfit',system-ui,sans-serif; --f-txt:'DM Sans',system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth;scroll-padding-top:84px;-webkit-text-size-adjust:100%}
body{font:17px/1.62 var(--f-txt);color:var(--texto);background-color:var(--papel);
  background-image:linear-gradient(var(--grade) 1px,transparent 1px),linear-gradient(90deg,var(--grade) 1px,transparent 1px);
  background-size:44px 44px;background-position:-1px -1px;overflow-x:hidden}
svg{max-width:100%;display:block}
a{color:inherit}
:focus-visible{outline:3px solid var(--ouro);outline-offset:3px;border-radius:3px}
.wrap{width:min(1180px,100% - 32px);margin-inline:auto}
h1,h2,h3{font-family:var(--f-tit);font-weight:600;line-height:1.1;letter-spacing:-.012em}
h1{font-size:clamp(2.1rem,4.8vw,3.7rem)}
h2{font-size:clamp(1.7rem,3.2vw,2.5rem);margin-bottom:1.1rem}
h3{font-size:1.2rem}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:.8rem 1.8rem;border-radius:999px;background:#000;color:var(--ouro);font:600 1.02rem var(--f-tit);text-decoration:none;border:2px solid #000;transition:background .2s,color .2s,transform .2s;text-align:center}
.btn:hover{background:var(--ouro);color:#111;border-color:var(--ouro);transform:translateY(-2px)}
.btn.sm{min-height:42px;padding:.45rem 1.15rem;font-size:.95rem}
.btn.gold{background:var(--ouro);color:#111;border-color:var(--ouro);width:100%}
.btn.gold:hover{background:#fff;border-color:#fff}
.lnk{font:500 1rem var(--f-tit);text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px;text-decoration-color:var(--venda)}
.lnk:hover{text-decoration-color:var(--compra)}

.top{position:fixed;inset:0 0 auto 0;z-index:50;background:var(--papel);height:68px;border-bottom:1px solid var(--grade);transition:box-shadow .2s}
.top.scrolled{box-shadow:0 10px 24px -16px rgba(29,30,32,.4)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;height:67px}
.brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;font:600 1.3rem var(--f-tit)}
.brand svg{width:34px;height:34px}
nav#menu{display:flex;align-items:center;gap:1.6rem}
nav#menu a:not(.btn){text-decoration:none;font-weight:500;font-size:.98rem;padding:.4rem 0;border-bottom:2px solid transparent}
nav#menu a:not(.btn):hover{border-bottom-color:var(--compra)}
.burger{display:none;width:46px;height:46px;border:0;background:transparent;cursor:pointer;border-radius:8px}
.burger span{display:block;width:24px;height:2px;background:var(--grafite);margin:6px auto;transition:transform .25s,opacity .25s}
.burger[aria-expanded=true] span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.burger[aria-expanded=true] span:nth-child(2){opacity:0}
.burger[aria-expanded=true] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}

.hero{padding:112px 0 3rem}
.hero .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:3rem;align-items:center;min-height:calc(100svh - 150px)}
.tag{display:inline-block;font:500 .95rem var(--f-tit);padding:.3rem .8rem;background:var(--grafite);color:var(--ouro);border-radius:3px 12px 3px 12px;margin-bottom:1.3rem}
.hero h1 b{font-weight:600;background:linear-gradient(transparent 62%,rgba(11,127,132,.28) 62%)}
.hero p.sub{font-size:1.18rem;color:var(--suave);max-width:33rem;margin:1.3rem 0 1.9rem}
.hero .acts{display:flex;flex-wrap:wrap;gap:1.4rem;align-items:center}
.fp{background:#fff;border:2px solid var(--grafite);border-radius:6px;padding:.8rem;box-shadow:12px 12px 0 var(--grafite)}
.fp svg{width:100%;height:auto}
.fp figcaption{font-size:.86rem;color:var(--suave);padding:.5rem .2rem 0}
.cell{opacity:0;animation:cellin .45s ease-out forwards;animation-delay:calc(var(--i)*38ms + .2s)}
@keyframes cellin{from{opacity:0}to{opacity:1}}

.layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:3.5rem;align-items:start;padding-bottom:5rem}
.layout>aside{grid-column:2;grid-row:1;position:sticky;top:96px}
.layout>div.content{grid-column:1;grid-row:1}
.buy{background:var(--grafite);color:#E6EAED;border-radius:6px 26px 6px 26px;padding:1.8rem}
.buy .p{font:700 3.3rem var(--f-tit);color:var(--ouro);line-height:1}
.buy .p small{font:500 1.2rem var(--f-tit);margin-right:.35rem;color:#E6EAED}
.buy .t{margin:.6rem 0 1.3rem;color:#B4BBC7}
.buy .sup{display:block;margin-top:1rem;text-align:center;color:#E6EAED;font-size:.95rem}
.buy .sup a{color:var(--ouro)}

.content section{padding:3.6rem 0 0}
.content section:first-child{padding-top:0}
.content p{max-width:44rem;color:var(--suave)}
dl.def{display:grid;gap:1.6rem;margin-top:1.8rem;max-width:44rem}
dl.def div{padding-left:1.3rem;border-left:5px solid var(--c)}
dl.def dt{font:600 1.2rem var(--f-tit);margin-bottom:.2rem}
dl.def dd{color:var(--suave)}
dl.def div:nth-child(1){--c:var(--grafite)}dl.def div:nth-child(2){--c:var(--compra)}dl.def div:nth-child(3){--c:var(--venda)}
.sw{display:inline-block;width:.8em;height:.8em;border-radius:2px;margin-right:.35rem;vertical-align:baseline}
table{width:100%;max-width:44rem;border-collapse:collapse;margin-top:1.4rem;background:#fff;border:2px solid var(--grafite)}
th,td{text-align:left;padding:.9rem 1.1rem;border-bottom:1px solid var(--grade);vertical-align:top}
th{background:var(--grafite);color:#E6EAED;font:500 .98rem var(--f-tit)}
td:first-child{font:600 1.05rem var(--f-tit)}
tr:last-child td{border-bottom:0}
.who{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:1.4rem;max-width:44rem}
.who h3{margin-bottom:.15rem}
.who .role{color:var(--venda);font:600 .98rem var(--f-tit);margin-bottom:.5rem}
.who p{font-size:.98rem}
.qa{display:grid;gap:1.7rem;margin-top:1.5rem;max-width:44rem}
.qa h3{margin-bottom:.3rem}

footer{background:var(--grafite);color:#B4BBC7;padding:3.2rem 0 2.4rem;font-size:.95rem}
footer .wrap{display:grid;gap:1.5rem}
footer .row{display:flex;flex-wrap:wrap;gap:1rem 2.4rem;justify-content:space-between;align-items:center}
footer a{color:#E6EAED}
footer .risk{font-size:.84rem;line-height:1.55;max-width:70ch}

.js body:not(.ready) .hero .wrap>div:first-child{opacity:0;transform:translateY(14px)}
.hero .wrap>div:first-child{transition:opacity .8s ease,transform .8s ease}

@media (max-width:980px){
  .layout{grid-template-columns:minmax(0,1fr);gap:2.4rem}
  .layout>aside,.layout>div.content{grid-column:1}
  .layout>aside{grid-row:1;position:static}
  .layout>div.content{grid-row:2}
}
@media (max-width:860px){
  .burger{display:block}
  nav#menu{position:fixed;inset:68px 0 auto 0;flex-direction:column;align-items:stretch;gap:0;background:var(--papel);padding:.6rem 16px 1.6rem;border-bottom:1px solid var(--grade);box-shadow:0 18px 30px -18px rgba(29,30,32,.45);transform:translateY(-130%);visibility:hidden;transition:transform .3s ease,visibility 0s .3s;max-height:calc(100svh - 68px);overflow:auto}
  nav#menu.open{transform:none;visibility:visible;transition:transform .3s ease}
  nav#menu a:not(.btn){padding:1rem 0;border-bottom:1px solid var(--grade);font-size:1.1rem}
  nav#menu .btn{margin-top:1.1rem}
  .hero .wrap{grid-template-columns:minmax(0,1fr);min-height:0;gap:2.2rem}
  .who{grid-template-columns:1fr}
  .fp{box-shadow:7px 7px 0 var(--grafite)}
}