.ph-stage{--w:clamp(190px, 16vw, 262px);--step:calc(var(--w) * .0032);--r:calc(var(--w) * .16);width:calc(var(--w) * 1.9);max-width:100%;padding:calc(var(--w) * .24) 0 calc(var(--w) * .06);perspective:1300px;font-family:var(--font-inter), system-ui, sans-serif;-webkit-font-smoothing:antialiased;background:0 0;justify-content:center;display:flex}.ph-float{--wo:var(--w);transform-style:preserve-3d;animation:9s ease-in-out infinite ph-drift}@keyframes ph-drift{0%{transform:translate(0)rotate(-1deg)rotateY(-4deg)}25%{transform:translate(8px,-12px)rotate(.5deg)rotateY(2deg)}50%{transform:translate(-4px,-20px)rotate(1.5deg)rotateY(5deg)}75%{transform:translate(-9px,-8px)rotate(-.5deg)rotateY(-2deg)}to{transform:translate(0)rotate(-1deg)rotateY(-4deg)}}@media (prefers-reduced-motion:reduce){.ph-float,.ph-shadow{animation:none}}.ph-pose{--ss:1.5;--w:calc(var(--wo) * var(--ss));--step:calc(var(--w) * .0032);--r:calc(var(--w) * .16);transform:rotateX(12deg) rotateY(-28deg) rotateZ(11deg) scale(calc(1 / var(--ss)));transform-style:preserve-3d}@media (min-resolution:2x){.ph-pose{--ss:2}}.ph-3d{width:var(--w);aspect-ratio:9/19.5;transform-style:preserve-3d;margin:calc(var(--wo) * -19.5 / 18 * (var(--ss) - 1)) calc(var(--wo) * -.5 * (var(--ss) - 1));position:relative}.ph-side{border-radius:var(--r);background:conic-gradient(from 200deg,#6b6b71 0deg,#a8a8ae 40deg,#7d7d83 80deg,#46464c 120deg,#303036 160deg,#53535a 200deg,#8e8e94 240deg,#c2c2c7 275deg,#85858b 310deg,#6b6b71 360deg);position:absolute;inset:0}.ph-side.s1{transform:translateZ(calc(var(--step) * -1));filter:brightness(1.25)}.ph-side.s2{transform:translateZ(calc(var(--step) * -2));filter:brightness(1.1)}.ph-side.s3{transform:translateZ(calc(var(--step) * -3))}.ph-side.s4{transform:translateZ(calc(var(--step) * -4))}.ph-side.s5{transform:translateZ(calc(var(--step) * -5))}.ph-side.s6{transform:translateZ(calc(var(--step) * -6));filter:brightness(.96)}.ph-side.s7{transform:translateZ(calc(var(--step) * -7));filter:brightness(.93)}.ph-side.s8{transform:translateZ(calc(var(--step) * -8));filter:brightness(.9)}.ph-side.s9{transform:translateZ(calc(var(--step) * -9));filter:brightness(.93)}.ph-side.s10{transform:translateZ(calc(var(--step) * -10));filter:brightness(.96)}.ph-side.s11{transform:translateZ(calc(var(--step) * -11))}.ph-side.s12{transform:translateZ(calc(var(--step) * -12))}.ph-side.s13{transform:translateZ(calc(var(--step) * -13))}.ph-side.s14{transform:translateZ(calc(var(--step) * -14));filter:brightness(1.1)}.ph-side.s15{transform:translateZ(calc(var(--step) * -15));filter:brightness(1.2)}.ph-side.s16{transform:translateZ(calc(var(--step) * -16))}.ph-back{filter:none;background:linear-gradient(150deg,#2e2e33 0%,#1d1d21 55%,#141416 100%);box-shadow:inset 0 0 0 2px #ffffff0f}.ph-phone{border-radius:var(--r);padding:calc(var(--w) * .008);box-shadow:inset 0 0 0 calc(var(--w) * .0018) #ffffff47;background:conic-gradient(from 200deg,#7d7d83 0deg,#b5b5ba 40deg,#8e8e94 80deg,#55555b 120deg,#3d3d43 160deg,#64646a 200deg,#9f9fa5 240deg,#d0d0d5 275deg,#96969c 310deg,#7d7d83 360deg);position:absolute;inset:0;transform:translateZ(.5px)}.ph-bezel{border-radius:calc(var(--r) - var(--w) * .008);width:100%;height:100%;padding:calc(var(--w) * .02);box-shadow:inset 0 0 0 calc(var(--w) * .002) #ffffff12;background:#000}.ph-btn{width:calc(5px * var(--ss));border-radius:calc(2.5px * var(--ss));background:linear-gradient(90deg,#9a9aa0 0%,#55555b 45%,#2e2e33 100%);position:absolute}.ph-btn-action{left:calc(-5px * var(--ss));height:4.5%;top:18%}.ph-btn-vol-up{left:calc(-5px * var(--ss));height:7%;top:26%}.ph-btn-vol-dn{left:calc(-5px * var(--ss));height:7%;top:35%}.ph-btn-power{right:calc(-5px * var(--ss));background:linear-gradient(90deg,#2e2e33 0%,#55555b 55%,#9a9aa0 100%);height:10%;top:29%}.ph-screen{border-radius:calc(var(--r) - var(--w) * .028);background:#000;width:100%;height:100%;position:relative;overflow:hidden;container-type:inline-size}.ph-island{z-index:60;background:#000;border-radius:999px;width:32.3077cqw;height:9.48718cqw;position:absolute;top:2.82051cqw;left:50%;transform:translate(-50%)}.ph-island i{background:radial-gradient(circle at 35% 35%,#2b3a66 0%,#0d1226 45%,#050608 75%);border-radius:50%;width:2.82051cqw;height:2.82051cqw;position:absolute;top:50%;right:3.07692cqw;transform:translateY(-50%);box-shadow:0 0 0 .384615cqw #0b0b0d}.ph-glare{z-index:59;pointer-events:none;border-radius:inherit;background:linear-gradient(118deg,#ffffff1a 0%,#ffffff09 22%,#0000 38% 76%,#ffffff08 100%);position:absolute;inset:0;box-shadow:inset 0 0 1.53846cqw #0000008c}.ph-app{--u:calc(100cqw / 390);--accent:61, 99, 214;--accent-light:138, 166, 245;--success:60, 203, 127;--warning:240, 185, 58;--danger:255, 122, 133;color:#fff;font-family:var(--font-inter), system-ui, sans-serif;font-size:calc(var(--u) * 14);background:#000;line-height:1.5;position:absolute;inset:0;overflow:hidden}.ph-app svg{flex:none}.ph-top{z-index:40;background:#0a0a0aeb;position:absolute;inset:0 0 auto}.ph-status{height:calc(var(--u) * 56);padding:calc(var(--u) * 16) calc(var(--u) * 36) 0;font-size:calc(var(--u) * 15);font-weight:600;line-height:calc(var(--u) * 22);justify-content:space-between;align-items:flex-start;display:flex}.ph-clock{width:calc(var(--u) * 56);text-align:center;font-variant-numeric:tabular-nums}.ph-status-r{align-items:center;gap:calc(var(--u) * 6);height:calc(var(--u) * 22);display:flex}.ph-signal{align-items:flex-end;gap:calc(var(--u) * 2);display:flex}.ph-signal i{width:calc(var(--u) * 3);border-radius:calc(var(--u) * 1);background:#fff;display:block}.ph-signal i:first-child{height:calc(var(--u) * 4)}.ph-signal i:nth-child(2){height:calc(var(--u) * 6)}.ph-signal i:nth-child(3){height:calc(var(--u) * 8)}.ph-signal i:nth-child(4){height:calc(var(--u) * 10)}.ph-battery{margin-left:calc(var(--u) * 4);width:calc(var(--u) * 22);height:calc(var(--u) * 11);padding:calc(var(--u) * 1.5);border:calc(var(--u) * 1) solid #ffffff80;border-radius:calc(var(--u) * 3);position:relative}.ph-battery i{border-radius:calc(var(--u) * 1);background:#fff;width:75%;height:100%;display:block}.ph-bar{height:calc(var(--u) * 56);padding:0 calc(var(--u) * 16);border-bottom:calc(var(--u) * 1) solid rgba(var(--accent), .12);justify-content:space-between;align-items:center;display:flex}.ph-tenant{align-items:center;gap:calc(var(--u) * 8);min-width:0;max-width:65%;display:flex}.ph-mark{width:calc(var(--u) * 32);height:calc(var(--u) * 32);border-radius:calc(var(--u) * 8);background:rgb(var(--accent));box-shadow:0 calc(var(--u) * 2) calc(var(--u) * 10) rgba(var(--accent), .35);font-family:var(--font-instrument), system-ui, sans-serif;font-size:calc(var(--u) * 14);flex:none;justify-content:center;align-items:center;font-weight:600;display:flex}.ph-tenant-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-family:var(--font-instrument), system-ui, sans-serif;font-size:calc(var(--u) * 22);letter-spacing:-.025em;font-weight:600;overflow:hidden}.ph-bar-r{align-items:center;gap:calc(var(--u) * 8);display:flex}.ph-locale{align-items:center;gap:calc(var(--u) * 6);padding:calc(var(--u) * 8) calc(var(--u) * 10);border:calc(var(--u) * 1) solid rgba(var(--accent), .25);font-size:calc(var(--u) * 11);background:#14141494;border-radius:999px;font-weight:600;line-height:1;display:flex}.ph-ico-lang{width:calc(var(--u) * 14);height:calc(var(--u) * 14);color:rgb(var(--accent-light))}.ph-ico-chev{width:calc(var(--u) * 12);height:calc(var(--u) * 12);color:#fff9}.ph-menu{width:calc(var(--u) * 36);height:calc(var(--u) * 36);color:#fff9;justify-content:center;align-items:center;display:flex}.ph-menu svg{width:calc(var(--u) * 20);height:calc(var(--u) * 20)}.ph-content{padding:calc(var(--u) * (112 + 20)) calc(var(--u) * 16) 0}.ph-eyebrow{margin:0 0 calc(var(--u) * 6);font-size:calc(var(--u) * 12);letter-spacing:.08em;text-transform:uppercase;color:#ffffff59}.ph-title{font-family:var(--font-instrument), system-ui, sans-serif;font-size:calc(var(--u) * 28);margin:0;font-weight:300;line-height:1.15}.ph-date{margin:calc(var(--u) * 6) 0 calc(var(--u) * 20);color:#ffffff80}.ph-date span{margin-left:calc(var(--u) * 8);font-size:calc(var(--u) * 12);color:rgb(var(--accent-light))}.ph-surface{border:calc(var(--u) * 1) solid rgba(var(--accent), .12);border-radius:calc(var(--u) * 16);box-shadow:inset 0 calc(var(--u) * 1) 0 #ffffff09, 0 calc(var(--u) * 4) calc(var(--u) * 16) #0000002e;background:#141414b8}.ph-kpis{gap:calc(var(--u) * 16);margin-bottom:calc(var(--u) * 20);padding:calc(var(--u) * 16);display:flex}.ph-kpi{flex-direction:column;flex:1;display:flex}.ph-kpi+.ph-kpi{padding-left:calc(var(--u) * 16);border-left:calc(var(--u) * 1) solid rgba(var(--accent), .12)}.ph-kpi-v{font-family:var(--font-instrument), system-ui, sans-serif;font-size:calc(var(--u) * 22);white-space:nowrap;font-weight:300;line-height:1.4}.ph-kpi-l{font-size:calc(var(--u) * 10);letter-spacing:.05em;text-transform:uppercase;color:#fff6}.ph-filters{gap:calc(var(--u) * 8);margin-bottom:calc(var(--u) * 12);display:flex;overflow:hidden}.ph-chip{--c:var(--accent);padding:calc(var(--u) * 7) calc(var(--u) * 14);border:calc(var(--u) * 1) solid rgba(var(--c), .35);border-radius:calc(var(--u) * 10);background:rgba(var(--c), .1);color:rgb(var(--c));font-size:calc(var(--u) * 12.5);white-space:nowrap;flex:none;font-weight:500;line-height:1.5}.ph-chip.ph-warning{--c:var(--warning)}.ph-chip.ph-success{--c:var(--success)}.ph-chip.ph-danger{--c:var(--danger)}.ph-chip.is-active{background:rgb(var(--c));border-color:rgb(var(--c));color:#000}.ph-list{gap:calc(var(--u) * 10);flex-direction:column;display:flex}.ph-row{padding:calc(var(--u) * 16)}.ph-row-main{align-items:center;gap:calc(var(--u) * 12);display:flex}.ph-time{width:calc(var(--u) * 48);text-align:center;font-size:calc(var(--u) * 16);flex:none;font-weight:600}.ph-vr{width:calc(var(--u) * 1);height:calc(var(--u) * 32);background:rgba(var(--accent), .12);flex:none}.ph-client{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-weight:500;overflow:hidden}.ph-row-r{align-items:flex-end;gap:calc(var(--u) * 4);flex-direction:column;flex:none;display:flex}.ph-badge{--c:var(--success);padding:calc(var(--u) * 3) calc(var(--u) * 10);border:calc(var(--u) * 1) solid rgba(var(--c), .4);background:rgba(var(--c), .14);color:rgb(var(--c));font-size:calc(var(--u) * 10.5);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:999px;font-weight:600;line-height:1.4}.ph-b-pending{--c:var(--warning);background:rgba(var(--c), .12);border-color:rgba(var(--c), .35)}.ph-b-cancelled{--c:var(--danger)}.ph-price{font-weight:500;line-height:1.4}.ph-pay{font-size:calc(var(--u) * 11);color:#ffffff59;line-height:1.3}.ph-actions{justify-content:flex-end;gap:calc(var(--u) * 8);margin-top:calc(var(--u) * 12);display:flex}.ph-act{align-items:center;gap:calc(var(--u) * 6);padding:calc(var(--u) * 6) calc(var(--u) * 12);border:calc(var(--u) * 1) solid rgba(var(--accent), .3);border-radius:calc(var(--u) * 8);font-size:calc(var(--u) * 12);color:#ffffffb3;line-height:1.33;display:flex}.ph-act svg{width:calc(var(--u) * 12);height:calc(var(--u) * 12)}.ph-act-menu{background:rgba(var(--accent), .15);color:#fff}.ph-fade{z-index:30;height:calc(var(--u) * 170);background:linear-gradient(#0000 0%,#000000e6 55%,#000 100%);position:absolute;inset:auto 0 0}.ph-home{bottom:calc(var(--u) * 10);z-index:40;width:calc(var(--u) * 134);height:calc(var(--u) * 5);background:#fffc;border-radius:999px;position:absolute;left:50%;transform:translate(-50%)}.ph-shadow{width:70%;height:calc(var(--w) * .06);margin:calc(var(--w) * .14) auto 0;background:radial-gradient(#3d63d647 0%,#0000 68%);border-radius:50%;animation:9s ease-in-out infinite ph-shadow}@keyframes ph-shadow{0%,to{transform:translateX(calc(var(--w) * -.06)) scale(1);opacity:.9}50%{transform:translateX(calc(var(--w) * -.06)) scale(.82);opacity:.55}}