/* Idéal Web — styles extraits de convertisseur-image-gratuit.html lors de la consolidation CSS V1.
   Source unique: ces règles ont été retirées du HTML, pas dupliquées. */
:root{
 --iw-bg:#020617;
 --iw-bg-2:#06111f;
 --iw-card:rgba(15,23,42,.72);
 --iw-card-2:rgba(2,6,23,.62);
 --iw-border:rgba(148,163,184,.18);
 --iw-text:#f8fafc;
 --iw-muted:#94a3b8;
 --iw-green:#22c55e;
 --iw-green-2:#25D366;
 --iw-blue:#60a5fa;
 --iw-yellow:#facc15;
 --iw-radius:26px;
 --iw-shadow:0 24px 70px rgba(0,0,0,.35);
 }
 *{box-sizing:border-box}
 body{
 margin:0;
 font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
 color:var(--iw-text);
 background:
 radial-gradient(circle at top left,rgba(34,197,94,.16),transparent 34%),
 radial-gradient(circle at top right,rgba(96,165,250,.15),transparent 32%),
 linear-gradient(180deg,var(--iw-bg),#030712 55%,#020617);
 min-height:100vh;
 line-height:1.6;
 }
 a{color:inherit;text-decoration:none}
 .iw-container{width:min(1160px,calc(100% - 32px));margin-inline:auto}
 .iw-header{
 position:sticky;top:0;z-index:20;
 backdrop-filter:blur(18px);
 background:rgba(2,6,23,.78);
 border-bottom:1px solid var(--iw-border);
 }
 .iw-nav{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:18px}
 .iw-brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:-.04em;font-size:1.3rem}
 .iw-brand-mark{width:38px;height:38px;border-radius:14px;background:linear-gradient(135deg,var(--iw-green),var(--iw-blue));box-shadow:0 0 34px rgba(34,197,94,.35);display:grid;place-items:center;color:#00130a;font-weight:1000}
 .iw-menu{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
 .iw-menu a{font-size:.92rem;color:#cbd5e1;padding:9px 12px;border-radius:999px;border:1px solid transparent}
 .iw-menu a:hover{border-color:rgba(34,197,94,.24);background:rgba(34,197,94,.07);color:#fff}
 .iw-btn{
 display:inline-flex;align-items:center;justify-content:center;gap:9px;
 border:0;border-radius:999px;padding:13px 20px;font-weight:900;cursor:pointer;
 background:linear-gradient(135deg,var(--iw-green),var(--iw-green-2));color:#02130a;
 box-shadow:0 16px 38px rgba(34,197,94,.24);
 transition:.2s ease;white-space:nowrap;
 }
 .iw-btn:hover{transform:translateY(-2px);filter:saturate(1.1)}
 .iw-btn.secondary{background:rgba(15,23,42,.9);color:#e2e8f0;border:1px solid var(--iw-border);box-shadow:none}
 .iw-btn.ghost{background:transparent;color:#dbeafe;border:1px solid rgba(96,165,250,.28);box-shadow:none}
 .hero{padding:86px 0 38px}
 .hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:36px;align-items:center}
 .badge{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(96,165,250,.26);background:rgba(96,165,250,.08);color:#bfdbfe;border-radius:999px;padding:8px 13px;font-size:.83rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
 h1{font-size:clamp(2.25rem,5vw,4.85rem);line-height:.98;margin:18px 0 18px;letter-spacing:-.075em}
 h1 span,.green{color:var(--iw-green)}
 .lead{font-size:clamp(1.05rem,1.8vw,1.28rem);color:#cbd5e1;max-width:760px;margin:0 0 24px}
 .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0}
 .trust-row{display:flex;gap:10px;flex-wrap:wrap;color:#cbd5e1;font-size:.94rem}
 .trust-pill{border:1px solid var(--iw-border);background:rgba(15,23,42,.58);border-radius:999px;padding:8px 12px}
 .converter-card{
 border:1px solid var(--iw-border);background:linear-gradient(180deg,rgba(15,23,42,.88),rgba(2,6,23,.78));
 border-radius:var(--iw-radius);box-shadow:var(--iw-shadow);padding:22px;position:relative;overflow:hidden;
 }
 .converter-card::before{content:"";position:absolute;inset:-80px -80px auto auto;width:220px;height:220px;border-radius:999px;background:rgba(34,197,94,.12);filter:blur(8px)}
 .dropzone{
 position:relative;border:1.5px dashed rgba(148,163,184,.36);border-radius:22px;background:rgba(2,6,23,.44);
 padding:30px;text-align:center;min-height:210px;display:grid;place-items:center;transition:.2s ease;cursor:pointer;
 }
 .dropzone:hover,.dropzone.dragover{border-color:rgba(34,197,94,.72);background:rgba(34,197,94,.06)}
 .dropzone input{position:absolute;inset:0;opacity:0;cursor:pointer}
 .upload-icon{width:66px;height:66px;border-radius:24px;display:grid;place-items:center;margin:0 auto 14px;background:linear-gradient(135deg,rgba(34,197,94,.18),rgba(96,165,250,.18));border:1px solid var(--iw-border);font-size:2rem}
 .drop-title{font-size:1.15rem;font-weight:950;margin-bottom:6px}
 .drop-small{color:var(--iw-muted);font-size:.93rem}
 .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}
 label{display:block;color:#cbd5e1;font-weight:800;font-size:.86rem;margin-bottom:7px}
 select,input[type="number"],input[type="range"]{
 width:100%;border:1px solid var(--iw-border);background:rgba(2,6,23,.68);color:#fff;border-radius:15px;padding:13px 14px;outline:none;
 }
 input[type="range"]{padding:13px 0}
 .full{grid-column:1/-1}
 .result-box{margin-top:16px;border:1px solid var(--iw-border);border-radius:20px;background:rgba(2,6,23,.42);padding:15px;display:none}
 .result-box.active{display:block}
 .result-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#cbd5e1;font-size:.92rem;margin-bottom:12px}
 .preview{max-height:260px;overflow:hidden;border-radius:16px;background:#0b1120;display:grid;place-items:center;border:1px solid rgba(148,163,184,.14)}
 .preview img{width:100%;height:auto;display:block;object-fit:contain;max-height:260px}
 .notice{margin-top:13px;color:#fef3c7;background:rgba(250,204,21,.08);border:1px solid rgba(250,204,21,.22);padding:12px 13px;border-radius:16px;font-size:.9rem}
 .section{padding:58px 0;border-top:1px solid rgba(148,163,184,.11)}
 .section-head{text-align:center;max-width:760px;margin:0 auto 30px}
 h2{font-size:clamp(1.8rem,3.5vw,3rem);line-height:1.05;margin:0 0 12px;letter-spacing:-.05em}
 .section-head p{color:var(--iw-muted);font-size:1.05rem;margin:0}
 .cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
 .info-card{border:1px solid var(--iw-border);background:var(--iw-card);border-radius:22px;padding:20px;min-height:100%;box-shadow:0 18px 48px rgba(0,0,0,.18)}
 .info-card .icon{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;background:rgba(34,197,94,.10);color:var(--iw-green);margin-bottom:12px;font-size:1.3rem}
 .info-card h3{font-size:1.02rem;margin:0 0 8px;color:#fff}
 .info-card p{color:#aab6c8;margin:0;font-size:.94rem}
 .seo-text{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
 .text-panel{border:1px solid var(--iw-border);background:var(--iw-card-2);border-radius:24px;padding:24px;color:#cbd5e1}
 .text-panel h2,.text-panel h3{color:#fff;margin-top:0}
 .text-panel ul{margin:14px 0 0;padding-left:18px;color:#cbd5e1}
 .faq{display:grid;gap:12px;max-width:920px;margin:0 auto}
 details{border:1px solid var(--iw-border);background:rgba(15,23,42,.68);border-radius:18px;padding:16px 18px}
 summary{cursor:pointer;font-weight:950;color:#fff}
 details p{color:#aab6c8;margin:10px 0 0}
 .cta-band{border:1px solid rgba(34,197,94,.28);background:linear-gradient(135deg,rgba(34,197,94,.12),rgba(96,165,250,.08));border-radius:30px;padding:34px;display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap}
 .cta-band h2{margin:0 0 8px}.cta-band p{margin:0;color:#cbd5e1;max-width:660px}
 footer{border-top:1px solid var(--iw-border);padding:30px 0;color:#94a3b8;font-size:.92rem;text-align:center}
 .error{color:#fecaca;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.22);padding:12px;border-radius:14px;margin-top:12px;display:none}
 .error.active{display:block}
 @media(max-width:960px){.hero-grid,.seo-text{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.iw-menu{display:none}.hero{padding-top:54px}.converter-card{padding:16px}}
 @media(max-width:620px){.cards,.form-grid{grid-template-columns:1fr}.iw-container{width:min(100% - 22px,1160px)}.dropzone{padding:22px}.cta-band{padding:24px}.iw-btn{width:100%}.hero-actions .iw-btn{width:100%}}

:root{--iw-seo-bg:#020617;--iw-seo-card:rgba(15,23,42,.84);--iw-seo-line:rgba(148,163,184,.22);--iw-seo-text:#e5eefb;--iw-seo-muted:#94a3b8;--iw-seo-green:#22c55e;--iw-seo-blue:#60a5fa;}
 .iw-seo-header,.iw-seo-footer{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--iw-seo-text);}
 .iw-seo-header{position:sticky;top:0;z-index:999;background:rgba(2,6,23,.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--iw-seo-line);box-shadow:0 14px 40px rgba(0,0,0,.18);}
 .iw-seo-shell{width:min(1180px,calc(100% - 32px));margin-inline:auto;}
 .iw-seo-header-inner{min-height:72px;display:flex;align-items:center;gap:18px;justify-content:space-between;}
 .iw-seo-brand{display:inline-flex;align-items:center;gap:10px;color:#fff!important;text-decoration:none!important;font-weight:900;letter-spacing:-.03em;font-size:1.08rem;white-space:nowrap;}
 .iw-seo-brand-mark{width:42px!important;height:42px!important;min-width:42px!important;border-radius:12px!important;background:#020617 url('../../../../assets_brand/idealweb-logo-square.webp') center/contain no-repeat!important;box-shadow:none!important;filter:drop-shadow(0 0 12px rgba(56,189,248,.28)) drop-shadow(0 0 10px rgba(34,197,94,.14))!important;display:inline-block!important;position:relative!important;border:1px solid rgba(125,211,252,.22)!important;}
 .iw-seo-brand-mark:after{content:none!important;display:none!important;}
 .iw-seo-brand small{color:var(--iw-seo-green);font-size:1em;}
 .iw-seo-nav{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:center;}
 .iw-seo-nav a{color:#cbd5e1!important;text-decoration:none!important;font-size:.92rem;font-weight:700;line-height:1.2;transition:.2s ease;}
 .iw-seo-nav a:hover{color:#fff!important;}
 .iw-seo-actions{display:flex;align-items:center;gap:10px;white-space:nowrap;}
 .iw-seo-pro{color:#dbeafe!important;text-decoration:none!important;border:1px solid rgba(96,165,250,.28);border-radius:999px;padding:10px 14px;font-weight:800;font-size:.9rem;background:rgba(96,165,250,.08);}
 .iw-seo-cta{color:#03140a!important;text-decoration:none!important;border-radius:999px;padding:11px 16px;font-weight:950;font-size:.9rem;background:linear-gradient(135deg,#22c55e,#86efac);box-shadow:0 14px 32px rgba(34,197,94,.24);}
 .iw-seo-footer{background:linear-gradient(180deg,#020617,#01040d);border-top:1px solid var(--iw-seo-line);padding:42px 0 22px;margin-top:64px;}
 .iw-seo-trust{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px;}
 .iw-seo-trust span{border:1px solid rgba(148,163,184,.22);background:rgba(15,23,42,.72);border-radius:999px;padding:8px 12px;color:#cbd5e1;font-size:.84rem;font-weight:700;}
 .iw-seo-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:22px;align-items:start;}
 .iw-seo-footer p{color:var(--iw-seo-muted);line-height:1.7;margin:.8rem 0 0;font-size:.94rem;}
 .iw-seo-footer h2{font-size:.92rem;color:#fff;margin:0 0 .8rem;font-weight:900;}
 .iw-seo-footer a{display:block;color:#cbd5e1!important;text-decoration:none!important;margin:.42rem 0;font-size:.9rem;}
 .iw-seo-footer a:hover{color:#fff!important;}
 .iw-seo-footer-bottom{border-top:1px solid rgba(148,163,184,.16);margin-top:24px;padding-top:16px;display:flex;gap:14px;justify-content:space-between;flex-wrap:wrap;color:#94a3b8;font-size:.82rem;}
 .iw-seo-tva{font-size:11px;opacity:.62;letter-spacing:.01em;}
 @media (max-width:860px){.iw-seo-header-inner{padding:14px 0;align-items:flex-start;flex-direction:column}.iw-seo-nav{justify-content:flex-start;gap:12px}.iw-seo-actions{width:100%;justify-content:space-between}.iw-seo-pro,.iw-seo-cta{padding:10px 12px;font-size:.86rem}.iw-seo-footer-grid{grid-template-columns:1fr}.iw-seo-footer-bottom{display:block}.iw-seo-footer-bottom span{display:block;margin:.35rem 0}}