/* ============================================================
   E-réputation — page outil (mirror visuel du scan)
   ============================================================ */
.rp-hero{position:relative;margin-top:-110px;padding:170px 24px 70px;background:#fdfae7;overflow:hidden;text-align:center}
.rp-hero-mesh{position:absolute;inset:0;z-index:0;overflow:hidden}
.rp-hero-mesh span{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;mix-blend-mode:multiply}
.rp-hero-mesh .b1{width:40vw;height:40vw;top:-12%;left:-6%;background:radial-gradient(circle,#fde047,transparent 70%)}
.rp-hero-mesh .b2{width:38vw;height:38vw;top:-8%;right:-8%;background:radial-gradient(circle,#f6c2f4,transparent 70%)}
.rp-hero-mesh .b3{width:34vw;height:34vw;bottom:-14%;left:30%;background:radial-gradient(circle,#c7caff,transparent 70%)}
.rp-hero-inner{position:relative;z-index:2;max-width:760px;margin:0 auto}
.rp-eyebrow{display:inline-block;font-family:Geist,sans-serif;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(10,10,11,.55);margin:0 0 18px}
.rp-hero h1{font-family:Anton,sans-serif;font-weight:400;text-transform:uppercase;font-size:clamp(40px,7vw,84px);line-height:.96;letter-spacing:-.01em;color:#0a0a0b;margin:0 0 18px}
.rp-hero h1 em{font-style:normal;background:linear-gradient(180deg,transparent 62%,rgba(253,224,71,.7) 62%);color:#0a0a0b;padding:0 .04em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.rp-hero-sub{font-family:Geist,sans-serif;font-size:17px;line-height:1.55;color:rgba(10,10,11,.72);margin:0 auto 30px;max-width:56ch}
.rp-form{display:flex;gap:10px;max-width:560px;margin:0 auto;flex-wrap:wrap}
.rp-input{flex:1;min-width:240px;height:58px;padding:0 20px;border-radius:99px;border:1.5px solid rgba(10,10,11,.18);background:#fff;font-family:Geist,sans-serif;font-size:16px;color:#0a0a0b}
.rp-input:focus{outline:none;border-color:#0a0a0b;box-shadow:0 0 0 4px rgba(253,240,112,.5)}
.rp-btn{height:58px;padding:0 30px;border:0;border-radius:99px;cursor:pointer;background:#0a0a0b;color:#fdfae7;font-family:Geist,sans-serif;font-size:15px;font-weight:700;display:inline-flex;align-items:center;gap:10px;transition:transform .25s,background .25s}
.rp-btn:hover{transform:translateY(-2px);background:#f6c2f4;color:#0a0a0b}
.rp-form-note{margin:14px 0 0;font-family:Geist,sans-serif;font-size:12.5px;color:rgba(10,10,11,.5)}

.rp-loading{text-align:center;padding:60px 24px;background:#0a0a0b;color:#fdfae7}
.rp-loading-dots{display:inline-flex;gap:8px;margin-bottom:18px}
.rp-loading-dots span{width:12px;height:12px;border-radius:50%;background:#fde047;animation:scBounce 1.1s ease-in-out infinite}
.rp-loading-dots span:nth-child(2){background:#f6c2f4;animation-delay:.15s}
.rp-loading-dots span:nth-child(3){background:#c7caff;animation-delay:.3s}
@keyframes scBounce{0%,80%,100%{transform:translateY(0);opacity:.5}40%{transform:translateY(-10px);opacity:1}}
.rp-loading p{font-family:Geist,sans-serif;font-size:15px;color:rgba(253,250,231,.8);margin:0}
.rp-loading small{display:block;margin-top:6px;color:rgba(253,250,231,.45);font-size:12.5px}

.rp-error{max-width:620px;margin:32px auto;padding:24px 28px;border-radius:18px;background:rgba(229,72,77,.1);border:1px solid rgba(229,72,77,.35);text-align:center}
.rp-error-msg{font-family:Geist,sans-serif;font-size:15px;color:#b3261e;margin:0}

.rp-results{background:#0a0a0b;color:#fdfae7;padding:clamp(56px,8vh,90px) 24px}
.rp-results-inner{max-width:1040px;margin:0 auto}
.rp-results-head{text-align:center;margin-bottom:44px}
.rp-results-head .rp-eyebrow{color:#fde047}
.rp-results-head h2{font-family:Anton,sans-serif;font-weight:400;text-transform:uppercase;font-size:clamp(26px,4vw,40px);color:#fdfae7;margin:8px 0 6px}
.rp-results-head h2 span{color:#fde047}
.rp-results-head p{font-family:Geist,sans-serif;font-size:14px;color:rgba(253,250,231,.6);margin:0}

/* Score principal + sous-scores */
.rp-scoreline{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;margin-bottom:44px;padding:28px;border-radius:22px;background:rgba(253,250,231,.04);border:1px solid rgba(253,250,231,.1)}
@media(max-width:680px){.rp-scoreline{grid-template-columns:1fr;text-align:center}}
.rp-gauge-wrap{position:relative;width:150px;height:150px;margin:0 auto}
.rp-gauge-num{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Anton,sans-serif;font-size:44px;line-height:1}
.rp-gauge-num small{font-family:Geist,sans-serif;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:rgba(253,250,231,.5);margin-top:2px}
.rp-parts{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media(max-width:480px){.rp-parts{grid-template-columns:1fr}}
.rp-part{padding:14px 16px;border-radius:13px;background:rgba(253,250,231,.04);border:1px solid rgba(253,250,231,.1);border-left-width:4px}
.rp-part-val{font-family:Anton,sans-serif;font-size:22px;color:#fdfae7}
.rp-part-val span{font-size:13px;color:rgba(253,250,231,.4)}
.rp-part-lbl{font-family:Geist,sans-serif;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#fde047;margin-top:2px}
.rp-part-help{font-family:Geist,sans-serif;font-size:12px;line-height:1.4;color:rgba(253,250,231,.55);margin-top:5px}
.rp-part--pos{border-left-color:#1f9d55}.rp-part--mid{border-left-color:#e8a400}.rp-part--neg{border-left-color:#e5484d}.rp-part--na{border-left-color:rgba(253,250,231,.2)}

.rp-section-lbl{font-family:Geist,sans-serif;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(253,250,231,.5);margin:0 0 16px}

/* Timeline mini bar chart */
.rp-timeline{display:flex;align-items:flex-end;gap:3px;height:80px;padding:14px 16px;border-radius:14px;background:rgba(253,250,231,.04);border:1px solid rgba(253,250,231,.1);margin-bottom:40px;overflow:hidden}
.rp-tl-bar{flex:1;min-width:3px;background:linear-gradient(180deg,#fde047,#fad02c);border-radius:2px 2px 0 0;opacity:.85;transition:height .4s}
.rp-timeline-empty{font-family:Geist,sans-serif;font-size:13px;color:rgba(253,250,231,.45);font-style:italic;padding:20px;text-align:center}

/* Articles / mentions cards */
.rp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:40px}
@media(max-width:680px){.rp-grid{grid-template-columns:1fr}}
.rp-card{display:block;padding:16px 18px;border-radius:14px;background:rgba(253,250,231,.04);border:1px solid rgba(253,250,231,.1);text-decoration:none;transition:border-color .2s,transform .2s}
.rp-card:hover{border-color:rgba(253,240,112,.4);transform:translateY(-2px)}
.rp-card-src{font-family:Geist,sans-serif;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#fde047;margin:0 0 6px;display:flex;justify-content:space-between}
.rp-card-src span{color:rgba(253,250,231,.4);font-weight:400;text-transform:none;letter-spacing:0}
.rp-card-title{font-family:Geist,sans-serif;font-size:14px;line-height:1.45;color:rgba(253,250,231,.9);margin:0}

/* Présence badges */
.rp-badges{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:18px}
.rp-badge{font-family:Geist,sans-serif;font-size:12.5px;font-weight:500;padding:7px 13px;border-radius:99px;border:1px solid rgba(253,250,231,.14);display:inline-flex;align-items:center;gap:7px}
.rp-badge--ok{background:rgba(31,157,85,.14);color:#7fe0a8;border-color:rgba(31,157,85,.3)}
.rp-badge--no{background:rgba(253,250,231,.04);color:rgba(253,250,231,.45)}
.rp-presence-desc{font-family:Geist,sans-serif;font-size:14px;line-height:1.6;color:rgba(253,250,231,.7);margin:0 0 40px;padding:16px 18px;border-radius:12px;background:rgba(253,250,231,.04);border:1px solid rgba(253,250,231,.1)}
.rp-presence-desc b{color:#fde047;font-weight:600}

/* Sources list */
.rp-sources{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:40px}
.rp-source{font-family:Geist,sans-serif;font-size:13px;color:rgba(253,250,231,.8);padding:7px 13px;border-radius:99px;background:rgba(253,250,231,.05);border:1px solid rgba(253,250,231,.1)}
.rp-source b{color:#fde047}

/* Verdict + CTA (reuse scan) */
.rp-verdict{text-align:center;max-width:760px;margin:8px auto 0;padding:40px 28px;border-radius:24px;background:linear-gradient(135deg,#15151a,#0a0a0b);border:1px solid rgba(253,250,231,.12)}
.rp-verdict-lead{font-family:Anton,sans-serif;font-weight:400;text-transform:uppercase;font-size:clamp(22px,3vw,34px);line-height:1.08;color:#fdfae7;margin:0 0 14px}
.rp-verdict-cta{font-family:Geist,sans-serif;font-size:16px;color:rgba(253,250,231,.78);margin:0 0 24px}
.rp-verdict-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* Education (light) */
.rp-edu{background:#fdfae7;padding:clamp(60px,8vh,100px) 24px}
.rp-edu-inner{max-width:980px;margin:0 auto}
.rp-edu h2{font-family:Anton,sans-serif;font-weight:400;text-transform:uppercase;font-size:clamp(26px,4vw,44px);color:#0a0a0b;text-align:center;margin:0 0 8px}
.rp-edu h2 em{font-style:normal;color:#ad73e6}
.rp-edu-sub{text-align:center;font-family:Geist,sans-serif;font-size:16px;color:rgba(10,10,11,.65);margin:0 auto 44px;max-width:60ch}
.rp-edu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:820px){.rp-edu-grid{grid-template-columns:1fr}}
.rp-edu-card{padding:26px;border-radius:18px;background:#fff;border:1px solid rgba(10,10,11,.08)}
.rp-edu-card h3{font-family:Anton,sans-serif;font-weight:400;text-transform:uppercase;font-size:20px;color:#0a0a0b;margin:0 0 8px}
.rp-edu-card p{font-family:Geist,sans-serif;font-size:14.5px;line-height:1.55;color:rgba(10,10,11,.72);margin:0}
.rp-edu-cta{text-align:center;margin-top:48px;padding-top:48px;border-top:1px solid rgba(10,10,11,.08)}
.rp-edu-cta>p{font-family:Anton,sans-serif;font-weight:400;text-transform:uppercase;font-size:clamp(22px,3.5vw,36px);color:#0a0a0b;margin:0 0 24px;line-height:1}
.rp-edu-cta-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:16px}
.rp-edu-cta-note{font-family:Geist,sans-serif;font-size:13px;color:rgba(10,10,11,.5)}

.rp-sources-note{font-family:Geist,sans-serif;font-size:11.5px;color:rgba(253,250,231,.4);text-align:center;margin:8px 0 0;font-style:italic}

/* ---- Analyse (IA / règles) ---- */
.rp-analysis{margin-bottom:40px;padding:22px 24px;border-radius:18px;background:rgba(173,115,230,.1);border:1px solid rgba(173,115,230,.28)}
.rp-ai-tag{font-family:Geist,sans-serif;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#c7a3f0;margin:0 0 8px}
.rp-ai-text{font-family:Geist,sans-serif;font-size:15.5px;line-height:1.6;color:rgba(253,250,231,.92);margin:0}
.rp-ins-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.rp-ins{display:flex;gap:11px;align-items:flex-start;font-family:Geist,sans-serif;font-size:14.5px;line-height:1.45;color:rgba(253,250,231,.85)}
.rp-ins span{flex:none;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;margin-top:1px}
.rp-ins--ok span{background:rgba(31,157,85,.2);color:#7fe0a8}
.rp-ins--mid span{background:rgba(232,164,0,.2);color:#f3c969}
.rp-ins--bad span{background:rgba(229,72,77,.2);color:#f2a0a3}

/* ---- SERP preview ---- */
.rp-serp{display:flex;flex-direction:column;gap:10px;margin-bottom:40px}
.rp-serp-item{display:flex;gap:14px;padding:16px 18px;border-radius:14px;background:rgba(253,250,231,.04);border:1px solid rgba(253,250,231,.1);text-decoration:none;transition:border-color .2s,transform .2s}
.rp-serp-item:hover{border-color:rgba(253,240,112,.4);transform:translateY(-2px)}
.rp-serp-item--neg{border-color:rgba(229,72,77,.35);background:rgba(229,72,77,.06)}
.rp-serp-rank{flex:none;width:28px;height:28px;border-radius:8px;background:rgba(253,250,231,.08);display:flex;align-items:center;justify-content:center;font-family:Anton,sans-serif;font-size:15px;color:#fde047}
.rp-serp-body{flex:1;min-width:0}
.rp-serp-top{display:flex;align-items:center;gap:10px;justify-content:space-between;margin-bottom:4px}
.rp-serp-domain{font-family:Geist,sans-serif;font-size:12px;color:rgba(253,250,231,.55);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rp-serp-kind{flex:none;font-family:Geist,sans-serif;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:3px 9px;border-radius:99px}
.rp-serp-kind--owned{background:rgba(31,157,85,.18);color:#7fe0a8}
.rp-serp-kind--social{background:rgba(199,202,255,.16);color:#c7caff}
.rp-serp-kind--review{background:rgba(232,164,0,.16);color:#f3c969}
.rp-serp-kind--third{background:rgba(253,250,231,.06);color:rgba(253,250,231,.5)}
.rp-serp-title{font-family:Geist,sans-serif;font-size:15px;font-weight:600;line-height:1.35;color:#fdfae7;margin:0}
.rp-serp-snip{font-family:Geist,sans-serif;font-size:13px;line-height:1.5;color:rgba(253,250,231,.6);margin:5px 0 0}
.rp-serp-neg{font-family:Geist,sans-serif;font-size:12px;color:#f2a0a3;margin:6px 0 0;font-weight:600}

/* ---- Réseaux sociaux ---- */
.rp-socials{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:40px}
.rp-soc{font-family:Geist,sans-serif;font-size:13.5px;font-weight:600;padding:9px 15px;border-radius:99px;text-decoration:none;border:1px solid rgba(253,250,231,.14)}
.rp-soc--ok{background:rgba(31,157,85,.16);color:#7fe0a8;border-color:rgba(31,157,85,.3)}
.rp-soc--ok:hover{background:rgba(31,157,85,.26)}
.rp-soc--no{background:rgba(253,250,231,.03);color:rgba(253,250,231,.4)}

/* ---- Recherches associées (Google Suggest) ---- */
.rp-assoc-sub{font-family:Geist,sans-serif;font-size:13.5px;line-height:1.5;color:rgba(253,250,231,.6);margin:-8px 0 16px}
.rp-assoc{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:40px}
.rp-chip{font-family:Geist,sans-serif;font-size:13.5px;font-weight:500;padding:9px 15px;border-radius:99px;border:1px solid rgba(253,250,231,.14);background:rgba(253,250,231,.05);color:rgba(253,250,231,.85)}
.rp-chip--neg{background:rgba(229,72,77,.16);color:#f2a0a3;border-color:rgba(229,72,77,.4);font-weight:600}
.rp-chip--review{background:rgba(232,164,0,.14);color:#f3c969;border-color:rgba(232,164,0,.3)}
.rp-chip--comm{background:rgba(199,202,255,.12);color:#c7caff;border-color:rgba(199,202,255,.26)}
