/* Cadre iPhone récent, commun à tous les téléphones (18/10). Proportions en cqw : un petit téléphone est le même en plus petit. */
.conversation-proof .proof-button,.conversation-proof .hero-phone-window,.calendar-frame.mobile-view .proof-button{container-type:inline-size}
.conversation-proof .device-shell,.calendar-frame.mobile-view .device-shell{
 padding:3.2cqw;border:1.1cqw solid #8d8a84;border-radius:16.5cqw;background:#0b0c0e;
 box-shadow:inset 0 0 0 .35cqw #2a2b2e,0 0 0 .3cqw #c9c6bf,0 22px 45px #2f382d2e}
.conversation-proof .phone-screen,.calendar-frame.mobile-view .phone-screen{border-radius:13.4cqw;overflow:hidden;background:var(--status-bg,#f4f1ec)}
/* Barre d'état : heure à gauche, réseau et batterie à droite, couleur prise sur le haut de la capture */
.conversation-proof .phone-screen:before,.calendar-frame.mobile-view .phone-screen:before{
 content:"9:41";display:flex;align-items:center;height:12.5cqw;padding:0 0 0 10cqw;
 font:600 4.4cqw/1 -apple-system,'SF Pro Text','DM Sans',sans-serif;letter-spacing:-.01em;color:var(--status-fg,#111);background:var(--status-bg,#f4f1ec)}
.conversation-proof .phone-screen:after,.calendar-frame.mobile-view .phone-screen:after{
 content:"";position:absolute;top:4.4cqw;right:8cqw;width:17cqw;height:3.6cqw;opacity:.92;
 background:var(--status-fg,#111);
 -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68 14'%3E%3Crect x='0' y='9' width='3' height='4' rx='1'/%3E%3Crect x='5' y='6.5' width='3' height='6.5' rx='1'/%3E%3Crect x='10' y='4' width='3' height='9' rx='1'/%3E%3Crect x='15' y='1.5' width='3' height='11.5' rx='1'/%3E%3Cpath d='M30 3.2a10 10 0 0 1 13 0l-1.6 1.7a7.6 7.6 0 0 0-9.8 0zM32.6 6a6.2 6.2 0 0 1 7.8 0l-1.6 1.7a3.8 3.8 0 0 0-4.6 0zM36.5 12.6l-2.2-2.3a2.6 2.6 0 0 1 4.4 0z'/%3E%3Crect x='47.5' y='2' width='17' height='10' rx='3' fill='none' stroke='%23000' stroke-width='1.2' opacity='.5'/%3E%3Crect x='49.3' y='3.8' width='12.5' height='6.4' rx='1.6'/%3E%3Cpath d='M66 5.5v3.2a1.7 1.7 0 0 0 0-3.2z' opacity='.5'/%3E%3C/svg%3E") center/contain no-repeat;
 mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68 14'%3E%3Crect x='0' y='9' width='3' height='4' rx='1'/%3E%3Crect x='5' y='6.5' width='3' height='6.5' rx='1'/%3E%3Crect x='10' y='4' width='3' height='9' rx='1'/%3E%3Crect x='15' y='1.5' width='3' height='11.5' rx='1'/%3E%3Cpath d='M30 3.2a10 10 0 0 1 13 0l-1.6 1.7a7.6 7.6 0 0 0-9.8 0zM32.6 6a6.2 6.2 0 0 1 7.8 0l-1.6 1.7a3.8 3.8 0 0 0-4.6 0zM36.5 12.6l-2.2-2.3a2.6 2.6 0 0 1 4.4 0z'/%3E%3Crect x='47.5' y='2' width='17' height='10' rx='3' fill='none' stroke='%23000' stroke-width='1.2' opacity='.5'/%3E%3Crect x='49.3' y='3.8' width='12.5' height='6.4' rx='1.6'/%3E%3Cpath d='M66 5.5v3.2a1.7 1.7 0 0 0 0-3.2z' opacity='.5'/%3E%3C/svg%3E") center/contain no-repeat}
.conversation-proof .phone-screen img,.calendar-frame.mobile-view .phone-screen img{display:block}
/* Dynamic Island, posée sur l'écran */
.conversation-proof .device-shell:before,.calendar-frame.mobile-view .device-shell:before{
 top:calc(3.2cqw + 2.6cqw);left:50%;width:31%;height:8.4cqw;transform:translateX(-50%);border-radius:99px;z-index:2;
 background:radial-gradient(circle at 80% 50%,#1d2a36 0 1.1cqw,#000 1.3cqw)}
/* Barre d'accueil, discrète, sur le bas de l'écran */
.conversation-proof .device-shell:after,.calendar-frame.mobile-view .device-shell:after{
 bottom:calc(3.2cqw + 1.8cqw);left:50%;width:34%;height:1.3cqw;transform:translateX(-50%);border-radius:99px;z-index:2;background:#1118}
/* Boutons latéraux, fins */
.conversation-proof .phone-hardware:before,.calendar-frame.mobile-view .phone-hardware:before{left:-1.9cqw;width:.9cqw;height:9cqw;box-shadow:0 12cqw 0 #8d8a84;background:#8d8a84}
.conversation-proof .phone-hardware:after,.calendar-frame.mobile-view .phone-hardware:after{right:-1.9cqw;width:.9cqw;height:15cqw;background:#8d8a84}