:root{--primary-50:#f0f0ff;--primary-100:#dedcfe;--primary-200:#bebbfb;--primary-300:#8a84f5;--primary-400:#5851ec;--primary-500:#3229e0;--primary-600:#271fc1;--primary-700:#241d9a;--primary-800:#201b74;--primary-900:#1a174f;--primary-950:#110f2e;--accent-400:#28e28b;--accent-500:#13c371;--accent-600:#0da05c;--success:#21b570;--warning:#f59f0a;--error:#ef4343;--info:#238cf6;--neutral-50:#f9f9fb;--neutral-100:#f0f0f4;--neutral-200:#e2e2e9;--neutral-300:#cdcdd6;--neutral-400:#9c9cab;--neutral-500:#6e6e7c;--neutral-600:#50505e;--neutral-700:#373743;--neutral-800:#23232f;--neutral-900:#15151e;--neutral-950:#0c0c13;--bg-primary:var(--neutral-50);--bg-secondary:var(--neutral-100);--bg-inset:var(--neutral-50);--bg-card:#fff;--bg-elevated:#fff;--text-primary:var(--neutral-900);--text-secondary:var(--neutral-500);--text-muted:var(--neutral-400);--border:var(--neutral-200);--font-heading:"Inter", system-ui, -apple-system, sans-serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 12px 40px #0000001f;--shadow-glow:0 0 40px #3229e026;--ease:cubic-bezier(.4, 0, .2, 1);--duration:.2s}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-primary:var(--neutral-950);--bg-secondary:var(--neutral-900);--bg-inset:var(--neutral-800);--bg-card:var(--neutral-900);--bg-elevated:var(--neutral-800);--text-primary:var(--neutral-50);--text-secondary:var(--neutral-400);--text-muted:var(--neutral-500);--border:var(--neutral-800);--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 12px 40px #00000080;--shadow-glow:0 0 60px #3229e040}[data-theme=dark] ::selection{background:var(--primary-600);color:#fff}[data-theme=dark] .btn-primary{box-shadow:0 0 20px #3229e04d}html{transition:background .3s,color .3s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);color:var(--text-primary);background:var(--bg-primary);min-height:100vh;line-height:1.6}a{color:inherit;transition:color var(--duration) var(--ease);text-decoration:none}a:hover{color:var(--primary-500)}img{max-width:100%;display:block}button{cursor:pointer;font:inherit;background:0 0;border:none}input,textarea,select{font:inherit}::selection{background:var(--primary-200);color:var(--primary-900)}.skip-link{background:var(--primary-500);z-index:9999;padding:12px 24px;font-size:.9rem;font-weight:600;text-decoration:none;transition:top .2s;position:absolute;top:-100%;left:0;color:#fff!important}.skip-link:focus{top:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:700;line-height:1.15}h1{font-size:clamp(2.5rem,5vw,4rem)}h2{font-size:clamp(1.8rem,3.5vw,2.8rem)}h3{font-size:clamp(1.3rem,2.5vw,1.8rem)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:100px 0}.btn{border-radius:var(--radius-md);transition:all var(--duration) var(--ease);justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:1rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--primary-500);color:#fff;box-shadow:0 4px 14px #3229e04d}.btn-primary:hover{background:var(--primary-600);transform:translateY(-2px);box-shadow:0 8px 25px #3229e066}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--text-primary);border:2px solid var(--border);background:0 0}.btn-secondary:hover{border-color:var(--primary-400);color:var(--primary-500);background:var(--primary-50)}.btn-accent{background:var(--accent-500);color:#fff;box-shadow:0 4px 14px #13c3714d}.btn-accent:hover{background:var(--accent-600);transform:translateY(-2px)}.btn-lg{border-radius:var(--radius-lg);padding:18px 36px;font-size:1.1rem}.hero{background:linear-gradient(160deg, var(--neutral-950) 0%, var(--primary-900) 50%, var(--primary-800) 100%);color:#fff;align-items:center;min-height:90vh;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#3229e026 0%,#0000 70%);width:800px;height:800px;position:absolute;top:-200px;right:-200px}.hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#13c3711a 0%,#0000 70%);width:600px;height:600px;position:absolute;bottom:-100px;left:-100px}.hero-content{z-index:1;max-width:700px;position:relative}.hero-badge{border-radius:var(--radius-full);color:#f37272;background:#ef434326;border:1px solid #ef43434d;align-items:center;gap:8px;margin-bottom:24px;padding:8px 16px;font-size:.85rem;font-weight:600;animation:2s ease-in-out infinite pulse-border;display:inline-flex}@keyframes pulse-border{0%,to{border-color:#ef43434d}50%{border-color:#ef4343b3}}.hero h1{background:linear-gradient(135deg, #fff 0%, var(--neutral-300) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:20px}.hero h1 span{background:linear-gradient(135deg, var(--accent-400) 0%, var(--accent-500) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero p{color:var(--neutral-300);margin-bottom:36px;font-size:1.2rem;line-height:1.7}.scanner-form{gap:12px;max-width:560px;display:flex}.scanner-input{border-radius:var(--radius-md);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:border-color var(--duration) var(--ease);background:#ffffff0d;border:2px solid #3229e04d;flex:1;padding:16px 20px;font-size:1rem}.scanner-input::placeholder{color:var(--neutral-500)}.scanner-input:focus{border-color:var(--accent-400);outline:none;box-shadow:0 0 0 4px #13c37126}.score-section{background:var(--bg-primary)}.score-card{background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--border);padding:48px}.score-circle{border-radius:50%;justify-content:center;align-items:center;width:180px;height:180px;margin:0 auto 24px;font-size:3.5rem;font-weight:800;display:flex;position:relative}.score-circle:before{content:"";background:conic-gradient(var(--score-color,var(--error)) calc(var(--score-pct,0) * 3.6deg), var(--neutral-200) 0deg);-webkit-mask-composite:xor;border-radius:50%;padding:4px;position:absolute;inset:-4px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.score-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;font-size:1rem;font-weight:600}.issue-card{border-radius:var(--radius-md);border:1px solid var(--border);transition:all var(--duration) var(--ease);gap:16px;margin-bottom:12px;padding:20px;display:flex}.issue-card:hover{border-color:var(--primary-300);box-shadow:var(--shadow-sm)}.issue-severity{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.8rem;font-weight:700;display:flex}.issue-severity.critical{color:var(--error);background:#ef43431a}.issue-severity.major{color:var(--warning);background:#f59f0a1a}.issue-severity.minor{color:var(--info);background:#238cf61a}.issue-title{margin-bottom:4px;font-weight:600}.issue-desc{color:var(--text-secondary);font-size:.9rem}.issue-location{font-family:var(--font-mono);color:var(--text-muted);margin-top:4px;font-size:.8rem}.pricing-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px;display:grid}.pricing-card{background:var(--bg-card);border-radius:var(--radius-xl);border:2px solid var(--border);transition:all var(--duration) var(--ease);padding:40px 32px;position:relative}.pricing-card.featured{border-color:var(--primary-400);box-shadow:var(--shadow-glow);transform:scale(1.05)}.pricing-card.featured:before{content:"Plus populaire";background:var(--primary-500);color:#fff;border-radius:var(--radius-full);padding:4px 16px;font-size:.8rem;font-weight:600;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.pricing-name{margin-bottom:8px;font-size:1.2rem;font-weight:700}.pricing-price{margin-bottom:4px;font-size:3rem;font-weight:800}.pricing-price span{color:var(--text-secondary);font-size:1rem;font-weight:400}.pricing-desc{color:var(--text-secondary);margin-bottom:24px;font-size:.95rem}.pricing-features{margin-bottom:32px;list-style:none}.pricing-features li{align-items:center;gap:10px;padding:8px 0;font-size:.95rem;display:flex}.pricing-features li:before{content:"✓";color:var(--accent-500);font-weight:700}.stats-bar{text-align:center;grid-template-columns:repeat(4,1fr);gap:32px;padding:60px 0;display:grid}.stat-value{color:var(--primary-500);font-size:2.8rem;font-weight:800;line-height:1}.stat-label{color:var(--text-secondary);margin-top:8px;font-size:.9rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.reveal{opacity:0;transition:opacity .6s var(--ease), transform .6s var(--ease);transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}.scanner-loading{flex-direction:column;align-items:center;gap:24px;padding:60px;display:flex}.loading-spinner{border:3px solid var(--neutral-200);border-top-color:var(--primary-500);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-steps{text-align:left;list-style:none}.loading-steps li{color:var(--text-secondary);align-items:center;gap:10px;padding:6px 0;font-size:.95rem;display:flex}.loading-steps li.done{color:var(--success)}.loading-steps li.active{color:var(--text-primary);font-weight:600}@media (max-width:768px){.scanner-form{flex-direction:column}.pricing-grid{grid-template-columns:1fr}.pricing-card.featured{transform:none}.stats-bar{grid-template-columns:repeat(2,1fr)}.section{padding:60px 0}}nav a{position:relative}nav a:after{content:"";background:var(--primary-500);width:0;height:2px;transition:width .3s var(--ease);position:absolute;bottom:-2px;left:0}nav a:hover:after{width:100%}nav a:hover{color:var(--primary-500)}.pricing-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-300);transform:translateY(-6px)}.pricing-card.featured:hover{transform:scale(1.05)translateY(-6px)}.issue-card{cursor:pointer}.issue-card:hover{border-color:var(--primary-300);box-shadow:var(--shadow-md);transform:translate(4px)}.stat-value{transition:transform .3s var(--ease), color .3s var(--ease)}.stats-bar>div:hover .stat-value{color:var(--primary-600);transform:scale(1.1)}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.hero{background-size:200% 200%;animation:12s infinite gradientShift}@keyframes scoreReveal{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.score-circle{animation:scoreReveal .6s var(--ease) both}.btn:after{content:"";width:100%;height:100%;transition:left .5s var(--ease);background:linear-gradient(90deg,#0000,#ffffff26,#0000);position:absolute;top:0;left:-100%}.btn:hover:after{left:100%}:focus-visible{outline:2px solid var(--primary-400);outline-offset:2px;border-radius:var(--radius-sm)}.reveal:first-child{transition-delay:0s}.reveal:nth-child(2){transition-delay:80ms}.reveal:nth-child(3){transition-delay:.16s}.reveal:nth-child(4){transition-delay:.24s}.reveal:nth-child(5){transition-delay:.32s}.reveal:nth-child(6){transition-delay:.4s}.reveal:nth-child(7){transition-delay:.48s}.reveal:nth-child(8){transition-delay:.56s}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(20px,-20px)}}.hero:before{animation:8s ease-in-out infinite float}.hero:after{animation:10s ease-in-out infinite reverse float}table tbody tr{transition:background .2s var(--ease)}table tbody tr:hover{background:var(--bg-inset)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (max-width:768px){.nav-desktop{display:none!important}.nav-mobile-controls{display:flex!important}.container{padding-left:16px;padding-right:16px}.stats-bar{flex-direction:column!important;gap:16px!important}h1{font-size:1.8rem!important}h2{font-size:1.3rem!important}.hero-content{padding:32px 0!important}.scanner-form{flex-direction:column!important}.scanner-form .scanner-input{width:100%!important;min-width:0!important}.scanner-form button{width:100%!important}}@media (min-width:769px){.nav-mobile-controls{display:none!important}}