.boleto-hero{grid-template-columns:minmax(0,1fr) minmax(0,540px);align-items:center;gap:64px;padding-block:48px 112px;display:grid}.boleto-hero-copy h1{letter-spacing:-2.5px;margin:22px 0 26px;font-size:clamp(42px,4.6vw,66px);line-height:1.02}.boleto-hero-copy>p:not(.v3-eyebrow){max-width:520px;color:var(--v3-text);font-size:19px;line-height:1.6}.boleto-hero-stack{padding:40px 24px;position:relative}.boleto-sheet{border:1px solid var(--v3-border);background:#fff;border-radius:10px;position:absolute;inset:40px 24px;box-shadow:0 10px 30px #210d2b14}.boleto-sheet.is-back{background:var(--v3-muted);transform:rotate(6deg)translate(18px,6px)}.boleto-sheet.is-middle{transform:rotate(2deg)translate(8px,2px)}.boleto-doc{border:1px solid var(--v3-border);background:#fff;border-radius:10px;gap:18px;padding:26px;font-size:15px;display:grid;position:relative;box-shadow:0 24px 60px #210d2b24}.boleto-doc.is-front{animation:.7s cubic-bezier(.2,.8,.2,1) both boleto-drop;transform:rotate(-3deg)}.boleto-doc small{letter-spacing:.8px;text-transform:uppercase;color:var(--v3-text);margin-bottom:4px;font:10px Poppins,Arial,sans-serif;display:block}.boleto-part{border-radius:10px;transition:box-shadow .25s,background .25s,opacity .25s;position:relative}.boleto-head{border-bottom:2px solid var(--v3-ink);justify-content:space-between;align-items:flex-end;padding-bottom:16px;display:flex}.boleto-head>strong{letter-spacing:-.5px;font-family:Poppins,Arial,sans-serif;font-size:24px}.boleto-head>span{text-align:right}.boleto-fields{background:var(--v3-border);border:1px solid var(--v3-border);grid-template-columns:1.4fr 1fr 1fr;gap:1px;display:grid}.boleto-fields>span{background:#fff;padding:12px}.boleto-fields b{font-weight:700}.boleto-code code{letter-spacing:.4px;overflow-wrap:anywhere;font:13px Poppins,Arial,sans-serif;display:block}.boleto-barcode{background:repeating-linear-gradient(90deg, var(--v3-ink) 0 2px, transparent 2px 4px, var(--v3-ink) 4px 5px, transparent 5px 8px, var(--v3-ink) 8px 11px, transparent 11px 12px);height:54px;margin-top:12px;display:block}.boleto-status{color:var(--v3-text);align-items:center;gap:10px;font-size:14px;display:flex}.boleto-status>span{color:var(--v3-success);background:#dcf1e4;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.boleto-doc[data-active] .boleto-part{opacity:1;filter:grayscale()}.boleto-doc[data-active="0"] [data-part="0"],.boleto-doc[data-active="1"] [data-part="1"],.boleto-doc[data-active="2"] [data-part="2"],.boleto-doc[data-active="3"] [data-part="3"]{opacity:1;filter:none;box-shadow:0 0 0 3px #fff, 0 0 0 6px var(--v3-brand)}@keyframes boleto-drop{0%{opacity:0;transform:rotate(-9deg)translateY(-24px)}}.boleto-highlights{background:var(--v3-ink);color:var(--v3-surface)}.boleto-highlights .v3-container{grid-template-columns:repeat(3,1fr);display:grid}.boleto-highlights article{gap:16px;padding:36px 28px;display:flex}.boleto-highlights article+article{border-left:1px solid #3a322c}.boleto-highlights svg{color:var(--v3-brand);flex-shrink:0}.boleto-highlights h2{letter-spacing:-.4px;margin-bottom:6px;font-size:22px}.boleto-highlights p{color:var(--v3-inverse-muted);line-height:1.55}.boleto-anatomy-section{padding-block:104px}.boleto-anatomy{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:64px;display:grid}.boleto-anatomy-list [role=tablist]{gap:8px;display:grid}.boleto-anatomy-list button{border:1px solid var(--v3-border);background:var(--v3-surface);color:var(--v3-ink);font:inherit;text-align:left;cursor:pointer;border-radius:16px;align-items:center;gap:14px;padding:16px 18px;font-weight:600;display:flex}.boleto-anatomy-list button>span{color:var(--v3-brand);font:13px Poppins,Arial,sans-serif}.boleto-anatomy-list button[aria-selected=true]{background:var(--v3-ink);border-color:var(--v3-ink);color:var(--v3-surface)}.boleto-anatomy-list button:focus-visible{outline:2px solid var(--v3-brand);outline-offset:3px}.boleto-anatomy-copy{margin-top:28px;animation:.3s ease-out boleto-copy-in}.boleto-anatomy-copy h3{letter-spacing:-.7px;margin-bottom:10px;font-size:30px}.boleto-anatomy-copy p{color:var(--v3-text);line-height:1.65}.boleto-anatomy-stage{background:var(--v3-muted);border-radius:32px;gap:14px;padding:40px;display:grid}@keyframes boleto-copy-in{0%{opacity:0;transform:translateY(6px)}}.boleto-flow-band{background:var(--v3-surface);border-top:1px solid var(--v3-border);padding-block:104px}.boleto-flow{grid-template-columns:repeat(3,1fr);gap:48px;list-style:none;display:grid}.boleto-flow>li{position:relative}.boleto-flow .landing-photo{aspect-ratio:4/3;border-radius:20px;margin-bottom:24px}.boleto-flow .landing-photo>span{background:var(--v3-brand);color:#fff;border-radius:50%;place-items:center;width:40px;height:40px;font-weight:700;display:grid;position:absolute;top:14px;left:14px}.app-peek.boleto-flow-peek{border-radius:0;padding-top:20px;position:absolute;inset:0}.app-peek.boleto-flow-peek>.app-phone{width:56%}.boleto-flow h3{letter-spacing:-.6px;font-size:26px}.boleto-flow>li>p{color:var(--v3-text);margin-top:8px;line-height:1.6}.boleto-flow>li>.boleto-flow-subtitle{color:var(--v3-ink);font-weight:600}.boleto-flow ul{gap:12px;margin-top:20px;list-style:none;display:grid}.boleto-flow ul li{color:var(--v3-text);gap:10px;font-size:14px;line-height:1.5;display:flex}.boleto-flow ul svg{color:var(--v3-brand);flex-shrink:0}.boleto-flow ul strong{color:var(--v3-ink);display:block}.boleto-flow-arrow{color:var(--v3-inverse-muted);position:absolute;top:72px;right:-38px}@media (max-width:1000px){.boleto-hero,.boleto-anatomy{grid-template-columns:1fr;gap:40px}.boleto-hero-stack{max-width:540px}.boleto-highlights .v3-container,.boleto-flow{grid-template-columns:1fr}.boleto-highlights article{padding:28px 0}.boleto-highlights article+article{border-top:1px solid #3a322c;border-left:0}.boleto-flow{max-width:560px}.boleto-flow-arrow{display:none}}@media (max-width:700px){.boleto-hero{padding-block:24px 64px}.boleto-hero-copy h1{letter-spacing:-1.6px;font-size:clamp(38px,10vw,48px)}.boleto-hero-copy>p:not(.v3-eyebrow){font-size:17px}.boleto-hero-stack{padding:24px 8px}.boleto-sheet{inset:24px 8px}.boleto-sheet.is-back{transform:rotate(3deg)translate(4px,4px)}.boleto-doc{padding:18px;font-size:13px}.boleto-fields{grid-template-columns:1fr 1fr}.boleto-fields>span:first-child{grid-column:span 2}.boleto-anatomy-section,.boleto-flow-band{padding-block:64px}.boleto-anatomy-stage{border-radius:24px;padding:16px}}@media (prefers-reduced-motion:reduce){.boleto-doc.is-front,.boleto-anatomy-copy{animation:none}.boleto-part{transition:none}}.boleto-anatomy-list button[aria-selected=true]>span{color:var(--v3-orchid)}.boleto-highlights svg{color:#d7bee3}
