.brn-stage{--w:clamp(190px, 17vw, 300px);--step:calc(var(--w) * .0032);--r:calc(var(--w) * .16);width:calc(var(--w) * 1.9);padding:calc(var(--w) * .24) 0 calc(var(--w) * .06);perspective:1300px;-webkit-font-smoothing:antialiased;background:0 0;justify-content:center;font-family:Poppins,Segoe UI,system-ui,sans-serif;display:flex}.brn-float{transform-style:preserve-3d;will-change:transform;animation:9s ease-in-out infinite brn-drift}@keyframes brn-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){.brn-float,.brn-shadow{animation:none}}.brn-pose{transform-style:preserve-3d;transform:rotateX(12deg)rotateY(-28deg)rotate(11deg)}.brn-3d{width:var(--w);aspect-ratio:9/19.5;transform-style:preserve-3d;position:relative}.brn-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}.brn-side.s1{transform:translateZ(calc(var(--step) * -1));filter:brightness(1.25)}.brn-side.s2{transform:translateZ(calc(var(--step) * -2));filter:brightness(1.1)}.brn-side.s3{transform:translateZ(calc(var(--step) * -3))}.brn-side.s4{transform:translateZ(calc(var(--step) * -4))}.brn-side.s5{transform:translateZ(calc(var(--step) * -5))}.brn-side.s6{transform:translateZ(calc(var(--step) * -6));filter:brightness(.96)}.brn-side.s7{transform:translateZ(calc(var(--step) * -7));filter:brightness(.93)}.brn-side.s8{transform:translateZ(calc(var(--step) * -8));filter:brightness(.9)}.brn-side.s9{transform:translateZ(calc(var(--step) * -9));filter:brightness(.93)}.brn-side.s10{transform:translateZ(calc(var(--step) * -10));filter:brightness(.96)}.brn-side.s11{transform:translateZ(calc(var(--step) * -11))}.brn-side.s12{transform:translateZ(calc(var(--step) * -12))}.brn-side.s13{transform:translateZ(calc(var(--step) * -13))}.brn-side.s14{transform:translateZ(calc(var(--step) * -14));filter:brightness(1.1)}.brn-side.s15{transform:translateZ(calc(var(--step) * -15));filter:brightness(1.2)}.brn-side.s16{transform:translateZ(calc(var(--step) * -16))}.brn-back{filter:none;background:linear-gradient(150deg,#2e2e33 0%,#1d1d21 55%,#141416 100%);box-shadow:inset 0 0 0 2px #ffffff0f}.brn-phone{border-radius:var(--r);padding:calc(var(--w) * .008);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)}.brn-bezel{border-radius:calc(var(--r) - var(--w) * .008);width:100%;height:100%;padding:calc(var(--w) * .022);background:#000}.brn-btn{background:linear-gradient(90deg,#9a9aa0 0%,#55555b 45%,#2e2e33 100%);border-radius:2.5px;width:5px;position:absolute}.brn-btn-action{height:4.5%;top:18%;left:-5px}.brn-btn-vol-up{height:7%;top:26%;left:-5px}.brn-btn-vol-dn{height:7%;top:35%;left:-5px}.brn-btn-power{background:linear-gradient(90deg,#2e2e33 0%,#55555b 55%,#9a9aa0 100%);height:10%;top:29%;right:-5px}.brn-screen{border-radius:calc(var(--r) - var(--w) * .03);background:#050b09;width:100%;height:100%;position:relative;overflow:hidden}.brn-island{top:calc(var(--w) * .028);width:30%;height:calc(var(--w) * .076);z-index:10;background:#000;border-radius:999px;position:absolute;left:50%;transform:translate(-50%);box-shadow:inset 0 0 2px #ffffff1f}.brn-glare{z-index:9;pointer-events:none;background:linear-gradient(115deg,#ffffff17 0%,#ffffff08 18%,#0000 32% 78%,#ffffff0a 100%);position:absolute;inset:0}.brn-app{color:#f2ecdd;font-size:calc(var(--w) * .033);flex-direction:column;display:flex;position:absolute;inset:0}.brn-header{padding:calc(var(--w)*.12) calc(var(--w)*.05) calc(var(--w)*.035);border-bottom:1px solid #f2ecdd1a;justify-content:space-between;align-items:center;display:flex}.brn-logo{align-items:center;gap:.55em;display:flex}.brn-logo-mark{color:#f2ecdd;background:#0c1613;border:1px solid #f2ecdd40;border-radius:50%;justify-content:center;align-items:center;width:2em;height:2em;font-size:.9em;display:flex}.brn-logo-text{letter-spacing:.01em;font-size:1.35em;font-weight:600}.brn-menu i{background:#f2ecdd;border-radius:2px;width:1.4em;height:2px;margin:3px 0;display:block}.brn-main{padding:calc(var(--w)*.05) calc(var(--w)*.05);flex:1;overflow:hidden}.brn-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#f2ecdd99;margin:0 0 .5em;font-size:.76em}.brn-title{color:#f2ecdd;margin:0 0 1em;font-size:1.9em;font-weight:400}.brn-grid{gap:calc(var(--w)*.028);margin-bottom:calc(var(--w)*.04);grid-template-columns:1fr 1fr;display:grid}.brn-card{border-radius:calc(var(--w)*.032);background:#0a120f;border:1px solid #f2ecdd14;flex-direction:column;gap:.45em;padding:1em .95em;display:flex}.brn-ico{opacity:.9;font-size:1em}.brn-green{color:#39d98a}.brn-red{color:#e5484d}.brn-num{white-space:nowrap;font-size:1.7em;font-weight:500;line-height:1}.brn-label{letter-spacing:.08em;text-transform:uppercase;color:#f2ecdd99;font-size:.66em}.brn-panel{border-radius:calc(var(--w)*.032);margin-bottom:calc(var(--w)*.028);background:#0a120f;border:1px solid #f2ecdd14;padding:1em .95em .85em}.brn-panel-title{color:#f2ecdd;margin:0 0 .8em;font-size:.92em;font-weight:500}.brn-chart{gap:.6em;display:flex}.brn-ylab{text-align:right;color:#f2ecdd80;flex-direction:column;justify-content:space-between;padding-bottom:calc(1.9em + 6px);font-size:.56em;line-height:1;display:flex}.brn-plotwrap{flex:1;min-width:0}.brn-plot{height:calc(var(--w) * .3);position:relative}.brn-plot .g{background:#f2ecdd14;height:1px;position:absolute;left:0;right:0}.brn-plot .g1{top:0}.brn-plot .g2{top:20%}.brn-plot .g3{top:40%}.brn-plot .g4{top:60%}.brn-plot .g5{top:80%}.brn-plot .g6{top:100%}.brn-plot svg{width:100%;height:100%;position:absolute;inset:0}.brn-plot .p{background:#39d98a;border-radius:50%;width:5px;height:5px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #39d98a40}.brn-plot .p1{top:64%;left:0%}.brn-plot .p2{top:52%;left:16.7%}.brn-plot .p3{top:58%;left:33.3%}.brn-plot .p4{top:36%;left:50%}.brn-plot .p5{top:42%;left:66.7%}.brn-plot .p6{top:18%;left:83.3%}.brn-plot .p7{top:8%;left:100%}.brn-chart-x{color:#f2ecdd80;justify-content:space-between;margin-top:6px;font-size:.56em;display:flex}.brn-status{flex-direction:column;gap:.45em;display:flex}.brn-strow{align-items:center;gap:.55em;display:flex}.brn-dot{border-radius:50%;flex:none;width:.55em;height:.55em}.brn-stlabel{color:#f2ecddd9;flex:1;font-size:.78em}.brn-stval{font-size:.78em;font-weight:600}.brn-track{background:#f2ecdd14;border-radius:2px;height:4px;margin-bottom:.3em;overflow:hidden}.brn-track i{border-radius:2px;height:100%;display:block}.brn-shadow{width:70%;height:calc(var(--w) * .06);margin:calc(var(--w) * .14) auto 0;background:radial-gradient(#00000040 0%,#0000 68%);border-radius:50%;animation:9s ease-in-out infinite brn-shadow}@keyframes brn-shadow{0%,to{transform:translateX(calc(var(--w) * -.06)) scale(1);opacity:.9}50%{transform:translateX(calc(var(--w) * -.06)) scale(.82);opacity:.55}}