/* Animated transaction walkthrough — isolated from the original page styles. */
.how-layout{grid-template-columns:.95fr 1.05fr;gap:60px}.how-layout>*{min-width:0}.how-visual.pact-film{padding:26px;background:#e9eae5;border-radius:26px;overflow:hidden;--step-progress:0%;--scene-time:6600ms}.pact-film .demo-label{font-size:12px;letter-spacing:1px;margin-bottom:22px;gap:10px}.pact-film .demo-label span{font-size:12px}.film-window{background:white;border:1px solid #ffffff80;border-radius:21px;box-shadow:0 18px 35px #1c241b0b;overflow:hidden}.film-top{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:18px 22px;border-bottom:1px solid #f0f0eb;font-size:13px;color:#767a72}.film-top b{color:#252922}.film-top svg{width:16px;height:16px}.film-top>span:last-child{display:flex;align-items:center;gap:6px;font-size:12px}.film-actors{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start;position:relative;padding:27px 22px 21px}.film-person{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}.avatar-frame{width:78px;height:78px;border-radius:50%;border:3px solid white;outline:1px solid #eaece6;position:relative;background:#fff0e7;transition:outline-color .3s}.film-person img{width:100%;height:100%;display:block;object-fit:cover;border-radius:50%}.avatar-state{position:absolute;bottom:-1px;right:-5px;width:25px;height:25px;display:grid;place-items:center;border:3px solid white;border-radius:50%;background:#ffebdf;color:#e43c00;font-size:12px;font-weight:700;line-height:1}.film-person strong{font-size:15px;margin-top:10px;line-height:1.35}.film-person small{font-size:12px;color:#7c8177}.actor-bridge{align-self:center;margin-top:0;text-align:center;position:relative;isolation:isolate}.actor-bridge:before{content:'';position:absolute;left:-15px;right:-15px;height:1px;background:#e9ebe4;top:20px;z-index:-1}.bridge-mark{display:inline-grid;place-items:center;width:41px;height:41px;border:1px solid #f4e0d3;background:#fff8f3;border-radius:14px;color:var(--orange)}.bridge-mark svg{width:19px;height:19px}.actor-bridge p{font-size:10px;letter-spacing:1px;font-weight:600;color:#a27d69;margin:9px 0 0;background:white}.film-story{padding:0 22px 20px}.scene{min-height:253px;position:relative}.chat-line{max-width:88%;padding:12px 15px;border-radius:14px;font-size:14px;line-height:1.55;margin-bottom:10px;background:#f3f4f0}.chat-line>small{display:block;font-size:11px;margin-bottom:3px;color:#7b8075}.chat-line.marta{border-bottom-left-radius:3px}.chat-line.joao{background:#fff0e7;border-bottom-right-radius:3px;margin-left:auto}.deal-receipt{display:flex;align-items:center;gap:12px;border:1px solid #e7e9e1;background:white;border-radius:13px;padding:15px;margin-top:18px}.deal-receipt>svg{color:#60675b;background:#f5f6f1;box-sizing:content-box;padding:9px;border-radius:10px}.deal-receipt>div{min-width:0}.deal-receipt strong{font-size:13px;display:block}.deal-receipt small{font-size:11px;color:#808777}.deal-receipt>span{margin-left:auto;color:#526b3f;background:#edf3e7;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;flex-shrink:0}.scene-heading{text-align:center;margin-bottom:19px}.scene-heading>span{font-size:12px;color:#7f8578}.scene-heading h3{font-size:23px;letter-spacing:-.9px;line-height:1.4;margin:5px 0 0;font-weight:650}.money-journey{height:43px;position:relative;margin:0 12px 15px;display:flex;align-items:center;justify-content:space-between}.money-journey:before{content:'';position:absolute;left:10px;right:10px;top:21px;border-top:1px dashed #d5d8cb}.journey-node{background:white;position:relative;z-index:1;font-size:11px;padding:5px 9px;border:1px solid #e6e9de;border-radius:30px;display:flex;gap:5px;align-items:center;color:#6b7560}.journey-node svg{width:12px;height:12px}.moving-funds{position:absolute;z-index:2;top:4px;left:13%;border-radius:30px;padding:7px 11px;background:var(--orange);color:white;font-size:12px;box-shadow:0 4px 12px #ff460825;opacity:0}.balance-safe{text-align:center;background:#fafaf6;border:1px solid #ebede3;border-radius:14px;padding:18px}.balance-safe .safe-heading{font-size:11px;color:#7a836e;display:flex;justify-content:center;align-items:center;gap:5px}.safe-heading svg{width:14px;height:14px}.balance-safe strong{display:block;font-family:Manrope,sans-serif;font-size:35px;font-weight:650;letter-spacing:-1.5px;line-height:1.45}.balance-safe p{font-size:12px;margin:4px 0 0;color:#6f7766}.balance-check{color:#588039;font-size:12px;margin-top:9px;display:block}.delivery-route{position:relative;display:flex;justify-content:space-between;align-items:center;margin:0 10px 16px;height:60px;font-size:12px;color:#6f7768}.delivery-route:before{content:'';position:absolute;left:55px;right:55px;top:30px;border-top:1px dashed #cdd2c4}.delivery-route>span{background:white;z-index:1;padding:4px}.parcel-token{position:absolute;right:10%;top:8px;display:grid;place-items:center;background:#fff0e7;border:1px solid #ffc5a7;color:#e74c0c;border-radius:12px;width:45px;height:45px;opacity:0;z-index:2}.parcel-token svg{width:25px;height:25px}.inspection{border:1px solid #e5e8de;border-radius:14px;padding:16px}.inspection>strong{font-size:13px;display:flex;align-items:center;gap:8px;margin-bottom:10px}.inspection>strong>svg{width:17px;height:17px;color:var(--orange)}.inspection>p{font-size:12px;display:flex;align-items:center;gap:9px;margin:6px 0;color:#727c65}.inspection>p>svg{width:14px;height:14px;color:#678847}.scene-finish .scene-heading{margin-bottom:11px}.success-emblem{width:45px;height:45px;background:#edf3e7;border:1px solid #dce8d0;color:#51753b;border-radius:50%;display:grid;place-items:center;margin:0 auto 9px}.success-emblem>svg{width:23px;height:23px}.payout-receipt{border:1px solid #e4e8de;border-radius:14px;padding:15px 17px;background:#fcfdf9}.payout-receipt>div{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#737d67;gap:10px}.payout-receipt>div strong{font-size:26px;letter-spacing:-1px;font-weight:650;color:#252c21}.payout-receipt hr{border:0;border-top:1px solid #e7ebdf;margin:12px 0}.payout-receipt>p{font-size:12px;color:#6f7e5e;margin:0;display:flex;align-items:center;gap:8px}.payout-receipt svg{width:15px;height:15px}.finish-note{text-align:center;font-size:11px;color:#8a9081;line-height:1.6;margin:9px 0 0}.film-caption{background:#fff2e9;border-radius:11px;padding:13px 14px;display:flex;gap:11px;align-items:center;margin-top:17px;min-height:69px}.film-caption>span{border:1px solid #ffc4a3;color:#df3c04;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;font-size:12px;flex-shrink:0}.film-caption strong{font-size:13px;display:block}.film-caption p{font-size:12px;color:#827165;margin:2px 0 0;line-height:1.55}.film-timeline{display:flex;gap:7px;margin-top:20px}.film-timeline button{border:0;background:none;padding:6px 0;flex:1;min-width:0;position:relative;text-align:left;border-radius:3px}.film-timeline .timeline-track{display:block;height:3px;overflow:hidden;border-radius:4px;background:#e8e9e2}.timeline-track i{display:block;width:0;height:100%;background:var(--orange)}.film-timeline button.is-done .timeline-track i{width:100%}.film-timeline button[aria-current=step] .timeline-track i{width:var(--step-progress)}.film-timeline small{display:block;color:#919785;font-size:10px;margin-top:7px}.film-timeline button[aria-current=step] small{color:var(--ink)}.film-controls{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:16px}.film-controls>div{display:flex;gap:5px}.film-controls button{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #cdd2c4;background:#ffffff80;border-radius:30px;height:34px;padding:0 12px;font-size:12px;color:#4b5640}.film-controls button:hover{background:white;border-color:#aab69c}.film-controls .film-arrow{width:34px;padding:0}.film-controls svg{width:14px;height:14px}.film-counter{font-size:12px;color:#747e67;font-variant-numeric:tabular-nums}.pact-film .under-card{font-size:11px;margin-top:14px;margin-bottom:0;color:#78816b}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.step .step-arrow{transition:transform .2s}.step.active .step-arrow{transform:rotate(45deg)}.scene.is-entering .beat{animation:film-appear 550ms cubic-bezier(.22,.8,.3,1) both;animation-delay:var(--beat,0ms)}.scene.is-entering .marta{--beat:100ms}.scene.is-entering .joao{--beat:1000ms}.scene.is-entering .deal-receipt{--beat:1900ms}.scene.is-entering .scene-heading{--beat:100ms}.scene.is-entering .balance-safe{--beat:1550ms}.scene.is-entering .balance-check{--beat:2300ms}.scene.is-entering .moving-funds{animation:funds-to-safe 2100ms cubic-bezier(.35,0,.2,1) 400ms both}.scene.is-entering .parcel-token{animation:parcel-to-buyer 2200ms cubic-bezier(.35,0,.2,1) 400ms both}.scene.is-entering .inspection{--beat:1900ms}.scene.is-entering .inspection>p:nth-of-type(1){--beat:2500ms}.scene.is-entering .inspection>p:nth-of-type(2){--beat:3000ms}.scene.is-entering .success-emblem{--beat:150ms}.scene.is-entering .payout-receipt{--beat:1000ms}.scene.is-entering .finish-note{--beat:2000ms}.pact-film[data-stage="1"] #actor-marta .avatar-frame,.pact-film[data-stage="2"] #actor-marta .avatar-frame{outline:2px solid #ff9f71}.pact-film[data-stage="3"] #actor-joao .avatar-frame{outline:2px solid #7c9b5e}.pact-film.is-paused *{animation-play-state:paused!important}
@keyframes film-appear{from{opacity:0;transform:translateY(9px) scale(.985)}to{opacity:1;transform:none}}@keyframes funds-to-safe{0%{opacity:0;left:11%;transform:scale(.8)}20%{opacity:1;transform:scale(1)}75%{opacity:1;left:60%}100%{opacity:0;left:65%;transform:scale(.65)}}@keyframes parcel-to-buyer{0%{opacity:0;right:12%;transform:scale(.7)}15%{opacity:1;transform:scale(1)}80%{opacity:1;right:65%}100%{opacity:0;right:73%;transform:scale(.7)}}
@media(max-width:1100px){.how-layout{gap:35px;grid-template-columns:.9fr 1.1fr}.how-visual.pact-film{padding:20px}.pact-film .demo-label{font-size:10px;letter-spacing:.6px}.film-story{padding-left:17px;padding-right:17px}.film-actors{padding-left:17px;padding-right:17px}.chat-line{font-size:13px}.avatar-frame{width:69px;height:69px}.deal-receipt{padding:12px;gap:8px}.deal-receipt>svg{width:18px;height:18px;padding:7px}.deal-receipt strong{font-size:12px}.deal-receipt small{font-size:10px}.scene{min-height:265px}.film-caption{padding:12px 10px;gap:8px}.film-caption strong{font-size:12px}.film-caption p{font-size:11px}}
@media(max-width:800px){.how-layout{grid-template-columns:1fr;gap:30px}.how-visual.pact-film{max-width:510px;padding:23px}.pact-film .demo-label{font-size:11px}.avatar-frame{width:77px;height:77px}.film-story{padding-left:22px;padding-right:22px}.scene{min-height:255px}.chat-line{font-size:14px}.deal-receipt strong{font-size:13px}.deal-receipt small{font-size:11px}.film-caption strong{font-size:13px}.film-caption p{font-size:12px}.film-caption{padding:13px;gap:10px}}
@media(max-width:450px){.how-visual.pact-film{padding:16px;border-radius:20px}.pact-film .demo-label{font-size:9px;letter-spacing:.5px}.pact-film .demo-label span{font-size:10px}.film-window{border-radius:16px}.film-top{padding:15px;font-size:12px}.film-top>span:last-child{font-size:10px}.film-actors{padding:22px 14px 18px}.avatar-frame{width:65px;height:65px}.film-person strong{font-size:14px}.film-person small{font-size:11px}.actor-bridge p{font-size:9px}.actor-bridge:before{left:-5px;right:-5px}.film-story{padding:0 13px 15px}.scene{min-height:263px}.chat-line{font-size:12px;max-width:93%;padding:11px 12px}.chat-line small{font-size:10px}.deal-receipt{margin-top:15px;padding:11px 10px}.deal-receipt strong{font-size:11px}.deal-receipt small{font-size:10px}.scene-heading h3{font-size:21px}.scene-heading>span{font-size:11px}.film-caption strong{font-size:12px}.film-caption p{font-size:11px}.film-timeline small{font-size:9px}.film-controls button{font-size:11px;padding:0 10px;gap:5px}.film-controls>div{gap:3px}.film-counter{font-size:11px}.balance-safe{padding:17px 12px}.inspection{padding:14px 12px}.inspection>p{font-size:11px}.payout-receipt{padding:14px 12px}.payout-receipt>div strong{font-size:23px}.film-top svg{width:14px;height:14px}}
@media(prefers-reduced-motion:reduce){.pact-film *{animation:none!important;transition:none!important}.moving-funds,.parcel-token{display:none}.scene .beat{opacity:1;transform:none}}

/* Service fee breakdown */
.payout-receipt>div{padding:3px 0;font-size:14px}.payout-receipt>div strong{font-size:19px;letter-spacing:-.3px;white-space:nowrap}.payout-receipt>div:last-of-type{padding-top:9px;font-weight:600}.finish-note{font-size:13px}.film-top>span:last-child{flex-wrap:wrap}