.back{display:inline-block;margin-bottom:18px;font-weight:500;color:var(--muted)}
.back:hover{color:var(--primary)}
.bp-grid{display:grid;gap:32px;align-items:center}
.bp-grid h1{font-size:clamp(28px,5vw,44px);font-weight:800}
.phone-wrap{display:grid;place-items:center;min-height:380px;padding:28px;background:#fff;border:1px solid var(--line);border-radius:24px}
.phone{position:relative;display:grid;place-items:center;width:min(210px,56vw);aspect-ratio:9/19;border:7px solid #1b1f2a;border-radius:34px;background:linear-gradient(150deg,var(--bc),#14171F);box-shadow:0 24px 50px rgba(20,23,31,.28)}
.cam{position:absolute;top:14px;left:14px;width:58px;height:58px;border-radius:18px;background:rgba(0,0,0,.35)}
.cam::before,.cam::after{content:"";position:absolute;left:7px;width:20px;height:20px;border:3px solid #3a4150;border-radius:50%;background:#0b0e14}
.cam::before{top:6px}.cam::after{top:30px}
.pl{width:92px;height:auto;filter:brightness(0) invert(1);opacity:.92}
.pn{display:none;padding:0 12px;text-align:center;font-size:24px;font-weight:800;color:#fff}
.pn.show{display:block}
.real{width:min(300px,100%);max-height:420px;height:auto;object-fit:contain}
.rp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:22px 0}
.rp{display:flex;align-items:center;gap:10px;min-height:64px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:14px;transition:transform .2s,box-shadow .2s,border-color .2s}
.rp:hover{transform:translateY(-2px);border-color:var(--primary);box-shadow:var(--shadow)}
.rp svg{flex:none;width:30px;height:30px;fill:none;stroke:var(--primary);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.rp b{font-size:15px;line-height:1.25;color:var(--primary)}
.mini{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:8px}
.mini li{position:relative;padding-left:30px;font-weight:500}
.mini li::before{content:"\2713";position:absolute;left:0;top:3px;width:20px;height:20px;border-radius:50%;background:var(--primary);color:#fff;font-size:12px;line-height:20px;text-align:center}
@media(min-width:800px){.bp-grid{grid-template-columns:.9fr 1.1fr;gap:56px}.rp-grid{grid-template-columns:repeat(3,1fr)}}