/* Shared mobile presentation — the viewport never grows with page content. */
.mobile-showcase{min-height:100svh;background:#f2f6f3;color:#193c2d;padding:0 clamp(24px,5vw,84px);font-family:Inter,Arial,sans-serif}
.showcase-header{height:94px;max-width:1320px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #dce7df}.showcase-brand{display:flex;gap:10px;align-items:center;font-size:25px;font-weight:750;letter-spacing:-1px}.showcase-brand img{width:32px;height:42px;object-fit:contain}.showcase-brand em{font-style:normal;font-weight:400;color:#719080}.showcase-header nav{display:flex;gap:5px;background:#e5eee8;padding:4px;border-radius:12px}.showcase-header nav a{padding:9px 21px;border-radius:9px;font-size:12px;color:#587464}.showcase-header nav .selected{color:#155535;background:white;box-shadow:0 2px 6px #183b2910;font-weight:650}.showcase-desktop{display:flex;gap:12px;align-items:center;font-size:12px;font-weight:600}.showcase-desktop svg{width:18px;height:18px}.showcase-layout{max-width:1200px;min-height:calc(100svh - 94px);margin:auto;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:8%;padding:24px 0}.showcase-story{max-width:560px}.showcase-story .eyebrow{font-size:10px;letter-spacing:.17em;margin-bottom:20px}.showcase-story h1{font-size:clamp(36px,4vw,58px);line-height:1.06;letter-spacing:-.055em;font-weight:650;margin:0 0 24px}.showcase-lead{font-size:15px;line-height:1.8;color:#6a8073;max-width:440px;margin:0 0 24px}.showcase-sections{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:440px}.showcase-sections button{display:flex;gap:10px;align-items:center;min-height:46px;padding:11px 14px;background:#fff8;border:1px solid #dce7df;border-radius:10px;color:#5b7567;font-size:12px;text-align:left}.showcase-sections button svg{width:17px;height:17px;flex:none}.showcase-sections button svg:last-child{width:13px;margin-left:auto;opacity:.55}.showcase-sections button.selected{background:#e0f1e6;color:#086b43;border-color:#a8d7ba;font-weight:600}.showcase-sections button:hover{background:#e8f2ec;border-color:#a2bfad}.showcase-note{display:flex;gap:11px;margin-top:28px}.showcase-dot{width:7px;height:7px;border-radius:50%;background:#139467;margin-top:6px}.showcase-note b{font-size:12px;font-weight:600}.showcase-note p{font-size:11px;line-height:1.8;color:#83978a;margin:5px 0 0}.device-stage{display:flex;flex-direction:column;align-items:center;position:relative}.device-island i{display:block;width:7px;height:7px;margin:10px 12px 0 auto;border-radius:50%;background:#142329;box-shadow:inset 0 0 0 2px #0b1920}.device-caption{display:flex;gap:13px;align-items:center;justify-content:center;font-size:10px;color:#4d6c5b;margin:16px 0 0}.device-caption span{color:#91a396;font-size:8px;letter-spacing:.12em}.mobile-embedded{min-width:0!important}.mobile-embedded #app{min-height:100dvh}.mobile-embedded .phone-mode{padding:0;min-height:100dvh;display:block}.mobile-embedded .phone{width:100%;height:100dvh;min-height:0;max-height:100dvh;border:0;border-radius:0;box-shadow:none;padding:0}.phone-status{flex-shrink:0}.mobile-embedded .phone-status{height:51px;padding:20px 25px 0;font-size:11px}.phone-status svg{width:15px;height:15px}.phone-top{flex-shrink:0}.phone-content{min-height:0;overscroll-behavior:contain;scrollbar-width:none}.phone-content::-webkit-scrollbar{display:none}.mobile-embedded .phone-content{padding:18px 20px 22px;flex:1;overflow-y:auto}.mobile-embedded .phone-nav{position:relative;inset:auto;flex:none;height:76px;padding:10px 8px 21px}.phone-nav button{min-height:44px;min-width:44px;align-content:center;gap:5px}.phone-top button{min-width:38px;min-height:38px;display:grid;place-items:center;border-radius:10px}.phone-top button:hover{background:#e8f3ec}.phone-top strong{font-size:14px}.phone-content .club-card h2{font-size:30px;margin:15px 0 8px}.phone-content .card{box-shadow:0 5px 18px #193d2a04}.phone-content .card .btn{margin-bottom:0}.phone-content .card p{font-size:12px}.embedded-system{padding-top:50px;background:#f7faf8}.embedded-system .sidebar{top:50px;bottom:20px}.embedded-system .topbar{top:0;padding:0 16px!important}.embedded-system .topbar .user-chip{display:none}.embedded-system .topbar .top-actions{margin-left:auto}.embedded-system .page{padding-bottom:36px!important}.embedded-system .modal-back{padding-top:60px}.embedded-system .sidebar-close{top:6px}
.phone-conversation .phone-content{display:flex;flex-direction:column;overflow:hidden;padding:0!important}.conversation-identity{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid #e4ece7;background:#f7faf8;flex:none}.conversation-identity>img{width:31px;height:40px;object-fit:contain;background:#e6f3ec;border-radius:8px;padding:4px}.conversation-identity b{font-size:13px}.conversation-identity small{display:flex;gap:5px;align-items:center;font-size:9px;color:#799084;margin-top:5px}.conversation-identity small i{width:5px;height:5px;background:#179c68;border-radius:50%}.conversation-identity button{border:0;background:transparent;margin-left:auto;color:#648674;padding:9px;display:grid;place-items:center}.conversation-identity button svg{width:19px;height:19px}.conversation-log{flex:1;min-height:0;overflow-y:auto;padding:14px 17px;scrollbar-width:thin;scrollbar-color:#d3e2d8 transparent;display:flex;flex-direction:column;gap:11px;overscroll-behavior:contain}.conversation-day{font-size:8px!important;letter-spacing:.13em;text-align:center;margin:0 0 3px;color:#91a297!important}.conversation-bubble{max-width:91%;padding:11px 13px;border-radius:15px;flex:none}.conversation-bubble p{margin:0;font-size:12px;line-height:1.65;color:#274336}.conversation-bubble time{font-size:8px;color:#87a091;display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:6px}.conversation-bubble time svg{width:10px;height:10px}.from-patient{align-self:flex-end;background:#dff0e7;border-bottom-right-radius:4px}.from-assistant{align-self:flex-start;background:white;border:1px solid #e1eae4;border-bottom-left-radius:4px}.from-assistant time{justify-content:flex-start}.conversation-request{flex:none;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e0e9e3;padding:12px;border-radius:12px;text-align:left;color:#284e39}.conversation-request>svg{width:19px;height:19px;flex:none;color:#b67b27}.conversation-request>svg:last-child{margin-left:auto;width:14px;color:#789283}.conversation-request b{display:block;font-size:11px}.conversation-request small{display:block;font-size:9px;color:#8c9c92;margin-top:4px}.conversation-composer{flex:none;display:flex;gap:8px;padding:10px 15px 13px;border-top:1px solid #e1eae4;background:#f7faf8;align-items:center}.conversation-composer textarea{min-width:0;flex:1;height:42px;max-height:90px;resize:none;border:1px solid #d9e6dd;border-radius:12px;background:white;padding:12px 11px;font-size:11px;color:#274336;outline:none;line-height:1.5}.conversation-composer textarea:focus{border-color:#69a484}.conversation-composer button{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:12px;border:0;background:#08794e;color:white}.conversation-composer button:disabled{background:#e3ede7;color:#9ab0a2;cursor:default}.conversation-composer button svg{width:18px;height:18px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:820px){.mobile-showcase{padding-inline:20px}.showcase-header{height:74px;gap:10px}.showcase-brand{font-size:20px}.showcase-brand img{width:25px;height:34px}.showcase-header nav a{padding:8px 12px;font-size:11px}.showcase-desktop{display:none}.showcase-layout{display:flex;flex-direction:column;gap:28px;padding-block:32px}.showcase-story{width:100%;max-width:440px}.showcase-story h1{font-size:38px;margin-bottom:16px}.showcase-story .eyebrow{font-size:9px;margin-bottom:14px}.showcase-lead{font-size:13px;margin-bottom:18px}.showcase-note{margin-top:18px}.phone-mode{padding:0!important}.phone{height:100dvh!important;min-height:0!important;max-height:100dvh!important;border:0!important;border-radius:0!important;box-shadow:none!important;width:100%!important}.phone-content{padding:18px 18px 24px!important;overflow:auto;min-height:0}.phone-nav{position:relative!important;inset:auto!important;flex:none;height:76px!important;padding:10px 8px 21px!important}.phone-status{height:34px}.phone-top{height:52px}.phone-conversation .phone-content{padding:0!important;overflow:hidden}.mobile-embedded .phone-status{height:51px}}

.device-island i{margin-top:8px}.embedded-system:before{content:'9:41';position:fixed;top:21px;left:27px;font-size:13px;font-weight:650;z-index:4}.embedded-system .metric-note{max-width:100%;line-height:1.6}.embedded-system .metric-card{min-height:145px}.embedded-system .page-heading h1{font-size:29px!important}.phone-conversation .conversation-bubble p{font-size:15px;line-height:1.6}.phone-conversation .conversation-bubble time{font-size:10px}.phone-conversation .conversation-identity b{font-size:16px}.phone-conversation .conversation-identity small{font-size:11px}.phone-conversation .conversation-composer textarea{font-size:14px;height:48px;padding-top:13px}.phone-conversation .conversation-composer button{width:46px;height:46px}.conversation-request b{font-size:13px}.conversation-request small{font-size:11px}.conversation-bubble{padding:13px 16px}.conversation-identity{padding-block:18px}.phone-content .eyebrow{font-size:10px!important}
@media(max-width:820px){}
.mobile-embedded .phone-content p{font-size:15px}.mobile-embedded .phone-content h1{font-size:32px}.mobile-embedded .phone-content h2{font-size:22px}.mobile-embedded .phone-content .mobile-row b{font-size:16px}.mobile-embedded .phone-content .mobile-row small{font-size:13px}.mobile-embedded .phone-content .btn{font-size:14px;min-height:48px}.mobile-embedded .phone-top strong{font-size:17px}.mobile-embedded .phone-nav button{font-size:12px}.mobile-embedded .phone-nav svg{width:24px;height:24px}.mobile-embedded .phone-content .club-card h2{font-size:36px}.mobile-embedded .phone-content .club-card{min-height:190px}.embedded-system .metric-label{font-size:15px}.embedded-system .metric-note{font-size:12px}.embedded-system .metric-value{font-size:34px}.embedded-system .metric-card{min-height:180px;padding:16px}.embedded-system .page-heading p{font-size:14px}.embedded-system .btn{font-size:14px;min-height:46px}.embedded-system .panel h2{font-size:21px}.embedded-system .panel-sub{font-size:13px}.embedded-system .attention b{font-size:14px}.embedded-system .attention small{font-size:12px}

.phone[data-view='app/home'] .phone-top [data-action=app-back]{visibility:hidden}

/* Fixed screen geometry: all pages render at 440 × 956, then scale together. */
.device-frame{box-sizing:border-box;width:min(400px,max(260px,calc((100svh - 210px)*.46)));padding:9px;border:3px solid #949d99;border-radius:50px;background:#101715;position:relative;flex:none;box-shadow:0 0 0 1px #c8d0cc,0 28px 65px -24px #16382c65}
.device-screen{position:relative;width:100%;aspect-ratio:440 / 956;border-radius:38px;overflow:hidden;background:#f7faf8;isolation:isolate}
.device-frame iframe{display:block;position:absolute;inset:0;width:440px;height:956px;border:0;border-radius:0;transform-origin:top left;background:#f7faf8}
.device-island{position:absolute;left:50%;top:1.2%;transform:translateX(-50%);width:28%;height:3.1%;background:#080c0b;border-radius:30px;z-index:5;pointer-events:none}
.device-home{position:absolute;bottom:1%;left:50%;transform:translateX(-50%);width:32%;height:4px;background:#193c2d;border-radius:8px;z-index:5;pointer-events:none}
.device-frame:before,.device-frame:after{content:'';position:absolute;background:#89938e;border-radius:3px;z-index:-1;width:3px}
.device-frame:before{left:-5px;top:20%;height:13%}.device-frame:after{right:-5px;top:26%;height:9%}
.device-model{margin:18px 0 0;font-size:12px;font-weight:650;letter-spacing:-.01em;color:#365c48}
.device-model span{display:block;text-align:center;font-size:10px;font-weight:400;color:#82988a;margin-top:5px}
.device-caption{margin-top:10px}
.showcase-brand,.showcase-header a{text-decoration:none}
.showcase-sections button:focus-visible{outline:3px solid #71bfa1;outline-offset:3px}
.mobile-embedded{height:100dvh;overflow:hidden!important}
.mobile-embedded #app{height:100dvh;min-height:0}
.embedded-system{padding-top:0}
/* The status area is outside this scroller; the shared sticky topbar uses top:0. */
.embedded-system #app{height:calc(100dvh - 50px);margin-top:50px;scroll-padding-top:84px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}
.embedded-system #app::-webkit-scrollbar{display:none}
.embedded-system .shell{min-height:100%}
@media(max-width:820px){.device-frame{width:min(380px,calc(100vw - 56px))}.device-stage{padding-bottom:20px}.showcase-layout{gap:32px}.showcase-note{margin-top:18px}}