@font-face{font-family:Manrope;src:url('/fonts/manrope-latin-variable.woff2') format('woff2');font-style:normal;font-weight:500 800;font-display:swap}
@font-face{font-family:'DM Sans';src:url('/fonts/dm-sans-latin-variable.woff2') format('woff2');font-style:normal;font-weight:400 850;font-display:swap}

:root{
  --marketing-navy:#020b21;
  --marketing-navy-soft:#071a43;
  --marketing-blue:#075cff;
  --marketing-line:rgba(132,166,226,.28);
  --marketing-glow-x:50%;
  --marketing-glow-y:50%;
}

/* Enveloppe publique commune : même verre, mêmes proportions et même rythme que l'accueil. */
.guide-header,.score-header{
  z-index:30;
  width:min(1180px,calc(100% - 40px));
  min-height:70px;
  padding:11px 14px 11px 17px;
  display:flex;
  align-items:center;
  gap:20px;
  border:1px solid rgba(255,255,255,.20);
  border-radius:22px;
  color:#fff;
  background:linear-gradient(135deg,rgba(5,12,30,.82),rgba(11,30,73,.66));
  box-shadow:0 20px 60px rgba(0,5,25,.25),inset 0 1px 0 rgba(255,255,255,.08);
  -webkit-backdrop-filter:blur(22px) saturate(130%);
  backdrop-filter:blur(22px) saturate(130%);
}
.score-header{position:relative;margin:20px auto 0;justify-content:flex-start}
.guide-header{margin-top:20px}
.guide-brand,.score-brand{
  display:inline-flex;
  align-items:center;
  gap:12px;
  color:#fff;
  font:760 1.22rem/1 Manrope,sans-serif;
  letter-spacing:-.04em;
  text-decoration:none;
  white-space:nowrap;
}
.guide-brand img,.score-brand img{
  width:44px;
  height:44px;
  padding:7px;
  border:1px solid rgba(255,255,255,.42);
  border-radius:14px;
  background:rgba(255,255,255,.96);
  object-fit:contain;
  box-shadow:0 10px 30px rgba(0,8,38,.30);
}
.guide-primary-nav,.score-primary-nav{margin-left:auto}
.guide-header nav,.score-header nav{display:flex;align-items:center;gap:5px}
.guide-header nav a,.score-header nav a{
  min-height:42px;
  padding:0 13px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid transparent;
  border-radius:12px;
  color:#b8c8e6;
  background:transparent;
  font-size:.8rem;
  font-weight:780;
  text-decoration:none;
  white-space:nowrap;
  transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease;
}
.guide-header nav a:hover,.score-header nav a:hover,
.guide-header nav a[aria-current='page'],.score-header nav a[aria-current='page']{
  color:#fff;
  border-color:rgba(158,190,248,.22);
  background:rgba(255,255,255,.09);
}
.guide-account-nav,.score-account-nav{padding-left:8px;border-left:1px solid rgba(255,255,255,.13)}
.guide-nav-cta,.score-nav-cta{color:#0754e5!important;background:#fff!important;border-color:#fff!important;box-shadow:0 10px 28px rgba(0,15,63,.22)}
.guide-nav-cta:hover,.score-nav-cta:hover{color:#0754e5!important;transform:translateY(-1px)}

/* BorderGlow + Spotlight léger, lisible aussi sans pointeur. */
.marketing-glow-card,
.score-index-card,.guides-cluster-links a,.guide-related a,.pricing-card,
.score-index-faq,.pricing-faq details,.guide-product,.guide-pillar-link,.guide-cluster-nav,
.related-score-grid a,.limits-grid article,.score-sources a{
  --spot-x:50%;
  --spot-y:50%;
  position:relative;
  isolation:isolate;
}
.marketing-glow-card::after,
.score-index-card::after,.guides-cluster-links a::after,.guide-related a::after,.pricing-card::after,
.score-index-faq::after,.pricing-faq details::after,.guide-product::after,.guide-pillar-link::after,.guide-cluster-nav::after,
.related-score-grid a::after,.limits-grid article::after,.score-sources a::after{
  content:'';
  position:absolute;
  inset:-1px;
  z-index:-1;
  border-radius:inherit;
  padding:1px;
  background:conic-gradient(from 160deg at var(--spot-x) var(--spot-y),transparent 0 16%,rgba(87,153,255,.18) 27%,rgba(142,205,255,.76) 36%,rgba(38,103,255,.58) 45%,transparent 57% 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  opacity:.5;
  pointer-events:none;
  transition:opacity .24s ease;
}
.marketing-glow-card::before,
.score-index-card::before,.guides-cluster-links a::before,.guide-related a::before,.pricing-card::before,
.score-index-faq::before,.pricing-faq details::before,.guide-product::before,.guide-pillar-link::before,.guide-cluster-nav::before,
.related-score-grid a::before,.limits-grid article::before,.score-sources a::before{
  content:'';
  position:absolute;
  inset:0;
  z-index:-1;
  border-radius:inherit;
  background:radial-gradient(420px circle at var(--spot-x) var(--spot-y),rgba(55,132,255,.14),transparent 67%);
  opacity:0;
  pointer-events:none;
  transition:opacity .28s ease;
}
.marketing-glow-card:hover::before,.marketing-glow-card:focus-within::before,
.score-index-card:hover::before,.guides-cluster-links a:hover::before,.guide-related a:hover::before,.pricing-card:hover::before,
.score-index-faq:hover::before,.pricing-faq details:hover::before,.guide-product:hover::before,.guide-pillar-link:hover::before,.guide-cluster-nav:hover::before,
.related-score-grid a:hover::before,.limits-grid article:hover::before,.score-sources a:hover::before{opacity:1}
.marketing-glow-card:hover::after,.marketing-glow-card:focus-within::after,
.score-index-card:hover::after,.guides-cluster-links a:hover::after,.guide-related a:hover::after,.pricing-card:hover::after,
.score-index-faq:hover::after,.pricing-faq details:hover::after,.guide-product:hover::after,.guide-pillar-link:hover::after,.guide-cluster-nav:hover::after,
.related-score-grid a:hover::after,.limits-grid article:hover::after,.score-sources a:hover::after{opacity:1}

.score-index-card,.guides-cluster-links a,.pricing-card,.pricing-faq details,.score-index-faq{
  border-color:#cfdcf0!important;
  box-shadow:0 18px 50px rgba(18,51,104,.08),inset 0 1px 0 rgba(255,255,255,.82);
}
.score-index-card:hover,.guides-cluster-links a:hover,.pricing-card:hover{
  border-color:#83abfb!important;
  box-shadow:0 24px 60px rgba(16,64,145,.14),0 0 30px rgba(41,112,255,.08);
}

.marketing-cta-glow,.guide-action-primary,.guide-action-secondary,.pricing-cta,.score-cta>a,.guide-principles-actions a{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border:1px solid rgba(120,170,255,.46)!important;
  box-shadow:0 14px 38px rgba(4,34,101,.20),0 0 0 1px rgba(255,255,255,.08) inset;
  transition:transform .18s ease,box-shadow .18s ease;
}
.marketing-cta-glow::after,.guide-action-primary::after,.guide-action-secondary::after,.pricing-cta::after,.score-cta>a::after,.guide-principles-actions a::after{
  content:'';
  position:absolute;
  width:140px;
  height:140px;
  left:var(--spot-x,50%);
  top:var(--spot-y,50%);
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(circle,rgba(108,178,255,.34),transparent 70%);
  opacity:0;
  pointer-events:none;
  transition:opacity .22s ease;
}
.marketing-cta-glow:hover,.guide-action-primary:hover,.guide-action-secondary:hover,.pricing-cta:hover,.score-cta>a:hover,.guide-principles-actions a:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(4,49,139,.28),0 0 24px rgba(56,126,255,.18)}
.marketing-cta-glow:hover::after,.guide-action-primary:hover::after,.guide-action-secondary:hover::after,.pricing-cta:hover::after,.score-cta>a:hover::after,.guide-principles-actions a:hover::after{opacity:1}

/* Pied de page commun, directement inspiré de la dernière section de l'accueil. */
.guide-footer,.score-footer{
  width:100%;
  margin:0;
  padding:0 max(20px,calc((100% - 1180px)/2));
  color:rgba(218,228,248,.68);
  background:radial-gradient(circle at 50% 0,rgba(17,67,165,.22),transparent 43%),#020817;
  border-top:1px solid rgba(130,164,225,.13);
  font-size:.78rem;
}
.guide-footer-inner,.score-footer-inner{
  width:100%;
  min-height:112px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:24px;
}
.guide-footer-brand,.score-footer-brand{color:#fff;font-weight:850;text-decoration:none;letter-spacing:-.02em}
.guide-footer nav,.score-footer nav{display:flex;justify-content:center;flex-wrap:wrap;gap:9px 18px}
.guide-footer nav a,.score-footer nav a{color:inherit;text-decoration:none;transition:color .16s ease}
.guide-footer nav a:hover,.score-footer nav a:hover{color:#fff}
.marketing-footer-meta{display:flex;align-items:center;justify-content:flex-end;gap:12px;white-space:nowrap}
.marketing-footer-social{width:34px;height:34px;display:inline-grid;place-items:center;border:1px solid rgba(151,181,234,.20);border-radius:11px;color:#aebfdd;text-decoration:none;background:rgba(255,255,255,.04);transition:color .16s ease,border-color .16s ease,transform .16s ease}
.marketing-footer-social:hover{color:#5ca1ff;border-color:#4f8efa;transform:translateY(-1px)}
.marketing-footer-social svg{width:17px;height:17px;fill:currentColor}

@media(max-width:900px){
  .guide-header,.score-header{width:calc(100% - 24px);margin-top:12px;gap:9px;padding:9px 10px 9px 12px}
  .guide-primary-nav,.score-primary-nav{margin-left:auto}
  .guide-primary-nav a:not([aria-current='page']),.score-primary-nav a:not([aria-current='page']){display:none!important}
  .guide-account-nav,.score-account-nav{padding-left:0;border-left:0}
  .guide-footer-inner,.score-footer-inner{padding:28px 0;grid-template-columns:1fr;justify-items:center;text-align:center}
  .marketing-footer-meta{justify-content:center}
}
@media(max-width:620px){
  .guide-header,.score-header{width:calc(100% - 20px);border-radius:18px}
  .guide-brand span,.score-brand span{display:none}
  .guide-brand img,.score-brand img{width:42px;height:42px}
  .guide-primary-nav,.score-primary-nav{display:none!important}
  .guide-account-nav,.score-account-nav{margin-left:auto}
  .guide-account-nav a:first-child,.score-account-nav a:first-child{display:none}
  .guide-header nav a,.score-header nav a{min-height:42px;padding:0 12px}
  .guide-footer nav,.score-footer nav{gap:12px 16px}
  .marketing-footer-meta{flex-wrap:wrap}
}
@media(hover:none){
  .score-index-card::before,.guides-cluster-links a::before,.guide-related a::before,.pricing-card::before{opacity:.34}
}
@media(prefers-reduced-motion:reduce){
  .guide-header nav a,.score-header nav a,.marketing-footer-social,.marketing-cta-glow,.guide-action-primary,.guide-action-secondary,.pricing-cta,.score-cta>a{transition:none}
}

/* Variantes publiques : même topbar, même rythme et mêmes surfaces que l'accueil. */
.seo-unified-header{position:relative;margin:20px auto -92px}
.legal-public-header{width:100%;margin:0}
.method-public-header{margin-bottom:0}

.seo-content article,.seo-related a,.seo-faq details,
.legal-summary article,.legal-toc,.legal-section,.score-article>section{
  --spot-x:50%;
  --spot-y:50%;
  position:relative;
  isolation:isolate;
  border-color:#d3e0f1!important;
  box-shadow:0 18px 52px rgba(14,44,91,.07),inset 0 1px 0 rgba(255,255,255,.86);
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.seo-content article::after,.seo-related a::after,.seo-faq details::after,
.legal-summary article::after,.legal-toc::after,.legal-section::after,.score-article>section::after{
  content:'';
  position:absolute;
  inset:-1px;
  z-index:-1;
  border-radius:inherit;
  padding:1px;
  background:conic-gradient(from 160deg at var(--spot-x) var(--spot-y),transparent 0 16%,rgba(87,153,255,.18) 27%,rgba(142,205,255,.76) 36%,rgba(38,103,255,.58) 45%,transparent 57% 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  opacity:.48;
  pointer-events:none;
  transition:opacity .24s ease;
}
.seo-content article::before,.seo-related a::before,.seo-faq details::before,
.legal-summary article::before,.legal-toc::before,.legal-section::before,.score-article>section::before{
  content:'';
  position:absolute;
  inset:0;
  z-index:-1;
  border-radius:inherit;
  background:radial-gradient(420px circle at var(--spot-x) var(--spot-y),rgba(55,132,255,.13),transparent 67%);
  opacity:0;
  pointer-events:none;
  transition:opacity .28s ease;
}
.seo-content article:hover::before,.seo-related a:hover::before,.seo-faq details:hover::before,
.legal-summary article:hover::before,.legal-toc:hover::before,.legal-section:hover::before,.score-article>section:hover::before{opacity:1}
.seo-content article:hover::after,.seo-related a:hover::after,.seo-faq details:hover::after,
.legal-summary article:hover::after,.legal-toc:hover::after,.legal-section:hover::after,.score-article>section:hover::after{opacity:1}
.seo-content article:hover,.seo-related a:hover,.legal-summary article:hover,.legal-section:hover{
  border-color:#8eb2fb!important;
  box-shadow:0 24px 62px rgba(16,64,145,.12),0 0 28px rgba(41,112,255,.07);
}
.seo-page-hero,.legal-hero,.score-hero{background-color:var(--marketing-navy)}
.seo-content h2,.seo-faq h2,.seo-related h2,.legal-section h2,.score-article h2{text-wrap:balance}
.seo-content p,.seo-faq p,.seo-related span,.legal-section p,.score-article p{text-wrap:pretty}

@media(max-width:900px){
  .seo-unified-header{margin:12px auto -82px}
  .legal-public-header{margin:0}
}

.legal-main-single{display:block;max-width:980px}.legal-main-single .legal-article{width:100%}.legal-main-single .legal-content{gap:16px}
