/* DLS · PULSO HUMANO · MACRO-LOTE FACIAL
   Seis páginas copy-first con arquitecturas individuales. */
.cf-page {
  --cf-pad: clamp(96px, 9vw, 148px);
  overflow: clip;
  background: var(--paper);
}
.cf-page h1, .cf-page h2, .cf-page h3, .cf-page h4,
.cf-page p, .cf-page li, .cf-page a, .cf-page span, .cf-page strong {
  hyphens: none;
  overflow-wrap: normal;
  word-break: normal;
}
.cf-page [id^="cf-"] { scroll-margin-top: 82px; }
.cf-shell { width: min(calc(100% - 64px), 1280px); margin-inline: auto; }
.cf-header {
  position: relative; z-index: 80; display: grid;
  grid-template-columns: 184px minmax(0, 1fr) auto auto;
  gap: 18px clamp(20px, 2.5vw, 38px); align-items: center;
  min-height: 100px; padding: 10px clamp(24px, 4vw, 70px);
  border-bottom: 1px solid rgba(79,79,79,.18); background: rgba(255,255,255,.98);
}
.cf-brand { display: block; width: 184px; padding: 3px 7px; background: #fff; }
.cf-brand img { aspect-ratio: 650/362; object-fit: contain; }
.cf-main-nav { display: flex; justify-content: center; gap: clamp(16px,2vw,34px); }
.cf-main-nav a { color: #485254; font-size: 13px; font-weight: 700; text-decoration: none; }
.cf-header-cta, .cf-action {
  display: inline-flex; gap: 22px; align-items: center; justify-content: space-between;
  width: fit-content; border: 1px solid var(--petrol); padding: 13px 18px;
  background: var(--petrol); color: #fff; font-size: 13px; font-weight: 850;
  line-height: 1.2; text-decoration: none;
}
.cf-action.is-light { border-color: #fff; background: #fff; color: var(--petrol); }
.cf-header-cta span, .cf-action span, .cf-text-link span { transition: transform .2s ease; }
.cf-header-cta:hover span, .cf-action:hover span, .cf-text-link:hover span { transform: translateX(4px); }
.cf-page-menu { position: relative; }
.cf-page-menu summary { display: grid; min-width: 92px; cursor: pointer; color: var(--petrol); font-size: 13px; font-weight: 850; line-height: 1.15; list-style: none; }
.cf-page-menu summary::-webkit-details-marker { display: none; }
.cf-page-menu summary span { color: #718083; font-size: 9px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.cf-page-menu nav {
  position: absolute; top: calc(100% + 25px); right: 0; display: grid;
  grid-template-columns: repeat(3,minmax(190px,1fr)); width: min(740px,calc(100vw - 48px));
  padding: 20px; border: 1px solid var(--line); background: #fff; box-shadow: 0 28px 80px rgba(3,47,56,.18);
}
.cf-page-menu nav a { display: grid; grid-template-columns: 26px 1fr; gap: 6px; min-width: 0; border-bottom: 1px solid #d7dddc; padding: 13px 8px; color: #4c585a; font-size: 12px; font-weight: 720; line-height: 1.35; text-decoration: none; }
.cf-page-menu nav a span { color: var(--coral-deep); font-size: 9px; font-weight: 850; }
.cf-page-menu nav a.is-active { background: var(--petrol); color: #fff; }
.cf-page-menu nav a.is-active span { color: var(--coral); }
.cf-footer { display: grid; grid-template-columns: 190px 1fr auto; gap: 36px; align-items: center; min-height: 190px; padding: 42px max(32px,calc((100vw - 1280px)/2)); background: #fff; }
.cf-footer img { width: 170px; }
.cf-footer p { margin: 0; color: #647072; font-size: 13px; }
.cf-footer nav { display: flex; flex-wrap: wrap; gap: 10px 24px; justify-content: flex-end; }
.cf-footer a { color: var(--petrol); font-size: 13px; font-weight: 750; }

.cf-eyebrow, .cf-kicker { display: block; color: var(--coral); font-size: 11px; font-weight: 850; letter-spacing: .14em; line-height: 1.4; text-transform: uppercase; }
.cf-head { display: grid; grid-template-columns: 64px minmax(0,940px); gap: 24px; margin-bottom: 52px; }
.cf-head > span { padding-top: 10px; color: var(--coral-deep); font-size: 11px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.cf-head h2 { color: var(--petrol); font: 500 clamp(48px,4.8vw,72px)/.99 var(--serif); letter-spacing: -.04em; }
.cf-prose { max-width: 66ch; }
.cf-prose p { color: #424b4d; font-size: 18px; line-height: 1.68; }
.cf-prose p:last-child { margin-bottom: 0; }
.cf-prose ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 32px; margin: 30px 0; padding: 0; border-top: 1px solid var(--line); list-style: none; }
.cf-prose li { border-bottom: 1px solid var(--line); padding: 13px 0; color: #424b4d; font-size: 16px; line-height: 1.45; }
.cf-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
.cf-links { display: flex; flex-wrap: wrap; gap: 12px 26px; margin-top: 26px; }
.cf-text-link { display: inline-flex; gap: 12px; align-items: center; border-bottom: 1px solid currentColor; color: var(--petrol); font-size: 14px; font-weight: 800; text-decoration: none; }
.cf-hero-prose { max-width: 63ch; }
.cf-hero-prose p { color: #e8efed; font-size: 18.5px; line-height: 1.62; }
.cf-hero-prose p:first-child { color: #fff; font: 500 28px/1.3 var(--serif); }
.cf-contents { position: sticky; z-index: 40; top: 0; border-bottom: 1px solid rgba(79,79,79,.22); background: rgba(255,255,255,.97); backdrop-filter: blur(16px); }
.cf-contents summary { display: flex; gap: 24px; align-items: center; justify-content: space-between; width: min(calc(100% - 64px),1280px); min-height: 66px; margin-inline: auto; color: var(--petrol); cursor: pointer; list-style: none; }
.cf-contents summary::-webkit-details-marker { display: none; }
.cf-contents summary span { font: 500 22px/1.1 var(--serif); }
.cf-contents summary b { font-size: 11px; letter-spacing: .1em; text-transform: uppercase; }
.cf-contents summary b::after { content: " +"; color: var(--coral-deep); }
.cf-contents[open] summary b::after { content: " −"; }
.cf-contents nav { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); width: min(calc(100% - 64px),1280px); margin-inline: auto; padding-bottom: 24px; }
.cf-contents button { display: grid; grid-template-columns: 30px 1fr; gap: 8px; min-width: 0; border: 0; border-top: 1px solid var(--line); padding: 13px 12px 13px 0; background: transparent; color: #4d595b; font: 750 11px/1.35 var(--sans); text-align: left; cursor: pointer; }
.cf-contents button span { color: var(--coral-deep); }
.cf-proof { padding: var(--cf-pad) max(32px,calc((100vw - 1280px)/2)); background: var(--rose); }
.cf-proof-inner { position: relative; display: flex; min-height: 500px; flex-direction: column; justify-content: flex-end; overflow: hidden; padding: clamp(34px,5vw,70px); background: linear-gradient(140deg,#315b62,#092f37); color: #fff; }
.cf-proof-inner::before { content: ""; position: absolute; inset: 13% 7% 25% 42%; border: 1px solid rgba(230,180,174,.62); border-radius: 50%; }
.cf-proof-inner > * { position: relative; z-index: 2; }
.cf-proof-inner > span { color: var(--coral); font-size: 10px; font-weight: 850; letter-spacing: .14em; }
.cf-proof-inner strong { max-width: 820px; margin-top: 20px; font: 500 clamp(44px,5vw,68px)/.98 var(--serif); }
.cf-proof-inner p { max-width: 540px; margin: 20px 0 0; color: #e1e9e7; font-size: 15px; }
.cf-faq { padding-block: var(--cf-pad); }
.cf-faq-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 46px; border-top: 1px solid var(--line); }
.cf-faq details { border-bottom: 1px solid var(--line); }
.cf-faq summary { display: grid; grid-template-columns: 34px 1fr; gap: 12px; padding: 25px 0; color: var(--petrol); font: 500 25px/1.18 var(--serif); cursor: pointer; list-style: none; }
.cf-faq summary::-webkit-details-marker { display: none; }
.cf-faq summary span { padding-top: 6px; color: var(--coral-deep); font: 850 10px/1 var(--sans); }
.cf-faq-answer { padding: 0 0 28px 46px; }
.cf-faq-answer p { font-size: 16.5px; line-height: 1.62; }
.cf-close { padding-block: clamp(105px,11vw,170px); background: var(--rose); }
.cf-close.is-dark { background: var(--petrol-deep); color: #fff; }
.cf-close h2 { max-width: 1030px; margin: 24px 0 34px; color: var(--petrol); font: 500 clamp(54px,6vw,88px)/.96 var(--serif); letter-spacing: -.045em; }
.cf-close.is-dark h2, .cf-close.is-dark .cf-close-copy p { color: #fff; }
.cf-close-copy { max-width: 65ch; }
.cf-close-copy p { font-size: 19px; }
.cf-close .cf-action { margin-top: 22px; }

/* REJUVENECIMIENTO · objetivo global, niveles y alcance */
.rejuv-hero { position: relative; display: grid; grid-template-columns: minmax(540px,.95fr) minmax(540px,1.05fr); min-height: 900px; overflow: hidden; background: var(--petrol-deep); color: #fff; }
.rejuv-hero figure { grid-column: 2; min-height: 900px; }
.rejuv-hero figure::after { content: ""; position: absolute; inset: 0 0 0 48%; background: linear-gradient(90deg,rgba(3,47,56,.65),transparent 45%),linear-gradient(0deg,rgba(3,47,56,.42),transparent 52%); }
.rejuv-hero figure img { height: 100%; object-fit: cover; object-position: center; filter: saturate(.72) contrast(1.03); }
.rejuv-hero figcaption { position: absolute; z-index: 2; right: 28px; bottom: 28px; font-size: 10px; font-weight: 850; letter-spacing: .13em; }
.rejuv-hero-copy { position: absolute; z-index: 3; top: 50%; left: max(32px,calc((100vw - 1280px)/2)); width: min(710px,47vw); transform: translateY(-50%); }
.rejuv-hero h1 { margin: 24px 0 34px; font: 500 clamp(72px,7vw,108px)/.89 var(--serif); letter-spacing: -.052em; }
.rejuv-hero-question { position: absolute; z-index: 4; right: 28px; bottom: 74px; display: grid; place-items: center; width: 300px; aspect-ratio: 1; border: 1px solid var(--coral); border-radius: 50%; color: #fff; text-align: center; }
.rejuv-hero-question span { max-width: 14ch; font: 500 27px/1.08 var(--serif); }
.rejuv-levels { display: grid; grid-template-columns: minmax(440px,.82fr) minmax(600px,1.18fr); gap: clamp(64px,8vw,128px); align-items: center; padding-block: var(--cf-pad); }
.rejuv-levels-copy h3, .rejuv-scope h3, .rejuv-order h3, .rejuv-evolution h3, .rejuv-dls h3 { margin-bottom: 30px; color: var(--petrol); font: 500 36px/1.12 var(--serif); }
.rejuv-layer-stack { display: grid; gap: 10px; perspective: 800px; }
.rejuv-layer-stack div { display: grid; grid-template-columns: 42px 1fr; gap: 16px; align-items: center; min-height: 72px; margin-left: calc(var(--level) * 17px); border: 1px solid rgba(7,71,83,.35); padding: 14px 20px; background: color-mix(in srgb,var(--rose) calc(12% + var(--level) * 8%),var(--paper)); transform: translateZ(calc(var(--level) * 4px)); }
.rejuv-layer-stack span { color: var(--coral-deep); font-size: 10px; font-weight: 850; }
.rejuv-layer-stack strong { color: var(--petrol); font: 500 25px/1.15 var(--serif); }
.rejuv-scope { padding-block: var(--cf-pad); background: var(--rose); }
.rejuv-scope-stage { display: grid; grid-template-columns: minmax(500px,1fr) minmax(440px,.84fr); gap: clamp(65px,8vw,125px); align-items: center; }
.rejuv-scope-axis { position: relative; display: grid; grid-template-columns: auto 1fr auto; gap: 20px; align-items: center; min-height: 430px; padding: 48px 0; border-top: 1px solid var(--coral-deep); border-bottom: 1px solid var(--coral-deep); }
.rejuv-scope-axis span { max-width: 10ch; color: var(--petrol); font: 500 clamp(35px,3.8vw,56px)/1 var(--serif); }
.rejuv-scope-axis i { height: 1px; background: var(--coral-deep); }
.rejuv-scope-axis strong { position: absolute; right: 0; bottom: 22px; color: #6a7475; font-size: 11px; letter-spacing: .1em; text-transform: uppercase; }
.rejuv-scope-list, .firmness-scope-list, .lips-scope-list { margin: 34px 0 0; padding: 0; border-top: 1px solid var(--line); list-style: none; }
.rejuv-scope-list li, .firmness-scope-list li, .lips-scope-list li { display: grid; grid-template-columns: 32px 1fr; gap: 12px; border-bottom: 1px solid var(--line); padding: 13px 0; font-size: 15px; line-height: 1.4; }
.rejuv-scope-list span, .firmness-scope-list span, .lips-scope-list span { color: var(--coral-deep); font-size: 10px; font-weight: 850; }
.rejuv-tools { padding-block: var(--cf-pad); }
.rejuv-tools-title { max-width: 790px; margin: -18px 0 50px 88px; color: var(--petrol); font: 500 37px/1.1 var(--serif); }
.rejuv-tool-field { position: relative; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.rejuv-tool-field article { min-height: 250px; border: 1px solid var(--line); padding: 30px; background: #fff; }
.rejuv-tool-field article > span { color: var(--coral-deep); font-size: 10px; font-weight: 850; }
.rejuv-tool-field article p { max-width: 33ch; margin: 48px 0 0; color: var(--petrol); font: 500 23px/1.2 var(--serif); }
.rejuv-tool-field article:nth-child(2) { padding-left: 125px; }
.rejuv-tool-field article:nth-child(3) { padding-right: 125px; }
.rejuv-tool-core { position: absolute; z-index: 2; top: 50%; left: 50%; display: grid; place-items: center; width: 210px; aspect-ratio: 1; transform: translate(-50%,-50%); border-radius: 50%; background: var(--petrol); color: #fff; text-align: center; }
.rejuv-tool-core span { color: var(--coral); font-size: 10px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.rejuv-tool-core strong { max-width: none; font: 500 20px/1.05 var(--serif); }
.rejuv-tools-close { max-width: 760px; margin: 42px 0 0 auto; }
.rejuv-order { padding-block: var(--cf-pad); background: var(--petrol-deep); color: #fff; }
.rejuv-order-grid { display: grid; grid-template-columns: minmax(500px,1fr) minmax(460px,.88fr); gap: clamp(65px,8vw,128px); align-items: center; }
.rejuv-order .cf-head h2, .rejuv-order h3, .rejuv-order .cf-prose p { color: #fff; }
.rejuv-order .cf-head > span { color: var(--coral); }
.rejuv-order-map { display: grid; grid-template-columns: auto 1fr auto 1fr auto; gap: 16px; align-items: center; min-height: 470px; border-top: 1px solid rgba(255,255,255,.35); border-bottom: 1px solid rgba(255,255,255,.35); }
.rejuv-order-map span { color: #fff; font: 500 clamp(31px,3vw,45px)/1 var(--serif); }
.rejuv-order-map i { height: 1px; background: var(--coral); }
.rejuv-order-map strong { grid-column: 1/-1; color: var(--coral); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; }
.rejuv-evolution { padding-block: var(--cf-pad); }
.rejuv-evolution-grid { display: grid; grid-template-columns: minmax(440px,.82fr) minmax(570px,1.18fr); gap: clamp(64px,8vw,128px); }
.rejuv-evolution-track { display: grid; gap: 0; }
.rejuv-evolution-track span { border-bottom: 1px solid var(--line); padding: 22px 0; color: var(--petrol); font: 500 clamp(32px,3.4vw,48px)/1 var(--serif); }
.rejuv-evolution-track i { width: 1px; height: 24px; margin: -12px 0 -12px 30px; background: var(--coral-deep); }
.rejuv-evolution-statement { max-width: 1040px; margin: 70px 0 0 auto; color: var(--petrol); font: 500 clamp(36px,4vw,58px)/1.04 var(--serif); }
.rejuv-dls { display: grid; grid-template-columns: minmax(430px,.78fr) minmax(580px,1.22fr); gap: clamp(65px,8vw,128px); align-items: center; padding: var(--cf-pad) max(32px,calc((100vw - 1280px)/2)); background: #234b53; color: #fff; }
.rejuv-dls figure img { aspect-ratio: 4/5; object-fit: cover; object-position: center top; }
.rejuv-dls figcaption { margin-top: 10px; color: #dbe5e3; font-size: 10px; font-weight: 850; letter-spacing: .12em; }
.rejuv-dls .cf-head h2, .rejuv-dls h3, .rejuv-dls .cf-prose p { color: #fff; }
.rejuv-dls .cf-head > span { color: var(--coral); }
.rejuv-dls .cf-head, .neuro-dls .cf-head { grid-template-columns: 1fr; gap: 8px; }
.rejuv-dls .cf-head h2, .neuro-dls .cf-head h2 { font-size: clamp(42px,4vw,58px); }

/* CALIDAD DE LA PIEL · atributos, niveles de intervención y tiempo */
.quality-hero { position: relative; min-height: 920px; overflow: hidden; background: var(--petrol-deep); }
.quality-hero > figure, .quality-hero > figure img { position: absolute; inset: 0; height: 100%; }
.quality-hero > figure img { object-fit: cover; object-position: center; filter: saturate(.62) contrast(1.04); }
.quality-hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg,rgba(3,47,56,.18) 22%,rgba(3,47,56,.9) 68%,rgba(3,47,56,.98)); }
.quality-hero-card { position: absolute; z-index: 2; top: 50%; right: max(32px,calc((100vw - 1280px)/2)); width: min(610px,45vw); transform: translateY(-50%); color: #fff; }
.quality-hero h1 { margin: 24px 0 34px; font: 500 clamp(74px,7vw,108px)/.9 var(--serif); letter-spacing: -.052em; }
.quality-hero-scale { position: absolute; z-index: 3; bottom: 32px; left: max(32px,calc((100vw - 1280px)/2)); display: flex; gap: 8px; flex-wrap: wrap; }
.quality-hero-scale span { border: 1px solid rgba(255,255,255,.65); padding: 9px 13px; color: #fff; font-size: 10px; font-weight: 800; }
.quality-meaning { padding-block: var(--cf-pad); }
.quality-meaning-intro { display: grid; grid-template-columns: minmax(340px,.65fr) minmax(480px,1.35fr); gap: 70px; align-items: end; }
.quality-meaning-intro h3 { color: var(--petrol); font: 500 38px/1.08 var(--serif); }
.quality-constellation { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); margin-top: 60px; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.quality-constellation span { display: grid; min-height: 160px; align-content: space-between; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 20px; color: var(--petrol); font: 500 clamp(20px,2vw,28px)/1.05 var(--serif); }
.quality-constellation b { color: var(--coral-deep); font: 850 10px/1 var(--sans); }
.quality-question { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; align-items: end; margin-top: 48px; }
.quality-question strong { color: var(--petrol); font: 500 clamp(36px,4vw,58px)/1.04 var(--serif); }
.quality-differences { padding-block: var(--cf-pad); background: var(--rose); }
.quality-cases { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); margin-top: 55px; }
.quality-cases article { min-height: 270px; border-top: 1px solid var(--coral-deep); border-right: 1px solid rgba(185,114,101,.5); padding: 25px; }
.quality-cases article:nth-child(4), .quality-cases article:nth-child(5) { grid-column: span 1; }
.quality-cases article:nth-child(4) { grid-column-start: 2; }
.quality-cases span { color: var(--coral-deep); font-size: 10px; font-weight: 850; }
.quality-cases p { margin: 62px 0 0; color: var(--petrol); font: 500 24px/1.22 var(--serif); }
.quality-differences-close { max-width: 760px; margin: 44px 0 0 auto; }
.quality-methods { padding-block: var(--cf-pad); }
.quality-methods-lead { max-width: 760px; margin: -18px 0 58px 88px; }
.quality-methods-lead h3 { margin-bottom: 24px; color: var(--petrol); font: 500 37px/1.1 var(--serif); }
.quality-intensity { position: relative; padding-left: 240px; }
.quality-intensity-axis { position: absolute; top: 0; bottom: 0; left: 0; display: flex; width: 185px; flex-direction: column; justify-content: space-between; border-left: 1px solid var(--coral-deep); padding: 0 0 0 24px; }
.quality-intensity-axis span { color: var(--petrol); font: 500 23px/1.08 var(--serif); }
.quality-intensity-axis i { flex: 1; width: 1px; margin: 18px 0 18px 12px; background: linear-gradient(var(--coral-deep),var(--petrol)); }
.quality-intensity article { display: grid; grid-template-columns: 44px minmax(0,1fr); gap: 22px; min-height: 145px; border-top: 1px solid var(--line); padding: 23px 0 22px calc(var(--step) * 15px); }
.quality-intensity article:last-child { border-bottom: 1px solid var(--line); }
.quality-intensity article > span { padding-top: 7px; color: var(--coral-deep); font-size: 10px; font-weight: 850; }
.quality-intensity h3 { margin-bottom: 12px; color: var(--petrol); font: 500 30px/1.08 var(--serif); }
.quality-method-copy p { max-width: 64ch; font-size: 16px; }
.quality-time { padding-block: var(--cf-pad); background: var(--petrol-deep); color: #fff; }
.quality-time-grid { display: grid; grid-template-columns: minmax(550px,1.08fr) minmax(430px,.92fr); gap: clamp(65px,8vw,125px); align-items: center; }
.quality-time .cf-head h2, .quality-time h3, .quality-time .cf-prose p { color: #fff; }
.quality-time .cf-head > span { color: var(--coral); }
.quality-time h3, .quality-dls h3 { margin-bottom: 30px; font: 500 36px/1.1 var(--serif); }
.quality-cycle { position: relative; min-height: 600px; border: 1px solid var(--coral); border-radius: 50%; }
.quality-cycle::before { content: ""; position: absolute; inset: 23%; border: 1px solid rgba(255,255,255,.35); border-radius: 50%; }
.quality-cycle span { position: absolute; max-width: 150px; padding: 7px 11px; background: var(--petrol-deep); color: #fff; font-size: 13px; font-weight: 800; text-align: center; }
.quality-cycle span:nth-child(1) { top: 2%; left: 43%; }.quality-cycle span:nth-child(2) { top: 26%; right: -1%; }.quality-cycle span:nth-child(3) { right: 7%; bottom: 10%; }.quality-cycle span:nth-child(4) { bottom: 2%; left: 24%; }.quality-cycle span:nth-child(5) { top: 40%; left: -2%; }
.quality-cycle strong { position: absolute; inset: 37%; display: grid; place-items: center; border-radius: 50%; background: var(--coral); color: var(--petrol); font: 500 23px/1.05 var(--serif); text-align: center; }
.quality-dls { display: grid; grid-template-columns: minmax(470px,.88fr) minmax(570px,1.12fr); gap: clamp(64px,8vw,128px); align-items: center; padding-block: var(--cf-pad); }
.quality-dls-photo { position: relative; min-height: 620px; overflow: hidden; }
.quality-dls-photo img { height: 100%; object-fit: cover; }
.quality-dls-photo figcaption { position: absolute; right: 20px; bottom: 20px; left: 20px; padding: 14px; background: rgba(3,47,56,.86); color: #fff; font-size: 10px; font-weight: 850; letter-spacing: .12em; text-align: center; }
.quality-pigment { padding-block: var(--cf-pad); background: var(--rose); }
.quality-pigment > .cf-shell { display: grid; grid-template-columns: minmax(520px,1fr) minmax(460px,.88fr); gap: clamp(64px,8vw,128px); align-items: center; }
.quality-pigment-mark { display: grid; grid-template-columns: 1fr auto 1fr; gap: 20px; align-items: center; min-height: 360px; border-top: 1px solid var(--coral-deep); border-bottom: 1px solid var(--coral-deep); }
.quality-pigment-mark span { color: var(--petrol); font: 500 clamp(34px,3.5vw,52px)/1 var(--serif); }
.quality-pigment-mark b { color: var(--coral-deep); font: 500 64px/1 var(--serif); }

/* OJERAS · una apariencia, varios orígenes */
.eyes-hero { position: relative; display: grid; grid-template-columns: 1.08fr .92fr; min-height: 900px; overflow: hidden; background: var(--petrol-deep); color: #fff; }
.eyes-hero-image { position: relative; min-height: 900px; overflow: hidden; }
.eyes-hero-image::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg,transparent 55%,rgba(3,47,56,.85)); }
.eyes-hero-image img { height: 100%; object-fit: cover; object-position: center; filter: saturate(.66) contrast(1.04); transform: scale(1.15); }
.eyes-crop { position: absolute; z-index: 2; top: 30%; right: 9%; left: 9%; height: 23%; border-top: 1px solid var(--coral); border-bottom: 1px solid var(--coral); }
.eyes-hero-copy { align-self: center; max-width: 650px; padding: 80px clamp(38px,5vw,80px) 110px 0; }
.eyes-hero h1 { margin: 24px 0 34px; font: 500 clamp(88px,9vw,138px)/.84 var(--serif); letter-spacing: -.055em; }
.eyes-hero-question { position: absolute; z-index: 3; bottom: 28px; left: max(32px,calc((100vw - 1280px)/2)); display: grid; grid-template-columns: auto 60px auto 60px auto; gap: 12px; align-items: center; color: #fff; font-size: 10px; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.eyes-hero-question i { height: 1px; background: var(--coral); }
.eyes-components { padding-block: var(--cf-pad); }
.eyes-components-lead { max-width: 760px; margin: -18px 0 60px 88px; color: var(--petrol); font: 500 35px/1.1 var(--serif); }
.eyes-origin-map { position: relative; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; padding-bottom: 170px; }
.eyes-origin-map article { min-height: 390px; border: 1px solid var(--line); padding: 30px; background: #fff; }
.eyes-origin-map article > span { color: var(--coral-deep); font-size: 10px; font-weight: 850; }
.eyes-origin-map h3 { margin: 52px 0 24px; color: var(--petrol); font: 500 34px/1.05 var(--serif); }
.eyes-component-copy p { font-size: 16.5px; line-height: 1.56; }
.eyes-origin-center { position: absolute; right: 22%; bottom: 0; left: 22%; display: grid; place-items: center; min-height: 205px; border-radius: 50% 50% 0 0 / 100% 100% 0 0; background: var(--petrol); color: #fff; text-align: center; }
.eyes-origin-center span { font: 500 30px/1.05 var(--serif); }
.eyes-darkness { padding-block: var(--cf-pad); background: var(--rose); }
.eyes-darkness-grid { display: grid; grid-template-columns: minmax(550px,1.08fr) minmax(430px,.92fr); gap: clamp(65px,8vw,128px); align-items: center; }
.eyes-darkness h3, .eyes-options-title, .eyes-dls h3 { margin-bottom: 30px; color: var(--petrol); font: 500 36px/1.1 var(--serif); }
.eyes-darkness-visual { position: relative; min-height: 540px; border: 1px solid var(--coral-deep); }
.eyes-darkness-visual > strong { position: absolute; inset: 34%; display: grid; place-items: center; border-radius: 50%; background: var(--petrol); color: #fff; font: 500 24px/1 var(--serif); }
.eyes-darkness-visual div { position: absolute; inset: 0; }
.eyes-darkness-visual span { position: absolute; padding: 10px 16px; background: var(--rose); color: var(--petrol); font: 500 26px/1 var(--serif); }
.eyes-darkness-visual span:nth-child(1) { top: 7%; left: 8%; }.eyes-darkness-visual span:nth-child(2) { top: 10%; right: 8%; }.eyes-darkness-visual span:nth-child(3) { right: 9%; bottom: 9%; }.eyes-darkness-visual span:nth-child(4) { bottom: 7%; left: 8%; }
.eyes-options { padding-block: var(--cf-pad); }
.eyes-options-title { max-width: 750px; margin: -18px 0 52px 88px; }
.eyes-option-paths { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border-top: 1px solid var(--line); }
.eyes-option-paths article { min-height: 300px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 25px; }
.eyes-option-paths article:nth-child(5) { grid-column: 2/4; min-height: 220px; background: var(--petrol); color: #fff; }
.eyes-option-paths article > span { color: var(--coral-deep); font-size: 10px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.eyes-option-paths article:nth-child(5) > span { color: var(--coral); }
.eyes-option-paths p { margin: 54px 0 0; color: var(--petrol); font: 500 22px/1.2 var(--serif); }
.eyes-option-paths article:nth-child(5) p { color: #fff; }
.eyes-options-close { max-width: 740px; margin: 40px 0 0 auto; }
.eyes-results { padding-block: var(--cf-pad); background: var(--petrol-deep); color: #fff; }
.eyes-results .cf-head h2 { color: #fff; }.eyes-results .cf-head > span { color: var(--coral); }
.eyes-result-stage { display: grid; grid-template-columns: .84fr 1.16fr; min-height: 650px; }
.eyes-result-stage > div { display: grid; grid-template-rows: repeat(4,1fr); background: #234b53; }
.eyes-result-stage p { display: grid; grid-template-columns: 34px 1fr; gap: 14px; align-items: center; margin: 0; border-bottom: 1px solid rgba(255,255,255,.25); padding: 22px 28px; color: #fff; font: 500 25px/1.16 var(--serif); }
.eyes-result-stage p span { color: var(--coral); font: 850 10px/1 var(--sans); }
.eyes-result-stage figure { overflow: hidden; }
.eyes-result-stage img { height: 100%; object-fit: cover; object-position: center; filter: saturate(.65); }
.eyes-results-close { max-width: 760px; margin: 44px 0 0 auto; }
.eyes-results-close p { color: #fff; }
.eyes-dls { display: grid; grid-template-columns: minmax(430px,.78fr) minmax(580px,1.22fr); gap: clamp(65px,8vw,128px); align-items: center; padding: var(--cf-pad) max(32px,calc((100vw - 1280px)/2)); }
.eyes-dls figure img { aspect-ratio: 4/5; object-fit: cover; object-position: center top; }
.eyes-dls figcaption { margin-top: 10px; color: #687476; font-size: 10px; font-weight: 850; letter-spacing: .12em; }
.eyes-diagnostic-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); margin: 35px 0; border-top: 1px solid var(--line); }
.eyes-diagnostic-grid p { display: grid; grid-template-columns: 28px 1fr; gap: 8px; margin: 0; border-bottom: 1px solid var(--line); padding: 13px 10px 13px 0; font-size: 15px; line-height: 1.35; }
.eyes-diagnostic-grid span { color: var(--coral-deep); font-size: 9px; font-weight: 850; }

/* FLACIDEZ · capas, función y contorno */
.firmness-hero { position: relative; display: grid; grid-template-columns: minmax(560px,1.02fr) minmax(500px,.98fr); min-height: 900px; overflow: hidden; background: #173f47; color: #fff; }
.firmness-hero-copy { align-self: center; padding: 80px clamp(36px,6vw,100px) 110px; }
.firmness-hero h1 { margin: 24px 0 34px; font: 500 clamp(74px,7vw,108px)/.89 var(--serif); letter-spacing: -.052em; }
.firmness-hero figure { position: relative; min-height: 900px; overflow: hidden; }
.firmness-hero figure::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg,rgba(23,63,71,.5),transparent 35%),linear-gradient(0deg,rgba(3,47,56,.4),transparent 50%); }
.firmness-hero figure img { height: 100%; object-fit: cover; object-position: 55% center; filter: saturate(.65); }
.firmness-hero figcaption { position: absolute; z-index: 2; right: 25px; bottom: 26px; color: #fff; font-size: 10px; font-weight: 850; letter-spacing: .13em; }
.firmness-vector { position: absolute; z-index: 3; right: 30px; bottom: 78px; left: 54%; display: grid; grid-template-columns: auto 1fr auto 1fr auto; gap: 13px; align-items: center; color: #fff; font-size: 10px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.firmness-vector i { height: 1px; background: var(--coral); }
.firmness-layers { display: grid; grid-template-columns: minmax(470px,.88fr) minmax(560px,1.12fr); gap: clamp(65px,8vw,128px); align-items: center; padding-block: var(--cf-pad); }
.firmness-layers h3, .firmness-not-machine h3, .firmness-scope h3, .firmness-evolution h3, .firmness-dls h3 { margin-bottom: 30px; color: var(--petrol); font: 500 36px/1.1 var(--serif); }
.firmness-layer-model { position: relative; display: grid; gap: 8px; padding-bottom: 80px; }
.firmness-layer-model div { display: grid; grid-template-columns: 40px 1fr; gap: 15px; align-items: center; min-height: 82px; margin-inline: calc(var(--depth) * 18px); border: 1px solid color-mix(in srgb,var(--petrol) calc(20% + var(--depth) * 8%),transparent); padding: 16px 22px; background: color-mix(in srgb,var(--rose) calc(18% + var(--depth) * 9%),var(--paper)); }
.firmness-layer-model span { color: var(--coral-deep); font-size: 10px; font-weight: 850; }
.firmness-layer-model strong { color: var(--petrol); font: 500 27px/1.08 var(--serif); }
.firmness-layer-model > b { position: absolute; right: 0; bottom: 0; left: 0; padding: 20px; background: var(--petrol); color: #fff; font: 500 25px/1.1 var(--serif); text-align: center; }
.firmness-not-machine { padding-block: var(--cf-pad); background: var(--rose); }
.firmness-function-map { display: grid; grid-template-columns: minmax(520px,1fr) minmax(440px,.84fr); gap: clamp(65px,8vw,125px); align-items: center; }
.firmness-machine-mark { display: grid; grid-template-columns: 1fr auto 1fr; gap: 20px; align-items: center; min-height: 410px; border-top: 1px solid var(--coral-deep); border-bottom: 1px solid var(--coral-deep); }
.firmness-machine-mark span { color: var(--petrol); font: 500 clamp(36px,3.8vw,56px)/.98 var(--serif); }
.firmness-machine-mark strong { color: var(--coral-deep); font: 500 72px/1 var(--serif); }
.firmness-possibilities { padding-block: var(--cf-pad); }
.firmness-possibility-intro { max-width: 750px; margin: -18px 0 48px 88px; }
.firmness-toolbox { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.firmness-toolbox span { display: grid; min-height: 175px; align-content: space-between; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 22px; color: var(--petrol); font: 500 24px/1.08 var(--serif); }
.firmness-toolbox span:nth-child(6), .firmness-toolbox span:nth-child(7) { grid-column: span 2; }
.firmness-toolbox b { color: var(--coral-deep); font: 850 10px/1 var(--sans); }
.firmness-possibility-close { max-width: 760px; margin: 42px 0 0 auto; }
.firmness-scope { padding-block: var(--cf-pad); background: var(--petrol-deep); color: #fff; }
.firmness-scope-grid { display: grid; grid-template-columns: minmax(460px,.9fr) minmax(540px,1.1fr); gap: clamp(65px,8vw,128px); align-items: center; }
.firmness-scope .cf-head h2, .firmness-scope h3, .firmness-scope .cf-prose p, .firmness-scope li { color: #fff; }
.firmness-scope .cf-head > span, .firmness-scope-list span { color: var(--coral); }
.firmness-scope-scale { display: grid; grid-template-columns: auto 1fr auto; gap: 18px; align-items: center; }
.firmness-scope-scale > span { max-width: 12ch; color: #fff; font: 500 clamp(32px,3.4vw,49px)/1 var(--serif); }
.firmness-scope-scale > i { height: 1px; background: var(--coral); }
.firmness-scope-list { grid-column: 1/-1; width: 100%; }
.firmness-scope-list li { border-color: rgba(255,255,255,.28); }
.firmness-evolution { padding-block: var(--cf-pad); }
.firmness-evolution-grid { display: grid; grid-template-columns: minmax(540px,1.08fr) minmax(430px,.92fr); gap: clamp(65px,8vw,128px); align-items: center; }
.firmness-evolution-wave { display: grid; grid-template-columns: auto 1fr auto 1fr auto 1fr auto; gap: 12px; align-items: center; min-height: 430px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.firmness-evolution-wave span { color: var(--petrol); font: 500 clamp(23px,2.4vw,34px)/1 var(--serif); }
.firmness-evolution-wave i { height: 1px; background: var(--coral-deep); }
.firmness-dls { padding-block: var(--cf-pad); background: var(--rose); }
.firmness-dls-grid { display: grid; grid-template-columns: minmax(560px,1.08fr) minmax(430px,.92fr); gap: clamp(65px,8vw,128px); align-items: center; }
.firmness-dls figure { position: relative; min-height: 610px; overflow: hidden; }
.firmness-dls img { height: 100%; object-fit: cover; }
.firmness-dls figcaption { position: absolute; right: 18px; bottom: 18px; left: 18px; padding: 13px; background: rgba(3,47,56,.88); color: #fff; font-size: 10px; font-weight: 850; letter-spacing: .12em; text-align: center; }
.firmness-global { display: grid; grid-template-columns: minmax(520px,1fr) minmax(450px,.86fr); gap: clamp(65px,8vw,128px); align-items: center; padding-block: var(--cf-pad); }
.firmness-global-mark { display: grid; grid-template-columns: auto 1fr auto 1fr auto 1fr auto; gap: 12px; align-items: center; min-height: 340px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.firmness-global-mark span { color: var(--petrol); font: 500 clamp(23px,2.6vw,37px)/1 var(--serif); }
.firmness-global-mark i { height: 1px; background: var(--coral-deep); }

/* NEUROMODULADORES · movimiento, precisión y tiempo */
.neuro-hero { display: grid; grid-template-columns: minmax(590px,1.02fr) minmax(500px,.98fr); min-height: 940px; background: var(--petrol-deep); color: #fff; }
.neuro-hero-copy { align-self: center; padding: 80px clamp(30px,3.8vw,68px) 110px clamp(36px,6vw,100px); }
.neuro-hero h1 { margin: 24px 0 34px; font: 500 clamp(60px,5.3vw,82px)/.9 var(--serif); letter-spacing: -.052em; }
.neuro-hero-motion { position: relative; min-height: 940px; overflow: hidden; }
.neuro-hero-motion figure, .neuro-hero-motion img { height: 100%; }
.neuro-hero-motion img { object-fit: cover; object-position: center; filter: saturate(.62) contrast(1.04); }
.neuro-hero-motion::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg,rgba(3,47,56,.52),transparent 35%),linear-gradient(0deg,rgba(3,47,56,.82),transparent 55%); }
.neuro-hero-motion > div { position: absolute; z-index: 2; right: 24px; bottom: 130px; left: 24px; display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid rgba(255,255,255,.5); border-bottom: 1px solid rgba(255,255,255,.5); }
.neuro-hero-motion > div span { padding: 15px 8px; color: #fff; font-size: 11px; font-weight: 850; text-align: center; }
.neuro-hero-motion > strong { position: absolute; z-index: 2; right: 30px; bottom: 28px; color: #fff; font: 500 29px/1.08 var(--serif); text-align: right; }
.neuro-mechanism { padding-block: var(--cf-pad); }
.neuro-mechanism-grid { display: grid; grid-template-columns: minmax(360px,.65fr) minmax(0,1.35fr); gap: clamp(48px,5vw,72px); align-items: center; }
.neuro-motion-model { display: grid; grid-template-columns: auto 1fr auto 1fr auto 1fr auto; gap: 10px; align-items: center; min-height: 480px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.neuro-motion-model > span { max-width: none; color: var(--petrol); font: 500 clamp(22px,2vw,30px)/1 var(--serif); }
.neuro-motion-model > i { height: 1px; background: var(--coral-deep); }
.neuro-motion-model > strong { grid-column: 1/-1; padding: 18px; background: var(--petrol); color: #fff; font: 500 26px/1.1 var(--serif); text-align: center; }
.neuro-expect { padding-block: var(--cf-pad); background: var(--rose); }
.neuro-expect-grid { display: grid; grid-template-columns: minmax(520px,1.05fr) minmax(450px,.95fr); gap: clamp(64px,8vw,128px); align-items: center; }
.neuro-intensity { position: relative; display: grid; grid-template-columns: auto 1fr auto; gap: 20px; align-items: center; min-height: 430px; border-top: 1px solid var(--coral-deep); border-bottom: 1px solid var(--coral-deep); }
.neuro-intensity > span { max-width: none; color: var(--petrol); font: 500 clamp(32px,3.2vw,48px)/1 var(--serif); }
.neuro-intensity > i { height: 1px; background: var(--coral-deep); }
.neuro-intensity > b { position: absolute; right: 0; bottom: 20px; color: #667173; font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }
.neuro-decisions { padding-block: var(--cf-pad); }
.neuro-decisions-intro { max-width: 760px; margin: -18px 0 55px 88px; }
.neuro-decision-wheel { position: relative; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); column-gap: 10px; row-gap: 240px; min-height: 660px; }
.neuro-decision-wheel > span { display: grid; min-height: 210px; align-content: space-between; border: 1px solid var(--line); padding: 22px; color: var(--petrol); font: 500 23px/1.1 var(--serif); }
.neuro-decision-wheel > span:nth-child(2), .neuro-decision-wheel > span:nth-child(3), .neuro-decision-wheel > span:nth-child(6), .neuro-decision-wheel > span:nth-child(7) { padding-inline: 78px; }
.neuro-decision-wheel b { color: var(--coral-deep); font: 850 10px/1 var(--sans); }
.neuro-decision-wheel > strong { position: absolute; z-index: 2; top: 50%; left: 50%; display: grid; place-items: center; width: 220px; aspect-ratio: 1; transform: translate(-50%,-50%); border-radius: 50%; background: var(--petrol); color: #fff; font: 500 26px/1.05 var(--serif); text-align: center; }
.neuro-decisions-close { max-width: 760px; margin: 42px 0 0 auto; }
.neuro-procedure { padding-block: var(--cf-pad); background: var(--petrol-deep); color: #fff; }
.neuro-procedure .cf-head h2, .neuro-procedure .cf-prose p, .neuro-procedure li { color: #fff; }
.neuro-procedure .cf-head > span, .neuro-procedure-list span { color: var(--coral); }
.neuro-procedure-layout { display: grid; grid-template-columns: minmax(520px,1fr) minmax(450px,.84fr); gap: clamp(65px,8vw,125px); }
.neuro-procedure-shot { min-height: 300px; margin: 38px 0; border: 1px solid rgba(255,255,255,.35); padding: 34px; background: linear-gradient(135deg,#2c5960,#123b43); }
.neuro-procedure-shot span { color: var(--coral); font-size: 10px; font-weight: 850; letter-spacing: .13em; }
.neuro-procedure-shot strong { display: block; max-width: 14ch; margin: 60px 0 16px; color: #fff; font: 500 35px/1.05 var(--serif); }
.neuro-procedure-shot p { color: #dce6e3; font-size: 14px; }
.neuro-procedure-list { margin: 0; padding: 0; border-top: 1px solid rgba(255,255,255,.32); list-style: none; }
.neuro-procedure-list li { display: grid; grid-template-columns: 34px 1fr; gap: 12px; min-height: 94px; align-items: center; border-bottom: 1px solid rgba(255,255,255,.28); font: 500 25px/1.1 var(--serif); }
.neuro-procedure-list span { font: 850 10px/1 var(--sans); }
.neuro-dls { display: grid; grid-template-columns: minmax(430px,.75fr) minmax(610px,1.25fr); gap: clamp(65px,8vw,128px); align-items: center; padding: var(--cf-pad) max(32px,calc((100vw - 1280px)/2)); }
.neuro-dls figure img { aspect-ratio: 4/5; object-fit: cover; object-position: center top; }
.neuro-dls figcaption { margin-top: 10px; color: #687476; font-size: 10px; font-weight: 850; letter-spacing: .12em; }
.neuro-small-decisions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); margin: 35px 0; border-top: 1px solid var(--line); }
.neuro-small-decisions span { display: grid; grid-template-columns: 28px 1fr; gap: 8px; border-bottom: 1px solid var(--line); padding: 13px 10px 13px 0; font-size: 15px; font-weight: 700; }
.neuro-small-decisions b { color: var(--coral-deep); font-size: 9px; }
.neuro-time { padding-block: var(--cf-pad); background: var(--rose); }
.neuro-time-track { display: grid; grid-template-columns: 1fr 50px 1fr 50px 1fr 50px 1fr; align-items: center; margin: 50px 0; }
.neuro-time-track article { display: grid; min-height: 270px; align-content: center; border: 1px solid var(--coral-deep); padding: 24px; text-align: center; }
.neuro-time-track strong { color: var(--petrol); font: 500 clamp(48px,5vw,72px)/.9 var(--serif); }
.neuro-time-track span { color: var(--coral-deep); font-size: 11px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.neuro-time-track p { margin: 22px 0 0; color: var(--petrol); font-size: 14px; font-weight: 750; line-height: 1.35; }
.neuro-time-track > i { height: 1px; background: var(--coral-deep); }
.neuro-time-copy { max-width: 900px; margin-left: auto; }
.neuro-prevention { padding-block: var(--cf-pad); background: var(--petrol-deep); color: #fff; }
.neuro-prevention-grid { display: grid; grid-template-columns: minmax(540px,1.08fr) minmax(430px,.92fr); gap: clamp(65px,8vw,128px); align-items: center; }
.neuro-prevention .cf-head h2, .neuro-prevention .cf-prose p { color: #fff; }.neuro-prevention .cf-head > span { color: var(--coral); }
.neuro-line-evolution { display: grid; grid-template-columns: auto 1fr auto 1fr auto; gap: 12px; align-items: center; min-height: 430px; border-top: 1px solid rgba(255,255,255,.35); border-bottom: 1px solid rgba(255,255,255,.35); }
.neuro-line-evolution span { max-width: none; color: #fff; font: 500 clamp(23px,2vw,28px)/1 var(--serif); }
.neuro-line-evolution i { height: 1px; background: var(--coral); }
.neuro-line-evolution strong { grid-column: 1/-1; color: var(--coral); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; }
.neuro-rest { padding-block: var(--cf-pad); }
.neuro-rest-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
.neuro-rest-grid > div { border-top: 1px solid var(--coral-deep); padding: 30px; background: #fff; }
.neuro-rest-grid > div:last-child { background: var(--rose); }
.neuro-state { display: block; margin-bottom: 34px; color: var(--coral-deep); font-size: 10px; font-weight: 850; letter-spacing: .14em; }
.neuro-applications { padding-block: var(--cf-pad); background: var(--rose); }
.neuro-applications-intro { max-width: 760px; margin: -18px 0 45px 88px; }
.neuro-application-pair { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
.neuro-application-pair article { min-height: 430px; border-top: 1px solid var(--coral-deep); padding: 28px; background: #fff; }
.neuro-application-pair article > span { color: var(--coral-deep); font-size: 10px; font-weight: 850; }
.neuro-application-pair h3 { margin: 70px 0 24px; color: var(--petrol); font: 500 42px/1 var(--serif); }
.neuro-application-copy p { font-size: 17px; }
.neuro-results { padding-block: var(--cf-pad); }
.neuro-results-intro { max-width: 760px; margin-left: 88px; }
.neuro-results-list { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin: 50px 0; padding: 0; border-top: 1px solid var(--line); border-left: 1px solid var(--line); list-style: none; }
.neuro-results-list li { min-height: 120px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 20px; color: var(--petrol); font: 500 23px/1.08 var(--serif); }
.neuro-results > .cf-proof { margin-top: 55px; margin-inline: calc(50% - 50vw); }

/* LABIOS · anatomía, cantidad, distribución y evolución */
.lips-hero { position: relative; min-height: 940px; overflow: hidden; background: var(--petrol-deep); color: #fff; }
.lips-hero > figure, .lips-hero > figure img { position: absolute; inset: 0; height: 100%; }
.lips-hero > figure img { object-fit: cover; object-position: center 64%; filter: saturate(.62) contrast(1.05); transform: scale(1.18); }
.lips-hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg,rgba(3,47,56,.97) 0%,rgba(3,47,56,.82) 48%,rgba(3,47,56,.16) 78%),linear-gradient(0deg,rgba(3,47,56,.65),transparent 45%); }
.lips-hero figcaption { position: absolute; z-index: 2; right: 28px; bottom: 28px; font-size: 10px; font-weight: 850; letter-spacing: .13em; }
.lips-hero-copy { position: relative; z-index: 3; width: min(calc(100% - 64px),1280px); margin-inline: auto; padding: 105px 0 120px; }
.lips-hero-copy > * { max-width: 700px; }
.lips-hero h1 { margin: 24px 0 34px; font: 500 clamp(74px,7vw,108px)/.9 var(--serif); letter-spacing: -.052em; }
.lips-hero-contour { position: absolute; z-index: 3; right: max(32px,calc((100vw - 1280px)/2)); bottom: 78px; display: grid; grid-template-columns: repeat(2,1fr); gap: 8px; width: 320px; }
.lips-hero-contour span { border: 1px solid rgba(255,255,255,.62); padding: 11px; color: #fff; font-size: 10px; font-weight: 850; text-align: center; }
.lips-anatomy { padding-block: var(--cf-pad); }
.lips-anatomy-grid { display: grid; grid-template-columns: minmax(470px,.86fr) minmax(590px,1.14fr); gap: clamp(65px,8vw,128px); align-items: center; }
.lips-anatomy h3, .lips-millimeters h3, .lips-scope h3, .lips-vial-copy h3, .lips-product h3, .lips-proportion h3, .lips-previous h3, .lips-procedure h3, .lips-duration h3, .lips-dls h3 { margin-bottom: 30px; color: var(--petrol); font: 500 36px/1.1 var(--serif); }
.lips-function-board { position: relative; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; min-height: 570px; }
.lips-function-board > span { display: grid; min-height: 175px; align-content: space-between; border: 1px solid var(--line); padding: 22px; color: var(--petrol); font: 500 23px/1.08 var(--serif); }
.lips-function-board > span { order: 1; }
.lips-function-board > span:nth-child(n+5) { order: 3; }
.lips-function-board > span:nth-child(7) { grid-column: 1/-1; }
.lips-function-board b { color: var(--coral-deep); font: 850 10px/1 var(--sans); }
.lips-function-board > strong { position: relative; z-index: 2; right: auto; bottom: auto; left: auto; order: 2; grid-column: 1/-1; display: grid; min-height: 145px; place-items: center; background: var(--petrol); color: #fff; font: 500 25px/1.08 var(--serif); text-align: center; }
.lips-millimeters { padding-block: var(--cf-pad); background: var(--rose); }
.lips-millimeters-grid { display: grid; grid-template-columns: minmax(560px,1.1fr) minmax(430px,.9fr); gap: clamp(65px,8vw,128px); align-items: center; }
.lips-points { position: relative; display: grid; grid-template-columns: auto 1fr auto 1fr auto 1fr auto; gap: 10px; align-items: center; min-height: 470px; border-top: 1px solid var(--coral-deep); border-bottom: 1px solid var(--coral-deep); }
.lips-points span { color: var(--petrol); font: 500 clamp(22px,2.2vw,32px)/1 var(--serif); }
.lips-points i { height: 1px; background: var(--coral-deep); }
.lips-points strong { grid-column: 1/-1; color: var(--coral-deep); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; }
.lips-scope { padding-block: var(--cf-pad); }
.lips-scope-stage { display: grid; grid-template-columns: minmax(450px,.9fr) minmax(560px,1.1fr); gap: clamp(65px,8vw,128px); align-items: center; }
.lips-scope-axis { display: grid; grid-template-columns: auto 1fr auto; gap: 18px; align-items: center; }
.lips-scope-axis > span { max-width: 7ch; color: var(--petrol); font: 500 clamp(34px,3.5vw,52px)/1 var(--serif); }
.lips-scope-axis > i { height: 1px; background: var(--coral-deep); }
.lips-scope-list { grid-column: 1/-1; }
.lips-vial { padding-block: var(--cf-pad); background: var(--petrol-deep); color: #fff; }
.lips-vial .cf-head h2, .lips-vial-copy h3, .lips-vial .cf-prose p { color: #fff; }.lips-vial .cf-head > span { color: var(--coral); }
.lips-vial-equation { display: grid; grid-template-columns: 1.2fr auto 1fr auto 1.4fr; gap: 24px; align-items: center; min-height: 380px; border-top: 1px solid rgba(255,255,255,.35); border-bottom: 1px solid rgba(255,255,255,.35); }
.lips-vial-equation > div { display: flex; gap: 14px; align-items: baseline; }
.lips-vial-equation > div strong { color: var(--coral); font: 500 clamp(100px,11vw,160px)/.72 var(--serif); }
.lips-vial-equation > span, .lips-vial-equation > div span { color: #fff; font: 500 clamp(30px,3.3vw,48px)/1 var(--serif); }
.lips-vial-equation > b { color: var(--coral); font: 500 64px/1 var(--serif); }
.lips-vial-copy { display: grid; grid-template-columns: minmax(340px,.7fr) minmax(520px,1.3fr); gap: 70px; margin-top: 52px; }
.lips-product { display: grid; grid-template-columns: minmax(470px,.86fr) minmax(590px,1.14fr); gap: clamp(65px,8vw,128px); align-items: center; padding-block: var(--cf-pad); }
.lips-behaviour { display: grid; gap: 18px; }
.lips-behaviour > div { display: grid; grid-template-columns: auto 1fr auto; gap: 18px; align-items: center; min-height: 140px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.lips-behaviour span { color: var(--petrol); font: 500 30px/1 var(--serif); }
.lips-behaviour i { height: 1px; background: var(--coral-deep); }
.lips-behaviour > strong { padding: 32px; background: var(--rose); color: var(--petrol); font: 500 32px/1.08 var(--serif); text-align: center; }
.lips-proportion { padding-block: var(--cf-pad); background: var(--rose); }
.lips-balance-grid { display: grid; grid-template-columns: minmax(520px,1fr) minmax(450px,.88fr); gap: clamp(65px,8vw,128px); align-items: center; }
.lips-balance { display: grid; grid-template-columns: 1fr auto 1fr; gap: 20px; align-items: center; min-height: 450px; border-top: 1px solid var(--coral-deep); border-bottom: 1px solid var(--coral-deep); }
.lips-balance span { color: var(--petrol); font: 500 clamp(36px,3.6vw,54px)/1 var(--serif); }
.lips-balance i { width: 1px; height: 120px; background: var(--coral-deep); }
.lips-balance strong { grid-column: 1/-1; color: var(--coral-deep); font-size: 11px; letter-spacing: .12em; text-align: center; text-transform: uppercase; }
.lips-proportion-list, .lips-procedure-list, .lips-duration-list { margin: 30px 0 0; padding: 0; border-top: 1px solid var(--line); list-style: none; }
.lips-proportion-list li, .lips-procedure-list li, .lips-duration-list li { display: grid; grid-template-columns: 32px 1fr; gap: 10px; border-bottom: 1px solid var(--line); padding: 12px 0; font-size: 15px; line-height: 1.4; }
.lips-proportion-list span, .lips-procedure-list span, .lips-duration-list span { color: var(--coral-deep); font-size: 9px; font-weight: 850; }
.lips-hydration { padding-block: var(--cf-pad); }
.lips-hydration-grid { display: grid; grid-template-columns: minmax(540px,1.06fr) minmax(440px,.94fr); gap: clamp(65px,8vw,128px); align-items: center; }
.lips-not-equal { display: grid; grid-template-columns: 1fr auto 1fr; gap: 20px; align-items: center; min-height: 390px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.lips-not-equal span { color: var(--petrol); font: 500 clamp(36px,3.8vw,55px)/1 var(--serif); }
.lips-not-equal b { color: var(--coral-deep); font: 500 66px/1 var(--serif); }
.lips-previous { padding-block: var(--cf-pad); background: var(--petrol-deep); color: #fff; }
.lips-previous .cf-head h2, .lips-previous h3, .lips-previous .cf-prose p { color: #fff; }.lips-previous .cf-head > span { color: var(--coral); }
.lips-previous-grid { display: grid; grid-template-columns: minmax(460px,.9fr) minmax(550px,1.1fr); gap: clamp(65px,8vw,128px); }
.lips-previous-path { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); border-top: 1px solid rgba(255,255,255,.3); }
.lips-previous-path > span { display: grid; grid-template-columns: 28px 1fr; gap: 8px; border-right: 1px solid rgba(255,255,255,.25); border-bottom: 1px solid rgba(255,255,255,.25); padding: 16px; color: #fff; font-size: 15px; line-height: 1.35; }
.lips-previous-path > span b { color: var(--coral); font-size: 9px; }
.lips-previous-path > div { grid-column: 1/-1; display: grid; grid-template-columns: repeat(3,1fr); margin-top: 35px; }
.lips-previous-path > div span { border: 1px solid var(--coral); padding: 24px 15px; color: #fff; font: 500 22px/1.08 var(--serif); text-align: center; }
.lips-procedure { padding-block: var(--cf-pad); }
.lips-procedure-grid { display: grid; grid-template-columns: minmax(460px,.86fr) minmax(590px,1.14fr); gap: clamp(65px,8vw,128px); }
.lips-procedure figure { position: relative; min-height: 470px; overflow: hidden; }
.lips-procedure img { height: 100%; object-fit: cover; }
.lips-procedure figcaption { position: absolute; right: 18px; bottom: 18px; left: 18px; padding: 12px; background: rgba(3,47,56,.88); color: #fff; font-size: 10px; font-weight: 850; letter-spacing: .12em; text-align: center; }
.lips-after { padding-block: var(--cf-pad); background: var(--rose); }
.lips-after h3 { max-width: 780px; margin: -18px 0 48px 88px; color: var(--petrol); font: 500 37px/1.1 var(--serif); }
.lips-after-track { display: grid; grid-template-columns: 1fr 60px 1fr 60px 1fr; align-items: center; }
.lips-after-track article { display: grid; min-height: 260px; align-content: center; border: 1px solid var(--coral-deep); padding: 25px; }
.lips-after-track article span { color: var(--coral-deep); font-size: 10px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.lips-after-track article strong { margin-top: 28px; color: var(--petrol); font: 500 26px/1.12 var(--serif); }
.lips-after-track > i { height: 1px; background: var(--coral-deep); }
.lips-after-copy { max-width: 820px; margin: 45px 0 0 auto; }
.lips-duration { display: grid; grid-template-columns: minmax(520px,1fr) minmax(470px,.9fr); gap: clamp(65px,8vw,128px); align-items: center; padding-block: var(--cf-pad); }
.lips-duration-datum { display: grid; min-height: 570px; place-content: center; border: 1px solid var(--coral-deep); border-radius: 50%; text-align: center; }
.lips-duration-datum strong { color: var(--petrol); font: 500 clamp(98px,11vw,158px)/.8 var(--serif); letter-spacing: -.06em; }
.lips-duration-datum span { margin-top: 25px; color: var(--coral-deep); font-size: 11px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.lips-dls { display: grid; grid-template-columns: minmax(430px,.72fr) minmax(630px,1.28fr); gap: clamp(65px,8vw,128px); align-items: center; padding: var(--cf-pad) max(32px,calc((100vw - 1280px)/2)); background: #234b53; color: #fff; }
.lips-dls figure img { aspect-ratio: 4/5; object-fit: cover; object-position: center top; }
.lips-dls figcaption { margin-top: 10px; color: #dbe5e3; font-size: 10px; font-weight: 850; letter-spacing: .12em; }
.lips-dls .cf-head h2, .lips-dls h3, .lips-dls .cf-prose p { color: #fff; }.lips-dls .cf-head > span { color: var(--coral); }
.lips-dls-decisions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); margin: 34px 0; border-top: 1px solid rgba(255,255,255,.28); }
.lips-dls-decisions span { display: grid; grid-template-columns: 28px 1fr; gap: 8px; border-bottom: 1px solid rgba(255,255,255,.25); padding: 12px 10px 12px 0; color: #fff; font-size: 14px; line-height: 1.35; }
.lips-dls-decisions b { color: var(--coral); font-size: 9px; }
.lips-risks { padding-block: var(--cf-pad); }
.lips-risk-mark { display: grid; grid-template-columns: auto 1fr auto 1fr auto; gap: 18px; align-items: center; min-height: 250px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.lips-risk-mark span { color: var(--petrol); font: 500 clamp(27px,3vw,42px)/1 var(--serif); }
.lips-risk-mark i { height: 1px; background: var(--coral-deep); }
.lips-risk-copy { max-width: 850px; margin: 48px 0 0 auto; }
.lips-results { padding-block: var(--cf-pad); background: var(--rose); }
.lips-results-lead { max-width: 760px; margin: -18px 0 42px 88px; color: var(--petrol); font: 500 36px/1.1 var(--serif); }
.lips-results > .cf-proof { margin-inline: calc(50% - 50vw); }

@media (max-width: 1120px) {
  .cf-header { grid-template-columns: 170px 1fr auto; }
  .cf-main-nav { display: none; }
  .cf-header-cta { justify-self: end; }
  .cf-page-menu nav { right: 0; }
  .rejuv-levels, .quality-dls, .eyes-dls, .firmness-layers, .lips-anatomy-grid, .lips-product, .lips-duration { grid-template-columns: .9fr 1.1fr; gap: 50px; }
  .rejuv-tool-field article:nth-child(2), .rejuv-tool-field article:nth-child(3), .neuro-decision-wheel > span:nth-child(2), .neuro-decision-wheel > span:nth-child(3), .neuro-decision-wheel > span:nth-child(6), .neuro-decision-wheel > span:nth-child(7) { padding-inline: 28px; }
  .neuro-mechanism-grid { grid-template-columns: 1fr; }
}

@media (max-width: 840px) {
  .cf-page { --cf-pad: 92px; }
  .cf-shell { width: calc(100% - 40px); }
  .cf-header { grid-template-columns: 150px 1fr; min-height: 92px; padding: 9px 20px; }
  .cf-brand { width: 150px; }
  .cf-header-cta { display: none; }
  .cf-page-menu { justify-self: end; }
  .cf-page-menu nav { position: fixed; top: 92px; right: 18px; left: 18px; grid-template-columns: 1fr; width: auto; max-height: calc(100vh - 112px); overflow-y: auto; }
  .cf-footer { grid-template-columns: 1fr; gap: 18px; padding-inline: 20px; }
  .cf-footer nav { justify-content: flex-start; }
  .cf-head { grid-template-columns: 42px 1fr; gap: 10px; margin-bottom: 42px; }
  .cf-head h2 { font-size: clamp(40px,9vw,58px); }
  .cf-prose ul, .cf-faq-grid { grid-template-columns: 1fr; }
  .cf-contents summary, .cf-contents nav { width: calc(100% - 40px); }
  .cf-contents nav { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .cf-proof { padding-inline: 20px; }
  .cf-proof-inner { min-height: 430px; }
  .cf-faq-answer { padding-left: 0; }

  .rejuv-hero, .eyes-hero, .firmness-hero, .neuro-hero { grid-template-columns: 1fr; min-height: 0; }
  .rejuv-hero figure, .eyes-hero-image, .firmness-hero figure, .neuro-hero-motion { grid-column: auto; min-height: 590px; }
  .rejuv-hero figure::after { inset: 0; background: linear-gradient(0deg,rgba(3,47,56,.82),transparent 65%); }
  .rejuv-hero-copy { position: relative; top: auto; left: auto; order: -1; width: auto; transform: none; padding: 82px 20px 80px; }
  .rejuv-hero h1, .quality-hero h1, .firmness-hero h1, .neuro-hero h1, .lips-hero h1 { font-size: clamp(56px,13vw,80px); }
  .rejuv-hero-question { right: 20px; bottom: 34px; width: 190px; }
  .rejuv-hero-question span { font-size: 21px; }
  .rejuv-levels, .rejuv-scope-stage, .rejuv-order-grid, .rejuv-evolution-grid, .rejuv-dls,
  .quality-meaning-intro, .quality-question, .quality-time-grid, .quality-dls, .quality-pigment > .cf-shell,
  .eyes-darkness-grid, .eyes-dls, .firmness-layers, .firmness-function-map, .firmness-scope-grid, .firmness-evolution-grid, .firmness-dls-grid, .firmness-global,
  .neuro-mechanism-grid, .neuro-expect-grid, .neuro-procedure-layout, .neuro-dls, .neuro-prevention-grid,
  .lips-anatomy-grid, .lips-millimeters-grid, .lips-scope-stage, .lips-product, .lips-balance-grid, .lips-hydration-grid, .lips-previous-grid, .lips-procedure-grid, .lips-duration, .lips-dls { grid-template-columns: 1fr; }
  .rejuv-levels-copy h3, .rejuv-scope h3, .rejuv-order h3, .rejuv-evolution h3, .rejuv-dls h3,
  .quality-methods-lead, .eyes-components-lead, .eyes-options-title, .neuro-decisions-intro, .neuro-applications-intro, .neuro-results-intro, .lips-after h3, .lips-results-lead, .firmness-possibility-intro { margin-left: 0; }
  .rejuv-scope-axis, .firmness-machine-mark, .quality-pigment-mark, .lips-not-equal { min-height: 340px; }
  .rejuv-tool-field { grid-template-columns: 1fr; }
  .rejuv-tool-field article { min-height: 210px; padding: 26px !important; }
  .rejuv-tool-core { position: relative; top: auto; left: auto; grid-row: 3; width: 100%; aspect-ratio: auto; min-height: 130px; transform: none; border-radius: 0; }
  .rejuv-order-map { min-height: 340px; }
  .rejuv-dls, .eyes-dls, .neuro-dls, .lips-dls { padding-inline: 20px; }
  .rejuv-dls figure, .eyes-dls figure, .neuro-dls figure, .lips-dls figure { max-width: 520px; }

  .quality-hero { min-height: 980px; }
  .quality-hero::after { background: linear-gradient(0deg,rgba(3,47,56,.98) 0%,rgba(3,47,56,.75) 65%,rgba(3,47,56,.1)); }
  .quality-hero-card { top: auto; right: 20px; bottom: 86px; left: 20px; width: auto; transform: none; }
  .quality-hero-scale { right: 20px; bottom: 24px; left: 20px; }
  .quality-constellation { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .quality-cases { grid-template-columns: 1fr; }
  .quality-cases article:nth-child(4), .quality-cases article:nth-child(5) { grid-column: auto; }
  .quality-intensity { padding-left: 0; }
  .quality-intensity-axis { position: relative; display: grid; grid-template-columns: auto 1fr auto; gap: 14px; align-items: center; width: 100%; min-height: auto; margin-bottom: 40px; border: 0; padding: 0; }
  .quality-intensity-axis i { width: auto; height: 1px; margin: 0; }
  .quality-intensity article { padding-left: 0 !important; }
  .quality-cycle { min-height: 520px; }
  .quality-dls-photo { min-height: 480px; }

  .eyes-hero-image { order: 2; }
  .eyes-hero-copy { order: 1; max-width: none; padding: 82px 20px 70px; }
  .eyes-hero h1 { font-size: 92px; }
  .eyes-hero-question { bottom: 24px; left: 20px; grid-template-columns: auto 30px auto 30px auto; }
  .eyes-origin-map { grid-template-columns: 1fr; padding-bottom: 0; }
  .eyes-origin-map article { min-height: 0; }
  .eyes-origin-center { position: relative; right: auto; bottom: auto; left: auto; min-height: 155px; border-radius: 0; }
  .eyes-option-paths { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .eyes-option-paths article:nth-child(5) { grid-column: 1/-1; }
  .eyes-result-stage { grid-template-columns: 1fr; }
  .eyes-result-stage figure { min-height: 520px; }

  .firmness-hero-copy { padding: 82px 20px 70px; }
  .firmness-hero figure { min-height: 650px; }
  .firmness-vector { right: 20px; bottom: 24px; left: 20px; }
  .firmness-toolbox { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .firmness-toolbox span:nth-child(6), .firmness-toolbox span:nth-child(7) { grid-column: auto; }
  .firmness-evolution-wave { min-height: 340px; }
  .firmness-dls figure { min-height: 480px; }

  .neuro-hero-copy { padding: 82px 20px 74px; }
  .neuro-hero-motion { min-height: 680px; }
  .neuro-motion-model, .firmness-evolution-wave, .firmness-global-mark, .lips-points { grid-template-columns: 1fr; gap: 0; padding-block: 24px; }
  .neuro-motion-model > span, .firmness-evolution-wave span, .firmness-global-mark span, .lips-points span { max-width: none; padding: 16px 0; }
  .neuro-motion-model > i, .firmness-evolution-wave i, .firmness-global-mark i, .lips-points i { width: 44px; }
  .neuro-decision-wheel { grid-template-columns: repeat(2,minmax(0,1fr)); row-gap: 10px; }
  .neuro-decision-wheel > span { min-height: 180px; padding: 22px !important; }
  .neuro-decision-wheel > strong { position: relative; top: auto; left: auto; grid-column: 1/-1; width: 100%; aspect-ratio: auto; min-height: 130px; transform: none; border-radius: 0; }
  .neuro-time-track { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
  .neuro-time-track > i { display: none; }
  .neuro-line-evolution { grid-template-columns: 1fr; gap: 0; padding-block: 24px; }
  .neuro-line-evolution span { max-width: none; padding: 18px 0; }
  .neuro-line-evolution i { width: 50px; }
  .neuro-rest-grid, .neuro-application-pair { grid-template-columns: 1fr; }
  .neuro-results-list { grid-template-columns: repeat(2,minmax(0,1fr)); }

  .lips-hero { min-height: 980px; }
  .lips-hero::after { background: linear-gradient(0deg,rgba(3,47,56,.98) 0%,rgba(3,47,56,.76) 70%,rgba(3,47,56,.12)); }
  .lips-hero-copy { padding: 80px 20px 160px; }
  .lips-hero-contour { right: 20px; bottom: 26px; left: 20px; width: auto; }
  .lips-function-board { min-height: 0; }
  .lips-function-board > strong { position: relative; right: auto; bottom: auto; left: auto; grid-column: 1/-1; }
  .lips-vial-equation { grid-template-columns: 1fr; gap: 12px; padding-block: 40px; text-align: center; }
  .lips-vial-equation > div { justify-content: center; }
  .lips-vial-equation > b { font-size: 42px; }
  .lips-vial-copy { grid-template-columns: 1fr; gap: 12px; }
  .lips-balance { min-height: 350px; }
  .lips-previous-path > div { grid-template-columns: 1fr; }
  .lips-after-track { grid-template-columns: 1fr; gap: 0; }
  .lips-after-track > i { width: 1px; height: 28px; margin-left: 30px; }
  .lips-duration-datum { min-height: 500px; max-width: 580px; }
}

@media (max-width: 480px) {
  .cf-shell { width: calc(100% - 32px); }
  .cf-header { padding-inline: 14px; }
  .cf-brand { width: 142px; }
  .cf-page-menu nav { right: 12px; left: 12px; }
  .cf-contents summary, .cf-contents nav { width: calc(100% - 32px); }
  .cf-contents nav { grid-template-columns: 1fr; }
  .cf-head { grid-template-columns: 1fr; gap: 8px; }
  .cf-head > span { padding-top: 0; }
  .cf-head h2 { font-size: 32px; line-height: 1.02; }
  .rejuv-dls > *, .neuro-dls > *,
  .rejuv-dls .cf-head, .neuro-dls .cf-head,
  .rejuv-dls .cf-prose, .neuro-dls .cf-prose,
  .neuro-small-decisions { min-width: 0; width: 100%; max-width: 100%; }
  .rejuv-dls .cf-head h2 { max-width: 100%; font-size: 30px; line-height: 1.02; }
  .neuro-dls .cf-head h2 { max-width: 100%; font-size: 24px; line-height: 1.02; }
  .cf-proof { padding-inline: 16px; }
  .cf-proof-inner { min-height: 400px; padding: 28px 22px; }
  .cf-proof-inner strong { font-size: 36px; }
  .cf-close h2 { font-size: 50px; }
  .rejuv-hero h1, .quality-hero h1, .firmness-hero h1, .neuro-hero h1, .lips-hero h1 { font-size: 52px; }
  .neuro-hero h1 { font-size: 43px; }
  .rejuv-hero-question { width: 160px; }
  .rejuv-layer-stack div, .firmness-layer-model div { margin-left: 0; margin-right: 0; }
  .rejuv-scope-axis, .firmness-machine-mark, .quality-pigment-mark, .lips-not-equal, .lips-balance, .neuro-intensity { grid-template-columns: 1fr; gap: 16px; min-height: 0; padding-block: 36px; }
  .rejuv-scope-axis span, .firmness-machine-mark span, .quality-pigment-mark span, .lips-not-equal span, .lips-balance span, .neuro-intensity > span { max-width: none; }
  .rejuv-scope-axis i, .quality-pigment-mark b, .lips-not-equal b, .firmness-machine-mark strong, .neuro-intensity > i { width: 50px; }
  .rejuv-order-map { grid-template-columns: 1fr; gap: 0; padding-block: 30px; }
  .rejuv-order-map span { padding: 16px 0; }
  .rejuv-order-map i { width: 50px; }
  .quality-constellation, .eyes-option-paths, .firmness-toolbox, .neuro-decision-wheel, .neuro-time-track, .neuro-results-list, .lips-function-board { grid-template-columns: 1fr; }
  .quality-question { gap: 28px; }
  .quality-cycle { min-height: 430px; }
  .quality-cycle span { max-width: 110px; font-size: 11px; }
  .quality-cycle strong { inset: 34%; font-size: 19px; }
  .eyes-hero h1 { font-size: 76px; }
  .eyes-hero-question { grid-template-columns: 1fr; gap: 5px; }
  .eyes-hero-question i { width: 32px; }
  .eyes-darkness-visual { min-height: 470px; }
  .eyes-result-stage p { font-size: 22px; }
  .eyes-diagnostic-grid, .neuro-small-decisions, .lips-dls-decisions { grid-template-columns: 1fr; }
  .firmness-toolbox span { min-height: 135px; }
  .firmness-scope-scale { grid-template-columns: 1fr; }
  .firmness-scope-scale > span { max-width: none; }.firmness-scope-scale > i { width: 50px; }
  .neuro-hero-motion > div { grid-template-columns: 1fr; }
  .neuro-motion-model { min-height: 0; }
  .neuro-time-track article { min-height: 230px; }
  .lips-points { min-height: 0; }
  .lips-balance i { width: 50px; height: 1px; }
  .lips-duration-datum { min-height: 360px; }
  .lips-duration-datum strong { font-size: 94px; }
  .lips-risk-mark { grid-template-columns: 1fr; gap: 0; padding-block: 30px; }
  .lips-risk-mark span { padding: 14px 0; }.lips-risk-mark i { width: 50px; }
}