:root{--bg:#fbf7f1;--ink:#232323;--muted:#666;--line:#e4ddd3;--blue:#e8f2f8;--pink:#f7e7ec;--gold:#fff1bd;--lav:#e4daf5;--accent:#9a6a78;--dark:#1f1f1f}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.7}
a{color:#516b7a;text-decoration:none}a:hover{text-decoration:underline}.container{width:min(1120px,92%);margin:0 auto}.section{padding:56px 0}
.site-header{border-bottom:1px solid var(--line);background:rgba(251,247,241,.96);position:sticky;top:0;z-index:5;backdrop-filter:blur(12px)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 0}.logo{font-weight:950;color:var(--ink);letter-spacing:-.05em;font-size:1.2rem}.logo span{color:var(--accent)}
.nav-links{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.nav-links a{font-weight:800;font-size:.9rem;color:var(--ink)}
.btn,.button{display:inline-block;border-radius:999px;background:var(--ink);color:white!important;padding:12px 18px;font-weight:900;text-decoration:none!important}.secondary{background:white;color:var(--ink)!important;border:1px solid var(--line)}
.hero{padding:72px 0;background:radial-gradient(circle at 20% 20%,var(--blue),transparent 30%),radial-gradient(circle at 80% 10%,var(--pink),transparent 28%),radial-gradient(circle at 65% 80%,var(--gold),transparent 30%)}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:36px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);font-weight:950;font-size:.78rem}
h1{font-size:clamp(2.3rem,5vw,4.8rem);line-height:1.02;letter-spacing:-.06em;margin:10px 0 16px}h2{font-size:clamp(1.65rem,3vw,2.65rem);line-height:1.1;letter-spacing:-.04em;margin:38px 0 14px}h3{font-size:1.25rem;margin:24px 0 8px}
.lead{font-size:1.18rem;color:#444;max-width:720px}.small{font-size:.92rem;color:var(--muted)}
.card{background:white;border:1px solid var(--line);border-radius:24px;padding:26px;box-shadow:0 18px 50px rgba(35,35,35,.06)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.two-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.article-wrap{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:32px;align-items:start}.article-main{background:white;border:1px solid var(--line);border-radius:24px;padding:34px;box-shadow:0 18px 50px rgba(35,35,35,.06)}
.article-meta{color:var(--muted);font-size:.92rem;font-weight:700}.page-img{width:100%;height:auto;display:block;border-radius:22px;border:1px solid var(--line);margin:24px 0;background:#fff}
.answer-box{background:var(--blue);border-left:5px solid #516b7a;padding:18px 20px;border-radius:14px;font-weight:800}.notice{background:#fff8e6;border:1px solid #eadcaf;border-radius:16px;padding:16px;margin:20px 0}
.short-answer{background:#f8f3ec;border:1px solid var(--line);border-radius:14px;padding:12px 14px;font-weight:900}.cta-band{background:linear-gradient(135deg,var(--blue),var(--pink));border:1px solid var(--line);border-radius:24px;padding:28px;margin:34px 0}
table{width:100%;border-collapse:collapse;margin:20px 0;background:white}th,td{border:1px solid var(--line);padding:12px;text-align:left;vertical-align:top}th{background:#f6efe5}
details{border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin:10px 0;background:#fff}summary{font-weight:950;cursor:pointer}
.toc{background:white;border:1px solid var(--line);border-radius:20px;padding:18px;position:sticky;top:86px}.toc ul{padding-left:18px}
.site-footer{background:var(--dark);color:#eee;padding:42px 0}.site-footer a{color:#f6e7ef}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:28px}
.badge{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:6px 10px;background:white;font-size:.82rem;font-weight:850;color:#555}
@media(max-width:900px){.hero-grid,.article-wrap,.two-grid,.grid,.footer-grid{grid-template-columns:1fr}.nav-links{display:none}.toc{position:static}}

.phase-badge{display:inline-block;background:#e8f2f8;border:1px solid #d3e5ee;color:#516b7a;border-radius:999px;padding:6px 10px;font-weight:900;font-size:.82rem}
.article-main ul li{margin:8px 0}

.depth-note{background:#f8f3ec;border:1px solid #e4ddd3;border-radius:18px;padding:18px;margin:22px 0}
.depth-note strong{color:#232323}
.comparison-checklist{background:#fff;border:1px solid #e4ddd3;border-radius:18px;padding:18px;margin:22px 0}
.comparison-checklist li{margin:8px 0}

.lang-switcher{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:14px 0}
.lang-switcher a{display:inline-block;border:1px solid #e4ddd3;border-radius:999px;background:#fff;padding:6px 10px;font-weight:850;font-size:.82rem;color:#232323;text-decoration:none}
.lang-switcher a.active,.lang-switcher .active{background:#232323;color:#fff}
html[dir="rtl"] body{text-align:right}
html[dir="rtl"] .nav,html[dir="rtl"] .footer-grid,html[dir="rtl"] .hero-grid,html[dir="rtl"] .article-wrap,html[dir="rtl"] .two-grid{direction:rtl}
html[dir="rtl"] .answer-box{border-left:0;border-right:5px solid #516b7a}
.translation-note{background:#fff8e6;border:1px solid #eadcaf;border-radius:16px;padding:14px 16px;margin:18px 0}
#google_translate_element{display:none}.goog-te-banner-frame.skiptranslate{display:none!important}body{top:0!important}

.phase4-badge{display:inline-block;background:#f7e7ec;border:1px solid #ead2dc;color:#9a6a78;border-radius:999px;padding:6px 10px;font-weight:900;font-size:.82rem}
.phase4-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:22px 0}
.phase4-card{display:block;background:#fff;border:1px solid #e4ddd3;border-radius:18px;padding:16px;text-decoration:none;color:#232323;font-weight:850}
.phase4-card span{display:block;color:#516b7a;font-weight:500;margin-top:7px}
.phase4-note{background:#f8f3ec;border:1px solid #e4ddd3;border-radius:18px;padding:18px;margin:22px 0}
.lang-switcher{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:14px 0}.lang-switcher a{display:inline-block;border:1px solid #e4ddd3;border-radius:999px;background:#fff;padding:6px 10px;font-weight:850;font-size:.82rem;color:#232323;text-decoration:none}.lang-switcher a.active{background:#232323;color:#fff}
html[dir="rtl"] body{text-align:right}html[dir="rtl"] .nav,html[dir="rtl"] .article-wrap,html[dir="rtl"] .hero-grid{direction:rtl}
.translation-note{background:#fff8e6;border:1px solid #eadcaf;border-radius:16px;padding:14px 16px;margin:18px 0}
#google_translate_element{display:none}.goog-te-banner-frame.skiptranslate{display:none!important}body{top:0!important}

.static-translated-page{background:#fff;border:1px solid #e4ddd3;border-radius:18px;padding:18px;margin:22px 0}

.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:18px auto 8px;max-width:1120px;padding:0 20px;font-size:.92rem;color:#516b7a}
.breadcrumbs a{color:#516b7a;text-decoration:none;font-weight:800}
.breadcrumbs a:hover{text-decoration:underline}
.breadcrumbs span{color:#7c6f66}
.breadcrumbs span[aria-current="page"]{color:#232323;font-weight:850}
html[dir="rtl"] .breadcrumbs{direction:rtl}

/* Static language + breadcrumb UI fix */
.clean-language-switcher{
  max-width:1120px;
  margin:18px auto 10px;
  padding:0 20px;
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  line-height:1.2;
}
.clean-language-switcher .language-label{
  font-weight:900;
  color:#232323;
  margin-right:2px;
}
.clean-language-switcher .language-pill-row{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  align-items:center;
}
.clean-language-switcher .language-pill{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  padding:8px 12px!important;
  border:1px solid #e4ddd3!important;
  border-radius:999px!important;
  background:#ffffff!important;
  color:#516b7a!important;
  text-decoration:none!important;
  font-weight:850!important;
  font-size:.92rem!important;
  white-space:nowrap!important;
  line-height:1!important;
}
.clean-language-switcher .language-pill:hover{
  background:#f8f3ec!important;
  color:#232323!important;
}
.clean-language-switcher .language-pill.active{
  background:#232323!important;
  border-color:#232323!important;
  color:#ffffff!important;
}
.clean-breadcrumbs{
  max-width:1120px;
  margin:10px auto 18px;
  padding:0 20px;
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:8px!important;
  font-size:.94rem!important;
  line-height:1.35!important;
  color:#7c6f66!important;
}
.clean-breadcrumbs a{
  color:#516b7a!important;
  text-decoration:none!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
.clean-breadcrumbs a:hover{text-decoration:underline!important}
.clean-breadcrumbs .crumb-sep{
  color:#b5a89f!important;
  font-weight:900!important;
}
.clean-breadcrumbs span[aria-current="page"]{
  color:#232323!important;
  font-weight:900!important;
}
html[dir="rtl"] .clean-language-switcher,
html[dir="rtl"] .clean-breadcrumbs{
  direction:rtl;
}
.goog-te-banner-frame,.goog-te-menu-frame,.goog-te-gadget,.goog-te-balloon-frame,#goog-gt-tt,#google_translate_element{
  display:none!important;
  visibility:hidden!important;
  height:0!important;
}
body{top:0!important}

.phase5-answer-box{background:#fff;border:1px solid #e4ddd3;border-radius:20px;padding:20px;margin:22px 0;box-shadow:0 12px 30px rgba(35,35,35,.06)}
.phase5-answer-box strong{color:#232323}
.phase5-decision-section{margin:28px 0;padding:22px;border:1px solid #e4ddd3;border-radius:22px;background:#fff}
.phase5-decision-section h2{margin-top:0}
.phase5-decision-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px!important;margin:16px 0!important}
.phase5-decision-card{display:block!important;padding:16px!important;border:1px solid #e4ddd3!important;border-radius:16px!important;background:#fbf7f1!important;text-decoration:none!important;color:#232323!important;font-weight:900!important;line-height:1.35!important}
.phase5-decision-card span{display:block!important;margin-top:7px!important;color:#516b7a!important;font-weight:500!important;font-size:.94rem!important}
.phase5-badge{display:inline-block;background:#e8f2f8;border:1px solid #cfe1ea;color:#516b7a;border-radius:999px;padding:6px 10px;font-weight:900;font-size:.82rem}
.phase5-kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin:22px 0}
.phase5-kpi{background:#fff;border:1px solid #e4ddd3;border-radius:18px;padding:16px}
.phase5-kpi strong{display:block;font-size:1.45rem}

/* Phase 5 decision hub format hotfix */
.decision-hub-intro{
  background:#f8f3ec;
  border:1px solid #e4ddd3;
  border-radius:20px;
  padding:20px;
  margin:22px 0;
}
.decision-category{
  margin:30px 0;
  padding:22px;
  border:1px solid #e4ddd3;
  border-radius:24px;
  background:#ffffff;
}
.decision-category-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
  margin-bottom:16px;
  padding-bottom:14px;
  border-bottom:1px solid #eee5dc;
}
.decision-category-header h2{
  margin:0!important;
  font-size:1.45rem!important;
  line-height:1.2!important;
}
.decision-category-header .count-pill{
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  padding:7px 11px;
  background:#e8f2f8;
  border:1px solid #cfe1ea;
  color:#516b7a;
  font-weight:900;
  white-space:nowrap;
}
.decision-link-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;
  gap:14px!important;
  margin:0!important;
  padding:0!important;
}
.decision-link-card{
  display:block!important;
  min-height:118px!important;
  padding:17px 18px!important;
  border:1px solid #e4ddd3!important;
  border-radius:18px!important;
  background:#fbf7f1!important;
  text-decoration:none!important;
  color:#232323!important;
  line-height:1.35!important;
  box-shadow:0 8px 20px rgba(35,35,35,.04)!important;
}
.decision-link-card strong{
  display:block!important;
  color:#232323!important;
  font-weight:950!important;
  margin-bottom:8px!important;
  font-size:1rem!important;
}
.decision-link-card span{
  display:block!important;
  color:#516b7a!important;
  font-weight:500!important;
  font-size:.94rem!important;
}
.decision-link-card:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 24px rgba(35,35,35,.08)!important;
}
html[dir="rtl"] .decision-category-header,
html[dir="rtl"] .decision-link-grid{
  direction:rtl;
}

/* Phase 6 technical/indexation layer */
.phase6-badge{display:inline-block;background:#e8f2f8;border:1px solid #cfe1ea;color:#516b7a;border-radius:999px;padding:6px 10px;font-weight:900;font-size:.82rem}
.phase6-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;gap:14px!important;margin:20px 0!important}
.phase6-card{display:block!important;background:#fff!important;border:1px solid #e4ddd3!important;border-radius:18px!important;padding:16px!important;text-decoration:none!important;color:#232323!important;box-shadow:0 8px 20px rgba(35,35,35,.04)!important}
.phase6-card strong{display:block!important;margin-bottom:7px!important;color:#232323!important;font-weight:950!important}
.phase6-card span{display:block!important;color:#516b7a!important;font-weight:500!important;font-size:.94rem!important;line-height:1.45!important}
.phase6-panel{background:#f8f3ec;border:1px solid #e4ddd3;border-radius:20px;padding:20px;margin:22px 0}
.phase6-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin:22px 0}
.phase6-kpi{background:#fff;border:1px solid #e4ddd3;border-radius:18px;padding:16px}
.phase6-kpi strong{display:block;font-size:1.45rem}

/* Header language toggle under logo fix */
.header-brand-stack{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:8px!important;
}
.header-brand-stack .logo{
  margin:0!important;
}
.header-language-toggle{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  line-height:1.15!important;
  margin:0!important;
  padding:0!important;
  max-width:620px!important;
}
.header-language-toggle span{
  font-weight:900!important;
  color:#7c6f66!important;
  font-size:.82rem!important;
  margin:0!important;
}
.header-lang-pills{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  flex-wrap:wrap!important;
}
.header-lang-pill{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:5px 8px!important;
  border:1px solid #e4ddd3!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#516b7a!important;
  text-decoration:none!important;
  font-weight:850!important;
  font-size:.78rem!important;
  white-space:nowrap!important;
  line-height:1!important;
}
.header-lang-pill:hover{
  background:#f8f3ec!important;
  color:#232323!important;
}
.header-lang-pill.active{
  background:#232323!important;
  border-color:#232323!important;
  color:#fff!important;
}
.site-header .nav{
  align-items:center!important;
  gap:20px!important;
}
.site-header .nav-links{
  margin-left:auto!important;
}
.clean-language-switcher,
.language-switcher.clean-language-switcher,
.sc-lang{
  display:none!important;
}
html[dir="rtl"] .header-brand-stack,
html[dir="rtl"] .header-language-toggle,
html[dir="rtl"] .header-lang-pills{
  direction:rtl!important;
  align-items:flex-start!important;
}
@media(max-width:860px){
  .site-header .nav{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
  .site-header .nav-links{
    margin-left:0!important;
  }
  .header-language-toggle{
    max-width:100%!important;
  }
}

/* Header breadcrumb under logo fix */
.header-brand-stack{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:7px!important;
  min-width:260px!important;
}
.header-breadcrumb-toggle{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  margin:0!important;
  padding:0!important;
  max-width:720px!important;
  font-size:.82rem!important;
  line-height:1.25!important;
  color:#7c6f66!important;
}
.header-breadcrumb-toggle a{
  color:#516b7a!important;
  text-decoration:none!important;
  font-weight:850!important;
  white-space:nowrap!important;
}
.header-breadcrumb-toggle a:hover{
  text-decoration:underline!important;
}
.header-breadcrumb-toggle .header-crumb-sep{
  color:#b5a89f!important;
  font-weight:900!important;
}
.header-breadcrumb-toggle span[aria-current="page"]{
  color:#232323!important;
  font-weight:900!important;
}
.clean-breadcrumbs,
.breadcrumbs.clean-breadcrumbs,
.sc-breadcrumb{
  display:none!important;
}
.site-header .nav{
  align-items:center!important;
  gap:20px!important;
}
.site-header .nav-links{
  margin-left:auto!important;
}
html[dir="rtl"] .header-brand-stack,
html[dir="rtl"] .header-breadcrumb-toggle{
  direction:rtl!important;
  align-items:flex-start!important;
}
@media(max-width:860px){
  .header-breadcrumb-toggle{
    max-width:100%!important;
  }
}


/* SerumComparison Cleanup A image insertion */
.cleanup-a-image-figure{margin:24px 0 32px;text-align:center}
.cleanup-a-page-image{
  display:block;
  width:100%;
  max-width:700px;
  height:auto;
  margin:0 auto;
  border-radius:18px;
  box-shadow:0 10px 28px rgba(0,0,0,.10);
}
.cleanup-a-image-figure figcaption{
  font-size:.92rem;
  line-height:1.5;
  color:#5f685f;
  margin-top:10px;
}

/* SerumComparison Cleanup B thin content */
.cleanup-b-depth-section{background:#fff;border:1px solid #e4ddd3;border-radius:22px;padding:24px;margin:34px 0}.cleanup-b-depth-section table{width:100%;border-collapse:collapse;margin:20px 0}.cleanup-b-depth-section th,.cleanup-b-depth-section td{border:1px solid #e4ddd3;padding:12px;text-align:left;vertical-align:top}.cleanup-b-depth-section th{background:#f8f3ec}.cleanup-b-cta{margin-top:20px}

.cleanup-b-certified-depth{background:#fff;border:1px solid #e4ddd3;border-radius:22px;padding:24px;margin:34px 0}.cleanup-b-certified-depth table{width:100%;border-collapse:collapse;margin:20px 0}.cleanup-b-certified-depth th,.cleanup-b-certified-depth td{border:1px solid #e4ddd3;padding:12px;text-align:left;vertical-align:top}.cleanup-b-certified-depth th{background:#f8f3ec}

/* SerumComparison Phase 6 AI Answer Snippets */
.phase6-panel{background:#fff;border:1px solid #e4ddd3;border-radius:22px;padding:24px;margin:28px 0}
.phase6-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;margin:24px 0}
.phase6-card{background:#fff;border:1px solid #e4ddd3;border-radius:18px;padding:18px}
.phase6-card h3{margin-top:0}
.phase6-table{width:100%;border-collapse:collapse;margin:22px 0}
.phase6-table th,.phase6-table td{border:1px solid #e4ddd3;padding:12px;text-align:left;vertical-align:top}
.phase6-table th{background:#f8f3ec}
.phase6-snippet{background:#eef7f7;border:1px solid #c9e5e5;border-radius:16px;padding:16px;margin:14px 0}
.phase6-answer-rule{background:#f8f3ec;border:1px solid #e4ddd3;border-radius:16px;padding:16px;margin:14px 0}