/* Crematory portal: Live View TV + CareCenter Operator app */
.lv-sec{position:relative;overflow:hidden;padding:110px 0 120px;background:radial-gradient(1200px 600px at 50% -10%,#0e4f78 0%,#06304b 55%,#041f33 100%);color:#e6f3fb}
.lv-sec .kicker{color:#7fd3f7}
.lv-sec h2{color:#fff}
.lv-sec .lead{color:#bcd8ea;max-width:760px;margin:18px auto 0}
.lv-head{text-align:center}
.lv-wall{position:relative;max-width:1060px;margin:56px auto 0;padding:0 10px}
.lv-tv{position:relative;background:#0b0f14;border-radius:18px;padding:14px;box-shadow:0 0 0 1px rgba(255,255,255,.06) inset,0 50px 90px rgba(0,0,0,.55),0 0 120px rgba(0,155,221,.18)}
.lv-tv:after{content:"";position:absolute;left:50%;bottom:6px;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:#2fd36b;box-shadow:0 0 8px #2fd36b}
.lv-screen{position:relative;aspect-ratio:16/9;border-radius:6px;overflow:hidden;background:#f1f4f7}
.lv-screen img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.lv-screen img.b{animation:lvfade 14s infinite}
@keyframes lvfade{0%,42%{opacity:0}50%,92%{opacity:1}100%{opacity:0}}
.lv-glare{position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.10) 0%,rgba(255,255,255,0) 38%);pointer-events:none}
.lv-mount{width:180px;height:16px;margin:0 auto;background:linear-gradient(#1b232c,#0d1218);border-radius:0 0 8px 8px;box-shadow:0 18px 30px rgba(0,0,0,.4)}
.lv-badge{position:absolute;top:-16px;left:28px;display:inline-flex;align-items:center;gap:8px;background:#fff;color:#003f60;font-weight:700;font-size:14px;padding:8px 14px;border-radius:999px;box-shadow:0 12px 30px rgba(0,0,0,.3);z-index:2}
.lv-badge i{width:9px;height:9px;border-radius:50%;background:#e5383b;box-shadow:0 0 0 4px rgba(229,56,59,.18);animation:lvpulse 1.6s infinite}
@keyframes lvpulse{50%{box-shadow:0 0 0 8px rgba(229,56,59,0)}}
.lv-pager{position:absolute;bottom:-2px;right:28px;background:#009bdd;color:#fff;font-weight:700;font-size:14px;padding:8px 14px;border-radius:999px;z-index:2;box-shadow:0 12px 30px rgba(0,0,0,.3)}
.lv-pager span{display:inline-block;min-width:1ch}

.lv-cols{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:46px auto 0;max-width:980px}
.lv-cols span{font-size:14.5px;font-weight:600;color:#dff1fb;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);padding:8px 14px;border-radius:999px}
.lv-points{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1060px;margin:46px auto 0}
.lv-points div{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:26px 24px}
.lv-points b{display:block;color:#fff;font-size:18px;margin-bottom:8px}
.lv-points p{color:#bcd8ea;font-size:15.5px;line-height:1.55;margin:0}
.lv-note{text-align:center;color:#8fb3c9;font-size:13.5px;margin-top:26px}

.op-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center}
.op-copy p.op-lead{font-size:17px;margin-top:16px}
.op-feats{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:30px}
.op-feat{background:#fff;border-radius:18px;padding:20px 20px 18px;box-shadow:var(--shadow-soft)}
.op-feat .ic{width:40px;height:40px;border-radius:12px;background:#e3f4fc;display:grid;place-items:center;margin-bottom:12px}
.op-feat .ic svg{width:22px;height:22px;fill:none;stroke:#007cb3;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.op-feat h3{font-size:16.5px;color:#00517a;margin:0 0 6px}
.op-feat p{font-size:14.5px;line-height:1.5;margin:0;color:var(--body)}
.op-stores{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.op-stores a{display:inline-flex;align-items:center;gap:10px;background:#0f2a3d;color:#fff;text-decoration:none;font-weight:600;font-size:14.5px;padding:11px 18px;border-radius:12px}
.op-stores a small{display:block;font-weight:500;font-size:11.5px;opacity:.75;line-height:1}
.op-stores a svg{width:20px;height:20px;fill:#fff}
.op-stage{position:relative;height:620px}
.op-phone{position:absolute;margin:0;width:255px;border-radius:36px;border:9px solid #0f2a3d;background:#0f2a3d;overflow:hidden;box-shadow:0 30px 70px rgba(0,40,70,.32)}
.op-phone img{display:block;width:100%;height:auto;border-radius:27px}
.op-phone.back{left:6%;top:0;transform:rotate(-5deg);opacity:.96}
.op-phone.front{right:4%;top:30px;width:275px;z-index:2}
.op-proof{position:absolute;left:-4%;bottom:0;z-index:3;margin:0;width:78%;max-width:520px;background:#fff;border-radius:18px;padding:12px 12px 10px;box-shadow:0 26px 60px rgba(0,40,70,.25)}
.op-proof img{display:block;width:100%;height:auto;border-radius:10px}
.op-proof figcaption{font-size:14px;line-height:1.45;color:#52677a;padding:8px 4px 0}
.op-proof figcaption b{color:#00517a}
.op-photo{margin-top:70px;display:grid;grid-template-columns:auto 1fr;gap:36px;align-items:center;background:linear-gradient(120deg,#00517a,#007cb3);color:#e6f4fb;border-radius:28px;padding:40px 44px}
.op-photo .cam{width:84px;height:84px;border-radius:24px;background:rgba(255,255,255,.12);display:grid;place-items:center}
.op-photo .cam svg{width:44px;height:44px;fill:none;stroke:#fff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.op-photo h3{color:#fff;font-size:24px;margin:0 0 10px}
.op-photo p{margin:0;font-size:16px;line-height:1.6;color:#d6ecf8}
.op-photo ul{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:18px 0 0}
.op-photo li{font-size:14px;font-weight:600;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);padding:7px 13px;border-radius:999px;color:#fff}
@media (max-width:1100px){.op-grid{gap:40px}.op-phone{width:220px}.op-phone.front{width:240px}.op-stage{height:560px}}
@media (max-width:900px){.op-grid{grid-template-columns:1fr}.op-stage{max-width:560px;margin:0 auto;width:100%}.lv-points{grid-template-columns:1fr}}
@media (max-width:760px){
.lv-sec{padding:72px 0 80px}
.lv-wall{margin-top:40px;padding:0}
.lv-tv{padding:7px;border-radius:10px}
.lv-mount{width:110px;height:10px}
.lv-badge,.lv-pager{font-size:12px;padding:6px 11px}.lv-badge{top:-14px}.lv-pager{bottom:-6px}
.lv-badge{left:12px}.lv-pager{right:12px}
.lv-cols{gap:8px;margin-top:34px}.lv-cols span{font-size:13px;padding:7px 11px}
.lv-points div{padding:20px}
.op-feats{grid-template-columns:1fr}
.op-stage{height:auto;display:flex;flex-direction:column;align-items:center}
.op-phone{position:relative;left:auto!important;right:auto!important;top:auto!important}
.op-phone.back{display:none}
.op-phone.front{width:230px;transform:none}
.op-proof{position:relative;left:auto;margin-top:-56px;width:100%;max-width:100%}
.op-photo{grid-template-columns:1fr;padding:28px 24px;gap:18px;margin-top:48px}
.op-photo .cam{width:64px;height:64px}.op-photo h3{font-size:21px}
}
@media (prefers-reduced-motion:reduce){.lv-screen img.b{animation:none;opacity:0}.lv-badge i{animation:none}}