.bt{padding:72px 0;background:#fff}
.bt-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:400px 520px;grid-template-areas:"a a a b b b" "c c d d f f";gap:12px;font-family:Inter,Arial,sans-serif}
.bt-a{grid-area:a}
.bt-b{grid-area:b}
.bt-c{grid-area:c}
.bt-col{grid-area:d}
.bt-f{grid-area:f}
.bt-card{position:relative;overflow:hidden;border-radius:22px;background:radial-gradient(120% 90% at 50% 0%,rgba(229,172,59,.16),transparent 55%),#0b0b0d;color:#fafafa;isolation:isolate}
.bt-card h3{font-size:18px;font-weight:600;letter-spacing:-.01em;color:#fafafa}
.bt-card p{margin-top:12px;font-size:14.5px;line-height:1.6;color:#a1a1aa;max-width:380px}
.bt-txt{position:absolute;left:32px;right:32px;bottom:30px;z-index:2}
.bt-centro{text-align:center}
.bt-centro p{margin-left:auto;margin-right:auto}
.bt-chat{position:absolute;inset:26px 32px auto 32px;display:flex;flex-direction:column;gap:18px}
.bt-msg{display:flex;align-items:center;gap:12px}
.bt-msg p{margin:0;max-width:320px;font-size:14.5px;line-height:1.45;padding:12px 16px;border-radius:14px}
.bt-msg-cli{justify-content:flex-end;padding-left:28%}
.bt-msg-cli p{background:#e7e7ea;color:#27272a}
.bt-msg-sup{padding-right:24%}
.bt-msg-sup p{background:#141416;color:#d4d4d8;border:1px solid rgba(229,172,59,.28);box-shadow:0 0 30px -10px rgba(229,172,59,.45)}
.bt-msg-sup b{color:#E5AC3B;font-weight:600}
.bt-av{flex:none;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:15px}
.bt-av-cli{object-fit:cover;background:#27272a;box-shadow:0 0 0 2px rgba(255,255,255,.1)}
.bt-av-sup{object-fit:cover;box-shadow:0 0 0 2px rgba(229,172,59,.35)}
.bt-b .bt-txt{top:30px;bottom:auto}
.bt-b .bt-txt p{max-width:440px}
.bt-b::before{content:"";position:absolute;left:20%;right:-10%;top:40%;height:70%;background:radial-gradient(closest-side,rgba(229,172,59,.32),transparent);filter:blur(10px);z-index:0;pointer-events:none}
.bt-painel{position:absolute;left:32px;top:136px;width:720px;max-width:none;height:auto;border-radius:14px 0 0 0;border:1px solid rgba(255,255,255,.1);box-shadow:0 -10px 60px -16px rgba(229,172,59,.45),0 30px 60px rgba(0,0,0,.6);z-index:1}
@media (max-width:640px){.bt-painel{left:20px;top:140px;width:600px}.bt-b .bt-txt{top:24px}}
.bt-c .bt-txt{top:30px;bottom:auto}
.bt-cel{position:absolute;left:50%;top:150px;width:280px;height:470px;margin-left:-140px;padding:9px;border-radius:48px;background:#1c1c1f;box-shadow:0 0 0 1px rgba(255,255,255,.12),0 -20px 80px -20px rgba(229,172,59,.5)}
.bt-cel-tela{position:relative;display:block;height:100%;overflow:hidden;border-radius:40px;background:url("/assets/img/cashcard2-hance.webp") center/cover}
.bt-cel-tela::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.08)}
.bt-cel-ilha{position:absolute;top:10px;left:50%;width:88px;height:26px;margin-left:-44px;border-radius:20px;background:#000}
.bt-cel-hora{position:absolute;top:48px;left:0;right:0;text-align:center;font-size:60px;font-weight:600;letter-spacing:-.04em;line-height:1.1;color:#fff}
.bt-notas{position:absolute;left:10px;right:10px;top:136px;height:190px}
.bt-nota{position:absolute;left:0;right:0;top:0;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:18px;background:rgba(36,36,40,.8);border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 24px -12px rgba(0,0,0,.7);opacity:0;animation:bt-sobe 12.5s cubic-bezier(.3,.7,.2,1) infinite}
.bt-nota:nth-child(1){animation-delay:-.6s}
.bt-nota:nth-child(2){animation-delay:-3.1s}
.bt-nota:nth-child(3){animation-delay:-5.6s}
.bt-nota:nth-child(4){animation-delay:-8.1s}
.bt-nota:nth-child(5){animation-delay:-10.6s}
.bt-nota-ic{flex:none;width:34px;height:34px;border-radius:8px}
.bt-nota-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.bt-card .bt-nota-tx p{margin:0;max-width:none;display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:13px;line-height:1.25;color:#fafafa}
.bt-nota-tx b{font-weight:600}
.bt-nota-tx time{font-size:11.5px;color:#a1a1aa}
.bt-nota-tx span{font-size:12.5px;line-height:1.3;color:#e4e4e7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (prefers-reduced-motion:reduce){.bt-nota{animation:none;opacity:1}.bt-nota:nth-child(1){transform:translateY(128px)}.bt-nota:nth-child(2){transform:translateY(64px)}.bt-nota:nth-child(n+4){display:none}}
@media (max-width:640px){.bt-cel{top:154px}}
.bt-c h3{font-size:24px}
.bt-c p{font-size:16px}
.bt-col{display:grid;grid-template-rows:1fr 1fr;gap:12px;min-height:0}
.bt-d{background:radial-gradient(90% 70% at 50% 0%,rgba(229,172,59,.28),transparent 62%),radial-gradient(60% 50% at 50% 100%,rgba(229,172,59,.12),transparent 70%),#0b0b0d}
.bt-d .bt-txt{left:24px;right:24px;bottom:18px}
.bt-d h3{font-size:20px;font-weight:800}
.bt-d p{margin-top:6px;font-size:13.5px;line-height:1.45}
.rt-svg{position:absolute;left:50%;top:12px;width:min(318px,calc(100% - 24px));height:auto;transform:translateX(-50%);overflow:visible;font-family:Inter,Arial,sans-serif}
.rt-l{fill:none;stroke-width:2;stroke-linecap:round}
.rt-l3{stroke:rgba(255,255,255,.12);stroke-dasharray:3 5}
.rt-l1{stroke:#E5AC3B;stroke-dasharray:100;stroke-dashoffset:100;animation:rt-l1 7s ease-in-out infinite}
.rt-l2{stroke:#3CE68A;stroke-dasharray:100;stroke-dashoffset:100;filter:drop-shadow(0 0 4px rgba(60,230,138,.8));animation:rt-l2 7s ease-in-out infinite}
.rt-pix rect{fill:#161618;stroke:rgba(229,172,59,.55);stroke-width:1}
.rt-t1{fill:#fafafa;font-size:10.5px;font-weight:700}
.rt-t2{fill:#a1a1aa;font-size:8.5px;font-weight:500}
.rt-no rect{fill:#141416;stroke:rgba(255,255,255,.12);stroke-width:1}
.rt-no text{fill:#a1a1aa;font-size:8.5px;font-weight:600;text-anchor:middle}
.rt-no .rt-ic{color:#a1a1aa}
.rt-n3{opacity:.45}
.rt-n1 rect{animation:rt-n1 7s ease-in-out infinite}
.rt-n1 .rt-ic,.rt-n1 text{animation:rt-n1t 7s ease-in-out infinite}
.rt-n2 rect{animation:rt-n2 7s ease-in-out infinite}
.rt-n2 .rt-ic,.rt-n2 text{animation:rt-n2t 7s ease-in-out infinite}
.rt-x circle{fill:#F04438}
.rt-x path{stroke:#fff;stroke-width:1.8;stroke-linecap:round;fill:none}
.rt-ok circle{fill:#3CE68A}
.rt-ok path{stroke:#0b0b0d;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;fill:none}
.rt-x{opacity:0;animation:rt-x 7s ease-in-out infinite}
.rt-ok{opacity:0;animation:rt-ok 7s ease-in-out infinite}
.rt-chip rect{fill:#1a1206;stroke:rgba(244,202,104,.55);stroke-width:1}
.rt-chip text{fill:#F4CA68;font-size:8.5px;font-weight:700;text-anchor:middle}
.rt-chip{opacity:0;animation:rt-chip 7s ease-in-out infinite}
.rt-toast rect{fill:#0f1f16;stroke:rgba(60,230,138,.6);stroke-width:1}
.rt-toast text{fill:#6FF0A8;font-size:9px;font-weight:700;text-anchor:middle}
.rt-toast{opacity:0;animation:rt-toast 7s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){
    .rt-l1,.rt-l2,.rt-n1 rect,.rt-n1 .rt-ic,.rt-n1 text,.rt-n2 rect,.rt-n2 .rt-ic,.rt-n2 text,.rt-x,.rt-ok,.rt-chip,.rt-toast{animation:none}
    .rt-l1{stroke-dashoffset:0;stroke:#F04438}.rt-l2{stroke-dashoffset:0}
    .rt-n1 rect{fill:#2a0f0d;stroke:#F04438}.rt-n1 text{fill:#FF8A80}.rt-n1 .rt-ic{color:#FF8A80}
    .rt-n2 rect{fill:#0f1f16;stroke:#3CE68A}.rt-n2 text{fill:#6FF0A8}.rt-n2 .rt-ic{color:#6FF0A8}
    .rt-x,.rt-ok,.rt-chip,.rt-toast{opacity:1}
  }
@media (max-width:640px){.bt-d .bt-txt{left:20px;right:20px;bottom:18px}}
.bt-e{background:#cdcdcd;color:#fff}
.bt-cartao{position:absolute;top:0;left:50%;height:100%;aspect-ratio:920/581;transform:translateX(-50%)}
.bt-cartao>img{display:block;width:100%;height:100%}
.bt-k{position:absolute;left:12.2%;top:14.6%;width:75.4%;height:66.1%;padding:7% 6.5% 12%}
.bt-card .bt-k h3{font-family:Archivo,Inter,Arial,sans-serif;font-weight:900;font-stretch:62%;font-size:34px;letter-spacing:0;line-height:1.02;text-transform:uppercase;color:#fff}
.bt-k h3 small{font-size:.54em;font-weight:900;opacity:.85;margin-left:.15em}
.bt-k-pas{position:absolute;right:6%;bottom:18%;width:30px;height:auto;opacity:.95}
.bt-f .bt-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;z-index:0}
.bt-f::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(11,11,13,.85),transparent 45%);z-index:1}
.bt-anel{position:absolute;left:50%;top:20px;width:340px;height:340px;margin-left:-170px;z-index:1;animation:bt-gira 28s linear infinite}
.bt-anel text{font-family:Inter,Arial,sans-serif;font-weight:700;font-size:17px;letter-spacing:2px;fill:rgba(255,255,255,.9)}
@media (prefers-reduced-motion:reduce){.bt-anel{animation:none}}
.bt-f-box{position:absolute;left:18px;right:18px;bottom:18px;z-index:2;padding:22px 22px 20px;border-radius:18px;background:rgba(20,20,22,.8);border:1px solid rgba(255,255,255,.1)}
.bt-f-box p{margin-top:8px}
.bt-f-ic{position:absolute;right:20px;top:-26px;width:56px;height:56px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.bt-f-ic img{width:30px;height:auto;filter:brightness(0)}
@media (max-width:1023px){
    .bt-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto;grid-template-areas:"a a" "b b" "c d" "f f"}
    .bt-a,.bt-b{min-height:360px}
    .bt-c,.bt-col{min-height:500px}
    .bt-f{min-height:480px}
    .bt-b{min-height:440px}
  }
@media (max-width:640px){
    .bt{padding:48px 0}
    .bt-grid{grid-template-columns:1fr;grid-template-areas:"a" "b" "c" "d" "f"}
    .bt-a{min-height:400px}
    .bt-col{grid-template-rows:240px 280px;min-height:0}
    .bt-msg-cli{padding-left:0}
    .bt-msg-sup{padding-right:0}
    .bt-chat{inset:22px 20px auto 20px}
    .bt-txt{left:22px;right:22px}
    .bt-c{min-height:560px}
  }
@keyframes bt-sobe{0%{opacity:0;transform:translateY(150px) scale(.94)}4%,20%{opacity:1;transform:translateY(128px) scale(1)}24%,40%{opacity:1;transform:translateY(64px) scale(1)}44%,60%{opacity:1;transform:translateY(0) scale(1)}64%,100%{opacity:0;transform:translateY(-22px) scale(.94)}}
@keyframes rt-l1{0%{stroke-dashoffset:100;stroke:#E5AC3B;opacity:1}14%{stroke-dashoffset:0;stroke:#E5AC3B}26%{stroke:#F04438}90%{stroke-dashoffset:0;stroke:#F04438;opacity:1}100%{stroke-dashoffset:0;stroke:#F04438;opacity:0}}
@keyframes rt-n1{0%,12%{fill:#141416;stroke:rgba(255,255,255,.12)}16%,22%{fill:#24150c;stroke:#E5AC3B}28%,90%{fill:#2a0f0d;stroke:#F04438}100%{fill:#141416;stroke:rgba(255,255,255,.12)}}
@keyframes rt-n1t{0%,22%{fill:#a1a1aa;color:#a1a1aa}28%,90%{fill:#FF8A80;color:#FF8A80}100%{fill:#a1a1aa;color:#a1a1aa}}
@keyframes rt-x{0%,25%{opacity:0}29%,90%{opacity:1}100%{opacity:0}}
@keyframes rt-chip{0%,32%{opacity:0}36%,90%{opacity:1}100%{opacity:0}}
@keyframes rt-l2{0%,38%{stroke-dashoffset:100;opacity:1}52%,90%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@keyframes rt-n2{0%,50%{fill:#141416;stroke:rgba(255,255,255,.12)}55%,90%{fill:#0f1f16;stroke:#3CE68A}100%{fill:#141416;stroke:rgba(255,255,255,.12)}}
@keyframes rt-n2t{0%,50%{fill:#a1a1aa;color:#a1a1aa}55%,90%{fill:#6FF0A8;color:#6FF0A8}100%{fill:#a1a1aa;color:#a1a1aa}}
@keyframes rt-ok{0%,53%{opacity:0}57%,90%{opacity:1}100%{opacity:0}}
@keyframes rt-toast{0%,58%{opacity:0;transform:translateY(4px)}63%,90%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(0)}}
@keyframes bt-gira{to{transform:rotate(360deg)}}
.bt { padding: 64px 0; }
.bt > .max-w-7xl { box-sizing: border-box; width: 100%; max-width: 1104px; margin: 0 auto; padding: 0 24px; }

.bt-sec{position:relative;overflow:hidden}
.bt-moeda{position:absolute;z-index:2;display:none;width:clamp(120px,10vw,190px);height:auto;pointer-events:none;filter:drop-shadow(0 28px 30px rgba(0,0,0,.28)) drop-shadow(0 6px 10px rgba(140,81,12,.25))}
.bt-moeda-a{left:calc(50% - 552px - clamp(120px,10vw,190px) - 4vw);top:52%;--r:-14deg;animation:bt-moeda 7s ease-in-out infinite}
.bt-moeda-b{right:calc(50% - 552px - clamp(120px,10vw,190px) - 4vw);top:20%;--r:12deg;animation:bt-moeda 8s ease-in-out -3s infinite}
@keyframes bt-moeda{0%,100%{transform:translateY(0) rotate(var(--r))}50%{transform:translateY(-16px) rotate(calc(var(--r) + 6deg))}}
@media (min-width:1400px){.bt-moeda{display:block}}
@media (prefers-reduced-motion:reduce){.bt-moeda{animation:none;transform:rotate(var(--r))}}
