/* Hallmark · pre-emit critique: P4 H4 E4 S4 R4 V3
 * Reference: existing CNP Rejuran HB and Virtue treatment pages.
 */
#content:has(.re2o-page)>.container{max-width:none;width:100%;padding:0}
#content:has(.re2o-page) .p_sub_title_nav{display:none}
#content:has(.re2o-page) #sub-common-bottom .container{max-width:1200px;width:100%;padding:0 15px}
.re2o-page{--re2o-ink:#3c3c3c;--re2o-muted:#666;--re2o-accent:#b75d44;--re2o-accent-dark:#914731;--re2o-hero:#f5ddd0;--re2o-white:#fff;--re2o-gray:#f9f9f9;--re2o-line:#dedede;--re2o-pale:#faeee7;color:var(--re2o-ink);font-size:17px;line-height:1.8;word-break:keep-all;overflow-wrap:break-word}
.re2o-page *{box-sizing:border-box;min-width:0}.re2o-page h1,.re2o-page h2,.re2o-page h3,.re2o-page p,.re2o-page figure{margin:0;font-style:normal}.re2o-inner{max-width:1200px;padding:0 30px;margin:0 auto}.re2o-page h2{font-size:36px;line-height:1.45;font-weight:500;letter-spacing:-1.5px;text-align:center;overflow-wrap:anywhere}.re2o-page h2 span{color:var(--re2o-accent)}.re2o-page h3{font-size:20px;font-weight:600;margin:20px 0 12px;line-height:1.5}.re2o-description{font-size:19px;text-align:center;margin-top:30px!important;color:var(--re2o-muted)}.re2o-page .re2o-note{font-size:14px;line-height:1.8;text-align:center;color:var(--re2o-muted);margin-top:32px}
.re2o-hero{background:var(--re2o-hero)}.re2o-hero-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center;min-height:630px;position:relative}.re2o-hero-copy{padding:70px 0;position:relative;z-index:1}.re2o-brand{font-size:30px;letter-spacing:1px;color:var(--re2o-accent)}.re2o-hero h1{font-size:94px;line-height:1.2;font-weight:800;letter-spacing:-5px;color:var(--re2o-accent-dark);margin:5px 0 24px}.re2o-hero-sub{font-size:31px;line-height:1.5;font-weight:500;letter-spacing:-1px}.re2o-hero-desc{font-size:19px;color:var(--re2o-muted);margin-top:28px!important}.re2o-products{position:relative;height:570px;align-self:end}.re2o-products img{display:block;height:auto;position:absolute}.re2o-package{width:100%;bottom:-25px;right:-15px}.re2o-product{width:57%;top:0;right:0;transform:rotate(12deg)}
.re2o-section{padding:95px 0;background:var(--re2o-white)}.re2o-gray{background:var(--re2o-gray)}.re2o-definitions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:70px;max-width:780px;margin:52px auto 0;text-align:center}.re2o-term{border-radius:50%;background:var(--re2o-pale);color:var(--re2o-accent);width:160px;height:160px;margin:0 auto;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:600;letter-spacing:1px}.re2o-definitions p,.re2o-process p{font-size:16px;color:var(--re2o-muted)}
.re2o-info{display:flex;flex-wrap:wrap;justify-content:center;gap:22px;margin:44px 0 0}.re2o-info>div{width:155px;height:155px;border-radius:50%;background:var(--re2o-accent);color:var(--re2o-white);display:flex;flex-direction:column;align-items:center;justify-content:center}.re2o-info dt{font-size:17px;font-weight:400}.re2o-info dd{font-size:20px;font-weight:600;margin:5px 0 0}
.re2o-checklist{max-width:730px;padding:0;margin:38px auto 0;list-style:none}.re2o-checklist li{border:1px solid var(--re2o-line);padding:13px 20px;margin:10px 0;display:flex;align-items:baseline;gap:15px;font-size:19px}.re2o-checklist li:before{content:'✓';font-size:18px;font-weight:700;color:var(--re2o-accent);flex-shrink:0}
.re2o-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;margin:48px 0 0;gap:35px;text-align:center}.re2o-step{border-radius:50%;width:185px;height:185px;display:flex;align-items:center;justify-content:center;flex-direction:column;margin:0 auto;background:var(--re2o-pale);color:var(--re2o-accent);font-size:38px;line-height:1.4}.re2o-step span{font-size:18px;margin-top:8px}.re2o-disclosure{background:var(--re2o-white);border:1px solid var(--re2o-line);padding:24px 30px;text-align:center;font-size:15px;color:var(--re2o-muted);margin-top:50px!important}.re2o-cautions h2{font-size:27px}.re2o-cautions ol{max-width:930px;padding-left:24px;margin:30px auto 0;list-style:decimal}.re2o-cautions li{list-style:decimal;font-size:15px;color:var(--re2o-muted);padding:5px 0 5px 5px}
@media(max-width:767px){.re2o-inner{padding:0 22px}.re2o-page{font-size:15px}.re2o-page h2{font-size:27px;letter-spacing:-1px}.re2o-hero-inner{grid-template-columns:minmax(0,1fr);min-height:0}.re2o-hero-copy{padding:38px 0 0}.re2o-brand{font-size:21px}.re2o-hero h1{font-size:66px;letter-spacing:-3px;margin:6px 0 16px}.re2o-hero-sub{font-size:24px}.re2o-hero-desc{font-size:16px;margin-top:18px!important}.re2o-products{height:295px;width:100%;max-width:370px;justify-self:center;margin-top:-10px}.re2o-package{width:90%;right:7%;bottom:-5px}.re2o-product{width:48%;right:5%;top:0;transform:rotate(10deg)}.re2o-section{padding:55px 0}.re2o-description{font-size:16px;margin-top:22px!important}.re2o-definitions{gap:18px;margin-top:30px}.re2o-term{width:110px;height:110px;font-size:24px}.re2o-page h3{font-size:17px}.re2o-definitions p,.re2o-process p{font-size:14px}.re2o-definitions p br{display:none}.re2o-info{gap:16px;max-width:320px;margin:30px auto 0}.re2o-info>div{width:125px;height:125px}.re2o-info dt{font-size:15px}.re2o-info dd{font-size:18px}.re2o-checklist li{font-size:16px;padding:12px;gap:10px}.re2o-process{grid-template-columns:minmax(0,1fr);gap:32px;margin-top:32px}.re2o-step{width:130px;height:130px;font-size:29px}.re2o-step span{font-size:16px}.re2o-process h3{margin:14px 0 8px}.re2o-disclosure{padding:20px 16px;font-size:13px}.re2o-cautions li{font-size:14px}.re2o-page .re2o-note{font-size:12px}.re2o-desktop-break{display:none}}

/* Higgsfield campaign imagery; original product assets are preserved. */
.re2o-hero{position:relative;isolation:isolate;background:var(--re2o-hero)}
.re2o-hero-visual{position:absolute;inset:0;z-index:-1;overflow:clip}
.re2o-hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.re2o-hero-inner{min-height:630px;display:block}
.re2o-hero-copy{max-width:470px;padding:80px 0 105px}
.re2o-products{position:absolute;width:290px;height:290px;left:31%;bottom:-5px;margin:0}
.re2o-package{width:100%;right:0;bottom:-25px}
.re2o-product{width:56%;right:5%;top:0;transform:rotate(8deg)}
.re2o-model-note{position:absolute;bottom:12px;right:24px;font-size:11px;color:var(--re2o-ink);text-align:right}
.re2o-science{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);max-width:1000px;margin:48px auto 0;gap:55px;align-items:center}
.re2o-matrix img{display:block;width:100%;height:auto}
.re2o-matrix figcaption{font-size:11px;color:var(--re2o-muted);margin-top:10px;text-align:center}
.re2o-definitions{display:block;text-align:left;margin:0;max-width:none}
.re2o-definitions>div+div{border-top:1px solid var(--re2o-line);padding-top:24px;margin-top:24px}
.re2o-term{width:auto;height:auto;border-radius:0;display:block;margin:0;background:none;font-size:25px;line-height:1.4}
.re2o-definitions h3{margin:5px 0 10px}.re2o-definitions p{font-size:15px}
@media(max-width:767px){
.re2o-hero-inner{min-height:690px}.re2o-hero-copy{padding:34px 0 350px;max-width:none}
.re2o-hero-visual{top:auto;bottom:0;height:350px}.re2o-hero-visual img{object-position:65% center}
.re2o-products{left:12px;bottom:15px;width:165px;height:205px}.re2o-package{width:100%;bottom:-10px;right:0}.re2o-product{width:62%;top:20px;right:8%;transform:rotate(8deg)}
.re2o-model-note{right:10px;bottom:8px;left:10px;font-size:9px}
.re2o-science{grid-template-columns:minmax(0,1fr);gap:30px;margin-top:30px}.re2o-definitions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;text-align:left}.re2o-definitions>div+div{margin:0;border:0;padding:0}.re2o-term{font-size:23px}.re2o-definitions p{font-size:13px}
}

/* GPT Image 2: products, lighting and water are generated together in the hero image. */
.re2o-page{--re2o-hero:#f5e7d4}
.re2o-hero-copy{max-width:520px;padding:50px 0 0}
.re2o-brand{font-size:25px}.re2o-hero h1{font-size:80px;line-height:1.1;margin:5px 0 18px}
.re2o-hero-sub{font-size:23px;line-height:1.5}.re2o-hero-desc{font-size:17px;margin-top:15px!important}
@media(max-width:767px){.re2o-hero-copy{padding:30px 0 350px}.re2o-hero h1{font-size:62px}.re2o-hero-sub{font-size:18px}.re2o-hero-desc{font-size:15px}}

.re2o-hero-visual picture{display:block;width:100%;height:100%}
@media(max-width:767px){
.re2o-hero-inner{min-height:0;aspect-ratio:2480/3312}
.re2o-hero-visual{inset:0;height:100%}.re2o-hero-visual img{object-fit:cover;object-position:center}
.re2o-hero-copy{padding:22px 0 0;max-width:none}
.re2o-brand{font-size:17px;line-height:1.3}.re2o-hero h1{font-size:50px;line-height:1.1;margin:5px 0 10px}
.re2o-hero-sub{font-size:14px;line-height:1.4}.re2o-hero-desc{font-size:12px;margin-top:8px!important}
}

/* Preserve the complete campaign composition on tablets. */
@media(min-width:768px) and (max-width:1199px){.re2o-hero-inner{min-height:0;aspect-ratio:3840/1648}.re2o-hero-copy{padding-top:30px;max-width:42%}.re2o-brand{font-size:19px}.re2o-hero h1{font-size:58px}.re2o-hero-sub{font-size:16px}.re2o-hero-desc{font-size:13px}}

/* User-selected hero: original image, responsive framing only. */
.re2o-page{--re2o-hero:#f7e9dd}
@media(min-width:768px){.re2o-hero-inner{min-height:0;aspect-ratio:1881/836}}
@media(max-width:767px){
.re2o-hero{display:flex;flex-direction:column}
.re2o-hero-inner{order:0;width:100%;aspect-ratio:auto;min-height:0}
.re2o-hero-copy{padding:26px 0 20px}
.re2o-hero-visual{order:1;position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1.35;z-index:0}
.re2o-hero-visual img{object-fit:cover;object-position:right center}
.re2o-model-note{z-index:1;font-size:8px;bottom:6px}
}

/* User-supplied 480px banner. */
.re2o-hero{height:480px}
@media(min-width:768px){.re2o-hero-inner{height:480px;min-height:0;aspect-ratio:auto}.re2o-hero-visual img{object-position:center top}}
@media(max-width:767px){
.re2o-hero-inner{height:180px;flex:0 0 180px}
.re2o-hero-visual{height:300px;flex:0 0 300px;aspect-ratio:auto}
.re2o-hero-visual img{object-position:66% center}
}

/* PPT content restored using the existing treatment-page typography. */
.re2o-composition{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin:50px auto 0;max-width:1000px;text-align:center}.re2o-composition>div{padding:28px 10px;border-top:2px solid var(--re2o-accent)}.re2o-composition dd{font-size:56px;line-height:1.3;color:var(--re2o-accent);margin:0 0 12px}.re2o-composition dd span{font-size:24px}.re2o-composition dt{font-weight:400;font-size:17px}
.re2o-mechanism{display:grid;grid-template-columns:1fr 1.1fr;gap:55px;align-items:center;margin:50px auto 0;max-width:1050px}.re2o-mechanism img{width:100%;height:auto;display:block}.re2o-mechanism-steps{list-style:none;padding:0;margin:0}.re2o-mechanism-steps li{display:flex;gap:20px;padding:20px 0;border-bottom:1px solid var(--re2o-line)}.re2o-mechanism-steps b{color:var(--re2o-accent);font-size:27px}.re2o-mechanism-steps h3{margin:0 0 7px}.re2o-mechanism-steps p{font-size:15px;color:var(--re2o-muted)}.re2o-approach{margin:45px auto 0;padding:28px;background:var(--re2o-pale);text-align:center}.re2o-approach h3{margin:0 0 12px}.re2o-approach p{font-size:16px;color:var(--re2o-muted)}
.re2o-concerns{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:950px}.re2o-concerns li{margin:0}
.re2o-programs{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:48px}.re2o-programs figure{height:230px;display:flex;align-items:center;justify-content:center;background:#fff;padding:0;overflow:hidden}.re2o-programs img{max-width:100%;height:100%;object-fit:contain}.re2o-programs h3{font-size:20px;margin:10px 0}.re2o-programs article>p{font-size:15px;color:var(--re2o-muted)}.re2o-programs .re2o-program-label{color:var(--re2o-accent);margin-top:24px;font-size:16px}.re2o-programs .re2o-program-option{margin-top:12px;color:var(--re2o-accent)}
.re2o-programs article:first-child img{transform:scale(1.06)}
.re2o-programs article:nth-child(2) img{width:auto;object-fit:contain}
.re2o-programs article:nth-child(3) img{width:92%;height:92%;object-fit:contain}
@media(max-width:767px){.re2o-composition{grid-template-columns:1fr 1fr;gap:15px;margin-top:30px}.re2o-composition dd{font-size:42px}.re2o-composition dt{font-size:14px}.re2o-mechanism{grid-template-columns:1fr;gap:20px;margin-top:30px}.re2o-mechanism figure{max-width:430px;margin:auto}.re2o-mechanism-steps li{gap:15px}.re2o-mechanism-steps p{font-size:14px}.re2o-approach{padding:24px 18px}.re2o-approach p{font-size:14px}.re2o-concerns{grid-template-columns:1fr;gap:10px}.re2o-programs{grid-template-columns:1fr;gap:36px;margin-top:30px}.re2o-programs figure{height:240px}.re2o-programs h3{font-size:19px}}

.re2o-mechanism-steps b{flex:0 0 38px;white-space:nowrap}

/* Product and explanatory figures extracted from the supplied PPT. */
.re2o-composition-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center;margin-top:40px}.re2o-composition-layout>figure img{display:block;width:100%;height:auto}.re2o-composition-layout .re2o-composition{grid-template-columns:1fr 1fr;margin:0;gap:18px}.re2o-composition-layout .re2o-composition>div{padding:15px 5px}.re2o-composition-layout .re2o-composition dd{font-size:42px}
.re2o-cell-visual{display:grid;grid-template-columns:300px 1fr;gap:45px;align-items:center;max-width:850px;margin:50px auto 0}.re2o-cell-visual img{width:100%;height:auto}.re2o-cell-visual p{font-size:16px;color:var(--re2o-muted)}
@media(max-width:767px){.re2o-composition-layout{grid-template-columns:1fr;gap:24px;margin-top:30px}.re2o-cell-visual{grid-template-columns:1fr;gap:15px;margin-top:35px}.re2o-cell-visual img{max-width:280px;margin:auto}.re2o-cell-visual p{font-size:14px}.re2o-cell-visual h3{margin-top:0}}

/* Editable composition infographic with independent background and product. */
.re2o-composition-section{background:#fcfafb;padding-bottom:50px}
.re2o-composition-section h2{font-size:38px;line-height:1.55;font-weight:600}
.re2o-composition-section h2 span{color:#ef8075}
.re2o-composition-stage{position:relative;height:600px;max-width:1100px;margin:30px auto 0;background:url('../img/re2o-composition-background.svg') center/100% 100% no-repeat}
.re2o-composition-product{position:absolute;top:25px;bottom:0;left:36%;width:28%;overflow:hidden;pointer-events:none}
.re2o-composition-product img{position:absolute;left:50%;transform:translateX(-50%);height:100%;width:auto;max-width:none}
.re2o-component{position:absolute;width:25%;margin:0;z-index:1}
.re2o-component dd{margin:0;color:#ed7a70;font-size:64px;font-weight:600;line-height:1.2;letter-spacing:-2px}
.re2o-component dd span{font-size:36px;letter-spacing:-1px}
.re2o-component dt{position:relative;border-top:1px solid #bdb8b7;padding-top:10px;font-size:22px;font-weight:500;line-height:1.4}
.re2o-component small{display:block;font-size:17px;font-weight:400;margin-top:3px}
.re2o-component dt:after{content:'';position:absolute;top:-1px;width:48px;height:1px;background:#bdb8b7}
.re2o-component-collagen{left:9%;top:110px}.re2o-component-gag{left:9%;top:310px}
.re2o-component-elastin{right:9%;top:200px}.re2o-component-other{right:9%;top:400px}
.re2o-component-collagen dt:after,.re2o-component-gag dt:after{left:100%;transform:rotate(40deg);transform-origin:left}
.re2o-component-elastin dt:after,.re2o-component-other dt:after{right:100%;transform:rotate(-40deg);transform-origin:right}
@media(max-width:767px){
.re2o-composition-section h2{font-size:25px}.re2o-composition-section .re2o-inner{padding:0 14px}
.re2o-composition-stage{height:420px;margin-top:20px;background-size:auto 100%}
.re2o-composition-product{top:30px;bottom:15px;left:23%;width:54%}
.re2o-component{width:28%}.re2o-component dd{font-size:35px;letter-spacing:-1px}.re2o-component dd span{font-size:21px}.re2o-component dt{font-size:14px;padding-top:7px}.re2o-component small{font-size:12px}
.re2o-component-collagen{left:0;top:70px}.re2o-component-gag{left:0;top:225px}.re2o-component-elastin{right:0;top:135px}.re2o-component-other{right:0;top:290px}
.re2o-component dt:after{width:18px}
}

.re2o-ppt-compare{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin:45px auto 0;max-width:950px;text-align:center}.re2o-ppt-compare>div{padding:30px 15px;background:#fff;border-top:2px solid var(--re2o-accent)}.re2o-ppt-compare h3{margin:0 0 15px}.re2o-ppt-compare p{font-size:16px;color:var(--re2o-muted)}@media(max-width:767px){.re2o-ppt-compare{grid-template-columns:1fr;gap:20px}.re2o-ppt-compare p{font-size:14px}}

/* PPT 3–6: diagrams, comparison and treatment information. */
.re2o-ppt-mechanism{display:grid;grid-template-columns:220px 1fr;gap:35px;margin-top:45px}.re2o-ppt-mechanism h3{font-size:19px;margin:0 0 24px}.re2o-volume svg{display:block;width:100%;height:auto}.re2o-diagram-label{text-align:center;font-size:15px}.re2o-down-arrow{font-size:35px;text-align:center;line-height:1.2}.re2o-after-skin{position:relative;background:linear-gradient(#f6c99f,#fffaf5);border-top:9px solid #eca064;height:145px;margin-top:10px;text-align:center}.re2o-after-skin img{height:105px;width:140px;object-fit:contain;margin-top:15px}.re2o-after-skin span{position:absolute;inset:0;color:#b3aca3;font-size:20px}.re2o-diagram-copy{font-size:14px;color:var(--re2o-muted);margin-top:18px!important}
.re2o-tissue-flow{position:relative;background:linear-gradient(#f6cfaa,#fff9f4);padding:60px 16px 22px}.re2o-epidermis{position:absolute;top:0;left:0;right:0;background:#efa86d;padding:4px 15px;font-size:14px}.re2o-dermis{position:absolute;left:12px;top:38px;font-size:13px;color:#7b6252}.re2o-tissue-flow ol{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding:0;margin:0;list-style:none}.re2o-tissue-flow li{position:relative;text-align:center}.re2o-tissue-flow li+li:before{content:'→';position:absolute;top:90px;left:-17px;font-size:24px;color:#785f50}.re2o-tissue-flow h4{background:white;border-radius:5px;font-size:13px;font-weight:500;padding:9px 3px;line-height:1.6;min-height:60px;margin:0}.re2o-tissue-flow h4 b{display:block;color:var(--re2o-accent)}.re2o-flow-art{height:145px;display:flex;align-items:center;justify-content:center}.re2o-flow-art img,.re2o-flow-art svg{max-width:100%;max-height:130px;object-fit:contain}.re2o-tissue-flow li p{font-size:12px;line-height:1.6}.re2o-mechanism-detail{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:25px}.re2o-mechanism-detail h4{font-size:17px;color:var(--re2o-accent);margin:0 0 12px}.re2o-mechanism-detail p{font-size:14px;color:var(--re2o-muted);margin-bottom:9px}
.re2o-generation{display:flex;margin:45px auto 0;max-width:950px}.re2o-generation span{width:50%;padding:14px 25px;background:#e7e7e7;text-align:center;clip-path:polygon(0 0,94% 0,100% 50%,94% 100%,0 100%,6% 50%)}.re2o-generation span:last-child{background:#ee8a7d;color:#fff}.re2o-compare-visual{margin-top:30px}.re2o-compare-visual>div{border-top:0;background:transparent;padding:0 15px}.re2o-compare-visual h3{padding:15px;background:#666;color:white;border-radius:10px}.re2o-compare-visual>div:last-child h3{background:#ef8277}.re2o-compare-visual figure{height:240px;display:flex;align-items:center;justify-content:center;margin:20px 0}.re2o-compare-visual figure img{max-width:100%;max-height:210px;object-fit:contain}.re2o-compare-visual .re2o-ingredient-icons{flex-wrap:wrap;gap:15px;max-width:300px;margin:20px auto}.re2o-ingredient-icons img{width:105px;height:90px}.re2o-ingredient-icons img:first-child{width:100%;height:85px}.re2o-compare-visual strong{font-size:19px}.re2o-compare-visual>div:last-child strong{color:var(--re2o-accent)}
.re2o-concern-map{position:relative;width:100%;max-width:900px;aspect-ratio:800/560;margin:35px auto 0;background:#fdf1eb}.re2o-concern-map>svg{position:absolute;inset:0;width:100%;height:100%}.re2o-map-product{position:absolute;left:28%;top:34%;width:44%;height:32%;object-fit:contain}.re2o-concern-map ul{margin:0;padding:0;list-style:none}.re2o-concern-map li{position:absolute;transform:translate(-50%,-50%);font-size:21px;color:#79574e;text-align:center;white-space:nowrap}.re2o-concern-map li:before{content:'';display:block;width:10px;height:10px;border:2px solid #ed897b;border-radius:50%;margin:0 auto 8px;background:white}.re2o-concern-map li:nth-child(1){left:50%;top:9%}.re2o-concern-map li:nth-child(2){left:76%;top:24%}.re2o-concern-map li:nth-child(3){left:85%;top:50%}.re2o-concern-map li:nth-child(4){left:76%;top:77%}.re2o-concern-map li:nth-child(5){left:50%;top:91%}.re2o-concern-map li:nth-child(6){left:24%;top:77%}.re2o-concern-map li:nth-child(7){left:15%;top:50%}.re2o-concern-map li:nth-child(8){left:24%;top:24%}
.re2o-info-outline>div{border:1px solid #bf8175;background:white;color:var(--re2o-ink);border-radius:35px;width:200px;height:145px}.re2o-cautions ol{list-style:none;padding:0;max-width:900px}.re2o-cautions li{list-style:none;border:1px solid #efbcb4;border-radius:10px;padding:17px 22px;margin:12px 0;display:flex;gap:16px;align-items:center}.re2o-cautions ol{counter-reset:care}.re2o-cautions li:before{counter-increment:care;content:counter(care,decimal-leading-zero);color:var(--re2o-accent);font-size:20px;font-weight:600;flex-shrink:0}
@media(max-width:1000px){.re2o-ppt-mechanism{grid-template-columns:1fr}.re2o-volume{max-width:330px;margin:auto}.re2o-remodel h3{text-align:center}.re2o-info-outline>div{width:165px}}
@media(max-width:767px){.re2o-tissue-flow ol{grid-template-columns:1fr 1fr;gap:24px 20px}.re2o-tissue-flow li+li:before{display:none}.re2o-tissue-flow h4{font-size:13px}.re2o-mechanism-detail{grid-template-columns:1fr;gap:20px}.re2o-generation span{font-size:13px;padding:13px 10px}.re2o-compare-visual figure{height:210px}.re2o-compare-visual h3{font-size:20px}.re2o-compare-visual strong{font-size:16px}.re2o-concern-map{aspect-ratio:1.15}.re2o-concern-map li{font-size:13px}.re2o-concern-map li:before{width:7px;height:7px;margin-bottom:4px}.re2o-map-product{left:26%;width:48%;top:35%;height:30%}.re2o-concern-map li:nth-child(3){left:89%}.re2o-concern-map li:nth-child(7){left:11%}.re2o-info-outline{gap:14px;max-width:350px}.re2o-info-outline>div{width:calc(50% - 7px);height:125px;border-radius:28px}.re2o-cautions li{padding:14px 12px;gap:12px}}

/* Hero description: room for the revised two-line copy. */
.re2o-hero-desc{line-height:1.75}
@media(max-width:767px){.re2o-hero-inner{height:200px;flex-basis:200px}.re2o-hero-visual{height:280px;flex-basis:280px}.re2o-hero-desc{font-size:12px;line-height:1.65}}

/* Align right-hand component labels to the outer edge. */
.re2o-component-elastin,.re2o-component-other{text-align:right}

/* Five-generation chevrons matching the supplied reference. */
.re2o-generation-five{display:flex;padding:0;list-style:none;max-width:1050px;height:62px;isolation:isolate}
.re2o-generation-five li{position:relative;display:flex;align-items:center;justify-content:center;flex:1;margin:0 0 0 -21px;padding:0 24px 0 35px;background:#355b9d;clip-path:polygon(0 0,calc(100% - 30px) 0,100% 50%,calc(100% - 30px) 100%,0 100%,30px 50%);font-size:24px;color:#222;line-height:1;white-space:nowrap}
.re2o-generation-five li:before{content:'';position:absolute;inset:2px;background:#fff;clip-path:polygon(0 0,calc(100% - 29px) 0,100% 50%,calc(100% - 29px) 100%,0 100%,29px 50%);z-index:-1}
.re2o-generation-five li:first-child{margin-left:0;padding-left:15px;clip-path:polygon(0 0,calc(100% - 30px) 0,100% 50%,calc(100% - 30px) 100%,0 100%)}
.re2o-generation-five li:first-child:before{clip-path:polygon(0 0,calc(100% - 29px) 0,100% 50%,calc(100% - 29px) 100%,0 100%)}
.re2o-generation-five li:last-child{flex:4;background:#ef9871}.re2o-generation-five li:last-child:before{background:#ffbf00}
@media(max-width:767px){.re2o-generation-five{height:44px}.re2o-generation-five li{font-size:13px;margin-left:-10px;padding:0 11px 0 17px;clip-path:polygon(0 0,calc(100% - 13px) 0,100% 50%,calc(100% - 13px) 100%,0 100%,13px 50%)}.re2o-generation-five li:before{inset:1px;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%,12px 50%)}.re2o-generation-five li:first-child{padding-left:7px;clip-path:polygon(0 0,calc(100% - 13px) 0,100% 50%,calc(100% - 13px) 100%,0 100%)}.re2o-generation-five li:first-child:before{clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%)}.re2o-generation-five li:last-child{flex:2.2}}

/* Mechanism layout: keep ECM replenishment in a horizontal band above the four-step flow. */
.re2o-ppt-mechanism{display:block;margin-top:45px}
.re2o-volume{display:grid;grid-template-columns:minmax(0,1fr) 62px minmax(0,1fr) minmax(250px,1.25fr);grid-template-rows:auto auto minmax(145px,auto);column-gap:22px;align-items:center;max-width:1120px;margin:0 auto 72px;padding:0 10px}
.re2o-volume h3{grid-column:1/-1;grid-row:1;text-align:center;margin:0 0 24px;font-size:21px}
.re2o-volume>p:nth-of-type(1){grid-column:1;grid-row:2;text-align:center;margin:0}
.re2o-volume>svg{grid-column:1;grid-row:3;width:100%;max-width:280px;justify-self:center}
.re2o-volume .re2o-down-arrow{grid-column:2;grid-row:3;transform:rotate(-90deg);font-size:42px}
.re2o-volume>p:nth-of-type(2){grid-column:3;grid-row:2;text-align:center;margin:0}
.re2o-volume .re2o-after-skin{grid-column:3;grid-row:3;width:100%;height:145px;margin:0}
.re2o-volume>p:nth-of-type(3){grid-column:4;grid-row:2/4;align-self:center;margin:0!important;padding:0 12px;font-size:16px;line-height:1.85}
.re2o-remodel{max-width:1120px;margin:0 auto}
.re2o-remodel>h3{text-align:center;font-size:22px;margin:0 0 24px}
.re2o-tissue-flow{padding:36px 18px 24px}
@media(max-width:1000px){.re2o-volume{grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);grid-template-rows:auto auto minmax(130px,auto) auto;max-width:760px}.re2o-volume>p:nth-of-type(3){grid-column:1/-1;grid-row:4;text-align:center;padding:18px 30px 0}.re2o-volume h3{font-size:20px}.re2o-remodel{max-width:760px}}
@media(max-width:767px){.re2o-volume{display:grid;grid-template-columns:1fr 42px 1fr;column-gap:10px;margin-bottom:52px;padding:0}.re2o-volume h3{font-size:18px;margin-bottom:18px}.re2o-volume>p:nth-of-type(1),.re2o-volume>p:nth-of-type(2){font-size:14px}.re2o-volume>svg{max-width:100%;width:100%}.re2o-volume .re2o-after-skin{height:120px}.re2o-volume .re2o-after-skin img{height:88px;width:118px}.re2o-volume .re2o-down-arrow{font-size:31px}.re2o-volume>p:nth-of-type(3){font-size:14px;line-height:1.7;padding:14px 0 0}.re2o-remodel>h3{font-size:18px;margin-bottom:18px}.re2o-tissue-flow{padding:24px 10px 18px}}

/* Generations 1–4: borderless light-gray chevrons. */
.re2o-generation-five li:not(:last-child){background:#eeeeee}
.re2o-generation-five li:not(:last-child):before{display:none}

/* Coherent GPT Image 2 mechanism illustrations. */
.re2o-tissue-flow{padding:0;background:none}
.re2o-tissue-flow ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px}
.re2o-tissue-flow li{list-style:none!important;padding:0 0 18px;background:#fff;border-bottom:1px solid #efdfd8}
.re2o-tissue-flow li::marker{content:''}
.re2o-tissue-flow li+li:before{display:none}
.re2o-tissue-flow h4{display:flex;gap:10px;align-items:center;justify-content:center;font-size:16px;min-height:0;padding:12px 0;margin:0}
.re2o-tissue-flow h4 b{font-size:19px}
.re2o-flow-art{height:auto;aspect-ratio:2336/1744;margin:5px 0 12px}
.re2o-flow-art img{display:block;width:100%;height:100%;max-height:none;object-fit:contain}
.re2o-tissue-flow li p{font-size:14px;padding:0 8px}
@media(max-width:767px){.re2o-tissue-flow ol{grid-template-columns:1fr;gap:24px}.re2o-tissue-flow h4{font-size:17px}.re2o-flow-art{max-width:440px;width:100%;margin:5px auto 12px}}

/* Treatment information: solid coral fill. */
.re2o-info-outline>div{background:var(--re2o-accent);color:#fff;border:0}

/* Soft translucent reference-style mechanism artwork. */
.re2o-flow-art{aspect-ratio:1/1}

/* Final mechanism arrangement: four stages in one horizontal row on desktop. */
@media(min-width:1001px){.re2o-tissue-flow ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.re2o-flow-art{aspect-ratio:8/5}}

/* Concern-map points sit on the eight outer vertices of the octagon. */
.re2o-concern-map li:before{display:none}
.re2o-map-points circle{vector-effect:non-scaling-stroke}

/* Treatment information cards are circular at every breakpoint. */
.re2o-info-outline>div{width:170px;height:170px;border-radius:50%}
@media(max-width:1000px){.re2o-info-outline>div{width:165px;height:165px;border-radius:50%}}
@media(max-width:767px){.re2o-info-outline>div{width:calc(50% - 7px);height:auto;aspect-ratio:1;border-radius:50%}}

/* User supplied skin cross-section images fill the card height with a clean crop. */
.re2o-flow-art img{object-fit:cover;object-position:center center}

/* The highlighted fifth generation keeps its yellow arrow silhouette without an outline. */
.re2o-generation-five li:last-child{margin-left:-21px;clip-path:polygon(0 0,calc(100% - 30px) 0,100% 50%,calc(100% - 30px) 100%,0 100%,30px 50%);border-radius:0;background:#ffbf00}
.re2o-generation-five li:last-child:before{display:none}
@media(max-width:767px){.re2o-generation-five li:last-child{margin-left:-10px;clip-path:polygon(0 0,calc(100% - 13px) 0,100% 50%,calc(100% - 13px) 100%,0 100%,13px 50%)}}

/* Make the four gray chevrons unmistakable while keeping them borderless. */
.re2o-generation-five li:not(:last-child){background:#e6e6e6;clip-path:polygon(0 0,calc(100% - 36px) 0,100% 50%,calc(100% - 36px) 100%,0 100%,36px 50%)}
.re2o-generation-five li:first-child{clip-path:polygon(0 0,calc(100% - 36px) 0,100% 50%,calc(100% - 36px) 100%,0 100%)}
@media(max-width:767px){.re2o-generation-five li:not(:last-child){clip-path:polygon(0 0,calc(100% - 15px) 0,100% 50%,calc(100% - 15px) 100%,0 100%,15px 50%)}.re2o-generation-five li:first-child{clip-path:polygon(0 0,calc(100% - 15px) 0,100% 50%,calc(100% - 15px) 100%,0 100%)}}
