/* hyperspherehealth.com - site v13. White ground, navy type, one teal for data and the button, hairline rules.
   Barlow Condensed display, Barlow body at 18px or larger, IBM Plex Mono for labels and source lines only
   (.lbl and .cite are the two text styles allowed under 18px). Motion only where a number moves or a clip plays. */
@font-face{font-family:'Barlow';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/barlow-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'Barlow';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/barlow-latin-500-normal.woff2') format('woff2')}
@font-face{font-family:'Barlow';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/barlow-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/barlow-condensed-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/barlow-condensed-latin-700-normal.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/ibm-plex-mono-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/ibm-plex-mono-latin-500-normal.woff2') format('woff2')}
:root{--navy:#0B1F3A;--teal:#1F8A8A;--rule:#D9E2E6;--rule2:#EEF2F4;--ink2:#26384A;--grey:#5B6B78;--tint:#F7FAFB;--on:#C9D6E2;--on2:#9FB3C8;--navy2:#13294A;--navy3:#27405C;
  --body:'Barlow',sans-serif;--cond:'Barlow Condensed','Barlow',sans-serif;--mono:'IBM Plex Mono','Barlow',sans-serif;--wrap:1240px;--pad:20px}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:88px}
body{margin:0;background:#fff;color:var(--navy);font-family:var(--body);font-size:18px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
svg,img,video{max-width:100%;display:block}
a{color:var(--navy);text-underline-offset:4px;text-decoration-thickness:1px}
a:hover{color:var(--teal)}
:focus-visible{outline:3px solid var(--teal);outline-offset:3px;border-radius:3px}
.skip{position:absolute;left:-9999px;top:0;background:var(--navy);color:#fff;padding:12px 18px;font-weight:600;z-index:100}
.skip:focus{left:12px;top:12px}
.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 var(--pad)}
[hidden]{display:none!important}
.lbl{font-family:var(--mono);font-size:13px;line-height:1.4;letter-spacing:.1em;text-transform:uppercase;color:var(--grey);display:block;margin:0;max-width:none}
.lbl.t{color:var(--teal)}
.cite{font-family:var(--mono);font-size:12px;line-height:1.5;color:var(--grey);letter-spacing:.02em;display:block;margin-top:8px;max-width:none}
.cite a,a.cite{color:var(--grey)}
.fig{font-variant-numeric:tabular-nums;white-space:nowrap}
sup.fn{font-size:18px;line-height:0;vertical-align:.45em;margin-left:2px}
sup.fn a{text-decoration:none;color:var(--teal);font:600 18px var(--body);padding:3px}

/* header */
.top{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);border-bottom:1px solid var(--rule)}
.top .wrap{display:flex;align-items:center;gap:10px 14px;min-height:72px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}
.brand{display:flex;align-items:center;gap:12px;color:var(--navy);text-decoration:none;font:700 22px/1 var(--cond);letter-spacing:.02em;text-transform:uppercase;margin-right:auto}
.brand svg{width:28px;height:28px;flex:none}
.brand i{font:500 18px/1 var(--cond);color:var(--grey);text-transform:none;letter-spacing:.01em;display:none}
.menu-btn{display:none;background:#fff;border:1px solid var(--navy);color:var(--navy);font:600 18px var(--body);padding:9px 14px;border-radius:4px;cursor:pointer}
.nav{display:flex;flex-direction:column;width:100%;order:5;padding:6px 0 10px;border-top:1px solid var(--rule)}
.nav a,.nav summary{color:var(--navy);text-decoration:none;font-weight:500;font-size:18px;padding:12px 2px;display:block;cursor:pointer}
.nav a:hover,.nav summary:hover{color:var(--teal)}
.nav a[aria-current="page"]{font-weight:600;box-shadow:inset 3px 0 0 var(--teal);padding-left:12px}
.nav summary{list-style:none}.nav summary::-webkit-details-marker{display:none}
.nav summary::after{content:" ▾";color:var(--grey)}
.nav details .sub{padding:0 0 6px 16px;border-left:1px solid var(--rule);margin-left:4px}
.js .menu-btn{display:inline-block}
.js .nav{display:none}.js .nav.open{display:flex}

/* buttons: teal is for data and this button */
.cta{display:inline-block;background:var(--teal);color:#fff;font:600 18px/1.2 var(--body);padding:16px 26px;border-radius:4px;border:1px solid var(--teal);text-decoration:none;cursor:pointer;text-align:center}
.cta:hover{background:#17706f;border-color:#17706f;color:#fff}
.cta.navy{background:var(--navy);border-color:var(--navy)}
.cta.navy:hover{background:var(--navy2);border-color:var(--navy2)}
.top .cta{padding:12px 18px}
.btn2{display:inline-block;background:#fff;color:var(--navy);font:600 18px/1.2 var(--body);padding:16px 24px;border-radius:4px;border:1px solid var(--navy);text-decoration:none;cursor:pointer}
.btn2:hover{background:var(--navy);color:#fff}
.more{font-weight:600;font-size:18px;text-decoration:none;color:var(--navy);border-bottom:1px solid var(--navy);padding-bottom:1px}
.more:hover{color:var(--teal);border-color:var(--teal)}
.actions{margin-top:28px;display:flex;flex-wrap:wrap;gap:14px 20px;align-items:center}
.actions>*{max-width:100%}

/* sections and type */
.sec{padding:64px 0}
.sec.first{padding-top:56px}
.band{background:var(--tint);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.dark{background:var(--navy);color:#fff}
.dark h2,.dark h3{color:#fff}
.dark p{color:var(--on)}
.dark .lbl,.dark .cite,.dark .cite a,.dark a.cite{color:var(--on2)}
.dark sup.fn a{color:#fff}
h1,h2,h3{font-family:var(--cond);font-weight:600;line-height:1.06;margin:0;color:var(--navy);text-wrap:balance;letter-spacing:-.005em}
h1{font-size:clamp(40px,7.4vw,64px);line-height:1.02}
h2{font-size:clamp(32px,5vw,44px)}
h3{font:600 20px/1.3 var(--body);letter-spacing:0}
p{margin:16px 0 0;max-width:40em;color:var(--ink2);text-wrap:pretty}
.sub{font-size:clamp(20px,2.6vw,22px);line-height:1.45;max-width:26em;color:var(--ink2);margin-top:20px}
.line{font-size:18px;color:var(--grey);margin-top:16px}
.lede{font-size:clamp(19px,2.2vw,21px);line-height:1.5;max-width:36em;color:var(--ink2)}
.pull{font-style:italic;font-size:clamp(19px,2.2vw,20px);line-height:1.5;max-width:44em;color:var(--ink2);margin-top:36px}
.strong{font-weight:600;font-size:clamp(20px,2.4vw,22px);line-height:1.35;color:var(--navy)}
.eyebrow{font-family:var(--mono);font-size:13px;line-height:1.4;letter-spacing:.12em;text-transform:uppercase;color:var(--teal);margin:0 0 18px;max-width:none}
.split{display:grid;gap:36px;align-items:start}
.num{font:700 clamp(44px,8vw,56px)/1 var(--cond);color:var(--navy);font-variant-numeric:tabular-nums;display:block;letter-spacing:-.005em}
.num.t{color:var(--teal)}
.num.long{font-size:clamp(34px,6.4vw,46px)}
.lab-l{font-size:18px;line-height:1.45;color:var(--ink2);display:block;max-width:26em}

/* imagery slots: a line illustration until the still and the clip exist */
.slot{position:relative;border-radius:3px;overflow:hidden}
.slot svg{width:100%;height:auto}
.slot.has-media{aspect-ratio:3/2;background:var(--tint)}
.slot.has-media img,.slot.has-media video{width:100%;height:100%;object-fit:cover}
.slot .chip{position:absolute;left:10px;right:10px;bottom:10px;background:var(--teal);color:#fff;border-radius:3px;padding:6px 8px;text-align:center}
.slot .chip.lbl,.ab-card.b .slot .chip.lbl{font-family:var(--mono);color:#fff;letter-spacing:.04em;font-size:12px}

/* hero */
.hero{display:grid;gap:40px;align-items:center}
.ab{display:grid;grid-template-columns:1fr;gap:16px}
.ab-card{border:1px solid var(--rule);border-radius:4px;padding:18px;background:#fff;display:flex;flex-direction:column;gap:12px}
.ab-card p{margin:0;font-size:18px;line-height:1.45;max-width:none}
.ab-card.b{background:var(--navy);border-color:var(--navy);color:#fff}
.ab-card.b p{color:var(--on)}
.ab-card.b strong{color:#fff}
.ab-card.b .lbl{color:var(--on2)}

/* counters */
.counters{display:grid;gap:32px;margin-top:36px}
.counter{border-top:2px solid var(--navy);padding-top:14px;display:flex;flex-direction:column;gap:8px}
.counter.t{border-top-color:var(--teal)}
.grid100{width:100%;max-width:286px}

/* Boyd panel */
.panel{border:1px solid var(--rule);border-radius:4px;padding:26px 24px;background:#fff;display:flex;flex-direction:column;gap:16px}
.panel-head{display:flex;justify-content:space-between;gap:14px;align-items:baseline}
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.trio .num{font-size:clamp(48px,9vw,64px)}
.rows-m{display:grid;font-size:18px;color:var(--ink2)}
.rows-m div{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:10px;padding:9px 0;border-top:1px solid var(--rule2)}
.rows-m div.two{grid-template-columns:1.2fr 1fr}
.rows-m span+span{color:var(--grey)}

/* engine (the dark strip) */
.engine-grid{display:grid;gap:44px}
.stat2{display:grid;gap:24px;margin-top:26px}
.stat2>div{border-top:2px solid var(--teal);padding-top:12px}
.dark .num{color:#fff}
.dark .lab-l{color:var(--on)}
.eng{display:grid;grid-template-columns:1fr 1fr;gap:18px 28px;align-content:start}
.eng .num{font-size:clamp(40px,7vw,52px)}
.eng .lab-l{color:var(--on2)}
.eng .wide{grid-column:1/-1;padding-top:8px}
.eng .wide .num{font-size:clamp(40px,9.4vw,72px)}
.note{font-size:18px;color:var(--on2)}

/* journey */
.journey{display:grid;gap:20px;margin:36px 0 0;padding:0;list-style:none;counter-reset:j}
.journey li{border:1px solid var(--rule);border-radius:4px;padding:22px;display:flex;flex-direction:column;gap:10px;background:#fff}
.journey li.step{counter-increment:j}
.journey li.step .k::before{content:counter(j,decimal-leading-zero)}
.journey .k{font-family:var(--mono);font-size:13px;color:var(--teal);letter-spacing:.06em}
.journey p{margin:0;font-size:18px;line-height:1.5;max-width:none}
.journey li.last{background:var(--navy);border-color:var(--navy);color:#fff}
.journey li.last h3{color:#fff}.journey li.last p{color:var(--on)}.journey li.last .k{color:var(--on2)}
.journey li.aside{border-style:dashed;justify-content:space-between}
.journey li.aside p{font-style:italic}
.journey li[tabindex]{cursor:pointer}

/* lab-report cards */
.cards{display:grid;gap:22px;margin-top:32px}
.cards>*,.counters>*,.journey>*,.tiles>*,.split>*,.hero>*,.engine-grid>*,.eng>*{min-width:0}
.lab{border:1px solid var(--rule);border-radius:4px;background:#fff;display:flex;flex-direction:column;padding:22px;gap:12px}
.lab header{display:grid;gap:8px}
.lab header b{font:600 20px/1.3 var(--body);color:var(--navy);overflow-wrap:anywhere}
.lab .cite,.lab .lbl{overflow-wrap:anywhere}
.lab dl{margin:0;flex:1;font-family:var(--mono)}
.lab dl div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 14px;align-items:baseline;padding:7px 0}
.lab dt{font-size:18px;color:var(--ink2)}
.lab dd{margin:0;font-size:18px;font-weight:500;color:var(--navy);font-variant-numeric:tabular-nums;text-align:right}
.lab dd.nr{color:var(--grey);font-weight:400;white-space:normal}
.lab .txt{font-size:18px;margin:0;flex:1}
.lab footer{border-top:1px solid var(--rule2);padding-top:10px}
.lab footer .cite{margin:0}

/* tiles, bench, partners, principles, quotes */
.tiles{display:grid;gap:20px}
.tile{background:#fff;border:1px solid var(--rule);border-radius:4px;padding:22px;display:flex;flex-direction:column;gap:10px;text-decoration:none;color:var(--navy)}
.tile:hover{border-color:var(--navy);color:var(--navy)}
.tile b{font:600 20px/1.3 var(--body)}
.roles{font-size:18px;line-height:1.6;color:var(--ink2);margin:0;max-width:none}
.roles strong{color:var(--navy);font-weight:600}
.panel .foot{border-top:1px solid var(--rule2);padding-top:12px;font-size:18px;color:var(--grey);margin:0}
.bench{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:0;border-top:1px solid var(--navy)}
.bench li{padding:14px 0;border-bottom:1px solid var(--rule);font-size:18px;line-height:1.5;color:var(--ink2)}
.bench li b{font-weight:600;color:var(--navy)}
.partners{list-style:none;display:flex;flex-wrap:wrap;gap:18px 44px;align-items:center;padding:0;margin:24px 0 0}
.wordmark{font:700 clamp(26px,3.6vw,34px)/1 var(--cond);color:var(--navy);letter-spacing:.02em;white-space:nowrap;text-transform:uppercase}
.principles{list-style:none;padding:0;margin:28px 0 0;border-top:1px solid var(--navy);counter-reset:pr}
.principles li{counter-increment:pr;padding:16px 0 16px 56px;border-bottom:1px solid var(--rule);font-size:clamp(19px,2.2vw,21px);position:relative;font-weight:500}
.principles li::before{content:counter(pr,decimal-leading-zero);position:absolute;left:0;top:20px;font-family:var(--mono);font-size:13px;color:var(--teal);letter-spacing:.06em}
.quotes{display:grid;gap:22px;margin-top:32px}
.quote{border-top:1px solid var(--navy);padding-top:18px;margin:0}
.quote blockquote{margin:0;font-size:clamp(19px,2.2vw,21px);line-height:1.45}
.quote figcaption{margin-top:12px;font-size:18px}
.quote figcaption b{font-weight:600}

/* form */
form.contact{display:grid;gap:18px;margin-top:30px;max-width:680px}
.field label{display:block;font-weight:600;margin-bottom:6px;font-size:18px}
.field input{width:100%;font:500 20px/1.2 var(--body);color:var(--navy);background:#fff;border:1px solid var(--navy);border-radius:4px;padding:14px;min-height:56px}
.field input:focus{outline:3px solid var(--teal);outline-offset:1px}
.hp{position:absolute;left:-5000px}
.form-note{color:var(--grey);font-size:18px}
.form-msg{font-weight:600;font-size:20px;min-height:1.5em;margin:0}

/* sources, footer */
.sources{padding:40px 0;border-top:1px solid var(--rule);background:var(--tint)}
.sources h2{font-family:var(--mono);font-weight:500;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--grey)}
.sources ol,.sources ul{margin:16px 0 0;padding-left:1.4em;display:grid;gap:10px;color:var(--ink2);font-size:18px;line-height:1.5;max-width:62em}
.sources li:target{background:#e3f1f1;outline:6px solid #e3f1f1}
.sources.reflist{border:1px solid var(--rule);border-radius:4px;padding:8px 22px 22px;margin-top:24px}
footer.foot{background:var(--navy);color:var(--on2);border-top:1px solid var(--navy3);padding:26px 0 30px}
.foot .wrap{display:grid;gap:14px}
.foot-nav{display:flex;flex-wrap:wrap;gap:4px 24px;margin:0;padding:0;list-style:none}
.foot-nav a{text-decoration:none;color:var(--on);padding:6px 0;display:inline-block;font-size:18px}
.foot-nav a:hover{color:#fff}
.legal{color:var(--on2);font-size:18px;margin:0;max-width:none}

/* demo (Evidence) */
.demo{border:1px solid var(--rule);border-radius:4px;margin-top:30px;background:#fff}
.demo-bar{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--rule)}
.demo-bar .who,.stage .who{display:flex;flex-wrap:wrap;gap:8px}
.clock{font-family:var(--mono);font-size:18px;font-variant-numeric:tabular-nums;color:var(--navy);white-space:nowrap}
.chip{font:500 18px/1.2 var(--body);color:var(--navy);background:#fff;border:1px solid var(--navy);border-radius:4px;padding:9px 15px;cursor:pointer}
.chip[aria-pressed="true"]{background:var(--navy);color:#fff}
.steps-nav{display:grid;grid-template-columns:repeat(8,1fr);border-bottom:1px solid var(--rule)}
.steps-nav button{border:0;border-right:1px solid var(--rule);background:#fff;font-family:var(--mono);font-size:18px;color:var(--grey);padding:12px 0;cursor:pointer}
.steps-nav button:last-child{border-right:0}
.steps-nav button[aria-current="step"]{background:var(--navy);color:#fff}
.steps-nav button.done{color:var(--teal)}
.stage{padding:22px 18px 24px;min-height:420px}
.stage h3{font:600 clamp(26px,4vw,32px)/1.1 var(--cond)}
.stage .say{font-size:18px;color:var(--grey);margin-top:8px;max-width:44em}
.rows{list-style:none;margin:18px 0 0;padding:0;border-top:1px solid var(--navy)}
.rows li{display:grid;grid-template-columns:1fr auto;gap:6px 16px;padding:10px 0;border-bottom:1px solid var(--rule2);font-size:18px;line-height:1.4;align-items:baseline}
.rows li b{font:700 24px/1 var(--cond);color:var(--teal);font-variant-numeric:tabular-nums;white-space:nowrap}
.rows li small{font-size:18px;color:var(--grey);grid-column:1/-1}
.rows li.dim{color:var(--grey)}
.rows .tagp{font-family:var(--mono);font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--navy);border:1px solid var(--navy);padding:4px 8px;border-radius:3px;white-space:nowrap}
.rows .tagp.u{background:var(--navy);color:#fff}
.total{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-top:16px;padding-top:12px;border-top:1px solid var(--navy);font-size:18px}
.total b{font:700 clamp(48px,11vw,72px)/.95 var(--cond);color:var(--teal);font-variant-numeric:tabular-nums}
.stamp{font-family:var(--mono);font-size:18px;color:var(--grey);font-variant-numeric:tabular-nums}
.demo-foot{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;justify-content:space-between;padding:14px 18px;border-top:1px solid var(--rule)}
.demo-foot .cite{margin:0;flex:1 1 260px}
.queues{display:grid;gap:14px;margin-top:18px}
.queue{border:1px solid var(--rule);border-radius:4px;padding:12px 14px}
.queue h4{margin:0 0 6px;font-family:var(--mono);font-weight:500;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--grey)}
.queue ol{margin:0;padding-left:1.3em;font-size:18px;line-height:1.5}
.queue li.new{color:var(--teal);font-weight:600}

@media (min-width:560px){
  .ab{grid-template-columns:1fr 1fr}
  .counters{grid-template-columns:1fr 1fr}
  .journey{grid-template-columns:1fr 1fr}
  .tiles{grid-template-columns:1fr 1fr}
  .stat2{grid-template-columns:1fr 1fr}
}
@media (min-width:820px){
  :root{--pad:32px}
  .sec{padding:96px 0}
  .sec.first{padding-top:88px}
  .sec.mid{padding:80px 0}
  .brand i{display:inline}
  .split{grid-template-columns:1fr 1fr;gap:64px}
  .cards.c2{grid-template-columns:repeat(2,1fr)}
  .quotes{grid-template-columns:1fr 1fr}
  .queues{grid-template-columns:repeat(4,1fr)}
  form.contact{grid-template-columns:1fr 1fr}
  form.contact .full{grid-column:1/-1}
  .stage{padding:26px 24px 28px}
  .panel{padding:28px 32px}
}
@media (min-width:1080px){
  .js .menu-btn,.menu-btn{display:none}
  .top .wrap{flex-wrap:nowrap}
  .nav,.js .nav{display:flex;flex-direction:row;align-items:center;width:auto;order:2;padding:0;border-top:0;gap:8px}
  .top .cta{order:3;margin-left:10px}
  .nav a,.nav summary{padding:10px 12px}
  .nav a[aria-current="page"]{box-shadow:inset 0 -3px 0 var(--teal);padding-left:12px}
  .nav details{position:relative}
  .nav details .sub{position:absolute;left:0;top:100%;background:#fff;border:1px solid var(--rule);border-radius:4px;padding:6px;margin:0;min-width:280px;z-index:60}
  .hero{grid-template-columns:1.15fr .85fr;gap:64px}
  .counters{grid-template-columns:repeat(4,1fr)}
  .counter .num.long{font-size:clamp(34px,3.3vw,46px)}
  .journey{grid-template-columns:repeat(4,1fr)}
  .tiles{grid-template-columns:repeat(4,1fr)}
  .cards.c3{grid-template-columns:repeat(3,1fr)}
  .engine-grid{grid-template-columns:.9fr 1.1fr;gap:72px}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
}

/* privacy */
.policy h2{font-size:clamp(26px,3.6vw,32px);margin-top:44px}
.policy ul{margin:16px 0 0;padding-left:22px;max-width:40em;color:var(--ink2)}
.policy li{margin-top:8px}
.policy a,.form-note a{color:var(--teal);overflow-wrap:anywhere}

/* audience pages (v14) */
.gets{display:grid;gap:28px;margin:32px 0 0;padding:0;list-style:none}
.gets>*{min-width:0}
.gets li{border-top:2px solid var(--teal);padding-top:18px}
.gets .ic{width:56px;height:56px;display:block;margin-bottom:12px}
.gets .ic .t{stroke:var(--teal)}
.gets h3{font-size:clamp(24px,3vw,28px)}
.gets p{margin-top:10px;font-size:18px;line-height:1.5}
.stat1{border-top:2px solid var(--teal);padding-top:12px;margin-top:22px;display:flex;flex-direction:column;gap:6px}
.panel .foot .more{margin-left:4px}
@media (min-width:820px){.split.proof{align-items:center}}
@media (min-width:820px){.gets{grid-template-columns:repeat(3,1fr);gap:40px}}

/* v15: audience centerpieces, How it starts, bench line */
.hero-t{max-width:46em}
.illus,.cp-bars{margin:40px 0 0;border:1px solid var(--rule);border-radius:4px;background:#fff;padding:22px 20px}
.illus figcaption,.cp-bars figcaption{margin-bottom:16px}
.illus-tag{color:var(--teal)}
/* timeline */
.tl{list-style:none;margin:0;padding:0 0 0 18px;border-left:2px solid var(--rule);display:grid;gap:22px}
.tl>li{position:relative;min-width:0}
.tl>li::before{content:"";position:absolute;left:-26px;top:4px;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid var(--navy)}
.tl>li.alert::before{background:var(--teal);border-color:var(--teal)}
.tl .day{font-family:var(--mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--teal);display:block}
.tl b{display:block;font:600 22px/1.2 var(--cond);color:var(--navy);margin:4px 0 8px}
.tl p{margin:6px 0 0;font-size:18px;line-height:1.4;max-width:none}
.tl p span{display:block;font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:2px}
.tl .miss{color:var(--grey)}
.tl .miss span{color:var(--grey)}
.tl .fire{color:var(--navy);border-left:3px solid var(--teal);padding-left:10px}
.tl .fire span{color:var(--teal)}
/* two-bar comparison */
.bar-row{display:grid;gap:8px;margin-top:18px}
.bar-l{font-size:18px;color:var(--ink2)}
.track{display:flex;height:48px;background:var(--rule2);border-radius:3px;overflow:hidden}
.seg.base{width:61.7%;background:var(--navy)}
.seg.gap{width:38.3%;background:var(--teal)}
.gap-lbl{margin:0;text-align:right;font-family:var(--mono);font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--teal);max-width:none;border-top:2px solid var(--teal);margin-left:61.7%;padding-top:6px}
.gap-order{margin:24px 0 0;padding-left:24px;display:grid;gap:8px}
.gap-order li{font-size:18px;line-height:1.45;color:var(--ink2)}
.gap-order li:first-child b{color:var(--teal)}
.bar-foot{font-size:18px;color:var(--ink2);margin-top:18px;max-width:none}
/* worklist */
.wl-head{display:flex;justify-content:space-between;gap:12px;background:var(--navy);color:#fff;font-family:var(--mono);font-size:13px;letter-spacing:.06em;text-transform:uppercase;padding:10px 14px;border-radius:3px 3px 0 0}
.wl{list-style:none;margin:0;padding:0;border:1px solid var(--rule);border-top:0}
.wl>li{display:grid;grid-template-columns:36px 1fr;gap:10px 14px;padding:16px 14px;border-top:1px solid var(--rule2);min-width:0}
.wl>li:first-child{border-top:0;background:var(--tint)}
.wl>li>*{min-width:0}
.wl .rk{font:700 30px/1 var(--cond);color:var(--teal);grid-row:span 4}
.wl .pt b{display:block;font-size:18px;color:var(--navy)}
.wl .pt span,.wl .ref{display:block;font-size:18px;color:var(--grey)}
.wl .lbl{display:block;margin-bottom:2px}
.wl .ix,.wl .px{font-size:18px;color:var(--ink2);line-height:1.4}
.wl .px b{display:block;font-weight:600;color:var(--navy)}
.wl .ref{font-style:italic}
.wl .ax{display:flex;flex-wrap:wrap;gap:8px}
.wl .ax span{border:1px solid var(--navy);border-radius:3px;padding:6px 12px;font-size:18px;font-weight:600;color:var(--navy)}
.wl .ax span:first-child{background:var(--navy);color:#fff}
.wl-note{font-size:18px;color:var(--grey);margin-top:14px;max-width:none}
/* payer bands */
.pbands{display:flex;height:64px;border-radius:3px;overflow:visible;margin-top:28px}
.pb{position:relative;min-width:0}
.pb.com{flex:49;background:var(--navy)}.pb.mcr{flex:17;background:var(--teal)}.pb.mcd{flex:22;background:#5B7FA3}.pb.aca{flex:7;background:#9FB3C8}.pb.uni{flex:5;background:var(--rule)}
.pb .her{position:absolute;left:50%;top:-26px;transform:translateX(-50%);font:600 18px/1 var(--body,inherit);font-style:normal;color:var(--navy)}
.pb .her::after{content:"";position:absolute;left:50%;top:22px;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:#fff;border:2px solid var(--navy)}
.pkey{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:8px}
.pkey li{display:flex;align-items:center;gap:10px;font-size:18px;color:var(--ink2)}
.sw{width:18px;height:18px;border-radius:2px;flex:none}
.sw.com{background:var(--navy)}.sw.mcr{background:var(--teal)}.sw.mcd{background:#5B7FA3}.sw.aca{background:#9FB3C8}.sw.uni{background:var(--rule)}
.pnote{font-size:18px;color:var(--navy);font-weight:600;margin-top:16px;max-width:none}
.cp-total{font-size:18px;color:var(--ink2);margin-top:14px}
/* How it starts */
.starts{list-style:none;margin:0;padding:0;counter-reset:s;display:grid;gap:0}
.starts>li{counter-increment:s;display:grid;grid-template-columns:44px 1fr;gap:14px;padding:18px 0;border-top:1px solid var(--rule)}
.starts>li:first-child{border-top:2px solid var(--teal)}
.starts .k::before{content:counter(s,decimal-leading-zero);font-family:var(--mono);font-size:13px;color:var(--teal);letter-spacing:.06em}
.starts h3{font-size:clamp(22px,2.6vw,26px)}
.starts p{margin-top:6px;font-size:18px;line-height:1.5;max-width:none}
.benchline{font-size:clamp(19px,2.2vw,21px);line-height:1.5;max-width:44em;color:var(--ink2);margin:0}
@media (min-width:820px){
  .illus,.cp-bars{padding:28px 32px}
  .pkey{display:flex;flex-wrap:wrap;gap:10px 28px}
  .wl>li{grid-template-columns:44px 1fr 1.2fr 1.8fr;align-items:start}
  .wl .rk{grid-row:auto}
  .wl .ax{grid-column:2 / -1}
}
@media (min-width:1080px){
  .tl{grid-template-columns:repeat(5,1fr);border-left:0;border-top:2px solid var(--rule);padding:0;gap:24px}
  .tl>li{padding-top:24px}
  .tl>li::before{left:0;top:-8px}
  .wl>li{grid-template-columns:44px 1fr 1.1fr 1.7fr auto}
  .wl .ax{grid-column:auto;flex-direction:column}
}

/* integration page */
.principles3{margin-top:36px}
.rt{margin:32px 0 0;border:1px solid var(--rule);border-radius:4px;background:#fff;padding:12px}
.rt-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.rt-scroll svg{display:block;width:100%;min-width:860px;height:auto}
.rt-steps{margin-top:28px}
.rt-hint{margin:0 0 8px;color:var(--teal);max-width:none}
.legend{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:10px}
.legend li{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:18px;color:var(--ink2)}
.pill{display:inline-block;font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:4px 8px;border-radius:3px;line-height:1.3}
.pill.std{background:#E3F2F1;color:#16676A}
.pill.site{background:#FBF1DC;color:#7A5300}
.pill.team{background:#E9EEF3;color:var(--navy)}
.pills{display:flex;flex-wrap:wrap;gap:6px}
.surfaces{list-style:none;margin:32px 0 0;padding:0;display:grid;gap:20px;counter-reset:sf}
.surfaces>li{border:1px solid var(--rule);border-radius:4px;padding:22px;background:#fff;min-width:0;counter-increment:sf}
.surfaces header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px}
.surfaces h3::before{content:counter(sf) " · ";font-family:var(--mono);font-size:13px;color:var(--teal);vertical-align:middle}
.surfaces dl{margin:0;display:grid;gap:12px}
.surfaces dt{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--grey)}
.surfaces dd{margin:2px 0 0;font-size:18px;line-height:1.45;color:var(--ink2)}
.callout{margin-top:28px;border-left:4px solid var(--teal);background:var(--tint);padding:20px 22px}
.callout p{margin:0;font-size:clamp(19px,2.2vw,21px);line-height:1.5;max-width:none;color:var(--ink2)}
.callout strong{color:var(--navy)}
.roles6{list-style:none;margin:32px 0 0;padding:0;display:grid;gap:22px}
.roles6>li{border-top:2px solid var(--teal);padding-top:14px;min-width:0}
.roles6 p{margin-top:8px;font-size:18px;line-height:1.5}
.phases{list-style:none;margin:0;padding:0;display:grid;gap:22px}
.phases>li{border:1px solid var(--rule);border-radius:4px;padding:22px;background:#fff}
.phases ul{margin:12px 0 0;padding-left:22px;display:grid;gap:8px}
.phases ul li{font-size:18px;line-height:1.45;color:var(--ink2)}
.more-p{margin-top:22px}
@media (min-width:820px){
  .surfaces{grid-template-columns:repeat(2,1fr)}
  .surfaces>li:last-child:nth-child(odd){grid-column:1 / -1}
  .roles6{grid-template-columns:repeat(3,1fr);gap:28px 36px}
  .rt-steps{grid-template-columns:repeat(2,1fr);column-gap:36px}
  .rt{padding:20px}
}
@media (min-width:1080px){
  .rt-scroll svg{min-width:0}
  .rt-hint{display:none}
  .rt-steps{grid-template-columns:repeat(4,1fr)}
  .rt-steps>li{grid-template-columns:1fr;border-top:2px solid var(--teal)}
}

/* physician demo stills */
.shots{display:grid;gap:36px;margin-top:32px}
.shot{margin:0;min-width:0}
.shot img{display:block;width:100%;height:auto;border:1px solid var(--rule);border-radius:4px;background:#fff}
.shot figcaption{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin-top:12px;font-size:18px;line-height:1.45;color:var(--ink2)}
.shot .illus-tag{background:#FBF1DC;color:#7A5300;padding:3px 8px;border-radius:3px}

/* exec clarity (2026-10-12) */
.lab dt{flex:1 1 60%;min-width:0}
.lab .def{display:block;font-family:var(--body);font-size:18px;line-height:1.35;color:var(--grey);margin-top:4px}
.lab .txt{font-size:18px;line-height:1.45;color:var(--ink2);margin:10px 0 0}
.summary{font:600 clamp(22px,2.8vw,28px)/1.35 var(--cond);color:var(--teal);margin-top:18px;max-width:36em}
.surfaces.sees>li h3{font-size:clamp(22px,2.6vw,24px)}
.surfaces.sees>li p{margin-top:8px;font-size:18px;line-height:1.5}
.signin{display:inline-block;text-decoration:none;font-weight:600;font-size:18px;color:var(--navy);border:1px solid var(--navy);border-radius:4px;padding:10px 14px;margin:6px 0}
.signin:hover{color:var(--teal);border-color:var(--teal)}
.field textarea{width:100%;font:500 20px/1.4 var(--body);color:var(--navy);background:#fff;border:1px solid var(--navy);border-radius:4px;padding:14px;resize:vertical}
.field textarea:focus{outline:3px solid var(--teal);outline-offset:1px}
.field .opt{font-weight:400;color:var(--grey)}
.btn-submit{font:600 18px var(--body);color:#fff;background:var(--navy);border:0;border-radius:4px;padding:14px 22px;cursor:pointer}
.btn-submit:hover{background:var(--teal)}
.direct{font-size:18px;margin-top:22px;color:var(--ink2)}
.direct a{color:var(--teal)}
.narrow{max-width:760px}
.narrow h2{margin-top:44px}
@media (min-width:1080px){.nav .signin{margin:0 0 0 6px;padding:8px 12px}}
@media (min-width:1080px){
  .brand span,.brand i,.nav a,.nav summary,.top .cta,.nav .signin{white-space:nowrap}
  .nav{gap:2px}
  .nav a,.nav summary{padding:10px 9px}
  .brand i{display:none}
}
@media (min-width:1320px){.brand i{display:inline}}
@media (min-width:1080px) and (max-width:1239px){
  .nav a,.nav summary{padding:10px 5px}
  .top .cta{margin-left:4px;padding:12px 14px}
  .nav .signin{padding:8px 10px}
  .top .wrap{gap:8px}
}

/* canonical patients, agents, See it live (2026-10-12) */
.agents{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.agents li{font-family:var(--mono);font-size:12px;letter-spacing:.03em;color:var(--navy);background:var(--tint);border:1px solid var(--rule);border-radius:3px;padding:3px 7px}
.btn2.live{margin-left:0}
.wl>li.her{background:var(--tint)}
.wl>li:first-child:not(.her){background:#fff}

/* See it live: recording and stills */
.rec video,video.rec{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#0B1F3A;border:1px solid var(--rule);border-radius:4px}
#live{margin-top:28px}
.stills{display:grid;gap:28px;margin-top:28px}
.stills .shot img{aspect-ratio:16/9;object-fit:contain}

.agent-defs{margin:12px 0 0;font-size:18px;line-height:1.45}
.agent-defs div{margin:0 0 8px}
.agent-defs dt{font-family:var(--mono);font-size:12px;letter-spacing:.03em;color:var(--navy)}
.agent-defs dd{margin:2px 0 0}