#probleme picture{position:relative;display:block}#probleme .verified-port-activity{position:absolute;width:3px;height:2px;background:#ffd262;box-shadow:0 0 3px #ffd262;animation:verified-traffic 2.9s steps(1) infinite;pointer-events:none}@keyframes verified-traffic{0%,6%,18%,43%,67%,100%{opacity:0}3%,9%,21%,46%,49%,70%{opacity:1}}
html picture.hardware-cutout>.mobile-demo{position:relative;inset:auto;width:100%;height:auto;display:flex;justify-content:center;margin:24px 0;padding:0;pointer-events:auto}
html picture.hardware-cutout .phone-frame{position:relative;width:min(360px,100%);flex:0 1 360px;aspect-ratio:3/4;height:auto;min-height:0;padding:0;transform:none;background-size:100% 100%;container-type:inline-size}
html picture.hardware-cutout .replaceable-phone-screen{position:absolute;inset:18% 25% 12%;overflow:auto;border-radius:14px;padding:8px;box-sizing:border-box;color:#e9fff5;font-size:12px}
html picture.hardware-cutout .replaceable-phone-screen strong{font-size:15px;line-height:1.2;margin:8px 0;overflow-wrap:anywhere}
html picture.hardware-cutout .replaceable-phone-screen small{font-size:8px;line-height:1.3;display:block}
html picture.hardware-cutout .replaceable-phone-screen>p{display:none}
html picture.hardware-cutout .phone-dashboard{margin:10px 0 0;padding:0;position:static;width:auto;height:auto}
.demo-counts{display:grid;gap:8px;font-size:10px}.demo-counts span{display:flex;justify-content:space-between}.demo-counts b{font-size:14px}.demo-progress{height:5px;background:#ffffff22;margin:12px 0;overflow:hidden}.demo-progress i{height:100%;display:block;background:#71edb7;transition:width .6s ease}
html picture.hardware-cutout .phone-frame .demo-phone-status{display:block;font-size:10px;line-height:1.3;margin:8px 0;color:#d1f5e3}
.tab-not-visible *,.tab-not-visible *:before,.tab-not-visible *:after{animation-play-state:paused!important}.motion-paused .verified-port-activity{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){#probleme .verified-port-activity{animation:none;opacity:0}.demo-progress i{transition:none}}
#acasa .td-media-hero img{object-position:64% center}@media(max-width:700px){#acasa .td-media-hero img{object-fit:contain;width:100%;height:auto;aspect-ratio:1672/941;object-position:center}#acasa .td-media-hero picture{height:auto;min-height:0}}
#probleme picture:not(.hardware-in-view) .verified-port-activity{animation-play-state:paused}
html picture.hardware-cutout .phone-frame{background-image:url('assets/phone-realistic.webp?v=c52c80c554eb8326');background-repeat:no-repeat;background-position:center;background-size:contain;opacity:1;visibility:visible}
html picture.hardware-cutout>.mobile-demo>p{display:none}
html picture.hardware-cutout .pos-fitted{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;box-sizing:border-box;padding:10px;text-align:center}
html picture.hardware-cutout .pos-fitted>b{position:static;margin:0;font-size:clamp(12px,2vw,30px);line-height:1.15}
html picture.hardware-cutout .pos-fitted>small{position:static;display:block;margin:0;width:100%;font-size:clamp(8px,1vw,15px);line-height:1.3;transform:none}
html picture.hardware-cutout .pos-fitted>b,html picture.hardware-cutout .pos-fitted>small{height:auto;flex:0 0 auto}
html picture.mobile-preview-only{display:block;margin:0 auto;width:min(360px,100%);mask-image:none!important;opacity:1!important}
html picture.mobile-preview-only .phone-frame{height:480px;aspect-ratio:3/4;flex-basis:360px}
html picture.mobile-preview-only .mobile-demo{margin:12px 0}
html picture.hardware-cutout .pos-fitted .device-controls{height:24px;max-height:24px;flex:0 0 24px;position:static;transform:none;margin:0}
/* Only the phone photographed at the right carries mobile content. */
html picture.studio-hardware>.mobile-demo{position:absolute;left:86.8%;top:42%;width:7.5%;height:21.5%;margin:0;padding:0;display:block;container-type:inline-size}
html picture.studio-hardware .phone-frame{width:100%;height:100%;min-height:0;aspect-ratio:auto;background:none;border:0;display:block;overflow:hidden}
html picture.studio-hardware .replaceable-phone-screen{inset:0;padding:3%;border-radius:0;overflow:hidden;display:flex;flex-direction:column;justify-content:center;font-size:8cqw}
html picture.studio-hardware .replaceable-phone-screen>small,html picture.studio-hardware .replaceable-phone-screen>strong,html picture.studio-hardware .phone-dashboard>small{display:none}
html picture.studio-hardware .phone-dashboard{display:block;margin:0;overflow:hidden}
html picture.studio-hardware .demo-counts{font-size:9cqw;gap:5cqw}html picture.studio-hardware .demo-counts b{font-size:11cqw}
html picture.studio-hardware .demo-progress{height:3cqw;margin:6cqw 0}html picture.studio-hardware .phone-frame .demo-phone-status{font-size:9cqw;line-height:1.2;margin:0}
html picture.studio-hardware .pos-fitted{overflow:visible;gap:4px}
html picture.studio-hardware .pos-fitted .device-controls{position:absolute;top:240%;left:0;width:100%;height:32px;max-height:none;gap:4px}
html picture.studio-hardware .pos-fitted .device-controls button{height:32px;min-width:32px;max-height:none}
picture.studio-hardware>.hardware-led{position:absolute;z-index:4;width:clamp(2px,.3vw,5px);height:clamp(2px,.3vw,5px);border-radius:50%;pointer-events:none;background:#8be789;box-shadow:0 0 4px #82f281}
picture.studio-hardware>.hardware-led.activity{background:#ffd262;box-shadow:0 0 3px #ffd262;animation:verified-traffic 3.7s steps(1) infinite;animation-delay:var(--delay);animation-play-state:paused}
picture.studio-hardware.hardware-active>.hardware-led.activity{animation-play-state:running}.motion-paused .hardware-led.activity{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){picture.studio-hardware>.hardware-led.activity{animation:none;opacity:0}}