/* ScreenBlur · le film en HTML, posé dans l'article (pas d'iframe) */
.sb-film{--bg:#09080b;--coral:#fea490;--purple:#7c5cff;--panel:#141317;--line:rgba(255,255,255,.08);--txt:#ededf0;--mute:#8b8a93;position:relative;display:block;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:16px;background:#09080b;margin:0 0 24px;font-family:Inter,sans-serif;font-size:16px;line-height:normal;color:#ededf0;-webkit-font-smoothing:antialiased}
.sb-film *{box-sizing:border-box;margin:0;padding:0}
.sb-film #stage{position:absolute;left:0;top:0;width:1920px;height:1080px;overflow:hidden;background:var(--bg);transform-origin:0 0}
.sb-film #world{position:absolute;left:0;top:0;width:1920px;height:1080px;transform-origin:0 0}
.sb-film #grid{position:absolute;left:-2000px;top:-2000px;width:6000px;height:5000px;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px}
.sb-film #call{position:absolute;left:180px;top:30px;width:1960px;height:1030px;border-radius:22px;background:#121115;border:1px solid var(--line);opacity:0}
.sb-film #callLabel{position:absolute;left:62px;top:28px;display:flex;align-items:center;gap:16px;font-size:32px;font-weight:500;color:var(--txt)}
.sb-film #callLabel .dot{width:10px;height:10px;border-radius:50%;background:#ff5a52;box-shadow:0 0 0 4px rgba(255,90,82,.18)}
.sb-film #callLabel span.m{color:var(--mute);font-weight:400}
.sb-film #presenting{display:flex;align-items:center;gap:10px;background:#ff5a52;color:#fff;font-size:22px;font-weight:600;padding:8px 16px;border-radius:24px;margin-left:10px}
.sb-film #presenting i{width:10px;height:10px;border-radius:50%;background:#fff;display:block}
.sb-film #callMeta{position:absolute;right:60px;top:34px;font-size:24px;color:var(--mute)}
.sb-film .tile{position:absolute;left:1500px;width:420px;height:236px;border-radius:16px;overflow:hidden;border:1px solid var(--line)}
.sb-film .tile .av{position:absolute;left:50%;top:50%;width:92px;height:92px;margin:-46px 0 0 -46px;border-radius:50%;display:grid;place-items:center;font-size:34px;font-weight:600;color:#fff}
.sb-film .tile .nm{position:absolute;left:14px;bottom:12px;font-size:16px;background:rgba(0,0,0,.45);padding:4px 10px;border-radius:8px}
.sb-film .t1{top:80px;background:linear-gradient(135deg,#2d3a5c,#1b2033)}
.sb-film .t1 .av{background:#5b7cf0}
.sb-film .t2{top:332px;background:linear-gradient(135deg,#46304f,#211a28)}
.sb-film .t2 .av{background:#c86cff}
.sb-film .t3{top:584px;background:linear-gradient(135deg,#4a3a2e,#241c17)}
.sb-film .t3 .av{background:#e58a5a}
.sb-film #callBar{position:absolute;left:700px;top:988px;display:flex;gap:14px}
.sb-film #callBar div{height:48px;border-radius:24px;background:#24232a;padding:0 22px;display:flex;align-items:center;font-size:17px;color:var(--txt)}
.sb-film #callBar .stop{background:#ff5a52;color:#fff;font-weight:600}
.sb-film #screen{position:absolute;left:240px;top:110px;width:1440px;height:860px;border-radius:14px;overflow:hidden;background:radial-gradient(1200px 700px at 20% 10%,#2a2440 0%,#15131c 55%,#0d0c11 100%);border:1px solid rgba(255,255,255,.1)}
.sb-film #menubar{position:absolute;left:0;top:0;right:0;height:30px;background:rgba(14,13,17,.82);display:flex;align-items:center;padding:0 16px;font-size:14px;gap:22px;color:#d8d7de}
.sb-film #menubar b{font-weight:600}
.sb-film #mbRight{margin-left:auto;display:flex;align-items:center;gap:18px}
.sb-film #sbIcon{width:26px;height:20px;border-radius:5px;display:grid;place-items:center}
.sb-film #sbIcon.on{background:rgba(255,255,255,.18)}
.sb-film .glyph{width:16px;height:12px;border:1.6px solid #e8e7ee;border-radius:3px;position:relative;overflow:hidden}
.sb-film .glyph::after{content:"";position:absolute;right:0;top:0;bottom:0;width:50%;background:repeating-linear-gradient(90deg,rgba(232,231,238,.9) 0 1.5px,transparent 1.5px 3px)}
.sb-film #sharePill{position:absolute;left:50%;top:44px;transform:translateX(-50%);background:rgba(255,90,82,.14);border:1px solid rgba(255,90,82,.45);color:#ffb3ae;font-size:14px;padding:6px 14px;border-radius:20px;display:flex;gap:8px;align-items:center;z-index:5}
.sb-film #sharePill i{width:8px;height:8px;border-radius:50%;background:#ff5a52;display:block}
.sb-film #app{position:absolute;left:40px;top:82px;width:1360px;height:750px;border-radius:12px;background:#111014;border:1px solid rgba(255,255,255,.09);overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.sb-film #titlebar{height:40px;display:flex;align-items:center;padding:0 16px;gap:8px;border-bottom:1px solid var(--line)}
.sb-film #titlebar i{width:12px;height:12px;border-radius:50%;display:block;background:#3a3940}
.sb-film #titlebar span{margin-left:14px;font-size:14px;color:var(--mute)}
.sb-film #side{position:absolute;left:0;top:40px;bottom:0;width:290px;border-right:1px solid var(--line);padding:20px 16px}
.sb-film #side h4{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);font-weight:500;margin:4px 8px 12px;font-family:Inter,sans-serif}
.sb-film .ws{display:flex;align-items:center;gap:10px;font-weight:600;font-size:16px;margin:0 8px 22px}
.sb-film .ws em{width:26px;height:26px;border-radius:7px;background:linear-gradient(135deg,#fea490,#c86cff);display:block}
.sb-film .cl{display:flex;align-items:center;gap:12px;padding:9px 8px;border-radius:8px;font-size:15px}
.sb-film .cl .a{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:600;color:#fff}
.sb-film .cl .n{flex:1}
.sb-film .cl .v{color:var(--mute);font-variant-numeric:tabular-nums;font-size:14px}
.sb-film .cl.sel{background:rgba(255,255,255,.06)}
.sb-film .c1{background:#5b7cf0}
.sb-film .c2{background:#c86cff}
.sb-film .c3{background:#e58a5a}
.sb-film .c4{background:#3fb68b}
.sb-film .c5{background:#d4a72c}
.sb-film .c6{background:#e0567a}
.sb-film .c7{background:#6a8caf}
.sb-film .c8{background:#8a6af0}
.sb-film #main{position:absolute;left:290px;top:40px;right:0;bottom:0;padding:28px 32px}
.sb-film #main h2{font-size:28px;font-weight:600;letter-spacing:-.01em;color:var(--txt);font-family:Inter,sans-serif;margin:0;line-height:1.2}
.sb-film #main .sub{color:var(--mute);font-size:14px;margin-top:4px}
.sb-film .kpis{display:flex;gap:16px;margin-top:22px}
.sb-film .kpi{flex:1;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px 18px}
.sb-film .kpi small{color:var(--mute);font-size:13px}
.sb-film .kpi div{font-size:30px;font-weight:600;margin-top:6px;font-variant-numeric:tabular-nums}
.sb-film .kpi .up{color:#5ad18a;font-size:13px;margin-left:8px;font-weight:500}
.sb-film .cols{display:flex;gap:16px;margin-top:16px}
.sb-film .card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px 18px}
.sb-film .card h5{font-size:14px;font-weight:600;margin:0 0 10px;display:flex;justify-content:space-between;color:var(--txt);font-family:Inter,sans-serif}
.sb-film .card h5 span{color:var(--mute);font-weight:400}
.sb-film .inv{flex:1.25}
.sb-film #apicard{flex:1}
.sb-film .chart{margin-top:16px}
.sb-film .row{display:flex;padding:9px 0;border-top:1px solid var(--line);font-size:14px}
.sb-film .row span{flex:1}
.sb-film .row span:last-child{text-align:right;font-variant-numeric:tabular-nums}
.sb-film .row .acc{color:var(--coral)}
.sb-film .badge{font-size:12px;padding:2px 8px;border-radius:10px;background:rgba(90,209,138,.12);color:#5ad18a;flex:0 0 auto!important;margin-right:20px}
.sb-film .badge.p{background:rgba(254,164,144,.12);color:var(--coral)}
.sb-film #bars{display:flex;align-items:flex-end;gap:14px;height:118px;padding-top:6px}
.sb-film #menu{position:absolute;width:330px;border-radius:12px;padding:6px;font-size:15px;color:#ecebf2;background:linear-gradient(180deg,rgba(64,40,110,.96),rgba(30,26,40,.97) 30%);border:1px solid rgba(255,255,255,.14);box-shadow:0 24px 60px rgba(0,0,0,.55);opacity:0;transform-origin:300px 0;z-index:20}
.sb-film #menu .hd{color:#a9a3c0;font-size:13px;padding:6px 10px 8px}
.sb-film #menu .it{display:flex;justify-content:space-between;padding:6px 10px;border-radius:7px}
.sb-film #menu .it span{color:#a9a3c0}
.sb-film #menu hr{border:0;border-top:1px solid rgba(255,255,255,.1);margin:5px 8px}
.sb-film #menu .it.hl{background:#3d6df2}
.sb-film #menu .it.hl span{color:#e6ecff}
.sb-film #hint{position:absolute;left:50%;top:44px;transform:translateX(-50%);background:var(--purple);color:#fff;font-size:14px;font-weight:500;padding:7px 14px;border-radius:20px;opacity:0;z-index:6;white-space:nowrap}
.sb-film #dim{position:absolute;inset:0;pointer-events:none;z-index:4}
.sb-film .zone{position:absolute;border-radius:10px;z-index:7;opacity:0;overflow:hidden}
.sb-film .zone .fx{position:absolute;inset:0;background:rgba(20,18,26,.18)}
.sb-film .zone .bd{position:absolute;inset:0;border-radius:10px;border:1px solid rgba(255,255,255,.12)}
.sb-film .marq{position:absolute;z-index:8;border:1.5px solid var(--purple);background:rgba(124,92,255,.12);opacity:0;border-radius:4px}
.sb-film .marq b{position:absolute;right:-1px;bottom:-30px;background:var(--purple);color:#fff;font-size:12px;font-weight:600;padding:3px 7px;border-radius:5px;white-space:nowrap;font-variant-numeric:tabular-nums}
.sb-film .leak{position:absolute;z-index:6;border:3px solid #ff5a52;border-radius:10px;opacity:0;box-shadow:0 0 0 6px rgba(255,90,82,.15)}
.sb-film #msg{display:none}
.sb-film #chip{display:none}
.sb-film #wipe{display:none}
.sb-film #cursor{position:absolute;left:0;top:0;width:30px;height:30px;z-index:30;transform-origin:3px 3px}
.sb-film #head{position:absolute;inset:0;background:var(--bg);opacity:0}
.sb-film #head .l{position:absolute;left:134px;font-weight:500;font-size:156px;letter-spacing:-.035em;line-height:1;white-space:nowrap}
.sb-film #head .w{display:inline-block;margin-right:.24em;opacity:0}
.sb-film #l1{top:300px;color:#fafafa}
.sb-film #l2{top:478px;color:var(--coral)}
.sb-film #end{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0}
.sb-film #brand{display:flex;align-items:center;gap:36px;font-weight:600;font-size:150px;letter-spacing:-.03em;color:#fafafa}
.sb-film #brand .ic{width:150px;height:150px;border-radius:38px;background:linear-gradient(135deg,#2b2540,#16141c);border:1px solid rgba(255,255,255,.14);position:relative;overflow:hidden}
.sb-film #brand .ic::before{content:"";position:absolute;left:30px;top:40px;width:90px;height:68px;border:6px solid #fafafa;border-radius:14px}
.sb-film #brand .ic::after{content:"";position:absolute;left:76px;top:46px;width:38px;height:56px;border-radius:0 8px 8px 0;background:repeating-linear-gradient(90deg,var(--coral) 0 6px,transparent 6px 12px)}
.sb-film #gh{margin-top:50px;display:flex;align-items:center;gap:22px;font-size:58px;color:#bdbcc6}
.sb-film #gh svg{width:60px;height:60px;fill:#fafafa}
.sb-film #gh b{color:#fafafa;font-weight:600}
.sb-film #macos{margin-top:40px;font-size:30px;color:var(--mute);border:1px solid var(--line);padding:10px 24px;border-radius:30px}
.sb-film #fadeout{position:absolute;inset:0;background:#000;opacity:0;pointer-events:none}
@media (prefers-reduced-motion: reduce){.sb-film #world{filter:none!important}}