/* B241 · one system from the home page across every page: cool white instead of cream paper, navy instead of warm black,
   the same header and footer. Loaded after the older sheets, so it wins without touching their cached files. */
:root{--px-ink:#0a1633;--px-char:#425170;--px-mute:#566074;--px-paper:#fff;--px-paper2:#f5f7fc;--px-line:#e3e8f2;--px-line2:#d5dcea;--px-body:#2b3550}
body{background:#fff}
html:not(.px-art) .px-head,.px-head{background:rgba(255,255,255,.82);-webkit-backdrop-filter:saturate(1.8) blur(16px);backdrop-filter:saturate(1.8) blur(16px);border-bottom-color:var(--px-line)}
.px-rbar{background:rgba(255,255,255,.94)}
.cf{--cf-ink:#0b1530;background:var(--cf-ink)}
.px-ledger{background:#0b1530}
.px-cta,.px-btn{background:#0a1633}
.px-cta:hover,.px-btn:hover{background:#1559f5}
/* product pages (platform, company, security, status, changelog) speak in the home page's headline voice */
.px-platform main h1{font-family:var(--px-sans)!important;font-weight:600!important;letter-spacing:-.038em!important;font-size:clamp(40px,5.4vw,72px)!important;line-height:1.03!important}
.px-platform main h2{font-family:var(--px-sans)!important;font-weight:600!important;letter-spacing:-.03em!important}
.px-platform main h3{font-family:var(--px-sans)!important;font-weight:600!important}
.px-platform .px-kick{display:none}
/* the platform page's hero: the real Console, and the live answer floating on it */
.pf-prod{padding:0 0 60px}
.pf-live{position:absolute;left:-24px;bottom:0;width:300px;margin:0}
.pf-live figcaption{font-size:12px}
@media (max-width:1000px){.pf-live{position:relative;left:auto;width:auto;margin:16px 0 0}.pf-prod{padding:0}}
@media (max-width:640px){.pf-prod .sx-browser{margin-top:0;width:100%}}

/* B249: one quiet footer, the same on every page */
.cf.ft{background:#0b1530;color:#c9d3ea;padding:72px 0 28px;position:relative;overflow:hidden;border-top:0}
.cf.ft::before{content:"";position:absolute;inset:-40% -10% auto auto;width:640px;height:640px;background:radial-gradient(closest-side,rgba(21,89,245,.28),transparent);pointer-events:none}
.cf.ft .cf-in{position:relative;max-width:1180px;margin:0 auto;padding:0 32px}
.ft-top{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.1)}
.ft-logo img{height:30px;width:auto;display:block}
.ft-motto{font:400 clamp(28px,3.2vw,40px)/1.15 "Source Serif 4","Source Serif Pro",Georgia,serif;color:#fff;margin:22px 0 0;letter-spacing:-.01em}
.ft-sub{flex:0 1 420px}
.ft-sub label{display:block;font:500 14px/1.4 Rubik,system-ui,sans-serif;color:#c9d3ea;margin-bottom:10px}
.ft-row{display:flex;gap:8px}
.ft-row input{flex:1;min-width:0;height:46px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06);color:#fff;padding:0 18px;font:16px Rubik,system-ui,sans-serif}
.ft-row input::placeholder{color:#93a1c4}
.ft-row input:focus-visible{outline:2px solid #6e9bff;outline-offset:2px}
.ft-row button{height:46px;border-radius:999px;border:0;background:#1559f5;color:#fff;padding:0 22px;font:600 15px Rubik,system-ui,sans-serif;cursor:pointer}
.ft-row button:hover{background:#0f47d0}
.ft-row button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.ft-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;padding:44px 0 52px}
.ft-grid nav,.ft-grid>div{display:flex;flex-direction:column;gap:12px}
.ft-h{font:600 13px/1 Rubik,system-ui,sans-serif;color:#fff;margin:0 0 6px}
.cf.ft .ft-grid a{color:#c9d3ea;text-decoration:none;font:400 15px/1.4 Rubik,system-ui,sans-serif;width:fit-content}
.cf.ft .ft-grid a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.ft-grid address{font:400 15px/1.7 Rubik,system-ui,sans-serif;font-style:normal;color:#c9d3ea}
.ft-legal{display:flex;flex-wrap:wrap;gap:8px 28px;align-items:center;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);font:400 13px/1.5 Rubik,system-ui,sans-serif;color:#aab6d3}
.ft-legal p{margin:0}
.ft-legal .px-meter{margin-left:auto;color:#aab6d3;font:400 12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}
@media (max-width:860px){.ft-top{flex-direction:column;align-items:stretch}.ft-sub{flex:none}.ft-grid{grid-template-columns:1fr 1fr;gap:36px 24px}}
@media (max-width:420px){.cf.ft .cf-in{padding:0 20px}.ft-row{flex-direction:column}.ft-row button{width:100%}.ft-legal .px-meter{margin-left:0}}
.cf.ft .ft-row input{height:46px;padding:0 18px;font-size:16px;line-height:46px;border-radius:999px}
@media (max-width:860px){.cf.ft{padding-bottom:88px}}
.ft-social{margin:20px 0 0;display:flex;gap:10px}
.cf.ft .ft-social a:not(.cai-pill){display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px 0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.2);color:#fff;text-decoration:none;font:500 14px/1 Rubik,system-ui,sans-serif;transition:background .2s,border-color .2s}
.cf.ft .ft-social a:not(.cai-pill):hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.4)}
.cf.ft .ft-social a:focus-visible{outline:2px solid #6e9bff;outline-offset:2px}
.ft-social svg{width:16px;height:16px;fill:currentColor}
.ft-small{display:flex;gap:18px}
.cf.ft .ft-small a{color:#c9d3ea;text-decoration:none;font:400 13px/1.5 Rubik,system-ui,sans-serif}
.cf.ft .ft-small a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.ft-social{flex-wrap:wrap;align-items:center}
.cf.ft .ft-social .cai-pill{height:38px}

/* B260: the design review */
/* the hero's diagonal falls below the text on the left; it still cuts across on the right, behind the product */
.sx-hero .sx-wave{height:calc(100% + 160px)!important;top:-120px}
.sx-close .sx-wave-b{height:calc(100% + 40px)!important}
.st-rows li.is-off>i{background:#c3cbdc}.st-rows li.is-off .st-v{color:#566074}
/* the phone menu: a full sheet; the main four large, the rest smaller, Say aloha at the foot */
@media (max-width:940px){
 .px-menu .px-panel{top:100%;height:calc(100dvh - 77px);overflow-y:auto;overscroll-behavior:contain;padding-bottom:32px;box-shadow:none}
 .px-menu .px-panel>a:not(.px-cta){font-size:24px!important;padding:16px 0}
 .px-more{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;margin-top:20px}
 .px-menu .px-panel .px-more a{font-size:16px!important;font-weight:400!important;color:#425170!important;padding:13px 0}
 .px-menu .px-panel a[aria-current]{color:#1559f5!important}
 .px-menu .px-panel a.px-cta{margin-top:auto}
 html:has(.px-menu[open]){overflow:hidden}
}
html:has(.px-menu[open]) .px-askfab{display:none}
/* on phones the Ask button steps aside while you read down the page and comes back when you scroll up */
@media (max-width:640px){.px-askfab{transition:transform .3s cubic-bezier(.2,.7,.2,1),opacity .3s}.px-askfab.is-away{transform:translateY(calc(100% + 32px));opacity:0;pointer-events:none}}
/* platform: the languages as a full-width grid; the companies on it as one line */
.pf-langs.pf-langs-wide{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:48px 0 0;padding:0;list-style:none}
.pf-langs-wide li{padding:22px 24px;border-radius:16px;background:#fff;box-shadow:0 0 0 1px #e3e8f2}
.pf-langs-wide b{display:block;font-weight:600;color:#0a1633;font-size:17px;margin-bottom:6px}
.pf-langs-wide span{color:#566074;font-size:15px;line-height:1.5}
@media (max-width:900px){.pf-langs.pf-langs-wide{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.pf-langs.pf-langs-wide{grid-template-columns:1fr}}
.pf-inline{margin:20px 0 0;font-size:18px;line-height:1.6;color:#425170;max-width:60ch;text-wrap:pretty}
.pf-inline a{color:#0a1633;text-decoration:underline;text-decoration-color:#c3cbdc;text-underline-offset:3px}
.pf-inline a:hover{text-decoration-color:#1559f5}
/* security: the patient-data rule stands above the cards */
.sec-hipaa{margin:0 0 20px;padding:22px 26px;border-radius:18px;background:#0a1633;color:#c9d3ea;font-size:17px;line-height:1.6;text-wrap:pretty}
.sec-hipaa b{color:#fff;font-weight:600}
/* type: headings balance, paragraphs avoid lone last words */
h1,h2,h3{text-wrap:balance}
p,li,dd,blockquote{text-wrap:pretty}
.os-proof .sx-in{padding-top:8px;padding-bottom:8px}
.os-proof-l{margin:0 auto;max-width:860px;text-align:center;font-size:22px;line-height:1.55;color:#0a1633;text-wrap:balance}
.os-proof-l a{color:inherit;text-decoration:underline;text-decoration-color:#c3cbdc;text-underline-offset:4px}
.os-proof-l .os-proof-more{display:inline-block;margin-left:6px;color:#1559f5;text-decoration:none;font-size:18px}
@media (max-width:640px){.os-proof-l{font-size:18px}}
/* Replay sits inside the product window, bottom right */
.hx2-win,.ok-work{position:relative}
.hx2-win>.pl-replay,.ok-work>.pl-replay{position:absolute;right:16px;bottom:16px;margin:0;z-index:2;padding:7px 13px;border-radius:99px;background:#fff;box-shadow:0 0 0 1px #e3e8f2,0 6px 16px -8px rgba(11,21,48,.3);font-size:13px}
.ok-chat[data-chat],.hx2-chat[data-chat]{padding-bottom:56px!important}
.ok-work>.pl-replay{grid-row:1;grid-column:2}@media (max-width:900px){.ok-work>.pl-replay{grid-row:2;grid-column:1}}
/* founders: two equal portraits, tops and captions aligned */
.fd-duo{align-items:stretch}
.fd-duo .fd-card:nth-child(2){margin-top:0}
.fd-duo .fd-card{grid-template-rows:auto auto 1fr;align-content:start}
.fd-duo .fd-img img{aspect-ratio:4/5;object-fit:cover;object-position:50% 22%}
.fd-duo .fd-card{background:#fff;border-radius:22px;padding:8px 8px 18px;box-shadow:0 30px 60px -32px rgba(11,21,48,.45),0 0 0 1px rgba(10,22,51,.06)}
.fd-duo .fd-img{border-radius:16px;box-shadow:none;margin-bottom:10px}
.fd-duo .fd-card b,.fd-duo .fd-card>span:last-child{padding:0 8px}
/* one footer everywhere: article styles no longer reach into it */
footer.ft .ft-motto{font-family:"Source Serif 4","Source Serif Pro",Georgia,serif!important;font-weight:400!important;letter-spacing:-.4px!important}
footer.ft .ft-grid a{display:block;min-height:0}
footer.ft .ft-grid address a{display:inline}
/* figures: the number first, then what it means */
.sx-nums>div{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:10px}
.sx-nums dd{margin:0}
/* closing bands: centred, so the right side is not left empty */
.sx-close .sx-in{text-align:center}
.sx-close .sx-in h2{margin-left:auto;margin-right:auto}
.sx-close .sx-in p{margin-left:auto;margin-right:auto}
.sx-close .sx-ctas{justify-content:center}