/* Original styles, retained in cascade order. */

:root{
  --ink:#f7f9fb; --ink2:#ffffff; --panel:#ffffff; --panel2:#f1f5f7;
  --line:#dbe5ea; --white:#102a43; --muted:#5f7180;
  --teal:#159a9c; --blue:#3567b1; --gold:#b48a3c;
  --max:1220px; --radius:22px;
}
*{box-sizing:border-box}html{scroll-behavior:auto}
body{margin:0;background:var(--ink);color:var(--white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}
a{color:inherit;text-decoration:none}.wrap{width:min(var(--max),calc(100% - 44px));margin:auto}
nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07)}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between}
.logo{font-size:25px;font-weight:850;letter-spacing:-1.2px}.logo i{font-style:normal;color:var(--red)}
.navlinks{display:flex;gap:25px;color:#526777;font-size:13px}.navlinks a:hover{color:#102a43}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 19px;border-radius:999px;background:var(--red);color:#ffffff;font-size:13px;font-weight:800}
.btn.alt{background:transparent;border:1px solid #36515d;color:#102a43}
.hero{min-height:770px;display:flex;align-items:center;position:relative;overflow:hidden;background:
 radial-gradient(circle at 77% 24%,rgba(113,227,208,.15),transparent 28%),
 radial-gradient(circle at 20% 82%,rgba(155,183,255,.08),transparent 30%)}
.hero:after{content:"";position:absolute;right:-180px;top:120px;width:620px;height:620px;border:1px solid rgba(113,227,208,.13);border-radius:50%;box-shadow:0 0 0 65px rgba(113,227,208,.025),0 0 0 130px rgba(113,227,208,.018)}
.hero-inner{position:relative;z-index:2;padding:100px 0}
.eyebrow{font-size:11px;letter-spacing:2.1px;text-transform:uppercase;color:var(--red);font-weight:850}
h1{font-size:clamp(52px,7.2vw,92px);line-height:.94;letter-spacing:-5.2px;max-width:980px;margin:18px 0 28px}
h1 span{color:var(--red)}
.lead{font-size:20px;line-height:1.55;color:#b7c6cc;max-width:780px}
.actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:32px}
.proof{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:75px}
.proof div{background:rgba(8,19,27,.92);padding:22px}.proof b{font-size:25px;display:block;letter-spacing:-.5px}.proof small{color:#91a5ad}
section{padding:105px 0}.dark{background:#eef5f7;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.head{max-width:790px;margin-bottom:48px}.head h2{font-size:50px;line-height:1.02;letter-spacing:-3px;margin:12px 0 17px}.head p{color:var(--muted);font-size:18px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{background:linear-gradient(145deg,#10232e,#0b1820);border:1px solid var(--line);border-radius:var(--radius);padding:28px;min-height:245px}
.card .tag{color:var(--red);font-size:10px;font-weight:850;letter-spacing:1.3px}.card h3{font-size:22px;margin:15px 0 8px;letter-spacing:-.5px}.card p{color:var(--muted);font-size:14px}
.feature{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}.feature.reverse{direction:rtl}.feature.reverse>*{direction:ltr}
.feature h2{font-size:49px;line-height:1.02;letter-spacing:-2.8px;margin:12px 0 18px}.feature p{color:var(--muted);font-size:17px}
.bullets{display:grid;gap:9px;margin-top:25px}.bullet{display:flex;gap:12px;align-items:flex-start;color:#c9d4d8;font-size:14px}.bullet:before{content:"✓";color:var(--red);font-weight:900}
.product-shot{border:1px solid #33515e;border-radius:20px;padding:12px;background:#061017;box-shadow:0 18px 45px rgba(16,42,67,.10)}
.product-shot img{display:block;width:100%;border-radius:12px}
.caption{font-size:10px;color:#70868f;padding:9px 4px 1px}
.ai-box{background:linear-gradient(135deg,#0b2028,#0d1821);border:1px solid #315461;border-radius:28px;padding:26px}
.ai-top{display:flex;align-items:center;gap:10px;padding-bottom:18px;border-bottom:1px solid #28434e}.ai-dot{width:11px;height:11px;border-radius:50%;background:var(--red)}.ai-label{font-size:13px;font-weight:800}.ai-badge{margin-left:auto;font-size:9px;color:var(--red);border:1px solid #315461;border-radius:999px;padding:5px 8px;letter-spacing:1px}
.ai-actions{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0}.ai-actions span{font-size:10px;padding:7px 9px;border:1px solid #2d4a57;border-radius:7px;color:#c7d4d8;background:#eef5f7}
.ai-table{border:1px solid #294450;border-radius:13px;overflow:hidden}.ai-row{display:grid;grid-template-columns:1.2fr .8fr 2fr;gap:12px;padding:13px 14px;border-bottom:1px solid #213b46;font-size:11px;color:#aabcc3}.ai-row:last-child{border-bottom:0}.ai-row.headrow{font-size:8px;color:#6f858e;letter-spacing:1px}.grade{color:#a9baff;font-weight:800}
.callout{border-left:2px solid var(--red);padding:5px 0 5px 18px;color:#d0dcdf;margin-top:24px}
.arch{border:1px solid var(--line);border-radius:25px;padding:18px;background:#f4f8fa}
.archrow{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.layer{background:#f7fafb;border:1px solid #294653;border-radius:16px;padding:22px}.layer small{color:var(--red);font-size:9px;font-weight:850;letter-spacing:1.3px}.layer h3{margin:7px 0;font-size:18px}.layer p{margin:0;color:var(--muted);font-size:13px}
.fhir{margin:12px 0;border:1px dashed #3a5a66;border-radius:16px;padding:20px;text-align:center;background:#f7fafb}.fhir strong{font-size:15px}.fhir p{margin:5px 0 0;color:var(--muted);font-size:12px}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.kpi{border:1px solid var(--line);border-radius:15px;padding:20px;background:#ffffff}.kpi strong{display:block;font-size:17px}.kpi span{color:var(--muted);font-size:11px}
.personas{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.persona{padding:23px;border:1px solid var(--line);border-radius:17px;background:#ffffff}.persona h3{margin:0 0 7px}.persona p{color:var(--muted);font-size:13px;margin:0}
.cta{padding:80px 0}.cta-box{border:1px solid #345562;border-radius:28px;padding:58px;background:radial-gradient(circle at 82% 20%,rgba(113,227,208,.14),transparent 34%),#0c1b24}.cta h2{font-size:56px;line-height:1;letter-spacing:-3px;max-width:760px;margin:12px 0 18px}.cta p{color:var(--muted);font-size:17px;max-width:720px}
footer{padding:35px 0;border-top:1px solid var(--line);color:#7f939c;font-size:12px}.foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
@media(max-width:900px){.navlinks{display:none}.proof,.grid3,.archrow,.kpis,.personas{grid-template-columns:1fr 1fr}.feature{grid-template-columns:1fr}.head h2,.feature h2{font-size:39px}.cta h2{font-size:44px}}
@media(max-width:620px){.wrap{width:min(100% - 28px,var(--max))}.proof,.grid3,.archrow,.kpis,.personas{grid-template-columns:1fr}.hero{min-height:auto}.hero-inner{padding:78px 0}h1{font-size:52px;letter-spacing:-3.2px}.tablewrap{overflow:auto}.ai-row{min-width:600px}.ai-table{overflow-x:auto}}



:root{--ink:#f6f9fd;--ink2:#ffffff;--panel:#ffffff;--panel2:#eef4fb;--line:#d6e1ee;--white:#12315f;--muted:#5d7088;--blue:#1557b0;--red:#d62839;--navy:#0b2f66}
body{background:#f6f9fd;color:var(--white)}
nav{background:rgba(255,255,255,.97);border-bottom:1px solid #dce5ef;box-shadow:0 2px 14px rgba(18,49,95,.05)}
.logo{color:#12315f}.logo i{color:var(--red)}
.navlinks{color:#526a86}.navlinks a:hover{color:var(--blue)}
.btn{background:var(--blue);color:#fff;box-shadow:0 7px 18px rgba(21,87,176,.16)}
.btn:hover{background:#0d4a9b}.btn.alt{background:#fff;border:1px solid #b8c9dc;color:var(--navy);box-shadow:none}.btn.alt:hover{border-color:var(--red);color:var(--red)}
.hero{background:radial-gradient(circle at 80% 20%,rgba(21,87,176,.11),transparent 28%),radial-gradient(circle at 18% 80%,rgba(214,40,57,.07),transparent 26%),#f8fbff}
.hero:after{border-color:rgba(21,87,176,.10);box-shadow:0 0 0 65px rgba(21,87,176,.025),0 0 0 130px rgba(214,40,57,.018)}
.eyebrow{color:var(--red)}
h1{color:#102f5d}h1 span{color:var(--blue)}
.lead{color:#536b86}
.proof{background:#d6e1ee;border-color:#d6e1ee}.proof div{background:#fff}.proof b{color:#12315f}.proof small{color:#637891}
section{background:#fff}.dark{background:#eef4fb;border-color:#d6e1ee}
.head h2,.feature h2{color:#12315f}.head p,.feature p{color:var(--muted)}
.card{background:#fff;border-color:#d6e1ee;box-shadow:0 10px 28px rgba(18,49,95,.055)}.card .tag{color:var(--red)}.card h3{color:#12315f}.card p{color:var(--muted)}
.bullet{color:#536b86}.bullet:before{color:var(--red)}
.product-shot{border:1px solid #cbd9e8;background:#fff;box-shadow:0 18px 45px rgba(18,49,95,.10)}.caption{color:#71839a}
.ai-box{background:#fff;border:1px solid #cbd9e8;box-shadow:0 14px 35px rgba(18,49,95,.07)}
.ai-top{border-bottom-color:#dbe5ef}.ai-dot{background:var(--red)}.ai-label{color:#12315f}.ai-badge{color:var(--red);border-color:#e2b8bf}
.ai-actions span{border-color:#d6e1ee;color:#36516f;background:#f5f8fc}.ai-table{border-color:#d6e1ee}.ai-row{border-bottom-color:#e5ebf2;color:#536b86}.ai-row.headrow{color:#71839a}.grade{color:var(--blue)}
.callout{border-left-color:var(--red);color:#536b86}
.arch{border-color:#d6e1ee;background:#f5f8fc}.layer{background:#fff;border-color:#d6e1ee}.layer small{color:var(--red)}.layer h3{color:#12315f}.layer p{color:var(--muted)}
.fhir{border-color:#a9bdd5;background:#fff}.fhir strong{color:#12315f}.fhir p{color:var(--muted)}
.kpi,.persona{border-color:#d6e1ee;background:#fff;box-shadow:0 8px 22px rgba(18,49,95,.04)}.kpi strong,.persona h3{color:#12315f}.kpi span,.persona p{color:var(--muted)}
.cta{background:#fff}.cta-box{border-color:#12315f;background:linear-gradient(135deg,#0b3b80,#1557b0);box-shadow:0 18px 40px rgba(18,49,95,.13)}.cta h2{color:#fff}.cta p{color:#dbe8f7}.cta .eyebrow{color:#ffccd2}
footer{background:#0b2f66;border-top-color:#0b2f66;color:#d6e3f2}.foot{color:#d6e3f2} .footer-brand{color:#fff!important}.footer-brand span{color:#d62839!important}



.ppt-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:34px}
.ppt-card{background:#fff;border:1px solid #d9e4f0;border-radius:20px;overflow:hidden;box-shadow:0 12px 30px rgba(18,49,95,.08);transition:transform .2s ease,box-shadow .2s ease}
.ppt-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(18,49,95,.13)}
.ppt-card img{display:block;width:100%;height:auto;background:#f5f9fd}
.ppt-caption{padding:18px 20px 20px}
.ppt-caption .tag{margin-bottom:8px}
.ppt-caption h3{font-size:20px;margin:0 0 6px;color:#12315f}
.ppt-caption p{margin:0;color:#60758c;font-size:14px;line-height:1.55}
.ppt-feature{grid-column:1/-1}
.ppt-feature img{max-height:620px;object-fit:contain}
@media(max-width:850px){.ppt-gallery{grid-template-columns:1fr}.ppt-feature{grid-column:auto}}



.agentic-section{background:linear-gradient(180deg,#f5f8fc 0%,#fff 100%);border-top:1px solid #d6e1ee;border-bottom:1px solid #d6e1ee}
.agentic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.agent-card{display:grid;grid-template-columns:54px 1fr;gap:18px;background:#fff;border:1px solid #d6e1ee;border-radius:20px;padding:24px;box-shadow:0 10px 28px rgba(18,49,95,.05)}
.agent-card.agent-primary{border-color:#1557b0;box-shadow:0 12px 30px rgba(21,87,176,.10)}
.agent-index{width:42px;height:42px;border-radius:12px;background:#eef4fb;color:#1557b0;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:12px}
.agent-label{font-size:9px;letter-spacing:1.5px;font-weight:900;color:#d62839}.agent-card h3{margin:7px 0 8px;color:#12315f;font-size:21px;letter-spacing:-.4px}.agent-card p{margin:0;color:#5d7088;font-size:14px}
.agent-flow{margin-top:28px;padding:18px;border:1px solid #cbd9e8;border-radius:18px;background:#fff;display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:10px;align-items:center}
.agent-flow div:not(.flow-arrow){text-align:center}.agent-flow span{display:block;color:#d62839;font-size:9px;font-weight:900;letter-spacing:1px}.agent-flow b{display:block;color:#12315f;font-size:15px;margin-top:4px}.agent-flow small{display:block;color:#71839a;font-size:10px;margin-top:2px}.flow-arrow{font-size:22px;color:#1557b0;font-weight:800}
.agent-governance{margin-top:18px;border-left:3px solid #d62839;background:#fff;padding:18px 20px;border-radius:0 14px 14px 0;display:flex;gap:12px;align-items:flex-start}.agent-governance strong{color:#12315f;white-space:nowrap}.agent-governance span{color:#5d7088;font-size:13px}
.ppt-card img{background:#f7fafc}
@media(max-width:900px){.agentic-grid{grid-template-columns:1fr}.agent-flow{grid-template-columns:1fr;gap:8px}.flow-arrow{transform:rotate(90deg)}}



.section-head-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:42px;align-items:center;margin-bottom:34px}
.onco-illustration{width:100%;min-height:250px;border:1px solid #d6e1ee;border-radius:24px;background:linear-gradient(145deg,#f7faff,#ffffff);box-shadow:0 14px 34px rgba(18,49,95,.07);overflow:hidden;padding:10px}
.onco-illustration svg{display:block;width:100%;height:auto}
.hero{position:relative;overflow:hidden}.hero-inner{position:relative}.hero-visual{position:absolute;right:0;bottom:20px;width:42%;max-width:520px;opacity:.98}.hero-visual .onco-illustration{border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.92)}
@media(max-width:900px){.section-head-grid{grid-template-columns:1fr}.hero-visual{position:relative;right:auto;bottom:auto;width:100%;max-width:none;margin-top:28px}.hero-inner{padding-bottom:50px}}

/* v3: non-overlapping hero composition */
.hero{overflow:hidden}
.hero-inner{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr);column-gap:46px;row-gap:0;align-items:center}
.hero-inner>.eyebrow,.hero-inner>h1,.hero-inner>.lead,.hero-inner>.actions{grid-column:1}
.hero-inner>.eyebrow{grid-row:1}.hero-inner>h1{grid-row:2}.hero-inner>.lead{grid-row:3}.hero-inner>.actions{grid-row:4}
.hero-inner>.proof{grid-column:1 / -1;grid-row:6;margin-top:55px}
.hero-inner>.hero-visual{grid-column:2;grid-row:1 / 5;position:relative;right:auto;bottom:auto;width:100%;max-width:none;align-self:center}
.hero-inner>.hero-visual .onco-illustration{min-height:0;padding:12px}
@media(max-width:1050px){.hero-inner{grid-template-columns:minmax(0,1fr) minmax(290px,.75fr);column-gap:28px}h1{font-size:clamp(48px,6.5vw,76px)}}
@media(max-width:820px){.hero-inner{display:flex;flex-direction:column;align-items:stretch}.hero-inner>.hero-visual{order:5;width:100%;margin-top:30px}.hero-inner>.proof{order:6;margin-top:40px}.hero-inner>.eyebrow{order:1}.hero-inner>h1{order:2}.hero-inner>.lead{order:3}.hero-inner>.actions{order:4}}

/* v3: menu-driven, paginated site */
html{scroll-behavior:auto}
body{overflow-x:hidden}
.site-page{display:none;min-height:calc(100vh - 76px)}
.site-page.active{display:block}
.site-page.home-page{min-height:calc(100vh - 76px)}
.page-frame{min-height:calc(100vh - 76px)}
.page-label{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0 0;color:#6a7d89;font-size:11px;letter-spacing:1.4px;text-transform:uppercase;font-weight:800}
.page-label span:last-child{color:#1557b0}
.page-controls{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:28px 0 46px;border-top:1px solid #dbe5ea;margin-top:12px}
.page-controls .page-control{display:inline-flex;align-items:center;gap:8px;border:1px solid #cbd9e8;background:#fff;color:#12315f;border-radius:999px;padding:11px 16px;font-size:12px;font-weight:800;cursor:pointer}
.page-controls .page-control:hover{border-color:#1557b0;background:#f7faff}
.page-controls .page-control.disabled{opacity:.35;pointer-events:none}
.page-controls .page-index{font-size:11px;color:#708391;font-weight:800;letter-spacing:1px;text-transform:uppercase}
.navlinks a.active{color:#1557b0;font-weight:850}
.menu-home{display:inline-flex;align-items:center}
.menu-home.active{color:#d62839}
@media(max-width:900px){.navlinks{gap:12px;overflow-x:auto;white-space:nowrap;max-width:75vw}.page-controls{padding-bottom:32px}}



.section-head-grid{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:48px;align-items:center}
.onco-illustration{min-height:250px;border:1px solid #d6e1ee;border-radius:24px;background:linear-gradient(145deg,#f7faff,#ffffff);box-shadow:0 14px 34px rgba(18,49,95,.07);padding:10px}
.onco-illustration svg{display:block;width:100%;height:auto}
.ppt-card{border:1px solid #d6e1ee!important;background:#fff!important}
.ppt-card img{display:block;width:100%;height:auto;border-radius:16px;background:#f7f9fc}



/* Final hero fix: strictly separated text and diagram columns */
.hero-inner{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);column-gap:52px;align-items:center}
.hero-inner>.eyebrow,.hero-inner>h1,.hero-inner>.lead,.hero-inner>.actions{grid-column:1;max-width:100%}
.hero-inner>.hero-visual{grid-column:2;grid-row:1 / 5;position:relative;right:auto;bottom:auto;width:100%;max-width:560px;justify-self:end;align-self:center;margin:0;z-index:1}
.hero-inner>.hero-visual .onco-illustration{width:100%;padding:18px;overflow:hidden}
.hero-inner>.hero-visual svg{display:block;width:100%;height:auto}
.hero-inner>.proof{grid-column:1 / -1;grid-row:6;margin-top:58px}
@media(max-width:1050px){.hero-inner{grid-template-columns:minmax(0,1fr) minmax(300px,.82fr);column-gap:30px}.hero-inner>.hero-visual{max-width:480px}h1{font-size:clamp(48px,6.2vw,76px)}}
@media(max-width:820px){.hero-inner{display:flex;flex-direction:column;align-items:stretch}.hero-inner>.eyebrow{order:1}.hero-inner>h1{order:2}.hero-inner>.lead{order:3}.hero-inner>.actions{order:4}.hero-inner>.hero-visual{order:5;width:100%;max-width:620px;justify-self:auto;margin:34px auto 0;position:relative}.hero-inner>.proof{order:6;margin-top:40px}}

.loop-statement{margin-top:28px;padding:20px 24px;border:1px solid #b9cde3;border-left:5px solid #d62839;border-radius:14px;background:#f7faff;color:#12315f;font-size:15px;line-height:1.65;box-shadow:0 8px 22px rgba(18,49,95,.06)}
@media(max-width:700px){.loop-statement{font-size:14px;padding:17px 18px}}



.testimonial-section{
  background:linear-gradient(180deg,#f5f9fe 0%,#ffffff 100%);
  border-top:1px solid #d6e1ee;
  border-bottom:1px solid #d6e1ee;
}
.testimonial-grid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(280px,.55fr);
  gap:52px;
  align-items:center;
}
.testimonial-copy h2{
  color:#12315f;
  font-size:48px;
  line-height:1.04;
  letter-spacing:-2.7px;
  margin:12px 0 18px;
}
.testimonial-copy p{
  color:#5d7088;
  font-size:17px;
  max-width:700px;
}
.testimonial-quote{
  margin-top:25px;
  padding:18px 20px;
  border-left:4px solid #d62839;
  background:#fff;
  border-radius:0 14px 14px 0;
  box-shadow:0 8px 24px rgba(18,49,95,.06);
  color:#12315f;
  font-weight:700;
}
.testimonial-video{
  display:flex;
  justify-content:center;
  align-items:center;
  padding:18px;
  border:1px solid #cbd9e8;
  border-radius:24px;
  background:#fff;
  box-shadow:0 16px 36px rgba(18,49,95,.10);
}
.youtube-player{
  position:relative;
  display:block;
  width:min(100%,360px);
  aspect-ratio:9/16;
  overflow:hidden;
  border-radius:16px;
  background:linear-gradient(160deg,#0b2e64 0%,#12315f 48%,#d62839 150%);
  box-shadow:0 12px 28px rgba(18,49,95,.18);
  text-decoration:none;
  isolation:isolate;
}
.youtube-thumb{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:1;
}
.youtube-thumb-fallback{
  position:absolute;
  inset:0;
  z-index:0;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#fff;
  font-size:28px;
  line-height:1.15;
  font-weight:800;
  letter-spacing:-.5px;
  padding:24px;
  background:linear-gradient(160deg,#0b2e64 0%,#12315f 55%,#d62839 155%);
}
.youtube-thumb-fallback.no-thumb{z-index:1}
.youtube-play{
  position:absolute;
  left:50%;
  top:50%;
  z-index:3;
  width:76px;
  height:76px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:rgba(255,255,255,.96);
  box-shadow:0 10px 25px rgba(0,0,0,.22);
  display:flex;
  align-items:center;
  justify-content:center;
}
.youtube-play span{
  width:0;
  height:0;
  margin-left:6px;
  border-top:12px solid transparent;
  border-bottom:12px solid transparent;
  border-left:18px solid #d62839;
}
.youtube-watch-label{
  position:absolute;
  left:16px;
  right:16px;
  bottom:16px;
  z-index:3;
  display:block;
  padding:11px 14px;
  border-radius:10px;
  background:rgba(7,24,53,.82);
  color:#fff;
  text-align:center;
  font-size:14px;
  font-weight:800;
  letter-spacing:.1px;
  backdrop-filter:blur(5px);
}
.youtube-player:hover .youtube-play{transform:translate(-50%,-50%) scale(1.05)}
.youtube-player:hover .youtube-watch-label{background:rgba(7,24,53,.92)}
@media(max-width:850px){
  .testimonial-grid{grid-template-columns:1fr;gap:28px}
  .testimonial-copy h2{font-size:39px}
}



/* About Us — final page */
.about-page{background:#fff}
.about-hero{padding:64px 0 30px;background:linear-gradient(180deg,#f6faff 0%,#ffffff 100%);border-top:1px solid #dbe5ea}
.about-page-head{text-align:center;max-width:900px;margin:0 auto}
.about-page-head h1{margin:12px 0 14px;color:#12315f;font-size:58px;line-height:1.04;letter-spacing:-2.5px}
.about-page-head .lead{max-width:760px;margin:0 auto;color:#5d7088}
.about-page .testimonial-section{margin-top:8px}
.about-section-head{text-align:center;max-width:960px;margin:0 auto 26px}
.about-section-head .eyebrow{margin-bottom:10px}
.about-section-head h2{margin:0;color:#12315f;font-size:40px;line-height:1.08;letter-spacing:-1.4px}
.about-clients-section{padding:72px 0 60px;background:#fff;border-top:1px solid #dbe5ea}
.company-story-section{padding:8px 0 72px;background:#f6f8fb}
.company-story-card{max-width:1050px;margin:0 auto;padding:28px 30px;background:#fff;border:1px solid #dbe5ea;border-radius:18px;box-shadow:0 10px 28px rgba(18,49,95,.06)}
.company-story-card p{margin:0 0 16px;color:#243b53;font-size:16px;line-height:1.7}
.company-story-card p:last-child{margin-bottom:0}
.about-us-card{max-width:1160px;margin:0 auto;padding:0 20px}
.about-us-card img{display:block;width:100%;height:auto;border:1px solid #dbe5ea;border-radius:18px;box-shadow:0 12px 35px rgba(18,49,95,.08);background:#fff}
.youtube-fallback{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;padding:13px 16px;border:1px solid #dbe5ea;border-radius:12px;background:#f6faff;color:#1557b0;text-decoration:none;font-weight:800;font-size:14px}
.youtube-fallback:hover{border-color:#1557b0;background:#eef4fb}
.youtube-fallback-arrow{font-size:18px;color:#d62839}
@media(max-width:850px){
  .about-page-head h1{font-size:45px}
  .about-clients-section{padding:56px 0 46px}
  .company-story-card{padding:22px}
}
@media(max-width:700px){
  .about-hero{padding:48px 0 22px}
  .about-page-head h1{font-size:37px;letter-spacing:-1.5px}
  .about-section-head h2{font-size:32px}
  .about-us-card{padding:0 14px}
  .about-us-card img{border-radius:12px}
  .company-story-section{padding-bottom:52px}
  .company-story-card p{font-size:15px}
}

.youtube-fallback{min-height:46px}



.logo{
  display:inline-flex;
  align-items:center;
  flex:0 0 auto;
  width:245px;
  height:64px;
  overflow:hidden;
}
.oncosure-logo-img{
  display:block;
  width:245px;
  height:auto;
  max-height:64px;
  object-fit:contain;
  object-position:left center;
}
@media(max-width:900px){
  .logo{width:205px;height:58px}
  .oncosure-logo-img{width:205px;max-height:58px}
}
@media(max-width:620px){
  .logo{width:190px;height:54px}
  .oncosure-logo-img{width:190px;max-height:54px}
}



/* Responsive flowcharts and diagrams: never force a fixed-width graphic to overflow its column. */
.section-head-grid,
.feature,
.hero-inner,
.archrow,
.agentic-grid,
.ppt-gallery,
.testimonial-grid{min-width:0}
.section-head-grid > *,
.feature > *,
.hero-inner > *,
.archrow > *,
.agentic-grid > *,
.ppt-gallery > *,
.testimonial-grid > *{min-width:0}
.onco-illustration{
  width:100%;
  max-width:100%;
  min-width:0;
  overflow:hidden;
}
.onco-illustration svg{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  min-width:0;
}
.product-shot,
.product-shot img,
.ppt-card,
.ppt-card img{
  max-width:100%;
  min-width:0;
}
.ppt-card img{
  width:100%;
  height:auto;
  object-fit:contain;
}
@media(max-width:1050px){
  .section-head-grid{grid-template-columns:minmax(0,1fr) minmax(0,.9fr)}
  .section-head-grid > .onco-illustration{width:100%}
}
@media(max-width:900px){
  .section-head-grid{grid-template-columns:1fr}
  .section-head-grid > .onco-illustration{width:100%;max-width:760px;margin-inline:auto}
}
@media(max-width:620px){
  .onco-illustration{padding:7px}
  .section-head-grid > .onco-illustration{max-width:100%}
  .hero-inner>.hero-visual{max-width:100%}
}



.pmjay-expanded{padding:82px 0;background:#f6f9fd;border-top:1px solid #d6e1ee;border-bottom:1px solid #d6e1ee}
.pmjay-visual{min-width:0}
.pmjay-flow{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:center;padding:18px;border:1px solid #cbd9e8;border-radius:20px;background:#fff;box-shadow:0 12px 30px rgba(18,49,95,.06)}
.pmjay-flow div{min-width:0;text-align:center;padding:14px 8px;overflow-wrap:normal;word-break:normal;hyphens:none;border:1px solid #d6e1ee;border-radius:14px;background:#f7faff}
.pmjay-flow span{display:block;color:#d94f9d;font-size:9px;font-weight:900;letter-spacing:1px}
.pmjay-flow b{display:block;color:#563483;font-size:12px;margin-top:4px}
.pmjay-flow small{display:block;color:#71839a;font-size:9px;line-height:1.35;margin-top:3px}
.pmjay-flow i{display:block;width:18px;height:3px;border-radius:3px;background:#7046a8;font-style:normal;justify-self:center;align-self:center}
.pmjay-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:28px}
.pmjay-card{background:#fff;border:1px solid #d6e1ee;border-radius:18px;padding:24px;box-shadow:0 9px 24px rgba(18,49,95,.045)}
.pmjay-card .tag{color:#d62839;font-size:9px;font-weight:900;letter-spacing:1.2px}
.pmjay-card h3{color:#12315f;font-size:19px;line-height:1.15;margin:10px 0 9px}
.pmjay-card p{color:#5d7088;font-size:13px;line-height:1.6;margin:0}
.pmjay-card ul{padding-left:17px;margin:15px 0 0;color:#536b86;font-size:12px;line-height:1.65}
.pmjay-card li{margin:3px 0}
@media(max-width:1100px){
  .pmjay-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pmjay-flow{grid-template-columns:1fr auto 1fr auto 1fr}
  .pmjay-flow div:nth-of-type(n+4),.pmjay-flow i:nth-of-type(n+3){display:none}
}
@media(max-width:900px){
  .pmjay-expanded{padding:65px 0}
  .pmjay-grid{grid-template-columns:1fr 1fr}
  /* Keep all five PMJAY workflow steps visible in a fixed 3+2 layout
     whenever the viewport narrows; never collapse to a single column. */
  .pmjay-flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .pmjay-flow i{display:none}
  .pmjay-flow div{display:block;padding:14px 8px}
}
@media(max-width:620px){
  .pmjay-grid{grid-template-columns:1fr}
  .pmjay-card{padding:20px}
}



/* Responsive layout safeguards — diagrams scale to their container on desktop, tablet and mobile. */
*,*::before,*::after{box-sizing:border-box}
img,svg,canvas,video{max-width:100%}
.onco-illustration,.hero-visual,.ppt-card,.ppt-feature,.product-shot,.about-us-card,.client-card{min-width:0;max-width:100%}
.onco-illustration svg,.hero-visual svg,.ppt-card img,.ppt-feature img,.product-shot img,.about-us-card img,.client-card img{display:block;width:100%;height:auto;max-width:100%}
.agent-flow,.pmjay-flow{width:100%;max-width:100%;min-width:0}
.agent-flow>* ,.pmjay-flow>*{min-width:0;overflow-wrap:anywhere}
.agent-flow b,.pmjay-flow b{overflow-wrap:anywhere}
@media(max-width:1100px){.agent-flow{grid-template-columns:1fr auto 1fr auto 1fr;gap:8px}.agent-flow>*:nth-child(n+6){display:none}.pmjay-flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pmjay-flow i{display:none}.pmjay-flow div{min-width:0}}
@media(max-width:700px){.hero-visual{position:relative;right:auto;bottom:auto;width:100%;max-width:100%;margin:20px auto 0}.hero-inner>.hero-visual{position:relative;width:100%;inset:auto}.agent-flow{grid-template-columns:minmax(0,1fr);gap:8px;padding:12px}.agent-flow>*:nth-child(n){display:block}.agent-flow .flow-arrow{transform:rotate(90deg);justify-self:center}.pmjay-flow{grid-template-columns:minmax(0,1fr);padding:12px}.pmjay-flow i{display:block;transform:rotate(90deg);justify-self:center;line-height:1}.client-grid{grid-template-columns:minmax(0,1fr)}.client-card{min-height:0}.ppt-feature img{max-height:none;object-fit:contain}.onco-illustration{padding:6px;min-height:0}}
@media(max-width:420px){h1{font-size:clamp(2.1rem,10vw,3.25rem);letter-spacing:-.04em}.wrap{width:calc(100% - 24px)}.hero-inner{padding-left:0;padding-right:0}.agent-flow b,.pmjay-flow b{font-size:13px}}



/* PMJAY and Agentic Oncology: keep the process cards, remove directional arrows. */
.pmjay-flow{grid-template-columns:repeat(5,minmax(0,1fr)) !important;gap:10px !important}
.pmjay-flow > i,.agent-flow > .flow-arrow{display:none !important}
.agent-flow{grid-template-columns:repeat(5,minmax(0,1fr)) !important;gap:10px !important}
@media(max-width:700px){.pmjay-flow,.agent-flow{grid-template-columns:minmax(0,1fr) !important;gap:8px !important}.pmjay-flow > i,.agent-flow > .flow-arrow{display:none !important}}



/* Final safeguard: all charts and diagrams size to the available viewport/container. */
html,body{max-width:100%;overflow-x:hidden}
section,article,main,.wrap,.container,.section-head-grid,.feature,.hero-inner,.hero-visual,.onco-illustration,.pmjay-visual,.pmjay-expanded,.agentic-grid,.agent-flow,.pmjay-flow,.ppt-gallery,.ppt-card,.ppt-feature,.product-shot{min-width:0;max-width:100%}
img,svg,canvas,video,iframe{max-width:100%}
img,canvas,video{height:auto}
.onco-illustration svg,.hero-visual svg,.pmjay-visual svg,.agentic-grid svg{display:block;width:100% !important;max-width:100% !important;height:auto !important}
.ppt-card img,.ppt-feature img,.product-shot img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain}
/* Keep the five PMJAY/Agentic steps visible while allowing cards to wrap at narrow widths. */
.pmjay-flow,.agent-flow{display:grid;width:100%;max-width:100%;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(6px,1vw,12px)}
.pmjay-flow>div,.agent-flow>*{min-width:0;max-width:100%;overflow-wrap:anywhere}
.pmjay-flow b,.agent-flow b{font-size:clamp(10px,1.05vw,13px);line-height:1.25;overflow-wrap:anywhere}
.pmjay-flow small,.agent-flow small{font-size:clamp(9px,.85vw,11px);overflow-wrap:anywhere}
@media(max-width:900px){.pmjay-flow,.agent-flow{grid-template-columns:repeat(2,minmax(0,1fr)) !important}.pmjay-flow>div,.agent-flow>*{display:block !important}}
@media(max-width:560px){.pmjay-flow,.agent-flow{grid-template-columns:minmax(0,1fr) !important;padding:12px;gap:8px}.pmjay-flow>div,.agent-flow>*{width:100%;text-align:left}.pmjay-flow b,.agent-flow b{font-size:13px}.pmjay-flow small,.agent-flow small{font-size:11px}.onco-illustration{padding:4px}}


.loop-levels .fhir{position:relative}.loop-levels .level-label{display:block;margin:0 0 8px;color:#d62839;font-weight:900;font-size:12px;line-height:1.2;letter-spacing:.06em;text-transform:uppercase}.loop-levels .fhir strong{display:block}


.client-grid{width:100%;max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.client-card{min-width:0;overflow:hidden;background:#fff;border:1px solid #dbe5ef;border-radius:16px;box-shadow:0 8px 24px rgba(18,49,95,.07);display:flex;flex-direction:column}
.client-card img{display:block;width:100%;height:170px;max-width:100%;object-fit:contain;padding:12px;box-sizing:border-box;background:#fff}
.client-card-body{padding:16px 18px 20px}
.client-card-body h3{margin:0 0 8px;font-size:18px;line-height:1.3;color:#12315f}
.client-card-body p{margin:0;font-size:14px;line-height:1.5;color:#536579}
@media(max-width:900px){.client-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}
@media(max-width:560px){.client-grid{grid-template-columns:minmax(0,1fr);gap:16px}.client-card img{height:150px}.client-card-body{padding:14px 16px 18px}}



/* Cross-platform compatibility: iOS Safari, Android Chrome, desktop Safari and modern web browsers. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
body{min-width:0;overflow-x:hidden;overscroll-behavior-x:none}
img,svg,video,canvas,iframe{max-width:100%}
img,svg{height:auto}
button,a{-webkit-appearance:none;touch-action:manipulation}
button{font:inherit}
nav{padding-top:env(safe-area-inset-top,0px)}
.nav{position:relative;min-width:0;gap:12px}
.nav-toggle{display:none;align-items:center;justify-content:center;flex-direction:column;gap:5px;width:44px;height:44px;min-width:44px;padding:10px;border:1px solid #d6e1ee;border-radius:10px;background:#fff;color:#12315f;cursor:pointer}
.nav-toggle span{display:block;width:19px;height:2px;border-radius:2px;background:#12315f}
.navlinks a{min-height:40px;display:inline-flex;align-items:center}
.site-page{min-width:0;overflow-wrap:anywhere}
.site-page svg{display:block;width:100%;height:auto;max-width:100%}
.tablewrap,.ai-table{max-width:100%;-webkit-overflow-scrolling:touch}
input,select,textarea{font:inherit;max-width:100%;font-size:16px}
@supports (padding:max(0px)) {footer{padding-bottom:max(0px,env(safe-area-inset-bottom))}}
@media(max-width:900px){
  .nav{height:auto;min-height:68px;flex-wrap:nowrap;padding:10px 0}
  .nav-toggle{display:inline-flex;order:2;margin-left:auto}
  .nav>.btn{order:3;white-space:nowrap;padding:10px 13px;font-size:12px}
  .navlinks{display:none;position:absolute;top:calc(100% + 1px);left:0;right:0;z-index:100;flex-direction:column;align-items:stretch;gap:0;padding:8px 14px 14px;background:#fff;border:1px solid #d6e1ee;border-top:0;border-radius:0 0 14px 14px;box-shadow:0 14px 24px rgba(18,49,95,.12);max-height:calc(100dvh - 90px);overflow-y:auto;overscroll-behavior:contain}
  .navlinks.open{display:flex}
  .navlinks a{display:flex;width:100%;padding:9px 6px;min-height:44px;border-bottom:1px solid #eef2f7}
  .navlinks a:last-child{border-bottom:0}
  .logo{min-width:0;max-width:48%;font-size:20px;letter-spacing:-.6px}
  .logo img{max-width:100%;height:auto}
}
@media(max-width:620px){
  .wrap{width:calc(100% - 28px)}
  section{padding-top:64px;padding-bottom:64px}
  .head h2,.feature h2{font-size:clamp(30px,8vw,39px);letter-spacing:-1.5px}
  .hero-inner{padding-top:58px;padding-bottom:58px}
  h1{font-size:clamp(34px,9vw,52px);line-height:1.02;letter-spacing:-.045em;overflow-wrap:break-word}
  .lead{font-size:17px}
  .actions .btn{min-height:44px}
  .proof,.grid3,.archrow,.kpis,.personas,.client-grid{grid-template-columns:minmax(0,1fr)}
  .feature{gap:26px}
  .page-controls{gap:10px;flex-wrap:wrap}
  .page-control{max-width:100%;min-height:44px}
  .footer,.foot{gap:12px;flex-wrap:wrap}
}
@media(max-width:380px){
  .wrap{width:calc(100% - 22px)}
  .nav>.btn{padding:9px 10px;font-size:11px}
  .logo{font-size:18px;max-width:42%}
  .nav-toggle{width:42px;min-width:42px;height:42px}
  .tablewrap table{font-size:12px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}



.hero-inner>.hero-visual{width:100%;max-width:none;align-self:center}
.homepage-hero-image{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;border:0;border-radius:18px;box-shadow:0 14px 34px rgba(18,49,95,.10)}
.hero-inner>.hero-visual .onco-illustration{padding:0;border:0;background:transparent;box-shadow:none}
@media(max-width:820px){.homepage-hero-image{border-radius:12px}}



/* Integrate the clinical hero image into the page rather than presenting it as a separate card. */
#page-home .hero{
  background:radial-gradient(ellipse at 76% 45%,rgba(214,231,248,.46) 0%,rgba(248,251,255,.2) 38%,rgba(248,251,255,0) 68%),#f8fbff;
}
#page-home .hero-inner>.hero-visual{
  width:calc(100% + 42px);max-width:none;margin-right:-28px;justify-self:end;
}
#page-home .homepage-hero-image{
  border:0;border-radius:0;box-shadow:none;
  background:transparent;
  -webkit-mask-image:radial-gradient(ellipse 86% 88% at 61% 50%,#000 57%,rgba(0,0,0,.92) 70%,transparent 100%);
  mask-image:radial-gradient(ellipse 86% 88% at 61% 50%,#000 57%,rgba(0,0,0,.92) 70%,transparent 100%);
}
#page-home .hero-visual:before{content:none}
@media(max-width:1050px){#page-home .hero-inner>.hero-visual{width:100%;margin-right:0}}
@media(max-width:820px){
  #page-home .hero-inner>.hero-visual{width:100%;max-width:620px;margin:22px auto 0}
  #page-home .homepage-hero-image{border-radius:0;-webkit-mask-image:radial-gradient(ellipse 96% 94% at 50% 50%,#000 70%,transparent 100%);mask-image:radial-gradient(ellipse 96% 94% at 50% 50%,#000 70%,transparent 100%)}
}



/* Match the seamless, full-bleed composition of the supplied reference slide. */
#page-home .hero{
  background:linear-gradient(90deg,#f8fbff 0%,rgba(248,251,255,.98) 30%,rgba(248,251,255,.72) 48%,rgba(231,241,250,.24) 72%,rgba(231,241,250,.08) 100%),
             radial-gradient(ellipse at 77% 45%,rgba(205,225,244,.32),transparent 58%),#f8fbff;
}
#page-home .hero-inner{position:relative;isolation:isolate}
#page-home .hero-inner>.hero-visual{
  width:calc(100% + 70px);margin-right:-46px;justify-self:end;
  align-self:stretch;display:flex;align-items:center;position:relative;
}
#page-home .hero-inner>.hero-visual:before{
  content:"";position:absolute;z-index:2;pointer-events:none;inset:0 auto 0 -2px;width:42%;
  background:linear-gradient(90deg,#f8fbff 0%,rgba(248,251,255,.94) 18%,rgba(248,251,255,.60) 53%,rgba(248,251,255,0) 100%);
}
#page-home .homepage-hero-image{
  width:100%;height:auto;object-fit:contain;display:block;
  border:0;border-radius:0;box-shadow:none;background:transparent;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.12) 7%,rgba(0,0,0,.65) 22%,#000 39%,#000 100%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.12) 7%,rgba(0,0,0,.65) 22%,#000 39%,#000 100%);
}
@media(max-width:1050px){
  #page-home .hero-inner>.hero-visual{width:100%;margin-right:0}
  #page-home .hero-inner>.hero-visual:before{width:25%}
}
@media(max-width:820px){
  #page-home .hero{background:linear-gradient(180deg,#f8fbff 0%,rgba(248,251,255,.96) 45%,rgba(231,241,250,.22) 100%),#f8fbff}
  #page-home .hero-inner>.hero-visual{width:100%;max-width:680px;margin:22px auto 0;align-self:center}
  #page-home .hero-inner>.hero-visual:before{inset:0 0 auto 0;width:100%;height:22%;background:linear-gradient(180deg,#f8fbff 0%,rgba(248,251,255,.65) 45%,transparent 100%)}
  #page-home .homepage-hero-image{-webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.45) 12%,#000 28%,#000 100%);mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.45) 12%,#000 28%,#000 100%)}
}



/* ONCOSure logo-led design system: clinical blue, white, and restrained red accents */
:root{--ink:#f5f8fc;--ink2:#ffffff;--panel:#ffffff;--panel2:#edf3fa;--line:#d7e2ef;--white:#102f5d;--muted:#5c708a;--blue:#1557b0;--red:#d62839;--navy:#0b2f66;--teal:#1557b0;--gold:#d62839;--brand-blue:#1557b0;--brand-navy:#0b2f66;--brand-red:#d62839;--brand-pale:#edf3fa}
html{background:#f5f8fc;color-scheme:light}
body{background:#f5f8fc!important;color:#102f5d!important}
nav{background:rgba(255,255,255,.97)!important;border-bottom:1px solid #d7e2ef!important;box-shadow:0 4px 20px rgba(11,47,102,.06)!important}
.logo{color:#102f5d!important}.logo i{color:#d62839!important}
.navlinks{color:#536b86!important}.navlinks a:hover,.navlinks a.active{color:#1557b0!important}
.btn{background:#1557b0!important;color:#fff!important;border:1px solid #1557b0!important;box-shadow:0 8px 22px rgba(21,87,176,.18)!important;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}
.btn:hover{background:#0b2f66!important;border-color:#0b2f66!important;transform:translateY(-1px)}
.btn.alt{background:#fff!important;border:1px solid #b7c9df!important;color:#0b2f66!important;box-shadow:none!important}.btn.alt:hover{color:#d62839!important;border-color:#d62839!important;background:#fff!important}
.eyebrow,.tag,.layer small,.ai-badge{color:#d62839!important}
h1,h2,h3,h4,h5,strong,b,.head h2,.feature h2{color:#102f5d}
h1 span{color:#1557b0!important}
.lead{color:#536b86!important}
.hero{background:radial-gradient(circle at 80% 18%,rgba(21,87,176,.10),transparent 30%),radial-gradient(circle at 18% 82%,rgba(214,40,57,.055),transparent 27%),linear-gradient(135deg,#fff 0%,#f4f8fd 100%)!important}
.hero:after{border-color:rgba(21,87,176,.11)!important;box-shadow:0 0 0 65px rgba(21,87,176,.025),0 0 0 130px rgba(214,40,57,.016)!important}
.proof{background:#d7e2ef!important;border-color:#d7e2ef!important}.proof div{background:#fff!important}.proof b{color:#102f5d!important}.proof small{color:#61758e!important}
section{background:#fff!important;color:#102f5d!important}
section.dark,.dark{background:#edf3fa!important;border-top:1px solid #d7e2ef!important;border-bottom:1px solid #d7e2ef!important}
.head p,.feature p,.card p,.layer p,.head .lead{color:#5c708a!important}
.card{background:#fff!important;border:1px solid #d7e2ef!important;border-radius:var(--radius,22px);box-shadow:0 12px 30px rgba(11,47,102,.065)!important}
.card h3{color:#102f5d!important}.card .tag{color:#d62839!important}
.bullet{color:#435c79!important}.bullet:before{color:#d62839!important}
.product-shot{background:#fff!important;border-color:#d7e2ef!important;box-shadow:0 16px 38px rgba(11,47,102,.10)!important}.caption{color:#657b95!important}
.ai-box{background:linear-gradient(145deg,#fff,#edf3fa)!important;border:1px solid #cbd9e9!important;box-shadow:0 12px 30px rgba(11,47,102,.06)!important}
.ai-top{border-bottom-color:#d7e2ef!important}.ai-label{color:#102f5d!important}.ai-dot{background:#d62839!important}.ai-badge{border-color:#d7e2ef!important;background:#fff!important}
.ai-actions span{background:#fff!important;border-color:#d7e2ef!important;color:#315071!important}
.ai-table{background:#fff!important;border-color:#d7e2ef!important}.ai-row{color:#425b77!important;border-bottom-color:#e1e9f2!important}.ai-row.headrow{color:#61758e!important;background:#edf3fa!important}.grade{color:#1557b0!important}
.callout{border-left-color:#d62839!important;color:#435c79!important}
.arch{background:#f7faff!important;border-color:#d7e2ef!important}.archrow .layer,.layer{background:#fff!important;border-color:#d7e2ef!important;box-shadow:0 6px 18px rgba(11,47,102,.035)!important}.layer h3{color:#102f5d!important}
.fhir{background:#edf3fa!important;border-color:#9fb7d5!important}.fhir strong{color:#1557b0!important}
/* Make every content page feel like one consistent brand, not separate templates. */
.site-page{background:#f5f8fc!important;color:#102f5d!important}
.site-page section,.about-page section{background:#fff!important;color:#102f5d!important}
.site-page .page-label,.page-index{color:#61758e!important}
.page-controls{border-color:#d7e2ef!important}
.page-control{background:#fff!important;color:#1557b0!important;border:1px solid #b7c9df!important;border-radius:999px!important;box-shadow:0 4px 12px rgba(11,47,102,.04)!important}
.page-control:hover{background:#1557b0!important;color:#fff!important;border-color:#1557b0!important}
.about-hero,.testimonial-section,.about-clients-section{background:#fff!important}
.about-page-head,.about-section-head,.testimonial-copy{color:#102f5d!important}
.about-page .lead,.testimonial-copy p{color:#5c708a!important}
.client-card,.testimonial-quote,.persona,.kpi-card,.feature-card,.integration-card,.workflow-card{background:#fff!important;color:#102f5d!important;border-color:#d7e2ef!important;box-shadow:0 10px 26px rgba(11,47,102,.055)!important}
.client-card h3,.persona h3,.kpi-card h3,.feature-card h3{color:#102f5d!important}
.client-card p,.persona p,.kpi-card p,.feature-card p{color:#5c708a!important}
.cta,.cta-box{background:linear-gradient(135deg,#0b2f66,#1557b0)!important;color:#fff!important;border-color:#1557b0!important}
.cta h2,.cta-box h2,.cta-box h3,.cta-box p{color:#fff!important}.cta .eyebrow,.cta-box .eyebrow{color:#ffd9de!important}
footer,.foot{background:#0b2f66!important;color:#e9f0fa!important;border-color:#0b2f66!important}.foot a{color:#fff!important}.foot a:hover{color:#ffccd2!important}
/* Accent rules, chips, icon containers and diagram nodes use logo colors only. */
.tag,.badge,.pill,.chip{border-color:#d7e2ef!important}.icon,.icon-box,.step-number{background:#edf3fa!important;color:#1557b0!important;border-color:#cbd9e9!important}
hr{border-color:#d7e2ef!important}
:focus-visible{outline:3px solid rgba(21,87,176,.35)!important;outline-offset:3px}
@media(max-width:900px){.navlinks{background:#fff!important;border-color:#d7e2ef!important;box-shadow:0 12px 30px rgba(11,47,102,.12)!important}.navlinks a{color:#102f5d!important}}
@media(max-width:620px){.wrap{width:min(100% - 28px,var(--max))}.hero-inner{padding:64px 0}.lead{font-size:17px}.head h2,.feature h2{letter-spacing:-1.6px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}



/* ONCOSure logo palette refinement: retain clinical blue/navy, add coordinated purple and pink */
:root{
 --onco-blue:#1557b0; --onco-navy:#102f5d; --onco-purple:#7046a8;
 --onco-purple-deep:#563483; --onco-pink:#d94f9d; --onco-pink-soft:#fff0f7;
 --onco-lilac:#f4effb; --onco-line:#ded4ed;
}
/* Gentle brand gradients across the full site */
body{background:linear-gradient(180deg,#fbf9ff 0%,#f7faff 48%,#fff8fc 100%)}
nav,.nav,header.site-header{border-bottom-color:#e4d9f0}
nav{box-shadow:0 3px 18px rgba(86,52,131,.07)}
.navlinks a:hover,.navlinks a[aria-current="page"],.navlinks a.active{color:var(--onco-purple)}
.eyebrow,.tag,.section-kicker,.page-label{color:var(--onco-purple)}
.eyebrow::before,.eyebrow::after{border-color:var(--onco-pink)}
h1 span,h2 span,.highlight,.accent{color:var(--onco-purple)}
.btn{background:linear-gradient(115deg,var(--onco-blue),var(--onco-purple));box-shadow:0 8px 22px rgba(112,70,168,.19)}
.btn:hover{background:linear-gradient(115deg,#104a9a,var(--onco-purple-deep))}
.btn.alt{border-color:#cbb8e2;color:var(--onco-purple-deep)}
.btn.alt:hover{background:var(--onco-pink-soft);border-color:var(--onco-pink);color:#a52c70}
.hero{background:radial-gradient(ellipse at 84% 16%,rgba(112,70,168,.14),transparent 31%),radial-gradient(ellipse at 13% 82%,rgba(217,79,157,.11),transparent 28%),linear-gradient(120deg,#fbfdff 0%,#f7f2fc 58%,#fff6fb 100%)}
.hero:after{border-color:rgba(112,70,168,.12);box-shadow:0 0 0 65px rgba(112,70,168,.035),0 0 0 130px rgba(217,79,157,.025)}
section{scroll-margin-top:90px}
section:nth-of-type(even),.dark{background:linear-gradient(135deg,#f4effb 0%,#f8faff 62%,#fff3f9 100%);border-color:#e7dcef}
.card,.feature-card,.persona,.kpi-card,.client-card,.testimonial-quote{border-color:#e1d7ed;box-shadow:0 10px 28px rgba(67,47,102,.065)}
.card .tag,.card .eyebrow{color:var(--onco-purple)}
.card:hover,.feature-card:hover,.client-card:hover{border-color:#c9b4e1;box-shadow:0 14px 32px rgba(112,70,168,.12)}
.card h3,.feature h2,.head h2{color:var(--onco-navy)}
.card h3::first-letter{color:inherit}
.icon,.icon-box,.step-number,.feature-icon{background:linear-gradient(145deg,#eee5fa,#ffe8f3);color:var(--onco-purple);border-color:#e4d4f0}
.proof{background:#e7def2;border-color:#e7def2}
.proof div{background:#fff}
.proof b{color:var(--onco-navy)}
.proof small{color:#6f6283}
/* Pink is used sparingly for emphasis, not as a competing background */
strong,.metric-value,.kpi-value,.stat-number{color:var(--onco-purple)}
hr,.divider,.section-divider{border-color:#e6d9ef}
.page-controls{border-top-color:#e1d7ed}
.page-control{border-color:#d4c4e5;color:var(--onco-purple-deep);background:#fff}
.page-control:hover{background:var(--onco-lilac);border-color:var(--onco-purple)}
.page-control[data-go-page="about-us"],a.btn:not(.alt){text-decoration:none}
.cta,.cta-box{background:radial-gradient(ellipse at 88% 12%,rgba(217,79,157,.22),transparent 32%),linear-gradient(120deg,#102f5d 0%,#3c337e 58%,#7046a8 100%);border-color:#7655a2}
.cta h2,.cta-box h2,.cta p,.cta-box p{color:#fff}
.cta .btn.alt,.cta-box .btn.alt{background:#fff;color:var(--onco-purple-deep);border-color:#f1d9e8}
.about-hero{background:radial-gradient(ellipse at 80% 18%,rgba(112,70,168,.14),transparent 32%),linear-gradient(120deg,#f8fbff,#f4effb 65%,#fff2f8)}
.testimonial-quote{background:linear-gradient(110deg,#f4effb,#fff0f7);border-left:3px solid var(--onco-pink)}
.client-card{background:linear-gradient(155deg,#fff 0%,#fcf9ff 70%,#fff7fb 100%)}
footer,.foot{border-top-color:#e1d7ed}
:focus-visible{outline:3px solid rgba(217,79,157,.55);outline-offset:3px}
@media(prefers-reduced-motion:no-preference){.btn,.card,.feature-card,.client-card,.page-control{transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease}}
@media(max-width:620px){.hero{background:radial-gradient(ellipse at 88% 12%,rgba(112,70,168,.12),transparent 35%),linear-gradient(160deg,#fbfdff,#f7f1fb 70%,#fff7fb)}}



/* Official ONCOSure logo palette: purple ribbon, coral-red ribbon/tagline, blue FE/FHIREngine, charcoal wordmark. */
:root {
  --onco-purple: #7851C8;
  --onco-purple-deep: #5C3AA6;
  --onco-purple-soft: #F3EEFC;
  --onco-pink: #E85D63;
  --onco-pink-soft: #FFF0F0;
  --onco-blue: #2857FF;
  --onco-navy: #27324A;
  --onco-line: #E4DDF3;
}
html { scroll-behavior: smooth; }
body { color: #35343A; }
.site-header, header { border-color: var(--onco-line); }
.site-page h1, .site-page h2, .site-page h3,
.section-title, .eyebrow, .section-kicker { color: var(--onco-purple-deep); }
.site-page a:not(.btn):not(.button), footer a { color: var(--onco-blue); }
.btn-primary, .button-primary, a.btn-primary, .primary-cta,
button[type="submit"] {
  background: linear-gradient(115deg, var(--onco-purple-deep), var(--onco-purple) 62%, var(--onco-blue)) !important;
  border-color: var(--onco-purple) !important; color: #fff !important;
}
.btn-secondary, .button-secondary, .secondary-cta {
  border-color: var(--onco-purple) !important; color: var(--onco-purple-deep) !important;
  background: #fff !important;
}
.site-page .card, .site-page .feature-card, .site-page .metric-card,
.site-page .capability-card, .site-page .step-card, .site-page .panel {
  border-color: var(--onco-line);
}
.site-page .card:hover, .site-page .feature-card:hover,
.site-page .metric-card:hover, .site-page .capability-card:hover {
  border-color: #C5B2EA;
}
.site-page .eyebrow, .site-page .badge, .site-page .tag, .site-page .pill {
  background: var(--onco-purple-soft); color: var(--onco-purple-deep); border-color: #D9C9F4;
}
.site-page .accent, .site-page .highlight, .site-page .text-accent { color: var(--onco-pink); }
.site-page .accent-card, .site-page .callout, .site-page .notice {
  border-left-color: var(--onco-pink); background: linear-gradient(100deg, #FFF7F7, #F8F4FF);
}
.site-page .hero, .site-page .hero-panel, .site-page .cta-panel, .site-page .closing-cta {
  background: linear-gradient(125deg, #F6F1FD 0%, #FFFFFF 54%, #FFF2F2 100%);
}
.site-page hr { border-color: var(--onco-line); }
footer { background: #F7F5FB; border-top-color: var(--onco-line); }
/* Keep the logo itself unchanged; its purple, coral-red, blue and charcoal remain the color reference. */
@media (max-width: 720px) {
  .site-page .hero, .site-page .hero-panel, .site-page .cta-panel, .site-page .closing-cta {
    background: linear-gradient(150deg, #F6F1FD 0%, #FFFFFF 70%, #FFF2F2 100%);
  }
}



/* ONCOSure brand and layout refinements across every page */
:root{--onco-purple:#7046a8;--onco-purple-deep:#563483;--onco-lilac:#f4effb;--onco-pink:#d94f9d;--onco-red:#ed625b;}
h1,h2,h3,h4,h5,h6,
.head h2,.feature h2,.card h3,.layer h3,.fhir strong,
.kpi strong,.persona h3,.ppt-caption h3,
.proof b,.ai-label,.section-title,.page-title,.box-title,
.arch-title,.workflow-title,.diagram-title,.eyebrow-title{
  color:var(--onco-purple)!important;
}
/* Keep titles clean: no terminal full stop; don't hyphenate words */
h1,h2,h3,h4,h5,h6,[class*="title"],[class*="heading"]{hyphens:none;word-break:normal;overflow-wrap:normal;}
/* Cards and diagram nodes contain their copy; wrap between words, never through a word */
.card,.layer,.fhir,.kpi,.persona,.proof div,.ai-actions span,
.arch,.workflow,.flow-box,.node,.step,.process-box,.diagram-box,
[class*="card"],[class*="box"],[class*="node"],[class*="step"]{
  box-sizing:border-box;min-width:0;max-width:100%;
}
.card h3,.layer h3,.fhir strong,.kpi strong,.persona h3,.proof b,
.card p,.layer p,.fhir p,.kpi span,.persona p,
.flow-box,.node,.step,.process-box,.diagram-box,
[class*="card"] p,[class*="box"] p,[class*="node"] p,[class*="step"] p{
  word-break:normal;overflow-wrap:normal;hyphens:none;max-width:100%;
}
/* Responsive diagram geometry: keep connectors centered and visually separate from nodes */
svg{max-width:100%;height:auto;overflow:visible}
svg marker{overflow:visible}
svg line,svg path[marker-end],svg path[marker-start]{vector-effect:non-scaling-stroke}
.arrow,.arrow-line,.connector,.flow-arrow,.diagram-arrow{box-sizing:border-box;flex-shrink:0;align-self:center;position:relative;z-index:0;}
.flow-row,.workflow-row,.diagram-row,.process-row{align-items:center;justify-content:center;gap:clamp(8px,1.4vw,20px);}
.flow-box,.node,.step,.process-box,.diagram-box{position:relative;z-index:1;flex:0 1 auto;}
@media(max-width:700px){
  .flow-row,.workflow-row,.diagram-row,.process-row{flex-wrap:wrap;gap:12px;}
  .flow-box,.node,.step,.process-box,.diagram-box{max-width:100%;}
  svg{max-width:100%;}
}



/* Graphic fit refinement: keep complete words inside containers and diagrams responsive */
*, *::before, *::after { box-sizing: border-box; }
.onco-illustration, .pmjay-visual, .pmjay-flow, .agent-flow, .ai-box, .cta-box,
[class*="diagram"], [class*="flow"], [class*="graphic"], [class*="visual"] { min-width: 0; max-width: 100%; }
.onco-illustration, .pmjay-visual, [class*="diagram"], [class*="graphic"], [class*="visual"] { overflow: hidden; }
.onco-illustration svg, .pmjay-visual svg, [class*="diagram"] svg, [class*="flow"] svg, [class*="graphic"] svg, [class*="visual"] svg {
  display:block; width:100%; max-width:100%; height:auto; overflow:visible;
}
/* Allow wrapping only at spaces; never break a word in the middle. */
.onco-illustration :is(p,span,strong,b,small,div), .pmjay-visual :is(p,span,strong,b,small,div),
.pmjay-flow :is(p,span,strong,b,small,div), .agent-flow :is(p,span,strong,b,small,div),
.ai-box :is(p,span,strong,b,small,div), .cta-box :is(p,span,strong,b,small,div),
[class*="diagram"] :is(p,span,strong,b,small,div), [class*="flow"] :is(p,span,strong,b,small,div) {
  min-width:0; overflow-wrap:normal; word-break:normal; hyphens:none;
}
/* Keep each word intact in HTML-based graphic labels; labels may wrap between words. */
.onco-illustration :is(.label,.node-label,.box-label), .pmjay-visual :is(.label,.node-label,.box-label),
[class*="diagram"] :is(.label,.node-label,.box-label), [class*="flow"] :is(.label,.node-label,.box-label) {
  white-space:normal; overflow-wrap:normal; word-break:keep-all; hyphens:none; text-align:center;
}
/* SVG labels stay readable and scale with their parent graphic. */
.onco-illustration svg text, .pmjay-visual svg text, [class*="diagram"] svg text, [class*="flow"] svg text {
  font-family:inherit; text-rendering:geometricPrecision;
}
/* Arrows occupy their own centered lane and do not cover adjacent nodes. */
.flow-arrow { flex:0 0 auto; align-self:center; display:flex; align-items:center; justify-content:center;
  position:relative; margin:0 auto; line-height:1; max-width:100%; overflow:visible; }
.agent-flow { align-items:center; justify-content:center; gap:clamp(8px,1.5vw,18px); }
.agent-flow .flow-arrow { width:clamp(20px,3vw,36px); min-height:18px; }
.agent-flow .flow-arrow svg { display:block; width:100%; height:auto; max-width:36px; }
@media (max-width: 760px) {
  .onco-illustration, .pmjay-visual, .pmjay-flow, .agent-flow { width:100%; max-width:100%; }
  .agent-flow { flex-wrap:wrap; gap:10px; }
  .agent-flow .flow-arrow { width:24px; }
  .onco-illustration svg, .pmjay-visual svg { height:auto; }
}
@media (max-width: 420px) {
  .onco-illustration svg, .pmjay-visual svg { width:100%; }
  .onco-illustration, .pmjay-visual { padding-left:0; padding-right:0; }
}



/* Final graphics fit: preserve complete words and keep all graphic text within its own box. */
.onco-illustration,.pmjay-visual,[class*="diagram"],[class*="graphic"],[class*="visual"]{min-width:0;max-width:100%;overflow:visible!important;}
.onco-illustration svg,.pmjay-visual svg,[class*="diagram"] svg,[class*="graphic"] svg,[class*="visual"] svg{display:block;width:100%;max-width:100%;height:auto;overflow:visible;}
.onco-illustration text,.pmjay-visual text,[class*="diagram"] text,[class*="graphic"] text,[class*="visual"] text{word-break:normal;hyphens:none;}
.onco-illustration :is(p,span,strong,b,small,div),.pmjay-visual :is(p,span,strong,b,small,div),[class*="diagram"] :is(p,span,strong,b,small,div),[class*="graphic"] :is(p,span,strong,b,small,div),[class*="visual"] :is(p,span,strong,b,small,div){overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important;min-width:max-content;max-width:100%;}
/* Never force a word to split. Graphic labels can wrap only between words; increase available space before shrinking type. */
[class*="box"],[class*="node"],[class*="step"],[class*="card"]{overflow-wrap:normal;word-break:normal;hyphens:none;}
[class*="box"] :is(h1,h2,h3,h4,p,span,strong,b,small),[class*="node"] :is(h1,h2,h3,h4,p,span,strong,b,small),[class*="step"] :is(h1,h2,h3,h4,p,span,strong,b,small){overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important;}
/* Platform diagram uses a roomy, centered viewBox; arrows terminate before card borders. */
#page-platform .onco-illustration{width:100%;min-width:0;padding:clamp(8px,1.5vw,16px);}
#page-platform .onco-illustration svg{width:100%;height:auto;max-height:none;}
@media(max-width:640px){#page-platform .onco-illustration{padding:4px;}#page-platform .onco-illustration svg{width:100%;height:auto;}}



:root{--onco-purple:#7046a8;--onco-purple-deep:#563483;--onco-pink:#d94f9d;--onco-blue:#1557b0;--onco-lavender:#f4effb;--onco-border:#d9cbea;--onco-muted:#5d7088;--onco-white:#fff;}
/* Unified logo-led palette and legible text containers across every page */
body{color:#26364b;background:#fff;}
h1,h2,h3,h4,h5,h6,.section-title,.card-title,.eyebrow,.feature-title{color:var(--onco-purple)!important;}
svg{display:block;width:100%;height:auto;max-width:100%;overflow:visible;}
svg text{font-family:Inter,Arial,Helvetica,sans-serif!important;fill:var(--onco-purple-deep);paint-order:stroke fill;}
svg rect{stroke:var(--onco-border);}
svg rect[fill="#fff"],svg rect[fill="#ffffff"],svg rect[fill="white"]{fill:#fff;stroke:var(--onco-border);stroke-width:1.6;}
svg rect[fill="#eef4fb"],svg rect[fill="#f7f9fc"]{fill:var(--onco-lavender);stroke:var(--onco-border);}
svg circle[fill="#eef4fb"]{fill:var(--onco-lavender);}
svg text[fill="#12315f"],svg text[fill="#102f5d"],svg text[fill="#12315F"]{fill:var(--onco-purple-deep)!important;}
svg text[fill="#5d7088"],svg text[fill="#71839a"],svg text[fill="#5f7180"]{fill:var(--onco-muted)!important;}
svg path,svg line,svg polyline{stroke-linecap:round;stroke-linejoin:round;}
/* No directional arrowheads in any graphic */
svg path[marker-end],svg line[marker-end],svg polyline[marker-end]{marker-end:none!important;}
/* Keep SVG artwork proportionate and prevent clipping on narrow screens */
.graphic,.diagram,.visual,.flowchart,.svg-wrap,.architecture-graphic{min-width:0;max-width:100%;}
.graphic svg,.diagram svg,.visual svg,.flowchart svg,.svg-wrap svg,.architecture-graphic svg{width:100%;height:auto;}
@media(max-width:700px){svg text{font-size:inherit;} .graphic,.diagram,.visual,.flowchart,.svg-wrap,.architecture-graphic{overflow-x:auto;} }



.onco-illustration{overflow:hidden!important;padding:10px!important;background:linear-gradient(145deg,#f8faff,#fff)!important;border-color:#d6e1f2!important;border-radius:26px!important;box-shadow:0 12px 30px rgba(30,42,78,.045)!important;min-width:0}
.onco-illustration svg{display:block;width:100%;height:auto;overflow:hidden!important}
.onco-illustration svg text{word-break:normal;overflow-wrap:normal;hyphens:none}
.pmjay-flow{grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr) 18px minmax(0,1fr) 18px minmax(0,1fr) 18px minmax(0,1fr);gap:7px}
.pmjay-flow div{overflow-wrap:normal;word-break:normal;hyphens:none}
@media(max-width:760px){.pmjay-flow{grid-template-columns:1fr;gap:8px}.pmjay-flow i{width:3px;height:14px}.pmjay-flow div:nth-of-type(n+1){display:block!important}}



/* PMJAY Access graphic: use a compact two-row card layout to reduce width. */
#page-platform .pmjay-flow,
.pmjay-expanded .pmjay-flow {
  display:grid !important;
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  gap:12px !important;
  align-items:stretch !important;
  padding:18px !important;
}
.pmjay-expanded .pmjay-flow > div {
  grid-column:span 2;
  min-width:0;
  width:100%;
  min-height:112px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:16px 12px !important;
  text-align:center;
  white-space:normal;
  overflow-wrap:normal !important;
  word-break:normal !important;
  hyphens:none !important;
}
.pmjay-expanded .pmjay-flow > div:nth-of-type(4) { grid-column:2 / span 2; }
.pmjay-expanded .pmjay-flow > div:nth-of-type(5) { grid-column:4 / span 2; }
.pmjay-expanded .pmjay-flow > i { display:none !important; }
.pmjay-expanded .pmjay-flow b { line-height:1.25; white-space:normal; overflow-wrap:normal; word-break:normal; }
.pmjay-expanded .pmjay-flow small { line-height:1.35; }
@media(max-width:700px) {
  .pmjay-expanded .pmjay-flow { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .pmjay-expanded .pmjay-flow > div,
  .pmjay-expanded .pmjay-flow > div:nth-of-type(4),
  .pmjay-expanded .pmjay-flow > div:nth-of-type(5) { grid-column:auto; min-height:104px; }
}
@media(max-width:420px) {
  .pmjay-expanded .pmjay-flow { grid-template-columns:minmax(0,1fr) !important; }
}



/* Cross-platform responsive safeguards: desktop, tablet and mobile */
*,*::before,*::after{box-sizing:border-box}
html{width:100%;max-width:100%;overflow-x:clip;-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}
body{width:100%;max-width:100%;min-width:0;margin:0;overflow-x:clip;-webkit-overflow-scrolling:touch}
img,video,canvas,iframe{max-width:100%;height:auto}
svg{display:block;max-width:100%;height:auto}
.wrap,.container,.page,.page-content,.section-inner,.hero-inner,.section-head-grid,.grid,.grid2,.grid3,.archrow,.proof,.kpis,.personas,.client-grid,.pmjay-grid,.agentic-grid{min-width:0;max-width:100%}
section,main,article,header,footer{min-width:0;max-width:100%}
.page{width:100%;overflow-wrap:anywhere}
/* SVG illustrations scale proportionally to their containing column */
.onco-illustration svg,.pmjay-visual svg,.hero-visual svg,.graphic svg,.diagram svg,.visual svg,.flowchart svg,.svg-wrap svg{width:100%;max-width:100%;height:auto}
.onco-illustration,.pmjay-visual,.hero-visual,.graphic,.diagram,.visual,.flowchart,.svg-wrap{min-width:0;max-width:100%}
/* Prevent wide tables and diagram rows from expanding the viewport */
table{max-width:100%;border-collapse:collapse}pre,code{white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:900px){
  .hero-inner,.section-head-grid{grid-template-columns:minmax(0,1fr)!important}
  .grid3,.archrow,.proof,.kpis,.personas,.client-grid,.pmjay-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero-visual{position:relative;inset:auto;width:100%;max-width:100%;margin-inline:auto}
  .navlinks{max-width:100%;min-width:0}
}
@media(max-width:620px){
  .wrap{width:calc(100% - 28px);max-width:100%}
  section{padding-top:clamp(36px,8vw,64px);padding-bottom:clamp(36px,8vw,64px)}
  .grid3,.archrow,.proof,.kpis,.personas,.client-grid,.pmjay-grid{grid-template-columns:minmax(0,1fr)}
  .hero-inner{padding-top:clamp(32px,8vw,64px);padding-bottom:clamp(32px,8vw,64px)}
  h1{font-size:clamp(2rem,8vw,3.25rem);overflow-wrap:normal}
  h2{font-size:clamp(1.55rem,6vw,2.4rem)}
  .nav{height:auto;min-height:0;flex-wrap:wrap;gap:10px}
  .navlinks{order:3;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .btn,button,a{touch-action:manipulation}
  .ppt-gallery,.testimonial-grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:380px){
  .wrap{width:calc(100% - 22px)}
  .nav>.btn{padding:9px 10px;font-size:11px}
  .card,.feature-card,.client-card{min-width:0;overflow-wrap:anywhere}
}
@supports not (overflow:clip){html,body{overflow-x:hidden}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}



/* PMJAY workflow: size to its actual content column and reflow cards before they can overflow. */
#page-pmjay .pmjay-visual,
.pmjay-expanded .pmjay-visual {
  display:block;
  width:100%;
  min-width:0;
  max-width:100%;
}
.pmjay-expanded .pmjay-flow {
  display:grid !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:clamp(6px,1vw,12px) !important;
  align-items:stretch;
  padding:clamp(10px,1.5vw,18px);
  overflow:hidden;
}
.pmjay-expanded .pmjay-flow > div {
  display:flex !important;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  width:100%;
  min-width:0;
  max-width:100%;
  padding:clamp(10px,1.2vw,16px) clamp(5px,.8vw,10px);
  text-align:center;
  overflow-wrap:break-word;
  word-break:normal;
}
.pmjay-expanded .pmjay-flow > i { display:none !important; }
.pmjay-expanded .pmjay-flow b {
  font-size:clamp(11px,1.15vw,15px);
  line-height:1.25;
  overflow-wrap:break-word;
}
.pmjay-expanded .pmjay-flow small {
  font-size:clamp(10px,.95vw,13px);
  line-height:1.4;
  overflow-wrap:break-word;
}
@media (max-width:900px) {
  .pmjay-expanded .pmjay-flow { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
  .pmjay-expanded .pmjay-flow b { font-size:13px; }
  .pmjay-expanded .pmjay-flow small { font-size:11px; }
}
@media (max-width:600px) {
  .pmjay-expanded .pmjay-flow { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .pmjay-expanded .pmjay-flow > div { padding:14px 8px; }
}
@media (max-width:380px) {
  .pmjay-expanded .pmjay-flow { grid-template-columns:minmax(0,1fr) !important; }
}



/* Final PMJAY fix: let the workflow cards reflow based on available width,
   rather than squeezing all five cards into a single row. */
.pmjay-visual{width:100%;min-width:0;max-width:100%;container-type:inline-size}
.pmjay-visual .pmjay-flow{
  display:grid !important;
  width:100% !important;max-width:100% !important;min-width:0 !important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr)) !important;
  align-items:stretch !important;gap:12px !important;padding:clamp(10px,2.2cqi,18px) !important;
}
.pmjay-visual .pmjay-flow > i{display:none !important}
.pmjay-visual .pmjay-flow > div{
  display:flex !important;flex-direction:column;align-items:center;justify-content:center;
  box-sizing:border-box;width:100% !important;max-width:100% !important;min-width:0 !important;
  min-height:112px;height:auto !important;padding:14px 10px !important;margin:0 !important;
  text-align:center;white-space:normal !important;overflow:visible !important;
  overflow-wrap:break-word !important;word-break:normal !important;hyphens:auto;
}
.pmjay-visual .pmjay-flow > div > span{display:block;max-width:100%;font-size:clamp(10px,1.1cqi,12px);line-height:1.2}
.pmjay-visual .pmjay-flow > div > b{
  display:block;width:100%;max-width:100%;margin-top:7px !important;
  font-size:clamp(13px,1.65cqi,18px) !important;line-height:1.2 !important;
  white-space:normal !important;overflow-wrap:break-word !important;word-break:normal !important;
}
.pmjay-visual .pmjay-flow > div > small{
  display:block;width:100%;max-width:100%;margin-top:6px !important;
  font-size:clamp(11px,1.25cqi,14px) !important;line-height:1.4 !important;
  white-space:normal !important;overflow-wrap:break-word !important;word-break:normal !important;
}
@container (max-width:520px){
  .pmjay-visual .pmjay-flow{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important}
  .pmjay-visual .pmjay-flow > div{min-height:105px;padding:12px 9px !important}
  .pmjay-visual .pmjay-flow > div > b{font-size:14px !important}
  .pmjay-visual .pmjay-flow > div > small{font-size:12px !important}
}
@container (max-width:300px){
  .pmjay-visual .pmjay-flow{grid-template-columns:minmax(0,1fr) !important}
  .pmjay-visual .pmjay-flow > div{min-height:90px}
}
@media(max-width:560px){
  .pmjay-visual .pmjay-flow{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .pmjay-visual .pmjay-flow > div{min-height:105px;padding:12px 8px !important}
  .pmjay-visual .pmjay-flow > div > b{font-size:14px !important}
  .pmjay-visual .pmjay-flow > div > small{font-size:12px !important}
}
@media(max-width:340px){.pmjay-visual .pmjay-flow{grid-template-columns:minmax(0,1fr) !important}}



/* Official PM-JAY emblem sits directly beneath the PMJAY Prior Authorization title. */
.pmjay-card-emblem{display:block;width:clamp(96px,12vw,150px);height:auto;max-width:100%;object-fit:contain;margin:12px auto 14px;border-radius:0;}
@media(max-width:700px){.pmjay-card-emblem{width:clamp(92px,28vw,130px);margin:10px auto 12px;}}



.fhire-engine-intro{padding:28px 0 24px;background:#fff}
.fhire-engine-card{max-width:1050px;margin:0 auto;padding:26px 30px;background:#f6faff;border:1px solid #dbe5ea;border-left:4px solid #d62839;border-radius:14px;box-shadow:0 8px 24px rgba(18,49,95,.05)}
.fhire-engine-card p{margin:0;color:#243b53;font-size:16px;line-height:1.75;overflow-wrap:anywhere}
@media(max-width:700px){.fhire-engine-intro{padding:20px 0}.fhire-engine-card{padding:20px 18px}.fhire-engine-card p{font-size:15px;line-height:1.7}}



/* Force PMJAY workflow cards to wrap into rows instead of squeezing five columns. */
@media (max-width: 900px) {
  .pmjay-visual .pmjay-flow {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    gap: 10px !important;
    align-items: stretch !important;
  }
  .pmjay-visual .pmjay-flow > div {
    display: block !important;
    min-width: 0 !important;
    width: auto !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
    hyphens: auto !important;
    padding: 14px 10px !important;
  }
  .pmjay-visual .pmjay-flow > i { display: none !important; }
}
@media (max-width: 520px) {
  .pmjay-visual .pmjay-flow {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}


.partner-grid{width:100%;max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}.partner-card{min-width:0;overflow:hidden;background:linear-gradient(155deg,#fff 0%,#fcf9ff 70%,#fff7fb 100%);border:1px solid #dbe5ef;border-radius:16px;box-shadow:0 8px 24px rgba(18,49,95,.07);display:flex;flex-direction:column}.partner-card img{display:block;width:100%;height:170px;max-width:100%;object-fit:contain;padding:12px;box-sizing:border-box;background:#fff}.partner-card .client-card-body{padding:16px 18px 20px}.partner-card .client-card-body h3{margin:0 0 8px;font-size:18px;line-height:1.3;color:#12315f;text-align:center}.partner-card .client-card-body p{margin:0;font-size:14px;line-height:1.5;color:#536579;text-align:center}@media(max-width:900px){.partner-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}@media(max-width:560px){.partner-grid{grid-template-columns:minmax(0,1fr);gap:16px}.partner-card img{height:150px}.partner-card .client-card-body{padding:14px 16px 18px}}

.bt{font:800 13px Arial,sans-serif;fill:#563483}.bs{font:10px Arial,sans-serif;fill:#536b86}.core{font:900 17px Arial,sans-serif;fill:#563483}.coresub{font:10px Arial,sans-serif;fill:#536b86}.wire{fill:none;stroke:#7046a8;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}.wirepink{fill:none;stroke:#d94f9d;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}

.bt{font:800 13px Arial,sans-serif;fill:#563483}.bs{font:10px Arial,sans-serif;fill:#536b86}.wire{fill:none;stroke:#7046a8;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}.wirepink{fill:none;stroke:#d94f9d;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}

.bt{font:800 13px Arial,sans-serif;fill:#563483}.bs{font:10px Arial,sans-serif;fill:#536b86}.core{font:900 17px Arial,sans-serif;fill:#563483}.coresub{font:10px Arial,sans-serif;fill:#536b86}.wire{fill:none;stroke:#7046a8;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}.wirepink{fill:none;stroke:#d94f9d;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}

.bt{font:800 13px Arial,sans-serif;fill:#563483}.bs{font:10px Arial,sans-serif;fill:#536b86}.core{font:900 17px Arial,sans-serif;fill:#563483}.coresub{font:10px Arial,sans-serif;fill:#536b86}.wire{fill:none;stroke:#7046a8;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}.wirepink{fill:none;stroke:#d94f9d;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}


.about-contact-section{padding:34px 0 56px;background:#fff}
.about-contact-section .contact-heading{text-align:center;margin:0 auto 28px;max-width:760px}
.about-contact-section .contact-heading h2{font-size:clamp(30px,4vw,42px);font-weight:500;margin:0 0 18px;color:#101820}
.about-contact-section .contact-heading p{font-size:18px;letter-spacing:.04em;line-height:1.6;margin:0;color:#263746}
.about-contact-grid{display:grid;grid-template-columns:1fr 1fr;max-width:1110px;margin:0 auto;box-shadow:0 3px 12px rgba(0,0,0,.18);overflow:hidden}
.about-contact-panel{padding:32px 36px 38px;min-width:0}
.about-contact-panel.office-headquarters{background:#f5f6f7}
.about-contact-panel.office-locations{background:#e6d6f5}
.about-contact-panel h3{font-size:25px;font-weight:500;margin:0 0 36px;color:#111}
.about-contact-item{display:grid;grid-template-columns:24px minmax(0,1fr);gap:14px;margin:0 0 28px;align-items:start}
.about-contact-item .contact-icon{font-size:22px;line-height:1.25;color:#050505;text-align:center}
.about-contact-item h4{font-size:20px;font-weight:500;letter-spacing:.02em;margin:0 0 10px;color:#273b4d}
.about-contact-item p,.about-contact-item a{font-size:15.5px;line-height:1.65;letter-spacing:.02em;margin:0;color:#172c3d;overflow-wrap:anywhere}
.about-contact-item a{text-decoration:none}
.about-contact-item a:hover{text-decoration:underline}
.about-contact-social{display:flex;gap:14px;margin:30px 0 0 38px}
.about-contact-social a{display:inline-flex;width:36px;height:36px;border:2px solid #555;border-radius:50%;align-items:center;justify-content:center;color:#444;font-weight:600;text-decoration:none}
@media(max-width:720px){.about-contact-grid{grid-template-columns:1fr}.about-contact-panel{padding:26px 22px 30px}.about-contact-panel h3{margin-bottom:26px}.about-contact-section{padding:26px 0 40px}.about-contact-section .contact-heading p{font-size:16px}}



/* Fit PMJAY wording to each individual card, not just to the overall diagram. */
.pmjay-visual{width:100%;min-width:0;max-width:100%;container-type:inline-size;}
.pmjay-visual .pmjay-flow{width:100%;min-width:0;max-width:100%;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:clamp(8px,1.4cqi,12px)!important;padding:clamp(10px,2.2cqi,18px)!important;align-items:stretch!important;}
.pmjay-visual .pmjay-flow>div{grid-column:span 2;min-width:0!important;max-width:100%;width:100%;min-height:clamp(100px,13cqi,168px);padding:clamp(10px,4cqi,16px) clamp(7px,3cqi,12px)!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;text-align:center;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important;container-type:inline-size;}
.pmjay-visual .pmjay-flow>div:nth-of-type(4){grid-column:2 / span 2;}
.pmjay-visual .pmjay-flow>div:nth-of-type(5){grid-column:4 / span 2;}
.pmjay-visual .pmjay-flow>div>span{font-size:clamp(9px,3.5cqi,12px)!important;line-height:1.2;letter-spacing:.06em;white-space:normal;}
.pmjay-visual .pmjay-flow>div>b{display:block;width:100%;max-width:100%;font-size:clamp(13px,6.4cqi,20px)!important;line-height:1.18!important;margin-top:clamp(4px,1.8cqi,7px)!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important;}
.pmjay-visual .pmjay-flow>div>small{display:block;width:100%;max-width:100%;font-size:clamp(11px,4.8cqi,16px)!important;line-height:1.35!important;margin-top:clamp(4px,1.5cqi,7px)!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important;}
.pmjay-visual .pmjay-flow>i{display:none!important}
@media(max-width:700px){
 .pmjay-visual .pmjay-flow{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;padding:12px!important}
 .pmjay-visual .pmjay-flow>div,.pmjay-visual .pmjay-flow>div:nth-of-type(4),.pmjay-visual .pmjay-flow>div:nth-of-type(5){grid-column:auto;min-height:112px;padding:12px 10px!important}
 .pmjay-visual .pmjay-flow>div>b{font-size:clamp(14px,5.2cqi,18px)!important}
 .pmjay-visual .pmjay-flow>div>small{font-size:clamp(12px,4.1cqi,15px)!important}
}
@media(max-width:420px){
 .pmjay-visual .pmjay-flow{grid-template-columns:minmax(0,1fr)!important;gap:9px!important}
 .pmjay-visual .pmjay-flow>div,.pmjay-visual .pmjay-flow>div:nth-of-type(4),.pmjay-visual .pmjay-flow>div:nth-of-type(5){grid-column:auto;min-height:92px;padding:12px!important}
 .pmjay-visual .pmjay-flow>div>b{font-size:16px!important}
 .pmjay-visual .pmjay-flow>div>small{font-size:13px!important}
}
/* Viewport-based fallback for browsers without container query units. */
@supports not (font-size:1cqi){
 .pmjay-visual .pmjay-flow>div>b{font-size:clamp(13px,1.5vw,20px)!important}
 .pmjay-visual .pmjay-flow>div>small{font-size:clamp(11px,1.15vw,16px)!important}
}



/* Override legacy global min-width:max-content rules that made PMJAY labels wider than their cards. */
.pmjay-visual,
.pmjay-visual .pmjay-flow,
.pmjay-visual .pmjay-flow > div,
.pmjay-visual .pmjay-flow > div > span,
.pmjay-visual .pmjay-flow > div > b,
.pmjay-visual .pmjay-flow > div > small {
  box-sizing:border-box !important;
  min-width:0 !important;
  max-width:100% !important;
}
.pmjay-visual .pmjay-flow > div {
  width:100% !important;
  overflow:hidden !important;
  white-space:normal !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
  hyphens:auto !important;
}
.pmjay-visual .pmjay-flow > div > span,
.pmjay-visual .pmjay-flow > div > b,
.pmjay-visual .pmjay-flow > div > small {
  flex:0 1 auto !important;
  width:100% !important;
  text-align:center !important;
  white-space:normal !important;
  overflow-wrap:break-word !important;
  word-break:normal !important;
  hyphens:auto !important;
}
.pmjay-visual .pmjay-flow > div > b {
  font-size:clamp(12px, 5.8cqi, 19px) !important;
  line-height:1.2 !important;
  letter-spacing:normal !important;
}
.pmjay-visual .pmjay-flow > div > small {
  font-size:clamp(10px, 4.1cqi, 14px) !important;
  line-height:1.35 !important;
}
@media(max-width:700px) {
  .pmjay-visual .pmjay-flow { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .pmjay-visual .pmjay-flow > div,
  .pmjay-visual .pmjay-flow > div:nth-of-type(4),
  .pmjay-visual .pmjay-flow > div:nth-of-type(5) { grid-column:auto !important; }
  .pmjay-visual .pmjay-flow > div > b { font-size:clamp(13px,5.2cqi,17px) !important; }
  .pmjay-visual .pmjay-flow > div > small { font-size:clamp(11px,4cqi,13px) !important; }
}
@media(max-width:420px) {
  .pmjay-visual .pmjay-flow { grid-template-columns:minmax(0,1fr) !important; }
  .pmjay-visual .pmjay-flow > div,
  .pmjay-visual .pmjay-flow > div:nth-of-type(4),
  .pmjay-visual .pmjay-flow > div:nth-of-type(5) { min-height:0 !important; padding:14px 12px !important; }
  .pmjay-visual .pmjay-flow > div > b { font-size:16px !important; }
  .pmjay-visual .pmjay-flow > div > small { font-size:13px !important; }
}



/* Keep the PMJAY workflow in two rows on narrower windows: 3 cards above, 2 centered below. */
@media (max-width: 900px) {
  .pmjay-flow {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
    align-items: stretch;
  }
  .pmjay-flow > i { display: none !important; }
  .pmjay-flow > div:nth-child(7) { grid-column: 1 / 2; margin-left: auto; width: 100%; }
  .pmjay-flow > div:nth-child(9) { grid-column: 2 / 4; width: 50%; justify-self: center; }
}
@media (max-width: 560px) {
  .pmjay-flow { padding: 12px !important; gap: 8px !important; }
  .pmjay-flow div { padding: 12px 6px !important; }
  .pmjay-flow b { font-size: 11px !important; }
  .pmjay-flow small { font-size: 9px !important; }
}



/* Definitive PMJAY workflow layout: reflow into rows when the available window narrows. */
.pmjay-visual { width:100% !important; max-width:100% !important; min-width:0 !important; container-type:inline-size; }
.pmjay-visual .pmjay-flow {
  display:grid !important; box-sizing:border-box !important;
  width:100% !important; max-width:100% !important; min-width:0 !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  grid-auto-flow:row !important; gap:12px !important;
  align-items:stretch !important; overflow:visible !important;
}
.pmjay-visual .pmjay-flow > i { display:none !important; }
.pmjay-visual .pmjay-flow > div {
  box-sizing:border-box !important; display:flex !important;
  flex-direction:column !important; align-items:center !important; justify-content:center !important;
  width:100% !important; min-width:0 !important; max-width:100% !important;
  margin:0 !important; padding:14px 10px !important; min-height:112px !important;
  text-align:center !important; white-space:normal !important; word-break:normal !important;
  overflow-wrap:normal !important; hyphens:none !important;
}
.pmjay-visual .pmjay-flow > div > span { display:block !important; font-size:12px !important; line-height:1.2 !important; }
.pmjay-visual .pmjay-flow > div > b {
  display:block !important; width:100% !important; max-width:100% !important;
  font-size:clamp(13px,1.5vw,17px) !important; line-height:1.2 !important;
  white-space:normal !important; word-break:normal !important; overflow-wrap:normal !important; hyphens:none !important;
}
.pmjay-visual .pmjay-flow > div > small {
  display:block !important; width:100% !important; max-width:100% !important;
  font-size:clamp(11px,1.1vw,13px) !important; line-height:1.35 !important;
  white-space:normal !important; word-break:normal !important; overflow-wrap:normal !important; hyphens:none !important;
}
@media (max-width:900px) {
  .pmjay-visual .pmjay-flow { grid-template-columns:repeat(6,minmax(0,1fr)) !important; gap:10px !important; }
  .pmjay-visual .pmjay-flow > div:nth-of-type(1) { grid-column:1 / span 2 !important; }
  .pmjay-visual .pmjay-flow > div:nth-of-type(2) { grid-column:3 / span 2 !important; }
  .pmjay-visual .pmjay-flow > div:nth-of-type(3) { grid-column:5 / span 2 !important; }
  .pmjay-visual .pmjay-flow > div:nth-of-type(4) { grid-column:2 / span 2 !important; }
  .pmjay-visual .pmjay-flow > div:nth-of-type(5) { grid-column:4 / span 2 !important; }
  .pmjay-visual .pmjay-flow > div > b { font-size:14px !important; }
  .pmjay-visual .pmjay-flow > div > small { font-size:12px !important; }
}
@media (max-width:380px) {
  .pmjay-visual .pmjay-flow { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .pmjay-visual .pmjay-flow > div:nth-of-type(n) { grid-column:auto !important; min-height:100px !important; padding:12px 8px !important; }
}