/* Doctor Online teleconsultation platform · enterprise visual system and clinical workflows */
:root {--ink:#172f49;--forest:#173d65;--muted:#64758a;--paper:#f8fafc;--sage:#edf2f8;--sage-dark:#d3dfed;--line:#dce4ee;--white:#fff;--serif:var(--sans);--sans:Inter,'Avenir Next',Avenir,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--blue:#2563eb}
body {font-size:14px;color:var(--ink);background:#fff}
h1, h2, h3 {font-family:var(--sans);font-style:normal;font-weight:650;letter-spacing:-.045em}
h1 {font-size:clamp(58px,5.6vw,80px);line-height:1.1}
h2 {font-size:clamp(37px,3.4vw,49px);line-height:1.15}
h1 em, h2 em, .phone-panel h3 em {font-family:var(--sans);font-style:normal;font-weight:650;letter-spacing:inherit}
.heading-accent {font-family:inherit;font-style:normal;color:inherit}
.eyebrow {font-size:10px;letter-spacing:1.6px;color:#34638d;font-weight:650}
.tiny-cross {display:none}
.section-wrap {max-width:1400px}
.section-space {padding-block:96px}
.announcement {background:#112b46;color:#dbe7f3;min-height:34px;font-size:10px}
.announcement button {color:#b9d3f9}
.preview-label {font-size:9px}
.status-dot {background:#5ba7d9;box-shadow:none}
.site-header {background:#ffffffed;border-bottom:1px solid #e8edf3;backdrop-filter:blur(18px);padding-block:24px}
.site-header.scrolled {background:#fffffff5;padding-block:17px;box-shadow:0 4px 18px #152e4508}
.desktop-nav {font-size:12px;gap:26px}
.brand {font-size:25px;letter-spacing:-1.1px}
.brand small {color:#6b8198;letter-spacing:2px;font-size:6px}
.brand-mark {transform:none;width:34px;height:34px;border-radius:8px;background:#eaf1fb;display:grid;place-items:center}
.brand-mark::before, .brand-mark::after {content:'';position:absolute;background:var(--blue);border-radius:1px;width:18px;height:6px}
.brand-mark::after {transform:rotate(90deg)}
.brand-mark i {display:none}
.button {border-radius:5px;font-weight:550;padding:15px 20px;font-size:11px}
.button-dark {background:var(--blue);color:white}
.button-dark:hover {background:#1c50c5;box-shadow:0 5px 15px #2563eb18}
.button-small {font-size:10px;padding:12px 16px}
.button-text {color:#37536e;font-weight:550;padding-inline:0}
.play-circle {border-color:#c8d5e3}
.icon-button {color:#34506b}
.hero {padding-top:58px;padding-bottom:75px;gap:6%;min-height:680px}
.hero .eyebrow {color:#34638d;font-size:9px;letter-spacing:1.5px;margin-bottom:24px}
.hero-description {max-width:415px;font-size:14px;line-height:1.85;margin-top:26px}
.hero-buttons {margin-top:30px;gap:25px}
.hero-buttons .button-text {font-size:11px}
.hero-footnote {margin-top:40px}
.hero-footnote p {font-size:9px;color:#6b7e92}
.hero-footnote strong {color:#314e6a}
.mini-symbol {background:#edf3fc;border-radius:6px;width:35px}
.mini-symbol svg {color:#4477bb;width:23px}
.hero-footnote-divider {background:#dce4ee}
.hero-visual {height:515px;margin-left:0;margin-right:0}
.hero-photo {inset:0 0 14px 0;border-radius:8px;background:#e7edf0}
.hero-photo img {object-position:center 35%}
.hero-photo-shade {background:linear-gradient(transparent,#122f4c99)}
.photo-caption {bottom:25px;font-size:10px;left:25px}
.floating-care {left:-25px;top:62px;border:1px solid #e6ebf1;border-radius:6px;padding:15px 18px;box-shadow:0 8px 28px #172f4910;animation:none}
.floating-care>span:nth-child(2) {font-size:10px}
.floating-care strong {font-size:12px;font-weight:600}
.floating-icon {border-radius:6px;background:#edf4fd;color:#326fbb}
.floating-order {bottom:-7px;left:42px;right:-15px;border:1px solid #e1e8f0;box-shadow:0 9px 30px #172f4910;border-radius:6px;padding:17px;animation:none}
.floating-order strong {font-size:11px;font-weight:600}
.floating-order span {font-size:9px}
.order-check {border-radius:6px;background:#e8f1fd;color:#3071c2;width:35px;height:35px}
.care-strip {background:#f6f8fb;border-color:#e5ebf2}
.care-strip-inner {padding-block:27px;gap:20px}
.care-strip-inner>div {font-size:10px;gap:11px}
.care-strip-inner>div svg {color:#44769f}
.care-strip p {font-size:10px}
.care-strip strong {color:#28445f}
.section-heading h2 {font-size:45px}
.section-heading p {font-size:12px;line-height:1.9}
.section-heading-aside p {margin-bottom:10px}
.demo-caption {font-size:9px;color:#8594a4}
.filter-tabs button {font-size:11px;padding:9px 15px;border-radius:5px}
.filter-tabs button.active {background:#eaf1fe;color:#245fba}
.filter-tabs button:not(.active):hover {background:#f0f4f9}
.filter-tabs span {color:inherit}
.directory-toolbar {padding-bottom:18px;margin-bottom:26px}
.text-link {font-size:11px;color:#315d91}
.text-link:hover {color:var(--blue)}
.doctor-photo {border-radius:6px;background:#f5f5f0}
.doctor-tag {font-size:8px;background:#fffffff2;color:#627487;border-radius:4px;padding:5px 8px}
.doctor-title {font-size:14px;font-weight:600;letter-spacing:-.2px}
.doctor-description {font-size:11px}
.doctor-category {font-size:8px;color:#72859a;letter-spacing:.9px}
.directory-bottom {border-color:#e2e8f0}
.directory-bottom p {font-size:10px}
.directory-bottom svg {color:#708aa5}
.care-section {gap:10%}
.care-photo {height:510px}
.care-photo>img {border-radius:8px;object-position:40% center}
.care-photo-note {border:1px solid #e7edf2;border-radius:6px;background:#ffffffef;padding:19px}
.care-photo-note svg {color:#4276af}
.care-photo-note strong {font-weight:600}
.care-content h2 {font-size:45px}
.care-content>p {font-size:13px;line-height:1.9}
.care-feature h3 {font-size:14px;font-weight:600;letter-spacing:-.2px}
.care-feature p {font-size:11px}
.care-feature>span {color:#4c78a6}
.care-content>.text-link {margin-top:28px}
.journey-section {background:#f4f7fb;padding-block:76px}
.journey-section .section-heading h2 {font-size:45px}
.journey-step {border-color:#d9e3ef}
.journey-step>svg {color:#427bb5}
.journey-step h3 {font-size:16px;font-weight:600;letter-spacing:-.4px}
.journey-step p {font-size:12px;color:#6d7f92}
.step-index {color:#6f8dad}
.ecosystem-section {background:#fff}
.ecosystem-card {border-color:#dce5ef;border-radius:7px;padding:29px;box-shadow:0 4px 16px #152f4903}
.ecosystem-card:hover {background:#f8fbff;transform:translateY(-4px);border-color:#b7cfe9}
.ecosystem-icon {border-radius:7px;background:#ecf2fc;color:#316eb3}
.card-number {color:#7a91aa}
.ecosystem-card h3 {font-size:21px}
.ecosystem-card p {font-size:12px;line-height:1.85;min-height:72px}
.ecosystem-card a {border-color:#dfe7f0;font-size:10px;color:#356495}
.connection-line>span {color:#7388a0}
.connection-line>div {background:#dbe5f0}
.connection-line>div::after {background:#5e91ca}
.connection-line .connection-hub {border-color:#d6e3f0;color:#315d8b}
.connection-line i {background:#739ed1}
.app-section {background:#132d49}
.app-inner {min-height:710px;padding-block:75px}
.app-copy .eyebrow {color:#9db8d9}
.app-copy h2 {font-size:52px;line-height:1.15;letter-spacing:-2.1px;max-width:460px}
.app-copy>p {color:#b0c1d4;font-size:13px;max-width:425px}
.app-tabs {border-color:#ffffff29;max-width:400px}
.app-tabs button {color:#8fa8c5;font-size:12px}
.app-tabs button.active {color:white}
.app-tabs button.active::after {background:#72a9f2}
.platform-button {border-color:#ffffff35;border-radius:5px}
.platform-button:hover {background:#ffffff0c}
.platform-button strong {font-size:11px}
.app-disclaimer {color:#849fbd}
.phone {transform:none;border-color:#1d2936;box-shadow:0 0 0 1px #6c829b,10px 25px 60px #061a30ab;background:#f8fafc;color:var(--ink);border-radius:36px}
.phone:hover {transform:translateY(-3px)}
.phone-notch {background:#1d2936}
.phone-status {color:#24425f}
.phone-greeting {color:#7790ac;font-size:6px;letter-spacing:.5px}
.phone-panel h3 {font-size:25px;font-weight:650;line-height:1.12;letter-spacing:-1px}
.phone-panel h3 em {color:#366bc0}
.phone-doctor strong {font-size:8px;font-weight:600}
.phone-doctor img {background:#f2f2ec}
.phone-bottom-nav {background:#f8fafc;border-color:#e1e8f0}
.phone-bottom-nav>button {color:#8c9db0}
.phone-bottom-nav>button.active {color:#356ec0}
.phone-home-bar {background:#29435f}
.phone-caption {font-size:6px;letter-spacing:1.2px;color:#87a0bc}
.phone-status-card {background:#eaf0f9}
.phone-status-card>span {color:#7c92af}
.phone-timeline {border-color:#b6cce6}
.phone-timeline>div::before {background:#4f83c2;box-shadow:0 0 0 3px #f8fafc}
.phone-timeline small {color:#8b9eb5}
.phone-care-card {border-color:#dde5ef}
.phone-care-card svg {color:#3d78be}
.phone-care-card small {color:#8599b2}
.phone-care-note {color:#7187a2}
.dashboard {border-color:#d7e2ee;grid-template-columns:205px 1fr;background:white;box-shadow:0 12px 40px #19364f07;border-radius:8px}
.dashboard-sidebar {background:#f2f6fb;min-height:485px}
.dashboard-brand {font-size:15px;color:#284d77;font-weight:650}
.mini-cross {color:#3272c4}
.workspace-label {color:#7f94ae;letter-spacing:1.3px}
.dashboard-tabs button {color:#6f87a2;font-size:11px}
.dashboard-tabs button.active {background:#e0ebfc;color:#2a65ae}
.dashboard-tabs button>span {background:#b4cbea44}
.dashboard-person>span {background:#dfeaf8;color:#3e699d}
.dashboard-person small {color:#8aa0b8}
.dashboard-main {padding:22px 29px 28px}
.dashboard-topbar {color:#7c95af;border-color:#e7edf5;font-size:7px}
.dashboard-topbar .status-dot {background:#4e8ace}
.dashboard-title h3 {font-size:22px;letter-spacing:-.6px}
.dashboard-title p {font-size:9px;color:#8296ad}
.dashboard-date {border-color:#dfe7f1;font-size:8px;border-radius:4px;color:#6e85a1}
.dashboard-stats {gap:14px}
.stat-card {border-color:#e0e8f2;padding:15px;border-radius:5px}
.stat-card>span {font-size:8px;color:#7f94ac}
.stat-card strong {font-size:29px;color:#274f7b;letter-spacing:-1px;font-weight:600}
.stat-card small {color:#6d8bb1;font-size:7px}
.chart-card {border-color:#e0e8f2;border-radius:5px}
.chart-card h4 {font-size:10px;font-weight:600}
.chart-caption {color:#9bacc0;font-size:7px}
.bar-chart {background:repeating-linear-gradient(to top,transparent 0px,transparent 29px,#edf1f7 29px,#edf1f7 30px);border-color:#dde7f2;height:128px}
.bar-chart>div {background:#c3d7f2;border-radius:2px 2px 0 0}
.bar-chart>div:nth-last-child(2) {background:#3b78ce}
.chart-days {color:#8fa2bb;font-size:7px}
.activity-list>div {border-color:#e7edf5;font-size:9px}
.activity-dot {background:#6a9dd7}
.activity-list small {font-size:7px;color:#93a6be}
.dashboard-notice {font-size:8px;color:#899fb8}
.dashboard-table th {background:#f0f5fb;color:#7b94b0;font-size:8px}
.dashboard-table td {border-color:#e5edf6;font-size:9px}
.dashboard-table button {background:#e9f1fc;color:#356eb7;font-size:8px}
.table-pill {background:#e7f3ee;color:#397c63;font-size:8px}
.table-pill.pending {background:#fcf3df;color:#997622}
.operation-capabilities span {font-size:11px;color:#7088a2}
.operation-capabilities svg {color:#457aa9}
.life-section {background:#f0f4f9;border-radius:8px}
.life-copy h2 {font-size:44px;line-height:1.16}
.life-copy .eyebrow {color:#48749f;font-size:8px}
.life-copy p {font-size:12px;line-height:1.9}
.faq-intro h2 {font-size:43px}
.faq-intro p {font-size:12px}
.faq-list details {border-color:#dce5ef}
.faq-list details:last-child {border-color:#dce5ef}
.faq-list summary {font-size:13px;font-weight:550}
.faq-list details p {font-size:12px;color:#6f839b}
.closing-section {background:#132d49}
.closing-inner {padding-block:78px}
.closing-inner .eyebrow {color:#88abce;font-size:9px;letter-spacing:1.5px}
.closing-inner h2 {font-size:53px;line-height:1.13;max-width:850px;margin:auto;letter-spacing:-2px}
.closing-inner>p {color:#93abc7;font-size:11px}
.button-ivory {background:#fff;color:#224a7d}
.site-footer {background:white}
.footer-top>p {font-size:11px;color:#8293a9}
.footer-top>div {font-size:11px}
.footer-bottom {color:#91a1b6;border-color:#e0e7f0;font-size:9px}
.footer-bottom button {color:#6b86a6;font-size:9px}
.back-top {border-color:#d7e2ef;background:#ffffffed;color:#46729d}
.toast {background:#153659;border-color:#4b7097}
.text-link svg {color:inherit}
dialog {background:white;border-color:#dce5f0}
.dialog-close {background:#f8fafd;border-color:#dee6f0}
.doctor-modal-copy h2, .search-dialog h2, .concept-dialog h2 {font-size:36px;letter-spacing:-1.3px;font-weight:650}
.doctor-modal-copy p {font-size:12px}
.doctor-detail-list {color:#6e86a0}
.modal-category {color:#587ba2}
.search-field {border-color:#bacde2}
.search-result {border-color:#e2eaf4}
.search-result small {color:#8b9fb7}
.tour-step-count span {background:#dce7f5}
.tour-step-count span.active {background:#397bd2}
.concept-kicker {color:#6085b1}
.tour-icon {background:#eaf2fd;color:#3e79c3;border-radius:8px}
.concept-summary {border-color:#dce5f0;color:#6884a6}
.demo-receipt {border-color:#e1e8f1}
@media(max-width:1150px) {
  .desktop-nav {font-size:11px;gap:18px}
  .brand {font-size:23px}
  .header-cta {font-size:9px;padding:11px 13px}
  .hero {min-height:620px;padding-top:42px}
  .hero-visual {height:470px}
  .hero h1 {font-size:65px}
  .hero-description {font-size:13px}
  .hero-buttons {gap:20px}
  .hero-buttons .button {font-size:10px}
  .hero-buttons .button-text {font-size:10px}
  .hero-footnote {gap:8px}
  .hero-footnote p {font-size:8px}
  .care-strip-inner>div {font-size:9px}
  .section-heading h2, .care-content h2 {font-size:41px}
  .app-copy h2 {font-size:47px}
  .app-copy>p {font-size:12px}
  .ecosystem-card {padding:25px}
  .ecosystem-card p {min-height:90px}
  .life-copy h2 {font-size:40px}
  .operation-capabilities span {font-size:10px}
}
@media(max-width:900px) {
  .site-header {padding-block:20px}
  .mobile-nav {background:white;border-color:#e2eaf4}
  .mobile-nav a {font-weight:550}
  .hero {padding-top:40px;min-height:590px;gap:5%}
  .hero h1 {font-size:57px}
  .hero-description {font-size:12px;max-width:340px}
  .hero .eyebrow {font-size:7px;letter-spacing:1.1px}
  .hero-buttons {flex-wrap:wrap;gap:15px}
  .hero-buttons .button {font-size:10px;padding:13px 16px}
  .hero-buttons .button-text {padding-inline:0}
  .hero-visual {height:425px}
  .floating-care {left:-16px;top:48px;padding:12px;gap:9px}
  .floating-care strong {font-size:10px}
  .floating-care>span:nth-child(2) {font-size:9px}
  .floating-order {left:23px;right:-10px;padding:12px;gap:9px}
  .floating-order strong {font-size:9px}
  .floating-order span {font-size:7px}
  .photo-caption {font-size:8px;left:18px}
  .hero-footnote {margin-top:26px}
  .care-strip-inner {padding-block:25px;gap:18px}
  .care-strip-inner>div {font-size:8px;gap:7px}
  .section-space {padding-block:78px}
  .section-heading h2, .journey-section .section-heading h2 {font-size:38px}
  .section-heading p {font-size:11px}
  .filter-tabs button {font-size:10px;padding:8px 10px}
  .doctor-title {font-size:12px}
  .doctor-description {font-size:10px}
  .care-photo {height:470px}
  .care-content h2 {font-size:38px}
  .care-content>p {font-size:11px}
  .care-feature h3 {font-size:13px}
  .care-feature p {font-size:10px}
  .journey-step h3 {font-size:14px}
  .journey-step p {font-size:11px}
  .ecosystem-card h3 {font-size:18px}
  .ecosystem-card p {font-size:11px;min-height:100px}
  .ecosystem-card {padding:23px 20px}
  .ecosystem-card a {font-size:9px}
  .app-copy h2 {font-size:42px;letter-spacing:-1.5px}
  .app-inner {padding-block:65px}
  .app-copy>p {font-size:12px}
  .phone {transform:none}
  .dashboard {grid-template-columns:160px 1fr}
  .dashboard-main {padding-inline:18px}
  .dashboard-sidebar {min-height:470px}
  .dashboard-tabs button {font-size:9px}
  .dashboard-title h3 {font-size:19px}
  .stat-card {padding:12px}
  .stat-card strong {font-size:24px}
  .stat-card>span {font-size:7px}
  .stat-card small {font-size:6px}
  .chart-card h4 {font-size:9px}
  .activity-list>div {font-size:8px}
  .operation-capabilities span {font-size:9px}
  .life-copy h2 {font-size:36px}
  .life-copy p {font-size:11px}
  .faq-intro h2 {font-size:37px}
  .faq-list summary {font-size:12px}
  .faq-list details p {font-size:11px}
  .closing-inner h2 {font-size:46px}
  .footer-top>p, .footer-top>div {font-size:10px}
  .footer-bottom {font-size:8px}
}
@media(max-width:600px) {
  .announcement {font-size:8px}
  .site-header {padding-block:19px}
  .site-header.scrolled {padding-block:14px}
  .brand {font-size:23px}
  .hero {min-height:0;padding-top:38px;padding-bottom:58px;gap:34px}
  .hero h1 {font-size:clamp(49px,12vw,67px);line-height:1.13;letter-spacing:-2.5px}
  .hero .eyebrow {font-size:8px;letter-spacing:1.2px;margin-bottom:21px}
  .hero-description {font-size:13px;line-height:1.85;max-width:390px;margin-top:23px}
  .hero-buttons {flex-wrap:nowrap;gap:22px;margin-top:25px}
  .hero-buttons .button {font-size:10px;padding:14px 17px;gap:17px}
  .hero-buttons .button-text {font-size:10px;padding-inline:0;gap:8px}
  .hero-footnote {margin-top:27px;gap:9px}
  .hero-footnote p {font-size:8px}
  .hero-footnote>p:last-child {font-size:7px}
  .hero-footnote-divider {margin-inline:5px}
  .hero-visual {height:405px;width:100%;max-width:440px;margin:0 auto 0}
  .hero-photo {inset:0 0 17px;border-radius:7px}
  .hero-photo img {object-position:center 35%}
  .floating-care {top:35px;left:-8px;padding:13px 15px}
  .floating-care strong {font-size:11px}
  .floating-care>span:nth-child(2) {font-size:9px}
  .floating-order {left:30px;right:-6px;bottom:0;padding:14px}
  .floating-order strong {font-size:10px}
  .floating-order span {font-size:8px}
  .photo-caption {font-size:9px;left:23px;bottom:24px}
  .care-strip-inner {grid-template-columns:1fr 1fr;padding-block:25px;gap:22px 12px}
  .care-strip-inner>div {font-size:9px;gap:9px;line-height:1.5}
  .care-strip svg {width:19px;height:22px}
  .section-space {padding-block:64px}
  .section-heading h2 {font-size:36px;line-height:1.14;letter-spacing:-1.5px}
  .section-heading .eyebrow {font-size:8px;letter-spacing:1.5px}
  .section-heading p {font-size:12px}
  .filter-tabs button {font-size:9px;padding:9px 12px}
  .doctor-photo {border-radius:5px}
  .doctor-title {font-size:12px}
  .doctor-description {font-size:10px}
  .doctor-category {font-size:7px}
  .doctor-tag {font-size:6px;padding:4px 7px;max-width:calc(100% - 48px)}
  .directory-bottom p {font-size:9px}
  .directory-bottom .text-link {font-size:11px}
  .care-photo {height:370px}
  .care-photo>img {border-radius:6px}
  .care-photo-note {padding:15px 17px;left:17px;right:17px;bottom:18px}
  .care-photo-note span {font-size:9px}
  .care-photo-note strong {font-size:11px}
  .care-content h2 {font-size:37px;letter-spacing:-1.4px}
  .care-content>.eyebrow {font-size:8px;letter-spacing:1.3px}
  .care-content>p {font-size:12px;line-height:1.9}
  .care-feature h3 {font-size:14px}
  .care-feature p {font-size:11px}
  .care-feature {margin-top:23px}
  .journey-section {padding-block:58px}
  .journey-section .section-heading h2 {font-size:37px;letter-spacing:-1.5px}
  .journey-step h3 {font-size:14px}
  .journey-step p {font-size:11px}
  .ecosystem-card {padding:26px}
  .ecosystem-card h3 {font-size:22px}
  .ecosystem-card p {font-size:12px;min-height:0}
  .ecosystem-card a {font-size:11px}
  .card-number {font-size:7px;right:24px;top:43px}
  .connection-line>span {font-size:5px}
  .app-inner {padding-block:58px 40px;gap:24px}
  .app-copy .eyebrow {font-size:7px;letter-spacing:1.25px}
  .app-copy h2 {font-size:36px;letter-spacing:-1.3px;line-height:1.2}
  .app-copy>p {font-size:12px;line-height:1.9;max-width:100%}
  .app-tabs {max-width:100%;gap:32px}
  .app-tabs button {font-size:12px}
  .app-disclaimer {font-size:7px}
  .phone-stage {min-height:615px}
  .phone {transform:none;width:270px;height:562px}
  .phone-caption {font-size:6px;bottom:0;letter-spacing:.8px}
  .dashboard {grid-template-columns:1fr}
  .dashboard-sidebar {min-height:0;padding:17px 15px}
  .dashboard-brand {font-size:15px}
  .dashboard-tabs {margin-top:15px;gap:3px}
  .dashboard-tabs button {padding:9px;font-size:8px;gap:6px}
  .dashboard-main {padding:18px 14px 24px;min-height:465px}
  .dashboard-topbar {font-size:5px}
  .dashboard-title h3 {font-size:20px}
  .dashboard-title p {font-size:7px}
  .dashboard-date {font-size:6px;padding:4px}
  .dashboard-stats {gap:7px}
  .stat-card {padding:12px 9px}
  .stat-card>span {font-size:6px;letter-spacing:.1px}
  .stat-card strong {font-size:26px}
  .stat-card small {font-size:6px;float:none;display:block;margin-top:2px}
  .dashboard-lower {grid-template-columns:1fr}
  .chart-card {padding:14px}
  .chart-card h4 {font-size:10px}
  .bar-chart {height:115px}
  .dashboard-table th {font-size:6px;padding:10px 5px}
  .dashboard-table td {font-size:7px;padding:14px 5px}
  .table-pill {font-size:6px;padding:4px 5px}
  .dashboard-table button {font-size:6px;padding:5px 6px}
  .dashboard-notice {font-size:7px}
  .operation-capabilities span {font-size:9px;line-height:1.5}
  .life-copy {padding:34px 26px}
  .life-copy h2 {font-size:35px;letter-spacing:-1.3px}
  .life-copy .eyebrow {font-size:7px;letter-spacing:1.3px}
  .life-copy p {font-size:12px}
  .life-copy .button {font-size:10px;padding:14px 16px;gap:12px}
  .life-section>img {height:280px}
  .faq-intro h2 {font-size:36px;letter-spacing:-1.4px}
  .faq-intro p {font-size:12px}
  .faq-list summary {font-size:12px}
  .faq-list details p {font-size:11px}
  .closing-inner {padding-block:57px}
  .closing-inner .eyebrow {font-size:6px;letter-spacing:1.1px}
  .closing-inner h2 {font-size:36px;line-height:1.18;letter-spacing:-1.4px;max-width:400px}
  .closing-inner>p {font-size:9px;letter-spacing:0}
  .closing-inner .button {font-size:10px}
  .footer-top>p {font-size:10px}
  .footer-top>div {font-size:10px}
  .footer-bottom {font-size:8px}
  .footer-bottom button {font-size:8px}
  .doctor-modal-copy h2, .search-dialog h2, .concept-dialog h2 {font-size:31px;line-height:1.15;letter-spacing:-1.2px}
  .concept-dialog p {font-size:12px}
  .tour-actions .button {font-size:9px}
  .tour-actions .text-link {font-size:9px;white-space:normal;line-height:1.7}
  .concept-dialog .eyebrow {font-size:8px}
  .search-field input {font-size:11px}
  .search-dialog .eyebrow {font-size:8px}
}
@media(max-width:370px) {
  .hero h1 {font-size:47px}
  .hero-buttons {gap:13px}
  .hero-buttons .button {font-size:9px;padding:13px 14px;gap:12px}
  .hero-buttons .button-text {padding-inline:0;gap:7px}
  .hero-visual {height:360px}
  .hero-footnote>p:last-child {font-size:6px}
  .hero-footnote {gap:7px}
  .hero-footnote-divider {margin-inline:1px}
  .phone {width:247px;height:530px}
  .phone-stage {min-height:575px}
  .dashboard-tabs button {font-size:7px;padding:8px}
  .app-copy h2 {font-size:33px}
}
@media(prefers-reduced-motion:reduce) {
  .phone:hover {transform:none}
  .ecosystem-card:hover {transform:none}
}
.phone-bottom-nav>button {background:none;border:0;font:inherit;font-size:6px;cursor:pointer;padding:0 9px}
.doctor-photo {aspect-ratio:1/1.06;background:#eff4f9}
.doctor-photo img {mix-blend-mode:normal;object-position:center 28%}
.doctor-tag {background:#ffffffee;color:#56748e}
.doctor-description {min-height:36px;font-size:11px;line-height:1.7}
.doctor-availability {display:flex;align-items:center;gap:7px;font-size:9px;color:#62819f;margin-top:13px}
.doctor-availability svg {width:14px;height:14px}
.doctor-availability>span {margin-left:auto;font-size:7px;color:#91a3b7}
.doctor-book {background:#edf3fd;color:#2e67ad;padding:11px 12px;font-size:10px;width:100%;margin-top:14px;justify-content:space-between}
.doctor-book:hover {background:#dfeafd}
.doctor-modal-copy h2 {font-size:34px;letter-spacing:-1.2px}
.doctor-modal-copy .button {margin-top:20px;white-space:normal;text-align:left}
.doctor-modal-image img {object-position:center 25%}
.doctor-detail-list li {display:flex;gap:8px;align-items:center;line-height:1.7;margin-block:10px}
.doctor-detail-list svg {width:15px;height:15px;color:#527ca8}
.hero h1 {font-size:clamp(58px,5.5vw,77px);line-height:1.09}
.aftercare-section {padding-top:95px;padding-bottom:95px}
.aftercare-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.aftercare-card {border:1px solid #dfe7f0;border-top:3px solid #6392cb;border-radius:6px;padding:25px 22px 23px;transition:transform .25s,box-shadow .25s}
.aftercare-card:hover {transform:translateY(-4px);box-shadow:0 10px 25px #173d6508}
.aftercare-card>svg {color:#4a7eb6;width:27px;height:27px;margin-bottom:23px}
.aftercare-card h3 {font-size:17px;letter-spacing:-.4px;margin-bottom:14px;line-height:1.35;min-height:46px}
.aftercare-card p {font-size:11px;line-height:1.9;min-height:90px}
.aftercare-card .text-link {font-size:9px;white-space:normal;line-height:1.8;display:block;text-align:left;margin-top:22px}
.ecosystem-section {background:#f7f9fc}
.ecosystem-card {background:white}
.hero-buttons .button-text {white-space:nowrap}
.booking-dialog {max-width:700px}
.booking-clinician {display:flex;align-items:center;gap:14px;border:1px solid #dfe7f1;border-radius:6px;padding:12px;margin-top:22px}
.booking-clinician img {width:51px;height:58px;object-fit:cover;object-position:center 25%;border-radius:5px}
.booking-clinician strong {display:block;font-size:13px}
.booking-clinician div>span {font-size:11px;color:#8198b2;display:block;margin-top:2px}
.booking-clinician>.table-pill {margin-left:auto;font-size:8px}
.field-label {display:block;font-size:10px;color:#6080a3;font-weight:600;margin-top:20px;margin-bottom:8px}
.booking-dialog select, .record-dialog textarea {display:block;width:100%;background:#f7fafe;border:1px solid #d7e2ef;border-radius:5px;padding:12px 13px;font:12px/1.7 var(--sans);color:#284967}
.booking-dialog select:focus, .record-dialog textarea:focus {outline:2px solid #80aaf0;outline-offset:2px}
.booking-fields {display:grid;grid-template-columns:1fr 1fr;gap:17px}
.field-static {display:block;padding:12px 0;font-size:11px;color:#6d86a1}
.date-options {display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.date-options button {background:#f4f7fc;border:1px solid #dce6f2;border-radius:5px;padding:11px;font-size:11px;text-align:left}
.date-options strong {display:block;font-weight:550}
.date-options span {display:block;color:#8a9eb5;font-size:10px;margin-top:3px}
.date-options button.active, .time-options button.active {background:#eaf2ff;border-color:#5990d7;color:#2d65ac}
.time-options {display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
.time-options button {background:#f7fafe;border:1px solid #dce6f2;border-radius:4px;padding:9px;font-size:11px}
.booking-summary {display:flex;gap:9px;align-items:flex-start;background:#eff4fc;padding:12px;font-size:10px;line-height:1.8;color:#7390af;margin-top:20px;border-radius:5px}
.booking-summary svg {width:15px;height:15px;margin-top:2px}
.booking-confirm {width:100%;margin-top:20px;font-size:11px;white-space:normal}
.confirmation-actions {display:flex;align-items:center;gap:20px;justify-content:center;margin-top:26px;flex-wrap:wrap}
.confirmation-actions .button {white-space:normal}
.record-dialog {width:min(840px,92vw);padding:45px;max-height:90dvh}
.record-dialog h2 {font-size:35px;letter-spacing:-1.4px;line-height:1.15}
.record-subtitle {font-size:11px;margin-top:15px}
.record-tabs {display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid #dfe7f1;margin-top:26px;padding-bottom:13px}
.record-tabs button {background:transparent;padding:9px 12px;border-radius:4px;font-size:11px;color:#6685a5}
.record-tabs button.active {background:#e7effc;color:#2b65b0}
.record-panel {padding-top:25px;animation:appear .3s ease}
.record-panel h3 {font-size:19px;letter-spacing:-.5px;margin-top:18px}
.record-panel>p {font-size:12px;line-height:1.9;margin-top:13px}
.record-info-grid {display:grid;grid-template-columns:1fr 1fr;border:1px solid #e0e8f2;border-radius:6px;overflow:hidden;gap:1px;background:#e0e8f2}
.record-info-grid>div {background:#f6f9fd;padding:15px}
.record-info-grid span {display:block;font-size:8px;color:#87a0bc;letter-spacing:.7px}
.record-info-grid strong {font-size:12px;font-weight:550;display:block;margin-top:5px}
.record-timeline {border-left:2px solid #dce7f4;margin:25px 0 0 6px;padding-left:19px}
.record-timeline>div {position:relative;margin-top:19px;font-size:12px}
.record-timeline>div::before {content:'';position:absolute;width:8px;height:8px;left:-24px;top:6px;border-radius:50%;background:#6090cc}
.record-timeline strong {display:block;font-weight:550}
.record-timeline span {display:block;color:#839ab3;font-size:11px;margin-top:4px}
.record-visit-header {display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;font-size:10px;color:#7b96b4}
.record-action-row {display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:19px}
.record-action-row .button {font-size:10px;white-space:normal}
.record-bottom-note {border-top:1px solid #e0e8f2;margin-top:28px;padding-top:17px;font-size:9px;color:#8ba2bb}
.medication-row {display:flex;align-items:center;gap:13px;border:1px solid #e0e8f2;padding:17px;margin-top:17px;border-radius:5px}
.medication-row>svg {color:#5685be;width:21px;height:21px}
.medication-row strong {display:block;font-size:12px;font-weight:550}
.medication-row div>span {display:block;color:#8ba0b9;font-size:10px;line-height:1.8;margin-top:5px}
.medication-row>.table-pill {margin-left:auto;flex-shrink:0}
.followup-task {display:flex;align-items:center;gap:14px;border:1px solid #e0e8f2;border-radius:6px;padding:16px;margin-top:17px}
.task-icon {background:#edf3fc;border-radius:5px;display:grid;place-items:center;min-width:35px;height:35px;color:#4d7fb9}
.task-icon svg {width:18px;height:18px}
.followup-task strong {display:block;font-size:12px;font-weight:550}
.followup-task div>span {display:block;font-size:10px;line-height:1.8;color:#8ba0b9;margin-top:4px}
.task-button {margin-left:auto;padding:8px 10px;background:#e8f0fc;color:#3a6fab;border-radius:4px;font-size:9px;white-space:nowrap}
.video-room {position:relative;background:#183959;aspect-ratio:1.5;border-radius:8px;overflow:hidden;margin-top:25px}
.video-room>img {width:100%;height:100%;object-fit:cover;object-position:center 25%;transition:opacity .25s}
.video-room.camera-off>img {opacity:.12}
.video-room::after {content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#132d49a6);pointer-events:none}
.video-room-label {position:absolute;left:16px;bottom:15px;font-size:10px;z-index:1;color:white}
.video-room-badge {position:absolute;top:12px;left:12px;background:#163750ce;color:#d8e7fa;font-size:7px;letter-spacing:1px;padding:5px 9px;border-radius:3px}
.self-view {position:absolute;right:12px;bottom:12px;background:#143858e8;width:125px;height:85px;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#e3edf9;font-size:10px;z-index:1}
.self-view span {font-size:6px;color:#a3bdd8;margin-top:5px}
.call-controls {display:flex;gap:9px;margin-top:15px;flex-wrap:wrap}
.call-controls button {background:#eef3fa;color:#426c9c;padding:10px 12px;border-radius:5px;font-size:10px}
.call-controls .end-call {background:#fcf0f0;color:#ac5860;margin-left:auto}
.concept-dialog .room-note {font-size:10px;margin-top:15px}
.phone-appointment {background:#edf3fc;border:1px solid #dce7f6;padding:13px;border-radius:7px;margin-top:17px;font-size:8px}
.phone-label {font-size:5px;letter-spacing:.6px;display:block;color:#7b99ba}
.phone-appointment>img {float:left;width:42px;height:46px;object-fit:cover;object-position:center 25%;border-radius:4px;margin:12px 10px 10px 0}
.phone-appointment>strong {display:block;font-size:10px;padding-top:15px}
.phone-appointment>span:not(.phone-label) {display:block;color:#8ca1b9;font-size:7px;margin-top:3px}
.phone-date {display:flex;align-items:center;gap:5px;clear:both;border-top:1px solid #d9e5f5;padding-top:10px;font-size:8px}
.phone-date svg {width:11px;height:11px}
.phone-appointment>button, .phone-primary {display:block;width:100%;font-size:7px;padding:9px 7px;background:#3676cb;color:white;border-radius:4px;margin-top:10px}
.phone-panel>.phone-care-card {padding:12px;margin-top:12px}
.phone-panel>.phone-subtitle {margin-top:16px}
.phone-panel h3 {font-size:25px;line-height:1.15}
.phone-panel>.phone-primary {margin-top:15px}
.phone-stage {padding-bottom:18px}
.phone-caption {bottom:-8px}
.care-section {padding-top:20px}
.aftercare-card .text-link {font-weight:500}
@media(max-width:1100px) {
  .aftercare-grid {grid-template-columns:1fr 1fr}
  .aftercare-card h3 {min-height:0}
  .aftercare-card p {min-height:60px}
  .doctor-book {font-size:9px;padding:10px}
  .doctor-availability {font-size:8px}
  .doctor-availability>span {display:none}
  .hero h1 {font-size:66px}
  .header-cta {font-size:10px}
}
@media(max-width:900px) {
  .hero h1 {font-size:57px}
  .doctor-book {font-size:8px;padding:9px;gap:6px}
  .doctor-book svg {width:13px}
  .doctor-description {font-size:10px;min-height:48px}
  .aftercare-card h3 {font-size:18px}
  .aftercare-card p {font-size:12px}
  .aftercare-card .text-link {font-size:10px}
  .record-dialog {padding:37px}
}
@media(max-width:600px) {
  .hero h1 {font-size:clamp(48px,12.8vw,64px);line-height:1.1;letter-spacing:-2px}
  .hero .eyebrow {font-size:7px;letter-spacing:1px}
  .hero-buttons {gap:18px}
  .hero-buttons .button {font-size:10px;gap:12px}
  .hero-buttons .button-text {font-size:9px}
  .doctor-description {font-size:10px;min-height:51px}
  .doctor-book {font-size:8px;padding:10px 9px;gap:7px;white-space:normal;text-align:left}
  .doctor-availability {font-size:8px;gap:5px}
  .doctor-availability svg {width:11px;height:11px}
  .doctor-photo {aspect-ratio:1/1.1}
  .doctor-tag {font-size:6px;max-width:calc(100% - 16px)}
  .doctor-modal-copy h2 {font-size:29px}
  .doctor-modal-copy {padding:28px}
  .doctor-modal-image {height:270px}
  .aftercare-section {padding-block:60px}
  .aftercare-grid {grid-template-columns:1fr;gap:15px}
  .aftercare-card {padding:25px}
  .aftercare-card h3 {font-size:20px;min-height:0}
  .aftercare-card p {font-size:12px;min-height:0}
  .aftercare-card .text-link {font-size:11px;margin-top:19px}
  .aftercare-card>svg {margin-bottom:20px}
  .record-dialog {padding:40px 23px 25px}
  .record-dialog h2 {font-size:29px;letter-spacing:-1px}
  .record-subtitle {font-size:9px}
  .record-tabs {gap:4px;margin-top:22px;padding-bottom:11px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:-8px}
  .record-tabs button {padding:8px 9px;font-size:9px;flex-shrink:0;white-space:nowrap}
  .record-info-grid>div {padding:13px}
  .record-info-grid strong {font-size:10px}
  .record-info-grid span {font-size:6px}
  .record-panel h3 {font-size:18px}
  .record-panel>p {font-size:11px}
  .record-timeline>div {font-size:11px}
  .record-timeline span {font-size:10px}
  .record-bottom-note {font-size:8px}
  .record-visit-header {font-size:8px;gap:10px}
  .booking-dialog .concept-kicker {font-size:7px;letter-spacing:.9px}
  .booking-clinician {gap:10px}
  .booking-clinician strong {font-size:12px}
  .booking-clinician div>span {font-size:9px}
  .booking-clinician>.table-pill {font-size:6px}
  .booking-dialog select {font-size:10px;padding:11px 9px}
  .field-static {font-size:9px}
  .booking-fields {gap:12px}
  .field-label {font-size:9px;margin-top:18px}
  .date-options button {font-size:10px;padding:9px}
  .date-options span {font-size:9px}
  .time-options {gap:7px}
  .time-options button {font-size:10px;padding:8px}
  .booking-confirm {font-size:10px;gap:10px}
  .booking-summary {font-size:9px}
  .confirmation-actions {gap:17px}
  .confirmation-actions .button {font-size:10px;gap:10px}
  .medication-row {gap:9px;flex-wrap:wrap;padding:13px}
  .medication-row strong {font-size:11px}
  .medication-row div>span {font-size:9px}
  .medication-row>div {flex:1;min-width:140px}
  .medication-row>.table-pill {margin-left:28px}
  .followup-task {padding:13px;gap:10px;flex-wrap:wrap}
  .followup-task>div:nth-child(2) {flex:1;min-width:160px}
  .followup-task strong {font-size:11px}
  .followup-task div>span {font-size:9px}
  .task-button {margin-left:45px;font-size:9px}
  .record-action-row {gap:17px}
  .record-dialog textarea {font-size:11px}
  .video-room {aspect-ratio:1.05}
  .self-view {width:90px;height:65px;font-size:8px}
  .self-view span {font-size:5px}
  .video-room-label {font-size:8px;max-width:140px;left:12px}
  .call-controls {gap:7px}
  .call-controls button {font-size:9px;padding:9px 10px}
  .call-controls .end-call {width:100%;margin-left:0}
  .phone-stage {padding-bottom:20px}
  .phone-caption {font-size:5px;letter-spacing:.6px;bottom:-3px}
  .care-section {padding-top:0}
}
@media(max-width:370px) {
  .hero-buttons {gap:10px}
  .hero-buttons .button {font-size:9px;padding-inline:13px}
  .hero-buttons .button-text {font-size:8px;padding-inline:0}
  .hero h1 {font-size:47px}
  .doctor-description {font-size:9px}
  .doctor-book {font-size:7px}
  .booking-fields {grid-template-columns:1fr}
  .field-static {padding-block:3px}
  .phone-appointment {padding:11px;margin-top:12px}
  .phone-panel>.phone-care-card {padding:10px;margin-top:10px}
  .phone-panel h3 {font-size:23px}
}