:root{
  --bg:#f7f8fc;--surface:#fff;--surface-2:#f1f5f9;--text:#111827;--muted:#667085;--line:#e5e7eb;
  --primary:#6d5dfc;--primary-dark:#5546df;--primary-soft:#efedff;--green:#16a36a;--green-soft:#e9f9f1;
  --orange:#f59e0b;--orange-soft:#fff7df;--shadow:0 18px 45px rgba(15,23,42,.08);--radius:18px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--text);background:var(--bg);line-height:1.55}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}
.site-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(229,231,235,.85)}
.header-inner,.hero-inner,.section-wrap,.footer-inner{width:min(1240px,calc(100% - 36px));margin:auto}.header-inner{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-weight:800;font-size:1.2rem}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#6d5dfc,#9c6bff);color:#fff;box-shadow:0 8px 20px rgba(109,93,252,.3)}.brand-ai{color:var(--primary)}
.top-nav{display:flex;align-items:center;gap:20px;font-size:.9rem;font-weight:600}.top-nav a:hover{color:var(--primary)}.nav-action{border:1px solid var(--line);background:#fff;padding:9px 12px;border-radius:10px;color:var(--text);font-weight:700}.nav-action.active{border-color:#f2a6bf;background:#fff1f6;color:#c82563}
.hero{background:radial-gradient(circle at 80% 20%,rgba(109,93,252,.18),transparent 30%),linear-gradient(180deg,#fff 0,#f7f8fc 100%);border-bottom:1px solid var(--line)}.hero-inner{min-height:540px;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);gap:70px;align-items:center;padding:70px 0}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border-radius:999px;background:#f1f0ff;color:#5747da;font-weight:800;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(22,163,106,.12)}
.hero h1{font-family:Manrope,sans-serif;font-size:clamp(2.55rem,5vw,4.6rem);line-height:1.03;letter-spacing:-.055em;margin:20px 0 18px}.hero h1 span{color:var(--primary)}.hero-copy{max-width:760px;color:var(--muted);font-size:1.08rem;margin:0 0 26px}.need-search{display:flex;align-items:center;background:#fff;border:1px solid #dfe3ea;border-radius:15px;box-shadow:0 10px 30px rgba(15,23,42,.06);transition:.2s}.need-search:focus-within{border-color:#aaa2ff;box-shadow:0 0 0 4px rgba(109,93,252,.09),0 12px 32px rgba(15,23,42,.08)}.hero-search{max-width:850px;height:62px}.search-icon{font-size:1.55rem;color:#858ca0;margin-left:18px}.need-search input{flex:1;border:0;outline:0;background:transparent;min-width:0;padding:0 15px;font-size:1rem;color:var(--text)}.clear-search{display:none;border:0;background:transparent;color:#8991a4;font-size:1.35rem;padding:10px}.clear-search.visible{display:block}.search-submit{height:44px;border:0;margin-right:8px;padding:0 18px;border-radius:10px;background:var(--primary);color:#fff;font-weight:800}.search-submit:hover{background:var(--primary-dark)}
.quick-needs{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.quick-needs button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 12px;color:#4b5563;font-size:.83rem;font-weight:700}.quick-needs button:hover{border-color:#b7b0ff;color:var(--primary);background:var(--primary-soft)}
.hero-panel{background:#111827;color:#fff;border-radius:24px;padding:26px;box-shadow:0 25px 60px rgba(17,24,39,.18);position:relative;overflow:hidden}.hero-panel:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:rgba(109,93,252,.3);right:-100px;top:-100px}.hero-panel-title{font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#cbd5e1}.hero-big-number{font-family:Manrope,sans-serif;font-size:4.6rem;line-height:1;font-weight:800;margin-top:18px;letter-spacing:-.06em}.hero-big-label{color:#cbd5e1;margin:5px 0 24px}.hero-panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hero-panel-grid div{padding:14px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);border-radius:14px}.hero-panel-grid strong{display:block;font-size:1.35rem}.hero-panel-grid span{font-size:.78rem;color:#b8c1d1}.free-cta{width:100%;border:0;margin-top:15px;border-radius:12px;padding:13px;background:#fff;color:#111827;font-weight:800}
.section-wrap{padding:70px 0}.section-heading,.catalog-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px}.section-heading h2,.catalog-head h2{font-family:Manrope,sans-serif;font-size:2rem;letter-spacing:-.035em;margin:4px 0}.section-heading p,.catalog-head p{margin:0;color:var(--muted)}.kicker{font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--primary)}.outline-btn,.text-btn{border:1px solid var(--line);background:#fff;border-radius:11px;padding:10px 14px;font-weight:750}.outline-btn:hover,.text-btn:hover{border-color:#b9b2ff;color:var(--primary)}
.top-free-section{padding-bottom:62px}.top-free-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.top-free-card{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:start;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;cursor:pointer;transition:.2s}.top-free-card:hover{transform:translateY(-2px);border-color:#bbb4ff;box-shadow:var(--shadow)}.top-free-icon,.tool-icon,.modal-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#f0eeff,#f9f7ff);color:#594ad6;font-weight:900;font-size:.8rem}.top-free-body strong{display:block}.top-free-body span{display:block;color:var(--muted);font-size:.75rem;margin-top:2px}.top-free-body p{font-size:.8rem;color:#667085;margin:8px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.top-free-arrow{color:#9aa1af}
.category-zone{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.family-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:28px}.family-card{display:flex;align-items:center;gap:14px;text-align:left;border:1px solid var(--line);background:#fff;border-radius:16px;padding:17px;transition:.2s}.family-card:hover,.family-card.active{border-color:#a9a0ff;background:#f8f7ff}.family-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#f4f4f8;font-size:1.25rem}.family-card strong{display:block}.family-card small{display:block;color:var(--muted);margin-top:1px}.family-arrow{margin-left:auto;color:#9aa1af;font-weight:800}.category-browser{border:1px solid var(--line);border-radius:18px;padding:18px;background:#fbfcfe}.category-browser-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}.category-browser-head input{width:260px;border:1px solid var(--line);border-radius:10px;padding:9px 11px;outline:0}.category-chips{display:flex;flex-wrap:wrap;gap:8px}.category-chip{display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 11px;font-size:.82rem;color:#445064}.category-chip small{padding:1px 6px;border-radius:999px;background:#f0f2f5;color:#7b8493}.category-chip:hover,.category-chip.active{border-color:#a9a0ff;background:var(--primary-soft);color:#5546df}.category-chip.active small{background:#ddd9ff;color:#4d3fd0}
.catalog-layout{display:grid;grid-template-columns:235px 1fr;gap:28px;align-items:start}.filter-panel{position:sticky;top:95px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px}.filter-title{font-family:Manrope,sans-serif;font-weight:800;font-size:1.05rem;margin-bottom:14px}.filter-label{display:block;font-size:.76rem;font-weight:800;color:#586174;margin:14px 0 6px}.filter-panel select{width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;padding:10px;color:#303747}.reset-btn{width:100%;margin-top:16px;border:0;border-radius:10px;padding:10px;background:#f1f3f6;font-weight:800}.filter-note{margin-top:18px;padding:13px;border-radius:12px;background:var(--green-soft);color:#246d4e}.filter-note strong{font-size:.8rem}.filter-note p{font-size:.72rem;margin:5px 0 0;color:#4f7865}.catalog-search-row{display:flex;align-items:center;gap:12px;margin-bottom:18px}.compact-search{height:50px;flex:1}.active-filter{white-space:nowrap;background:#ece9ff;color:#5546df;padding:9px 12px;border-radius:10px;font-weight:800;font-size:.76rem;max-width:260px;overflow:hidden;text-overflow:ellipsis}.result-count{color:var(--muted)}
.tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.tool-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;flex-direction:column;min-height:330px;transition:.2s}.tool-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#cfd3dd}.tool-card.free-card{border-top:3px solid #25b77c}.rank-num{position:absolute;right:14px;top:12px;color:#d0d5dd;font-weight:900;font-size:.75rem}.tool-top{display:flex;gap:11px;align-items:center;padding-right:28px}.tool-title-wrap{min-width:0;flex:1}.tool-name-row{display:flex;align-items:center;gap:6px;min-width:0}.tool-name{font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-company{font-size:.72rem;color:var(--muted);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.popular-pill{font-size:.61rem;border-radius:999px;background:#fff3d8;color:#9a6300;padding:3px 6px;white-space:nowrap}.fav-btn{border:0;background:transparent;font-size:1.35rem;color:#a2a9b5;padding:4px}.fav-btn.active{color:#d12d68}.tool-description{font-size:.82rem;color:#606a7b;margin:15px 0 12px;min-height:58px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.badges{display:flex;flex-wrap:wrap;gap:5px}.badge{display:inline-flex;align-items:center;gap:4px;border-radius:999px;background:#f1f3f6;color:#5d6676;padding:5px 7px;font-size:.65rem;font-weight:750}.price-free{background:var(--green-soft);color:#16734c}.price-freemium{background:var(--orange-soft);color:#9a6700}.badge-open{background:#edf0ff;color:#4d50b8}.badge-cloud{background:#eaf7ff;color:#27709c}.badge-local{background:#f3efff;color:#6949a8}.tool-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.tool-tags span{font-size:.65rem;color:#8b93a1}.card-actions{display:flex;gap:8px;margin-top:auto;padding-top:15px}.details-btn,.visit-btn{flex:1;text-align:center;border-radius:10px;padding:9px 10px;font-size:.76rem;font-weight:800}.details-btn{border:1px solid var(--line);background:#fff}.visit-btn{background:#111827;color:#fff;border:1px solid #111827}.visit-btn:hover{background:#000}.load-more-wrap{text-align:center;padding-top:28px}.load-more{border:1px solid #c9c4ff;background:#fff;color:#5546df;border-radius:12px;padding:12px 20px;font-weight:850}.load-more[hidden]{display:none}.empty-state{text-align:center;border:1px dashed #cfd5df;border-radius:18px;padding:48px;background:#fff}.empty-emoji{font-size:2rem}.primary-btn{border:0;background:var(--primary);color:#fff;border-radius:10px;padding:10px 15px;font-weight:800}
.trust-section{padding-top:20px}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.trust-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}.trust-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--primary-soft);color:var(--primary);font-weight:900}.trust-card h3{margin:13px 0 6px}.trust-card p{margin:0;color:var(--muted);font-size:.87rem}.site-footer{margin-top:40px;background:#111827;color:#fff}.footer-inner{display:flex;justify-content:space-between;gap:35px;align-items:flex-end;padding:38px 0}.footer-brand{margin-bottom:8px}.site-footer p{margin:0;color:#b7c0ce;font-size:.83rem}.fineprint{max-width:670px;text-align:right}
.tool-modal{width:min(700px,calc(100% - 28px));border:0;border-radius:22px;padding:0;box-shadow:0 35px 100px rgba(0,0,0,.28)}.tool-modal::backdrop{background:rgba(15,23,42,.58);backdrop-filter:blur(3px)}.modal-close{position:absolute;right:14px;top:14px;border:0;background:#f1f3f5;width:35px;height:35px;border-radius:50%;font-size:1.25rem}.modal-body{padding:28px}.modal-head{display:flex;gap:14px;align-items:center}.modal-icon{width:58px;height:58px}.modal-title h3{font-family:Manrope,sans-serif;font-size:1.8rem;margin:2px 0}.modal-title p{margin:0;color:var(--muted)}.modal-category{font-size:.72rem;color:var(--primary);font-weight:800}.modal-summary{font-size:1rem;color:#4f5868;margin:22px 0}.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.modal-info{background:#f7f8fb;border:1px solid #eceef2;border-radius:12px;padding:12px}.modal-info span{display:block;font-size:.67rem;color:#7d8797;text-transform:uppercase;font-weight:800;letter-spacing:.05em}.modal-info strong{display:block;margin-top:3px}.free-info-box{margin-top:12px;border-radius:12px;padding:14px;background:var(--green-soft);color:#275f48}.free-info-box p{margin:4px 0 0;font-size:.84rem}.modal-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.modal-actions{display:flex;gap:10px;margin-top:18px}.modal-visit,.source-link{padding:11px 14px;border-radius:10px;font-weight:800;font-size:.82rem}.modal-visit{background:#111827;color:#fff}.source-link{border:1px solid var(--line)}.source-note{font-size:.7rem;color:#8a93a2;margin-top:14px}
@media(max-width:1080px){.tools-grid{grid-template-columns:repeat(2,1fr)}.top-free-grid{grid-template-columns:repeat(2,1fr)}.hero-inner{gap:35px}.family-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.top-nav a{display:none}.header-inner{height:64px}.hero-inner{grid-template-columns:1fr;padding:48px 0}.hero-panel{max-width:520px}.catalog-layout{grid-template-columns:1fr}.filter-panel{position:static;display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}.filter-title,.filter-note,.reset-btn{grid-column:1/-1}.filter-label{margin:4px 0 0}.family-grid{grid-template-columns:1fr 1fr}.footer-inner{align-items:flex-start;flex-direction:column}.fineprint{text-align:left}}
@media(max-width:600px){.header-inner,.hero-inner,.section-wrap,.footer-inner{width:min(100% - 24px,1240px)}.top-nav{gap:6px}.top-nav .nav-action:first-of-type{display:none}.hero h1{font-size:2.6rem}.hero-search{height:auto;min-height:58px;flex-wrap:wrap;padding:6px}.hero-search .search-icon{margin-left:8px}.hero-search .search-submit{width:100%;margin:0;height:42px}.section-wrap{padding:50px 0}.section-heading,.catalog-head{align-items:flex-start;flex-direction:column}.top-free-grid,.tools-grid,.family-grid,.trust-grid{grid-template-columns:1fr}.category-browser-head{align-items:stretch;flex-direction:column}.category-browser-head input{width:100%}.catalog-search-row{align-items:stretch;flex-direction:column}.active-filter{max-width:none;white-space:normal}.filter-panel{grid-template-columns:1fr}.filter-title,.filter-note,.reset-btn{grid-column:auto}.modal-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column}.tool-card{min-height:310px}}

/* V5 — logos réels + mode jour/nuit */
.logo-wrap{position:relative;overflow:hidden;flex:0 0 auto}.tool-logo{position:absolute;inset:5px;width:calc(100% - 10px);height:calc(100% - 10px);object-fit:contain;border-radius:8px;background:transparent}.logo-fallback{position:relative;z-index:0}.theme-toggle{display:inline-grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:50%;padding:0;font-weight:800;transition:.2s;cursor:pointer}.theme-toggle:hover{border-color:#aaa2ff;transform:translateY(-1px);box-shadow:0 8px 20px rgba(15,23,42,.08)}#themeIcon{font-size:1.15rem;line-height:1;display:block}.model-pill{font-size:.59rem;border-radius:999px;background:#e9f4ff;color:#2b6f9c;padding:3px 6px;white-space:nowrap;font-weight:800}.tool-name{transition:.15s}.tool-name:hover{color:var(--primary)}

html[data-theme="dark"]{
  color-scheme:dark;
  --bg:#0b1020;--surface:#11182a;--surface-2:#161f33;--text:#edf2ff;--muted:#9ba8bd;--line:#26324a;
  --primary:#9387ff;--primary-dark:#8174f4;--primary-soft:#221f46;--green:#38c98a;--green-soft:#102b22;
  --orange:#f8b84d;--orange-soft:#33240c;--shadow:0 18px 45px rgba(0,0,0,.3);
}
html[data-theme="dark"] body{background:var(--bg);color:var(--text)}
html[data-theme="dark"] .site-header{background:rgba(11,16,32,.9);border-bottom-color:var(--line)}
html[data-theme="dark"] .nav-action,html[data-theme="dark"] .theme-toggle,html[data-theme="dark"] .quick-needs button,html[data-theme="dark"] .outline-btn,html[data-theme="dark"] .text-btn,html[data-theme="dark"] .top-free-card,html[data-theme="dark"] .family-card,html[data-theme="dark"] .category-chip,html[data-theme="dark"] .filter-panel,html[data-theme="dark"] .need-search,html[data-theme="dark"] .tool-card,html[data-theme="dark"] .details-btn,html[data-theme="dark"] .load-more,html[data-theme="dark"] .empty-state,html[data-theme="dark"] .trust-card,html[data-theme="dark"] .source-link{background:var(--surface);color:var(--text);border-color:var(--line)}
html[data-theme="dark"] .hero{background:radial-gradient(circle at 80% 20%,rgba(147,135,255,.17),transparent 30%),linear-gradient(180deg,#0d1426 0,#0b1020 100%);border-bottom-color:var(--line)}
html[data-theme="dark"] .eyebrow{background:#1b1b3d;color:#afa7ff}
html[data-theme="dark"] .need-search input,html[data-theme="dark"] .category-browser-head input,html[data-theme="dark"] .filter-panel select{color:var(--text);background:transparent}
html[data-theme="dark"] .need-search input::placeholder,html[data-theme="dark"] input::placeholder{color:#70809a}
html[data-theme="dark"] .hero-panel{background:#161c2c;box-shadow:0 25px 60px rgba(0,0,0,.35)}
html[data-theme="dark"] .free-cta{background:#f4f6ff;color:#101625}
html[data-theme="dark"] .category-zone{background:#0e1526;border-color:var(--line)}
html[data-theme="dark"] .category-browser{background:#0d1424;border-color:var(--line)}
html[data-theme="dark"] .family-icon{background:#1a2236}
html[data-theme="dark"] .family-card:hover,html[data-theme="dark"] .family-card.active{background:#191a38;border-color:#776df2}
html[data-theme="dark"] .category-chip small{background:#1a2233;color:#9ba8bd}
html[data-theme="dark"] .category-chip:hover,html[data-theme="dark"] .category-chip.active{background:#211f47;color:#b9b3ff;border-color:#776df2}
html[data-theme="dark"] .filter-panel select{border-color:var(--line);background:#11182a}
html[data-theme="dark"] .reset-btn{background:#192237;color:var(--text)}
html[data-theme="dark"] .active-filter{background:#211f47;color:#bcb6ff}
html[data-theme="dark"] .tool-description,html[data-theme="dark"] .top-free-body p,html[data-theme="dark"] .modal-summary{color:#a9b4c6}
html[data-theme="dark"] .tool-company,html[data-theme="dark"] .top-free-body span{color:var(--muted)}
html[data-theme="dark"] .badge{background:#1a2233;color:#aab5c5}
html[data-theme="dark"] .price-free{background:#102d23;color:#62dda4}
html[data-theme="dark"] .price-freemium{background:#33240c;color:#ffc865}
html[data-theme="dark"] .badge-open{background:#1d2446;color:#a8adff}
html[data-theme="dark"] .badge-cloud{background:#102a39;color:#71c2ed}
html[data-theme="dark"] .badge-local{background:#261d3c;color:#c5a5ef}
html[data-theme="dark"] .popular-pill{background:#35280e;color:#ffd171}
html[data-theme="dark"] .model-pill{background:#10283a;color:#81c9f4}
html[data-theme="dark"] .visit-btn,html[data-theme="dark"] .modal-visit{background:#f4f6ff;color:#0f1525;border-color:#f4f6ff}
html[data-theme="dark"] .visit-btn:hover,html[data-theme="dark"] .modal-visit:hover{background:white}
html[data-theme="dark"] .site-footer{background:#070b15}
html[data-theme="dark"] .tool-modal{background:var(--surface);color:var(--text)}
html[data-theme="dark"] .modal-close{background:#1b2436;color:var(--text)}
html[data-theme="dark"] .modal-info{background:#151d2e;border-color:var(--line)}
html[data-theme="dark"] .modal-info span{color:#8391a7}
html[data-theme="dark"] .top-free-icon,html[data-theme="dark"] .tool-icon,html[data-theme="dark"] .modal-icon{background:linear-gradient(135deg,#1c2440,#191b35);color:#b7b0ff}
html[data-theme="dark"] .tool-logo{filter:none}
html[data-theme="dark"] .nav-action.active{border-color:#80415b;background:#2b1520;color:#ff92b7}
html[data-theme="dark"] .search-submit{color:#fff}

@media(max-width:920px){.theme-toggle{width:40px;height:40px;flex-basis:40px}}
@media(max-width:600px){.top-nav{gap:5px}.theme-toggle{width:38px;height:38px;flex-basis:38px}.nav-action{padding:8px 9px}.tool-logo{inset:4px;width:calc(100% - 8px);height:calc(100% - 8px)}}

/* Pages SEO individuelles */
.tool-page-body{min-height:100vh}.tool-page-main{width:min(1080px,calc(100% - 36px));margin:auto;padding:46px 0 80px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:7px;align-items:center;color:var(--muted);font-size:.82rem;margin-bottom:24px}.breadcrumbs a:hover{color:var(--primary)}.detail-hero{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:start;background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:var(--shadow)}.detail-ident{display:flex;gap:18px;align-items:flex-start}.detail-logo{position:relative;display:grid;place-items:center;width:78px;height:78px;border-radius:20px;background:var(--surface-2);border:1px solid var(--line);overflow:hidden;flex:0 0 auto;font-weight:900;color:var(--primary)}.detail-logo img{position:absolute;inset:10px;width:calc(100% - 20px);height:calc(100% - 20px);object-fit:contain}.detail-title-wrap h1{font-family:Manrope,sans-serif;font-size:clamp(2rem,4vw,3.4rem);line-height:1.05;letter-spacing:-.04em;margin:5px 0 8px}.detail-company{color:var(--muted);font-weight:700}.detail-lead{font-size:1.05rem;color:var(--muted);max-width:760px;margin:20px 0 0}.detail-cta{display:flex;flex-direction:column;gap:10px;min-width:190px}.detail-cta a{display:block;text-align:center;padding:12px 16px;border-radius:11px;font-weight:850}.detail-primary{background:#111827;color:white}.detail-secondary{border:1px solid var(--line);background:var(--surface)}.detail-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.detail-meta-card{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:13px}.detail-meta-card span{display:block;color:var(--muted);font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.detail-meta-card strong{display:block;margin-top:4px}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;margin-top:22px}.detail-section{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px}.detail-section h2{font-family:Manrope,sans-serif;margin:0 0 12px;font-size:1.35rem}.detail-section p{color:var(--muted)}.detail-tags{display:flex;flex-wrap:wrap;gap:7px}.detail-tags span{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:7px 10px;font-size:.78rem;color:var(--muted)}.detail-free{background:var(--green-soft);border-color:rgba(56,201,138,.25)}.detail-free p{color:inherit}.similar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.similar-card{display:flex;gap:11px;align-items:center;border:1px solid var(--line);background:var(--surface-2);border-radius:14px;padding:12px;transition:.18s}.similar-card:hover{transform:translateY(-2px);border-color:#aaa2ff}.similar-logo{position:relative;width:40px;height:40px;border-radius:10px;background:var(--surface);border:1px solid var(--line);overflow:hidden;flex:0 0 auto;display:grid;place-items:center;font-size:.68rem;font-weight:900}.similar-logo img{position:absolute;inset:5px;width:calc(100% - 10px);height:calc(100% - 10px);object-fit:contain}.similar-card strong{display:block;font-size:.86rem}.similar-card small{display:block;color:var(--muted);margin-top:2px}.side-note{font-size:.78rem;color:var(--muted);margin-top:12px}.detail-price-free{color:var(--green)}.detail-price-freemium{color:var(--orange)}
html[data-theme="dark"] .detail-primary{background:#f4f6ff;color:#0f1525}
@media(max-width:820px){.detail-hero{grid-template-columns:1fr}.detail-cta{flex-direction:row;min-width:0}.detail-cta a{flex:1}.detail-grid{grid-template-columns:1fr}.detail-meta{grid-template-columns:repeat(2,1fr)}.similar-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.tool-page-main{width:min(100% - 24px,1080px);padding-top:26px}.detail-hero{padding:20px}.detail-ident{flex-direction:column}.detail-logo{width:68px;height:68px}.detail-meta{grid-template-columns:1fr}.similar-grid{grid-template-columns:1fr}.detail-cta{flex-direction:column}}

/* V6 — communauté + catalogue live 3000+ */
.live-catalog-status{position:relative;z-index:1;margin-top:14px;padding:9px 11px;border:1px solid rgba(255,255,255,.11);border-radius:10px;background:rgba(255,255,255,.055);color:#cbd5e1;font-size:.72rem;display:flex;align-items:center;gap:7px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#45d49b;box-shadow:0 0 0 4px rgba(69,212,155,.12)}
.community-section{padding-top:12px;padding-bottom:62px}.community-top-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.community-top-card{position:relative;display:flex;align-items:center;gap:9px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:13px;min-width:0;box-shadow:0 8px 24px rgba(15,23,42,.035)}.community-top-main{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.community-top-main>span:last-child{min-width:0}.community-top-main strong{display:block;font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.community-top-main small{display:block;color:var(--muted);font-size:.69rem;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.community-rank{position:absolute;top:7px;right:8px;font-weight:900;font-size:.6rem;color:#b3bac6}.community-note{margin:13px 0 0;color:var(--muted);font-size:.76rem}.community-row{display:flex;align-items:center;gap:9px;margin-top:12px;padding-top:10px;border-top:1px dashed var(--line)}.community-hint{font-size:.62rem;line-height:1.3;color:var(--muted)}.community-like-btn{border:1px solid #e4c9d3;background:#fff5f8;color:#a52857;border-radius:999px;min-height:34px;padding:6px 10px;display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:850;white-space:nowrap;cursor:pointer;transition:.15s}.community-like-btn:hover{transform:translateY(-1px);border-color:#d89aae}.community-like-btn.active{background:#fee8ef;color:#c12560;border-color:#f3a8c1}.community-like-btn [data-like-heart]{font-size:1rem;line-height:1}.community-like-btn small{font-size:.65rem;font-weight:800}.community-like-btn.compact{min-width:55px;justify-content:center;padding:6px 8px;margin-right:16px}.badge-weight{background:#ecf7f2;color:#26725a}.live-pill{font-size:.57rem;border-radius:999px;background:#e9fff6;color:#177352;padding:3px 6px;white-space:nowrap;font-weight:900;letter-spacing:.04em}.tool-card{min-height:372px}
html[data-theme="dark"] .community-top-card{background:var(--surface);border-color:var(--line)}html[data-theme="dark"] .community-like-btn{background:#2b1721;color:#ff92b7;border-color:#5d3042}html[data-theme="dark"] .community-like-btn.active{background:#421b2b;border-color:#91445f}html[data-theme="dark"] .badge-weight{background:#122b24;color:#71d9b6}html[data-theme="dark"] .live-pill{background:#123226;color:#74e1b9}
.detail-community{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #e4c9d3;background:#fff5f8;color:#a52857;border-radius:11px;padding:10px 14px;font-weight:850;cursor:pointer}.detail-community.active{background:#fee8ef;color:#c12560;border-color:#f3a8c1}.detail-community-note{font-size:.7rem;color:var(--muted);text-align:center;margin:0}.detail-community [data-like-heart]{font-size:1.12rem}html[data-theme="dark"] .detail-community{background:#2b1721;color:#ff92b7;border-color:#5d3042}
@media(max-width:1080px){.community-top-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.community-top-grid{grid-template-columns:1fr}.community-hint{display:none}.tool-card{min-height:350px}.community-like-btn.compact{margin-right:15px}}

/* V6 production — communauté, tendances et raccourcis par besoin */
.period-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:-4px 0 16px}.period-tab{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;padding:8px 13px;font-weight:800;font-size:.75rem;cursor:pointer;transition:.16s}.period-tab:hover{transform:translateY(-1px);color:var(--text)}.period-tab.active{background:var(--text);color:var(--surface);border-color:var(--text)}
.community-use-btn{border:1px solid #cbd9ef;background:#f4f8ff;color:#315d91;border-radius:999px;min-height:34px;padding:6px 10px;display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:850;white-space:nowrap;cursor:pointer;transition:.15s}.community-use-btn:hover{transform:translateY(-1px);border-color:#8eadd4}.community-use-btn.active{background:#e4efff;color:#24558d;border-color:#8cb5e7}.community-use-btn small{font-size:.65rem;font-weight:800}
.trend-pill,.new-pill{font-size:.57rem;border-radius:999px;padding:3px 6px;white-space:nowrap;font-weight:900;letter-spacing:.02em}.trend-pill{background:#fff0df;color:#a95600}.new-pill{background:#eef0ff;color:#5647d9}
.best-for-section{padding-top:8px;padding-bottom:64px}.best-for-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.best-for-card{display:flex;align-items:center;text-align:left;gap:12px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:18px;padding:16px;cursor:pointer;box-shadow:0 8px 28px rgba(15,23,42,.035);transition:.17s;min-width:0}.best-for-card:hover{transform:translateY(-2px);border-color:#b9b2ff;box-shadow:0 12px 34px rgba(64,52,170,.09)}.best-for-icon{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:13px;background:var(--surface-soft);font-size:1.25rem}.best-for-copy{display:block;min-width:0;flex:1}.best-for-copy strong{display:block;font-size:.9rem}.best-for-copy small{display:block;margin-top:5px;color:var(--muted);font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.best-for-arrow{font-size:1.1rem;color:var(--muted)}
.detail-use{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #cbd9ef;background:#f4f8ff;color:#315d91;border-radius:11px;padding:10px 14px;font-weight:850;cursor:pointer}.detail-use.active{background:#e4efff;color:#24558d;border-color:#8cb5e7}
html[data-theme="dark"] .period-tab{background:var(--surface);border-color:var(--line)}html[data-theme="dark"] .period-tab.active{background:#f4f6ff;color:#111827;border-color:#f4f6ff}html[data-theme="dark"] .community-use-btn,html[data-theme="dark"] .detail-use{background:#14243a;color:#8ec5ff;border-color:#2e4c70}html[data-theme="dark"] .community-use-btn.active,html[data-theme="dark"] .detail-use.active{background:#1d3554;border-color:#4776aa}html[data-theme="dark"] .trend-pill{background:#3b2916;color:#ffc77c}html[data-theme="dark"] .new-pill{background:#24254a;color:#aaa5ff}
@media(max-width:900px){.best-for-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.best-for-grid{grid-template-columns:1fr}.period-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.period-tab{flex:0 0 auto}.community-row{gap:6px}.community-like-btn,.community-use-btn{padding:6px 8px}.community-like-btn small,.community-use-btn small{display:none}}

/* V6.1 — séparation outils / modèles + cartes modèles lisibles */
.type-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:-2px 0 18px}.type-tab{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;padding:8px 12px;font-size:.75rem;font-weight:850;cursor:pointer;transition:.16s}.type-tab small{display:inline-grid;place-items:center;min-width:24px;height:20px;padding:0 6px;border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:.64rem}.type-tab:hover{transform:translateY(-1px);border-color:#b7b0ff;color:var(--text)}.type-tab.active{background:var(--text);color:var(--surface);border-color:var(--text)}.type-tab.active small{background:rgba(255,255,255,.16);color:inherit}
.model-card .tool-name-row{flex-wrap:wrap;align-items:center;row-gap:5px}.model-card .tool-name{flex:1 1 100%;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.28;font-size:.88rem}.model-card .tool-company{margin-top:4px}.model-card .tool-description{min-height:54px}.model-logo-wrap .logo-fallback{font-size:1.3rem;line-height:1}.model-metrics{display:flex;gap:8px;flex-wrap:wrap;margin:-2px 0 10px;color:var(--muted)}.model-metrics span{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line);background:var(--surface-2);border-radius:999px;padding:5px 8px;font-size:.64rem;font-weight:750}.model-card .popular-pill{display:none}
html[data-theme="dark"] .type-tab.active{background:#f4f6ff;color:#111827;border-color:#f4f6ff}html[data-theme="dark"] .type-tab.active small{background:rgba(17,24,39,.12)}
@media(max-width:600px){.type-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px}.type-tab{flex:0 0 auto}.model-card .tool-name{font-size:.84rem}.model-metrics span{font-size:.61rem}}

/* V7 — accueil découverte inspiré des meilleurs annuaires, design original */
.hero-filter-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.hero-filter-pills button{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;color:var(--muted);padding:6px 3px;font-size:.76rem;font-weight:800}.hero-filter-pills button:hover{color:var(--primary)}.pill-dot{width:8px;height:8px;border-radius:50%}.free-dot{background:#21b979;box-shadow:0 0 0 4px rgba(33,185,121,.11)}.freemium-dot{background:#f0a11a;box-shadow:0 0 0 4px rgba(240,161,26,.1)}
.discovery-hub{padding-top:54px;padding-bottom:38px}.discovery-title-row{align-items:center}.discovery-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.discovery-panel{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:16px;box-shadow:0 12px 34px rgba(15,23,42,.045);overflow:hidden}.discovery-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 2px 13px;border-bottom:1px solid var(--line)}.discovery-panel-head>div{display:flex;align-items:center;gap:9px}.discovery-panel-head strong{font-family:Manrope,sans-serif;font-size:1rem}.discovery-panel-head>span{font-size:.64rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);background:var(--surface-2);border-radius:999px;padding:5px 8px}.discovery-symbol{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:var(--primary-soft);color:var(--primary);font-weight:900}.compact-tool-list{display:flex;flex-direction:column}.compact-tool-item{position:relative;display:grid;grid-template-columns:26px 34px 1fr auto;align-items:center;gap:9px;min-width:0;padding:11px 2px;border-bottom:1px solid var(--line);transition:.15s}.compact-tool-item:last-child{border-bottom:0}.compact-tool-item:hover{padding-left:6px;background:linear-gradient(90deg,var(--surface-2),transparent);border-radius:10px}.compact-rank{color:#a5adba;font-weight:900;font-size:.64rem}.compact-logo{position:relative;width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface-2);font-size:.65rem;font-weight:900}.compact-logo .tool-logo{position:absolute;inset:5px;width:calc(100% - 10px);height:calc(100% - 10px);object-fit:contain}.compact-logo .logo-fallback{font-size:.6rem}.compact-tool-copy{display:block;min-width:0}.compact-tool-copy strong{display:block;font-size:.79rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-tool-copy small{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:.62rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.mini-price{display:inline-flex;border-radius:999px;padding:1px 5px;font-size:.55rem;font-weight:900}.mini-price.free{background:var(--green-soft);color:#15764f}.mini-price.freemium{background:var(--orange-soft);color:#9b6506}.compact-tool-signal{font-size:.62rem;font-weight:900;color:var(--muted);white-space:nowrap}.panel-more{width:100%;border:0;border-top:1px solid var(--line);background:transparent;color:var(--text);font-weight:850;padding:12px 4px 0;margin-top:3px;text-align:left;font-size:.72rem}.panel-more:hover{color:var(--primary)}.latest-panel{border-top:3px solid #7768ff}.trend-panel{border-top:3px solid #ff8a3d}.selection-panel{border-top:3px solid #e2ad29}.directory-proof{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:15px}.directory-proof span{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:13px;background:var(--surface);padding:11px 13px;color:var(--muted);font-size:.7rem}.directory-proof strong{color:var(--text);font-size:.78rem}
.category-showcase-section{padding-top:42px;padding-bottom:56px}.category-showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.category-showcase-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden}.category-showcase-head{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;border:0;background:linear-gradient(180deg,var(--surface),var(--surface-2));color:var(--text);padding:15px;text-align:left}.category-showcase-head:hover{color:var(--primary)}.showcase-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--surface);border:1px solid var(--line);font-size:1.1rem}.category-showcase-head strong{display:block;font-size:.86rem}.category-showcase-head small{display:block;color:var(--muted);font-size:.63rem;margin-top:2px}.showcase-list{padding:5px 12px 10px}.showcase-list>a{display:grid;grid-template-columns:19px 28px 1fr auto;gap:8px;align-items:center;padding:8px 1px;border-bottom:1px solid var(--line);font-size:.7rem}.showcase-list>a:last-child{border-bottom:0}.showcase-list>a>span{color:#adb4bf;font-weight:900;font-size:.58rem}.showcase-list>a>strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.showcase-list>a>small{color:var(--muted);font-size:.58rem}.showcase-logo{position:relative;width:28px;height:28px;display:grid;place-items:center;border-radius:8px;border:1px solid var(--line);background:var(--surface-2);overflow:hidden;font-size:.55rem;font-weight:900}.showcase-logo .tool-logo{position:absolute;inset:4px;width:calc(100% - 8px);height:calc(100% - 8px);object-fit:contain}.showcase-list>a:hover strong{color:var(--primary)}
.publisher-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface)}.publisher-strip .section-wrap{padding-top:28px;padding-bottom:28px}.publisher-strip-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:13px}.publisher-strip-head span{font-weight:850;font-size:.78rem}.publisher-strip-head small{color:var(--muted)}.publisher-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:8px}.publisher-pill{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:12px;padding:9px 8px;font-weight:800;font-size:.65rem;transition:.15s}.publisher-pill:hover{transform:translateY(-1px);border-color:#b8b1ff;color:var(--primary);box-shadow:0 7px 18px rgba(67,56,180,.08)}.publisher-pill img{width:20px;height:20px;object-fit:contain;border-radius:5px}.publisher-pill span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.publisher-pill small{display:grid;place-items:center;min-width:20px;height:20px;padding:0 4px;border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:.55rem}
html[data-theme="dark"] .hero-filter-pills button{color:#9aa8bd}html[data-theme="dark"] .hero-filter-pills button:hover{color:#b7b0ff}html[data-theme="dark"] .mini-price.free{background:#103025;color:#69deb3}html[data-theme="dark"] .mini-price.freemium{background:#392a12;color:#ffc66d}html[data-theme="dark"] .discovery-symbol{background:#24204c;color:#b7afff}html[data-theme="dark"] .publisher-strip{background:var(--surface);border-color:var(--line)}
@media(max-width:1100px){.discovery-columns{grid-template-columns:1fr 1fr}.selection-panel{grid-column:1/-1}.directory-proof{grid-template-columns:1fr 1fr}.category-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.publisher-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:720px){.discovery-columns{grid-template-columns:1fr}.selection-panel{grid-column:auto}.directory-proof{grid-template-columns:1fr}.category-showcase-grid{grid-template-columns:1fr}.publisher-strip-head{align-items:flex-start;flex-direction:column;gap:3px}.publisher-grid{display:flex;overflow-x:auto;padding-bottom:4px}.publisher-pill{flex:0 0 120px}.hero-filter-pills{gap:6px 12px}.discovery-hub{padding-top:42px}.category-showcase-section{padding-top:32px}}

/* --- Bilingual FR / EN switch --- */
.language-toggle{display:inline-flex;align-items:center;gap:5px;padding:3px 5px;border:1px solid var(--border);border-radius:999px;background:var(--surface, #fff);box-shadow:0 1px 3px rgba(15,23,42,.05);white-space:nowrap}
.language-toggle button{border:0;background:transparent;color:var(--muted,#64748b);font:700 11px/1 Inter,sans-serif;letter-spacing:.04em;padding:6px 7px;border-radius:999px;cursor:pointer;transition:.18s ease}
.language-toggle span{font-size:10px;color:var(--border-strong,#cbd5e1)}
.language-toggle button:hover{color:var(--text,#0f172a)}
.language-toggle button.active{background:var(--text,#0f172a);color:var(--surface,#fff)}
[data-theme="dark"] .language-toggle{background:rgba(255,255,255,.04)}
[data-theme="dark"] .language-toggle button.active{background:#f8fafc;color:#0f172a}
@media (max-width:760px){.language-toggle{order:8}.language-toggle button{padding:6px;font-size:10px}}


/* AINAVIX LOGO FALLBACK FIX */

/*
Le fallback (initiales / emoji) n'est visible QUE lorsque
le vrai logo est absent ou n'a pas pu être chargé.
*/
.logo-wrap:has(.tool-logo:not([style*="display: none"])) > .logo-fallback,
.detail-logo:has(img:not([style*="display: none"])) > span,
.similar-logo:has(img:not([style*="display: none"])) > span {
  display: none !important;
}

/* Meilleure zone cliquable pour la croix de recherche */
.clear-search {
  cursor: pointer;
  width: 40px;
  height: 40px;
  min-width: 40px;
  padding: 0;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 5;
  border-radius: 9px;
}

.clear-search.visible {
  display: inline-flex;
}

.clear-search:hover {
  background: var(--surface-2);
  color: var(--text);
}