@font-face {
  font-family:Poppins;
  src:url('assets/fonts/poppins-700-latin.woff2') format('woff2');
  font-weight:700;
  font-display:swap
}
@font-face {
  font-family:Poppins;
  src:url('assets/fonts/poppins-600-latin.woff2') format('woff2');
  font-weight:600;
  font-display:swap
}
@font-face {
  font-family:Inter;
  src:url('assets/fonts/inter-400-latin.woff2') format('woff2');
  font-weight:400;
  font-display:swap
}
@font-face {
  font-family:Inter;
  src:url('assets/fonts/inter-600-latin.woff2') format('woff2');
  font-weight:600;
  font-display:swap
}
* {
  box-sizing:border-box
}
html {
  scroll-behavior:smooth;
  scroll-padding-top:35px
}
body {
  margin:0;
  background:var(--tq-fundo);
  color:var(--tq-tinta);
  font:16px/1.7 Inter,system-ui,sans-serif
}
a {
  color:inherit;
  text-decoration:none
}
button {
  font:inherit
}
h1,h2,h3,p {
  margin-top:0
}
h1,h2,h3,.brand,.price {
  font-family:Poppins,system-ui,sans-serif
}
h1,h2,h3 {
  line-height:1.15;
  letter-spacing:-.045em
}
h1 {
  font-size:clamp(45px,5.3vw,76px);
  font-weight:600;
  max-width:1050px;
  margin:0 auto 27px
}
h2 {
  font-size:clamp(32px,3.55vw,48px);
  font-weight:600;
  margin-bottom:20px
}
h3 {
  font-size:21px;
  font-weight:600;
  margin-bottom:14px
}
p {
  color:var(--tq-tinta-suave)
}
a:focus-visible,button:focus-visible,summary:focus-visible,video:focus-visible {
  outline:3px solid var(--tq-acento-texto);
  outline-offset:6px
}
a,button,summary {
  -webkit-tap-highlight-color:transparent
}
button {
  cursor:pointer
}
img,video {
  max-width:100%;
  display:block
}
.wrap {
  width:min(1120px,calc(100% - 64px));
  margin-inline:auto
}
.narrow {
  max-width:860px
}
.section {
  padding-block:100px
}
.section.alt {
  background:var(--tq-fundo-profundo)
}
.section-head {
  text-align:center;
  max-width:800px;
  margin:0 auto 45px
}
.section-head>p:not(.eyebrow) {
  max-width:630px;
  margin:0 auto;
  font-size:16px
}
.eyebrow {
  font-size:11px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--tq-tinta-fraca);
  font-weight:600;
  margin-bottom:18px
}
.highlight {
  color:var(--tq-acento-texto)
}
.micro {
  font-size:12px;
  line-height:1.75;
  color:var(--tq-tinta-fraca)
}
.text-link {
  font-weight:600;
  font-size:13px;
  border-bottom:1px solid var(--tq-borda-forte);
  padding-bottom:3px;
  display:inline-block
}
.text-link:hover {
  color:var(--tq-acento-texto)
}
.button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:20px;
  background:var(--tq-acento);
  color:var(--tq-acento-tinta);
  border:1px solid var(--tq-acento);
  padding:18px 27px;
  border-radius:7px;
  font-size:15px;
  font-weight:600;
  line-height:1.5;
  transition:transform .15s,background .15s
}
.button:hover {
  transform:translateY(-2px)
}
.button .arrow {
  font-size:23px;
  line-height:1
}
.button.outline {
  background:transparent;
  border-color:var(--tq-borda-forte);
  color:var(--tq-tinta)
}
.button.small {
  padding:10px 17px;
  font-size:12px;
  gap:14px
}
.center {
  text-align:center
}
.section-cta {
  margin-top:40px;
  text-align:center
}
.section-cta .micro {
  margin:14px 0 0
}
.offer-bar {
  background:var(--tq-acento);
  color:var(--tq-acento-tinta);
  padding:10px 20px;
  text-align:center;
  font-size:12px;
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:7px 20px
}
.offer-bar strong {
  font-weight:600
}
.preview-status {
  font-size:11px;
  opacity:.88
}
.header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  padding-block:26px;
  border-bottom:1px solid var(--tq-borda)
}
.brand {
  font-weight:700;
  letter-spacing:-.065em;
  line-height:1.02;
  font-size:24px
}
.brand span {
  display:block
}
.nav {
  display:flex;
  align-items:center;
  gap:24px;
  font-size:12px
}
.theme-controls {
  display:flex;
  gap:3px;
  border:1px solid var(--tq-borda);
  padding:4px;
  border-radius:30px
}
.theme-controls a {
  font-size:11px;
  padding:5px 9px;
  border-radius:25px
}
.theme-controls a[aria-current=true] {
  background:var(--tq-tinta);
  color:var(--tq-fundo)
}
.theme-controls a:hover {
  text-decoration:underline
}
.hero {
  position:relative;
  padding:90px 0 62px;
  overflow:clip;
  text-align:center
}
.hero:before {
  content:'';
  position:absolute;
  inset:-220px 20% auto;
  height:650px;
  background:radial-gradient(ellipse,var(--tq-glow),transparent 68%);
  opacity:var(--tq-glow-forca);
  pointer-events:none;
  z-index:-1
}
.hero-badge {
  display:inline-block;
  border:1px solid var(--tq-borda-forte);
  border-radius:5px;
  padding:8px 14px;
  font-size:10px;
  letter-spacing:.14em;
  margin-bottom:28px;
  color:var(--tq-tinta-suave)
}
.hero h1 .hero-em {
  display:inline-block;
  border:3px solid var(--tq-acento);
  border-radius:16px;
  padding:0 .14em .07em;
  transform:rotate(-2deg);
  margin-top:6px
}
.hero-sub {
  max-width:665px;
  margin:0 auto 30px;
  font-size:17px;
  line-height:1.8
}
.hero-actions {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:23px
}
.hero-terms {
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px 26px;
  font-size:12px;
  color:var(--tq-tinta-fraca);
  margin-top:23px
}
.hero-terms span:before {
  content:'✓';
  margin-right:8px;
  color:var(--tq-calmo)
}
.hero-results {
  display:grid;
  grid-template-columns:1fr 1.15fr 1fr;
  gap:22px;
  max-width:925px;
  margin:55px auto 0;
  align-items:center
}
.result-peek {
  border:1px solid var(--tq-borda);
  border-radius:10px;
  background:var(--tq-fundo-elevado);
  padding:15px 18px;
  text-align:left;
  position:relative
}
.result-peek:first-child {
  transform:rotate(-4deg)
}
.result-peek:last-child {
  transform:rotate(3deg)
}
.peek-top {
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid var(--tq-borda);
  padding-bottom:10px;
  font-size:9px;
  color:var(--tq-tinta-fraca)
}
.peek-content {
  padding:17px 3px 8px
}
.peek-content strong {
  font:600 22px/1.2 Poppins,sans-serif;
  letter-spacing:-.04em;
  display:block
}
.peek-content p {
  font-size:9px;
  margin:10px 0 0
}
.peek-line {
  height:3px;
  background:var(--tq-borda);
  margin-top:8px;
  max-width:80%
}
.peek-label {
  font-size:8px;
  letter-spacing:.08em;
  border-top:1px solid var(--tq-borda);
  padding-top:10px;
  margin-top:15px;
  color:var(--tq-tinta-fraca)
}
.peek-bars {
  display:flex;
  gap:9px;
  align-items:end;
  height:83px;
  padding-top:12px
}
.peek-bars i {
  display:block;
  background:var(--tq-calmo);
  width:20%;
  border-radius:3px 3px 0 0
}
.peek-bars i:nth-child(1) {
  height:40%
}
.peek-bars i:nth-child(2) {
  height:65%
}
.peek-bars i:nth-child(3) {
  height:48%
}
.peek-bars i:nth-child(4) {
  height:90%
}
.illustration-note {
  font-size:11px;
  margin:30px 0 0;
  color:var(--tq-tinta-fraca)
}
.benefit-belt {
  border-block:1px solid var(--tq-borda);
  background:var(--tq-fundo-profundo)
}
.benefit-belt .wrap {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
  padding-block:20px;
  font-size:12px
}
.benefit-belt b {
  font-weight:400;
  color:var(--tq-acento-texto);
  font-size:16px
}
.demo-shell {
  border:1px solid var(--tq-borda-forte);
  border-radius:14px;
  overflow:hidden;
  background:var(--tq-fundo-elevado)
}
.demo-toolbar {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:18px 24px;
  border-bottom:1px solid var(--tq-borda);
  font-size:11px
}
.window-dots {
  display:flex;
  gap:5px
}
.window-dots i {
  width:6px;
  height:6px;
  background:var(--tq-tinta-fraca);
  border-radius:50%
}
.demo-content {
  display:grid;
  grid-template-columns:.9fr 1.2fr;
  min-height:440px
}
.demo-conversation {
  padding:35px;
  border-right:1px solid var(--tq-borda);
  display:flex;
  flex-direction:column;
  justify-content:center
}
.chat-label {
  font-size:10px;
  letter-spacing:.1em;
  color:var(--tq-tinta-fraca)
}
.chat-bubble {
  border:1px solid var(--tq-borda);
  background:var(--tq-fundo-sutil);
  border-radius:12px;
  padding:17px;
  font-size:13px;
  line-height:1.8;
  margin:10px 0 23px
}
.chat-answer {
  font-size:13px;
  margin:10px 0 23px;
  line-height:1.9
}
.chat-check {
  color:var(--tq-calmo);
  margin-right:7px
}
.demo-paper-wrap {
  padding:32px 45px;
  background:var(--tq-fundo-profundo);
  display:flex;
  align-items:center;
  justify-content:center
}
.demo-paper {
  background:var(--tq-creme-100);
  color:var(--tq-mocha-700);
  border:1px solid var(--tq-creme-400);
  padding:29px 32px;
  max-width:430px;
  width:100%;
  transform:rotate(1.5deg)
}
.paper-meta {
  font-size:8px;
  letter-spacing:.11em;
  display:flex;
  justify-content:space-between;
  gap:20px
}
.paper-title {
  font:600 32px/1.15 Poppins,sans-serif;
  letter-spacing:-.04em;
  margin:30px 0 17px
}
.paper-body {
  font-size:12px;
  color:var(--tq-mocha-700);
  line-height:1.75
}
.paper-row {
  display:flex;
  justify-content:space-between;
  gap:16px;
  border-top:1px solid var(--tq-creme-400);
  font-size:9px;
  padding:12px 0
}
.paper-end {
  margin-top:17px;
  padding-top:15px;
  border-top:2px solid var(--tq-mocha-700);
  font-size:9px;
  display:flex;
  justify-content:space-between
}
.demo-caption {
  display:flex;
  justify-content:space-between;
  gap:25px;
  align-items:center;
  padding:20px 24px;
  border-top:1px solid var(--tq-borda)
}
.demo-caption p {
  font-size:12px;
  margin:0;
  max-width:560px
}
.demo-caption .text-link {
  white-space:nowrap
}
.video-format {
  margin-top:26px;
  border:1px solid var(--tq-borda);
  border-radius:10px;
  display:grid;
  grid-template-columns:1fr 240px;
  gap:30px;
  padding:26px;
  align-items:center
}
.video-format h3 {
  font-size:20px
}
.video-format p {
  font-size:13px;
  max-width:620px
}
.video-format video {
  background:var(--tq-fundo-profundo);
  width:100%;
  border:1px solid var(--tq-borda);
  border-radius:5px
}
.split {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:70px;
  align-items:center
}
.split h2 {
  max-width:520px
}
.split>div>p {
  font-size:15px;
  line-height:1.85
}
.check-list {
  list-style:none;
  padding:0;
  margin:22px 0 0
}
.check-list li {
  padding:13px 0 13px 25px;
  position:relative;
  border-top:1px solid var(--tq-borda);
  font-size:13px
}
.check-list li:before {
  content:'✓';
  position:absolute;
  left:0;
  color:var(--tq-calmo)
}
.chat-panel {
  border:1px solid var(--tq-borda);
  background:var(--tq-fundo-elevado);
  border-radius:12px;
  padding:27px
}
.chat-panel-top {
  display:flex;
  gap:12px;
  align-items:center;
  border-bottom:1px solid var(--tq-borda);
  padding-bottom:20px;
  margin-bottom:23px
}
.agent-monogram {
  font:600 21px Poppins,sans-serif;
  border:2px solid var(--tq-borda-forte);
  border-radius:7px;
  width:43px;
  height:43px;
  text-align:center;
  line-height:39px;
  transform:rotate(-3deg)
}
.chat-panel-top strong {
  font-size:13px
}
.chat-panel-top small {
  display:block;
  font-size:10px;
  color:var(--tq-tinta-fraca)
}
.chat-panel .chat-bubble {
  margin-left:25px
}
.chat-panel .chat-answer {
  margin-right:15px
}
.chat-input {
  font-size:11px;
  color:var(--tq-tinta-fraca);
  border:1px solid var(--tq-borda);
  padding:12px 14px;
  border-radius:6px;
  display:flex;
  justify-content:space-between
}
.catalog-nav {
  display:flex;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:47px
}
.catalog-nav a {
  font-size:12px;
  border:1px solid var(--tq-borda);
  padding:10px 17px;
  border-radius:30px
}
.catalog-nav a:hover {
  border-color:var(--tq-borda-forte);
  background:var(--tq-fundo-sutil)
}
.catalog-group {
  margin-top:45px
}
.catalog-group:first-of-type {
  margin-top:0
}
.group-title {
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:center;
  border-bottom:1px solid var(--tq-borda);
  padding-bottom:18px;
  margin-bottom:25px
}
.group-title h3 {
  margin:0;
  font-size:22px
}
.group-title h3 span {
  color:var(--tq-tinta-fraca);
  font-size:12px;
  font-family:Inter,sans-serif;
  letter-spacing:.04em;
  margin-right:15px
}
.group-title>p {
  font-size:11px;
  margin:0;
  color:var(--tq-tinta-fraca)
}
.catalog-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:21px
}
.catalog-grid.four {
  grid-template-columns:repeat(4,1fr)
}
.task-card {
  border:1px solid var(--tq-borda);
  background:var(--tq-fundo-elevado);
  border-radius:10px;
  overflow:hidden;
  display:flex;
  flex-direction:column
}
.task-art {
  height:178px;
  background:var(--tq-fundo-profundo);
  position:relative;
  padding:21px;
  overflow:hidden;
  border-bottom:1px solid var(--tq-borda);
  display:flex;
  align-items:center;
  justify-content:center
}
.task-body {
  padding:22px 22px 20px;
  flex:1;
  display:flex;
  flex-direction:column
}
.task-id {
  font-size:9px;
  letter-spacing:.13em;
  color:var(--tq-tinta-fraca);
  display:block;
  margin-bottom:9px
}
.task-body h4 {
  font:600 17px/1.35 Poppins,sans-serif;
  letter-spacing:-.035em;
  margin:0 0 10px
}
.task-body p {
  font-size:12px;
  line-height:1.85;
  margin:0 0 14px
}
.task-body .text-link {
  font-size:11px;
  margin-top:auto;
  align-self:start
}
.mini-sheet {
  background:var(--tq-creme-100);
  color:var(--tq-mocha-700);
  padding:17px;
  width:160px;
  transform:rotate(-5deg);
  border:1px solid var(--tq-creme-400)
}
.mini-sheet strong {
  font:600 19px/1.1 Poppins,sans-serif;
  letter-spacing:-.04em;
  display:block;
  margin:10px 0
}
.mini-sheet small {
  font-size:6px;
  letter-spacing:.1em;
  display:block
}
.mini-sheet i {
  height:2px;
  display:block;
  margin-top:7px;
  background:var(--tq-creme-400)
}
.mini-sheet i:last-of-type {
  width:60%
}
.art-catalog {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  width:185px;
  transform:rotate(3deg);
  background:var(--tq-creme-100);
  padding:15px;
  border:1px solid var(--tq-creme-400)
}
.art-catalog b {
  grid-column:1/-1;
  color:var(--tq-mocha-700);
  font:600 10px Poppins,sans-serif;
  margin-bottom:4px
}
.art-catalog i {
  height:39px;
  background:var(--tq-creme-300);
  border-radius:4px;
  position:relative
}
.art-catalog i:after {
  content:'';
  position:absolute;
  inset:10px 14px 5px;
  background:var(--tq-terracota-400);
  border-radius:7px 7px 2px 2px
}
.bottle-scene {
  width:190px;
  height:140px;
  border:1px solid var(--tq-borda);
  border-radius:9px;
  background:var(--tq-creme-300);
  position:relative;
  display:flex;
  align-items:end;
  justify-content:center
}
.bottle {
  width:49px;
  height:94px;
  background:var(--tq-terracota-500);
  border-radius:12px 12px 8px 8px;
  position:relative;
  margin-bottom:10px
}
.bottle:before {
  content:'';
  position:absolute;
  width:24px;
  height:13px;
  background:var(--tq-mocha-700);
  left:12px;
  top:-10px;
  border-radius:3px
}
.bottle:after {
  content:'AURA';
  position:absolute;
  inset:35px 5px 21px;
  background:var(--tq-creme-100);
  color:var(--tq-mocha-700);
  text-align:center;
  font:600 9px/33px Inter,sans-serif
}
.art-menu {
  background:var(--tq-creme-100);
  width:160px;
  padding:16px;
  color:var(--tq-mocha-700);
  transform:rotate(4deg)
}
.art-menu strong {
  font:600 21px/1 Poppins,sans-serif;
  letter-spacing:-.05em
}
.art-menu span {
  display:flex;
  justify-content:space-between;
  font-size:7px;
  border-bottom:1px solid var(--tq-creme-400);
  padding-block:9px
}
.art-portfolio {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  width:182px;
  background:var(--tq-creme-100);
  padding:12px;
  transform:rotate(-4deg)
}
.art-portfolio b {
  grid-column:1/-1;
  color:var(--tq-mocha-700);
  font:600 10px Poppins,sans-serif
}
.art-portfolio i {
  background:var(--tq-oliva-400);
  height:35px
}
.art-portfolio i:nth-child(3) {
  background:var(--tq-creme-300)
}
.art-portfolio i:nth-child(4) {
  background:var(--tq-terracota-400)
}
.art-portfolio i:nth-child(5) {
  background:var(--tq-mocha-700)
}
.art-site {
  background:var(--tq-creme-100);
  border:1px solid var(--tq-creme-400);
  border-radius:4px;
  overflow:hidden;
  width:205px;
  transform:rotate(-3deg);
  color:var(--tq-mocha-700)
}
.art-site-top {
  padding:8px 11px;
  font-size:6px;
  border-bottom:1px solid var(--tq-creme-400);
  display:flex;
  justify-content:space-between
}
.art-site-body {
  padding:15px
}
.art-site strong {
  font:600 19px/1.1 Poppins,sans-serif;
  letter-spacing:-.04em;
  display:block
}
.art-site-body i {
  display:block;
  width:65px;
  height:11px;
  background:var(--tq-mocha-700);
  margin-top:13px
}
.art-bio {
  width:111px;
  border:2px solid var(--tq-creme-400);
  border-radius:15px;
  padding:10px 8px;
  background:var(--tq-creme-100);
  color:var(--tq-mocha-700);
  transform:rotate(7deg)
}
.bio-avatar {
  width:27px;
  height:27px;
  border-radius:50%;
  background:var(--tq-terracota-400);
  margin:0 auto 7px
}
.art-bio strong {
  font:600 8px Poppins,sans-serif;
  display:block;
  text-align:center;
  margin-bottom:8px
}
.art-bio i {
  display:block;
  height:13px;
  border-radius:4px;
  border:1px solid var(--tq-creme-400);
  margin-top:5px
}
.art-post {
  width:135px;
  background:var(--tq-creme-300);
  color:var(--tq-mocha-700);
  padding:17px;
  transform:rotate(-4deg);
  border:1px solid var(--tq-creme-400)
}
.art-post small {
  font-size:6px;
  letter-spacing:.1em
}
.art-post strong {
  display:block;
  font:600 25px/1.05 Poppins,sans-serif;
  letter-spacing:-.04em;
  margin:13px 0
}
.art-post span {
  font-size:6px;
  letter-spacing:.07em
}
.art-video {
  width:210px;
  position:relative
}
.video-frame {
  height:89px;
  background:var(--tq-creme-300);
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--tq-mocha-700);
  font:600 23px/1.1 Poppins,sans-serif;
  text-align:center;
  border-radius:4px
}
.video-timeline {
  display:flex;
  gap:3px;
  margin-top:8px
}
.video-timeline i {
  height:15px;
  width:25%;
  background:var(--tq-oliva-300)
}
.video-timeline i:nth-child(2n) {
  background:var(--tq-terracota-300)
}
.art-brand {
  width:190px
}
.art-brand strong {
  display:block;
  font:600 31px Poppins,sans-serif;
  letter-spacing:-.04em;
  color:var(--tq-tinta)
}
.brand-palette {
  display:flex;
  margin-top:12px;
  border:1px solid var(--tq-borda);
  height:30px;
  border-radius:4px;
  overflow:hidden
}
.brand-palette i {
  width:25%;
  background:var(--tq-creme-300)
}
.brand-palette i:nth-child(2) {
  background:var(--tq-terracota-400)
}
.brand-palette i:nth-child(3) {
  background:var(--tq-oliva-400)
}
.brand-palette i:nth-child(4) {
  background:var(--tq-mocha-700)
}
.art-brand small {
  font-size:7px;
  display:block;
  margin-top:8px;
  color:var(--tq-tinta-fraca)
}
.art-dashboard {
  width:198px;
  background:var(--tq-creme-100);
  border:1px solid var(--tq-creme-400);
  padding:14px;
  border-radius:5px;
  transform:rotate(3deg)
}
.art-dashboard>strong {
  color:var(--tq-mocha-700);
  font-size:9px;
  display:block
}
.art-dashboard .peek-bars {
  height:70px
}
.art-dashboard small {
  color:var(--tq-mocha-700);
  font-size:6px;
  display:block;
  margin-top:6px
}
.catalog-note {
  margin-top:28px;
  max-width:880px
}
.comparison {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px
}
.compare-card {
  padding:30px;
  border:1px solid var(--tq-borda);
  background:var(--tq-fundo-elevado);
  border-radius:11px
}
.compare-card.positive {
  border-color:var(--tq-borda-forte)
}
.compare-label {
  font-size:10px;
  letter-spacing:.13em;
  color:var(--tq-tinta-fraca);
  margin-bottom:21px
}
.compare-prompt {
  font-size:15px;
  border-bottom:1px solid var(--tq-borda);
  padding-bottom:23px;
  min-height:115px
}
.compare-output {
  font:600 28px/1.3 Poppins,sans-serif;
  letter-spacing:-.04em;
  margin-bottom:19px
}
.compare-card .micro {
  margin-bottom:0
}
.proof-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:23px
}
.proof-card {
  border:1px solid var(--tq-borda);
  border-radius:11px;
  overflow:hidden;
  background:var(--tq-fundo-elevado)
}
.proof-preview {
  height:195px;
  background:var(--tq-fundo-profundo);
  padding:23px;
  display:flex;
  justify-content:center;
  align-items:center
}
.proof-content {
  padding:25px
}
.proof-content .eyebrow {
  font-size:9px;
  margin-bottom:11px
}
.proof-content h3 {
  font-size:21px
}
.proof-content p {
  font-size:13px;
  min-height:67px
}
.proof-content a {
  font-size:12px
}
.fit-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:25px
}
.fit-box {
  padding:31px;
  border:1px solid var(--tq-borda);
  border-radius:10px;
  background:var(--tq-fundo-elevado)
}
.fit-box h3 {
  font-size:24px
}
.fit-box .check-list {
  margin-top:25px
}
.fit-box.negative .check-list li:before {
  content:'—';
  color:var(--tq-tinta-fraca)
}
.mentor-layout {
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:75px;
  align-items:center
}
.mentor-photo {
  border-radius:13px;
  overflow:hidden;
  background:var(--tq-fundo-profundo);
  position:relative;
  min-height:390px;
  border:1px solid var(--tq-borda)
}
.mentor-photo img {
  width:100%;
  height:470px;
  object-fit:cover;
  object-position:center 20%
}
.mentor-caption {
  padding:21px 24px;
  border-top:1px solid var(--tq-borda)
}
.mentor-caption strong {
  font:600 23px Poppins,sans-serif;
  letter-spacing:-.045em
}
.mentor-caption span {
  font-size:11px;
  color:var(--tq-tinta-fraca);
  display:block
}
.mentor-fallback {
  min-height:340px;
  display:flex;
  justify-content:center;
  align-items:center
}
.mentor-fallback .brand {
  font-size:65px
}
.mentor-bio p {
  font-size:15px;
  line-height:1.85
}
.mentor-sign {
  border-top:1px solid var(--tq-borda);
  padding-top:24px;
  margin-top:30px;
  font:600 24px Poppins,sans-serif;
  letter-spacing:-.04em
}
.mentor-sign span {
  display:block;
  font:400 12px Inter,sans-serif;
  letter-spacing:0;
  margin-top:8px;
  color:var(--tq-tinta-fraca)
}
.offer-layout {
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:50px;
  align-items:start
}
.offer-stack {
  border-top:1px solid var(--tq-borda)
}
.stack-item {
  display:grid;
  grid-template-columns:40px 1fr;
  gap:15px;
  padding:25px 0;
  border-bottom:1px solid var(--tq-borda)
}
.stack-n {
  font:600 19px Poppins,sans-serif;
  color:var(--tq-tinta-fraca)
}
.stack-item h3 {
  font-size:18px;
  margin-bottom:9px
}
.stack-item p {
  font-size:13px;
  margin:0
}
.offer-card {
  border:1px solid var(--tq-borda-forte);
  border-radius:13px;
  padding:34px;
  background:var(--tq-fundo-elevado)
}
.offer-card .eyebrow {
  margin-bottom:25px
}
.price {
  font-size:88px;
  font-weight:600;
  letter-spacing:-.07em;
  line-height:1
}
.price span {
  font-size:31px;
  letter-spacing:-.03em
}
.price-note {
  font-size:12px;
  margin:13px 0 24px
}
.offer-card .check-list {
  margin-block:20px
}
.offer-card .check-list li {
  font-size:12px
}
.offer-card .button {
  display:flex;
  width:100%;
  font-size:14px;
  padding-inline:17px
}
.checkout-note {
  font-size:13px;
  line-height:1.8;
  margin:16px 0 0;
  color:var(--tq-tinta-fraca)
}
#checkout-status:target {
  outline:2px solid var(--tq-borda-forte);
  outline-offset:6px
}
.offer-footnote {
  font-size:12px;
  line-height:1.85;
  padding-top:20px;
  border-top:1px solid var(--tq-borda);
  margin:20px 0 0
}
.guarantee-shell {
  display:grid;
  grid-template-columns:170px 1fr;
  gap:45px;
  align-items:center;
  padding:42px 48px;
  border:1px solid var(--tq-borda-forte);
  border-radius:14px
}
.guarantee-seal {
  border:3px solid var(--tq-borda-forte);
  border-radius:27px;
  transform:rotate(-4deg);
  text-align:center;
  padding:16px 15px
}
.guarantee-seal strong {
  font:600 85px/1 Poppins,sans-serif;
  letter-spacing:-.05em;
  display:block
}
.guarantee-seal span {
  font-size:13px;
  display:block;
  letter-spacing:.15em
}
.guarantee-shell h2 {
  font-size:34px
}
.guarantee-shell p {
  font-size:14px;
  max-width:650px;
  margin-bottom:0
}
.faq-grid {
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:75px
}
.faq-grid details {
  border-bottom:1px solid var(--tq-borda)
}
.faq-grid summary {
  list-style:none;
  padding:22px 30px 22px 0;
  font-size:14px;
  font-weight:600;
  cursor:pointer;
  position:relative
}
.faq-grid summary::-webkit-details-marker {
  display:none
}
.faq-grid summary:after {
  content:'+';
  position:absolute;
  right:2px;
  font-size:23px;
  top:16px;
  font-weight:400
}
.faq-grid details[open] summary:after {
  content:'−'
}
.faq-grid details p {
  font-size:13px;
  line-height:1.85;
  margin-bottom:23px;
  padding-right:20px
}
.final-cta {
  border-block:1px solid var(--tq-borda);
  padding-block:85px;
  text-align:center
}
.final-cta h2 {
  max-width:850px;
  margin-inline:auto;
  font-size:50px
}
.final-cta>div>p {
  max-width:600px;
  margin-inline:auto
}
.final-cta .button {
  margin-top:14px
}
.decision {
  padding-block:40px;
  border-bottom:1px solid var(--tq-borda)
}
.decision-inner {
  display:flex;
  justify-content:space-between;
  gap:40px;
  align-items:center
}
.decision h3 {
  font-size:20px;
  margin-bottom:9px
}
.decision p {
  font-size:13px;
  margin:0;
  max-width:680px
}
.decision .text-link {
  white-space:nowrap
}
.footer {
  display:flex;
  justify-content:space-between;
  gap:25px;
  align-items:center;
  padding-block:33px
}
.footer .brand {
  font-size:22px
}
.footer p {
  font-size:11px;
  margin:0
}
.footer a:last-child {
  font-size:12px
}
.skip {
  position:fixed;
  top:-120px;
  left:15px;
  background:var(--tq-fundo);
  color:var(--tq-tinta);
  border:1px solid var(--tq-borda-forte);
  padding:12px;
  z-index:1000
}
.skip:focus {
  top:12px
}
.nojs-note {
  font-size:11px;
  text-align:center;
  margin:0;
  padding:12px;
  background:var(--tq-fundo-profundo)
}
@media(max-width:1000px) {
  .wrap {
    width:calc(100% - 48px)
  }
  .nav {
    gap:14px
  }
  .nav>a:first-child {
    display:none
  }
  .hero {
    padding-top:65px
  }
  .hero h1 {
    font-size:59px;
    max-width:900px
  }
  .catalog-grid.four {
    grid-template-columns:repeat(2,1fr)
  }
  .catalog-grid {
    gap:16px
  }
  .task-body {
    padding:20px 17px
  }
  .split,.mentor-layout,.faq-grid {
    gap:40px
  }
  .demo-paper-wrap {
    padding:27px
  }
  .demo-conversation {
    padding:26px
  }
  .offer-layout {
    gap:35px
  }
  .offer-card {
    padding:26px
  }
  .benefit-belt .wrap {
    gap:18px;
    font-size:11px
  }
  .section {
    padding-block:80px
  }
  .proof-content {
    padding:20px
  }
  .proof-content h3 {
    font-size:19px
  }
  .proof-content p {
    font-size:12px
  }
  .mentor-photo img {
    height:425px
  }
  .price {
    font-size:76px
  }
}
@media(max-width:720px) {
  .wrap {
    width:calc(100% - 40px)
  }
  .offer-bar {
    font-size:11px;
    gap:3px 10px;
    padding-block:9px
  }
  .preview-status {
    font-size:10px
  }
  .header {
    padding-block:20px;
    gap:15px
  }
  .brand {
    font-size:22px
  }
  .nav {
    gap:10px
  }
  .nav>a {
    display:none
  }
  .theme-controls a {
    font-size:10px;
    padding:5px 7px
  }
  .hero {
    padding:49px 0 41px
  }
  .hero-badge {
    font-size:8px;
    padding:7px 10px;
    letter-spacing:.1em;
    max-width:100%;
    margin-bottom:25px
  }
  .hero h1 {
    font-size:clamp(37px,8.8vw,58px);
    line-height:1.2;
    letter-spacing:-.05em
  }
  .hero h1 .hero-em {
    border-width:2px;
    border-radius:10px;
    padding:0 .13em .03em;
    margin-top:4px
  }
  .hero-sub {
    font-size:15px;
    line-height:1.85;
    margin-top:26px;
    margin-bottom:28px
  }
  .hero-actions {
    gap:20px
  }
  .button {
    font-size:13px;
    padding:17px 20px;
    gap:16px
  }
  .hero-actions .button {
    width:100%
  }
  .hero-actions .text-link {
    font-size:12px
  }
  .hero-terms {
    font-size:11px;
    gap:8px 13px;
    margin-top:24px
  }
  .hero-terms span:before {
    margin-right:5px
  }
  .hero-results {
    gap:10px;
    margin-top:36px;
    grid-template-columns:1fr 1fr
  }
  .result-peek {
    padding:10px
  }
  .result-peek:last-child {
    display:none
  }
  .peek-top {
    font-size:7px;
    padding-bottom:8px
  }
  .peek-content {
    padding:13px 0 3px
  }
  .peek-content strong {
    font-size:17px
  }
  .peek-content p {
    font-size:7px
  }
  .peek-label {
    font-size:6px;
    margin-top:12px
  }
  .illustration-note {
    font-size:10px;
    margin-top:25px
  }
  .benefit-belt .wrap {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:11px;
    font-size:10px;
    padding-block:19px
  }
  .benefit-belt b {
    display:none
  }
  .section {
    padding-block:59px
  }
  .section-head {
    margin-bottom:30px
  }
  .eyebrow {
    font-size:9px;
    letter-spacing:.13em;
    margin-bottom:17px
  }
  h2 {
    font-size:33px;
    line-height:1.2
  }
  .section-head>p:not(.eyebrow) {
    font-size:14px;
    line-height:1.8
  }
  .demo-toolbar {
    padding:14px 17px;
    font-size:9px
  }
  .demo-content {
    grid-template-columns:1fr;
    min-height:0
  }
  .demo-conversation {
    padding:23px;
    border-right:0;
    border-bottom:1px solid var(--tq-borda)
  }
  .chat-bubble {
    font-size:12px;
    padding:14px;
    margin-bottom:17px
  }
  .chat-answer {
    font-size:12px
  }
  .demo-paper-wrap {
    padding:25px
  }
  .demo-paper {
    padding:25px
  }
  .paper-title {
    font-size:29px
  }
  .paper-body {
    font-size:11px
  }
  .paper-row {
    font-size:8px
  }
  .demo-caption {
    display:block;
    padding:20px
  }
  .demo-caption p {
    font-size:11px;
    margin-bottom:15px
  }
  .demo-caption .text-link {
    font-size:12px
  }
  .video-format {
    grid-template-columns:1fr;
    padding:23px;
    gap:12px
  }
  .video-format h3 {
    font-size:19px
  }
  .video-format p {
    font-size:12px
  }
  .video-format video {
    max-width:330px;
    margin:auto
  }
  .split,.mentor-layout,.faq-grid,.offer-layout {
    grid-template-columns:1fr;
    gap:33px
  }
  .split>div>p,.mentor-bio p {
    font-size:14px
  }
  .chat-panel {
    padding:23px
  }
  .catalog-nav {
    justify-content:start;
    gap:7px;
    margin-bottom:32px
  }
  .catalog-nav a {
    font-size:10px;
    padding:8px 12px
  }
  .catalog-group {
    margin-top:32px
  }
  .group-title {
    display:block;
    margin-bottom:20px
  }
  .group-title h3 {
    font-size:21px
  }
  .group-title h3 span {
    font-size:10px;
    margin-right:10px
  }
  .group-title>p {
    font-size:10px;
    margin-top:9px
  }
  .catalog-grid,.catalog-grid.four {
    grid-template-columns:repeat(2,1fr);
    gap:13px
  }
  .task-art {
    height:140px;
    padding:15px
  }
  .task-body {
    padding:16px 13px
  }
  .task-body h4 {
    font-size:15px;
    line-height:1.35
  }
  .task-body p {
    font-size:11px;
    line-height:1.8
  }
  .task-id {
    font-size:8px
  }
  .task-body .text-link {
    font-size:10px
  }
  .mini-sheet {
    padding:11px;
    width:115px
  }
  .mini-sheet strong {
    font-size:16px
  }
  .mini-sheet small {
    font-size:5px
  }
  .art-catalog {
    width:125px;
    padding:10px;
    gap:5px
  }
  .art-catalog b {
    font-size:7px
  }
  .art-catalog i {
    height:28px
  }
  .art-catalog i:after {
    inset:7px 7px 4px
  }
  .bottle-scene {
    height:109px
  }
  .bottle {
    width:39px;
    height:76px;
    margin-bottom:9px
  }
  .bottle:before {
    width:19px;
    height:11px;
    left:10px;
    top:-8px
  }
  .bottle:after {
    inset:26px 4px 17px;
    font-size:7px;
    line-height:29px
  }
  .art-menu {
    padding:11px;
    width:120px
  }
  .art-menu strong {
    font-size:18px
  }
  .art-menu span {
    font-size:6px;
    padding-block:7px
  }
  .art-portfolio {
    width:123px;
    padding:9px;
    gap:5px
  }
  .art-portfolio b {
    font-size:7px
  }
  .art-portfolio i {
    height:27px
  }
  .art-site {
    width:130px
  }
  .art-site-top {
    font-size:5px;
    padding:6px 8px
  }
  .art-site-body {
    padding:11px
  }
  .art-site strong {
    font-size:16px
  }
  .art-site-body i {
    width:45px;
    height:9px;
    margin-top:9px
  }
  .art-bio {
    width:91px;
    padding:8px 7px
  }
  .bio-avatar {
    width:22px;
    height:22px
  }
  .art-bio strong {
    font-size:6px;
    margin-bottom:5px
  }
  .art-bio i {
    height:11px;
    margin-top:4px
  }
  .art-post {
    width:113px;
    padding:12px
  }
  .art-post strong {
    font-size:22px;
    margin-block:9px
  }
  .art-post small,.art-post span {
    font-size:5px
  }
  .art-video {
    width:130px
  }
  .video-frame {
    height:73px;
    font-size:19px
  }
  .video-timeline i {
    height:12px
  }
  .art-brand {
    width:125px
  }
  .art-brand strong {
    font-size:23px
  }
  .brand-palette {
    height:24px;
    margin-top:8px
  }
  .art-brand small {
    font-size:6px
  }
  .art-dashboard {
    width:129px;
    padding:9px
  }
  .art-dashboard>strong {
    font-size:7px
  }
  .art-dashboard .peek-bars {
    height:54px;
    gap:6px
  }
  .art-dashboard small {
    font-size:5px
  }
  .catalog-note {
    font-size:11px;
    line-height:1.85
  }
  .comparison,.fit-grid {
    grid-template-columns:1fr;
    gap:18px
  }
  .compare-card {
    padding:25px
  }
  .compare-prompt {
    min-height:0;
    font-size:14px;
    padding-bottom:20px
  }
  .compare-output {
    font-size:25px
  }
  .proof-grid {
    grid-template-columns:1fr;
    gap:20px
  }
  .proof-card {
    display:grid;
    grid-template-columns:125px 1fr
  }
  .proof-preview {
    height:auto;
    padding:17px;
    border-right:1px solid var(--tq-borda)
  }
  .proof-preview>* {
    max-width:100%;
    transform:none
  }
  .proof-preview .mini-sheet {
    padding:10px
  }
  .proof-preview .mini-sheet strong {
    font-size:15px
  }
  .proof-content {
    padding:20px
  }
  .proof-content h3 {
    font-size:17px;
    margin-bottom:9px
  }
  .proof-content p {
    font-size:11px;
    min-height:0;
    margin-bottom:12px
  }
  .proof-content a {
    font-size:11px
  }
  .fit-box {
    padding:25px
  }
  .fit-box h3 {
    font-size:22px
  }
  .fit-box .check-list li {
    font-size:12px
  }
  .mentor-photo {
    min-height:0;
    max-width:400px;
    width:100%;
    margin:auto
  }
  .mentor-photo img {
    height:380px
  }
  .mentor-caption {
    padding:19px
  }
  .mentor-caption strong {
    font-size:21px
  }
  .mentor-caption span {
    font-size:10px
  }
  .mentor-fallback {
    min-height:250px
  }
  .mentor-fallback .brand {
    font-size:55px
  }
  .mentor-sign {
    font-size:22px;
    margin-top:23px;
    padding-top:20px
  }
  .mentor-sign span {
    font-size:11px
  }
  .stack-item {
    padding:21px 0;
    gap:10px;
    grid-template-columns:30px 1fr
  }
  .stack-n {
    font-size:16px
  }
  .stack-item h3 {
    font-size:17px
  }
  .stack-item p {
    font-size:12px
  }
  .offer-card {
    padding:28px
  }
  .price {
    font-size:85px
  }
  .offer-card .eyebrow {
    font-size:10px
  }
  .offer-card .check-list li {
    font-size:13px
  }
  .offer-card .button {
    font-size:13px
  }
  .checkout-note,.offer-footnote {
    font-size:13px
  }
  .guarantee-shell {
    grid-template-columns:1fr;
    gap:30px;
    padding:30px 25px;
    text-align:center
  }
  .guarantee-seal {
    max-width:130px;
    padding:13px;
    margin-inline:auto
  }
  .guarantee-seal strong {
    font-size:65px
  }
  .guarantee-seal span {
    font-size:11px
  }
  .guarantee-shell h2 {
    font-size:28px
  }
  .guarantee-shell p {
    font-size:13px
  }
  .faq-grid {
    gap:15px
  }
  .faq-grid summary {
    font-size:13px;
    padding-block:20px
  }
  .faq-grid details p {
    font-size:12px
  }
  .final-cta {
    padding-block:60px
  }
  .final-cta h2 {
    font-size:35px
  }
  .final-cta>div>p {
    font-size:14px
  }
  .decision {
    padding-block:32px
  }
  .decision-inner {
    display:block
  }
  .decision h3 {
    font-size:19px
  }
  .decision p {
    font-size:12px
  }
  .decision .text-link {
    margin-top:18px;
    font-size:12px
  }
  .footer {
    flex-wrap:wrap;
    gap:20px
  }
  .footer p {
    order:3;
    width:100%;
    font-size:10px
  }
  .footer>a:last-child {
    font-size:11px
  }
  .footer .brand {
    font-size:20px
  }
}
@media(max-width:370px) {
  .wrap {
    width:calc(100% - 32px)
  }
  .hero h1 {
    font-size:35px
  }
  .theme-controls a {
    padding:5px 6px
  }
  .task-body {
    padding:15px 11px
  }
  .task-body h4 {
    font-size:14px
  }
  .task-body p {
    font-size:10px
  }
  .task-art {
    padding:12px
  }
  .proof-card {
    grid-template-columns:105px 1fr
  }
  .proof-content {
    padding:17px
  }
  .hero-badge {
    font-size:7px
  }
  .header .brand {
    font-size:20px
  }
}
@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto
  }
  *,*:before,*:after {
    animation:none!important;
    transition:none!important
  }
}
.walk-step {
  border-top:1px solid var(--tq-borda);
  padding-block:3px
}
.walk-step summary {
  display:flex;
  gap:15px;
  align-items:center;
  padding:17px 24px 17px 0;
  font-size:14px;
  font-weight:600;
  cursor:pointer;
  position:relative;
  list-style:none
}
.walk-step summary::-webkit-details-marker {
  display:none
}
.walk-step summary:after {
  content:'+';
  position:absolute;
  right:0;
  font-size:19px;
  font-weight:400
}
.walk-step[open] summary:after {
  content:'−'
}
.walk-step summary span {
  font-size:10px;
  color:var(--tq-tinta-fraca)
}
.walk-step p {
  font-size:13px;
  line-height:1.9;
  margin-bottom:19px
}
.walk-step .text-link {
  font-size:12px;
  margin-bottom:20px
}
@media(max-width:720px) {
  .walk-step summary {
    font-size:13px
  }
  .walk-step p {
    font-size:12px
  }
}
.art-csv {
  width:190px;
  border:1px solid var(--tq-creme-400);
  border-radius:5px;
  padding:13px;
  background:var(--tq-creme-100);
  color:var(--tq-mocha-700);
  transform:rotate(-3deg)
}
.art-csv strong {
  font-size:8px;
  display:block;
  margin-bottom:12px
}
.art-csv span {
  display:flex;
  justify-content:space-between;
  gap:8px;
  font-size:8px;
  border-top:1px solid var(--tq-creme-400);
  padding:6px 0
}
.art-csv b {
  font-weight:600
}
@media(max-width:720px) {
  .art-csv {
    padding:8px
  }
  .art-csv strong {
    font-size:6px
  }
  .art-csv span {
    font-size:6px;
    gap:4px
  }
}
/* Informações que qualificam a oferta e os exemplos permanecem legíveis. */
.preview-status,.illustration-note,.catalog-note,.demo-caption p,.demo-conversation>.micro {
  font-size:12px;
  line-height:1.8
}
[data-tq-tema="claro"] .hero:before {
  opacity:.08
}
@media(max-width:720px) {
  .task-body p,.proof-content p {
    font-size:12px
  }
  .task-body .text-link {
    font-size:11px
  }
}
/* Conteúdo de decisão: leitura confortável, inclusive para quem está começando. */
.task-body p,
.proof-content p,
.faq-grid details p,
.faq-grid summary,
.walk-step p,
.walk-step summary,
.chat-bubble,
.chat-answer,
.stack-item p,
.check-list li,
.guarantee-shell p,
.decision p {
  font-size: 14px;
}
.task-body .text-link,
.proof-content a,
.hero-terms,
.catalog-note,
.footer p {
  font-size: 12px;
}
@media (max-width: 520px) {
  .catalog-grid,
  .catalog-grid.four {
    grid-template-columns: 1fr;
  }
  .task-art {
    height: 185px;
    padding: 22px;
  }
  .task-body {
    padding: 24px;
  }
  .task-body h4 {
    font-size: 20px;
  }
  .task-body p {
    font-size: 14px;
  }
  .task-body .text-link {
    font-size: 12px;
  }
  .proof-card {
    grid-template-columns: 1fr;
  }
  .proof-preview {
    height: 165px;
    border-right: 0;
    border-bottom: 1px solid var(--tq-borda);
  }
  .proof-content {
    padding: 24px;
  }
  .proof-content h3 {
    font-size: 20px;
  }
  .offer-card .check-list li,
  .fit-box .check-list li,
  .checkout-note,
  .offer-footnote {
    font-size: 14px;
  }
  .hero-terms,
  .decision .text-link,
  .footer>a:last-child {
    font-size: 12px;
  }
}
/* O fundo alternado claro exige tinta de apoio com contraste maior. */
[data-tq-tema="claro"] .section.alt {
  --tq-tinta-fraca: var(--tq-tinta-suave);
}

/* Camada visual — pedido explícito de 12/09: atmosfera, textura e movimento.
   Restrita a esta página; não altera os tokens ou componentes globais da marca. */
:root {
  --motion-duration: 800ms;
  --motion-ease: cubic-bezier(.2,.7,.2,1);
}
body {
  isolation: isolate;
}
.header {
  position: relative;
  z-index: 4;
}
.hero {
  isolation: isolate;
  padding-bottom: 78px;
}
.hero:before {
  display: none;
}
.hero>.wrap {
  position: relative;
  z-index: 2;
}
.ambient-scene {
  position: absolute;
  inset: 0;
  overflow: hidden;
  z-index: 0;
  pointer-events: none;
  contain: paint;
}
.ambient-grid {
  position: absolute;
  inset: -8% -10% 0;
  background-image: linear-gradient(var(--tq-borda) 1px,transparent 1px),linear-gradient(90deg,var(--tq-borda) 1px,transparent 1px);
  background-size: 80px 80px;
  opacity: .18;
  transform: perspective(700px) rotateX(14deg) scale(1.1);
  mask-image: radial-gradient(ellipse at 50% 40%,transparent 9%,black 75%,transparent 100%);
}
.ambient-orb {
  position: absolute;
  border-radius: 50%;
  width: 770px;
  height: 650px;
  mix-blend-mode: screen;
  opacity: .55;
  will-change: auto;
}
.orb-one {
  left: -300px;
  top: -160px;
  background: radial-gradient(ellipse,color-mix(in srgb,var(--tq-coral-400) 36%,transparent),transparent 66%);
}
.orb-two {
  right: -340px;
  top: 100px;
  width: 850px;
  height: 850px;
  background: radial-gradient(ellipse,color-mix(in srgb,var(--tq-terracota-400) 37%,transparent),transparent 67%);
}
.orb-three {
  left: calc(50% - 380px);
  bottom: -460px;
  background: radial-gradient(ellipse,color-mix(in srgb,var(--tq-oliva-300) 25%,transparent),transparent 65%);
}
.ambient-ring {
  position: absolute;
  border: 1px solid color-mix(in srgb,var(--tq-coral-400) 27%,transparent);
  width: 1120px;
  height: 1120px;
  border-radius: 50%;
  left: calc(50% - 560px);
  top: -285px;
  opacity: .45;
  transform: rotateX(58deg) rotate(-24deg);
  mask-image: linear-gradient(transparent 15%,black 55%,transparent 95%);
}
.ring-two {
  width: 1330px;
  height: 1330px;
  left: calc(50% - 665px);
  top: -325px;
  transform: rotateX(61deg) rotate(28deg);
  opacity: .27;
}
.ambient-grain {
  position: absolute;
  inset: 0;
  background-image: url('assets/grain.svg');
  opacity: .065;
  mix-blend-mode: screen;
  pointer-events: none;
}
.ambient-spark {
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--tq-creme-300);
  box-shadow: 0 0 17px color-mix(in srgb,var(--tq-coral-400) 70%,transparent);
  opacity: .45;
}
.spark-one { left: 15%; top: 20%; }
.spark-two { right: 14%; top: 39%; width: 3px; height: 3px; }
.spark-three { left: 24%; bottom: 19%; width: 3px; height: 3px; }
.hero-badge {
  background: color-mix(in srgb,var(--tq-fundo-elevado) 65%,transparent);
  border-color: color-mix(in srgb,var(--tq-creme-300) 28%,transparent);
  backdrop-filter: blur(12px);
  box-shadow: inset 0 1px color-mix(in srgb,var(--tq-creme-300) 8%,transparent),0 8px 35px color-mix(in srgb,var(--tq-mocha-900) 12%,transparent);
}
.hero-em {
  background: color-mix(in srgb,var(--tq-fundo) 40%,transparent);
  box-shadow: 0 0 45px color-mix(in srgb,var(--tq-coral-400) 10%,transparent),inset 0 0 25px color-mix(in srgb,var(--tq-coral-400) 6%,transparent);
}
.hero-sub {
  text-wrap: pretty;
}
.result-peek {
  backdrop-filter: blur(20px);
  background: color-mix(in srgb,var(--tq-fundo-elevado) 85%,transparent);
  box-shadow: 0 18px 55px color-mix(in srgb,var(--tq-mocha-900) 25%,transparent),inset 0 1px color-mix(in srgb,var(--tq-creme-300) 9%,transparent);
}
.result-peek:nth-child(2) {
  transform: translateY(-10px);
}
.section {
  position: relative;
}
.section.alt {
  background-image: radial-gradient(ellipse at 0 0,color-mix(in srgb,var(--tq-glow) 12%,transparent),transparent 56%);
}
.section-head .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}
.section-head .eyebrow:before,
.section-head .eyebrow:after {
  content: '';
  display: block;
  width: 25px;
  height: 1px;
  background: var(--tq-borda-forte);
  opacity: .45;
}
.demo-shell {
  box-shadow: 0 25px 90px color-mix(in srgb,var(--tq-mocha-900) 17%,transparent),0 0 70px color-mix(in srgb,var(--tq-coral-400) 4%,transparent);
  background-image: linear-gradient(145deg,color-mix(in srgb,var(--tq-creme-300) 3%,transparent),transparent 35%);
}
.demo-toolbar {
  background: color-mix(in srgb,var(--tq-fundo-profundo) 40%,transparent);
}
.demo-paper-wrap {
  background-image: radial-gradient(ellipse at 60% 45%,color-mix(in srgb,var(--tq-terracota-400) 15%,transparent),transparent 78%);
  perspective: 900px;
}
.demo-paper {
  box-shadow: 0 20px 55px color-mix(in srgb,var(--tq-mocha-900) 18%,transparent);
  transition: transform .7s var(--motion-ease);
}
.task-card,
.proof-card,
.offer-card,
.chat-panel,
.compare-card,
.mentor-photo {
  position: relative;
  isolation: isolate;
  box-shadow: 0 8px 30px color-mix(in srgb,var(--tq-mocha-900) 7%,transparent),inset 0 1px color-mix(in srgb,var(--tq-creme-300) 4%,transparent);
  transition: transform .5s var(--motion-ease),border-color .4s,box-shadow .5s;
}
[data-spotlight]:after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 3;
  border-radius: inherit;
  background: radial-gradient(280px circle at var(--pointer-x,50%) var(--pointer-y,30%),color-mix(in srgb,var(--tq-coral-400) 8%,transparent),transparent 70%);
  opacity: 0;
  pointer-events: none;
  transition: opacity .4s;
}
.task-art {
  background-image: radial-gradient(ellipse at 50% 25%,color-mix(in srgb,var(--tq-terracota-400) 13%,transparent),transparent 75%);
}
.task-art>*,
.proof-preview>* {
  transition: transform .7s var(--motion-ease);
}
.catalog-nav a {
  background: linear-gradient(130deg,var(--tq-fundo-elevado),var(--tq-fundo));
  box-shadow: inset 0 1px color-mix(in srgb,var(--tq-creme-300) 4%,transparent);
  transition: border-color .3s,transform .3s,background .3s;
}
.offer-card {
  border-color: color-mix(in srgb,var(--tq-acento) 60%,var(--tq-borda));
  background-image: radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--tq-coral-400) 9%,transparent),transparent 47%);
  box-shadow: 0 0 65px color-mix(in srgb,var(--tq-coral-400) 6%,transparent),0 20px 70px color-mix(in srgb,var(--tq-mocha-900) 12%,transparent);
}
.guarantee-shell {
  background: linear-gradient(120deg,var(--tq-fundo-elevado),var(--tq-fundo));
  box-shadow: inset 0 1px color-mix(in srgb,var(--tq-creme-300) 7%,transparent);
}
.final-cta {
  position: relative;
  overflow: hidden;
  background: radial-gradient(ellipse at 50% 100%,color-mix(in srgb,var(--tq-glow) 32%,transparent),transparent 70%);
}
.button {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  box-shadow: 0 5px 25px color-mix(in srgb,var(--tq-coral-400) 9%,transparent),inset 0 1px color-mix(in srgb,var(--tq-creme-100) 25%,transparent);
  transition: transform .35s var(--motion-ease),box-shadow .35s,background .3s;
}
.button:before {
  content: '';
  position: absolute;
  inset: -50% auto -50% -60%;
  width: 25%;
  background: linear-gradient(90deg,transparent,color-mix(in srgb,var(--tq-creme-100) 25%,transparent),transparent);
  transform: skewX(-25deg);
  pointer-events: none;
}
.button .arrow {
  transition: transform .3s var(--motion-ease);
}
.reading-progress {
  position: fixed;
  z-index: 999;
  height: 3px;
  top: 0;
  left: 0;
  right: 0;
  pointer-events: none;
  opacity: 0;
}
.reading-progress span {
  display: block;
  height: 100%;
  background: var(--tq-acento);
  transform: scaleX(var(--reading-progress,0));
  transform-origin: left;
  box-shadow: 0 0 15px color-mix(in srgb,var(--tq-acento) 50%,transparent);
}
[data-motion="on"] .reading-progress {
  opacity: 1;
}
.motion-control {
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 8px 11px;
  border: 1px solid var(--tq-borda);
  border-radius: 25px;
  background: var(--tq-fundo-elevado);
  color: var(--tq-tinta-suave);
  font-size: 11px;
  line-height: 1.6;
  white-space: nowrap;
}
.motion-control:not([hidden]) {
  display: inline-flex;
}
.motion-control:hover {
  border-color: var(--tq-borda-forte);
}
.motion-control[aria-disabled="true"] {
  cursor: default;
}
.motion-symbol {
  display: inline-block;
  font-size: 13px;
  width: 11px;
  text-align: center;
}
[data-motion="on"] .orb-one {
  animation: aurora-one 17s ease-in-out infinite alternate;
}
[data-motion="on"] .orb-two {
  animation: aurora-two 21s ease-in-out infinite alternate;
}
[data-motion="on"] .orb-three {
  animation: aurora-three 19s ease-in-out infinite alternate;
}
[data-motion="on"] .ambient-grid {
  animation: grid-drift 28s ease-in-out infinite alternate;
}
[data-motion="on"] .ambient-spark {
  animation: spark-drift 8s ease-in-out infinite alternate;
}
[data-motion="on"] .spark-two { animation-delay: -3s; }
[data-motion="on"] .spark-three { animation-delay: -6s; }
[data-motion="on"] .result-peek:first-child {
  animation: float-left 7s ease-in-out infinite;
}
[data-motion="on"] .result-peek:nth-child(2) {
  animation: float-center 8s ease-in-out infinite;
}
[data-motion="on"] .result-peek:last-child {
  animation: float-right 7.5s ease-in-out infinite;
}
[data-motion="on"] .peek-bars i {
  transform-origin: bottom;
  animation: bars-breathe 5s ease-in-out infinite alternate;
}
[data-motion="on"] .peek-bars i:nth-child(2) { animation-delay: -2s; }
[data-motion="on"] .peek-bars i:nth-child(3) { animation-delay: -3.5s; }
[data-motion="on"] .peek-bars i:nth-child(4) { animation-delay: -1s; }
[data-motion="on"] .hero-actions .button:before {
  animation: button-sheen 9s ease-in-out infinite;
}
[data-motion="on"] .is-revealing {
  animation: reveal-in var(--motion-duration) var(--motion-ease) both;
}
@keyframes aurora-one {
  from { transform: translate(0,0) scale(1); opacity: .35; }
  to { transform: translate(170px,130px) scale(1.18); opacity: .7; }
}
@keyframes aurora-two {
  from { transform: translate(0,0) scale(1.1); opacity: .5; }
  to { transform: translate(-140px,-100px) scale(.9); opacity: .75; }
}
@keyframes aurora-three {
  from { transform: translate(-80px,70px) scale(.9); opacity: .35; }
  to { transform: translate(90px,-110px) scale(1.2); opacity: .6; }
}
@keyframes grid-drift {
  from { transform: perspective(700px) rotateX(14deg) translateY(-10px) scale(1.1); }
  to { transform: perspective(700px) rotateX(18deg) translateY(25px) scale(1.12); }
}
@keyframes spark-drift {
  from { transform: translateY(0); opacity: .2; }
  to { transform: translateY(-25px); opacity: .6; }
}
@keyframes float-left {
  0%,100% { transform: translateY(0) rotate(-4deg); }
  50% { transform: translateY(-12px) rotate(-2.5deg); }
}
@keyframes float-center {
  0%,100% { transform: translateY(-10px); }
  50% { transform: translateY(0); }
}
@keyframes float-right {
  0%,100% { transform: translateY(0) rotate(3deg); }
  50% { transform: translateY(-14px) rotate(1.5deg); }
}
@keyframes bars-breathe {
  from { transform: scaleY(.84); }
  to { transform: scaleY(1); }
}
@keyframes button-sheen {
  0%,75% { left: -60%; }
  94%,100% { left: 150%; }
}
@keyframes reveal-in {
  from { opacity: .45; translate: 0 25px; }
  to { opacity: 1; translate: 0 0; }
}
@media (hover:hover) and (pointer:fine) {
  [data-motion="on"] .task-card:hover,
  [data-motion="on"] .proof-card:hover,
  [data-motion="on"] .compare-card:hover {
    transform: perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-6px);
    border-color: color-mix(in srgb,var(--tq-acento) 55%,var(--tq-borda));
    box-shadow: 0 20px 55px color-mix(in srgb,var(--tq-mocha-900) 18%,transparent),0 0 25px color-mix(in srgb,var(--tq-acento) 4%,transparent);
  }
  [data-motion="on"] [data-spotlight]:hover:after {
    opacity: 1;
  }
  [data-motion="on"] .task-card:hover .task-art>* {
    transform: translateY(-3px) rotate(0deg) scale(1.04);
  }
  [data-motion="on"] .demo-shell:hover .demo-paper {
    transform: rotate(-1deg) translateY(-4px);
  }
  [data-motion="on"] .button:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 35px color-mix(in srgb,var(--tq-coral-400) 22%,transparent);
  }
  [data-motion="on"] .button:hover .arrow {
    transform: translate(2px,-2px);
  }
  [data-motion="on"] .catalog-nav a:hover {
    transform: translateY(-3px);
  }
}
[data-tq-tema="claro"] .ambient-orb {
  mix-blend-mode: multiply;
  opacity: .28;
}
[data-tq-tema="claro"] .ambient-grain {
  mix-blend-mode: multiply;
  opacity: .055;
}
[data-tq-tema="claro"] .ambient-grid {
  opacity: .11;
}
[data-tq-tema="claro"] .ambient-ring {
  opacity: .22;
}
[data-tq-tema="claro"] .hero-badge {
  background: color-mix(in srgb,var(--tq-fundo-elevado) 76%,transparent);
  border-color: var(--tq-borda);
}
[data-tq-tema="claro"] .hero-em {
  background: color-mix(in srgb,var(--tq-fundo-elevado) 60%,transparent);
}
[data-tq-tema="claro"] .result-peek {
  background: color-mix(in srgb,var(--tq-fundo-elevado) 94%,transparent);
  box-shadow: 0 16px 45px color-mix(in srgb,var(--tq-mocha-700) 10%,transparent);
}
[data-tq-tema="claro"] .section.alt {
  background-image: radial-gradient(ellipse at 0 0,color-mix(in srgb,var(--tq-terracota-400) 5%,transparent),transparent 56%);
}
[data-tq-tema="claro"] .demo-shell {
  box-shadow: 0 25px 80px color-mix(in srgb,var(--tq-mocha-700) 10%,transparent);
}
@media (max-width:1000px) {
  .header .nav { gap: 12px; }
  .nav>a:nth-child(2) { display: none; }
  .orb-one { left: -440px; }
  .orb-two { right: -540px; }
}
@media (max-width:720px) {
  .header { flex-wrap: wrap; row-gap: 18px; }
  .header .nav { gap: 8px; }
  .motion-control { font-size: 10px; padding: 7px 9px; }
  .hero { padding-bottom: 55px; }
  .ambient-grid { background-size: 55px 55px; opacity: .12; }
  .ambient-ring { width: 700px; height: 700px; left: calc(50% - 350px); top: -155px; }
  .ring-two { width: 900px; height: 900px; left: calc(50% - 450px); top: -205px; }
  .orb-one { width: 590px; height: 650px; left: -435px; top: -140px; }
  .orb-two { width: 600px; height: 700px; right: -430px; top: 140px; }
  .orb-three { width: 600px; left: calc(50% - 300px); bottom: -455px; }
  .hero-badge { backdrop-filter: none; }
  .result-peek { backdrop-filter: none; }
  .spark-one { left: 7%; top: 12%; }
  .spark-two { right: 7%; top: 46%; }
  .spark-three { left: 13%; bottom: 14%; }
  .section-head .eyebrow:before,
  .section-head .eyebrow:after { width: 14px; }
  .section-head .eyebrow { gap: 8px; }
}
@media (max-width:420px) {
  .header .nav { margin-left: auto; }
  .motion-control { padding: 6px 8px; }
  .motion-symbol { display: none; }
}
[data-motion="off"] *,
[data-motion="off"] *:before,
[data-motion="off"] *:after {
  animation: none !important;
}
[data-motion="off"] .button:hover {
  transform: none;
}
@media (prefers-reduced-motion:reduce) {
  *,*:before,*:after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
  .reading-progress { display: none; }
}
/* Pausar também encerra transições em curso e deslocamento suave. */
[data-motion="off"] {
  scroll-behavior: auto;
}
[data-motion="off"] *,
[data-motion="off"] *:before,
[data-motion="off"] *:after {
  transition: none !important;
}
/* Luz com presença: centros quentes nas bordas, área de leitura protegida. */
.orb-one {
  left: -230px;
  top: -170px;
  background: radial-gradient(ellipse,color-mix(in srgb,var(--tq-coral-300) 39%,transparent) 0%,color-mix(in srgb,var(--tq-coral-400) 35%,transparent) 26%,transparent 68%);
}
.orb-two {
  right: -290px;
  top: 85px;
  background: radial-gradient(ellipse,color-mix(in srgb,var(--tq-creme-300) 27%,transparent) 0%,color-mix(in srgb,var(--tq-terracota-300) 36%,transparent) 24%,transparent 66%);
}
.ambient-scene:after {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 50% 36%,color-mix(in srgb,var(--tq-fundo) 60%,transparent),transparent 60%);
}
@media (max-width:1000px) {
  .orb-one { left: -340px; }
  .orb-two { right: -380px; }
}
@media (max-width:720px) {
  .orb-one { left: -380px; top: -90px; }
  .orb-two { right: -380px; top: 190px; }
}
/* O controle de movimento é interface funcional, não legenda decorativa. */
.motion-control {
  font-size: 12px;
  min-height: 36px;
}
@media (max-width: 720px) {
  .motion-control {
    font-size: 12px;
    min-height: 36px;
    padding: 7px 11px;
  }
}

/* Rolagem e direção tipográfica — ajuste solicitado em 12/09/2026.
   Lenis é ativado somente junto dos efeitos e removido ao pausar. */
html[data-smooth-scroll="active"],
html[data-smooth-scroll="native"] {
  scroll-behavior: auto !important;
}
.title-word {
  display: inline-block;
}
[data-title-motion] {
  translate: 0 var(--title-drift,0px);
  transform-origin: center;
}
[data-motion="on"] .title-enter .title-word {
  animation: title-word-in 900ms cubic-bezier(.16,.7,.2,1) both;
  animation-delay: calc(min(var(--word-index,0),16) * 35ms);
}
@keyframes title-word-in {
  from { opacity: .55; transform: translateY(20px) rotateX(16deg); }
  to { opacity: 1; transform: translateY(0) rotateX(0); }
}
/* A opacidade nunca cai a zero: entrada e saída são suaves e reversíveis. */
[data-motion="on"] [data-scroll-fade] {
  opacity: var(--edge-opacity,1);
  translate: 0 var(--edge-shift,0px);
}
[data-scroll-fade]:focus-within,
[data-title-motion]:focus-within {
  opacity: 1 !important;
  translate: 0 0 !important;
}
[data-motion="on"] .is-revealing {
  animation: none;
}
.motion-rail {
  position: fixed;
  z-index: 5;
  top: 170px;
  bottom: 35px;
  left: 20px;
  width: 24px;
  overflow: hidden;
  pointer-events: none;
  mask-image: linear-gradient(transparent,black 13%,black 87%,transparent);
}
.rail-track {
  display: flex;
  gap: 0;
  width: max-content;
  position: absolute;
  top: 0;
  left: 20px;
  transform-origin: 0 0;
  transform: rotate(90deg);
}
.rail-track>span {
  flex: none;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .18em;
  color: var(--tq-tinta-fraca);
  white-space: nowrap;
  padding-right: 30px;
}
.rail-track b {
  font-weight: 400;
  color: var(--tq-acento-texto);
  padding-inline: 25px;
}
[data-motion="on"] .rail-track {
  animation: rail-vertical 28s linear infinite;
}
@keyframes rail-vertical {
  from { transform: rotate(90deg) translateX(0); }
  to { transform: rotate(90deg) translateX(-50%); }
}
.benefit-belt {
  overflow: hidden;
  padding: 0;
  mask-image: linear-gradient(90deg,transparent,black 4%,black 96%,transparent);
}
.benefit-track {
  display: flex;
  width: max-content;
}
.benefit-original,
.benefit-copy {
  display: flex;
  flex: none;
  align-items: center;
  gap: 28px;
  padding: 23px 28px;
  font-size: 13px;
  white-space: nowrap;
}
.benefit-original>b,
.benefit-copy>b {
  font-weight: 400;
  font-size: 18px;
  color: var(--tq-acento-texto);
}
[data-motion="on"] .benefit-track {
  animation: benefit-travel 38s linear infinite;
}
@keyframes benefit-travel {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
[data-motion="off"] [data-title-motion],
[data-motion="off"] [data-scroll-fade] {
  opacity: 1 !important;
  translate: 0 0 !important;
}
[data-motion="off"] .benefit-belt {
  mask-image: none;
}
[data-motion="off"] .benefit-track {
  width: 100%;
}
[data-motion="off"] .benefit-original {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  white-space: normal;
  gap: 12px 24px;
}
[data-motion="off"] .benefit-copy {
  display: none;
}
@media (max-width: 1260px) {
  .motion-rail {
    left: 3px;
    width: 17px;
  }
  .rail-track {
    left: 13px;
  }
  .rail-track>span {
    font-size: 8px;
  }
}
@media (max-width: 720px) {
  .motion-rail {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    width: 100%;
    height: 34px;
    border-bottom: 1px solid var(--tq-borda);
    mask-image: linear-gradient(90deg,transparent,black 7%,black 93%,transparent);
  }
  .rail-track {
    position: static;
    transform: none;
    padding-block: 7px;
  }
  .rail-track>span {
    font-size: 8px;
    padding-right: 22px;
  }
  .rail-track b {
    padding-inline: 17px;
  }
  [data-motion="on"] .rail-track {
    animation-name: benefit-travel;
  }
  .benefit-original,
  .benefit-copy {
    padding: 19px 23px;
    gap: 23px;
    font-size: 12px;
  }
  .benefit-original>b,
  .benefit-copy>b {
    font-size: 15px;
  }
  [data-motion="off"] .benefit-original {
    gap: 12px 20px;
    font-size: 12px;
  }
  [data-motion="off"] .benefit-original>b {
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  [data-title-motion],
  [data-scroll-fade] {
    opacity: 1 !important;
    translate: 0 0 !important;
  }
}