/* Scoped device palettes. Authentic clinical and manufacturer media retain their colors. */
.device-color-bbl{--bbl-ink:#003cc7;--bbl-sky:#55ddff}
.device-color-bbl #main{color:var(--bbl-ink)}
.device-color-bbl #main :is(h1,h2,h3,p,summary,a,li,button,figcaption,caption,td,th){color:var(--bbl-ink)}
.device-color-bbl .device-opening,.device-color-bbl .device-story{--de-jade:var(--bbl-ink);--de-line:#9cbcf4}
.device-color-bbl .skin-light-story{--skin-rule:#accaf7;color:var(--bbl-ink)}
.device-color-bbl .skin-light-story :is(h2 em,strong,.skin-kicker,.skin-option-label,[data-skin-band],.skin-specific,.skin-play-line>span){color:var(--bbl-ink)}
.device-color-bbl .skin-concerns button[aria-pressed=true],.device-color-bbl .skin-filter-options button[aria-pressed=true]{border-bottom-color:var(--bbl-ink)}
.device-color-bbl .heroic-opening{background:var(--bbl-sky);padding:52px 42px;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:36px;max-width:1240px}
.heroic-opening h1{font-size:clamp(50px,6.5vw,94px);white-space:nowrap;line-height:1;letter-spacing:-.055em;margin:24px 0 8px}
.heroic-opening .heroic-first{font-weight:600;letter-spacing:.12em;font-size:12px}
.heroic-ic{font-style:italic}
.heroic-opening .heroic-meaning{margin:0 0 30px;font-size:15px;letter-spacing:.02em}
.heroic-meaning>span{font-weight:600;border-bottom:1px solid currentColor;padding-bottom:3px}
.heroic-opening .device-lead{font-size:clamp(28px,3.2vw,42px);line-height:1.16;letter-spacing:-.025em;margin:0 0 18px}
.heroic-opening p:not(.device-lead,.device-eyebrow,.heroic-meaning){font:400 18px/1.5 Jost,Arial,sans-serif}
.heroic-links{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin:24px 0 0}
.heroic-links a{min-height:32px}
/* Device imagery sits directly on the color field: no opaque image cards. */
.heroic-opening .heroic-machine{background:transparent;padding:0;margin:0;max-width:none;border:0;box-shadow:none}
.heroic-opening .heroic-machine img{display:block;max-height:385px;width:100%;object-fit:contain}
.heroic-machine figcaption{margin-top:18px;font:500 15px/1.4 Jost,Arial,sans-serif;text-align:center}
.heroic-machine figcaption span{font-weight:400;font-size:13px}
.heroic-evolution,.heroic-intelligence{max-width:1120px;padding:58px 24px;margin:auto;box-sizing:border-box}
.heroic-evolution h2{font-size:clamp(34px,5vw,62px);line-height:1.1;margin:14px 0 32px;font-weight:400}
.heroic-generations{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}
.heroic-generations article{border-top:2px solid var(--bbl-ink);padding-top:20px}
.heroic-year{font:500 11px/1.5 Jost,Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase}
.heroic-generations h3,.heroic-how h3{font:400 32px/1.1 'Cormorant Garamond',Georgia,serif;letter-spacing:-.025em;margin:10px 0 14px}
.heroic-generations p,.heroic-how p,.heroic-touch p{font:400 17px/1.55 Jost,Arial,sans-serif;margin:0}
.heroic-intelligence{border-top:1px solid #accaf7;scroll-margin-top:30px}
.heroic-intelligence>header{display:grid;grid-template-columns:1fr 1fr;gap:0 60px;align-items:end}
.heroic-intelligence>header>.device-eyebrow{grid-column:1/-1}
.heroic-intelligence h2{font:400 clamp(40px,5vw,66px)/1.02 'Cormorant Garamond',Georgia,serif;letter-spacing:-.035em;margin:18px 0 10px}
.heroic-intelligence>header>p:last-child{font:400 18px/1.6 Jost,Arial,sans-serif;max-width:480px}
.heroic-how{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-top:38px}
.heroic-how svg{display:block;width:100%;height:auto;background:#e0f9ff;margin-bottom:24px}
.heroic-how svg text{font:italic 54px 'Cormorant Garamond',Georgia,serif;fill:var(--bbl-ink)}
.ic-line{fill:none;stroke:#003cc7;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.ic-solid{fill:#003cc7}.ic-track{fill:none;stroke:#006da7;stroke-width:3;stroke-dasharray:5 7;stroke-linecap:round}
.ic-orbit{fill:none;stroke:#003cc7;stroke-width:1.5;stroke-dasharray:3 5}.ic-box{fill:#fff;stroke:#003cc7;stroke-width:3}.ic-footprints rect{fill:#55ddff;stroke:#003cc7;stroke-width:2}
.heroic-how .heroic-year{font-size:10px;font-weight:500;margin-bottom:12px}
.heroic-touch{display:grid;grid-template-columns:1fr 1fr;gap:46px;margin-top:40px;padding-top:28px;border-top:1px solid #accaf7}
.heroic-touch strong{display:block;font-weight:500;margin-bottom:8px}
.heroic-note,.heroic-sources{font:400 13px/1.5 Jost,Arial,sans-serif;margin-top:22px}
.heroic-sources summary{min-height:44px;cursor:pointer;display:list-item}
.heroic-sources p{margin-top:8px}
.device-color-bbl #main :is(a,button,summary):focus-visible{outline:3px solid #003cc7;outline-offset:5px}
/* MOXI: a full, saturated sky-blue field with cobalt type. */
.device-color-moxi{background:#55ddff;--jade:#003cc7;--ink:#003cc7;--muted:#003cc7;--rule:rgba(0,60,199,.28)}
.device-color-moxi .site-page{background:transparent;color:#003cc7}
.device-color-moxi #main :is(h1,h2,h3,p,a,li,summary,figcaption,caption,th,td,button,.eyebrow){color:#003cc7}
.device-color-moxi #main :is(.page-heading,.chapter,.prose,.faqs,.device-story,.device-step-controls button){background:transparent;--de-jade:#003cc7;--de-line:rgba(0,60,199,.28)}
.device-color-moxi #main .device-step-controls button[aria-pressed=true]{border-bottom-color:#003cc7}
.device-color-moxi #main .petro-glass{background:rgba(255,255,255,.45);color:#003cc7}
/* Continue the MOXI color field through the links below the photo footer. */
.device-color-moxi .petro-utility-links{background:transparent;color:var(--ink);border-top-color:var(--rule)}
.device-color-moxi .petro-utility-links a{color:inherit}
/* Morpheus 8: the machine's electric blue into indigo, across the whole page. */
.device-color-morpheus{background:#17449c;background-image:linear-gradient(145deg,#006bb9 0%,#0758b6 32%,#253994 66%,#302573 100%);background-attachment:fixed;color:white;--ink:#fff;--muted:#fff;--jade:#fff;--rule:rgba(255,255,255,.36)}
.device-color-morpheus :is(.site-page,.site-header,.site-mast,.site-nav,.site-footer,.footer-panel,.chapter,.prose,.faqs,.petro-breadcrumb,.morpheus-opening,.morpheus-questions,.morpheus-quick,.device-story){background:transparent;color:white}
.device-color-morpheus .morpheus-simple{--morpheus-jade:#fff}
.device-color-morpheus :is(.site-header,.site-footer,.petro-breadcrumb) :is(a,p,span,h2,h3,address),.device-color-morpheus #main :is(h1,h2,h3,p,a,li,summary,figcaption,caption,th,td,.eyebrow,.device-eyebrow){color:#fff}
.device-color-morpheus .device-story{--de-jade:#fff;--de-line:rgba(255,255,255,.4);color:white}
.device-color-morpheus #main .device-step-controls button{color:white;background:transparent}
.device-color-morpheus #main .device-step-controls button[aria-pressed=true]{border-bottom-color:white}
.device-color-morpheus #main .device-step-controls button:hover{background:rgba(255,255,255,.12)}
.device-color-morpheus .morpheus-machine{filter:drop-shadow(0 20px 20px rgba(0,24,100,.22))}
.device-color-morpheus :is(.site-header,.site-footer,#main) .petro-glass{background:rgba(255,255,255,.17);color:white!important;border:1px solid rgba(255,255,255,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 5px 12px rgba(0,24,100,.15)}
.device-color-morpheus :is(a,button,summary):focus-visible{outline:3px solid #fff;outline-offset:5px}
.device-color-morpheus .morpheus-simple .morpheus-quick{border-top-color:white}
.device-color-morpheus .device-share img{background:#fff}
.device-color-morpheus .footer-bottom{color:white}
@media(max-width:700px){
 .device-color-bbl .heroic-opening{padding:32px 22px;grid-template-columns:1fr;gap:30px}
 .heroic-opening h1{font-size:clamp(44px,11vw,72px)}.heroic-opening .heroic-meaning{margin-bottom:24px}
 .heroic-opening .heroic-machine{max-width:340px;width:100%;box-sizing:border-box;margin:auto}.heroic-opening .heroic-machine img{max-height:280px}
 .heroic-evolution,.heroic-intelligence{padding:38px 22px}.heroic-generations{grid-template-columns:1fr;gap:24px}.heroic-generations h3{margin:8px 0}
 .heroic-intelligence>header{display:block}.heroic-intelligence>header>p:last-child{margin-top:22px}.heroic-how{grid-template-columns:1fr;gap:36px;margin-top:24px}
 .heroic-how svg{max-width:340px;margin:0 auto 22px}.heroic-touch{grid-template-columns:1fr;gap:24px}.heroic-how h3{font-size:34px}
 .device-color-morpheus .site-nav[data-open="true"]{background:#154aa7}
}
@media print{.device-color-morpheus{background:#fff;color:#17449c}.device-color-morpheus #main :is(h1,h2,h3,p,a,li,summary,figcaption,th,td){color:#17449c}}

.heroic-intelligence h2 em{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;font-style:italic}
.device-color-moxi .page-heading h1{font-size:clamp(54px,7vw,90px);line-height:1.05}
.device-color-morpheus .petro-utility-links{background:transparent!important;color:white}
.device-color-morpheus .petro-utility-links a{color:white!important}
@media(max-width:700px){
 .device-color-morpheus .site-nav.is-open a,.device-color-morpheus .site-nav.is-open a.petro-glass{color:#003cc7!important}
 .device-color-morpheus .site-nav.is-open a.petro-glass{background:rgba(85,221,255,.25);border-color:#a3c1f3}
}
.device-color-morpheus .petro-review-ribbon{background:transparent;color:white}
.device-color-morpheus .petro-review-ribbon .patient-voice,.device-color-morpheus .petro-review-ribbon .patient-voice:nth-child(even){background:rgba(255,255,255,.06);color:white;box-shadow:none;border:1px solid rgba(255,255,255,.4);--review-accent:#55ddff}
.device-color-morpheus .petro-review-ribbon .patient-voice:before{background:none;color:#55ddff}
.device-color-morpheus .petro-review-ribbon .patient-voice cite{color:white;border-color:#55ddff}
.device-color-morpheus .petro-review-ribbon .patient-voice:after,.device-color-morpheus .petro-review-ribbon .patient-voice cite:before{background:#55ddff}
.device-color-moxi .petro-review-ribbon{background:transparent}

.device-color-bbl .skin-concerns button>span,.device-color-bbl .skin-steps button>span{color:var(--bbl-ink)}