/* Option 3: warm white, graphite, ocean teal; original OCMedic assets. */
:root{--ink:#10151e;--navy:#122942;--muted:#56606d;--teal:#20778a;--blue:#20778a;--line:#d9dfe3;--paper:#fafaf9;--white:#fff;--design-aqua:#e7f4f5;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--paper)}
html{scroll-padding-top:100px}body{margin:0;font-family:inherit;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}a{color:inherit}button,input,select,summary{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--teal);outline-offset:5px}img{max-width:100%}.design-container{width:min(1280px,calc(100% - 128px));margin-inline:auto}.skip{position:absolute;top:-100px;left:20px;z-index:100;background:white;color:var(--ink);padding:14px}.skip:focus{top:12px}
.global-header{position:relative;z-index:15;background:#fff;border-bottom:1px solid #e5e7eb}.global-header-inner{width:min(1280px,calc(100% - 128px));min-height:78px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:32px}.global-brand{display:inline-flex;align-items:center;gap:14px;text-decoration:none;color:#102844;font-weight:800;letter-spacing:-.7px;font-size:24px;white-space:nowrap}.global-brand:hover{text-decoration:none}.global-brand img{width:48px;height:48px}.global-links{display:flex;gap:36px;align-items:center}.global-links a{font-size:15px;text-decoration:none;display:inline-flex;align-items:center;min-height:48px;color:var(--ink)}.global-links a:hover,.global-links a[aria-current=page]{color:var(--teal)}.site-menu,.mobile-reference-menu{display:none}.marketing-main{padding:0;max-width:none;margin:0}.design-eyebrow{font-size:13px;letter-spacing:2.5px;text-transform:uppercase;color:#596170;font-weight:500;margin:0 0 24px;line-height:1.5}.clarity-hero{background:#fafaf9;padding-top:66px}.clarity-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:65px;align-items:center}.clarity-grid h1{font-size:clamp(68px,9.1vw,128px);font-weight:800;letter-spacing:-.065em;line-height:.88;margin:0}.clarity-grid h1 span,.app-page h1 span{color:var(--teal)}.clarity-intro{padding-bottom:18px}.clarity-intro p{font-size:clamp(25px,2.8vw,38px);line-height:1.15;letter-spacing:-1.4px;margin:0 0 30px;max-width:510px}.design-button{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:14px 32px;border-radius:999px;background:var(--teal);border:1px solid var(--teal);color:#fff;font-size:19px;font-weight:550;line-height:1.3;text-decoration:none;transition:background-color .15s}.design-button:hover{background:#155b6a;border-color:#155b6a;text-decoration:none;color:white}.design-text-link{color:var(--teal);display:inline-flex;align-items:center;min-height:44px;font-size:17px;text-decoration:none}.design-text-link:hover{text-decoration:underline;text-underline-offset:4px}.topic-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);margin-top:55px;padding:22px 0 27px}.topic-links a{font-size:17px;text-align:center;padding:7px 20px;min-height:44px;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:18px;color:#13253c}.topic-links a+a{border-left:1px solid #cbd5dc}.topic-links a:hover{color:var(--teal);text-decoration:underline;text-underline-offset:5px}
.app-feature{background:var(--design-aqua)}.app-feature-grid{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:40px;padding-top:32px;padding-bottom:32px}.app-feature-copy h2{font-size:clamp(40px,5.3vw,68px);letter-spacing:-.055em;line-height:1.08;margin:0 0 14px;color:var(--ink);font-weight:750}.feature-subtitle{font-size:clamp(25px,3.2vw,40px);line-height:1.2;letter-spacing:-1.5px;color:#535e69;margin:0 0 34px}.feature-detail{font-size:17px;line-height:1.6;color:var(--muted);max-width:390px;margin:22px 0 2px}.app-image{margin:0;text-align:center;justify-self:center;width:min(100%,320px)}.app-image img{display:block;width:100%;height:auto;border-radius:12px}.app-image figcaption{font-size:11px;color:#54636d;line-height:1.5;margin-top:10px}.company-feature{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;padding-block:58px 54px}.company-feature h2{font-size:clamp(30px,3.7vw,48px);line-height:1.08;letter-spacing:-1.8px;margin:0;font-weight:750}.company-feature p:not(.design-eyebrow){color:var(--muted);font-size:17px;line-height:1.5;margin:0 0 12px}.company-feature .design-eyebrow{margin-bottom:22px}.contact-feature{background:#f1f3f4;padding:52px 0;text-align:center}.contact-feature.white{background:#fff}.contact-feature h2{font-size:32px;letter-spacing:-1px;line-height:1.2;margin:0 0 12px}.contact-feature p{font-size:17px;color:var(--muted);margin:0 0 12px}.design-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 28px}
.global-footer{background:#f5f5f5;padding:30px 0;color:#626b75;font-size:12px;line-height:1.7}.global-footer .footer-note{max-width:820px;margin:0 0 22px}.global-footer .footer-links{display:flex;flex-wrap:wrap;gap:0 24px;border-top:1px solid #dce0e3;padding-top:14px}.global-footer a,.global-footer button{display:inline-flex;align-items:center;min-height:44px;padding:0;color:#414a54;font-size:12px;background:none;border:0;text-decoration:none;cursor:pointer}.global-footer a:hover,.global-footer button:hover{text-decoration:underline}.global-footer .copyright{margin:14px 0 0}
/* Apply the selected visual language while preserving clinical markup. */
.reference-page .shell{margin-left:238px}.reference-page .sidebar{top:79px;bottom:0;padding:28px 22px;background:#fff;border-right:1px solid var(--line);color:var(--ink);z-index:6}.reference-page .sidebar>.brand{display:none}.reference-page .sidebar .nav-label{margin:0 12px 18px;color:#6b7280}.reference-page .sidebar nav a{color:#4a5562;border-radius:7px;min-height:44px}.reference-page .sidebar nav a.active{color:#155969;background:#e9f3f4;box-shadow:inset 3px 0 var(--teal)}.reference-page .sidebar nav a:hover{background:#f1f6f6;color:var(--ink)}.reference-page .sidebar-app-promo{background:#edf7f7;box-shadow:none;transform:none}.reference-page .side-bottom a{color:#52606c}.reference-page .main{padding-top:42px;background:#fafaf9}.reference-page .main h1{color:#10151e;letter-spacing:-1.6px}.reference-page .main .guide-section h2{font-size:24px}.reference-page .guide-card{border-radius:10px;box-shadow:none}.reference-page .searchbox{border-radius:14px;box-shadow:none;padding:5px 12px 5px 18px}.reference-page .filters select{border-radius:8px;min-height:44px}.reference-page .searchbox button{min-height:44px;padding-inline:14px;border-radius:8px}.reference-page .button{background:var(--teal);border-color:var(--teal);border-radius:999px;min-height:44px}.reference-page .button.secondary{background:#fff;color:var(--teal)}.reference-page .foot{display:none}.reference-page>.global-footer{margin-left:238px}.reference-page>.global-footer .design-container{width:calc(100% - 80px)}.reference-page .infographic{scroll-margin-top:24px}
.company-page .shell{margin:0}.company-page .main{max-width:1280px;padding:64px max(32px,4vw)}.company-page .about-profile{gap:70px}.company-page .about-copy h1{font-size:clamp(38px,4.4vw,58px);letter-spacing:-2px;line-height:1.05;color:var(--ink);margin-bottom:28px}.company-page .about-copy p{font-size:18px;line-height:1.65;color:var(--muted)}.company-page .about-copy h2{font-size:28px;color:var(--ink);margin-top:36px}.company-page .about-portrait img{border-radius:14px}.company-page .button{border-radius:999px;background:var(--teal);border-color:var(--teal);min-height:48px}.company-page .text-link{color:var(--teal)}.company-page .foot{display:none}.company-page .breadcrumbs{margin-bottom:32px}.app-page h1{font-size:clamp(42px,5.2vw,68px);line-height:1.04;letter-spacing:-3px;margin:0 0 28px}.app-page .app-feature-grid{padding-block:50px}.app-page .feature-detail{margin:0 0 28px}.app-gallery{padding-block:80px}.app-gallery h2{font-size:clamp(32px,4vw,52px);letter-spacing:-1.7px}.section-intro{font-size:20px;color:var(--muted)}.screenshot-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;margin-top:40px}.screenshot-gallery figure{margin:0}.screenshot-gallery img{width:100%;height:auto;display:block;border-radius:12px}.screenshot-gallery figcaption{font-size:15px;padding-top:16px;color:var(--muted);text-align:center}.privacy-design .policy-hero,.privacy-design .policy-layout{width:min(1100px,calc(100% - 64px));margin:auto}.privacy-design .policy-hero{padding:60px 0 30px}.privacy-design .policy-layout{padding-block:25px 60px}.privacy-design h1{font-size:52px}.privacy-design .breadcrumbs{width:min(1100px,calc(100% - 64px));margin:28px auto 0}.privacy-design .button{background:var(--teal);border-color:var(--teal);border-radius:999px}.privacy-design .button.secondary{background:white;color:var(--teal)}
@media(min-width:1500px){.clarity-hero{padding-top:85px}.topic-links{margin-top:70px}.app-feature-grid{padding-block:48px}.app-image{width:350px}}
@media(max-width:1050px){.global-links{gap:24px}.global-header-inner,.design-container{width:calc(100% - 80px)}.clarity-grid{gap:40px;grid-template-columns:1.1fr 1fr}.clarity-grid h1{font-size:9.5vw}.clarity-intro p{font-size:29px}.reference-page .sidebar{width:208px;padding:25px 15px}.reference-page .shell,.reference-page>.global-footer{margin-left:208px}.company-feature{gap:40px}.app-feature-grid{gap:24px}.app-image{width:280px}}
@media(max-width:760px){html{scroll-padding-top:24px}.global-header-inner,.design-container{width:calc(100% - 40px)}.global-header-inner{min-height:72px;gap:20px;flex-wrap:wrap}.global-brand{font-size:21px;gap:10px}.global-brand img{width:39px;height:39px}.global-links{display:none}.site-menu{display:block;margin-left:auto}.site-menu summary{list-style:none;min-height:48px;padding:12px 4px;cursor:pointer;color:var(--ink);font-size:15px}.site-menu summary::-webkit-details-marker{display:none}.site-menu[open] nav{position:absolute;top:72px;left:0;right:0;display:grid;gap:0;background:white;padding:14px 24px 22px;border-bottom:1px solid var(--line);box-shadow:0 15px 22px #12294212}.site-menu nav a{padding:13px 0;min-height:48px;text-decoration:none;color:var(--ink)}.site-menu nav a[aria-current=page]{color:var(--teal)}.clarity-hero{padding-top:42px}.clarity-grid{display:block}.design-eyebrow{font-size:11px;letter-spacing:2px;margin-bottom:23px}.clarity-grid h1{font-size:clamp(67px,17.5vw,110px);letter-spacing:-.065em;line-height:.89}.clarity-intro{padding:0;margin-top:32px}.clarity-intro p{font-size:25px;letter-spacing:-.7px;line-height:1.22;margin:0 0 24px;max-width:400px}.desktop-break{display:none}.design-button{font-size:17px;min-height:52px;padding:13px 25px;max-width:100%}.topic-links{margin-top:35px;grid-template-columns:1fr;padding:8px 0 17px}.topic-links a{justify-content:space-between;text-align:left;padding:12px 0;min-height:50px;font-size:16px}.topic-links a+a{border-left:0;border-top:1px solid #e1e5e6}.app-feature-grid{grid-template-columns:1fr;gap:30px;padding-block:44px 30px}.app-feature-copy h2{font-size:40px;letter-spacing:-1.8px}.feature-subtitle{font-size:27px;letter-spacing:-.8px;margin-bottom:27px}.feature-detail{font-size:16px;margin-top:22px}.app-image{width:min(100%,295px)}.app-image figcaption{font-size:11px}.company-feature{grid-template-columns:1fr;gap:28px;padding-block:44px}.company-feature h2{font-size:33px;letter-spacing:-1.3px;line-height:1.1}.company-feature .design-eyebrow{margin-bottom:18px}.company-feature p:not(.design-eyebrow){font-size:16px}.contact-feature{padding:40px 0}.contact-feature h2{font-size:29px}.contact-feature p{font-size:16px}.global-footer{padding:26px 0}.global-footer .footer-links{gap:0 20px}.global-footer a,.global-footer button{min-height:44px}.reference-page .sidebar{display:none}.reference-page .shell,.reference-page>.global-footer{margin-left:0}.mobile-reference-menu{display:block;background:#f1f6f6;border-bottom:1px solid var(--line)}.mobile-reference-menu summary{font-size:15px;font-weight:600;padding:14px 20px;min-height:50px;cursor:pointer;color:#254650}.mobile-reference-menu nav{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;padding:0 20px 16px}.mobile-reference-menu a{font-size:14px;min-height:44px;padding:10px 0;display:flex;align-items:center;text-decoration:none}.mobile-reference-menu a[aria-current=page]{color:var(--teal);font-weight:700}.reference-page .main{padding:28px 20px 36px}.reference-page .main h1{font-size:34px;letter-spacing:-1.3px}.reference-page>.global-footer .design-container{width:calc(100% - 40px)}.reference-page .guide-section h2{font-size:22px}.company-page .main{padding:32px 20px}.company-page .about-profile{gap:30px}.company-page .about-copy h1{font-size:39px;letter-spacing:-1.6px}.company-page .about-copy p{font-size:16px}.company-page .about-copy h2{font-size:26px}.app-page .app-feature-grid{padding-block:44px 30px}.app-page h1{font-size:43px;letter-spacing:-2px}.app-gallery{padding-block:44px}.app-gallery h2{font-size:35px;line-height:1.1}.section-intro{font-size:17px}.screenshot-gallery{grid-template-columns:1fr 1fr;gap:30px 18px;margin-top:30px}.screenshot-gallery figcaption{font-size:13px;line-height:1.5}.privacy-design .policy-hero,.privacy-design .policy-layout,.privacy-design .breadcrumbs{width:calc(100% - 40px)}.privacy-design h1{font-size:40px}.privacy-design .policy-hero{padding-top:32px}}
@media(max-width:360px){.global-header-inner,.design-container{width:calc(100% - 32px)}.clarity-grid h1{font-size:64px}.app-feature-copy h2{font-size:35px}.reference-page .main{padding-inline:16px}.reference-page .main h1{font-size:30px}.mobile-reference-menu nav{grid-template-columns:1fr}.screenshot-gallery{grid-template-columns:1fr}.screenshot-gallery figure{max-width:280px;margin:auto}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
@media print{.global-header,.global-footer,.mobile-reference-menu,.site-menu{display:none!important}.reference-page .shell{margin:0}.reference-page .main{padding:0;background:white}.reference-page .sidebar{display:none}.design-container{width:100%}.app-feature{background:white}.clarity-grid h1{font-size:60px}.topic-links{display:none}}
/* Presentation crop uses the original screenshot pixels, including its device frame. */
.phone-crop{position:relative;aspect-ratio:594/1263;overflow:hidden;width:100%;border-radius:0}.phone-crop img{position:absolute;left:-10.7744%;top:-19.7941%;width:121.2122%;height:auto;max-width:none;border-radius:0}.design-arrow{width:20px;height:20px;flex-shrink:0;margin-left:12px;vertical-align:middle}.design-button .design-arrow{filter:invert(1)}.topic-links .design-arrow{margin-left:10px}.design-text-link .design-arrow{width:17px;height:17px}.app-feature-grid{grid-template-columns:1.2fr 1fr}.app-image{width:270px;justify-self:start;margin-left:30px}.clarity-grid h1{font-size:clamp(68px,10vw,128px)}.clarity-hero{padding-top:64px}.topic-links{margin-top:42px;padding-bottom:21px}.clarity-intro{padding-top:25px;padding-bottom:0}
@media(max-width:1050px){.app-image{margin-left:5px;width:250px}.clarity-grid h1{font-size:10vw}}
@media(max-width:760px){.app-feature-grid{grid-template-columns:1fr}.app-image{margin-left:0;justify-self:center;width:min(100%,270px)}.clarity-grid h1{font-size:clamp(67px,17.5vw,110px)}.clarity-hero{padding-top:42px}.clarity-intro{padding-top:0}.topic-links{margin-top:35px}.design-arrow{width:18px;height:18px;margin-left:9px}}
@media(max-width:360px){.clarity-grid h1{font-size:64px}}
@media(min-width:761px){.clarity-hero{padding-top:58px}.topic-links{margin-top:30px}.app-feature-grid{padding-block:20px}.app-image{width:252px}.clarity-grid h1{letter-spacing:-.055em}}
.global-header{position:sticky;top:0}.reference-page .guide-hub-links a,.reference-page .guide-toc a,.reference-page .back{min-height:44px;display:inline-flex;align-items:center}
@media(max-width:760px){html{scroll-padding-top:80px}}
@media(min-width:761px){.app-feature-copy h2{font-size:clamp(40px,6vw,68px)}.company-feature{padding-top:44px}}