.iph{flex-shrink:0;filter:drop-shadow(0 3em 5em rgba(20,14,8,.28)) drop-shadow(0 1em 1.6em rgba(20,14,8,.16))}.iph,.iph__frame{position:relative}.iph__frame{padding:1.05em;border-radius:17.5em;background:linear-gradient(135deg,#d9d8d4,#8f8e8a 18%,#c9c8c3 36%,#7c7b77 62%,#bebdb8 82%,#85847f);box-shadow:inset 0 0 0 .25em rgba(255,255,255,.35),inset 0 0 0 .5em rgba(0,0,0,.25)}.iph__bezel{padding:2.4em;border-radius:16.4em;background:#050505;box-shadow:inset 0 0 0 .3em #1d1d1f}.iph__screen{position:relative;overflow:hidden;border-radius:13.8em;background:#fff;aspect-ratio:9/19.5;display:flex;flex-direction:column;align-items:center;isolation:isolate}.iph__screen img{width:94.5%;height:auto;display:block}.iph__content{flex:1 1;width:100%;overflow:hidden;position:relative}.iph--dark .iph__screen{background:#120c07}.iph--dark .iph__status{color:#f5efdf}.iph--dark .iph__sig,.iph--dark .iph__wifi{fill:#f5efdf}.iph--dark .iph__batt{border-color:rgba(245,239,223,.5)}.iph--dark .iph__batt:after{background:rgba(245,239,223,.5)}.iph--dark .iph__batt>span{background:#f5efdf}.iph--dark .iph__glare{background:linear-gradient(115deg,rgba(255,255,255,.07),rgba(255,255,255,0) 38%)}.iph__status{flex-shrink:0;width:100%;height:11.6em;padding:0 8.5em 0 10.5em;display:flex;align-items:center;justify-content:space-between;font-family:-apple-system,SF Pro Text,Helvetica Neue,Arial,sans-serif;font-weight:600;letter-spacing:-.01em;color:#111}.iph__status>span{font-size:5em}.iph__status-r{display:flex;align-items:center;gap:.28em}.iph__sig{width:.95em;fill:#111}.iph__wifi{width:.9em;fill:#111}.iph__batt{position:relative;width:1.35em;height:.66em;border:.07em solid rgba(17,17,17,.45);border-radius:.2em;padding:.07em;display:flex}.iph__batt:after{content:"";position:absolute;right:-.16em;top:50%;width:.08em;height:.24em;transform:translateY(-50%);border-radius:0 .1em .1em 0;background:rgba(17,17,17,.45)}.iph__batt>span{flex:0 0 82%;border-radius:.11em;background:#111}.iph__island{position:absolute;top:2.6em;left:50%;width:30%;height:8.6em;transform:translateX(-50%);border-radius:999px;background:#000;z-index:2}.iph__glare{position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.14),rgba(255,255,255,0) 38%);z-index:3}.iph__btn{position:absolute;width:.9em;border-radius:.5em;background:linear-gradient(90deg,#6f6e6a,#b9b8b3 60%,#807f7b)}.iph__btn--action{left:-.55em;top:20%;height:6.5%}.iph__btn--vup{left:-.55em;top:30%;height:10%}.iph__btn--vdn{left:-.55em;top:42.5%;height:10%}.iph__btn--pwr{right:-.55em;top:32%;height:15%}.mac{flex-shrink:0}.mac,.mac__lid{position:relative}.mac__lid{padding:1.55em 1.55em 1.9em;border-radius:2.6em 2.6em .9em .9em;background:#0a0a0b;box-shadow:0 0 0 .16em #b8b9bd,0 0 0 .3em #7d7e82,inset 0 0 0 .12em #262628}.mac__screen{position:relative;overflow:hidden;border-radius:.8em .8em .25em .25em;background:#fff;isolation:isolate}.mac__screen img{display:block;width:100%;height:auto}.mac__menu{height:2.4em;padding:0 1.6em;display:flex;align-items:center;justify-content:space-between;background:#e9e7e4;color:#2a2a2a;font-family:-apple-system,SF Pro Text,Helvetica Neue,Arial,sans-serif}.mac__menu>span{font-size:1.05em;display:flex;gap:1.3em}.mac__menu b{font-weight:600}.mac__bar{height:3.3em;padding:0 1.4em;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(#f6f5f4,#eeedeb);border-bottom:.08em solid #dcdad6}.mac__lights{position:absolute;left:1.4em;top:50%;transform:translateY(-50%);display:flex;gap:.62em}.mac__lights i{width:.95em;height:.95em;border-radius:50%;background:#ff5f57}.mac__lights i:nth-child(2){background:#febc2e}.mac__lights i:nth-child(3){background:#28c840}.mac__url{min-width:34%;padding:.45em 1.4em;border-radius:.6em;background:#e3e1dd;color:#6b6863;font-family:-apple-system,SF Pro Text,Helvetica Neue,Arial,sans-serif;font-size:1.15em;text-align:center}.mac__content{container-type:inline-size;position:relative}.mac__notch{top:0;width:11.5%;height:2.4em;border-radius:0 0 .9em .9em;background:#0a0a0b;z-index:2}.mac__notch,.mac__notch:after{position:absolute;left:50%;transform:translateX(-50%)}.mac__notch:after{content:"";top:.75em;width:.7em;height:.7em;border-radius:50%;background:radial-gradient(circle at 35% 35%,#3b4a63,#0b0f17 60%)}.mac__glare{position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.1),rgba(255,255,255,0) 32%);z-index:3}.mac__base{position:relative;width:114%;margin-left:-7%;height:2.2em;border-radius:.3em .3em 1.6em 1.6em/.3em .3em 1.1em 1.1em;background:linear-gradient(#f1f1f3,#d4d5d8 30%,#b3b4b8 70%,#8d8e92);box-shadow:inset 0 .12em 0 rgba(255,255,255,.9),0 2.4em 3.4em -1.4em rgba(20,14,8,.45)}.mac__base:before{content:"";position:absolute;top:0;left:50%;width:13%;height:.9em;transform:translateX(-50%);border-radius:0 0 1em 1em;background:linear-gradient(#a7a8ac,#cfd0d3);box-shadow:inset 0 .1em .2em rgba(0,0,0,.18)}.mac__base:after{content:"";position:absolute;left:6.1%;right:6.1%;top:-.35em;height:.35em;border-radius:.2em .2em 0 0;background:linear-gradient(#2a2a2c,#6b6c70)}