.care-demo{display:grid;grid-template-columns:minmax(0,.7fr) minmax(520px,1.3fr);gap:7vw;padding:115px max(5vw,24px);overflow:hidden;background:#07120f;color:#fff}
.care-demo-copy{align-self:center}.care-demo-copy .seo-eyebrow{color:#9bad9f}.care-demo-copy h2{max-width:690px;margin:0;font-size:clamp(42px,5vw,72px);font-weight:500;line-height:.98;letter-spacing:-.055em}.care-demo-copy>p:not(.seo-eyebrow){max-width:610px;margin:28px 0 0;color:#b4c2b9;font-size:17px;line-height:1.7}.care-demo-progress{height:3px;margin-top:38px;overflow:hidden;background:#2b3a33}.care-demo-progress i{display:block;width:100%;height:100%;background:#d9ff65;transform-origin:left;animation:careProgress 30s linear infinite}
.care-demo-stage{position:relative;min-width:0}.care-demo-phone{position:relative;width:100%;min-height:610px;border:1px solid rgba(255,255,255,.16);border-radius:26px;background:#0c1a15 url('/assets/cinematic-qr-scan.webp') center/cover no-repeat;box-shadow:0 55px 110px rgba(0,0,0,.42);overflow:hidden}.care-demo-phone::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,18,15,.78),rgba(7,18,15,.08) 48%,rgba(7,18,15,.3));pointer-events:none}.care-demo-top{position:absolute;z-index:7;left:20px;right:20px;top:18px;height:45px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid rgba(255,255,255,.16);border-radius:13px;background:rgba(7,18,15,.82);backdrop-filter:blur(14px);color:#fff}.care-demo-top b{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#d9ff65;color:#07110e;font-family:Georgia,serif}.care-demo-top span{font-size:10px;font-weight:800;letter-spacing:.13em}.care-demo-top small{margin-left:auto;color:#9fb0a6}
.care-demo-screen{position:absolute;z-index:4;inset:82px 24px 24px;overflow:hidden;border-radius:18px;opacity:0;box-shadow:0 28px 70px rgba(0,0,0,.32);animation-duration:30s;animation-iteration-count:infinite}.care-demo-screen>*{position:relative;z-index:2}.care-screen-qr{display:flex;align-items:flex-end;padding:34px;background:linear-gradient(180deg,transparent 30%,rgba(7,18,15,.9));color:#fff;animation-name:careQr}.care-screen-qr .care-qr{display:none}.care-screen-qr .care-demo-kicker{position:absolute;left:34px;bottom:112px;color:#d9ff65;font-size:10px;font-weight:800;letter-spacing:.14em}.care-screen-qr h3{margin:0 0 35px;font-size:42px;line-height:1}.care-screen-qr p{position:absolute;left:34px;bottom:24px;margin:0;color:#d1dbd5}
.care-screen-report{background:#f2f0e8 url('/assets/ui-nl-defect.webp') center/contain no-repeat;animation-name:careReport}.care-screen-report>*{display:none}
.care-screen-done{display:grid;place-content:center;text-align:center;padding:40px;background:rgba(240,242,233,.97);color:#07110e;animation-name:careDone}.care-demo-check{display:grid;place-items:center;width:96px;height:96px;margin:auto;border-radius:50%;background:#d9ff65;font-size:45px;font-weight:900}.care-screen-done h3{margin:24px 0 8px;font-size:38px;line-height:1;letter-spacing:-.04em}.care-screen-done p{color:#58675e}.care-status{display:inline-flex;align-items:center;justify-content:center;gap:9px;margin:22px auto 0;padding:12px 16px;border-radius:999px;background:#dce6dd;font-size:12px;font-weight:700}.care-status i{width:8px;height:8px;border-radius:50%;background:#4d7c35}
.care-finger{position:absolute;z-index:8;width:34px;height:34px;border:3px solid #fff;border-radius:50%;background:#d9ff65;box-shadow:0 6px 22px rgba(0,0,0,.34);font-size:0;line-height:0;text-indent:-9999px;overflow:hidden;color:transparent;opacity:0;animation:carePointer 30s ease-in-out infinite}.care-finger::before,.care-finger::after{content:'';position:absolute;inset:-3px;border:2px solid rgba(217,255,101,.9);border-radius:50%;opacity:0}.care-finger::after{inset:8px;border:0;background:#07110e;opacity:1}.care-demo-captions{display:flex;justify-content:center;gap:30px;margin:22px 0 0;padding:0;list-style:none;color:#a9bbb1;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.13em}
@keyframes careProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes careQr{0%,29%{opacity:1;transform:none}32%,100%{opacity:0;transform:scale(.98)}}
@keyframes careReport{0%,29%{opacity:0;transform:translateY(18px)}32%,69%{opacity:1;transform:none}72%,100%{opacity:0;transform:scale(.98)}}
@keyframes careDone{0%,69%{opacity:0;transform:translateY(18px)}72%,96%{opacity:1;transform:none}100%{opacity:0}}
@keyframes carePointer{0%,34%{left:74%;top:72%;opacity:0}38%{left:17%;top:31%;opacity:1}48%{left:37%;top:31%}58%{left:73%;top:73%}61%{transform:scale(.78)}64%{transform:scale(1)}68%,100%{opacity:0}}
@media(max-width:980px){.care-demo{grid-template-columns:1fr}.care-demo-copy{max-width:760px}.care-demo-phone{min-height:570px}}
@media(max-width:620px){.care-demo{grid-template-columns:minmax(0,1fr);width:100%;max-width:100%;padding:82px 20px;gap:50px}.care-demo-copy,.care-demo-stage{width:100%;max-width:100%;overflow:hidden}.care-demo-phone{min-height:480px;border-radius:19px}.care-demo-screen{inset:74px 14px 14px}.care-screen-qr{padding:24px}.care-screen-qr .care-demo-kicker{left:24px;bottom:102px}.care-screen-qr h3{font-size:34px}.care-screen-qr p{left:24px}.care-screen-done h3{font-size:32px}.care-demo-top{left:12px;right:12px;top:12px}.care-demo-captions{gap:16px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.care-demo-progress i,.care-demo-screen,.care-finger{animation-play-state:paused}.care-screen-qr{opacity:1}.care-finger{display:none}}