.pf-lp-screen:has(.pf-real-shot){padding:8px}.pf-real-shot{display:block;width:100%;height:auto;aspect-ratio:1728/1117;border-radius:8px;background:#fff}.pf-phone .mp-screen.cx-screen{padding:0}.pf-role-art:has(.pf-peek),.pf-role-art:has(.pf-crop){padding:0;overflow:hidden}.pf-peek{position:relative;width:48%;margin:16px auto 0;height:calc(100% - 16px);border-radius:22px 22px 0 0;padding:6px 6px 0;overflow:hidden;background:linear-gradient(145deg,#2b3a5c,#0a1128 60%,#3a4c74);box-shadow:0 18px 30px -16px rgba(28,29,72,.55)}.pf-peek img{display:block;width:100%;height:auto;border-radius:17px 17px 0 0}.pf-crop{position:absolute;inset:14px 14px 0;border-radius:12px 12px 0 0;background:#fff url(../img/app/dashboard-campagne.webp)no-repeat var(--px) var(--py)/var(--sx) auto;box-shadow:0 0 0 1px rgba(15,23,42,.08),0 18px 30px -18px rgba(28,29,72,.45)}.pf-role-art:has(.pf-crop){position:relative}.pf-real-screen{height:100%;border-radius:31px;overflow:hidden;position:relative}.pf-step-phone .pf-real-screen{border-radius:32px}.pf-preview{--b1:#10a99b;--b2:#00544d}.pf-cx-head{background:radial-gradient(circle at 85% 20%,rgba(255,255,255,.22)0 70px,transparent 71px),radial-gradient(circle at 10% 110%,rgba(255,255,255,.14)0 90px,transparent 91px),linear-gradient(135deg,var(--b1),var(--b2));transition:background .4s;padding-top:100px}.pf-cx-bar{position:absolute;top:46px;left:12px;right:12px;display:flex;align-items:center;gap:10px}.pf-cx .pf-logo{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--b1);font-weight:800;font-size:18px}.pf-cx-bar b{flex:1;font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pf-cx-pts{padding:4px 12px;border-radius:999px;background:#f7a400;color:#fff;font-weight:800;font-size:14px}.pf-cx .cx-goal-bar i,.pf-cx .cx-play{background:var(--b1)}.pf-cx .cx-play{box-shadow:0 6px 14px color-mix(in srgb,var(--b1) 40%,transparent);animation:none}.pf-cx .cx-nav>span.on{color:var(--b1)}.pf-cx-list{display:grid;gap:12px;margin:0 12px}.pf-cx-item{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:20px;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.08);animation:genIn .4s var(--ease-out) both}.pf-cx-item i{flex:none;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--b1);color:#fff}.pf-cx-item i .ico{width:24px;height:24px}.pf-cx-item span{flex:1;min-width:0}.pf-cx-item b{display:block;font-size:16px}.pf-cx-item small{font-size:13px;color:#666}.pf-cx-item em{flex:none;font-style:normal;padding:3px 10px;border-radius:6px;background:#f7a400;color:#fff;font-weight:700;font-size:12.5px}.ra .ra-head{position:absolute;top:0;left:0;width:393px;height:236px;padding:92px 20px 0;border-radius:0 0 25px 25px;color:#fff;background:radial-gradient(circle at 88% 18%,rgba(255,255,255,.18)0 64px,transparent 65px),linear-gradient(160deg,#10a99b,#00807a)}.ra-step{display:inline-block;padding:4px 12px;border-radius:999px;background:rgba(255,255,255,.22);font-size:13px;font-weight:700}.ra-title{display:block;margin-top:10px;font-size:30px;font-weight:800;line-height:1.1}.ra-sub{display:block;margin-top:8px;font-size:14px;opacity:.92}.ra .ra-body{position:absolute;top:254px;left:12px;right:12px;bottom:20px;display:flex;flex-direction:column;gap:14px}.ra-card{padding:16px 18px;border-radius:20px;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.08);font-size:16px}.ra-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.ra-row b{font-size:18px}.ra-bar{margin-top:12px;height:14px;border-radius:9px;background:#e8e8e8;overflow:hidden}.ra-bar i{display:block;height:100%;border-radius:inherit;background:#10a99b}.ra-app{display:flex;align-items:center;gap:16px;padding:4px 6px}.ra-app-ico{flex:none;width:92px;height:92px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(145deg,#2f358b,#10a99b);box-shadow:0 10px 20px rgba(16,169,155,.35)}.ra-app-ico img{width:62px;height:auto}.ra-app b{display:block;font-size:22px}.ra-app small{display:block;font-size:14px;color:#666}.ra-stars{color:#f7a400;font-size:16px;letter-spacing:2px}.ra-stores{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ra-stores span{display:flex;align-items:center;justify-content:center;gap:8px;height:56px;border-radius:14px;background:#111;color:#fff;font-weight:700;font-size:16px}.ra-stores svg{width:22px;height:22px}.ra-field small{display:block;font-size:13px;color:#666}.ra-field b{display:block;margin-top:4px;font-size:17px}.ra-btn{display:grid;place-items:center;height:56px;margin-top:4px;border-radius:999px;background:#10a99b;color:#fff;font-weight:700;font-size:17px;box-shadow:0 6px 14px rgba(16,169,155,.4)}.ra-opt{display:flex;align-items:center;gap:14px}.ra-opt b{flex:1;font-size:17px}.ra-opt i{width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 2px #9e9e9e}.ra-opt.on{box-shadow:inset 0 0 0 2px #10a99b,0 4px 12px rgba(0,0,0,.08);background:#e7f6f4}.ra-opt.on i{box-shadow:inset 0 0 0 2px #10a99b,inset 0 0 0 6px #e7f6f4;background:#10a99b}.ra-opt .cx-flag{margin:0;flex:none}.ra-dot{flex:none;width:25px;height:25px;border-radius:50%;background:var(--c)}.ra-note{margin:0;font-size:14px;color:#666;text-align:center}.ra-defis{display:flex;gap:14px}.ra-defis .cx-defi{width:calc(50% - 7px);height:210px;background-position:center}.ra .cx-xl{margin:0}.ra-q small{display:block;font-size:13px;color:#555}.ra-q b{display:block;margin-top:4px;font-size:19px;line-height:1.3}.ra-ans{display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:0 18px;border-radius:14px;background:#eee;font-weight:700;font-size:16px}.ra-ans::after{content:"";width:20px;height:20px;border-radius:50%;box-shadow:inset 0 0 0 1.8px #37474f}.ra-ans.ok{background:#b2e5e1}.ra-ans.ok::after{content:"✓";display:grid;place-items:center;box-shadow:none;background:#10a99b;color:#fff;font-size:13px}.ra-toast{align-self:center;display:inline-flex;align-items:center;gap:10px;padding:10px 18px;border-radius:999px;background:#263238;color:#fff;font-weight:700;font-size:15px}.ra-toast em{font-style:normal;padding:2px 10px;border-radius:6px;background:#f7a400}.ra-duo{display:grid;grid-template-columns:136px 1fr;gap:14px}.ra .cx-sec{padding:4px 2px 0}.ra-badges{display:flex;gap:14px}.ra-badges i{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;color:#fff;background:radial-gradient(circle at 30% 30%,color-mix(in srgb,var(--c) 55%,#fff),var(--c));box-shadow:0 0 0 4px #fff,0 6px 14px rgba(0,0,0,.15)}.ra-badges i .ico{width:28px;height:28px}.ra-badges i.off{background:#e0e0e0;color:#9e9e9e}.pf-screen.real{padding:0;aspect-ratio:1728/1117;background:#fff;display:block}.rd-wrap{position:relative;width:100%;height:100%;overflow:hidden}.rd-shot{display:block;width:100%;height:100%;object-fit:cover}.rd{position:absolute;top:0;left:0;width:1728px;height:1117px;transform:scale(var(--k, .4));transform-origin:0 0;display:flex;gap:40px;padding:0 20px 0 0;background:#fff;color:#171717;font-family:Inter,Roboto,system-ui,sans-serif;font-size:15px}.rd svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.rd .ico{width:18px;height:18px;flex:none}.rd-side{flex:none;width:267px;height:100%;display:flex;flex-direction:column;gap:4px;padding:28px 8px 20px;background:#fafafa;border-right:1px solid #e5e5e5;border-radius:0 12px 12px 0}.rd-ws{display:flex;align-items:center;gap:10px;padding:8px 10px;margin:0 2px 34px;border:1px solid #e5e5e5;border-radius:8px;background:#fff}.rd-ws-ico{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:#171717;color:#fff}.rd-ws-ico svg{width:18px;height:18px}.rd-ws>span:nth-child(2){flex:1}.rd-ws b{display:block;font-size:15px}.rd-ws small{font-size:12.5px;color:#525252}.rd-chev{width:16px;height:16px;margin-left:auto;color:#737373}.rd-new{display:block;margin:0 2px 44px;padding:10px;border-radius:999px;background:#171717;color:#fff;text-align:center;font-weight:500;font-size:15px}.rd-label{padding:0 8px 6px;font-size:12.5px;color:#737373}.rd-it{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:8px;font-size:15px;color:#262626}.rd-it.on,.rd-sub.on{background:#e5e5e5}.rd-sub{margin-left:22px;padding:7px 10px;border-left:1px solid #e5e5e5;border-radius:0 8px 8px 0;font-size:14.5px;color:#404040}.rd-user{display:flex;align-items:center;gap:10px;margin-top:auto;padding:8px}.rd-av{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#171717;color:#fff;font-size:12px;font-weight:700}.rd-user>span:nth-child(2){flex:1}.rd-user b{display:block;font-size:14px}.rd-user small{font-size:12px;color:#525252}.rd-main{flex:1;min-width:0;padding-top:44px;display:flex;flex-direction:column;gap:22px}.rd-crumbs{display:flex;align-items:center;gap:8px;font-size:14.5px;color:#404040}.rd-crumbs .rd-chev{margin:0}.rd-crumbs .on{color:#171717;font-weight:500}.rd-headrow{display:flex;align-items:center;gap:12px}.rd-headrow>div{flex:1}.rd-headrow h4{margin:0;font-size:28px;font-weight:700;letter-spacing:-.01em}.rd-headrow p{margin:4px 0 0;color:#525252;font-size:15px}.rd-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;background:#262626;color:#fff;font-weight:500;font-size:15px}.rd-btn.ghost{background:#fff;color:#171717;box-shadow:inset 0 0 0 1px #e5e5e5}.rd-pills{display:flex;gap:8px}.rd-pills span{padding:8px 16px;border-radius:8px;box-shadow:inset 0 0 0 1px #e5e5e5;font-size:14.5px}.rd-pills .on{background:#171717;color:#fff;box-shadow:none}.rd-media{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.rd-m{border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px #e5e5e5}.rd-m-img{position:relative;height:196px;background:#eee center/cover}.rd-play{position:absolute;left:50%;top:50%;translate:-50% -50%;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:rgba(23,23,23,.75);color:#fff}.rd-play svg{width:24px;height:24px;fill:currentColor;stroke:none;margin-left:3px}.rd-m-img em{position:absolute;right:10px;bottom:10px;padding:3px 8px;border-radius:6px;background:rgba(23,23,23,.75);color:#fff;font-style:normal;font-size:13px;font-weight:600}.rd-m-body{display:grid;gap:10px;padding:12px 14px 14px}.rd-m-who{display:flex;align-items:center;gap:10px}.rd-m-who img{width:34px;height:34px;border-radius:50%}.rd-m-who b{display:block;font-size:15px}.rd-m-who small{font-size:13px;color:#737373}.rd-tag{justify-self:start;padding:4px 10px;border-radius:6px;font-size:13px;font-weight:600}.rd-tag.teal{background:#b2e5e1}.rd-tag.orange{background:#fde3b5}.rd-tag.purple{background:#dcc6fb}.rd-m-foot{display:flex;justify-content:space-between;font-size:14px;color:#404040}.rd-stars{color:#171717;letter-spacing:1px}.rd-stars i{font-style:normal;color:#d4d4d4}.rd-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.rd-kpis>div{padding:20px 22px;border-radius:10px}.rd-kpis small{display:block;font-size:15px;color:#262626}.rd-kpis b{display:block;margin:8px 0 4px;font-size:38px;font-weight:700}.rd-kpis em{font-style:normal;font-size:14px;color:#404040}.rd-kpis .teal{background:#b2e5e1}.rd-kpis .orange{background:#fde3b5}.rd-kpis .purple{background:#dcc6fb}.rd-kpis .grey{background:#f5f5f5}.rd-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px}.rd-box{padding:20px 22px;border-radius:10px;box-shadow:inset 0 0 0 1px #e5e5e5}.rd-box-h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px}.rd-box-h b{font-size:17px}.rd-box-h span{font-size:14px;color:#737373}.rd-bars{display:flex;align-items:flex-end;gap:22px;height:230px;padding:10px 6px 26px}.rd-bars span{position:relative;flex:1;height:var(--h);border-radius:6px 6px 0 0;background:#262626}.rd-bars span:last-child,.rd-bars span:nth-last-child(2){background:#10a99b}.rd-bars i{position:absolute;top:-24px;left:50%;translate:-50%0;font-style:normal;font-size:13px;font-weight:600;color:#404040;white-space:nowrap}.rd-bars em{position:absolute;bottom:-24px;left:50%;translate:-50%0;font-style:normal;font-size:13px;color:#737373}.rd-sat{display:flex;flex-direction:column;align-items:center}.rd-sat .rd-box-h{align-self:stretch}.rd-sat p{margin:14px 0 0;font-size:15px;color:#404040}.rd-donut{width:180px;height:180px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#fff 0 58%,transparent 59%),conic-gradient(#10a99b calc(var(--p)*1%),#e5e5e5 0)}.rd-donut b{font-size:36px}.rd-donut small{font-size:18px;color:#737373}.rd-team{display:flex;align-items:center;gap:14px;padding:9px 0;border-top:1px solid #f0f0f0}.rd-rank{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#171717;color:#fff;font-size:13px;font-weight:700}.rd-team img{width:34px;height:34px;border-radius:50%}.rd-team b{width:160px;font-size:15px}.rd-team em{width:52px;text-align:right;font-style:normal;font-weight:600}.rd-team-bar{flex:1;height:10px;border-radius:6px;background:#e5e5e5;overflow:hidden}.rd-team-bar i{display:block;height:100%;border-radius:inherit;background:#10a99b}.rd-top{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid #f0f0f0}.rd-top b{font-size:17px}.ra .cx-play{animation:none}