.tn-cover{position:relative;width:100%;height:100%;overflow:hidden;background:#e9e9ed;container-type:size}
.tn-device-pair{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(88cqw,160cqh);height:82cqh;display:flex;align-items:center;gap:3%}
.tn-browser{flex:1;min-width:0;overflow:hidden;border-radius:1.6cqh;background:#f3f3f7;box-shadow:0 12px 28px #22222c20,0 0 0 1px #24242b12}
.tn-browser-bar{height:4cqh;display:flex;align-items:center;gap:.65cqh;padding:0 1.4cqh;background:#fafafa;position:relative}
.tn-browser-bar i{width:.8cqh;height:.8cqh;border-radius:50%;background:#cacacf}
.tn-browser-bar span{position:absolute;left:50%;transform:translateX(-50%);font:400 1.5cqh/1 var(--sans);color:#73737b;letter-spacing:.02em}
.tn-browser-screen{aspect-ratio:16/10;overflow:hidden}
.tn-browser-screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
.tn-phone{flex:none;position:relative;display:flex;flex-direction:column;align-items:center;width:220px;padding:7px;background:#252528;border:1px solid #69696e;border-radius:30px;box-shadow:0 18px 30px #22222c23,0 3px 5px #0002}
.tn-speaker{display:block;width:15%;height:3px;min-height:3px;background:#08080a;border-radius:5px;margin:4px 0 7px}
.tn-screen{width:100%;overflow:hidden;border-radius:21px;background:#f3f3f7}
.tn-screen img{display:block;width:100%;height:auto;object-fit:contain}
.tn-home-line{width:29%;height:3px;min-height:3px;background:#a2a2a9;border-radius:4px;margin:7px 0 2px}
.tn-cover .tn-phone{width:32cqh;max-width:25%;border-radius:4cqh;padding:.9cqh}
.tn-cover .tn-screen{border-radius:3cqh}
.tn-cover .tn-speaker{margin:.5cqh 0 1cqh;height:.4cqh;min-height:1px}
.tn-cover .tn-home-line{margin:.9cqh 0 .3cqh;height:.4cqh;min-height:1px}