/* PETRO procedure essays: continuous color, clinical cutaways, readable depth. */
.science-blue-page{--ink:#fff;--muted:#d5efff;--jade:#fff;--rule:rgba(178,232,255,.45);color:#fff;background:#0745ce;background-image:radial-gradient(ellipse at 95% 0%,#087fe6 0,transparent 45%),linear-gradient(145deg,#075bd8,#1541c9 52%,#075bd8);background-attachment:fixed}
.science-blue-page :is(.site-page,.petro-treatment-detail,.site-header,.site-mast,.site-nav,.site-footer,.footer-panel,.treatment-finish,.petro-breadcrumb,.petro-utility-links){background:transparent!important;color:#fff}
.science-blue-page :is(h1,h2,h3,p,a,strong,.treatment-kicker,.mast-name,.mast-note,.mast-descriptor){color:inherit}
.science-blue-page .petro-treatment-detail section{padding:0}
.science-blue-page .petro-treatment-detail .treatment-hero{min-height:0;padding:75px 0 65px}
.science-blue-page .petro-treatment-detail .treatment-finish{padding:65px 0}
.science-blue-page .treatment-lead{font-family:'Instrument Sans',Arial,sans-serif;max-width:850px;font-size:clamp(20px,2.3vw,28px)}
.science-blue-page :is(.petro-glass,.vg-launch,.petro-rail-panel){color:#fff!important;background:radial-gradient(ellipse at 25% 0%,rgba(225,255,255,.4),transparent 65%),linear-gradient(160deg,rgba(75,197,255,.4),rgba(15,55,195,.6))!important;border:1px solid rgba(189,243,255,.7)!important;box-shadow:inset 0 1px 2px rgba(255,255,255,.65),0 7px 20px rgba(0,40,150,.14)}
.science-blue-page :is(.petro-rail-panel:before,.petro-rail-panel:after){background:none!important}
.science-blue-page .device-story{--de-jade:#fff;--de-line:rgba(178,232,255,.45);color:#fff;background:transparent}
.science-blue-page .device-share>div,.science-blue-page .device-prices{background:transparent!important;color:#fff}
.science-blue-page .site-nav.is-open{background:#0745ce!important}
.science-blue-page .site-nav.is-open:before{background:transparent!important;color:#fff}
.science-blue-page .petro-photo-footer{background:transparent!important}
.rich-device{padding:60px 0!important;max-width:none!important;--science-rule:rgba(171,226,255,.48)}
.petro-science,.science-content,.science-review{font:400 17px/1.7 'Instrument Sans',Arial,sans-serif;color:inherit;--science-rule:rgba(171,226,255,.48)}
.petro-science :is(h2,h3),.science-content :is(h2,h3),.science-review blockquote{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;letter-spacing:-.025em;color:inherit}
.petro-science h2,.science-content h2{font-size:clamp(43px,5.5vw,70px);line-height:1.01;margin:12px 0 28px;text-wrap:balance}
.petro-science h2 em,.science-content h2 em{font-family:inherit;font-weight:500}
.science-kicker{font:500 11px/1.6 'Instrument Sans',Arial,sans-serif!important;letter-spacing:.14em;text-transform:uppercase;margin:0 0 20px!important}
.science-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center;margin-bottom:30px}
.science-heading>p{font-size:18px;line-height:1.75;max-width:520px}
.science-tabs{display:flex;gap:28px;border-bottom:1px solid var(--science-rule);margin-top:35px}
.science-tabs button{flex:1;min-height:82px;border:0;border-bottom:3px solid transparent;background:transparent;color:inherit;text-align:left;padding:14px 0;font:500 16px/1.4 'Instrument Sans',Arial,sans-serif}
.science-tabs button span{display:block;font:500 10px/1.5 'Instrument Sans',Arial,sans-serif;letter-spacing:.12em;margin-bottom:7px;opacity:.85}
.science-tabs button[aria-pressed=true]{border-bottom-color:currentColor}
.science-layout{display:grid;grid-template-columns:1.8fr 1fr;gap:34px;align-items:center;padding:40px 0 25px}
.science-layout figure{margin:0 -25px 0 -20px;min-width:0}
.science-layout svg{width:100%;display:block;overflow:visible}
.science-layout figcaption{font-size:11px;line-height:1.6;text-align:center;margin:10px 18px 0;opacity:.85}
.science-panel h3{font-size:39px;line-height:1.1;margin-bottom:20px}
.science-panel p{font-size:16px;line-height:1.75}
.science-panel .science-kicker{font-size:10px!important}
.science-play{font:500 12px/1.4 'Instrument Sans',Arial,sans-serif;margin-top:25px;padding:13px 21px;min-height:46px;border:1px solid currentColor;border-radius:40px;background:linear-gradient(160deg,rgba(184,242,255,.3),rgba(67,148,245,.12));color:inherit;box-shadow:inset 0 2px 3px rgba(255,255,255,.5)}
.science-art-label text{fill:currentColor;font:500 14px 'Instrument Sans',Arial,sans-serif;letter-spacing:1px}.science-art-label path{stroke:currentColor;stroke-width:1;fill:none;opacity:.7}
.science-energy,.science-channel,.science-heat,.science-renew{transition:opacity .65s ease}.science-renew{opacity:0}
[data-science][data-state="0"] .science-heat{opacity:.2}[data-science][data-state="0"] .science-channel{opacity:.35}
[data-science][data-state="1"] .science-energy{opacity:.5}[data-science][data-state="1"] .science-heat,[data-science][data-state="1"] .science-channel{opacity:1}
[data-science][data-state="2"] .science-energy,[data-science][data-state="2"] .science-channel,[data-science][data-state="2"] .science-heat{opacity:0}[data-science][data-state="2"] .science-renew{opacity:.8}
.science-deeper{border-top:1px solid var(--science-rule);border-bottom:1px solid var(--science-rule);padding:20px 0;margin:20px 0 45px}
.science-deeper summary{font-size:16px;cursor:pointer;min-height:28px}.science-deeper p{max-width:850px;margin:20px 0;font-size:16px;line-height:1.8}
.science-content{padding:40px 0 55px!important}
.science-fit{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin:40px 0 70px}
.science-fit article{border-top:1px solid var(--science-rule);padding-top:24px}.science-fit h3{font-size:31px;line-height:1.1;margin:0 0 18px}.science-fit p{font-size:16px;line-height:1.8}
.science-recovery{display:grid;grid-template-columns:1fr 1.25fr;gap:70px;border-top:1px solid var(--science-rule);padding:60px 0}
.science-recovery article{display:grid;grid-template-columns:30px 1fr;gap:20px;padding-bottom:25px}.science-recovery article>span{font-size:11px;letter-spacing:.1em;padding-top:5px}.science-recovery h3{font-size:31px;line-height:1.2;margin:0 0 12px}.science-recovery p{font-size:16px;line-height:1.8}
.science-faq{display:grid;grid-template-columns:1fr 1.25fr;gap:70px;border-top:1px solid var(--science-rule);padding:55px 0 20px}
.science-faq details{border-bottom:1px solid var(--science-rule);padding:17px 0}.science-faq summary{cursor:pointer;font-size:17px;line-height:1.6}.science-faq details p{margin-top:16px;font-size:16px;line-height:1.8}
.science-review{padding:60px 0!important;border-top:1px solid var(--science-rule);margin:20px auto;max-width:1050px}.science-review blockquote{font-size:clamp(33px,4vw,52px);line-height:1.2;max-width:900px;margin:0 0 28px}.science-review>p:not(.science-kicker){font-size:13px}.science-review a{text-decoration:underline;text-underline-offset:4px}.science-review .science-review-context{margin-top:12px;opacity:.85;font-size:12px}
.device-color-bbl .heroic-science-detail{max-width:1280px;padding:65px 56px!important;margin:auto}.device-color-bbl .heroic-science-detail .science-fit{margin-bottom:40px}
.device-color-moxi :is(.petro-science,.science-content,.rich-device){--science-rule:rgba(0,60,199,.35)}
.device-color-moxi .science-channel{fill:#55ddff;stroke:#003cc7}.device-color-moxi .science-energy{stroke:#003cc7}
/* The two long-guide chapters retain their permanent QR anchors. */
body:not(.science-blue-page) #skintyte.rich-device,body:not(.science-blue-page) #microlaserpeel.rich-device{background:linear-gradient(145deg,#085dd8,#1541c9 65%,#087de0);color:#fff;padding:55px 40px!important;margin:40px -40px;--de-jade:#fff;--de-line:rgba(171,226,255,.48)}
.rich-device .device-prices{padding:28px 0!important}.rich-device .device-share{margin-top:25px}
.rich-device :is(button,summary,a):focus-visible,.science-content :is(a,summary):focus-visible{outline:2px solid currentColor;outline-offset:5px}
@media(max-width:800px){.science-heading,.science-layout,.science-recovery,.science-faq{grid-template-columns:1fr;gap:25px}.science-heading{margin-bottom:20px}.science-heading>p{font-size:17px}.science-fit{gap:22px}.science-fit h3{font-size:27px}.science-panel{max-width:640px}.science-layout figure{margin:0 -10px}.science-recovery,.science-faq{padding:40px 0}.science-tabs{gap:20px}.science-tabs button{font-size:14px}.science-blue-page .petro-treatment-detail .treatment-hero{padding:50px 0}.device-color-bbl .heroic-science-detail{padding:45px 30px!important}}
@media(max-width:560px){.petro-science h2,.science-content h2{font-size:44px}.science-fit{grid-template-columns:1fr;gap:26px;margin:25px 0 40px}.science-fit h3{font-size:31px}.science-fit article{padding-top:19px}.science-tabs{gap:14px}.science-tabs button{font-size:12px;min-height:86px}.science-layout{padding-top:22px}.science-panel h3{font-size:35px}.science-layout figure{margin:0 -20px}.science-art-label text{font-size:20px;letter-spacing:.3px}.science-layout figcaption{font-size:10px}.science-deeper{margin-bottom:30px}.rich-device{padding:40px 0!important}.science-content{padding:20px 0!important}.science-review{padding:40px 0!important}.device-color-bbl .heroic-science-detail{padding:44px 23px!important}body:not(.science-blue-page) #skintyte.rich-device,body:not(.science-blue-page) #microlaserpeel.rich-device{margin:30px -20px;padding:40px 20px!important}.science-blue-page .site-page{padding:0 23px}.science-blue-page .petro-treatment-detail h1{font-size:clamp(56px,16vw,88px)}}
@media(prefers-reduced-motion:reduce){.petro-science *{transition:none!important;animation:none!important}}
/* Preserve the editorial gutter and let the two-column heading use the full spread. */
.science-blue-page main#main{max-width:1280px;margin:auto;padding:0 56px}
.rich-device .science-heading{max-width:none}
.science-blue-page .petro-rail-panel svg,.science-blue-page .petro-rail-panel a{color:#fff!important}
@media(max-width:700px){.science-blue-page main#main{padding:0 23px}}
.science-layout figcaption{color:inherit!important}
.science-heat{stroke:#ffd18e;stroke-width:2}
.science-art-label text{font-size:18px}
@media(max-width:560px){.science-art-label text{font-size:28px}.science-layout figcaption{font-size:11px}}
.treatment-hero h1 .device-registration{display:inline-block;font-family:'Instrument Sans',Arial,sans-serif;font-size:.2em;font-weight:400;line-height:1;letter-spacing:0;vertical-align:top;position:relative;top:.46em;margin-left:.12em}
