/* ============ Base ============ */
:root { --ouro-metalico: linear-gradient(118deg, #e0bb74 0%, #d4a458 48%, #e0bb74 100%); }
.jt { font-family: var(--font-sans); color: var(--ink); box-sizing: border-box; -webkit-font-smoothing: antialiased; }
.jt *, .jt *::before, .jt *::after { box-sizing: inherit; }
.jt b { font-weight: inherit; color: var(--accent-text); }
/* ouro metálico: o degradê de dois tons do símbolo aplicado a palavras-chave (só no tema Grafite) */
.jt-metal b, .jt-raro__letter, .jt-stat__value b, .jt-quote__mark, .jt-quote__text b { background: var(--ouro-metalico); -webkit-background-clip: text; background-clip: text; color: transparent; }
[data-theme="claro"] .jt-metal b, [data-theme="claro"] .jt-raro__letter, [data-theme="claro"] .jt-stat__value b, [data-theme="claro"] .jt-quote__mark, [data-theme="claro"] .jt-quote__text b { background: none; color: var(--accent-text); }

/* ============ Moldura (cantoneiras do símbolo) ============ */
.jt-frame { position: relative; display: inline-block; }
.jt-frame::before, .jt-frame::after { content: ""; position: absolute; width: 32px; height: 32px; border: 0 solid var(--accent); pointer-events: none; transition: width .35s ease, height .35s ease; }
.jt-frame::before { top: -12px; left: -12px; border-top-width: var(--traco-marca); border-left-width: var(--traco-marca); }
.jt-frame::after { bottom: -12px; right: -12px; border-bottom-width: var(--traco-marca); border-right-width: var(--traco-marca); }
.jt-frame--lg::before, .jt-frame--lg::after { width: 72px; height: 72px; }
.jt-frame:hover::before, .jt-frame:hover::after { width: 50%; height: 50%; }

/* ============ Button ============ */
.jt-btn { position: relative; display: inline-flex; align-items: center; gap: var(--espaco-3); font-family: var(--font-sans); font-weight: 600; font-size: 12px; line-height: 16px; letter-spacing: .12em; text-transform: uppercase; padding: 14px 24px; border: var(--traco-marca) solid transparent; border-radius: var(--raio-0); cursor: pointer; text-decoration: none; transition: background .2s, color .2s, border-color .2s, box-shadow .2s; }
.jt-btn svg { width: 16px; height: 16px; transition: transform .25s ease; }
.jt-btn:hover svg:last-child { transform: translateX(4px); }
.jt-btn--lg { font-size: 12px; padding: 17px 30px; }
.jt-btn--primary { background: var(--ouro-metalico); color: var(--on-accent); }
.jt-btn--primary:hover { background: linear-gradient(118deg, #e8c98c 0%, #dfb571 48%, #e8c98c 100%); box-shadow: 0 8px 22px rgba(212,164,88,.35); }
.jt-btn--outline { background: transparent; color: var(--ink); border-color: var(--line-strong); }
.jt-btn--outline:hover { background: var(--accent); color: var(--on-accent); border-color: var(--accent); }
.jt-btn--link { background: transparent; padding: 8px 0; color: var(--accent-text); border-width: 0 0 var(--traco-marca); border-color: var(--line-strong); }
.jt-btn:focus-visible, .jt-tag:focus-visible, .jt-card:focus-visible { outline: 2px solid var(--focus); outline-offset: 3px; }
.jt-btn[disabled] { opacity: .4; cursor: not-allowed; }

/* ============ Icon ============ */
.jt-icon { display: inline-block; width: 24px; height: 24px; flex: none; }
.jt-tile { width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; background: var(--accent); color: var(--on-accent); border-radius: var(--raio-0); flex: none; }
.jt-tile .jt-icon { width: 20px; height: 20px; }

/* ============ Section title ============ */
.jt-st { max-width: 820px; }
.jt-st--center { text-align: center; margin: 0 auto; }
.jt-st__eyebrow { display: flex; align-items: center; gap: var(--espaco-4); font-size: 11px; line-height: 16px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; color: var(--ink-muted); margin: 0 0 var(--espaco-4); }
.jt-st--center .jt-st__eyebrow { justify-content: center; }
.jt-st__num { color: var(--accent-text); font-weight: 700; }
.jt-st__rule { width: 56px; height: var(--traco-marca); background: var(--accent); }
.jt-st__title { font-size: 44px; line-height: 50px; letter-spacing: -0.03em; font-weight: 700; margin: 0; color: var(--ink); }
.jt-st__lead { font-size: 16px; line-height: 27px; font-weight: 300; color: var(--ink-muted); margin: var(--espaco-6) 0 0; max-width: 600px; }
.jt-st--center .jt-st__lead { margin-left: auto; margin-right: auto; }

/* ============ BigWord ============ */
.jt-bigword { font-family: var(--font-sans); font-weight: 800; font-size: 220px; line-height: .8; letter-spacing: -0.05em; text-transform: uppercase; color: transparent; -webkit-text-stroke: 1.5px var(--ouro-veu); white-space: nowrap; user-select: none; pointer-events: none; margin: 0; }
.jt-bigword--solid { -webkit-text-stroke: 0; color: var(--marca-dagua); }
.jt-bigword--gold { -webkit-text-stroke: 0; color: var(--ouro-500); }

/* ============ Band (impressos) ============ */
.jt-band { display: flex; align-items: center; gap: var(--espaco-4); background: var(--ouro-300); color: var(--grafite-900); padding: var(--espaco-6) var(--espaco-12); }
.jt-band__label { font-weight: 600; font-size: 15px; letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; }
.jt-band__rule { flex: 1; height: var(--traco-fino); background: var(--grafite-900); }

/* ============ Service card ============ */
.jt-card { position: relative; overflow: hidden; background: var(--surface-raised); border: var(--traco-fino) solid var(--line); border-radius: var(--raio-0); padding: 28px; display: flex; flex-direction: column; gap: var(--espaco-3); min-height: 250px; text-decoration: none; color: var(--ink); transition: border-color .3s, transform .3s; }
.jt-card::after { content: ""; position: absolute; left: 0; bottom: 0; height: 3px; width: 0; background: var(--ouro-metalico); transition: width .45s ease; }
.jt-card:hover { border-color: var(--line-strong); transform: translateY(-4px); }
.jt-card:hover::after { width: 100%; }
.jt-card__num { font-size: 64px; line-height: 56px; font-weight: 800; letter-spacing: -0.04em; color: transparent; -webkit-text-stroke: 1.5px var(--line-strong); margin: 0; }
.jt-card__icon { width: 52px; height: 52px; display: inline-flex; align-items: center; justify-content: center; border: var(--traco-fino) solid var(--line-strong); color: var(--accent-text); transition: background .3s, color .3s, border-color .3s; }
.jt-card__icon .jt-icon { width: 24px; height: 24px; }
.jt-card:hover .jt-card__icon { background: var(--accent); border-color: var(--accent); color: var(--on-accent); }
.jt-card__title { font-size: 19px; line-height: 25px; letter-spacing: -0.01em; font-weight: 600; margin: auto 0 0; color: var(--ink); }
.jt-card__body { font-size: 14px; line-height: 22px; font-weight: 300; margin: 0; color: var(--ink-muted); }
.jt-card__link { font-size: 12px; letter-spacing: .16em; text-transform: uppercase; font-weight: 600; color: var(--accent-text); display: inline-flex; gap: var(--espaco-2); align-items: center; }
.jt-card__link svg { width: 16px; height: 16px; transition: transform .25s; }
.jt-card:hover .jt-card__link svg { transform: translateX(4px); }

/* ============ RARO ============ */
.jt-raro { position: relative; }
.jt-raro__intro { font-size: 20px; line-height: 30px; font-weight: 300; margin: 0 0 var(--espaco-8); color: var(--ink); }
.jt-raro__intro b { font-weight: 700; }
.jt-raro--list .jt-raro__items { display: flex; flex-direction: column; }
.jt-raro--list .jt-raro__word { font-size: 72px; line-height: 76px; letter-spacing: -0.035em; font-weight: 700; margin: 0; color: var(--ink); }
.jt-raro--grid .jt-raro__items { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: var(--traco-fino) solid var(--line); border-left: var(--traco-fino) solid var(--line); }
.jt-raro__cell { position: relative; overflow: hidden; border-right: var(--traco-fino) solid var(--line); border-bottom: var(--traco-fino) solid var(--line); padding: var(--espaco-8) var(--espaco-6); min-height: 340px; display: flex; flex-direction: column; justify-content: flex-end; gap: var(--espaco-3); transition: background .3s; }
.jt-raro__cell:hover { background: var(--surface-raised); }
.jt-raro__big { position: absolute; top: -24px; right: -8px; font-size: 200px; line-height: 1; font-weight: 800; letter-spacing: -0.05em; color: transparent; -webkit-text-stroke: 1.5px var(--ouro-veu); transition: -webkit-text-stroke-color .3s; }
.jt-raro__cell:hover .jt-raro__big { -webkit-text-stroke-color: var(--accent); }
.jt-raro__step { position: relative; font-size: 12px; letter-spacing: .2em; font-weight: 600; color: var(--accent-text); margin: 0; }
.jt-raro__cell h4 { position: relative; font-size: 24px; line-height: 30px; letter-spacing: -0.02em; font-weight: 600; margin: 0; }
.jt-raro__cell p { position: relative; font-size: 14px; line-height: 22px; font-weight: 300; margin: 0; color: var(--ink-muted); }
.jt-raro__outro { color: var(--ink-muted); font-size: 18px; line-height: 28px; font-weight: 300; margin: var(--espaco-8) 0 0; max-width: 560px; }
@media (max-width: 900px) { .jt-raro--grid .jt-raro__items { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .jt-raro--grid .jt-raro__items { grid-template-columns: 1fr; } .jt-raro--list .jt-raro__word { font-size: 48px; line-height: 54px; } }

/* ============ Stat ============ */
.jt-stat__pre, .jt-stat__post { font-size: 18px; line-height: 26px; font-weight: 300; margin: 0; color: var(--ink); }
.jt-stat__value { font-size: 68px; line-height: 68px; letter-spacing: -0.045em; font-weight: 700; margin: 4px 0; color: var(--ink); }
.jt-stat--compact { border-left: var(--traco-marca) solid var(--accent); padding-left: var(--espaco-4); }
.jt-stat--compact .jt-stat__value { font-size: 32px; line-height: 34px; letter-spacing: -0.03em; }
.jt-stat--compact .jt-stat__pre, .jt-stat--compact .jt-stat__post { font-size: 12px; line-height: 18px; color: var(--ink-muted); }

/* ============ Solution tag ============ */
.jt-tag { display: inline-flex; align-items: center; justify-content: space-between; gap: var(--espaco-4); min-width: 240px; padding: 16px 20px; border: var(--traco-fino) solid var(--line-strong); border-radius: var(--raio-0); color: var(--ink); background: transparent; font-family: var(--font-sans); font-size: 15px; line-height: 20px; font-weight: 500; text-decoration: none; transition: background .2s, color .2s; }
.jt-tag svg { width: 16px; height: 16px; color: var(--accent-text); transition: transform .25s; }
a.jt-tag:hover { background: var(--accent); color: var(--on-accent); border-color: var(--accent); }
a.jt-tag:hover svg { color: var(--on-accent); transform: rotate(-45deg); }

/* ============ WhatsApp flutuante ============ */
.wa-float { position: fixed; right: 24px; bottom: 24px; z-index: 21; width: 56px; height: 56px; border-radius: 50%; background: #25d366; color: #fff; border: 0; display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 26px rgba(0,0,0,.35); transition: transform .2s ease, box-shadow .2s ease; cursor: pointer; }
.wa-float:hover { transform: scale(1.08); box-shadow: 0 12px 30px rgba(0,0,0,.45); }
.wa-float svg { width: 28px; height: 28px; }

/* ============ WhatsApp: popup de captura ============ */
.wa-pop { position: fixed; right: 24px; bottom: 92px; z-index: 20; width: 336px; max-width: calc(100vw - 32px); background: #fff; border-radius: 14px; overflow: hidden; box-shadow: 0 20px 50px rgba(0,0,0,.35); font-family: var(--font-sans); }
.wa-pop__head { background: #25d366; padding: 18px 44px 18px 18px; position: relative; display: flex; gap: 12px; align-items: flex-start; color: #fff; }
.wa-pop__icon { width: 34px; height: 34px; flex: none; background: rgba(255,255,255,.18); border-radius: 50%; padding: 8px; box-sizing: border-box; }
.wa-pop__head strong { display: block; font-size: 15px; font-weight: 600; }
.wa-pop__head span { display: flex; align-items: center; gap: 6px; font-size: 12px; opacity: .9; margin-top: 3px; }
.wa-pop__dot { width: 7px; height: 7px; border-radius: 50%; background: #c8ffd9; display: inline-block; }
.wa-pop__close { position: absolute; top: 12px; right: 12px; width: 26px; height: 26px; border-radius: 50%; background: rgba(255,255,255,.2); border: 0; color: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; padding: 0; }
.wa-pop__close svg { width: 14px; height: 14px; }
.wa-pop__form { padding: 20px; display: flex; flex-direction: column; gap: 14px; }
.wa-pop__form > p { margin: 0; font-size: 13px; line-height: 20px; color: #4a4a4a; }
.wa-pop__form label { display: flex; flex-direction: column; gap: 6px; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; font-weight: 700; color: #666; }
.wa-pop__form input { font: inherit; font-size: 14px; color: #222; border: 1px solid #d8d8d8; border-radius: 8px; padding: 11px 12px; outline: none; box-sizing: border-box; width: 100%; }
.wa-pop__form input:focus { border-color: #25d366; }
.wa-pop__phone { display: flex; gap: 8px; }
.wa-pop__phone span { display: flex; align-items: center; gap: 4px; padding: 0 10px; border: 1px solid #d8d8d8; border-radius: 8px; font-size: 14px; color: #222; flex: none; }
.wa-pop__phone input { flex: 1; }
.wa-pop__submit { display: flex; align-items: center; justify-content: center; gap: 10px; background: #25d366; color: #fff; border: 0; border-radius: 8px; padding: 13px; font-size: 14px; font-family: inherit; font-weight: 600; cursor: pointer; transition: background .2s; }
.wa-pop__submit:hover { background: #1fb559; }
.wa-pop__submit svg { width: 18px; height: 18px; }
.wa-pop__submit[disabled] { opacity: .7; cursor: wait; }
.wa-pop__lock { margin: 0; text-align: center; font-size: 11px; color: #999; }
@media (max-width: 900px) { .wa-float--lp { bottom: 92px; } .wa-pop--lp { bottom: 160px; } }
@media (max-width: 480px) { .wa-pop { right: 16px; left: 16px; width: auto; bottom: 88px; } .wa-pop--lp { left: 16px; right: 16px; width: auto; bottom: 156px; } }

/* ============ Contact ============ */
.jt-contact { display: flex; gap: var(--espaco-4); align-items: center; color: inherit; text-decoration: none; }
.jt-contact__label { font-weight: 600; font-size: 11px; line-height: 16px; letter-spacing: .2em; text-transform: uppercase; color: var(--accent-text); margin: 0 0 2px; }
.jt-contact__value { font-size: 15px; line-height: 22px; color: var(--ink); margin: 0; }

/* ============ Quote ============ */
.jt-quote { position: relative; padding-top: 72px; margin: 0; }
.jt-quote__mark { position: absolute; top: -36px; left: -8px; font-size: 180px; line-height: 1; font-weight: 800; }
.jt-quote__text { font-size: 30px; line-height: 40px; letter-spacing: -0.025em; margin: 0; color: var(--ink); font-weight: 300; }
.jt-quote__text b { font-weight: 600; }
.jt-quote__by { display: flex; align-items: center; gap: var(--espaco-3); margin-top: var(--espaco-6); font-size: 12px; letter-spacing: .2em; text-transform: uppercase; color: var(--ink-muted); font-weight: 600; }
.jt-quote__by::before { content: ""; width: 40px; height: var(--traco-marca); background: var(--accent); }

/* ============ Hero ============ */
.jt-hero { position: relative; overflow: hidden; background: var(--surface-sunken); display: grid; grid-template-columns: 1.1fr .9fr; align-items: end; gap: var(--espaco-12); padding: 72px max(48px, calc((100% - 1200px) / 2)) 0; min-height: 600px; }
.jt-hero__bg { position: absolute; left: -16px; bottom: -150px; }
.jt-hero__copy { position: relative; padding-bottom: 120px; align-self: center; }
.jt-hero__kicker { display: flex; align-items: center; gap: var(--espaco-4); font-size: 12px; letter-spacing: .24em; text-transform: uppercase; color: var(--accent-text); font-weight: 600; margin: 0 0 var(--espaco-6); }
.jt-hero__kicker::before { content: ""; width: 56px; height: var(--traco-marca); background: var(--accent); }
.jt-hero__title { font-size: 68px; line-height: 66px; letter-spacing: -0.045em; font-weight: 700; margin: 0; color: var(--ink); }
.jt-hero__lead { font-size: 17px; line-height: 28px; font-weight: 300; color: var(--ink-muted); max-width: 460px; margin: var(--espaco-6) 0 var(--espaco-8); }
.jt-hero__actions { display: flex; gap: var(--espaco-4); flex-wrap: wrap; }
.jt-hero__stats { display: flex; gap: var(--espaco-8); margin-top: 40px; }
.jt-hero__media { position: relative; align-self: end; height: 540px; max-width: 460px; width: 100%; justify-self: end; }
.jt-hero__offset { position: absolute; top: 40px; right: -24px; bottom: 0; left: 40px; border: var(--traco-marca) solid var(--accent); border-bottom: 0; }
.jt-hero__photo { position: relative; display: block; width: 100%; height: 100%; object-fit: cover; object-position: top center; filter: saturate(.6) contrast(1.05); }
.jt-hero__fade { position: absolute; left: 0; right: 0; bottom: 0; height: 40%; background: linear-gradient(0deg, var(--surface-sunken), transparent); }
.jt-hero__dots { position: absolute; top: 32px; right: 32px; width: 88px; }
.jt-hero--solo { grid-template-columns: 1fr; }
.jt-hero--solo .jt-hero__copy { padding-bottom: 88px; max-width: 760px; }
@media (max-width: 900px) { .jt-hero { grid-template-columns: 1fr; padding: 64px 20px 0; gap: 40px; } .jt-hero__copy { padding-bottom: 0; } .jt-hero__title { font-size: 52px; line-height: 52px; } .jt-hero__media { height: auto; aspect-ratio: 4 / 5; width: 100%; max-width: 520px; } }

/* ============ Social post ============ */
.jt-post { position: relative; width: 1080px; height: 1350px; overflow: hidden; background: var(--grafite-950); font-family: var(--font-sans); color: #f4efe6; }
.jt-post__photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: saturate(.55) contrast(1.05); }
.jt-post__shade { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(28,29,33,.75) 0%, rgba(28,29,33,0) 26%, rgba(28,29,33,0) 42%, rgba(28,29,33,.94) 80%); }
.jt-post__big { position: absolute; right: -40px; top: 170px; font-size: 340px; line-height: .78; font-weight: 800; letter-spacing: -0.06em; color: transparent; -webkit-text-stroke: 3px rgba(212,164,88,.35); writing-mode: vertical-rl; }
.jt-post__logo { position: absolute; top: 72px; left: 72px; width: 300px; }
.jt-post__frame { position: absolute; inset: 40px; pointer-events: none; }
.jt-post__frame::before, .jt-post__frame::after { content: ""; position: absolute; width: 96px; height: 96px; border: 0 solid var(--ouro-500); }
.jt-post__frame::before { top: 0; right: 0; border-top-width: 4px; border-right-width: 4px; }
.jt-post__frame::after { bottom: 0; left: 0; border-bottom-width: 4px; border-left-width: 4px; }
.jt-post__text { position: absolute; left: 72px; right: 72px; font-size: 96px; line-height: 92px; letter-spacing: -0.045em; font-weight: 700; margin: 0; }
.jt-post__text--top { top: 250px; } .jt-post__text--bottom { bottom: 150px; } .jt-post__text--right { text-align: right; }
.jt-post__text b { background: var(--ouro-metalico); -webkit-background-clip: text; background-clip: text; color: transparent; }
.jt-post__cta { position: absolute; left: 72px; bottom: 100px; display: inline-flex; align-items: center; gap: 20px; background: var(--ouro-metalico); color: var(--grafite-900); font-size: 28px; line-height: 34px; letter-spacing: .12em; text-transform: uppercase; font-weight: 700; padding: 30px 44px; }
.jt-post__cta svg { width: 34px; height: 34px; }
.jt-post__cta ~ .jt-post__text--bottom { bottom: 250px; }

/* ============ Fio de pérolas ============ */
.jt-pearls { display: block; width: 160px; height: 8px; background-image: radial-gradient(circle at 4px 4px, var(--ouro-300) 0 2.6px, transparent 3px); background-size: 14px 8px; background-repeat: repeat-x; }

/* ============ Diagrama RARO ============ */
.jt-rd { display: grid; grid-template-columns: minmax(0, 480px) minmax(0, 1fr); gap: 64px; align-items: center; max-width: 1080px; }
.jt-rd__svg { display: block; width: 100%; height: auto; overflow: visible; }
.jt-rd__arc { cursor: pointer; }
.jt-rd__arc path { fill: var(--marca-dagua); stroke: var(--line); stroke-width: 1; transition: d .35s ease, fill .35s; }
.jt-rd__arc:hover path { fill: var(--grafite-800); }
.jt-rd__arc.is-on path { stroke: none; }
.jt-rd__letter { font-family: var(--font-sans); font-weight: 800; font-size: 40px; fill: var(--accent-text); pointer-events: none; }
.jt-rd__arc.is-on .jt-rd__letter { fill: var(--grafite-900); }
.jt-rd__pearl { fill: var(--ouro-veu); transition: r .3s, fill .3s; }
.jt-rd__pearl.is-on { fill: var(--ouro-300); }
.jt-rd__core { fill: var(--grafite-950); stroke: var(--ouro-veu); stroke-width: 1.5; }
.jt-rd__kicker { font-family: var(--font-sans); font-size: 14px; font-weight: 600; letter-spacing: .32em; fill: var(--ink-muted); }
.jt-rd__word { font-family: var(--font-sans); font-size: 76px; font-weight: 800; letter-spacing: -0.04em; }
.jt-rd__now { font-family: var(--font-sans); font-size: 13px; font-weight: 600; letter-spacing: .2em; fill: var(--accent-text); }
.jt-rd__list { display: flex; flex-direction: column; gap: var(--espaco-3); }
.jt-rd__item { all: unset; box-sizing: border-box; cursor: pointer; display: grid; gap: 4px; padding: var(--espaco-4) var(--espaco-6); border-left: var(--traco-marca) solid var(--line); transition: border-color .3s, background .3s; }
.jt-rd__item:focus-visible { outline: 2px solid var(--focus); outline-offset: 3px; }
.jt-rd__item.is-on { border-left-color: var(--accent); background: var(--surface-raised); }
.jt-rd__num { font-size: 11px; line-height: 16px; letter-spacing: .2em; text-transform: uppercase; font-weight: 600; color: var(--ink-muted); }
.jt-rd__item.is-on .jt-rd__num { color: var(--accent-text); }
.jt-rd__title { font-size: 22px; line-height: 28px; letter-spacing: -0.02em; font-weight: 700; color: var(--ink-muted); transition: color .3s; }
.jt-rd__title b { color: var(--accent-text); font-weight: 800; }
.jt-rd__item.is-on .jt-rd__title { color: var(--ink); }
.jt-rd__desc { font-size: 14px; line-height: 22px; font-weight: 300; color: var(--ink-muted); max-height: 0; overflow: hidden; opacity: 0; transition: max-height .4s ease, opacity .3s; }
.jt-rd__item.is-on .jt-rd__desc { max-height: 90px; opacity: 1; }
@media (max-width: 860px) { .jt-rd { grid-template-columns: 1fr; } .jt-rd__item { margin-left: 0 !important; } }

/* ============ Slide de carrossel ============ */
.jt-slide { position: relative; width: 1080px; height: 1350px; overflow: hidden; background: var(--grafite-950); font-family: var(--font-sans); color: #f4efe6; }
.jt-slide__letter { position: absolute; right: -120px; top: 60px; font-size: 1150px; line-height: .8; font-weight: 800; letter-spacing: -0.06em; color: transparent; -webkit-text-stroke: 3px rgba(212,164,88,.45); }
.jt-slide__logo { position: absolute; top: 72px; left: 72px; width: 300px; }
.jt-slide__count { position: absolute; top: 80px; right: 88px; margin: 0; font-size: 26px; letter-spacing: .2em; font-weight: 600; color: var(--ouro-300); }
.jt-slide__body { position: absolute; left: 72px; right: 72px; bottom: 210px; display: flex; flex-direction: column; gap: 32px; }
.jt-slide__step { margin: 0; font-size: 26px; letter-spacing: .24em; text-transform: uppercase; font-weight: 600; color: var(--ouro-300); }
.jt-slide__title { margin: 0; font-size: 118px; line-height: 112px; letter-spacing: -0.05em; font-weight: 700; }
.jt-slide__title b { background: var(--ouro-metalico); -webkit-background-clip: text; background-clip: text; color: transparent; }
.jt-slide__text { margin: 0; font-size: 42px; line-height: 58px; font-weight: 300; color: #d9d2c6; max-width: 820px; }
.jt-slide__text b { color: var(--ouro-300); font-weight: 600; }
.jt-slide__bars { position: absolute; left: 72px; right: 72px; bottom: 96px; display: flex; gap: 12px; }
.jt-slide__bars span { flex: 1; height: 6px; background: rgba(244,239,230,.15); }
.jt-slide__bars span.is-on { background: var(--ouro-500); }
.jt-slide__swipe { position: absolute; right: 72px; bottom: 130px; display: inline-flex; gap: 14px; align-items: center; font-size: 24px; letter-spacing: .2em; text-transform: uppercase; font-weight: 600; color: var(--ouro-300); }
.jt-slide__swipe svg { width: 30px; height: 30px; }