.browser{--frame-bg:#2a2723;background:var(--frame-bg);border-radius:clamp(10px,1.1vw,16px);display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #f1e8d61a,0 30px 60px -28px #140a048c,0 12px 24px -16px #140a0466}.browser-bar{align-items:center;gap:12px;height:clamp(26px,2.4vw,34px);padding-inline:clamp(10px,1vw,14px);display:flex}.browser-dots{gap:6px;display:flex}.browser-dots i{background:#f1e8d638;border-radius:50%;width:8px;height:8px}.browser-url{color:var(--crema-tenue);text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#f1e8d614;border-radius:999px;flex:0 46%;margin-inline:auto;padding:3px 12px;font-size:.72rem;line-height:1.4;overflow:hidden}.browser-screen{aspect-ratio:16/10;background:var(--grafito);overflow:hidden}.browser-screen img{object-fit:cover;object-position:top center;width:100%;height:100%}.phone{background:#121110;border-radius:13%/6%;width:100%;padding:6px;box-shadow:inset 0 0 0 1px #f1e8d624,0 30px 50px -22px #140a04a6}.phone-screen{aspect-ratio:390/844;background:var(--grafito);border-radius:10.5%/4.9%;overflow:hidden}.phone-screen img{object-fit:cover;width:100%;height:100%}