:root{--teal:#078b88;--teal-dark:#056d6b;--teal-soft:#e8f7f6;--ink:#202a2f;--muted:#65747a;--line:#dce7e6;--paper:#fff;--warm:#f5f2ec}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Montserrat,Arial,sans-serif;color:var(--ink);background:#f7f9f8}button,a{font:inherit}.topbar{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,80px);background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);font-weight:700;font-size:20px}.brand-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:var(--teal);color:#fff;font-size:15px}.mode-switch{display:flex;background:#eef3f2;border-radius:999px;padding:5px;gap:4px}.mode{border:0;border-radius:999px;background:transparent;color:#69777a;padding:11px 18px;display:flex;gap:8px;align-items:center;cursor:pointer;font-size:13px;font-weight:600;transition:.25s}.mode.active{background:#fff;color:var(--teal-dark);box-shadow:0 5px 18px rgba(22,67,66,.12)}.mode-icon{font-size:18px}
.view{min-height:calc(100vh - 86px);padding:clamp(45px,7vh,90px) clamp(24px,6vw,96px);animation:appear .45s ease}.view[hidden],#patient-view[hidden],#admin-view[hidden]{display:none!important}.view.active{display:grid}#patient-view{grid-template-columns:minmax(320px,580px) minmax(360px,590px);gap:clamp(35px,7vw,110px);align-items:center;justify-content:center;background:radial-gradient(circle at 78% 18%,#fff 0 19%,transparent 46%),linear-gradient(135deg,#f5f1ea,#e8f5f4)}
.eyebrow{font-size:12px;letter-spacing:.2em;color:var(--teal);font-weight:700}.hero-copy h1,.admin-heading h1{font-size:clamp(48px,6vw,86px);line-height:.98;letter-spacing:-.055em;margin:18px 0 26px}.hero-copy>p,.admin-heading>p{font-size:17px;line-height:1.7;color:var(--muted);max-width:570px}.benefit-row{display:flex;flex-wrap:wrap;gap:9px;margin:30px 0}.benefit-row span{border:1px solid #cfe1df;background:#ffffffa3;padding:10px 14px;border-radius:999px;font-size:12px;font-weight:600}.screen-copy{margin-top:38px;border-top:1px solid #bfd4d2;padding-top:25px;display:flex;gap:17px;max-width:520px}.screen-copy>span{color:var(--teal);font-weight:700;font-size:12px}.screen-copy h2{margin:0 0 8px;font-size:20px}.screen-copy p{margin:0;color:var(--muted);line-height:1.55;font-size:14px}
.phone-area{display:grid;grid-template-columns:50px minmax(280px,390px) 50px;align-items:center;justify-content:center;gap:15px}.phone{position:relative;padding:11px;border-radius:45px;background:#151b1d;box-shadow:0 40px 95px rgba(29,57,59,.25)}.speaker{position:absolute;z-index:5;left:35%;top:6px;width:30%;height:22px;background:#151b1d;border-radius:0 0 15px 15px}.phone-screen{position:relative;overflow:hidden;border-radius:35px;aspect-ratio:921/2048;background:#fff}.phone-screen img{display:block;width:100%;height:100%;object-fit:cover;transition:opacity .18s,transform .28s}.phone-hotnav{position:absolute;left:2.5%;right:2.5%;bottom:.3%;height:8.3%;display:grid;grid-template-columns:repeat(5,1fr)}.phone-hotnav button{border:0;background:transparent;cursor:pointer}.round-arrow{width:46px;height:46px;border-radius:50%;border:1px solid #cbd9d8;background:#fff;color:var(--teal-dark);font-size:27px;cursor:pointer;box-shadow:0 8px 25px rgba(31,73,72,.08)}.round-arrow:hover{transform:translateY(-2px)}.mobile-dots{display:none}
#admin-view{background:#fff;display:block}.admin-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;max-width:1450px;margin:0 auto 35px}.admin-heading h1{font-size:clamp(42px,5vw,72px);margin-bottom:0}.admin-heading>p{max-width:530px;margin-bottom:7px}.admin-tabs{max-width:1450px;margin:0 auto 28px;display:flex;gap:8px;overflow:auto;padding-bottom:2px}.admin-tab{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px 18px;color:#617073;cursor:pointer;font-size:13px;font-weight:600}.admin-tab span{margin-right:8px;color:var(--teal)}.admin-tab.active{background:var(--teal);border-color:var(--teal);color:#fff}.admin-tab.active span{color:#fff}.admin-layout{max-width:1450px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 325px;gap:30px;align-items:stretch}.browser-frame{border:1px solid #d8e2e1;background:#eef3f2;border-radius:20px;overflow:hidden;box-shadow:0 25px 60px rgba(39,67,68,.12)}.browser-bar{height:48px;background:#fff;border-bottom:1px solid #e1e8e7;display:flex;align-items:center;padding:0 17px;gap:7px;color:#84908f;font-size:11px}.browser-bar i{width:9px;height:9px;border-radius:50%;background:#d8dfde}.browser-bar span{margin-left:12px}.admin-image-wrap{height:100%;min-height:515px;display:grid;place-items:center;overflow:auto;background:#edf2f1;padding:10px}.admin-image-wrap img{max-width:100%;max-height:72vh;object-fit:contain;display:block;transition:opacity .18s,transform .28s}.feature-card{background:var(--ink);color:#fff;border-radius:20px;padding:34px;display:flex;flex-direction:column;min-height:520px}.feature-card>span{font-size:11px;color:#71d5d1;letter-spacing:.12em;font-weight:700}.feature-card h2{font-size:28px;line-height:1.15;margin:22px 0 16px}.feature-card p{color:#bcc8ca;font-size:14px;line-height:1.65}.feature-card ul{list-style:none;padding:0;margin:20px 0}.feature-card li{padding:12px 0 12px 23px;border-bottom:1px solid #ffffff17;font-size:13px;position:relative}.feature-card li:before{content:'✓';position:absolute;left:0;color:#63d3cf;font-weight:700}.admin-arrows{margin-top:auto;display:flex;gap:10px}.admin-arrows button{width:44px;height:44px;border-radius:50%;border:1px solid #ffffff30;background:transparent;color:#fff;cursor:pointer;font-size:18px}.admin-arrows button:hover{background:#ffffff12}
.closing{text-align:center;padding:100px 24px;background:linear-gradient(145deg,#10282a,#092022);color:#fff}.closing h2{font-size:clamp(36px,5vw,66px);line-height:1.08;letter-spacing:-.045em;margin:20px auto;max-width:950px}.closing p{max-width:720px;margin:0 auto;color:#b9cbcc;line-height:1.7}.cta{margin-top:34px;border:0;border-radius:999px;background:#fff;color:var(--teal-dark);padding:16px 27px;font-weight:700;cursor:pointer;box-shadow:0 12px 35px rgba(0,0,0,.2)}
.modal{position:fixed;inset:0;display:none;place-items:center;background:#102425bf;backdrop-filter:blur(8px);z-index:40;padding:22px}.modal.show{display:grid}.modal-card{position:relative;max-width:440px;background:#fff;border-radius:25px;padding:38px;text-align:center;box-shadow:0 35px 90px #0005}.modal-close{position:absolute;right:15px;top:10px;border:0;background:transparent;font-size:28px;cursor:pointer}.modal-symbol{width:58px;height:58px;border-radius:17px;background:var(--teal);color:#fff;display:grid;place-items:center;margin:0 auto 20px;font-weight:700}.modal-card h2{margin:0 0 14px;font-size:25px}.modal-card p{color:var(--muted);font-size:14px;line-height:1.65}.modal-ok{border:0;border-radius:999px;background:var(--teal);color:#fff;padding:13px 25px;font-weight:700;cursor:pointer}
@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:1050px){#patient-view{grid-template-columns:1fr;justify-items:center;text-align:center}.hero-copy{max-width:700px}.hero-copy>p,.screen-copy{margin-left:auto;margin-right:auto}.benefit-row{justify-content:center}.phone-area{margin-top:15px}.admin-layout{grid-template-columns:1fr}.feature-card{min-height:auto}.admin-heading{align-items:start;flex-direction:column;gap:8px}.admin-image-wrap{min-height:400px}}
@media(max-width:700px){.topbar{height:auto;min-height:70px;padding:12px 14px;align-items:center}.brand span:last-child{display:none}.mode-switch{width:calc(100% - 55px)}.mode{flex:1;justify-content:center;padding:10px 7px;font-size:11px}.mode-icon{display:none}.view{padding:28px 14px;min-height:auto}#patient-view{display:block;background:#fff}.hero-copy{display:none}.phone-area{display:block;margin:0}.phone{padding:0;border-radius:0;background:#fff;box-shadow:none;width:100%}.speaker,.round-arrow{display:none}.phone-screen{border-radius:0;aspect-ratio:921/2048}.phone-screen img{object-fit:contain}.mobile-dots{display:flex;justify-content:center;gap:7px;margin:15px 0}.mobile-dots button{width:7px;height:7px;border:0;border-radius:50%;padding:0;background:#c6d2d1}.mobile-dots button.active{background:var(--teal);width:20px;border-radius:5px}#admin-view{padding-top:34px}.admin-heading{display:block}.admin-heading h1{font-size:42px}.admin-heading>p{font-size:14px}.admin-tabs{margin-top:25px}.admin-layout{display:block}.browser-frame{border-radius:13px}.browser-bar{height:37px}.admin-image-wrap{min-height:0;display:flex;align-items:center;justify-content:center;padding:7px;overflow:hidden}.admin-image-wrap img{display:block;width:100%;max-width:100%;height:auto;max-height:none;object-fit:contain}.feature-card{margin-top:14px;border-radius:15px;padding:25px;min-height:0}.feature-card h2{font-size:23px}.closing{padding:70px 18px}.closing h2{font-size:38px}}