/* FundedPilot - prop firm comparison - v1 */
:root{
  --bg:#f7f9fb; --card:#fff; --ink:#0f1b2a; --ink2:#415066; --mut:#6b7a90;
  --line:#e4e9f0; --line2:#eff2f7; --soft:#f3f6fa;
  --br:#0d8f72; --br2:#0a6f59; --brsoft:#e7f5f1; --brline:#bfe3d9;
  --star:#f5a623; --warn:#b45309; --warnsoft:#fdf4e5; --bad:#b4232a; --badsoft:#fdeded;
  --sh:0 1px 2px rgba(15,27,42,.05); --sh2:0 4px 10px rgba(15,27,42,.05),0 14px 40px rgba(15,27,42,.07);
  --f:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --r:12px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.6 var(--f);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg{max-width:100%;height:auto}
a{color:var(--br2);text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:2px}
.c{width:100%;max-width:1160px;margin:0 auto;padding:0 22px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* header */
.hd{background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.hd .c{display:flex;align-items:center;gap:24px;padding:14px 22px}
.lg{display:flex;align-items:center;gap:9px;color:var(--ink)}
.lg:hover{text-decoration:none}
.lg__m{width:30px;height:30px;flex:0 0 30px}
.lg__t{font:800 20px/1 var(--f);letter-spacing:-.03em}
.lg__t span{color:var(--br)}
.hdnav{display:flex;gap:24px;font:600 14.5px/1 var(--f);margin-left:8px}
.hdnav a{color:var(--ink2)}
.hdr{margin-left:auto;display:flex;align-items:center;gap:14px}
.hdmeta{margin:0;font:400 12px/1.4 var(--f);color:var(--mut);text-align:right}
.hdmeta b{display:block;color:var(--ink);font-weight:700}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;
  font:700 15.5px/1 var(--f);padding:14px 22px;border:1px solid transparent;cursor:pointer;white-space:nowrap;text-align:center}
.btn:hover{text-decoration:none}
.btn--p{background:var(--br);color:#fff;box-shadow:0 1px 2px rgba(13,143,114,.3)}
.btn--p:hover{background:var(--br2)}
.btn--g{background:var(--card);color:var(--ink);border-color:var(--line);box-shadow:var(--sh)}
.btn--g:hover{border-color:#cdd5e0}
.btn--sm{padding:10px 15px;font-size:14px;border-radius:8px}
.btn--lg{padding:17px 32px;font-size:17px}
.btn--w{width:100%}

/* hero */
.hero{padding:60px 0 44px;background:linear-gradient(180deg,#fff 0%,var(--bg) 100%);border-bottom:1px solid var(--line)}
.hero__g{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:46px;align-items:center}
.pill{display:inline-flex;align-items:center;gap:8px;font:700 12.5px/1 var(--f);color:var(--br2);
  background:var(--brsoft);border:1px solid var(--brline);border-radius:100px;padding:7px 14px;margin:0 0 20px}
h1{font:800 clamp(32px,4.6vw,52px)/1.1 var(--f);letter-spacing:-.035em;margin:0 0 18px}
.lede{font-size:18.5px;line-height:1.6;color:var(--ink2);margin:0 0 26px;max-width:58ch}
.hcta{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 20px}
.sub{font-size:13.5px;color:var(--mut);margin:0}
.tstrip{display:flex;gap:22px;flex-wrap:wrap;margin:26px 0 0;padding-top:22px;border-top:1px solid var(--line)}
.tstrip div{min-width:0}
.tstrip dt{font:800 25px/1 var(--f);letter-spacing:-.02em}
.tstrip dd{margin:6px 0 0;font-size:13.5px;color:var(--mut)}

/* score ring card (hero right) */
.hcard{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh2);overflow:hidden}
.hcard__h{background:var(--br);color:#fff;padding:16px 22px;font:800 14px/1 var(--f);letter-spacing:.02em;
  display:flex;align-items:center;justify-content:space-between}
.hcard__h span{font-weight:600;opacity:.9;font-size:12.5px}
.hcard__b{padding:22px}
.hcard__n{display:flex;align-items:center;gap:13px;margin:0 0 14px}

.hcard__nm{font:800 20px/1.2 var(--f);letter-spacing:-.02em;margin:0}
.hcard__sc{font-size:13.5px;color:var(--mut);margin:3px 0 0}
.wins{list-style:none;margin:0 0 18px;padding:0}
.wins li{position:relative;padding:0 0 0 27px;margin:0 0 10px;font-size:15px;line-height:1.45;color:var(--ink2)}
.wins li::before{content:"";position:absolute;left:0;top:2px;width:18px;height:18px;border-radius:50%;background:var(--brsoft);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M4.6 9.4l2.8 2.8L13.4 6' fill='none' stroke='%230d8f72' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size:18px 18px}
.wins b{color:var(--ink);font-weight:700}

/* logos : le <img> recouvre le monogramme. Si le fichier n'existe pas, onerror le retire
   et le monogramme reste. Deposer /img/logos/<slug>.svg|png pour afficher le vrai logo. */
.lgo{position:relative;display:grid;place-items:center;border-radius:11px;background:#eef2f7;
  overflow:hidden;flex:0 0 auto;border:1px solid var(--line)}
.lgo b{font:800 15px/1 var(--f);color:var(--lc,#48566b);letter-spacing:-.02em}
.lgo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:10%;
  background:#fff;display:block}
.lgo--xl{width:60px;height:60px}.lgo--xl b{font-size:19px}
.lgo--lg{width:54px;height:54px}.lgo--lg b{font-size:17px}
.lgo--sm{width:26px;height:26px;border-radius:7px;display:inline-grid;vertical-align:-7px;margin-right:9px}
.lgo--sm b{font-size:10px}
.lgo--st{width:46px;height:46px}

/* bandeau de logos sous le hero */
.strip{border-top:1px solid var(--line);background:var(--card)}
.strip .c{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:20px 22px;justify-content:center}
.strip p{margin:0;font-size:13px;color:var(--mut);font-weight:600;width:100%;text-align:center}
.strip .lgo--st{opacity:.72;transition:opacity .15s}
.strip .lgo--st:hover{opacity:1}

/* barre CTA collante mobile */
.sticky{position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--card);
  border-top:1px solid var(--line);box-shadow:0 -4px 18px rgba(15,27,42,.09);
  padding:10px 14px calc(10px + env(safe-area-inset-bottom));display:none;gap:12px;align-items:center}
.sticky__t{min-width:0;flex:1 1 auto}
.sticky__t b{display:block;font:800 14px/1.2 var(--f)}
.sticky__t span{font-size:11.5px;color:var(--mut)}
.sticky .btn{width:auto;flex:0 0 auto;padding:13px 18px;font-size:14.5px}

/* stars */
.stars{display:inline-flex;align-items:center;gap:3px;vertical-align:middle}
.stars svg{width:17px;height:17px;fill:var(--star);flex:0 0 17px}
.stars .off{fill:#dfe4ec}
.sc{font:800 15px/1 var(--f);margin-left:6px}

/* sections */
.sec{padding:62px 0}
.sec--alt{background:var(--card);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sh{text-align:center;max-width:720px;margin:0 auto 38px}
.sh h2{font:800 clamp(26px,3.4vw,38px)/1.16 var(--f);letter-spacing:-.03em;margin:0 0 12px}
.sh p{margin:0;color:var(--ink2);font-size:17px}

/* rank rows */
.rows{display:flex;flex-direction:column;gap:14px}
.row{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:var(--sh);
  display:grid;grid-template-columns:40px 54px minmax(0,1.4fr) minmax(0,1.9fr) auto;gap:16px;align-items:center}
.row--1{border:2px solid var(--br);box-shadow:var(--sh2);padding:17px}
.rk{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--soft);
  font:800 17px/1 var(--f);color:var(--ink2)}
.row--1 .rk{background:var(--br);color:#fff}
.rid{min-width:0}
.rid h3{font:800 19px/1.25 var(--f);letter-spacing:-.02em;margin:0 0 5px}
.rid .stars{margin:0 0 6px}
.badge{display:inline-block;font:700 11.5px/1 var(--f);padding:6px 10px;border-radius:6px;
  background:var(--brsoft);color:var(--br2)}
.badge--w{background:var(--warnsoft);color:var(--warn)}
.badge--b{background:var(--badsoft);color:var(--bad)}
.rfacts{display:grid;grid-template-columns:1fr 1fr;gap:9px 18px;min-width:0}
.rfacts div{min-width:0}
.rfacts dt{font-size:12.5px;color:var(--mut);margin:0 0 2px}
.rfacts dd{margin:0;font:700 14px/1.35 var(--f)}
.ract{text-align:center;min-width:186px;display:flex;flex-direction:column;gap:8px}
.row--d{padding:0;display:block;cursor:pointer}
.row--d[open]{border-color:var(--brline);box-shadow:var(--sh2)}
summary.row__s{display:grid}
.row__s{list-style:none;list-style-type:none;padding:18px;display:grid;
  grid-template-columns:40px 54px minmax(0,1.4fr) minmax(0,1.9fr) auto;gap:16px;align-items:center}
.row__s::-webkit-details-marker{display:none}
.row__s::marker{content:"";display:none}
.row--d:hover .pseudo{background:var(--brsoft);color:var(--br2);border-color:var(--brline)}
.pseudo{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:100%;
  padding:10px 16px;font-size:13.5px!important;border-radius:9px;background:var(--soft);color:var(--ink2);
  font:700 14.5px/1 var(--f);border:1px solid var(--line);transition:all .15s}
.pseudo::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;transform:rotate(45deg) translate(-2px,-2px)}
.row--d[open] .pseudo::after{transform:rotate(-135deg) translate(-1px,-1px)}
.row__p{border-top:1px solid var(--line2);padding:20px 18px;display:grid;
  grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:24px;background:var(--soft);
  border-radius:0 0 13px 13px}
.row__cons h4{font:800 14px/1.3 var(--f);margin:0 0 11px;color:var(--ink)}
.row__cons ul{list-style:none;margin:0;padding:0}
.row__cons li{position:relative;padding-left:25px;margin:0 0 9px;font-size:14.5px;line-height:1.45;color:var(--ink2)}
.row__cons li::before{content:"";position:absolute;left:0;top:4px;width:17px;height:17px;border-radius:50%;
  background:var(--badsoft);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 17'%3E%3Cpath d='M5.5 5.5l6 6M11.5 5.5l-6 6' fill='none' stroke='%23b4232a' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  background-size:17px 17px}
.row__more{align-self:start}
.row__more .rfacts{grid-template-columns:1fr;margin-bottom:14px}
.nolink{font-size:11.5px;color:var(--mut);display:block;margin-top:0}
.pseudo{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:13px 18px;border-radius:9px;
  background:var(--soft);color:var(--mut);font:700 14.5px/1 var(--f);border:1px dashed var(--line)}

/* table */
.thint{display:none;margin:0 0 8px;font-size:13px;color:var(--mut)}
.tw{border:1px solid var(--line);border-radius:14px;background:var(--card);overflow-x:auto;box-shadow:var(--sh)}
.tw table{width:100%;min-width:1000px;border-collapse:collapse;font-size:14.5px}
.tw th,.tw td{padding:13px 15px;text-align:left;border-bottom:1px solid var(--line2);vertical-align:top;line-height:1.45}
.tw thead th{background:var(--soft);font:700 12px/1.3 var(--f);letter-spacing:.04em;text-transform:uppercase;
  color:var(--mut);white-space:nowrap;border-bottom:1px solid var(--line)}
.tw tbody tr:last-child td{border-bottom:0}
.tw tbody td:first-child{font-weight:700;white-space:nowrap;position:sticky;left:0;background:var(--card);
  box-shadow:1px 0 0 var(--line2);z-index:1}
.tw tbody tr.hi td{background:var(--brsoft)}
.tw tbody tr.hi td:first-child{background:var(--brsoft);color:var(--br2)}
.yes{color:var(--br2);font-weight:700}
.no{color:var(--bad);font-weight:700}

/* rules grid */
.rules{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:16px}
.rule{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:var(--sh)}
.rule h3{font:800 17.5px/1.3 var(--f);letter-spacing:-.015em;margin:0 0 9px}
.rule p{margin:0 0 12px;font-size:15px;color:var(--ink2)}
.rule .tag{display:inline-flex;align-items:flex-start;gap:8px;font-size:14px;font-weight:700;color:var(--br2);
  background:var(--brsoft);border-radius:8px;padding:10px 12px;line-height:1.4}

/* faq */
.faq details{background:var(--card);border:1px solid var(--line);border-radius:12px;margin:0 0 10px;box-shadow:var(--sh)}
.faq summary{cursor:pointer;list-style:none;padding:17px 46px 17px 20px;position:relative;font:700 16.5px/1.4 var(--f)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:21px;top:24px;width:9px;height:9px;
  border-right:2px solid var(--mut);border-bottom:2px solid var(--mut);transform:rotate(45deg);transition:transform .15s}
.faq details[open] summary::after{transform:rotate(-135deg)}
.faq div{padding:0 20px 18px;color:var(--ink2);font-size:15.5px}
.faq div p{margin:0}

/* cta */
.cta{background:var(--br);color:#fff;border-radius:18px;padding:46px 40px;text-align:center}
.cta h2{color:#fff;font:800 clamp(25px,3.2vw,36px)/1.15 var(--f);letter-spacing:-.03em;margin:0 0 14px}
.cta p{margin:0 auto 24px;max-width:60ch;color:#d4ece4;font-size:17px}
.cta .btn--p{background:#fff;color:var(--br2);box-shadow:none}
.cta .btn--p:hover{background:#eefaf6}
.cta small{display:block;margin-top:16px;color:#bfe0d6;font-size:13px}

/* disclosure */
.disc{background:var(--warnsoft);border:1px solid #f0dcb5;border-radius:12px;padding:16px 20px;
  font-size:14.5px;line-height:1.55;color:#6b4a12;margin:0 0 26px}
.disc b{font-weight:700}

/* footer */
.ft{background:var(--card);border-top:1px solid var(--line);padding:46px 0 26px;font-size:14.5px;margin-top:10px}
.ft__g{display:grid;grid-template-columns:2fr 1fr 1fr;gap:34px}
.ft h4{font:800 13px/1 var(--f);margin:0 0 14px}
.ft ul{list-style:none;margin:0;padding:0}
.ft li{margin:0 0 9px}
.ft a{color:var(--ink2)}
.ft p{margin:0 0 12px;color:var(--mut);line-height:1.6}
.ft__b{margin-top:28px;padding-top:20px;border-top:1px solid var(--line);color:var(--mut);font-size:12.5px;line-height:1.65}

/* static pages */
.pg{max-width:760px;margin:0 auto;padding:46px 0 10px}
.pg h1{font-size:clamp(28px,3.6vw,40px);margin-bottom:18px}
.pg h2{font:800 23px/1.25 var(--f);letter-spacing:-.02em;margin:32px 0 12px}
.pg p,.pg li{color:var(--ink2)}
.pg ul,.pg ol{padding-left:22px}
.pg li{margin:0 0 9px}

@media(max-width:1000px){
  .hero__g{grid-template-columns:1fr;gap:32px}
  .hdnav,.hdmeta{display:none}
  .row,.row__s{grid-template-columns:36px 46px 1fr;gap:12px}
  .rid{grid-column:3}
  .row__p{grid-template-columns:1fr;gap:18px}
  .rfacts{grid-column:1/-1}
  .ract{grid-column:1/-1;min-width:0}
  .ft__g{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  body{font-size:16.5px}
  .sticky{display:flex}
  body{padding-bottom:74px}
  .strip .c{gap:10px;padding:16px}
  .lgo--st{width:40px;height:40px}
  .c{padding:0 16px}
  .hd .c{padding:12px 16px}
  .hero{padding:38px 0 30px}
  .sec{padding:44px 0}
  .tstrip{gap:16px}
  .rfacts{grid-template-columns:1fr}
  .cta{padding:30px 20px}
  .ft__g{grid-template-columns:1fr}
  .thint{display:block}
  .btn{width:100%}
  .hcta .btn{width:auto;flex:1 1 auto}
}