
/* Product walkthrough and clinician specialties: shared MedMeters visual language */
:root{--ci-ink:#112d25;--ci-green:#0c5b42;--ci-mint:#c9f2da;--ci-muted:#647b70;--ci-line:#e0eae4;--ci-paper:#f7faf7}
body.ci-page{margin:0;background:#f9fbf8;color:var(--ci-ink);font-family:Manrope,'DM Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.ci-page *{box-sizing:border-box}
.ci-page a{text-decoration:none}
.ci-wrap{max-width:1160px;margin:auto;padding:0 28px}
.ci-top{background:radial-gradient(circle at 90% 12%,#e5f9ed 0%,transparent 34%),linear-gradient(155deg,#fbfdfb,#f1f8f2);padding:84px 0 78px;border-bottom:1px solid #e2ebe4}
.ci-grid-hero{display:grid;grid-template-columns:1fr .94fr;gap:58px;align-items:center}
.ci-eyebrow{display:inline-flex;gap:7px;align-items:center;text-transform:uppercase;letter-spacing:.09em;font-size:10px;font-weight:850;color:#0c8255;border-radius:999px;background:#e5f5e9;border:1px solid #d2ebda;padding:8px 12px}
.ci-top h1{font-size:clamp(36px,4.45vw,60px);line-height:1.12;letter-spacing:-.065em;margin:24px 0 20px;color:#123e31}
.ci-top h1 em{font-style:normal;color:#15a574}
.ci-lead{font-size:15px;line-height:1.85;color:#5d7468;max-width:560px}
.ci-actions{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0 13px}
.ci-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:13px 20px;border-radius:999px;font-size:12px;font-weight:850;transition:transform .17s,background .17s}
.ci-btn:hover{transform:translateY(-2px)}.ci-btn.dark{background:#104633;color:white}.ci-btn.light{border:1px solid #cadae0;background:white;color:#165840}.ci-btn.mint{background:#d7f7e2;color:#0c6945}
.ci-caption{font-size:10px;color:#758b7f;line-height:1.7}.ci-caption a{color:#087f56;text-decoration:underline;text-underline-offset:3px}
.ci-hero-media{position:relative;border-radius:24px;overflow:hidden;min-height:420px;background:#d2eade;box-shadow:0 26px 55px rgba(20,64,44,.12)}
.ci-hero-media img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center}
.ci-hero-media:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(3,37,25,.72))}
.ci-photo-card{position:absolute;z-index:2;bottom:22px;left:22px;right:22px;border:1px solid #ffffff45;backdrop-filter:blur(18px);background:#ffffffea;border-radius:18px;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 8px 20px #163f2e2e}
.ci-photo-card .num{font-size:35px;font-weight:850;letter-spacing:-.06em;line-height:1;color:#0b704c}.ci-photo-card small{display:block;color:#698677;font-size:10px;margin:4px 0}.ci-photo-card .delta{font-weight:850;color:#0e8860;background:#e2f7e9;padding:9px;border-radius:9px;font-size:12px}
.ci-photo-card .meta{font-size:11px;color:#50725f;font-weight:800}.ci-photo-card strong{display:block;font-size:15px}
.ci-section{padding:78px 0}.ci-section.alt{background:#eff7f1}.ci-section.dark{background:#0a3028;color:white}.ci-head{max-width:810px;margin-bottom:34px}.ci-label{display:block;text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:850;color:#138760;margin-bottom:11px}.dark .ci-label{color:#83d9ae}
.ci-head h2,.ci-section h2{font-size:clamp(27px,3vw,42px);line-height:1.17;letter-spacing:-.055em;margin:0 0 14px}
.ci-head p,.ci-section p{font-size:13px;line-height:1.9;color:#657a70}.dark p{color:#c3d9ce}
.ci-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:0}
.ci-stat{padding:20px 22px;border-radius:16px;background:white;border:1px solid #e1ece4}
.ci-stat strong{font-size:30px;display:block;color:#0b684b;letter-spacing:-.04em}.ci-stat span{font-size:11px;color:#6a7c70}
.ci-duo{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}
.ci-card{background:white;border:1px solid #e0eae4;border-radius:21px;padding:27px;box-shadow:0 14px 35px rgba(22,55,37,.035)}.ci-card h3{font-size:20px;letter-spacing:-.035em;margin:9px 0 12px}.ci-card h4{font-size:14px;margin:13px 0 7px}.ci-card p{font-size:12px;line-height:1.8}.ci-card ul{padding-left:18px;margin:14px 0;color:#465e51;font-size:12px;line-height:2}
.ci-chip{display:inline-flex;align-items:center;border:1px solid #d4e9da;background:#edf8f0;padding:5px 9px;border-radius:999px;color:#0f764f;font-size:10px;font-weight:850}
.ci-source{font-size:11px;color:#638174;line-height:1.75;margin-top:18px}.ci-source a{color:#087c56;text-decoration:underline;text-underline-offset:3px}
.ci-callout{border-radius:16px;border:1px solid #cfe5d7;padding:18px 20px;background:#e8f7ed;color:#36614d;font-size:12px;line-height:1.75;margin-top:18px}.ci-callout strong{color:#0b6444}
.ci-flow{display:grid;grid-template-columns:1fr 1.3fr;gap:26px;align-items:start}
.ci-step-list{display:grid;gap:9px}
.ci-step{width:100%;display:flex;gap:12px;align-items:flex-start;text-align:left;border:1px solid #dce8e0;border-radius:14px;background:white;padding:14px 15px;cursor:pointer;font:inherit;color:#28503d;transition:border-color .2s,box-shadow .2s}
.ci-step strong{font-size:12px;display:block;margin:4px 0}.ci-step span{font-size:11px;color:#668274}.ci-step i{width:29px;height:29px;flex-shrink:0;display:grid;place-items:center;border-radius:9px;background:#edf6ee;color:#13815a;font-weight:800;font-size:11px;font-style:normal}
.ci-step[aria-selected=true]{border-color:#59c696;background:#f1fbf4;box-shadow:0 10px 22px #0f6f4420}.ci-step[aria-selected=true] i{background:#0d7551;color:white}
.ci-demo{border:1px solid #d9e8dd;background:white;border-radius:24px;overflow:hidden;box-shadow:0 20px 48px rgba(21,61,37,.06)}
.ci-demo-top{padding:18px 22px;background:#0b382c;color:white;display:flex;justify-content:space-between;align-items:center;font-size:11px;gap:10px}
.ci-demo-body{padding:30px;min-height:300px}.ci-demo-eyebrow{text-transform:uppercase;letter-spacing:.09em;color:#15936a;font-size:10px;font-weight:850}.ci-demo h3{font-size:24px;letter-spacing:-.04em;margin:14px 0}.ci-demo p{font-size:13px;color:#5e786a;line-height:1.8}.ci-demo-big{display:flex;align-items:baseline;gap:10px;margin:26px 0 10px}.ci-demo-big strong{font-size:60px;color:#127b55;letter-spacing:-.08em;line-height:1}.ci-demo-big span{font-size:12px;color:#678274}.ci-track{height:9px;background:#e4f1e8;border-radius:999px;overflow:hidden;margin:25px 0 15px}.ci-track span{display:block;height:100%;width:20%;background:linear-gradient(90deg,#0e7c56,#46c78d);border-radius:999px;transition:width .24s}
.ci-demo-note{background:#f1f8f3;padding:16px 20px;font-size:11px;color:#637a70;line-height:1.75;border-top:1px solid #e1ede5}
.ci-measure{display:grid;grid-template-columns:1fr 1.1fr;gap:24px}
.ci-resultbox{padding:28px;background:#0e392e;color:white;border-radius:22px}.ci-resultbox h3{font-size:19px;letter-spacing:-.04em}.ci-resultbox p{color:#b5d5c4}.ci-resultrow{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:24px 0}.ci-resultrow div{padding:16px;background:#ffffff12;border-radius:12px}.ci-resultrow span{display:block;color:#c0d8c9;font-size:10px}.ci-resultrow strong{display:block;color:#d2f8db;font-size:31px;margin:7px 0 0}.ci-mini-bars{display:flex;gap:15px;align-items:flex-end;height:145px;padding-top:10px}.ci-mini-bars div{flex:1;height:100%;display:flex;gap:9px;flex-direction:column;justify-content:end;align-items:center;color:#b7d8c9;font-size:10px}.ci-mini-bars i{display:block;width:72%;border-radius:8px 8px 2px 2px;background:#49c98e;opacity:.75}.ci-mini-bars div:last-child i{opacity:1;background:#bcf3b9}
.ci-code{background:#112b24;border-radius:18px;overflow:hidden;color:#bce8cf}.ci-code pre{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11.4px;line-height:1.8;white-space:pre-wrap;word-break:break-word;margin:0;padding:23px}.ci-code .head{padding:13px 20px;border-bottom:1px solid #315244;color:#a8c3b4;font-size:10px;font-weight:750}
.ci-pair{display:grid;grid-template-columns:repeat(2,1fr);gap:19px}
.ci-mode{border:1px solid #dce8df;background:white;border-radius:17px;padding:24px}.ci-mode h3{font-size:19px;margin:12px 0 5px;letter-spacing:-.03em}.ci-mode small{color:#7c8f85;font-size:10px;letter-spacing:.06em;font-weight:800}.ci-mode p{font-size:12px}.ci-mode a{color:#0e7652;font-size:12px;font-weight:800}
.ci-imageband{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:23px 0}.ci-imageband img{height:210px;width:100%;object-fit:cover;border-radius:17px}
.ci-hero-sub{padding:14px 0;color:#648174;font-size:11px}
.ci-specialty-head{display:grid;grid-template-columns:.85fr 1.15fr;gap:35px;align-items:center}
.ci-specialty-head img{width:100%;height:360px;object-fit:cover;border-radius:21px;box-shadow:0 16px 38px #0e4d2b20}
.ci-specialty-head h3{font-size:29px;line-height:1.25;letter-spacing:-.045em;margin:12px 0}
.ci-specialty-head p{max-width:540px}
.ci-matrix{width:100%;border-collapse:collapse;text-align:left;margin-top:22px;background:white;border-radius:15px;overflow:hidden;border:1px solid #e3ebe5}.ci-matrix th{background:#f1f8f3;color:#466a57;font-size:10px;letter-spacing:.05em;text-transform:uppercase;padding:14px}.ci-matrix td{font-size:11px;color:#4d6757;padding:14px;border-top:1px solid #e7eee8}.ci-matrix td:first-child{font-weight:800;color:#163b2c}
.ci-specialty-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.ci-specialty-card{background:white;border:1px solid #e2ede5;border-radius:19px;overflow:hidden;display:flex;flex-direction:column}.ci-specialty-card img{width:100%;height:160px;object-fit:cover}.ci-specialty-card .body{padding:21px;flex:1}.ci-specialty-card h3{font-size:17px;letter-spacing:-.04em;margin:4px 0 12px}.ci-specialty-card p{font-size:11px;line-height:1.75;margin:7px 0}.ci-specialty-card small{color:#12805b;font-size:10px;font-weight:850}.ci-specialty-card .protocols{color:#1c5540;font-weight:750}
.ci-journey{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.ci-journey article{border-radius:16px;padding:22px;background:#fff;border:1px solid #dceadd}.ci-journey span{font-size:10px;color:#12845a;font-weight:850}.ci-journey h3{margin:10px 0;font-size:18px}.ci-journey p{font-size:11px}
.ci-last{display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px}.ci-last h2{color:white}.ci-last p{color:#c8e1d2}
.ci-foot{background:#061f19;color:#d9eddf;padding:35px 0;font-size:11px}.ci-footinner{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px}.ci-foot a{color:#b6eecb;margin-left:14px}.ci-foot small{color:#9bbcaf}
.ci-page :focus-visible{outline:3px solid #4ecb92;outline-offset:3px}
@media(max-width:1000px){.ci-grid-hero{grid-template-columns:1fr;gap:30px}.ci-hero-media{min-height:390px}.ci-specialty-grid{grid-template-columns:repeat(2,1fr)}.ci-flow{grid-template-columns:1fr}.ci-step-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.ci-wrap{padding:0 18px}.ci-top{padding:45px 0 52px}.ci-section{padding:56px 0}.ci-top h1{font-size:36px;line-height:1.16}.ci-lead{font-size:13px}.ci-hero-media{min-height:330px}.ci-duo,.ci-pair,.ci-measure,.ci-specialty-head,.ci-journey,.ci-specialty-grid,.ci-last{grid-template-columns:1fr}.ci-stat-grid{grid-template-columns:repeat(3,1fr);gap:7px}.ci-stat{padding:14px 9px}.ci-stat strong{font-size:22px}.ci-stat span{font-size:9px}.ci-step-list{grid-template-columns:1fr}.ci-demo-body{padding:22px;min-height:270px}.ci-imageband img{height:150px}.ci-specialty-head img{height:240px}.ci-resultrow strong{font-size:23px}.ci-resultrow div{padding:12px}.ci-card{padding:21px}.ci-matrix{display:block;overflow-x:auto}.ci-matrix th,.ci-matrix td{white-space:nowrap}.ci-foot a{margin:0 14px 0 0}.ci-photo-card{left:12px;right:12px;bottom:12px;padding:12px}.ci-photo-card .num{font-size:30px}}
