:root{--ink:#213b32;--green:#245c4b;--muted:#7b8981;--line:#e4e9e2;--sage:#edf2e8;--lime:#ddebcc;--bg:#f7f8f5;--lavender:#eee9f7}*{box-sizing:border-box}body{margin:0;background:#ecf0e8;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}button,a,input,textarea{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #adbe8e;outline-offset:3px}a{color:inherit;text-decoration:none}.showcase-header{display:flex;align-items:center;justify-content:space-between;max-width:1380px;margin:0 auto;padding:33px 50px}.brand{font-weight:750;font-size:29px;letter-spacing:-1.6px;display:flex;align-items:center}.brandmark{display:inline-grid;place-items:center;width:30px;height:30px;margin-right:10px;font-size:31px;color:#f2f7e9;background:var(--green);border-radius:10px;line-height:1}.brand-dot{color:#96b078}.version,.prototype-label,.overline{font-size:10px;letter-spacing:1.8px}.version{color:#8a958b}.prototype-label{border:1px solid #d1dacd;border-radius:30px;padding:11px 16px;letter-spacing:.3px;font-size:11px}.prototype-label i{display:inline-block;width:6px;height:6px;background:#80a46a;border-radius:50%;margin-right:5px}.stage{max-width:1230px;margin:5px auto 25px;display:grid;grid-template-columns:1fr 450px 30px;gap:60px;align-items:center;padding:0 35px}.story{padding:15px 0}.overline{font-weight:600;color:#7e9470;display:block}.story h1{font-size:clamp(45px,5.6vw,76px);line-height:1.08;font-weight:500;letter-spacing:-4px;margin:24px 0}.lead{font-size:18px;line-height:1.7;color:#748277;margin:0 0 29px}.platform-switch{display:inline-flex;gap:5px;background:#e1e7dc;border-radius:40px;padding:5px}.platform-switch button{padding:11px 27px;font-size:12px;border-radius:30px}.platform-switch .selected{background:white;box-shadow:0 2px 5px #263a2110}.tour{max-width:350px;margin-top:40px}.tour>.overline{font-size:9px;margin-bottom:12px}.tour button{display:flex;gap:17px;align-items:center;width:100%;text-align:left;padding:16px 0;border-bottom:1px solid #d6ded2;font-size:13px}.tour button b{font-size:10px;color:#8b9e7f;font-weight:500}.tour button>span:last-child{margin-left:auto}.design-note{display:flex;align-items:center;gap:15px;margin-top:30px}.design-note>span{font-size:27px;color:#87a66e}.design-note p{font-size:11px;line-height:1.7;color:#7a8977}.design-note strong{font-weight:500;color:#4c644e}.disclaimer{max-width:320px;font-size:10px;line-height:1.8;color:#879080;margin-top:24px}.device-area{padding:10px 0}.device{position:relative;width:390px;height:816px;background:var(--bg);border:8px solid #253d33;border-radius:51px;margin:auto;box-shadow:0 0 0 2px #a7b2a0,0 30px 65px -20px #1e392450;overflow:hidden}.device:after{content:'';position:absolute;inset:0;pointer-events:none;border:1px solid #fff6;border-radius:41px}.device.android{border-radius:35px;border-width:7px}.device.android:after{border-radius:27px}.statusbar{height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 27px;font-size:12px;font-weight:650;position:relative}.notch{position:absolute;left:50%;top:8px;transform:translateX(-50%);width:99px;height:25px;background:#20322b;border-radius:20px}.android .notch{width:12px;height:12px;top:12px}.status-icons{font-size:10px;letter-spacing:.5px}.app-shell{height:calc(100% - 43px);display:flex;flex-direction:column;position:relative;overflow:hidden}.demo-strip{text-align:center;color:#91a084;font-size:7px;letter-spacing:1.25px;height:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.app-content{overflow-y:auto;scrollbar-width:none;padding:14px 23px 24px;flex:1;min-height:0}.app-content::-webkit-scrollbar{display:none}.topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.mini-brand{font-size:21px;font-weight:750;letter-spacing:-1px}.icon{width:21px;height:21px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}.icon-btn{width:38px;height:38px;display:inline-grid;place-items:center;border:1px solid var(--line);background:#fff;border-radius:50%;position:relative}.notif-dot{position:absolute;width:5px;height:5px;background:#98ac77;border-radius:50%;right:11px;top:8px;border:1px solid white}.greeting{color:var(--muted);font-size:12px;margin:0 0 7px}.app-content h1{font-size:29px;letter-spacing:-1.3px;line-height:1.16;margin:0 0 21px;font-weight:650}.app-content h2{font-size:16px;letter-spacing:-.3px;margin:0}.app-content h3{font-size:14px;margin:0 0 6px;letter-spacing:-.2px}.app-content p{font-size:12px;line-height:1.6;color:var(--muted)}.hero{background:var(--green);color:#f2f7ed;border-radius:22px;padding:21px;position:relative;overflow:hidden;margin-bottom:24px}.hero:before,.hero:after{content:'';position:absolute;width:140px;height:140px;border:1px solid #d4e6ba22;border-radius:50%;right:-40px;top:-35px}.hero:after{width:190px;height:190px;right:-65px;top:-60px}.hero .eyebrow{font-size:8px;letter-spacing:1.2px;color:#c1d5ae}.hero h2{font-size:23px;font-weight:500;line-height:1.25;letter-spacing:-.7px;margin:12px 0 9px;position:relative}.hero p{font-size:11px;color:#c5d5c6;max-width:180px;margin:0 0 20px}.hero .hero-icon{position:absolute;right:22px;top:60px;color:#d2e3b4}.hero-icon .icon{width:50px;height:50px;stroke-width:1}.hero button{background:#deedc9;color:#28513b;border-radius:12px;display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 14px;font-size:12px;font-weight:600;position:relative}.hero button .icon{width:17px;height:17px}.section-title{display:flex;align-items:center;justify-content:space-between;margin:22px 0 13px}.section-title button{font-size:10px;color:#7e936c;padding:4px 0}.doctor-card{background:white;border:1px solid var(--line);border-radius:17px;padding:15px;display:flex;gap:12px;align-items:center;text-align:left;width:100%}.avatar{width:51px;height:57px;display:grid;place-items:center;background:#e8eddf;border-radius:15px;font-family:Georgia,serif;font-size:23px;color:#557343;flex-shrink:0;position:relative}.avatar.large{width:86px;height:96px;font-size:38px;border-radius:24px;margin:8px auto 16px}.doctor-card p{margin:4px 0;font-size:10px}.doctor-card .tiny{color:#8aa072;font-size:9px}.doctor-card>.icon{margin-left:auto;width:16px;color:#9aa793}.appointment-card{background:#eeebf5;border:1px solid #e6e0ef;border-radius:17px;padding:16px}.appointment-card .head{display:flex;align-items:center;gap:9px;font-size:10px;color:#776a8e}.appointment-card .head .icon{width:15px;height:15px}.appointment-card h3{margin:14px 0 3px}.appointment-card p{margin:0;font-size:10px}.appointment-card .row{margin-top:15px;display:flex;align-items:center;justify-content:space-between;font-size:10px}.appointment-card button{font-size:10px;background:#fff9;color:#6b587f;padding:9px 12px;border-radius:9px}.small-note{font-size:9px!important;line-height:1.6!important;color:#939c90!important;margin-top:15px!important}.nav-bottom{display:flex;background:#fff;border-top:1px solid var(--line);padding:10px 10px 4px;flex-shrink:0;justify-content:space-around}.nav-bottom button{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:62px;font-size:9px;color:#9ba49b;padding:4px 7px}.nav-bottom button .icon{width:20px;height:20px}.nav-bottom button.active{color:var(--green)}.nav-bottom button.active .icon-wrap{background:#edf3e5}.icon-wrap{padding:4px 14px;border-radius:20px}.home-indicator{height:21px;background:white;flex-shrink:0;position:relative}.home-indicator:after{content:'';width:105px;height:4px;position:absolute;left:50%;top:8px;transform:translateX(-50%);border-radius:5px;background:#283a31}.android .home-indicator:after{height:3px;width:80px}.device-caption{width:390px;display:flex;justify-content:space-between;margin:19px auto 0;font-size:9px;color:#879780;letter-spacing:.4px}.side-caption{writing-mode:vertical-rl;display:flex;gap:20px;font-size:9px;letter-spacing:3px;color:#9eac95;align-self:center}.showcase-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:1280px;margin:25px auto 0;border-top:1px solid #dbe2d5;padding:23px 25px;font-size:9px;color:#90a083;letter-spacing:1px}.showcase-footer button{font-size:10px;letter-spacing:0}.page-head{display:flex;align-items:center;gap:12px;margin:0 0 21px}.page-head strong{font-size:14px}.page-head .icon-btn{width:32px;height:32px;border-radius:11px}.subheading{margin:0 0 18px;font-size:12px;color:var(--muted)}.white-card{background:white;border:1px solid var(--line);border-radius:17px;padding:17px;margin-bottom:14px}.row{display:flex;align-items:center;justify-content:space-between;gap:8px}.badge{font-size:9px;padding:5px 9px;border-radius:20px;background:#e8efdf;color:#6e885b;display:inline-flex;align-items:center;gap:5px}.badge.purple{background:var(--lavender);color:#8a759c}.badge.gray{background:#eef0ed;color:#8b928a}.price{font-size:25px;letter-spacing:-1px;font-weight:650}.muted{color:var(--muted);font-size:10px}.primary{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--green);color:white;border-radius:12px;padding:14px 16px;width:100%;font-size:12px;font-weight:600;min-height:44px}.secondary{border:1px solid #d8e2d0;border-radius:12px;padding:12px 14px;font-size:12px;width:100%;margin-top:10px;background:white;color:var(--green)}.text-button{font-size:11px;color:#7c8e71;display:block;margin:16px auto 0;text-decoration:underline;text-underline-offset:4px}.days{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:16px 0 23px}.day{background:white;border:1px solid var(--line);border-radius:13px;padding:12px 2px;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:9px;color:#829078}.day b{font-size:21px;font-weight:600;color:var(--ink)}.day.selected{background:var(--green);border-color:var(--green);color:#b4c9a7}.day.selected b{color:white}.slots{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:14px 0 21px}.slot{border:1px solid var(--line);background:white;border-radius:10px;padding:12px 4px;font-size:11px}.slot.selected{background:#deebcf;border-color:#9db385;color:var(--green)}.info-bar{font-size:10px;padding:12px;background:#edf2e7;border-radius:10px;line-height:1.6;color:#7a8b6b;margin:16px 0}.stepper{display:flex;gap:5px;margin-bottom:19px}.stepper span{height:3px;flex:1;background:#e4eadd;border-radius:3px}.stepper span.on{background:#7d9a63}.booking-summary{border-top:1px solid var(--line);padding-top:17px;margin-top:15px}.booking-summary .row{margin-bottom:15px}.form{display:grid;gap:14px}label{font-size:11px;display:grid;gap:7px}input,textarea{font:inherit;font-size:12px;border:1px solid #dce3d6;background:white;padding:12px;border-radius:10px;min-width:0;width:100%;color:var(--ink)}textarea{min-height:85px;resize:vertical}.checkbox{display:flex;align-items:flex-start;font-size:10px;line-height:1.6;color:var(--muted)}.checkbox input{width:16px;height:16px;flex-shrink:0;margin:0 4px 0 0;accent-color:var(--green)}.success-icon{display:grid;place-items:center;margin:25px auto 20px;width:73px;height:73px;border-radius:50%;background:var(--lime);color:var(--green)}.success-icon .icon{width:33px;height:33px}.center{text-align:center}.center h1{margin-bottom:12px}.center .subheading{line-height:1.6}.success-illustration{padding:20px 0}.filter-tabs{display:flex;gap:5px;background:#eaf0e4;padding:4px;border-radius:12px;margin:18px 0}.filter-tabs button{flex:1;padding:10px 4px;font-size:11px;border-radius:9px;color:#8a9880}.filter-tabs button.active{background:white;color:var(--green);box-shadow:0 2px 5px #263a2108}.appointment-list .white-card{padding:16px}.appointment-list h3{margin-top:13px}.date-line{display:flex;align-items:center;gap:8px;font-size:11px;margin:15px 0;color:#839079}.date-line .icon{width:15px;height:15px}.appointment-actions{display:flex;gap:7px}.appointment-actions .secondary{margin:0;font-size:10px}.appointment-actions .primary{font-size:10px;padding:10px;min-height:40px}.video-screen{background:var(--green);border-radius:21px;min-height:290px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#edf3e5;position:relative;padding:20px;margin-bottom:15px;overflow:hidden}.video-screen .avatar{background:#ffffff12;color:#d8eac7;width:80px;height:88px;font-size:32px;margin-bottom:17px}.video-screen h2{font-size:20px;font-weight:500}.video-screen p{font-size:10px;color:#bacdb2;text-align:center}.video-screen .badge{background:#ffffff15;color:#d4e6c8;position:absolute;top:16px;left:16px;font-size:8px}.video-controls{display:flex;justify-content:center;gap:17px;margin:20px 0}.video-controls button{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#e8eee1}.video-controls button.hangup{background:#bd786c;color:white}.history-item{display:flex;gap:12px;margin-top:17px;border-top:1px solid var(--line);padding-top:16px}.history-icon{width:37px;height:42px;background:var(--lavender);border-radius:11px;display:grid;place-items:center;color:#9a87af;flex-shrink:0}.history-item p{margin:3px 0;font-size:10px}.history-item button{font-size:10px;padding:8px 0;color:var(--green)}.profile-header{text-align:center;padding:10px 0 20px}.profile-header h2{font-size:21px}.profile-header p{font-size:11px;margin:6px 0}.setting{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid var(--line);font-size:12px;width:100%;text-align:left}.setting .icon:last-child{margin-left:auto;width:15px;color:#a2ae99}.setting>span{flex:1}.setting:last-child{border:0}.doctor-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:19px 0}.doctor-stats>div{padding:17px;background:#e7efdb;border-radius:16px;font-size:10px;color:#7b8c6b}.doctor-stats>div:last-child{background:var(--lavender);color:#8e7ba1}.doctor-stats strong{display:block;font-size:29px;font-weight:550;margin-top:7px;letter-spacing:-1px;color:var(--ink)}.timeline-row{display:flex;gap:10px;margin-bottom:14px}.timeline-time{font-size:10px;color:#87967b;min-width:35px;padding-top:18px}.timeline-row .white-card{flex:1;margin:0;min-width:0}.timeline-row h3{font-size:12px}.timeline-row p{font-size:10px;margin:5px 0 10px}.timeline-row button{font-size:10px;color:var(--green);padding:0}.empty{padding:40px 10px;text-align:center}.empty .icon{width:35px;height:35px;color:#9baa8f}.empty h3{margin-top:20px}.profile-details .row{font-size:11px;border-bottom:1px solid var(--line);padding:14px 0}.profile-details .row:last-child{border:0}.entry{font-size:11px;line-height:1.7;color:#7c8a73;white-space:pre-wrap;overflow-wrap:anywhere}.entry strong{color:var(--ink)}dialog{border:0;border-radius:22px;padding:26px;width:340px;max-width:90vw;color:var(--ink);box-shadow:0 25px 70px #1b372840}dialog::backdrop{background:#16352866;backdrop-filter:blur(3px)}dialog h2{font-size:20px;letter-spacing:-.5px;margin:0 0 12px}dialog p{font-size:12px;line-height:1.7;color:var(--muted)}#toast{display:none;position:fixed;bottom:35px;left:50%;transform:translateX(-50%);background:var(--green);color:white;max-width:90vw;padding:14px 22px;border-radius:12px;font-size:12px;z-index:100;box-shadow:0 5px 30px #0002}.native .presentation{height:100dvh}.native .showcase-header,.native .story,.native .side-caption,.native .showcase-footer,.native .device-caption,.native .statusbar{display:none}.native .stage,.native .device-area{padding:0;margin:0;display:block;max-width:none}.native .device{height:100dvh;width:100%;border:0;border-radius:0;box-shadow:none}.native .device:after{display:none}.native .app-shell{height:100%;padding-top:env(safe-area-inset-top)}.native .home-indicator{height:env(safe-area-inset-bottom)}.native .home-indicator:after{display:none}@media(max-width:1000px) and (min-width:701px){.stage{gap:25px;grid-template-columns:1fr 390px}.side-caption{display:none}.story h1{font-size:52px;letter-spacing:-2.7px}.showcase-header{padding:25px 30px}.version{display:none}.stage{padding:0 30px}.device{width:374px}.device-caption{width:374px}}@media(max-width:700px){body{background:var(--bg)}.showcase-header,.story,.side-caption,.showcase-footer,.device-caption,.statusbar{display:none}.stage,.device-area{display:block;padding:0;margin:0;max-width:none}.device,.device.android{width:100%;height:100dvh;border:0;border-radius:0;box-shadow:none}.device:after{display:none}.app-shell{height:100%;padding-top:env(safe-area-inset-top)}.app-content{padding:17px 24px 25px}.demo-strip{height:23px;font-size:8px;background:#edf2e6}.home-indicator{height:max(12px,env(safe-area-inset-bottom))}.home-indicator:after{display:none}.nav-bottom{padding-bottom:7px}.nav-bottom button{font-size:10px}.nav-bottom button .icon{width:22px;height:22px}.hero{padding:24px}.hero h2{font-size:25px}.hero p{font-size:12px}.doctor-card{padding:17px}.doctor-card h3{font-size:15px}.doctor-card p{font-size:11px}.app-content h1{font-size:31px}.appointment-card{padding:19px}.appointment-card p,.appointment-card .row{font-size:11px}.slot{min-height:44px}#toast{bottom:95px}.app-content{scroll-behavior:smooth}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}