.rf-showcase{isolation:isolate;background:radial-gradient(at 5% 100%,#9dceff,#0000 60%),radial-gradient(at 100% 0,#ddccfc,#0000 58%),linear-gradient(140deg,#f4f6ff,#d4dfff);border:1px solid #e1e6fc;border-radius:22px;margin:-12px 0 34px;padding:16px 14px 0;position:relative;overflow:hidden;box-shadow:0 14px 35px -25px #3348a677;container-type:inline-size}.rf-showcase:before{content:"";z-index:-1;border:1px solid #fff7;border-radius:50%;position:absolute;inset:30% -55% -65% 15%;transform:rotate(-25deg);box-shadow:0 0 0 35px #fff2,0 0 0 75px #fff2}.rf-window{background:#fff;border:1px solid #ffffffb3;border-radius:13px;overflow:hidden;box-shadow:0 16px 25px -12px #43518b55}.rf-titlebar{color:#828a9f;background:#f9faff;border-bottom:1px solid #eef0f8;justify-content:space-between;align-items:center;gap:6px;height:34px;padding:0 11px;font-size:10px;display:flex}.rf-traffic{gap:4px;display:flex}.rf-traffic i{background:#ff9a98;border-radius:50%;width:5px;height:5px}.rf-traffic i:nth-child(2){background:#ecd287}.rf-traffic i:nth-child(3){background:#8bd8a4}.rf-wordmark{letter-spacing:-.7px;color:#46506a;font-size:12px;font-weight:800}.rf-wordmark>span{color:#5467fb}.rf-clip-grid{grid-template-columns:1fr 1fr;gap:10px;padding:14px 12px 10px;display:grid}.rf-clip{background:#fff;border:1px solid #ebedf6;border-radius:11px;min-width:0;padding:5px;transition:transform .3s;box-shadow:0 5px 12px #3c4b8610}.rf-video{aspect-ratio:9/16;background:#171b26;border-radius:7px;position:relative;overflow:hidden}.rf-video video{object-fit:cover;width:100%;height:100%;display:block}.rf-clip-index{color:#29395d;background:#ffffffdc;border-radius:6px;place-items:center;width:20px;height:20px;font-size:9px;font-weight:700;display:grid;position:absolute;top:7px;left:7px}.rf-clip-info{padding:9px 3px 5px}.rf-clip-info strong{letter-spacing:-.2px;font-size:clamp(9px,2.9cqw,13px);line-height:1.4;display:block}.rf-clip-info>span{color:#8a91a6;flex-wrap:wrap;justify-content:space-between;gap:3px;margin-top:5px;font-size:clamp(7px,2cqw,10px);display:flex}.rf-clip-info b{color:#359369;white-space:nowrap;font-weight:500}.rf-export-strip{background:#f7f9ff;border:1px solid #e5eaff;border-radius:10px;align-items:center;gap:8px;margin:0 12px 12px;padding:10px;display:flex}.rf-complete{color:#3c9b71;background:#e8f5ef;border-radius:50%;flex-shrink:0;place-items:center;width:25px;height:25px;font-size:12px;display:grid}.rf-export-strip strong{letter-spacing:-.2px;font-size:clamp(10px,2.8cqw,13px);font-weight:650;display:block}.rf-export-strip small{color:#9299ac;margin-top:4px;font-size:clamp(8px,2.2cqw,10px);display:block}.rf-export-strip svg{fill:none;stroke:#5770ef;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:20px;height:20px;margin-left:auto}.rf-footer{color:#647499;justify-content:space-between;align-items:center;gap:5px;min-height:38px;font-size:9px;display:flex}.rf-footer>span{align-items:center;gap:5px;display:flex}.rf-footer i{background:#809be8;border-radius:50%;width:5px;height:5px}.rf-footer button{color:#596ba0;cursor:pointer;background:#ffffff80;border:1px solid #ffffffb3;border-radius:50%;width:30px;height:30px;font-size:12px}.rf-footer button:focus-visible{outline-offset:2px;outline:2px solid #4864ee}.rf-showcase .r-brand-examples{margin:0;padding:0 10px 10px}.rf-showcase .r-brand-phones{gap:12px;padding:16px 5px 10px}.rf-showcase .r-brand-phone{border-radius:12px;transform:rotate(-3deg);box-shadow:0 7px 16px -7px #26336b70,0 0 0 3px #fff}.rf-showcase .r-brand-phone:nth-child(2){transform:translateY(5px)rotate(3deg)}.rf-showcase .r-brand-examples figcaption{margin-top:12px;font-size:9px}@media (hover:hover){.rf-clip:hover{transform:translateY(-3px)}.rf-showcase .r-brand-phone:hover{transform:translateY(-3px)rotate(0)}}@media (max-width:480px){.rf-showcase{border-radius:17px;margin-top:-5px;padding:10px 8px 0}.rf-titlebar{height:30px;padding:0 8px;font-size:8px}.rf-clip-grid{gap:7px;padding:10px 8px}.rf-clip{padding:3px}.rf-export-strip{gap:6px;margin:0 8px 9px;padding:8px}.rf-showcase .r-brand-phones{gap:10px}.rf-showcase .r-brand-hook{font-size:clamp(10px,3.45cqw,19px)}.rf-showcase .r-brand-captions{font-size:clamp(10px,3.8cqw,21px)}.rf-footer{font-size:8px}.rf-footer button{min-width:36px;min-height:36px}}@media (prefers-reduced-motion:reduce){.rf-clip{transition:none}}