/* Focused refinements for the ten annotated requests. */
.suri-panel{border-radius:13px 0 0 13px;color-scheme:dark;scrollbar-width:thin;scrollbar-color:#65564b #211f22;scrollbar-gutter:stable}.suri-panel::-webkit-scrollbar{width:5px;height:5px}.suri-panel::-webkit-scrollbar-track{background:#211f22;border-radius:0}.suri-panel::-webkit-scrollbar-thumb{background:#65564b;border-radius:8px}.suri-panel::-webkit-scrollbar-thumb:hover{background:#8b6b52}.suri-panel::-webkit-scrollbar-button{display:none}
#oferta .checkout-note,#proximo-passo .checkout-note{text-align:left;color:var(--accent)}
.time-metric .time-range{display:flex;align-items:baseline;gap:10px;font-size:70px;line-height:1.1;letter-spacing:-.05em}.time-range .range-number{font:inherit;letter-spacing:inherit}.time-range .range-separator{font-size:.55em;font-weight:500;letter-spacing:0;padding-inline:2px}.time-range .range-unit{font-size:23px;font-weight:500;letter-spacing:0;margin-left:1px}
.time-clock{display:flex;align-items:center;gap:21px;margin-top:24px}.clock-face{width:96px;flex:0 0 96px;position:relative}.clock-face svg{width:100%;height:auto;display:block;overflow:visible;stroke-linecap:round;stroke-linejoin:round;fill:none;stroke-width:2}.stopwatch-top{stroke:#865c39;stroke-width:3}.clock-rim{stroke:#b79976}.clock-ticks{stroke:#b99c7c;stroke-width:1.5}.clock-track{stroke:#cebfae;stroke-width:5}.clock-quarter{stroke:#bc5a25;stroke-width:5;stroke-dasharray:25 100;transform:rotate(-90deg);transform-origin:56px 66px;animation:clock-quarter-fill 8s cubic-bezier(.22,.65,.3,1) infinite}.clock-hand{stroke:#ba5926;stroke-width:2.5;transform:rotate(90deg);transform-origin:56px 66px;animation:clock-needle 8s cubic-bezier(.22,.65,.3,1) infinite}.clock-pin{fill:#bb5b29;stroke:none}.clock-count{position:absolute;left:50%;top:58%;transform:translate(-50%,-50%);padding:1px 4px;background:#efe4d7;border-radius:3px;font-size:18px;font-weight:750;color:#a14d22;letter-spacing:-.04em;line-height:1.1}.clock-count>span{display:block;text-align:center;font-size:8px;font-weight:600;letter-spacing:0}.clock-copy .mini-label{font-size:9px;color:#8a5c36;letter-spacing:.08em}.clock-copy strong{display:block;font-size:22px;line-height:1.2;letter-spacing:-.03em;margin-top:5px;color:#7a4325}.time-clock .clock-copy p{font-size:12px;color:#795c45;margin-top:7px;line-height:1.6}.clock-copy small{font-size:10px;color:#8f735b;display:block;margin-top:4px}.time-clock+ p{margin-top:22px}
.feature-visual .flow-visual{position:absolute;inset:0;margin:0;padding:0;border:0;background:transparent;border-radius:0;min-width:0}.feature-visual[data-visual=cuts] .visual-cuts{display:block;width:auto;height:auto}.feature-visual[data-visual=captions] .visual-captions{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:16px;font-size:31px;line-height:1.25;gap:7px}.feature-visual[data-visual=refs] .visual-refs{display:block;container-type:inline-size}
.cuts-demo{position:absolute;inset:66px 8% 31px;display:flex;flex-direction:column;justify-content:center}.cuts-ruler{display:flex;justify-content:space-between;border-bottom:1px solid #e1a67420;padding-bottom:8px;margin-bottom:11px;font-size:8px;font-family:monospace;letter-spacing:.05em;color:#9b7b60}.audio-tape{display:flex;position:relative;height:78px;width:94%;margin:0 auto}.audio-clip{width:33.333%;height:100%;position:relative;background:#362a20;border:1px solid #7e5633;border-radius:4px;overflow:hidden;transform:translateX(0);animation-timing-function:cubic-bezier(.65,0,.35,1);animation-duration:7s;animation-iteration-count:infinite}.clip-wave{position:absolute;inset:11px 7px 22px;width:calc(100% - 14px);height:calc(100% - 33px);stroke:#e8a264;stroke-width:1.5;stroke-linecap:round}.audio-clip>span{position:absolute;bottom:5px;left:50%;translate:-50% 0;font-size:8px;color:#edba84;font-family:monospace}.clip-one{animation-name:audio-left}.clip-two{animation-name:audio-center}.clip-three{animation-name:audio-right}.cut-blade{position:absolute;top:-8px;width:1px;height:100px;z-index:4;background:linear-gradient(transparent 0%,#ffd2a3 25% 75%,transparent);transform-origin:top;scale:1 0;animation:cut-blade 7s cubic-bezier(.22,.8,.3,1) infinite;box-shadow:0 0 7px #dd71366b}.blade-one{left:33.333%}.blade-two{left:66.666%;animation-delay:.18s}.cut-flash{position:absolute;top:0;bottom:0;width:3%;background:#ffe3b0;opacity:0;z-index:3;animation:cut-flash 7s ease infinite}.flash-one{left:32%}.flash-two{left:65%;animation-delay:.18s}.cuts-footer{display:flex;justify-content:space-between;margin-top:18px;color:#bfa48a;font-size:9px;line-height:1.4;gap:15px}.cuts-footer>span:last-child{color:#e2a576}
.caption-line{display:flex!important;justify-content:center;gap:.22em;white-space:nowrap}.visual-captions .caption-line>b,.visual-captions .caption-line>span{display:inline-block}.caption-word{animation:caption-word 8s cubic-bezier(.2,.75,.25,1) infinite;animation-delay:calc(var(--word-index)*.34s);animation-fill-mode:both;opacity:0;transform-origin:center bottom}.feature-visual .visual-captions>b{padding:4px 11px;margin:0;line-height:1.25}.caption-underline{margin-top:11px;flex-shrink:0;width:180px;height:16px;color:#d2945b}.caption-underline path{stroke-width:3;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:0;animation:caption-trim 8s cubic-bezier(.65,0,.35,1) infinite}
.refs-demo{position:absolute;inset:57px 10% 25px;container-type:inline-size}.source-folder{position:absolute;left:4%;top:34%;display:flex;flex-direction:column;align-items:center;gap:7px;font-size:10px;color:#c0ac96}.source-folder>svg{width:42px;height:42px;color:#d79561}.source-folder>svg{opacity:.45}.drag-folder{position:absolute;left:4%;top:34%;z-index:5;animation:folder-drag 8s cubic-bezier(.55,0,.25,1) infinite}.drag-folder>svg{width:42px;height:42px;color:#f0aa72;fill:#50331e;stroke-width:1.5}.media-panel{position:absolute;left:50%;top:0;width:46%;height:100%;border:1px solid #65513f;background:#282426;border-radius:6px;overflow:hidden;box-shadow:0 8px 22px #0003;animation:panel-drop 8s ease infinite}.media-panel-bar{display:flex;align-items:center;gap:5px;padding:5px 9px;border-bottom:1px solid #69534140;font-size:8px;color:#d6c4b3;height:25px}.media-panel-bar img{width:12px;height:12px;flex-shrink:0}.media-panel-bar>i{width:3px;height:3px;border-radius:50%;background:#88715d;margin-left:auto}.media-panel-bar>i:last-child{margin-left:0}.media-panel-body{position:relative;padding:10px}.media-panel-title{font-size:7px;letter-spacing:.12em;color:#b89a7f;display:block}.drop-zone{margin-top:8px;padding:9px 4px;border:1px dashed #a47b5155;border-radius:4px;font-size:8px;display:flex;flex-direction:column;align-items:center;gap:4px;color:#b29a82;animation:drop-zone 8s ease infinite}.drop-plus{font-size:18px;line-height:1;color:#c9976f}.media-bin{position:absolute;top:28px;left:10px;right:10px;animation:bin-reveal 8s cubic-bezier(.2,.8,.3,1) infinite}.bin-heading{display:flex;align-items:center;gap:5px;padding:4px 6px;background:#443225;border:1px solid #a9753f5b;border-radius:3px;font-size:9px;color:#f0c4a0}.bin-heading svg{width:14px;height:14px;color:#e39a60}.bin-heading b{font-size:7px;font-weight:500;margin-left:auto;background:#6b4428;padding:0 4px;border-radius:2px}.bin-file{display:flex;align-items:center;gap:6px;padding:5px 8px;font-size:8px;border-bottom:1px solid #ffffff07;color:#c8b6a4;animation:file-reveal 8s ease infinite}.bin-file:nth-child(3){animation-delay:.15s}.bin-file:nth-child(4){animation-delay:.3s}.file-type{color:#d39b69;font-size:9px;width:11px}.visual-refs .drag-cursor{position:absolute;left:19%;top:78%;width:23px;height:28px;z-index:6;stroke:#f6dfc7;fill:#211e1c;stroke-width:1.4;animation:cursor-drag 8s cubic-bezier(.55,0,.25,1) infinite;filter:drop-shadow(0 2px 3px #0005)}.cursor-click{stroke:#dd7136;stroke-width:2;fill:none;opacity:0;animation:cursor-click 8s ease infinite}
.mascot-choice{display:block;width:100%;border:0;padding:0;background:transparent;color:inherit;border-radius:5px;position:relative;cursor:pointer}.mascot-choice .mascot-caption{position:relative;display:flex;flex-direction:column;gap:2px;color:#f2e3d3}.mascot-caption>span{font-size:10px;color:#bcaea1}.mascot-choice[aria-pressed=true] .mascot-caption>strong{color:#f7b989}.clip-card:has(.mascot-choice[aria-pressed=true]){border-color:#a678d1}.suri-card:has(.mascot-choice[aria-pressed=true]){border-color:#dd7136}.mascot-choice:hover{background:#ffffff03}.suri-launcher[data-assistant=Clip]{border-color:#9670b6}.suri-launcher[data-assistant=Clip] .help-indicator{background:#b394d3;color:#241c2d}
button[data-buy=annual]{position:relative;overflow:hidden;isolation:isolate}button[data-buy=annual]::after{content:'';position:absolute;inset-block:-90%;width:24%;left:-50%;pointer-events:none;background:linear-gradient(90deg,transparent,#fff1d54d,transparent);transform:skewX(-22deg);animation:annual-light-sweep 9s cubic-bezier(.45,0,.3,1) infinite;z-index:1}
.animations-paused .flow-visual *,.animations-paused .time-clock *,.animations-paused button[data-buy=annual]::after{animation-play-state:paused!important}.feature-visual:not(.is-visible) .flow-visual *,.time-clock:not(.is-visible) *{animation-play-state:paused}.page-hidden .flow-visual *,.page-hidden .time-clock *,.page-hidden button[data-buy=annual]::after{animation-play-state:paused!important}
@keyframes clock-quarter-fill{0%,8%{stroke-dasharray:0 100}45%,82%{stroke-dasharray:25 100}98%,100%{stroke-dasharray:0 100}}@keyframes clock-needle{0%,8%{transform:rotate(0deg)}45%,82%{transform:rotate(90deg)}98%,100%{transform:rotate(0deg)}}
@keyframes audio-left{0%,25%,100%{transform:translate(0,0)}44%,78%{transform:translate(-18px,-3px)}}@keyframes audio-center{0%,25%,100%{transform:translate(0,0)}44%,78%{transform:translate(0,4px)}}@keyframes audio-right{0%,25%,100%{transform:translate(0,0)}44%,78%{transform:translate(18px,-3px)}}
@keyframes cut-blade{0%,12%{scale:1 0;opacity:0}17%{opacity:1}27%{scale:1 1;opacity:1}36%,100%{scale:1 1;opacity:0}}@keyframes cut-flash{0%,22%,38%,100%{opacity:0}27%{opacity:.22}}
@keyframes caption-word{0%,2%{opacity:0;transform:translateY(14px) scale(.92);filter:blur(3px)}10%,67%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}81%,100%{opacity:0;transform:translateY(-7px);filter:blur(1px)}}@keyframes caption-trim{0%,26%{stroke-dashoffset:100;opacity:1}42%,73%{stroke-dashoffset:0;opacity:1}86%,100%{stroke-dashoffset:-100;opacity:0}}
@keyframes folder-drag{0%,16%{transform:translate(0,0) scale(1);opacity:1}39%{transform:translate(47cqw,-5px) scale(.85);opacity:1}48%,90%{transform:translate(47cqw,-5px) scale(.65);opacity:0}100%{transform:translate(0,0);opacity:1}}@keyframes cursor-drag{0%{transform:translate(0,0);opacity:0}9%{opacity:1}16%{transform:translate(-9cqw,-48px);opacity:1}39%,52%{transform:translate(38cqw,-53px);opacity:1}65%,92%{transform:translate(55cqw,-18px);opacity:0}100%{transform:translate(0,0);opacity:0}}@keyframes cursor-click{0%,11%,23%,100%{opacity:0;scale:1}16%{opacity:1;scale:1.8}}
@keyframes drop-zone{0%,34%{opacity:1}44%,91%{opacity:0}100%{opacity:1}}@keyframes bin-reveal{0%,39%{opacity:0;transform:translateY(5px)}50%,86%{opacity:1;transform:translateY(0)}96%,100%{opacity:0;transform:translateY(2px)}}@keyframes file-reveal{0%,43%{opacity:0;translate:0 5px}57%,84%{opacity:1;translate:0 0}95%,100%{opacity:0;translate:0 -2px}}@keyframes panel-drop{0%,30%,56%,100%{border-color:#65513f}38%,48%{border-color:#dd7136;box-shadow:0 0 20px #dd71361f}}
@keyframes annual-light-sweep{0%,12%{left:-50%;opacity:0}17%{opacity:1}50%{left:125%;opacity:1}57%,100%{left:125%;opacity:0}}
@media(max-width:1000px){.time-metric .time-range{font-size:60px;gap:8px}.time-range .range-unit{font-size:21px}.time-clock{gap:17px}.clock-face{width:85px;flex-basis:85px}.clock-copy strong{font-size:20px}.clock-copy p{font-size:11px}.cuts-demo{inset-inline:10%}.audio-tape{height:65px}.refs-demo{inset-inline:7%}.source-folder>svg,.drag-folder>svg{width:35px;height:35px}.media-panel{width:48%;left:49%}.media-panel-body{padding:8px}.media-bin{left:8px;right:8px}.media-panel-title{font-size:6px}.bin-file{padding:4px 6px}.media-panel-bar{padding-inline:7px}.feature-visual[data-visual=captions] .visual-captions{font-size:28px}}
@media(max-width:700px){.time-metric .time-range{font-size:65px;gap:10px}.time-range .range-unit{font-size:23px}.time-clock{margin-top:23px;gap:18px}.clock-face{width:88px;flex-basis:88px}.clock-copy .mini-label{font-size:9px}.clock-copy strong{font-size:21px}.time-clock .clock-copy p{font-size:11px}.clock-copy small{font-size:9px}.cuts-demo{inset:62px 10% 25px}.cuts-footer{font-size:8px}.audio-tape{height:70px;width:96%}.clip-wave{inset-inline:4px;width:calc(100% - 8px)}.clip-one{--cut-shift:-12px}.clip-three{--cut-shift:12px}.refs-demo{inset:57px 7% 25px}.source-folder{font-size:9px}.media-panel-title{font-size:6px}.media-panel-bar{font-size:7px}.bin-heading{font-size:8px}.bin-file{font-size:7px;padding-block:4px}.source-folder>svg,.drag-folder>svg{width:32px;height:32px}.visual-refs .drag-cursor{width:19px;height:24px}.drop-zone{font-size:7px}.feature-visual[data-visual=captions] .visual-captions{font-size:28px}.caption-underline{width:150px}.mascot-caption>span{font-size:11px}}
@media(max-width:350px){.time-metric .time-range{font-size:55px;gap:7px}.time-range .range-unit{font-size:20px}.time-clock{gap:13px}.clock-face{width:77px;flex-basis:77px}.clock-copy strong{font-size:19px}.clock-copy .mini-label{font-size:8px}.time-clock .clock-copy p{font-size:10px}.feature-visual[data-visual=captions] .visual-captions{font-size:25px}.source-folder>svg,.drag-folder>svg{width:28px;height:28px}.source-folder{left:2%}.drag-folder{left:2%}.refs-demo{inset-inline:6%}.bin-heading{padding-inline:4px}.bin-file{gap:3px;padding-inline:5px}}
@media(prefers-reduced-motion:reduce){.flow-visual *,.time-clock *,button[data-buy=annual]::after{animation:none!important;transition:none!important}.clip-one{transform:translate(-12px,0)}.clip-three{transform:translate(12px,0)}.cut-blade,.cut-flash{display:none}.caption-word{opacity:1;transform:none;filter:none}.caption-underline path{stroke-dashoffset:0;opacity:1}.drag-folder,.drag-cursor,.drop-zone{display:none}.media-bin,.bin-file{opacity:1;transform:none;translate:0 0}.source-folder>svg{opacity:1}button[data-buy=annual]::after{display:none}.clock-quarter{stroke-dasharray:25 100}.clock-hand{transform:rotate(90deg)}}

/* Keep the earlier static reference label styling out of the miniature panel. */
.visual-refs span{font-size:inherit;color:inherit}.visual-refs .media-panel-title{font-size:7px;color:#b89a7f}.visual-refs .file-type{font-size:9px;color:#d39b69}
@media(max-width:1000px){.visual-refs .media-panel-title{font-size:6px}}

.bin-file{line-height:1.3;padding-block:3px}