*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:80px}body{text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;min-height:100vh}img,picture,video,canvas,svg{max-width:100%;height:auto;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ul,ol{list-style:none}a{color:inherit;text-decoration:none}table{border-collapse:collapse;width:100%}:root{--primary:#1e40af;--primary-light:#3b82f6;--primary-dark:#1e3a8a;--secondary:#334155;--secondary-light:#475569;--accent:#059669;--accent-light:#10b981;--accent-dark:#047857;--accent-2:#0ea5e9;--accent-2-light:#38bdf8;--accent-2-dark:#0284c7;--bg:#f8fafc;--bg-alt:#f1f5f9;--bg-dark:#0f172a;--bg-dark-2:#1e293b;--bg-card:#fff;--txt:#1e293b;--txt-sec:#64748b;--txt-light:#94a3b8;--txt-white:#f8fafc;--border:#e2e8f0;--border-hover:#cbd5e1;--shadow-sm:0 1px 2px #0000000d, 0 1px 3px #00000008;--shadow-md:0 2px 4px #0000000a, 0 4px 12px #0000000f;--shadow-lg:0 4px 6px #0000000a, 0 10px 30px #00000014;--shadow-card:0 1px 3px #0000000a, 0 4px 16px #0000000f;--overlay:#0f172aa6;--sp-xs:.5rem;--sp-sm:1rem;--sp-md:2rem;--sp-lg:4rem;--sp-xl:6rem;--r-sm:6px;--r-md:10px;--r-lg:16px;--r-xl:24px;--r-full:9999px;--ease:cubic-bezier(.4, 0, .2, 1);--ease-spring:cubic-bezier(.175, .885, .32, 1.275);--dur:.25s;--dur-slow:.5s}body{color:var(--txt);background:var(--bg);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.05rem;line-height:1.8}h1,h2,h3,h4,h5,h6{color:var(--secondary);font-family:DM Sans,Inter,sans-serif;line-height:1.25}h1{letter-spacing:-.02em;font-size:clamp(2rem,4vw,3rem);font-weight:700}h2{margin-top:2.5rem;margin-bottom:1rem;font-size:clamp(1.5rem,3vw,2.1rem);font-weight:600}h3{margin-top:2rem;margin-bottom:.75rem;font-size:clamp(1.2rem,2vw,1.5rem);font-weight:600}code,pre,.code{font-family:JetBrains Mono,Fira Code,monospace}.container{max-width:1200px;padding:0 var(--sp-md);margin:0 auto}.container-narrow{max-width:820px;padding:0 var(--sp-md);margin:0 auto}.section{padding:var(--sp-xl) 0}.site-header{z-index:100;backdrop-filter:blur(12px);border-bottom:1px solid var(--border);transition:background var(--dur) var(--ease);background:#f8fafceb;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;height:64px;display:flex}.logo{color:var(--secondary);align-items:center;gap:.6rem;font-family:DM Sans,sans-serif;font-size:1.15rem;font-weight:700;display:flex}.logo .logo-icon{background:var(--primary);color:#fff;border-radius:var(--r-sm);justify-content:center;align-items:center;width:38px;height:38px;font-size:1rem;display:flex}.logo .logo-accent{color:var(--primary)}.main-nav ul{gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.main-nav a{color:var(--txt-sec);border-radius:var(--r-sm);transition:color var(--dur) var(--ease), background var(--dur) var(--ease);padding:.5rem .9rem;font-size:.92rem;font-weight:500;display:block}.main-nav a:hover,.main-nav a.active{color:var(--primary);background:#1e40af0f}.hamburger{cursor:pointer;z-index:200;background:0 0;border:none;flex-direction:column;gap:5px;padding:8px;display:none}.hamburger span{background:var(--secondary);width:24px;height:2px;transition:transform var(--dur) var(--ease), opacity var(--dur) var(--ease);border-radius:2px;display:block}.hamburger.open span:first-child{transform:rotate(45deg)translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}@media (width<=768px){.hamburger{display:flex}.main-nav{background:var(--bg);border-bottom:1px solid var(--border);padding:var(--sp-sm);transition:transform var(--dur) var(--ease);z-index:99;position:fixed;top:64px;left:0;right:0;transform:translateY(-120%)}.main-nav.open{transform:translateY(0)}.main-nav ul{flex-direction:column;gap:0}.main-nav a{padding:.75rem 1rem;font-size:1rem}}.hero{background:linear-gradient(135deg, var(--bg-dark) 0%, #0c1a3a 50%, var(--primary-dark) 100%);justify-content:center;align-items:center;min-height:480px;display:flex;position:relative;overflow:hidden}.hero-compact{min-height:45vh}.hero-img{object-fit:cover;object-position:center 20%;z-index:1;width:100%;height:100%;position:absolute;inset:0}.hero-overlay{z-index:2;background:linear-gradient(135deg,#0f172ac7 0%,#1e40af73 100%);position:absolute;inset:0}.hero-content{z-index:3;text-align:center;color:var(--txt-white);padding:var(--sp-lg) var(--sp-md);max-width:900px;position:relative}.hero-content h1{color:#fff;text-shadow:0 2px 20px #0000004d;margin-bottom:.75rem}.hero-subtitle{color:#fffc;max-width:600px;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;font-size:1.2rem}.guide-hero__meta{color:#ffffffb3;justify-content:center;gap:1.5rem;margin-top:.75rem;font-size:.9rem;display:flex}.guide-hero__meta i{margin-right:.35rem}.tag{text-transform:uppercase;letter-spacing:.05em;border-radius:var(--r-full);align-items:center;gap:.3rem;padding:.25rem .7rem;font-size:.75rem;font-weight:600;display:inline-flex}.tag-sauvegarde{color:var(--primary);background:#1e40af1a}.tag-securite{color:var(--accent);background:#0596691a}.tag-cloud{color:var(--accent-2);background:#0ea5e91a}.tag-nas{color:#7c3aed;background:#8b5cf61a}.tag-chiffrement{color:#db2777;background:#ec48991a}.tag-pratique{color:#d97706;background:#f59e0b1a}.guide-card{background:var(--bg-card);border:1px solid var(--border);border-left:4px solid var(--primary);transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease), border-color var(--dur) var(--ease);color:inherit;border-radius:0 12px 12px 0;flex-direction:column;padding:1.5rem;text-decoration:none;display:flex}.guide-card:hover{box-shadow:var(--shadow-lg);border-left-color:var(--accent);transform:translateY(-3px)}.guide-card-with-img{border-left:none;border-radius:12px;padding:0;overflow:hidden}.guide-card-with-img .guide-card-body{padding:1.25rem}.guide-card-img{height:180px;overflow:hidden}.guide-card-img img{object-fit:cover;object-position:center 20%;width:100%;height:100%;transition:transform var(--dur-slow) var(--ease)}.guide-card-with-img:hover .guide-card-img img{transform:scale(1.05)}.guide-card-icon{width:48px;height:48px;color:var(--primary);border-radius:var(--r-md);background:#1e40af14;justify-content:center;align-items:center;margin-bottom:1rem;font-size:1.3rem;display:flex}.guide-card-with-img .guide-card-icon{width:36px;height:36px;margin-bottom:.75rem;font-size:1rem}.guide-card h3{color:var(--secondary);margin-bottom:.5rem;font-size:1.15rem}.guide-card p{color:var(--txt-sec);flex:1;margin-bottom:1rem;font-size:.92rem}.guide-card-link{color:var(--primary);font-size:.88rem;font-weight:600}.guide-cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.blog-card{background:var(--bg-card);border:1px solid var(--border);transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease);color:inherit;border-radius:12px;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.blog-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.blog-card-img{height:200px;overflow:hidden}.blog-card-img img{object-fit:cover;object-position:center 20%;width:100%;height:100%;transition:transform var(--dur-slow) var(--ease)}.blog-card:hover .blog-card-img img{transform:scale(1.05)}.blog-card-body{flex-direction:column;flex:1;padding:1.25rem;display:flex}.blog-card-body h3{color:var(--secondary);margin-bottom:.5rem;font-size:1.1rem;line-height:1.35}.blog-card-body p{color:var(--txt-sec);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;font-size:.9rem;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-card-meta{border-top:1px solid var(--border);color:var(--txt-light);justify-content:space-between;align-items:center;margin-top:1rem;padding-top:.75rem;font-size:.82rem;display:flex}.blog-card-link{color:var(--primary);font-weight:600}.blog-cards-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.article-body{font-size:1.08rem;line-height:1.85}.article-body p{margin-bottom:1.25rem}.article-body h2{border-bottom:2px solid var(--border);margin-top:2.5rem;margin-bottom:1rem;padding-bottom:.5rem}.article-body h3{margin-top:2rem;margin-bottom:.75rem}.article-body a{color:var(--primary);text-underline-offset:3px;transition:text-decoration-color var(--dur) var(--ease);text-decoration:underline #1e40af4d}.article-body a:hover{text-decoration-color:var(--primary)}.article-body img{border-radius:var(--r-lg);box-shadow:var(--shadow-md);aspect-ratio:3/2;object-fit:cover;object-position:center 20%;width:100%;margin:2rem 0}.article-body ul,.article-body ol{margin:1rem 0 1.5rem 1.5rem}.article-body ul{list-style:outside}.article-body ol{list-style:decimal}.article-body li{margin-bottom:.4rem;line-height:1.7}.article-body blockquote{border-left:4px solid var(--primary);background:var(--bg-alt);border-radius:0 var(--r-md) var(--r-md) 0;color:var(--txt-sec);margin:1.5rem 0;padding:1rem 1.5rem;font-style:italic}.article-body .callout{border-left:4px solid var(--primary);background:var(--bg-alt);border-radius:0 var(--r-md) var(--r-md) 0;margin:1.5rem 0;padding:1rem 1.5rem}.article-body .info-box{border-left:4px solid var(--primary);border-radius:0 var(--r-md) var(--r-md) 0;margin:1.5rem 0;padding:1rem 1.5rem}.article-body .info-box p{margin-top:.5rem;margin-bottom:0}.article-body .callout p{margin:0;font-style:normal}.article-body .callout-tip{border-left-color:var(--accent);background:#05966914}.article-body .callout-warning{background:#dc262614;border-left-color:#dc2626}.article-body .callout-checklist{border-left-color:var(--accent-2);background:#0ea5e914}.article-body table{border-collapse:separate;border-spacing:0;border-radius:var(--r-md);width:100%;box-shadow:var(--shadow-md);border:1px solid #1e40af33;margin:2rem 0;font-size:.95rem;overflow:hidden}.article-body th,.article-body td{text-align:left;border-bottom:1px solid #1e40af1a;border-right:1px solid #1e40af1a;padding:.75rem 1rem}.article-body th:last-child,.article-body td:last-child{border-right:none}.article-body th{background:var(--primary);color:var(--txt-white);border-bottom:2px solid var(--accent-2);font-weight:600}.article-body tr:last-child td{border-bottom:none}.article-body tr:nth-child(2n) td{background:#1e40af0d}.article-body .comparison-table{width:100%}.article-body pre{background:var(--bg-dark);color:#e6edf3;border-radius:var(--r-md);margin:1.5rem 0;padding:1.25rem 1.5rem;font-size:.9rem;line-height:1.6;overflow-x:auto}.article-body code{background:var(--bg-alt);border-radius:var(--r-sm);color:var(--accent-2-dark);padding:.15rem .4rem;font-size:.88em}.article-body pre code{color:inherit;background:0 0;padding:0}.article-summary{color:var(--txt-sec);background:var(--bg-alt);border-left:4px solid var(--primary);border-radius:0 var(--r-md) var(--r-md) 0;margin-bottom:2rem;padding:1.25rem 1.5rem;font-size:1.1rem;font-style:italic;line-height:1.7}.article-toc{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);margin-bottom:2rem;padding:1.25rem 1.5rem}.article-toc h4,.article-toc .toc-title{text-transform:uppercase;letter-spacing:.05em;color:var(--txt-sec);margin-bottom:.75rem;font-size:.9rem}.article-toc ul,.article-toc ol,.article-toc .toc-list{margin:0;padding:0;list-style:none}.article-toc li{margin-bottom:.35rem}.article-toc a{color:var(--primary);transition:color var(--dur) var(--ease);font-size:.92rem;text-decoration:none}.article-toc a:hover{color:var(--primary-dark);text-decoration:underline}.article-sommaire{display:none}.toc{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);margin-bottom:2rem;padding:1.25rem 1.5rem}.toc h2,.toc h3,.toc h4{text-transform:uppercase;letter-spacing:.05em;color:var(--txt-sec);margin-bottom:.75rem;font-size:.9rem}.toc ul,.toc ol{margin:0;padding:0;list-style:none}.toc li{margin-bottom:.35rem}.toc a{color:var(--primary);transition:color var(--dur) var(--ease);font-size:.92rem;text-decoration:none}.toc a:hover{color:var(--primary-dark);text-decoration:underline}.article-nav-related{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);margin:2rem 0;padding:1.25rem 1.5rem}.article-nav-related h3{color:var(--secondary);margin-bottom:.75rem;font-size:1rem;font-weight:700}.article-nav-related ul{margin:0;padding:0;list-style:none}.article-nav-related li{margin-bottom:.4rem}.article-nav-related a{color:var(--primary);transition:color var(--dur) var(--ease);font-size:.93rem;text-decoration:none}.article-nav-related a:hover{color:var(--primary-dark);text-decoration:underline}.faq-section h2{color:var(--secondary);margin-bottom:1.5rem;font-size:1.6rem}.faq-item{border:1px solid var(--border);border-radius:var(--r-md);transition:border-color var(--dur) var(--ease);margin-bottom:.75rem;overflow:hidden}.faq-item[open]{border-color:var(--primary)}.faq-item summary{cursor:pointer;transition:background var(--dur) var(--ease);align-items:center;gap:.75rem;padding:1rem 1.25rem;font-weight:600;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:before{content:"+";width:24px;height:24px;color:var(--primary);border-radius:var(--r-sm);transition:transform var(--dur) var(--ease);background:#1e40af14;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:flex}.faq-item[open] summary:before{content:"−";background:var(--primary);color:#fff}.faq-item summary:hover{background:var(--bg-alt)}.faq-answer{color:var(--txt-sec);padding:0 1.25rem 1rem 3.25rem;line-height:1.7}.breadcrumb{flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:.75rem;font-size:.85rem;display:flex}.breadcrumb a{color:#ffffffb3;transition:color var(--dur) var(--ease)}.breadcrumb a:hover{color:#fff}.breadcrumb .sep{color:#fff6;margin:0 .15rem}.breadcrumb [aria-current=page]{color:#ffffffe6;font-weight:500}.breadcrumb-light{margin-bottom:1.5rem}.breadcrumb-light a{color:var(--primary)}.breadcrumb-light .sep{color:var(--txt-light)}.breadcrumb-light [aria-current=page]{color:var(--txt)}.site-footer{background:var(--bg-dark);color:var(--txt-white);padding:var(--sp-lg) 0 var(--sp-md)}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:2.5rem;display:grid}@media (width<=768px){.footer-grid{grid-template-columns:1fr;gap:2rem}}.footer-col h4{text-transform:uppercase;letter-spacing:.06em;color:var(--txt-light);margin-bottom:1rem;font-family:Inter,sans-serif;font-size:.85rem}.footer-col a{color:#ffffffb3;transition:color var(--dur) var(--ease);padding:.25rem 0;font-size:.92rem;display:block}.footer-col a:hover{color:var(--primary-light)}.footer-col p{color:#fff9;font-size:.9rem;line-height:1.6}.footer-bottom{margin-top:var(--sp-lg);padding-top:var(--sp-sm);text-align:center;color:#fff6;border-top:1px solid #ffffff1a;font-size:.82rem}.progress-bar{background:linear-gradient(90deg, var(--primary), var(--accent));z-index:200;width:0;height:3px;transition:width .1s linear;position:fixed;top:0;left:0}.back-to-top{background:var(--primary);color:#fff;border-radius:var(--r-full);cursor:pointer;opacity:0;width:44px;height:44px;transition:opacity var(--dur) var(--ease), transform var(--dur) var(--ease);z-index:50;box-shadow:var(--shadow-md);border:none;justify-content:center;align-items:center;display:flex;position:fixed;bottom:2rem;right:2rem;transform:translateY(20px)}.back-to-top.visible{opacity:1;transform:translateY(0)}.back-to-top:hover{background:var(--primary-dark)}.guide-content,.blog-content{padding:var(--sp-lg) 0}.home-section-title{color:var(--secondary);margin-bottom:.5rem;font-size:1.8rem}.home-section-subtitle{color:var(--txt-sec);margin-bottom:2rem;font-size:1.05rem}.cta-button{background:var(--primary);color:#fff;border-radius:var(--r-sm);cursor:pointer;transition:background var(--dur) var(--ease), transform var(--dur) var(--ease);border:none;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;display:inline-flex}.cta-button:hover{background:var(--primary-dark);transform:translateY(-1px)}.cta-button-outline{border:2px solid var(--primary);color:var(--primary);background:0 0}.cta-button-outline:hover{background:var(--primary);color:#fff}.text-center{text-align:center}.mt-1{margin-top:1rem}.mt-2{margin-top:2rem}.mb-1{margin-bottom:1rem}.mb-2{margin-bottom:2rem}@media (width<=640px){.hero{min-height:360px}.hero-compact{min-height:280px}.guide-cards-grid,.blog-cards-grid{grid-template-columns:1fr}}.contact-form{max-width:600px;margin:0 auto}.form-group{margin-bottom:1.25rem}.form-group label{color:var(--txt);margin-bottom:.4rem;font-weight:600;display:block}.form-group input,.form-group textarea,.form-group select{border:1px solid var(--border);border-radius:var(--r-sm);width:100%;transition:border-color var(--dur) var(--ease);background:var(--bg-card);padding:.7rem 1rem;font-size:1rem}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #1e40af1a}.page-content{padding:var(--sp-lg) 0}.page-content h1{margin-bottom:1.5rem}.page-content h2{margin-top:2rem;margin-bottom:.75rem}.page-content p{color:var(--txt);margin-bottom:1rem;line-height:1.8}.page-content a{color:var(--primary);text-underline-offset:3px;text-decoration:underline #1e40af4d}.dossiers-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.sitemap-list{padding:0;list-style:none}.sitemap-list li{margin-bottom:.5rem}.sitemap-list a{color:var(--primary);font-size:1rem;text-decoration:none}.sitemap-list a:hover{text-decoration:underline}.sitemap-section{margin-bottom:2rem}.sitemap-section h3{margin-bottom:.75rem;font-size:1.1rem}blockquote.journalist-question,blockquote.expert-answer,blockquote.journalist-question p,blockquote.expert-answer p{font-family:Inter,system-ui,-apple-system,sans-serif!important;font-size:1rem!important;font-style:normal!important;line-height:1.7!important}blockquote.journalist-question:before,blockquote.expert-answer:before{content:none!important;display:none!important}.journalist-question{background:#f1f5f9;border-left:3px solid #64748b;border-radius:4px;margin:1.5rem 0 .4rem;padding:.9rem 1.15rem}.expert-answer{border-left:3px solid var(--accent-2,#0ea5e9);background:#ecfeff;border-radius:4px;margin:.4rem 0 1.5rem;padding:1rem 1.2rem}.expert-answer p{margin-bottom:.7rem}.expert-answer p:last-child{margin-bottom:0}.journalist-question>strong:first-child,.expert-answer>strong:first-child{color:var(--primary,#1e40af);letter-spacing:.18em;text-transform:uppercase;margin-bottom:.35rem;font-size:.72rem;font-style:normal;font-weight:700;display:block}.interview-expert-card{border-left:4px solid var(--primary,#1e40af);background:#f1f5f9;border-radius:8px;align-items:center;gap:20px;margin:30px 0;padding:20px;display:flex}.interview-expert-card img{aspect-ratio:1;object-fit:cover;object-position:center top;border-radius:50%;flex-shrink:0;width:130px;height:130px;margin:0}.interview-expert-card-text h3{color:var(--secondary);margin:0 0 .3rem;font-size:1.1rem}.interview-expert-card-text p{color:var(--txt-sec);margin:0;font-size:.92rem;line-height:1.5}.interview-bubble-vraifaux{background:#fefce8;border-left:3px solid #ca8a04;border-radius:4px;margin:1rem 0;padding:.9rem 1.15rem;font-size:.95rem}.interview-bubble-vraifaux strong{color:#ca8a04;margin-right:.4rem}@media (width<=600px){.interview-expert-card{text-align:center;flex-direction:column}.interview-expert-card img{width:110px;height:110px}}