/* ClairPDF — refonte de lisibilité et de parcours V1.1 (après SEO V1.1)
   Surcharge isolée : les composants fonctionnels et scripts restent inchangés. */
:root{
  --bg:#f7f9fc;
  --soft:#f0f5fb;
  --line:#dce5f0;
  --muted:#53637b;
  --primary:#245bd8;
  --primary2:#1748b9;
  --shadow:0 16px 46px rgba(19,42,80,.085);
  --wrap:1190px;
}
body.dark{--muted:#afbdd3;--soft:#16233a;--line:#31415c;--primary:#80a6ff;--primary2:#a2baff}
html{scroll-padding-top:105px}
body{font-size:15px;line-height:1.6}
button,a,input,summary{ -webkit-tap-highlight-color:transparent }
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,.file-drop:focus-within{
  outline:3px solid color-mix(in srgb,var(--primary) 70%,transparent);outline-offset:3px;
}
.btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;border-radius:12px;line-height:1.25}
.btn-big{min-height:51px;padding:14px 19px}
.btn-light:hover{background:var(--soft)}
.header{box-shadow:0 3px 13px rgba(20,42,74,.035)}
.header-inner{gap:22px}
.header nav{gap:19px}
.header nav>a{font-size:13px;color:var(--text);font-weight:650}
.header nav>a:hover{color:var(--primary)}
.topbar{background:#132842}
.topbar-inner{min-height:33px}
.topbar-inner b{font-weight:650}
.brand-logo{font-size:17px}
.eyebrow{font-size:11px;letter-spacing:.075em}
.section{padding:68px 0}
.section h2{line-height:1.16;letter-spacing:-1.2px}
.section-head p{font-size:14px;line-height:1.6}
/* Première impression : une intention, des actions immédiates, et un choix guidé. */
.home-v22{overflow:clip}
.home-hero{padding:67px 0 60px;background:radial-gradient(circle at 10% 15%,rgba(36,91,216,.075),transparent 34%),radial-gradient(circle at 86% 70%,rgba(21,162,151,.065),transparent 32%),var(--bg)}
.home-glow{opacity:.16}
.home-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:clamp(22px,4vw,55px);align-items:center}
.home-proof-pill{font-size:12px;padding:8px 12px;margin-bottom:15px;box-shadow:none}
.home-proof-pill small{font-size:11px}
.home-hero h1{font-size:clamp(43px,4.6vw,64px);line-height:1.06;letter-spacing:-2.8px;max-width:590px;margin:12px 0 21px}
.home-hero h1 span{display:inline;color:var(--primary);background:none;-webkit-text-fill-color:currentColor}
.home-lead{font-size:17px;line-height:1.72;max-width:550px}
.home-hero-actions{margin-top:25px;gap:10px}
.home-trustline{margin-top:22px;gap:10px 19px;font-size:12px;font-weight:650}
.home-trustline i{font-size:11px;width:21px;height:21px}
.home-quick-tasks{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:22px}
.home-quick-tasks>span{font-size:12px;color:var(--muted);font-weight:700;margin-right:3px}
.home-quick-tasks a{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:12px;font-weight:750;line-height:1.3;box-shadow:0 2px 7px rgba(20,40,80,.035)}
.home-quick-tasks a:hover{border-color:var(--primary);color:var(--primary)}
.home-quick-tasks a span{color:var(--primary)}
.home-launcher{padding:25px;border-radius:23px;box-shadow:0 20px 54px rgba(26,53,95,.09);border-color:var(--line);backdrop-filter:none}
.home-launcher:before{display:none}
.home-launcher-head h2{font-size:22px;letter-spacing:-.45px;line-height:1.25}
.home-ready{font-size:11px;padding:7px 10px}
.home-launcher .mini{font-size:10px}
.home-format-grid{gap:9px}
.home-format-choice{min-height:74px;padding:12px 13px;background:var(--surface);border-radius:13px;transition:background .15s,border-color .15s}
.home-format-choice span{font-size:14px;line-height:1.3}
.home-format-choice small{font-size:11px;line-height:1.4;margin-top:5px}
.home-format-choice:hover{border-color:var(--primary)}
.home-format-choice.active{background:color-mix(in srgb,var(--primary) 7%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 15%,transparent)}
.home-launcher-results{margin-top:13px}
.home-format-tools{gap:9px}
.home-format-tools a{min-height:83px;border-radius:13px;padding:12px;gap:10px}
.home-tool-mini-icon{flex:0 0 41px;width:41px;height:41px;font-size:11px}
.home-format-tools b{font-size:13px;line-height:1.3}
.home-format-tools small{font-size:11px;line-height:1.4;margin-top:4px}
.home-format-tools em{font-size:16px}
.home-launcher-footer{font-size:12px;margin-top:15px;padding-top:15px}
.home-launcher-footer button{font-size:12px;line-height:1.4}
/* Repères de confiance sans faux chiffres ni grosses bannières. */
.home-stat-band{background:var(--surface);color:var(--text);border-color:var(--line)}
.home-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:20px 0}
.home-stat-grid>div{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:12px;padding:5px 16px;border-right:1px solid var(--line)}
.home-stat-grid>div:last-child{border-right:none}
.home-stat-grid>div>div{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.home-stat-grid b{font-size:15px;letter-spacing:0;line-height:1.3}
.home-stat-grid span:not(.home-stat-symbol){font-size:12px;color:var(--muted);margin-top:3px;line-height:1.45}
.home-stat-symbol{display:grid;place-items:center;flex:0 0 36px;height:36px;border-radius:12px;background:color-mix(in srgb,var(--primary) 8%,var(--surface));color:var(--primary);font-size:18px;font-weight:850}
/* Cartes : textes lisibles, espace, affordance. */
.home-section-head p,.home-catalogue-head p{font-size:14px;line-height:1.55}
.home-essential-section{padding-top:62px;padding-bottom:64px}
.home-essential-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.home-essential-card{min-height:104px;padding:16px;border-radius:16px;gap:13px}
.home-essential-icon{flex:0 0 47px;width:47px;height:47px;font-size:12px}
.home-essential-copy b{font-size:15px;line-height:1.3}
.home-essential-copy small{font-size:12px;line-height:1.42;margin-top:5px}
.home-essential-arrow{font-size:14px;right:12px;top:12px}
.home-categories-v22{padding:64px 0}
.home-category-grid{gap:12px}
.home-category-card{min-height:206px;padding:20px}
.home-category-top{margin-bottom:20px}
.home-category-top small{font-size:11px;letter-spacing:0;text-transform:none}
.home-category-card>b{font-size:18px}
.home-category-card p{font-size:13px;line-height:1.62;margin:8px 0 14px}
.home-category-card em{font-size:13px}
.home-catalogue{padding-top:72px}
.home-search{min-height:52px;border-radius:13px;box-shadow:0 3px 12px rgba(20,40,70,.035)}
.home-search>span{font-size:25px;color:var(--primary)}
.home-search input{font-size:14px}
.home-search kbd{font-size:11px}
.home-search-wrap>small{font-size:12px}
.home-tabs{gap:9px;margin-bottom:19px;padding-bottom:5px}
.home-tabs button{font-size:13px;padding:10px 14px}
.home-tabs button span{font-size:11px}
.home-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.home-tool-card{min-height:114px;padding:17px;gap:13px}
.home-tool-card .tool-icon{flex:0 0 46px;height:46px;font-size:12px}
.home-tool-card .tool-copy b{font-size:15px;padding-right:50px;line-height:1.4}
.home-tool-card .tool-copy small{font-size:12px;line-height:1.5;padding-right:0}
.home-tool-card .guest{font-size:10px;top:10px;right:10px;padding:4px 7px;text-transform:none}
.guest-server{background:#fff2d7;color:#885811}
.home-empty-search p{font-size:13px}
.home-why{background:#132842}
.home-why-intro p{font-size:14px}
.home-benefit-grid article{min-height:190px;padding:19px}
.home-benefit-grid article>span{font-size:12px}
.home-benefit-grid article>i{margin-bottom:22px}
.home-benefit-grid h3{font-size:17px}
.home-benefit-grid p{font-size:13px}
.home-pricing-copy p{font-size:14px}
.home-faq-intro p{font-size:14px}
.home-faq-list summary{font-size:15px;line-height:1.4;padding:18px 19px}
.home-faq-list details p{font-size:14px;padding:15px 19px}
.home-final-shell{background:linear-gradient(125deg,#132842,#1a3c72)}
.home-final-shell p{font-size:14px}
/* Toujours visibles même si JS d'animation ou bloqueur échoue. */
.home-reveal{opacity:1;transform:none;transition:none}
/* Outil : donne la priorité à l’action et à sa confidentialité. */
.tool-page>.breadcrumb{padding-top:20px}
.tool-hero{padding:25px 0 28px;background:linear-gradient(170deg,var(--soft),var(--bg));}
.tool-hero-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);gap:25px;align-items:center}
.tool-title-row{margin:0;gap:15px}
.tool-title-row h1{font-size:clamp(30px,3.4vw,44px);letter-spacing:-1.3px;line-height:1.12}
.tool-big-icon{width:62px;height:62px;flex:0 0 62px;font-size:15px}
.tool-page .lead{font-size:16px;line-height:1.7;max-width:710px;margin:13px 0 0}
.tool-page .checks{gap:8px 15px;margin-top:14px}
.tool-page .checks span{font-size:12px;color:var(--muted)}
.tool-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:18px}
.tool-hero-actions .favorite-btn{margin-top:0}
.privacy-box{border-radius:15px;padding:18px 20px;box-shadow:0 5px 16px rgba(19,42,80,.035)}
.privacy-box b{font-size:14px}
.privacy-box p{font-size:13px;line-height:1.65}
.tool-page .tool-work{padding-top:28px}
.tool-page .workspace{padding:27px;border-radius:19px;box-shadow:0 13px 42px rgba(19,42,80,.075)}
.tool-page .workspace-head h2{font-size:25px;letter-spacing:-.7px}
.tool-page .workspace-head .mini{font-size:11px}
.tool-steps{gap:9px}
.tool-step b{font-size:13px}
.tool-step small{font-size:11px}
.quota-status,.privacy-mini{font-size:12px}
.file-drop{background:color-mix(in srgb,var(--primary) 4%,var(--surface));border:2px dashed color-mix(in srgb,var(--primary) 40%,var(--line));min-height:220px;border-radius:15px}
.file-drop:hover,.file-drop:focus-within{background:color-mix(in srgb,var(--primary) 7%,var(--surface));border-color:var(--primary)}
.file-drop>b{font-size:19px;line-height:1.3}
.file-drop .drop-secondary{font-size:13px}
.file-drop small{font-size:12px;line-height:1.45}
.workspace-run-zone small{font-size:12px;line-height:1.6}
.tool-options label{font-size:13px}
.server-note{font-size:12px;line-height:1.55}
.tool-explainer{font-size:14px;line-height:1.72}
.tool-explainer h2{font-size:25px}
/* Pages complémentaires et pied de page : confort de lecture. */
.footer-grid a,.footer-grid button,.footer-grid span{font-size:13px;line-height:1.55}
.footer-grid p{font-size:13px;line-height:1.7}
.modal-card label{font-size:13px}
.modal-card input{height:46px;font-size:14px}
@media(max-width:1050px){
 .home-hero-grid{grid-template-columns:1fr;gap:32px}
 .home-hero-copy{max-width:780px}
 .home-essential-grid,.home-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .home-stat-grid>div{justify-content:flex-start}
}
@media(max-width:800px){
 .home-hero{padding:46px 0 43px}
 .home-hero h1{font-size:clamp(40px,7vw,58px);letter-spacing:-2.3px}
 .home-stat-grid{grid-template-columns:1fr;gap:0;padding:8px 0}
 .home-stat-grid>div{padding:13px 4px;border-right:0;border-bottom:1px solid var(--line)}
 .home-stat-grid>div:last-child{border-bottom:0}
 .home-quick-tasks{gap:7px}
 .home-why>.wrap{grid-template-columns:1fr}
 .tool-hero-grid{grid-template-columns:1fr;gap:15px}
 .tool-hero{padding:20px 0}
}
@media(max-width:620px){
 body{font-size:14px}
 .home-hero h1{font-size:clamp(37px,9vw,48px);letter-spacing:-1.8px}
 .home-lead{font-size:15px}
 .home-launcher{padding:18px}
 .home-format-grid,.home-format-tools{grid-template-columns:repeat(2,minmax(0,1fr))}
 .home-format-choice{min-height:74px;padding:11px}
 .home-format-choice span{font-size:13px}
 .home-format-choice small{font-size:10px}
 .home-format-tools a{min-height:92px;align-items:flex-start;padding:11px 10px;gap:7px}
 .home-tool-mini-icon{flex:0 0 34px;width:34px;height:34px;font-size:10px}
 .home-format-tools b{font-size:12px}
 .home-format-tools small{font-size:10px}
 .home-essential-grid,.home-tool-grid{grid-template-columns:1fr}
 .home-essential-card{min-height:92px}
 .home-tool-card{min-height:106px}
 .home-tool-card .tool-copy b{font-size:15px}
 .home-category-card{min-height:180px}
 .section{padding:52px 0}
 .tool-title-row{align-items:flex-start}
 .tool-title-row h1{font-size:30px;letter-spacing:-1px}
 .tool-big-icon{flex:0 0 53px;width:53px;height:53px}
 .tool-page .workspace{padding:18px}
 .workspace-head{align-items:flex-start}
 .workspace-head .engine-pill{font-size:11px}
 .tool-hero-actions .btn{width:100%}
 .home-faq-list summary{font-size:14px}
}
@media(max-width:380px){
 .home-format-grid,.home-format-tools{grid-template-columns:1fr}
 .home-quick-tasks a{font-size:11px}
 .tool-steps{gap:4px}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}
}