:root{--bg:#07101f;--text:#f4f7fb;--muted:#a7b1c4;--soft:#d7deea;--line:rgba(255,255,255,.10);--accent:#4ade80;--accent2:#38bdf8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 30% 0%,rgba(56,189,248,.16),transparent 30%),var(--bg);color:var(--text);line-height:1.62}
a{color:inherit;text-decoration:none}.container{width:min(1080px,calc(100% - 28px));margin:0 auto}
header{position:sticky;top:0;z-index:20;background:rgba(7,16,31,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:18px}.logo{font-weight:900;letter-spacing:-.05em;font-size:1.22rem;line-height:1;background:linear-gradient(90deg,var(--text) 0 46%,var(--accent) 46% 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.logo:focus,.logo:hover{color:transparent}
.navlinks{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:.9rem;white-space:nowrap}.navlinks a{padding:8px 9px;border-radius:999px}.navlinks a:hover,.navlinks a.active{background:rgba(255,255,255,.07);color:var(--text)}
.hero{padding:52px 0 30px}.label{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:rgba(255,255,255,.055);color:var(--muted);border-radius:999px;padding:8px 12px;font-size:.88rem;margin-bottom:18px}.label:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent)}
h1{max-width:900px;margin:0;font-size:clamp(2.05rem,7vw,4.8rem);line-height:.98;letter-spacing:-.07em}.lead{color:var(--soft);font-size:clamp(1rem,2.2vw,1.22rem);max-width:760px;margin:18px 0 0}
.actions{margin-top:24px;display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:rgba(255,255,255,.08);color:var(--text);padding:11px 16px;border-radius:999px;font-weight:800}.btn.primary{background:linear-gradient(90deg,var(--accent),var(--accent2));color:#06111f;border:0}
.marketbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.035);overflow:hidden}.marketbar .inner{display:flex;gap:12px;padding:10px 0;color:var(--muted);font-size:.86rem;white-space:nowrap;overflow-x:auto}.pill{border:1px solid var(--line);border-radius:999px;padding:7px 10px;background:rgba(255,255,255,.04)}.pill strong{color:var(--text)}
section{padding:30px 0}h2{margin:0 0 16px;font-size:clamp(1.55rem,4vw,2.45rem);line-height:1.08;letter-spacing:-.045em}.text{color:var(--muted);max-width:780px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.grid.two{grid-template-columns:repeat(2,1fr)}
.card,.article{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035));border:1px solid var(--line);border-radius:20px;padding:20px}.card h3,.article h3{margin:0 0 8px;letter-spacing:-.025em}.card p,.article p,.article li{color:var(--muted);margin-top:0}.card a{display:block}.kicker{color:var(--accent);font-weight:900;text-transform:uppercase;letter-spacing:.09em;font-size:.75rem;margin-bottom:8px}.article{margin:14px 0}
.article-page{max-width:820px}.article-page h2{margin-top:34px}.article-page p,.article-page li{color:var(--muted)}.article-page strong{color:var(--text)}
.list{margin:0;padding:0;list-style:none;display:grid;gap:10px}.list li{border:1px solid var(--line);background:rgba(255,255,255,.045);padding:15px 16px;border-radius:16px;color:var(--muted)}.list strong{color:var(--text)}
.notice{border-left:4px solid var(--accent2);background:rgba(56,189,248,.08);padding:15px 16px;border-radius:14px;color:var(--muted)}
footer{border-top:1px solid var(--line);padding:28px 0;color:var(--muted);margin-top:30px;font-size:.92rem}.footerrow{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
@media(max-width:760px){.container{width:min(100% - 24px,1080px)}.nav{min-height:58px;gap:8px}.logo{font-size:1.02rem}.navlinks{gap:0;font-size:.76rem;overflow-x:auto;max-width:calc(100vw - 92px)}.navlinks a{padding:7px 7px}.hero{padding:38px 0 24px}.label{font-size:.78rem;padding:7px 10px}.lead{font-size:1rem}.btn{width:100%;padding:12px 14px}.grid,.grid.two{grid-template-columns:1fr}.card,.article{border-radius:18px;padding:17px}section{padding:24px 0}}
.form{display:grid;gap:14px;margin-top:18px}.field{display:grid;gap:7px}.field label{font-weight:800;color:var(--text)}.field input,.field textarea{width:100%;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.06);color:var(--text);padding:13px 14px;font:inherit}.field textarea{min-height:160px;resize:vertical}.hidden{display:none!important}.small{font-size:.9rem;color:var(--muted)}

.toolbox{display:grid;gap:16px}.tool-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.calc-output{border:1px solid var(--line);background:rgba(74,222,128,.08);border-radius:18px;padding:18px;margin-top:18px}.calc-output strong{color:var(--text)}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:18px}.compare{width:100%;border-collapse:collapse;min-width:680px}.compare th,.compare td{padding:14px;border-bottom:1px solid var(--line);text-align:left;color:var(--muted)}.compare th{color:var(--text);background:rgba(255,255,255,.05)}.tag{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:4px 8px;color:var(--accent);font-weight:800;font-size:.78rem}.mini{font-size:.88rem;color:var(--muted)}@media(max-width:760px){.tool-row{grid-template-columns:1fr}.compare{min-width:620px}}

/* v9 refinements */
.procon{display:grid;grid-template-columns:1fr 1fr;gap:14px}.score{display:inline-flex;align-items:center;border:1px solid var(--line);background:rgba(74,222,128,.08);color:var(--text);border-radius:999px;padding:5px 10px;font-size:.82rem;font-weight:900}.cta-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.muted-box{border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:18px;padding:16px;color:var(--muted)}.compare td:first-child{color:var(--text);font-weight:800}.rank{display:flex;gap:10px;align-items:flex-start}.rank b{display:inline-flex;min-width:28px;height:28px;align-items:center;justify-content:center;border-radius:50%;background:rgba(74,222,128,.12);border:1px solid var(--line);color:var(--accent)}@media(max-width:760px){.procon{grid-template-columns:1fr}.cta-row .btn{width:100%}}

.newsline{display:grid;gap:12px}.newsitem{display:grid;grid-template-columns:86px 1fr;gap:14px;border:1px solid var(--line);background:rgba(255,255,255,.045);padding:15px;border-radius:18px}.newsitem time{color:var(--accent2);font-weight:900}.newsitem h3{margin:0 0 4px}.newsitem p{margin:0;color:var(--muted)}
.logo-box{height:58px;width:58px;border-radius:16px;display:grid;place-items:center;background:rgba(255,255,255,.08);border:1px solid var(--line);font-weight:900;color:var(--text);letter-spacing:-.04em}.broker-card{display:grid;grid-template-columns:68px 1fr;gap:16px;align-items:start}.meta{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.tag{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:4px 8px;color:var(--accent);font-weight:800;font-size:.78rem}.tag.blue{color:var(--accent2)}.procon{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:760px){.newsitem{grid-template-columns:1fr}.broker-card{grid-template-columns:54px 1fr}.logo-box{height:48px;width:48px;border-radius:14px;font-size:.82rem}.procon{grid-template-columns:1fr}}


.strategy-index{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:14px}
.level{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:4px 8px;color:var(--accent2);font-weight:800;font-size:.78rem;margin-bottom:8px}
@media(max-width:760px){.strategy-index{grid-template-columns:1fr}}


.product-index{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}
.watchlist-index{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:14px}
.badges{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 0}
.badge{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:4px 8px;color:var(--accent2);font-weight:800;font-size:.78rem}
.badge.risk-low{color:var(--accent)}
.badge.risk-mid{color:var(--warn)}
.badge.risk-high{color:var(--red)}
.simple-table{width:100%;border-collapse:collapse;margin:18px 0;border:1px solid var(--line);border-radius:18px;overflow:hidden}
.simple-table th,.simple-table td{padding:12px;border-bottom:1px solid var(--line);text-align:left;color:var(--muted);vertical-align:top}
.simple-table th{color:var(--text);background:rgba(255,255,255,.05)}
.watch-card h3{margin-top:0}
@media(max-width:900px){.product-index{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.product-index,.watchlist-index{grid-template-columns:1fr}.simple-table{font-size:.92rem}}


.rotation-timeline{display:grid;gap:12px;margin:18px 0}
.rotation-item{border:1px solid var(--line);background:rgba(255,255,255,.045);border-radius:18px;padding:16px}
.rotation-item h3{margin:0 0 6px}
.rotation-item p{margin:0;color:var(--muted)}
.cta-box{border:1px solid var(--line);background:linear-gradient(180deg,rgba(74,222,128,.10),rgba(56,189,248,.07));border-radius:20px;padding:20px;margin:24px 0}
.source-note{font-size:.9rem;color:var(--muted);border-top:1px solid var(--line);margin-top:24px;padding-top:14px}


.quick-nav{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 0}
.quick-nav a{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:rgba(255,255,255,.06);color:var(--text);padding:9px 12px;border-radius:999px;font-weight:800;font-size:.9rem}
.quick-nav a:hover{background:rgba(255,255,255,.10)}
.explorer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px}
.explorer-card{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035));border:1px solid var(--line);border-radius:20px;padding:18px;display:block;min-height:152px}
.explorer-card h3{margin:4px 0 8px;letter-spacing:-.025em}.explorer-card p{color:var(--muted);margin:0}.explorer-card .kicker{margin-bottom:8px}
.path-note{color:var(--muted);font-size:.92rem;margin-top:10px}
@media(max-width:900px){.explorer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.quick-nav a{width:100%;justify-content:flex-start}.explorer-grid{grid-template-columns:1fr}.explorer-card{min-height:auto}}


.timeline-list{display:grid;gap:12px;margin-top:16px}
.timeline-item{display:grid;gap:6px;border:1px solid var(--line);background:rgba(255,255,255,.045);border-radius:18px;padding:16px}
.timeline-item .date{color:var(--muted);font-weight:800;font-size:.9rem}
.timeline-item h3{margin:0}.timeline-item p{margin:0;color:var(--muted)}
.status-dot{display:inline-flex;gap:8px;align-items:center;font-weight:900}
.status-dot:before{content:"";width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,var(--green),var(--cyan));display:inline-block}
.template-box{border:1px dashed rgba(255,255,255,.24);border-radius:20px;padding:18px;background:rgba(255,255,255,.035)}
.template-box ol{margin:10px 0 0;padding-left:20px;color:var(--muted);line-height:1.75}
.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}
.archive-card{display:block;border:1px solid var(--line);border-radius:18px;padding:16px;background:rgba(255,255,255,.045)}
.archive-card strong{display:block;color:var(--text);margin-bottom:6px}.archive-card span{color:var(--muted)}
@media(max-width:760px){.archive-grid{grid-template-columns:1fr}}


.country-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}
.country-card{border:1px solid var(--line);border-radius:20px;padding:18px;background:rgba(255,255,255,.045)}
.country-card h3{margin:0 0 8px}.country-card p{margin:0;color:var(--muted)}
.update-note{font-size:.9rem;color:var(--muted);margin-top:10px}
@media(max-width:900px){.country-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.country-grid{grid-template-columns:1fr}}


.status-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.035);margin-top:16px}
.status-table{width:100%;border-collapse:collapse;min-width:860px}
.status-table th,.status-table td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.status-table th{color:var(--text);font-size:.9rem;background:rgba(255,255,255,.055)}
.status-table td{color:var(--muted);font-size:.92rem;line-height:1.45}
.status-table tr:last-child td{border-bottom:0}
.status-table strong{color:var(--text)}


.meta-line{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:.92rem;margin:14px 0 0}
.meta-line span{border:1px solid var(--line);background:rgba(255,255,255,.045);border-radius:999px;padding:7px 10px}
.veille-layout{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(260px,.8fr);gap:22px;align-items:start}
.veille-sidebar{position:sticky;top:18px}
.check-list{display:grid;gap:8px;margin-top:10px}
.check-list div{border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:14px;padding:10px;color:var(--muted)}
.facebook-box{border:1px solid var(--line);border-radius:20px;padding:18px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035));margin-top:18px}
.facebook-box p{color:var(--muted)}
@media(max-width:900px){.veille-layout{grid-template-columns:1fr}.veille-sidebar{position:static}}


.newsletter-panel{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:22px;align-items:start}
.form-note{color:var(--muted);font-size:.92rem;line-height:1.55;margin-top:10px}
.checkbox-line{display:flex;gap:10px;align-items:flex-start;color:var(--muted);font-size:.92rem;line-height:1.45}
.checkbox-line input{width:auto;margin-top:4px}
.hidden-field{display:none!important}
@media(max-width:900px){.newsletter-panel{grid-template-columns:1fr}}


.country-hero-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.country-hero-tags span{border:1px solid var(--line);background:rgba(255,255,255,.055);border-radius:999px;padding:8px 11px;color:var(--muted);font-weight:800;font-size:.9rem}
.country-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}
.country-summary .card{min-height:140px}
@media(max-width:900px){.country-summary{grid-template-columns:1fr}}


.watch-placeholder{color:var(--muted)}
.watch-card h4{margin:18px 0 8px;font-size:1rem;letter-spacing:-.02em}.watch-resume{font-size:1.05rem;color:var(--soft)!important}.watch-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:12px 0}.watch-grid.two{grid-template-columns:1fr 1fr}.watch-card ul{margin:0;padding-left:19px;color:var(--muted)}.watch-card li{margin:6px 0}.index-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:10px 0}.index-list div{border:1px solid var(--line);border-radius:16px;padding:13px;background:rgba(255,255,255,.045)}.index-list strong{display:block;color:var(--text)}.index-list span{display:inline-flex;margin:7px 0;color:#06111f;background:linear-gradient(90deg,var(--accent),var(--accent2));font-weight:900;border-radius:999px;padding:3px 8px;font-size:.78rem}.index-list p{margin:0;color:var(--muted)}.warning-text{border-top:1px solid var(--line);padding-top:12px;margin-top:16px}.country-hero-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.country-hero-tags span{border:1px solid var(--line);border-radius:999px;padding:7px 10px;color:var(--muted);background:rgba(255,255,255,.045);font-weight:800;font-size:.85rem}.country-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.country-card{display:block;border:1px solid var(--line);border-radius:20px;padding:18px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035))}.country-card h3{margin:0 0 8px}.country-card p{color:var(--muted);margin:0 0 12px}.update-note{font-size:.82rem;color:var(--accent);font-weight:900}.quick-nav{display:flex;gap:8px;flex-wrap:wrap}.quick-nav a{border:1px solid var(--line);border-radius:999px;padding:8px 11px;color:var(--muted);background:rgba(255,255,255,.04);font-weight:800}.quick-nav a:hover{color:var(--text);background:rgba(255,255,255,.07)}.timeline-list{display:grid;gap:12px}.timeline-item{border-left:3px solid var(--accent2);background:rgba(255,255,255,.045);border-radius:16px;padding:16px}.timeline-item .date{color:var(--accent);font-weight:900;font-size:.85rem;margin-bottom:6px}.timeline-item h3{margin:0 0 6px}.timeline-item p{margin:0;color:var(--muted)}.status-dot{display:inline-flex;align-items:center;gap:6px}.status-dot:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent)}.warning{border-left-color:var(--accent)}
@media(max-width:760px){.watch-grid,.watch-grid.two,.index-list,.country-grid{grid-template-columns:1fr}.navlinks{max-width:calc(100vw - 92px)}}


/* v26 — comparatifs lisibles sur mobile */
.comparison-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:14px}
.compare-card{border:1px solid var(--line);border-radius:20px;padding:18px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035))}
.compare-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}
.compare-head h3{margin:0;letter-spacing:-.025em}
.compare-line{border-top:1px solid var(--line);padding-top:12px;margin-top:12px}
.compare-line strong{display:block;color:var(--text);margin-bottom:4px}
.compare-line p{margin:0;color:var(--muted);line-height:1.55}
@media(max-width:760px){.comparison-grid{grid-template-columns:1fr}.compare-head{display:grid;gap:8px}.compare-card{padding:16px;border-radius:18px}}