.care-demo{background:#eee9d5;padding:85px max(5vw,24px) 30px;position:relative;color:#252b22;overflow:hidden}
.care-demo-heading{max-width:1320px;margin:auto}.care-demo-heading .eyebrow{font-size:13px}.care-demo-heading h2{font-size:clamp(36px,4.2vw,64px);line-height:1.02;margin:20px 0;letter-spacing:-.04em}.care-demo-heading>p{font-size:18px;color:#626858;line-height:1.6}
.care-demo-layout{max-width:1180px;margin:-170px auto 0;display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:8vw}
.care-demo-stage{position:relative;align-self:end;height:590px;margin-top:170px;background:radial-gradient(ellipse at 50% 70%,#d4dcb27a,transparent 66%)}
.care-demo-model{position:absolute;inset:0;cursor:pointer}.care-demo-model canvas{display:block;width:100%;height:100%}.care-demo-model>img{height:85%;width:100%;object-fit:contain;position:absolute;bottom:6%}.care-demo-model.ready>img{display:none}
.care-demo-badge{position:absolute;left:50%;bottom:38px;transform:translateX(-50%);white-space:nowrap;background:#f9f7edec;padding:12px 20px;border:1px solid #d4d7c5;border-radius:12px;font-size:14px;pointer-events:none}.care-demo-caption{position:absolute;bottom:0;width:100%;text-align:center;font-size:12px;letter-spacing:.13em;color:#6c725f}
.care-demo-phone{position:relative;background:#faf8ee;border:9px solid #252922;border-radius:49px;max-width:365px;width:100%;min-height:620px;padding:26px 23px 38px;box-shadow:14px 28px 50px #29331e20;justify-self:center}
.care-demo-island{position:absolute;top:12px;left:50%;transform:translateX(-50%);height:21px;width:86px;background:#252922;border-radius:20px}.care-demo-phone-head{display:flex;justify-content:space-between;gap:12px;padding-top:24px;font-size:11px;font-weight:700}.care-demo-progress{display:flex;gap:6px;margin:23px 0 30px}.care-demo-progress span{height:4px;background:#e0e3d2;flex:1;border-radius:4px}.care-demo-progress .complete{background:#51994a}
.care-demo-kicker{font-size:11px;font-weight:700;letter-spacing:.09em;color:#648148;display:block}.care-demo-content h3{font-size:34px;line-height:1.07;letter-spacing:-.04em;margin:17px 0}.care-demo-content p{font-size:15px;line-height:1.55;color:#626858;margin:17px 0}.care-demo-content h4{font-size:17px;margin:24px 0 14px}.care-demo-content button{font:inherit;font-size:15px;font-weight:600;background:#51994a;color:#fff;border:1px solid transparent;border-radius:13px;padding:16px 14px;width:100%;display:flex;justify-content:space-between;gap:10px;text-align:left;cursor:pointer;margin-top:12px;transition:background .2s}.care-demo-content button:hover{background:#3d7b37}.care-demo-content button:focus-visible{outline:3px solid #263e26;outline-offset:4px}.care-demo-content button:disabled{opacity:.5;cursor:wait}.care-demo-content .secondary{background:transparent;border-color:#89917c;color:#333d29}.care-demo-content .secondary:hover{background:#e7ecd8}.care-demo-note{font-size:13px;line-height:1.6;background:#e9edd8;padding:15px;border-radius:14px;margin:20px 0}.care-demo-note.success{color:#397b34}.care-demo-content .care-demo-feedback{font-size:13px;color:#705d2c;background:#f5edcc;border-radius:12px;padding:12px}.care-demo-home{position:absolute;bottom:12px;left:35%;right:35%;height:4px;border-radius:4px;background:#252922}
.care-demo-disclaimer{max-width:760px;margin:40px auto 0;text-align:center;font-size:12px;line-height:1.6;color:#6c725f}
.care-demo-progress[hidden]{display:none}.care-demo-progress[hidden]+.care-demo-content{margin-top:28px}.care-demo-camera{height:165px;background:#e9edd8;border:1px solid #cbd3b8;border-radius:18px;position:relative;overflow:hidden}.care-demo-camera img{height:140px;width:100%;object-fit:contain;margin-top:4px}.care-demo-camera span{position:absolute;bottom:9px;left:0;right:0;text-align:center;font-size:10px;letter-spacing:.1em;color:#597045}.care-demo-content .care-demo-camera-note{font-size:12px;line-height:1.45;margin:12px 0 0;color:#73796a}
@media(max-width:900px){.care-demo-layout{margin:20px auto 0;gap:25px}.care-demo-stage{margin-top:0;height:510px}.care-demo-heading h2{font-size:42px}.care-demo-phone{padding:25px 19px 36px}}
@media(max-width:650px){.care-demo{padding:55px 20px 28px}.care-demo-heading h2{font-size:35px}.care-demo-heading>p{font-size:16px}.care-demo-layout{grid-template-columns:1fr;gap:22px}.care-demo-stage{height:340px;width:100%;margin-top:0}.care-demo-phone{max-width:350px;min-height:570px}.care-demo-content h3{font-size:31px}.care-demo-badge{font-size:12px;padding:10px 14px}.care-demo-disclaimer{margin-top:28px}}
.care-demo-content button{position:relative}
.care-click-cue{position:absolute;right:12px;bottom:-16px;font-size:30px;line-height:1;color:#fff;filter:drop-shadow(0 2px 2px #20351d80);pointer-events:none;animation:care-tap 1.6s ease-in-out infinite}
.care-click-cue::before{content:'';position:absolute;left:4px;top:-5px;width:24px;height:24px;border:2px solid #fff;border-radius:50%;animation:care-ripple 1.6s ease-out infinite}
.care-demo-content button:has(.care-click-cue){margin-bottom:38px}
.care-click-cue::after{content:'Click me';position:absolute;right:38px;top:15px;white-space:nowrap;padding:8px 13px;border:1px solid #bfd1a8;border-radius:11px;background:#e9edda;color:#304e29;font:700 13px/1.2 'DM Sans',Arial,sans-serif;letter-spacing:.02em;box-shadow:0 3px 8px #253d2014}
@media(pointer:coarse){.care-click-cue::after{content:'Tap me'}}
.care-demo-content button:disabled .care-click-cue{display:none}
.care-demo-content .care-guide-note,.care-demo-content .care-unlocked{font-size:13px;line-height:1.5;color:#537844;margin-top:23px}
@keyframes care-ripple{0%{transform:scale(.5);opacity:1}80%,100%{transform:scale(2.1);opacity:0}}
@keyframes care-tap{0%,100%{transform:translateY(4px)}45%{transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.care-click-cue,.care-click-cue::before{animation:none}.care-click-cue::before{display:none}}