:root{--text:#293D34;--muted:#627168;--cream:#FAF8F1;--cream2:#F1F2E9;--line:rgba(47,81,65,.17);--ink:#FAF8F1;--ink2:#EFF3ED;--ink3:#E9EFE7;--dark:#293D34}
body{background:var(--ink);color:var(--text)}
.hdr{background:rgba(250,248,241,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.hdr .wrap{height:88px}.hdr .brand .brand-logo{width:105px;height:64px}
.nav a{color:#344B40;font-weight:600}.nav a:hover,.nav a[aria-current]{color:var(--gold)}
.lang{border-color:var(--line)}.lang a{color:#3A5144}.lang a.on{color:#1D352B}
.hero{background:var(--hero-bg);padding:60px 0 70px}
h1,h2,h3{color:var(--heading)}
.hero h1 em{color:var(--em);font-style:italic}
.hero .lead{color:#526157}.eyebrow{color:var(--eyebrow)}
.btn-gold{background:var(--button);border-color:var(--button);color:var(--button-text)}
.btn-gold:hover{background:var(--button-hover);border-color:var(--button-hover)}
.btn-line{color:var(--outline-text);border-color:var(--outline-border)}
.btn-line:hover{background:rgba(43,82,64,.06)}
.hero-photo{border-color:var(--photo-border);background:var(--photo-bg)}
.hero-photo figcaption{background:var(--caption-bg);border-color:var(--photo-border);color:var(--caption-text)}
.hero-photo figcaption b{color:var(--caption-text)}.hero-photo figcaption span{color:var(--caption-sub)}
.tags span{color:#43584B;border-color:var(--line);background:rgba(255,255,255,.48)}
.menu-btn{color:var(--heading);border-color:var(--line)}
:focus-visible{outline-color:#2A5448}
.ftr{background:#1E493C;color:#F7F4EC}.ftr .muted,.ftr small,.ftr .disclose{color:#DAE3D8}
.wa-float{background:#246A4A;box-shadow:none}
@media(max-width:600px){.hdr .wrap{height:76px}.hdr .brand .brand-logo{width:88px;height:54px}.hero{padding:40px 0 48px}}
/* Green leads; gold supports. */
:root{--gold:#806022;--gold2:#2A5448;--heading:#214B3D;--em:#8B6B2F;--eyebrow:#365D49;--button:#254F40;--button-text:#FFFFFF;--button-hover:#173C2E;--outline-text:#2D5140;--outline-border:#77917C;--photo-border:#A7976C;--photo-bg:#E9EEE3;--caption-bg:#254F40;--caption-text:#FAF7EC;--caption-sub:#DEE5D6;--hero-bg:radial-gradient(800px 580px at 83% 38%,rgba(191,211,183,.36),transparent 70%),#FAF8F1}
.lang a.on{background:#E2EBDD;color:#214B3D}
.hero-photo:before{border-color:rgba(88,124,81,.2)}

/* Theme A: shared components, forms, navigation and legal pages. */
.lead{color:#526157}.alt{background:#EFF3ED}.light{background:#FAF8F1}.light2{background:#EAF0E4}
.light .muted,.light .sec-head p,.light .card p,.light .timeline p,.light .steps p,.light .faq details p{color:#526157}
.light .card{background:#FFFFFF;border-color:#C6D2BF}.light .timeline b{color:#294F3D}
.card{background:#FFFFFF}.card:hover,.pcard:hover{border-color:#8F763E}.pcard{background:#F1F4EC}
.card .more,.pcat{color:#806022}.filters button{color:#304E3D;background:#FFFFFF}
.filters button.on{background:#254F40;color:#FFFFFF;border-color:#254F40}
.btn-dark{background:#254F40;color:#FFFFFF;border-color:#254F40}.btn-dark:hover{background:#173C2E}
.band{background:linear-gradient(120deg,#285542,#1D4435 65%);color:#F7F5ED;border-color:#446B50}
.band h2{color:#FAF8F1}.band .eyebrow,.band .contacts small{color:#E1C681}.band .contacts a{border-color:#67836B}
.form{background:#F0F3EA;border-color:#AFC0A9}.form label,.form legend{color:#354F3E}
.form input,.form select,.form textarea{background:#FFFFFF;border-color:#8EA087;color:#293D34;font-weight:400}
.form input::placeholder,.form textarea::placeholder{color:#5D6D63;opacity:1}
.form input:focus,.form select:focus,.form textarea:focus{border-color:#254F40;outline:2px solid #254F40;outline-offset:2px}
.form .hp{background:transparent}.chk input,.consent input{accent-color:#254F40}
.form-msg.ok{color:#21643F}.form-msg.err{color:#A03333}
.ftr{background:#1E493C;color:#F7F4EC;border-top-color:#446B50}
.ftr h4{color:#E1C681}.ftr li a,.ftr .muted,.ftr .disclose{color:#DEE8DC}.ftr li a:hover{color:#F5D997}
.ftr .disclose{border-top-color:#67836B}.legal p,.legal li{color:#4D6155}
.salon-play-button{background:#254F40;color:#FFFFFF;border-color:#254F40}
.wa-float{width:48px;height:48px;padding:0;justify-content:center}.wa-float span{display:none}
@media(max-width:1180px){.nav{top:88px;background:#FAF8F1;border-color:#B6C7AE}}
@media(max-width:600px){.nav{top:76px}.wa-float{width:44px;height:44px}}
/* Comfortable touch targets without changing form fields or destinations. */
.lang a{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.menu-btn{width:44px;height:44px}
.nav a{min-height:44px;display:flex;align-items:center}.chk label{min-height:44px;align-items:center;margin-bottom:0;cursor:pointer}

/* Added INCELLDERM film and personal Collagen experience. */
.landscape-video{width:min(100%,900px)}.landscape-video .salon-player{aspect-ratio:16/9}.video-caption{font-size:14px;margin-top:12px;text-align:center}.collagen-demo figure{margin:0}

/* Revision for final review: product contrast and contact priorities. */
.new-home-title{font-size:clamp(34px,4.2vw,60px);line-height:1.12;letter-spacing:-.02em;max-width:720px}
.benefits-message{font-size:clamp(26px,3vw,38px);line-height:1.3}.results-note{margin-top:20px;font-size:14px;line-height:1.6}
.pimg{background:radial-gradient(ellipse at 50% 38%,#e4ece2 0%,#cbd9ce 65%,#b8cbbf 100%);padding:22px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.pcard .pimg{height:290px}.pimg img{object-fit:contain!important;width:100%;height:100%;max-height:100%;filter:drop-shadow(0 12px 10px rgba(26,57,41,.15));mix-blend-mode:normal!important}
.pdetail>.pimg{height:560px}.pbody h3{font-size:23px;line-height:1.2}.pbody p{font-size:14px;line-height:1.65;color:#4c6255}.pcat{font-size:11px}.filters{gap:8px;flex-wrap:wrap}.filters button{min-height:44px}
.bbs-cta{grid-column:1/-1;display:flex;justify-content:flex-start;margin-top:24px}.bbs-cta .btn{white-space:normal;text-align:center}
.contacts .contact-primary{background:#e2ecdf;color:#214b3d;border:1px solid #8fa58f;padding:20px}.contacts .contact-primary small{color:#214b3d;font-weight:600}.contacts .contact-primary span{font-size:21px}.band .contacts .contact-primary{background:#f2f5ec}.band .contacts .contact-primary small{color:#214b3d}.contact-page a:not(.contact-primary){padding:12px 16px}.contact-page+.qr img{width:100px;height:100px}
:focus-visible{outline:3px solid #967331;outline-offset:3px}
@media(max-width:600px){.new-home-title{font-size:36px}.pcard .pimg{height:240px;padding:18px}.pdetail>.pimg{height:380px}.pbody h3{font-size:22px}.contacts .contact-primary span{font-size:19px}.bbs-cta .btn{width:100%}.benefits-message{font-size:29px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}.rv{opacity:1!important;transform:none!important}}
.pcard .pimg,.pdetail .pimg{background:radial-gradient(ellipse at 50% 38%,#e4ece2 0%,#cbd9ce 65%,#b8cbbf 100%)}
@media(max-width:600px){.pgrid{grid-template-columns:1fr;gap:24px}.pcard .pimg{height:300px;aspect-ratio:auto}.pcard p{display:block}.pcard .pbody{padding:20px}.pcard h3{font-size:24px}.pcat{font-size:11px}.pcard .more{display:inline-flex;align-items:center;min-height:44px}}
.pdetail>*{min-width:0}.pdetail .cta-row .btn{white-space:normal;text-align:center;max-width:100%}.pdetail .pimg{max-width:100%;width:100%}.crumbs{flex-wrap:wrap;overflow-wrap:anywhere}

@media(max-width:600px){.wa-float{display:none}}