/* LevelUp product page */
.lu-hero-figure{margin:40px 0 0;}
.lu-hero-figure svg,.lu-hero-figure img{width:100%;height:auto;display:block;border-radius:16px;border:1px solid var(--border);box-shadow:0 30px 80px rgba(0,0,0,.45);}
.lu-hero-figure figcaption{font-size:.8rem;color:var(--planned);margin-top:10px;text-align:center;}

.lu-points{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px;}
.lu-point{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;}
.lu-point .lu-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:rgba(242,165,48,.12);color:var(--accent);font-weight:800;margin-bottom:14px;}
.lu-point h3{font-size:1.05rem;margin-bottom:8px;}
.lu-point p{margin:0;font-size:.95rem;}

.lu-problem{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;}
.lu-steps{list-style:none;margin:0;padding:0;counter-reset:s;}
.lu-steps li{position:relative;padding:10px 0 10px 44px;color:var(--text-muted);border-bottom:1px dashed var(--border);}
.lu-steps li::before{counter-increment:s;content:counter(s);position:absolute;left:0;top:9px;width:28px;height:28px;border-radius:50%;background:#2a1d1d;color:#f08a7a;font-weight:800;font-size:.85rem;display:grid;place-items:center;}
.lu-steps.good li::before{background:rgba(63,185,132,.15);color:var(--good);}

.lu-devices{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:end;margin-top:36px;}
.lu-device{text-align:center;}
.lu-device h3{margin-top:22px;}
.lu-device p{max-width:420px;margin-left:auto;margin-right:auto;}
.lu-phone{width:min(260px,70vw);margin:0 auto;padding:12px;border-radius:44px;background:linear-gradient(145deg,#2c313b,#0d0f14);border:1px solid #3a404b;box-shadow:0 25px 60px rgba(0,0,0,.5),inset 0 0 0 2px #0a0b0e;}
.lu-phone img{border-radius:34px;width:100%;}
.lu-handheld{width:min(520px,92%);margin:0 auto;padding:22px 26px 22px 48px;border-radius:22px;background:linear-gradient(160deg,#2a2e36,#121419);border:1px solid #3a404b;box-shadow:0 25px 60px rgba(0,0,0,.5);position:relative;}
.lu-handheld::before{content:"";position:absolute;left:14px;top:50%;width:10px;height:26px;margin-top:-13px;border-radius:4px;background:#0a0b0e;}
.lu-handheld img{border-radius:6px;width:100%;border:3px solid #050607;}

.lu-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:16px;align-items:stretch;margin-top:28px;}
.lu-flow .card p{margin:0;}
.lu-arrow{align-self:center;color:var(--accent);font-size:1.6rem;font-weight:800;}
.lu-figure img{border-radius:var(--radius);border:1px solid var(--border);}
.lu-figure figcaption{font-size:.8rem;color:var(--planned);margin-top:8px;}

.lu-status{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px;}
.lu-status ul{margin:10px 0 0;padding-left:18px;color:var(--text-muted);}
.lu-status li{margin:4px 0;}

@media (max-width:900px){
  .lu-points,.lu-status{grid-template-columns:1fr 1fr;}
  .lu-problem,.lu-devices{grid-template-columns:1fr;}
  .lu-flow{grid-template-columns:1fr;}
  .lu-arrow{transform:rotate(90deg);justify-self:center;}
}
@media (max-width:600px){
  .lu-points,.lu-status{grid-template-columns:1fr;}
  .lu-handheld{padding:14px 16px 14px 32px;}
}
.lu-phone img,.lu-handheld img,.lu-figure img{height:auto;}