.phone-mockup-wrapper{justify-content:center;align-items:center;padding:40px;display:flex;position:relative}.phone-mockup{background:linear-gradient(#050708 0%,#000 100%);border-radius:50px;width:310px;height:640px;padding:12px;position:relative;box-shadow:0 24px 60px #020a0e38,0 60px 120px #00000024}.phone-notch{z-index:1000;background:#000;border-radius:20px;width:88px;height:27px;position:absolute;top:24px;left:50%;transform:translate(-50%)}.phone-screen{background:radial-gradient(circle at 100% 0,#18c4c714 0%,#0000 26%),linear-gradient(#fff 0%,#fbfdff 100%);border-radius:38px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.phone-screen *{border:none!important;outline:none!important}.phone-header{color:#000;justify-content:space-between;align-items:center;height:44px;padding:0 28px;font-size:13px;font-weight:700;display:flex}.phone-icons-top{align-items:center;gap:4px;display:flex}.phone-signal{opacity:.8;background:linear-gradient(#0000 40%,#000 40% 60%,#0000 60% 80%,#000 80%);width:16px;height:10px}.phone-battery{border-radius:2px;width:20px;height:10px;position:relative;border:1px solid #000!important}.phone-battery:after{content:"";background:#000;position:absolute;inset:1px 2px}.phone-real-nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd1;justify-content:space-between;align-items:center;padding:10px 16px;display:flex;box-shadow:0 8px 22px #0f172a0a;border-bottom:1px solid #0f172a0d!important}.phone-real-logo strong{color:#12313a;letter-spacing:-.02em;font-family:Outfit,sans-serif;font-size:1rem;font-weight:800}.phone-real-avatar{color:#fff;background:linear-gradient(135deg,#4fa8b4 0%,#3f99a7 100%);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:flex;box-shadow:0 10px 20px #4fa8b440}.phone-content-area{flex:1;padding:20px 16px;overflow:hidden}.phone-dynamic-screen{width:100%;height:100%}.phone-screen svg{width:auto;height:auto;max-width:24px!important;max-height:24px!important}.endonsys-mock-header{margin-bottom:22px;box-shadow:none!important;background:0 0!important;padding:0!important}.endonsys-mock-header h2{letter-spacing:-.03em;color:#1e293b;margin:0 0 10px;font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:800}.mock-subcopy{color:#7b8ca1;margin:0 0 18px;font-size:.82rem;line-height:1.55}.endonsys-mock-welcome-stats{gap:12px;display:flex}.endonsys-mock-stat{border-radius:22px;flex:1;padding:16px;background:#ffffffe0!important;box-shadow:0 10px 24px #0f172a0a!important}.endonsys-mock-stat.teal{color:#fff;background:linear-gradient(135deg,#4ea5b1 0%,#4a9eab 100%)!important;box-shadow:0 18px 34px #49a2b047!important}.endonsys-mock-stat span{opacity:.62;letter-spacing:.08em;margin-bottom:6px;font-size:9px;font-weight:800;display:block}.endonsys-mock-stat h3{letter-spacing:-.04em;margin:0;font-size:1.75rem;font-weight:800}.endonsys-mock-stat small{opacity:.65;margin-top:5px;font-size:10px;display:block}.endonsys-mock-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:18px;display:grid}.endonsys-mock-grid-item{border-radius:22px;padding:16px;background:#ffffffeb!important;box-shadow:0 10px 24px #0f172a0a!important}.endonsys-mock-item-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.icon-badge{border-radius:11px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.icon-badge.mint{color:#049faa;background:#effcfb}.icon-badge.purple{color:#9b5de5;background:#faf5ff}.percent{color:#0f172a;font-size:.82rem;font-weight:800}.percent.purple{color:#7c3aed}.endonsys-mock-grid-item h2{color:#1e293b;letter-spacing:-.04em;margin:2px 0;font-size:1.75rem}.endonsys-mock-grid-item span{color:#94a3b8;font-size:10px;font-weight:800;display:block}.endonsys-mock-grid-item small{color:#a2b0c1;margin-top:6px;font-size:10px;display:block}.prd-badge{color:#7c3aed;letter-spacing:.06em;background:#f3f5ff;border-radius:999px;align-items:center;gap:4px;margin-bottom:10px;padding:5px 9px;font-size:8px;font-weight:800;display:inline-flex}.pra-date{color:#64748b;align-items:center;gap:6px;font-size:11px;display:flex}.pra-days{justify-content:space-between;gap:10px;margin:18px 0 24px;display:flex}.pra-day{background:#ffffffeb;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;width:54px;height:72px;display:flex;box-shadow:0 8px 18px #0f172a0d}.pra-day span{color:#94a3b8;margin-bottom:4px;font-size:8px;font-weight:700}.pra-day strong{color:#1e293b;font-size:1.1rem}.pra-day.active{color:#fff;background:linear-gradient(#1a233e 0%,#18213a 100%);box-shadow:0 16px 28px #18213a40}.pra-day.active span{color:#ffffff8c}.pra-day.active strong{color:#fff}.pra-empty{text-align:center;margin-top:56px}.pra-empty-icon{color:#d6dde8;margin-bottom:16px}.pra-empty h4{color:#1e293b;margin-bottom:8px;font-size:1.1rem;font-weight:800}.pra-empty p{color:#94a3b8;font-size:.86rem;line-height:1.5}.pra-fab{color:#fff;background:linear-gradient(135deg,#4fa8b4 0%,#489baa 100%);border-radius:20px;justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:absolute;bottom:30px;right:20px;box-shadow:0 18px 34px #4fa8b461}.prp-search{color:#94a3b8;background:#f4f6faf2;border-radius:18px;align-items:center;gap:10px;margin-bottom:20px;padding:13px 16px;font-size:14px;display:flex;box-shadow:inset 0 1px #ffffffd9}.prp-list{flex-direction:column;gap:12px;display:flex}.prp-patient{background:#fffffff2;border-radius:22px;align-items:center;gap:16px;padding:16px;display:flex;box-shadow:0 10px 22px #0f172a0a}.prp-avatar{border-radius:15px;justify-content:center;align-items:center;width:46px;height:46px;font-size:13px;font-weight:800;display:flex}.prp-info{flex:1}.prp-info strong{color:#1e293b;margin-bottom:7px;font-size:15px;font-weight:800;display:block}.prp-tags{flex-wrap:wrap;gap:6px;display:flex}.tag-blue,.tag-pink,.tag-neutral{border-radius:999px;padding:4px 10px;font-size:10px;font-weight:700;display:inline-block}.tag-blue{color:#3b82f6;background:#eff6ff}.tag-pink{color:#e11d48;background:#fff1f2}.prp-side{color:#cbd5e1;align-items:center;display:flex}.phone-home-indicator{opacity:.1;background:#000;border-radius:4px;width:104px;height:4px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.phone-screen{background:radial-gradient(circle at 86% 2%,#0bbfc324 0%,#0000 30%),radial-gradient(circle at 10% 32%,#eafaf9b8 0%,#0000 34%),linear-gradient(#fff 0%,#f7fcfc 100%)}.phone-screen:before{content:"";pointer-events:none;background-image:linear-gradient(#0bbfc309 1px,#0000 1px),linear-gradient(90deg,#0bbfc309 1px,#0000 1px);background-size:26px 26px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 18% 82%,#0000);mask-image:linear-gradient(#0000,#000 18% 82%,#0000)}.phone-header{color:#061a20;height:40px;padding:0 27px;font-size:12px}.phone-real-nav{z-index:2;background:#ffffffbd;padding:9px 16px 11px;position:relative;box-shadow:0 1px #0f172a0b,0 14px 24px #0f172a0a}.phone-real-logo strong{letter-spacing:.02em;color:#07353b;font-family:Manrope,Outfit,sans-serif;font-size:.94rem}.phone-real-avatar{background:radial-gradient(circle at 35% 25%,#ffffff57,#0000 40%),linear-gradient(135deg,#14c7c9 0%,#2c8f9a 100%);width:30px;height:30px;box-shadow:0 12px 24px #14c7c93d}.phone-content-area{z-index:1;padding:17px 17px 28px;position:relative}.phone-dynamic-screen{position:relative}.endonsys-mock-header{margin-bottom:14px}.endonsys-mock-header h2{letter-spacing:-.045em;color:#0d1c2e;font-family:Manrope,Outfit,sans-serif;font-size:1.55rem;line-height:1.04}.endonsys-mock-header h2 span{color:#229ca8}.prd-badge{color:#20aeb6;background:#e5fafaeb;gap:5px;margin-bottom:12px;padding:5px 9px;box-shadow:inset 0 1px #fffc}.prd-badge.purple{color:#8b5cf6;background:#f6f0ffe6}.endonsys-mock-welcome-stats{gap:10px}.endonsys-mock-stat,.endonsys-mock-grid-item,.prp-patient{background:linear-gradient(#fffffff5,#ffffffc7)!important;box-shadow:inset 0 1px #ffffffe6,0 12px 28px #0d2a300e!important}.endonsys-mock-stat{border-radius:18px;padding:14px}.endonsys-mock-stat.teal{background:radial-gradient(circle at 80% 20%,#ffffff3d,#0000 36%),linear-gradient(135deg,#18bfc3 0%,#3e9da8 100%)!important;box-shadow:0 18px 34px #18bfc33d!important}.endonsys-mock-stat span,.endonsys-mock-grid-item span{color:#7f92a5}.mock-progress-card{background:#e8fafabd;border-radius:18px;margin-top:11px;padding:12px;box-shadow:inset 0 1px #fffc}.mock-progress-card>div:first-child{justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px;display:flex}.mock-progress-card span{color:#5b7580;font-size:10px;font-weight:850}.mock-progress-card strong{color:#07353b;font-size:12px}.mock-progress-track{background:#ffffffe0;border-radius:999px;height:6px;overflow:hidden}.mock-progress-track span{border-radius:inherit;background:linear-gradient(90deg,#13c4c7,#74e2dc);width:78%;height:100%;animation:3.8s ease-in-out infinite phone-progress-flow;display:block}.endonsys-mock-grid{gap:10px;margin-top:12px}.endonsys-mock-grid-item{border-radius:18px;padding:13px}.endonsys-mock-grid-item h2{font-size:1.48rem}.mock-quick-list{gap:8px;margin-top:11px;display:grid}.mock-quick-item{background:#ffffffc7;border-radius:15px;grid-template-columns:44px 1fr;align-items:center;column-gap:10px;min-height:42px;padding:9px 12px;display:grid;box-shadow:0 8px 18px #0d2a300a}.mock-quick-item span{color:#0a747b;font-size:11px;font-weight:900}.mock-quick-item strong{color:#112436;font-size:12px;display:block}.mock-quick-item em{color:#7c8fa0;grid-column:2;margin-top:1px;font-size:10px;font-style:normal}.mock-quick-item.is-live{background:#e5fafad1}.pra-days{gap:8px;margin:16px 0 18px}.pra-day{border-radius:17px;width:51px;height:66px;box-shadow:inset 0 1px #ffffffe6,0 9px 20px #0d2a300d}.pra-day.active{background:radial-gradient(circle at 70% 15%,#ffffff24,#0000 36%),linear-gradient(#083c43 0%,#062c34 100%);box-shadow:0 16px 28px #062c3438}.pra-empty{text-align:left;background:linear-gradient(#ffffffe6,#f8fefec7);border-radius:20px;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:12px;min-height:78px;margin-top:16px;padding:13px 15px;display:grid;box-shadow:inset 0 1px #ffffffe6,0 10px 24px #0d2a300b}.pra-empty-icon{color:#12bdc2;background:radial-gradient(circle at 35% 24%,#ffffffe6,#0000 42%),#daf9f8f5;border-radius:999px;place-items:center;width:38px;height:38px;margin-bottom:0;display:grid;box-shadow:0 0 0 7px #0bbfc30f}.pra-empty-icon svg{width:21px!important;height:21px!important}.pra-empty h4{color:#0d1c2e;letter-spacing:-.02em;margin:0 0 3px;font-size:.9rem;line-height:1.05}.pra-empty p{color:#8195a9;max-width:170px;margin:0;font-size:.72rem;line-height:1.35}.pra-timeline{gap:8px;margin-top:10px;display:grid}.pra-line-item{background:#ffffffc7;border-radius:15px;grid-template-columns:44px 1fr;align-items:center;gap:10px;padding:10px 11px;display:grid;box-shadow:0 8px 18px #0d2a300a}.pra-line-item span{color:#0a747b;font-size:10px;font-weight:900}.pra-line-item strong{color:#112436;font-size:12px;display:block}.pra-line-item em{color:#7c8fa0;font-size:10px;font-style:normal}.pra-line-item.active{background:#e5fafadb}.pra-fab{background:radial-gradient(circle at 32% 24%,#ffffff57,#0000 38%),linear-gradient(135deg,#16c4c8 0%,#449daa 100%);border-radius:19px;width:54px;height:54px;bottom:24px;right:18px}.prp-search{background:#f6f8fceb;border-radius:18px;margin-bottom:12px}.prp-summary{grid-template-columns:1fr 1fr;gap:9px;margin-bottom:12px;display:grid}.prp-summary span{color:#7890a1;background:#e5fafaad;border-radius:16px;flex-direction:column;justify-content:center;gap:2px;min-height:48px;padding:8px 12px;font-size:10px;font-weight:800;display:flex}.prp-summary strong{color:#082f36;font-size:16px}.prp-list{gap:9px}.prp-patient{border-radius:20px;min-height:70px;padding:13px}.prp-patient.compact{min-height:58px}.prp-avatar{border-radius:14px;width:43px;height:43px}.prp-avatar.teal{color:#2581d9;background:#dff3ff}.prp-avatar.pink{color:#dd315f;background:#ffe6ec}.prp-avatar.mint{color:#069aa1;background:#dff8f6}.tag-blue,.tag-pink,.tag-neutral{padding:4px 9px;font-size:9px}.tag-neutral{color:#0a747b;background:#edf7f6}.phone-screen-tabs{z-index:5;gap:5px;display:flex;position:absolute;bottom:19px;left:50%;transform:translate(-50%)}.phone-screen-tabs span{background:#082f3621;border-radius:999px;width:5px;height:5px;transition:width .28s cubic-bezier(.16,1,.3,1),background .28s}.phone-screen-tabs .active{background:#13c4c7;width:18px}@keyframes phone-progress-flow{0%,to{transform:translate(-4%)}50%{transform:translate(5%)}}@media (prefers-reduced-motion:reduce){.mock-progress-track span{animation:none}}