@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/bricolage-grotesque.woff2) format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/jetbrains-mono-400.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+221E,U+2212}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/jetbrains-mono-500.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+221E,U+2212}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/jetbrains-mono-arrows.woff2) format('woff2');unicode-range:U+2190-2199}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/jetbrains-mono-arrows.woff2) format('woff2');unicode-range:U+2190-2199}

:root{
  --bg:#06201E;
  --bg-deep:#041615;
  --cell:#072522;
  --line:rgba(120,210,196,.16);
  --teal:#3FD9BC;
  --teal-dim:#8FB8B1;
  --orange:#FF7A35;
  --ink:#E8F4F1;
  --mono:'JetBrains Mono',ui-monospace,monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{
  background:var(--bg);
  background-image:radial-gradient(90% 60% at 100% 0%, #0B3430 0%, var(--bg) 50%, var(--bg-deep) 100%);
  background-attachment:fixed;
  color:var(--ink);
  font-family:'Bricolage Grotesque',system-ui,sans-serif;
  font-size:17px;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--teal)}
a:hover{color:var(--orange)}
a:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
ul,ol{list-style:none}

.wrap{
  width:min(1180px,calc(100% - 2.5rem));
  margin-inline:auto;
  padding-block:1.4rem 3rem;
}

/* topo */
.top{
  display:flex;justify-content:space-between;gap:1rem;
  font-family:var(--mono);font-size:.72rem;letter-spacing:.04em;color:var(--teal-dim);
  padding-bottom:.9rem;border-bottom:1px solid var(--line);
}
.top b{color:var(--teal);font-weight:500}

/* hero */
.hero{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  column-gap:1.25rem;
  margin-top:clamp(2.5rem,9vh,6rem);
}
.name{display:contents;font-weight:800}
.name span{
  display:block;
  font-size:clamp(5.2rem,20.5vw,16.5rem);
  line-height:.8;
  letter-spacing:-.055em;
}
.l1{grid-column:1/-1;grid-row:1}
.l2{grid-column:1/-1;grid-row:2;margin-left:1.169em;color:var(--orange)}
.lede{
  grid-column:1/4;grid-row:2;align-self:end;
  font-size:clamp(1.2rem,2vw,1.55rem);line-height:1.25;letter-spacing:-.01em;
  padding-bottom:.35em;max-width:16ch;
}
.lede b{font-weight:600;color:var(--teal)}
.sub{
  grid-column:7/-1;grid-row:3;
  margin-top:clamp(1.6rem,4vh,2.8rem);
  color:var(--teal-dim);font-size:1.02rem;max-width:48ch;
}

/* stats */
.stats{
  display:grid;grid-template-columns:4fr 4fr 3fr 3fr;
  margin-top:clamp(3rem,8vh,5rem);
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
}
.stats li{padding:1.5rem 1.25rem 1.5rem 0}
.stats li + li{border-left:1px solid var(--line);padding-left:1.25rem}
.num{
  display:block;
  font-size:clamp(2.6rem,5.4vw,4.6rem);font-weight:800;line-height:1;letter-spacing:-.045em;color:var(--teal);
}
.lab{display:block;margin-top:.7rem;font-family:var(--mono);font-size:.74rem;letter-spacing:.02em;color:var(--teal-dim)}

/* seções */
.sec{
  display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:1.25rem;
  margin-top:clamp(3.5rem,9vh,6rem);
}
.sec h2{
  grid-column:1/3;
  font-family:var(--mono);font-size:.74rem;font-weight:500;letter-spacing:.06em;color:var(--teal);
  padding-top:.3rem;
}
.sec h2::before{content:"";display:inline-block;width:.5rem;height:.5rem;background:var(--orange);margin-right:.6rem;vertical-align:1px}
.sec .body{grid-column:3/-1}

/* canais */
.canais{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
  gap:1px;background:var(--line);border:1px solid var(--line);
}
.canais a{
  display:flex;flex-direction:column;justify-content:space-between;gap:1.6rem;
  height:100%;min-height:9.5rem;padding:1.1rem 1.1rem 1rem;
  background:var(--bg);color:var(--ink);text-decoration:none;
  transition:background-color .18s ease;
}
.canais .head{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}
.canais .rede{font-size:clamp(1.35rem,2.1vw,1.85rem);font-weight:600;letter-spacing:-.025em;line-height:1;transition:color .18s ease}
.canais .seta{font-family:var(--mono);color:var(--teal-dim);font-size:.95rem;transition:color .18s ease,transform .18s ease}
.canais .meta{display:flex;flex-direction:column;gap:.15rem}
.canais .handle{font-family:var(--mono);font-size:.76rem;color:var(--teal-dim);transition:color .18s ease;word-break:break-all}
.canais .count{font-family:var(--mono);font-size:.76rem;color:var(--ink)}
.canais .count b{color:var(--teal);font-weight:500}
.canais a:hover,.canais a:focus-visible{background:var(--cell)}
.canais a:hover .rede,.canais a:focus-visible .rede{color:var(--orange)}
.canais a:hover .seta,.canais a:focus-visible .seta{color:var(--orange);transform:translate(2px,-2px)}
.canais a:hover .handle,.canais a:focus-visible .handle{color:var(--teal)}

/* marcos */
.marcos li{
  display:grid;grid-template-columns:8.5rem minmax(0,1fr) auto;align-items:baseline;column-gap:1.5rem;
  padding:1.15rem 0;border-top:1px solid var(--line);
}
.marcos li:last-child{border-bottom:1px solid var(--line)}
.marcos .quando{font-family:var(--mono);font-size:.74rem;letter-spacing:.02em;color:var(--teal-dim)}
.marcos .oque{font-size:1.18rem;font-weight:600;letter-spacing:-.015em;line-height:1.3}
.marcos .oque a{color:inherit;text-decoration-color:rgba(63,217,188,.45);text-underline-offset:.18em}
.marcos .oque a:hover{color:var(--orange);text-decoration-color:var(--orange)}
.marcos .oque small{display:block;margin-top:.25rem;font-size:.92rem;font-weight:400;letter-spacing:0;color:var(--teal-dim)}
.marcos .quanto{font-size:clamp(1.6rem,3vw,2.3rem);font-weight:800;letter-spacing:-.04em;line-height:1;color:var(--teal);text-align:right;white-space:nowrap}
.marcos .quanto i{font-style:normal;font-family:var(--mono);font-size:.74rem;font-weight:400;letter-spacing:.02em;color:var(--teal-dim);margin-left:.4rem}

/* credenciais */
.cred{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2.5rem}
.cred li{
  display:flex;justify-content:space-between;align-items:baseline;gap:1rem;
  padding:1.05rem 0;border-bottom:1px solid var(--line);
}
.cred li:nth-child(-n+2){border-top:1px solid var(--line)}
.cred .org{font-size:1.3rem;font-weight:600;letter-spacing:-.02em}
.cred .papel{font-family:var(--mono);font-size:.76rem;color:var(--teal-dim);text-align:right}
.antes{margin-top:2rem;display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem 1.1rem}
.antes .lab{margin:0;margin-right:.4rem}
.antes b{font-size:1.15rem;font-weight:600;letter-spacing:-.015em}
.antes b + b::before{content:"/";color:var(--orange);font-weight:400;margin-right:1.1rem}
.antes p{flex-basis:100%;color:var(--teal-dim);font-size:.98rem;max-width:58ch;margin-top:.4rem}

/* pra marcas */
.ofertas{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1px;background:var(--line);border:1px solid var(--line);
}
.ofertas a{
  display:flex;flex-direction:column;gap:.85rem;
  height:100%;min-height:12rem;padding:1.3rem 1.25rem 1.15rem;
  background:var(--bg);color:var(--ink);text-decoration:none;
  transition:background-color .18s ease;
}
.ofertas .n{font-family:var(--mono);font-size:.74rem;color:var(--orange)}
.ofertas h3{font-size:clamp(1.35rem,2vw,1.7rem);font-weight:600;letter-spacing:-.025em;line-height:1.05;transition:color .18s ease}
.ofertas p{color:var(--teal-dim);font-size:.98rem;line-height:1.45}
.ofertas .cta{margin-top:auto;padding-top:.6rem;font-family:var(--mono);font-size:.76rem;color:var(--teal);transition:color .18s ease}
.ofertas a:hover,.ofertas a:focus-visible{background:var(--cell)}
.ofertas a:hover h3,.ofertas a:focus-visible h3,.ofertas a:hover .cta,.ofertas a:focus-visible .cta{color:var(--orange)}

/* contato */
.mail{
  display:inline-block;
  font-size:clamp(1.55rem,5.2vw,4.4rem);font-weight:600;letter-spacing:-.04em;line-height:1;
  color:var(--teal);text-decoration:none;word-break:break-all;
  border-bottom:2px solid rgba(63,217,188,.3);padding-bottom:.12em;
  transition:color .18s ease,border-color .18s ease;
}
.mail:hover,.mail:focus-visible{color:var(--orange);border-color:var(--orange)}
.alt{margin-top:1.1rem;font-family:var(--mono);font-size:.76rem;color:var(--teal-dim)}

footer{
  margin-top:clamp(4rem,10vh,6.5rem);
  padding-top:1.2rem;border-top:1px solid var(--line);
  display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;
  font-family:var(--mono);font-size:.72rem;letter-spacing:.02em;line-height:1.7;color:var(--teal-dim);
}
footer b{color:var(--teal);font-weight:500}
footer .dir{text-align:right}

/* entrada */
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.wrap > *{animation:rise .7s cubic-bezier(.22,.7,.3,1) both}
.wrap > *:nth-child(2){animation-delay:.05s}
.wrap > *:nth-child(3){animation-delay:.14s}
.wrap > *:nth-child(4){animation-delay:.22s}
.wrap > *:nth-child(5){animation-delay:.3s}
.wrap > *:nth-child(n+6){animation-delay:.38s}
@media (prefers-reduced-motion:reduce){
  .wrap > *{animation:none}
  *{transition-duration:.01ms !important}
}

@media (max-width:1000px){
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stats li:nth-child(3){border-left:0;padding-left:0}
  .stats li:nth-child(n+3){border-top:1px solid var(--line)}
}
@media (max-width:900px){
  .canais{grid-template-columns:repeat(3,minmax(0,1fr))}
  .canais li:nth-child(4){grid-column:1/3}
  .ofertas{grid-template-columns:1fr}
  .ofertas a{min-height:0}
  .sec h2{grid-column:1/-1;margin-bottom:1.2rem}
  .sec .body{grid-column:1/-1}
  .sub{grid-column:5/-1}
}
@media (max-width:640px){
  .l2{grid-column:1/-1}
  .lede{grid-column:1/-1;grid-row:3;margin-top:1.6rem;padding:0;max-width:22ch}
  .sub{grid-column:1/-1;grid-row:4;margin-top:1.2rem}
  .stats{grid-template-columns:1fr}
  .stats li{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:1rem 0}
  .stats li + li{border-left:0;padding-left:0;border-top:1px solid var(--line)}
  .stats .lab{margin-top:0;text-align:right}
  .canais{grid-template-columns:repeat(2,minmax(0,1fr))}
  .canais li:nth-child(4){grid-column:auto}
  .canais li:last-child{grid-column:1/-1}
  .canais a{min-height:7.5rem}
  .marcos li{grid-template-columns:minmax(0,1fr) auto;row-gap:.35rem}
  .marcos .quando{grid-column:1/-1}
  .cred{grid-template-columns:1fr}
  .cred li:nth-child(2){border-top:0}
  .antes .lab{flex-basis:100%}
  footer .dir{text-align:left}
}

/* perguntas */
.faq details{border-top:1px solid var(--line)}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{
  list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:baseline;gap:1rem;
  padding:1rem 0;font-size:1.12rem;font-weight:600;letter-spacing:-.015em;transition:color .18s ease;
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--mono);font-weight:400;color:var(--orange);transition:transform .18s ease}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq summary:hover{color:var(--orange)}
.faq summary:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
.faq p{padding:0 0 1.1rem;color:var(--teal-dim);max-width:60ch}