/* p11 the offer (film ST7), round 3: the district locks (blue ring snaps shut), the pills pop in, then four large solid
   chrome-edged 3D pedestals rise; prices land whole. Fixed design stage (780x640 wide, 358x560 phone) scaled by p11.js.
   The tier words are read from the section's own .tiers list, which stays for screen readers but is hidden from view. */
.cine #p11 .tiers{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;margin:-1px!important;padding:0!important;
  clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.p11x{position:absolute;inset:0;font-family:var(--body)}
.p11x .stg{position:absolute;left:0;top:0;transform-origin:0 0}

/* the lock */
.p11x .lk{position:absolute;pointer-events:none}
.p11x .lk > svg:first-child{position:absolute;inset:0;width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}
.p11x .lk .rb{fill:none;stroke:rgba(90,140,255,.22);stroke-width:3}
.p11x .lk .ra{fill:none;stroke:#5A8CFF;stroke-width:7;stroke-linecap:round;stroke-dasharray:0 100;filter:drop-shadow(0 0 10px rgba(90,140,255,.95))}
.p11x .lk .ra.rl{transform:scale(1,-1);transform-origin:100px 100px}
.p11x .lk .sw{position:absolute;inset:0;border-radius:50%;border:3px solid #fff;opacity:0;box-shadow:0 0 34px rgba(90,140,255,.9),inset 0 0 26px rgba(90,140,255,.5)}
.p11x .lk .fz{position:absolute;inset:-10%;border-radius:50%;opacity:0;background:radial-gradient(closest-side,rgba(255,255,255,.55),rgba(90,140,255,.3) 55%,rgba(47,107,255,0))}
.p11x .lk .pad{position:absolute;left:50%;top:50%;width:34%;height:auto;opacity:0;transform:translate(-50%,-50%);overflow:visible;
  fill:rgba(8,10,14,.9);stroke:#f5f7f7;stroke-width:3.5;filter:drop-shadow(0 0 12px rgba(90,140,255,.7))}
.p11x .lk .pad .sh{fill:none;stroke-linecap:round}
.p11x .lk .pad circle{fill:#5A8CFF;stroke:none}

/* the pills */
.p11x .cps{position:absolute;left:0;display:flex;flex-direction:column;align-items:center;gap:18px;pointer-events:none}
.p11x .chp{font-family:var(--tech);font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:20px;line-height:1.15;white-space:nowrap;
  color:#F2F5F5;padding:15px 30px 14px;border-radius:40px;border:1px solid rgba(230,234,234,.7);text-align:center;max-width:100%;
  background:rgba(8,10,14,.9);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 18px 44px rgba(0,0,0,.5)}
.p11x .chp.hot{background:var(--blue);border-color:#6F98FF;color:#fff;box-shadow:0 0 34px rgba(47,107,255,.55),inset 0 1px 0 rgba(255,255,255,.35),0 18px 44px rgba(0,0,0,.5)}

/* the pedestals: front face (solid, chrome edge), top face, right side; faces share the box's width / height / depth */
.p11x .rig{position:absolute;left:0;top:0;width:100%;height:100%;transform-style:preserve-3d}
.p11x .pd{position:absolute;transform-style:preserve-3d;will-change:transform;opacity:0}
.p11x .pd > div{position:absolute;overflow:hidden}
.p11x .ft{left:0;top:0;width:var(--W);height:var(--H);padding:20px 16px 14px;display:flex;flex-direction:column;gap:12px;
  background:linear-gradient(180deg,rgba(40,44,52,.96),rgba(8,10,14,.97) 38%,rgba(5,7,10,.98));border:2px solid rgba(240,243,243,.8);border-radius:4px;
  box-shadow:inset 0 0 36px rgba(245,247,247,.07),inset 0 1px 0 rgba(255,255,255,.3),0 26px 50px rgba(0,0,0,.55)}
.p11x .tp{left:0;top:0;width:var(--W);height:var(--D);transform-origin:50% 0;transform:rotateX(-90deg);
  background:linear-gradient(180deg,#eef1f3,#9aa3aa 50%,#d9dee1);border:1px solid rgba(255,255,255,.9)}
.p11x .sd{left:var(--W);top:0;width:var(--D);height:var(--H);transform-origin:0 50%;transform:rotateY(90deg);
  background:linear-gradient(90deg,#8e979e,#3a4047 60%,#1a1d21);border:1px solid rgba(255,255,255,.55)}
.p11x .pd .gl{position:absolute;inset:0;pointer-events:none;overflow:hidden;opacity:0}
.p11x .pd .gl::after{content:"";position:absolute;top:-20%;bottom:-20%;left:var(--gx,-60%);width:34%;
  background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.26),rgba(255,255,255,0));transform:skewX(-14deg)}
.p11x .ft .fz{position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 50% 38%,rgba(255,255,255,.6),rgba(90,140,255,.32) 55%,rgba(47,107,255,0) 85%)}
.p11x .nm{display:flex;flex-direction:column;gap:6px;position:relative;z-index:1}
.p11x .tn{font-family:var(--tech);font-weight:700;text-transform:uppercase;letter-spacing:.2em;font-size:14px;color:#F2F5F5}
.p11x .nm .lab{font-size:12px;letter-spacing:.03em;color:rgba(225,229,229,.82);white-space:nowrap}
.p11x .pr{position:relative;z-index:1;transform-origin:0 50%;opacity:0}
.p11x .px{font-family:var(--display);font-weight:600;font-size:30px;line-height:1.08;letter-spacing:-.02em;color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums}
.p11x .mo{font-family:var(--tech);font-weight:600;font-size:12px;letter-spacing:.14em;color:rgba(225,229,229,.82);margin-top:3px;text-transform:uppercase}
.p11x .pd.key .tn{color:#5A8CFF}
.p11x .pd.lit .ft{border-color:#6F98FF;box-shadow:inset 0 0 36px rgba(47,107,255,.16),0 0 0 1px rgba(47,107,255,.6),0 0 44px rgba(47,107,255,.55),0 26px 50px rgba(0,0,0,.55)}
.p11x .pd.lit .tp{background:linear-gradient(180deg,#d8e4ff,#5A8CFF 55%,#2F6BFF)}

/* phone: four wide steps, name left, price right, a shallow top edge */
.p11x.ptr .chp{font-size:15px;letter-spacing:.1em;padding:11px 18px 10px;white-space:normal;max-width:330px}
.p11x.ptr .cps{gap:12px}
.p11x.ptr .ft{padding:12px 14px;flex-direction:row;align-items:center;justify-content:space-between;gap:8px}
.p11x.ptr .nm{gap:5px;min-width:0}
.p11x.ptr .tn{font-size:13px;letter-spacing:.16em}
.p11x.ptr .pr{text-align:right;transform-origin:100% 50%}
.p11x.ptr .px{font-size:28px}
.p11x.ptr .mo{font-size:12px}