:root{--bg:#f5f7fb;--panel:#fff;--text:#111827;--muted:#667085;--line:#e6eaf0;--primary:#6657f5;--primary2:#8b5cf6;--good:#16a34a;--warn:#d97706;--bad:#dc2626;--nav:#101828;--soft:#f0efff}
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}button,input{font:inherit}.wrap{width:min(1180px,calc(100% - 36px));margin:auto}
.top{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;position:sticky;top:0;z-index:20}.top .wrap{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-weight:850;font-size:21px}.pulse{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--primary),var(--primary2));display:grid;place-items:center;color:white}.nav{display:flex;gap:28px;color:#475467;font-weight:650}.actions{display:flex;gap:10px}.btn{border:1px solid var(--line);background:#fff;border-radius:11px;padding:11px 16px;font-weight:750;cursor:pointer}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.dark{background:#111827;color:#fff;border-color:#111827}.hero{padding:88px 0 62px;text-align:center;background:radial-gradient(circle at 50% 0,#ece9ff 0,transparent 42%)}.badge{display:inline-flex;padding:7px 11px;border-radius:999px;background:#eceaff;color:#5747df;font-size:13px;font-weight:800}.hero h1{font-size:58px;line-height:1.03;letter-spacing:-2.7px;margin:18px auto 16px;max-width:860px}.hero p{font-size:19px;line-height:1.6;color:var(--muted);max-width:690px;margin:0 auto}.scan{margin:30px auto 12px;max-width:720px;background:#fff;padding:8px;border-radius:16px;display:flex;border:1px solid var(--line);box-shadow:0 20px 60px rgba(16,24,40,.12)}.scan input{flex:1;border:0;outline:0;padding:13px}.scan button{border:0;border-radius:11px;background:var(--primary);color:#fff;padding:0 22px;font-weight:800}.micro{font-size:13px;color:#98a2b3}.section{padding:70px 0}.section h2{text-align:center;font-size:38px;letter-spacing:-1.4px;margin:0 0 12px}.lead{text-align:center;color:var(--muted);max-width:680px;margin:0 auto 35px;line-height:1.6}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 8px 30px rgba(16,24,40,.04)}.card h3{margin:14px 0 8px}.card p{color:var(--muted);line-height:1.55}.ico{width:42px;height:42px;border-radius:12px;background:var(--soft);display:grid;place-items:center;color:var(--primary);font-weight:900}.preview{background:#111827;border-radius:24px;padding:12px;box-shadow:0 30px 80px rgba(16,24,40,.2)}.screen{background:#f7f8fb;border-radius:16px;overflow:hidden;display:grid;grid-template-columns:220px 1fr;min-height:570px}.side{background:#101828;color:#98a2b3;padding:24px 16px}.side .brand{color:#fff;margin-bottom:30px}.side a{display:block;padding:11px 12px;border-radius:9px;margin:4px 0;font-size:14px}.side a.active{background:#1d2939;color:#fff}.main{padding:28px}.row{display:flex;align-items:center;justify-content:space-between;gap:16px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}.stat{background:#fff;border:1px solid var(--line);padding:18px;border-radius:14px}.stat b{font-size:26px;display:block}.stat span{font-size:12px;color:var(--muted)}.issues{display:grid;grid-template-columns:1.35fr .65fr;gap:14px}.issue{display:flex;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.dot{width:9px;height:9px;border-radius:50%;margin-top:7px}.bad{background:var(--bad)}.warn{background:var(--warn)}.good{background:var(--good)}.pricegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}.price{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;position:relative}.price.pop{border:2px solid var(--primary);box-shadow:0 20px 50px rgba(102,87,245,.13)}.ribbon{position:absolute;right:18px;top:18px;background:var(--soft);color:var(--primary);font-size:11px;font-weight:900;padding:6px 9px;border-radius:999px}.amount{font-size:40px;font-weight:900;margin:12px 0}.amount small{font-size:14px;color:var(--muted)}.features{list-style:none;padding:0;margin:22px 0}.features li{padding:8px 0;color:#475467}.features li:before{content:"✓";color:var(--good);font-weight:900;margin-right:9px}.cta{background:linear-gradient(135deg,#17122d,#31276d);color:#fff;border-radius:24px;padding:50px;text-align:center}.cta p{color:#c8c4e8}.footer{padding:35px 0 45px;color:#667085}.footer .wrap{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:26px}

/* app */
.app{display:grid;grid-template-columns:245px 1fr;min-height:100vh}.appnav{background:#101828;color:#98a2b3;padding:24px 16px;position:sticky;top:0;height:100vh}.appnav .brand{color:#fff;margin-bottom:30px}.appnav a{display:flex;gap:10px;padding:11px 12px;border-radius:9px;margin:3px 0;font-size:14px}.appnav a.active{background:#1d2939;color:#fff}.appnav .bottom{position:absolute;bottom:20px;left:16px;right:16px}.appmain{padding:28px 32px}.apphead{display:flex;justify-content:space-between;align-items:center}.sitepicker{background:#fff;border:1px solid var(--line);padding:10px 13px;border-radius:10px;font-weight:700}.twocol{display:grid;grid-template-columns:1.4fr .6fr;gap:16px}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:13px;border-bottom:1px solid var(--line);font-size:14px}.table th{font-size:12px;color:var(--muted)}.pill{font-size:12px;font-weight:800;padding:5px 8px;border-radius:999px}.pill.red{background:#fee2e2;color:#b91c1c}.pill.orange{background:#ffedd5;color:#b45309}.pill.green{background:#dcfce7;color:#15803d}.chart{height:150px;border-radius:12px;background:linear-gradient(180deg,#f0efff,transparent);position:relative;overflow:hidden}.chart svg{width:100%;height:100%}.accountgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{margin:14px 0}.field label{display:block;font-size:13px;font-weight:750;margin-bottom:7px}.field input{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px}.planbox{background:linear-gradient(135deg,#f4f2ff,#fff);border:1px solid #ddd8ff}.notice{padding:14px;border-radius:12px;background:#f9fafb;border:1px solid var(--line);color:#475467}.mobilebar{display:none}
@media(max-width:850px){.nav{display:none}.hero h1{font-size:42px}.cards,.pricegrid{grid-template-columns:1fr}.screen{grid-template-columns:1fr}.side{display:none}.stats{grid-template-columns:1fr 1fr}.issues,.twocol,.accountgrid{grid-template-columns:1fr}.app{display:block}.appnav{display:none}.appmain{padding:18px}.mobilebar{display:flex;background:#101828;color:white;padding:14px 18px;justify-content:space-between}.hero{padding-top:55px}.scan{flex-direction:column}.scan button{padding:14px}.footer .wrap{display:block}}

.launchprice{margin:14px 0 6px}.oldprice{display:inline-block;color:#98a2b3;text-decoration:line-through;font-weight:800;font-size:14px}.launchprice .amount{margin:3px 0}.launchprice>b{display:block;color:#6657f5;font-size:13px}.afterprice{font-weight:750;color:#475467!important}.price.pop .ribbon{background:#6657f5;color:#fff}

.scanreal select{border:0;border-left:1px solid var(--line);padding:0 12px;background:white;color:#475467}.scanerror{max-width:720px;margin:20px auto 0;background:#fee2e2;color:#991b1b;border:1px solid #fecaca;padding:13px 16px;border-radius:12px}.miniissue{font-size:11px;background:#fff7ed;color:#9a3412;border-radius:6px;padding:4px 6px;margin:2px 0;white-space:nowrap}.emptydash{max-width:700px;margin:13vh auto;text-align:center;background:#fff;border:1px solid var(--line);padding:60px;border-radius:22px}.emptydash h1{font-size:40px;letter-spacing:-1.5px}.loading{opacity:.7;pointer-events:none}

.reportactions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.savedbadge{font-size:12px;font-weight:800;color:#15803d;background:#dcfce7;padding:7px 10px;border-radius:999px}.actioncell{white-space:nowrap}.actioncell a{display:inline-block;margin-right:10px;color:#6657f5;font-weight:800}.emptyreport{text-align:center;padding:55px 20px}.emptyreport p{color:#667085;margin-bottom:22px}
@media(max-width:850px){.reportactions{justify-content:flex-start}}

/* SiteMetra V0.6 — dark product identity */
:root{--bg:#060912;--panel:#0e1524;--text:#f5f7fc;--muted:#8794aa;--line:#1d283c;--primary:#506fff;--primary2:#7467ff;--good:#42d6aa;--warn:#ffbd52;--bad:#ff747a;--nav:#080d17;--soft:#17264a}
body{background:var(--bg);color:var(--text)}
.top{background:rgba(6,9,18,.9);border-color:#182033;backdrop-filter:blur(16px)}
.nav,.footer,.card p,.price p,.features li,.notice,.field input,.sitepicker{color:var(--muted)}
.pulse{border-radius:50%;background:transparent;border:2px solid #547fff;color:#63d8b6;box-shadow:none}
.btn{background:#0d1421;border-color:#28344a;color:#dce4f2}.btn.primary{background:linear-gradient(135deg,#315df3,#6679ff);border-color:#506fff;color:#fff;box-shadow:0 10px 30px #315df326}.btn.dark{background:#121a29;border-color:#28344a}
.hero{background:radial-gradient(circle at 50% 0,#244fff2d 0,transparent 44%);padding-top:100px}.badge{background:#0c1220;border:1px solid #283450;color:#9fb0cc}.hero h1{background:linear-gradient(90deg,#fff 30%,#6c8cff 70%,#45d7b8);-webkit-background-clip:text;color:transparent}.hero p{color:#98a5ba}.scan{background:#0d1321;border-color:#29344c;box-shadow:0 25px 75px #0009}.scan input,.scanreal select{background:#0d1321;color:#fff;border-color:#29344c}.scan button{background:#506fff}.micro{color:#69768c}
.section h2{color:#f5f7fc}.lead{color:#8491a6}.card,.price,.stat,.emptydash{background:linear-gradient(145deg,#0e1524,#0a0f1a);border-color:#1d283c;box-shadow:none}.ico{background:#17264a;color:#6594ff}.preview{background:#080d17;border:1px solid #26314a;box-shadow:0 35px 120px #000a,0 0 90px #315ff515}.screen{background:#0a0f1a}.side,.appnav{background:#080d17;border-right:1px solid #1c2537}.side a.active,.appnav a.active{background:#17223b}.main,.appmain{background:#0a0f1a}.stat span,.table th{color:#78869d}.issue{border-color:#1c2638}.price.pop{border-color:#506fff;box-shadow:0 0 55px #315ff51e}.ribbon,.price.pop .ribbon{background:#506fff;color:#fff}.cta{background:radial-gradient(circle at 50% 0,#315ff52b,transparent 65%),#0b111e;border:1px solid #202b40}.cta p{color:#8794aa}.footer{border-color:#182033}.footer .wrap{border-color:#182033}.appnav{color:#738097}.appnav .brand{color:#fff}.appmain{min-height:100vh}.apphead h1{color:#f5f7fc}.sitepicker{background:#101726;border-color:#202b40}.table td,.table th{border-color:#1d283c}.table td{color:#dbe3ef}.pill.red{background:#382026;color:#ff858b}.pill.orange{background:#372f1c;color:#ffc363}.pill.green{background:#153229;color:#54deb7}.field input{background:#0b111e;border-color:#263149;color:#fff}.planbox{background:linear-gradient(135deg,#111a31,#0d1320);border-color:#29365b}.notice{background:#0b111e;border-color:#202a3b}.chart{background:linear-gradient(180deg,#18274d,transparent)}.emptydash h1{color:#f5f7fc}.scanerror{background:#382026;color:#ffb2b6;border-color:#633039}.savedbadge{background:#153229;color:#54deb7}.actioncell a{color:#6e91ff}.emptyreport p{color:#8794aa}.oldprice{color:#65738a}.launchprice>b{color:#6e91ff}.afterprice{color:#9aa7bb!important}.mobilebar{background:#080d17}

/* SiteMetra V0.7 — identité finale + dashboard premium */
.brand-logo{padding:2px 6px!important;height:58px;display:flex!important;align-items:center!important;overflow:hidden}
.brand-logo img{width:188px;height:auto;display:block;object-fit:contain;object-position:left center;filter:drop-shadow(0 0 12px rgba(72,105,255,.16))}
.appnav{width:auto;background:linear-gradient(180deg,#07101f 0%,#080d17 55%,#09101d 100%);box-shadow:inset -1px 0 #172238}
.appnav>a:not(.brand){min-height:43px;align-items:center;padding:12px 14px;border:1px solid transparent;color:#a8b4c8;transition:.18s ease}
.appnav>a:not(.brand):hover{background:#111c30;color:#eef4ff;border-color:#1e3154}
.appnav>a.active{background:linear-gradient(135deg,#1647d9,#344bc4)!important;border-color:#2c74ff!important;color:#fff!important;box-shadow:0 8px 24px rgba(34,91,255,.24)}
.appmain{background:
 radial-gradient(circle at 70% -10%,rgba(42,87,255,.10),transparent 35%),
 linear-gradient(180deg,#07101d 0,#080d17 100%);padding:28px 32px}
.apphead{padding:24px 26px;border:1px solid #1c2c48;border-radius:16px;background:linear-gradient(135deg,rgba(14,27,51,.96),rgba(8,15,28,.96));box-shadow:0 18px 50px rgba(0,0,0,.18);margin-bottom:18px}
.apphead h1{margin:5px 0 3px;font-size:28px;letter-spacing:-.8px}
.stats{gap:16px;margin:16px 0}
.stat{min-height:112px;padding:20px;border-color:#1b2a43;background:linear-gradient(145deg,#0d1728,#0a1220);box-shadow:0 10px 28px rgba(0,0,0,.13)}
.stat b{font-size:30px;margin-top:8px;letter-spacing:-1px}
.card{border-color:#1b2a43;background:linear-gradient(145deg,#0d1728,#09111e)}
.twocol{gap:16px}
.table{overflow:hidden;border-radius:12px}
.table th{font-size:10px;letter-spacing:.7px;color:#73829b}
.table td{padding-top:15px;padding-bottom:15px}
.btn.primary{background:linear-gradient(100deg,#13b9f5,#3d63ff 58%,#7045f6);box-shadow:0 10px 28px rgba(59,87,255,.28)}
.emptydash{max-width:760px;border-color:#1d3152;background:
 radial-gradient(circle at 50% 0,rgba(63,83,255,.18),transparent 45%),
 linear-gradient(145deg,#0d1728,#09111e);box-shadow:0 30px 80px rgba(0,0,0,.28)}
.emptydash:before{content:"";display:block;width:92px;height:92px;margin:0 auto 24px;background:url("sitemetra-logo.png") left center/280px auto no-repeat;border-radius:22px}
.mobilebar b{display:flex;align-items:center;gap:8px}
@media(max-width:850px){.brand-logo img{width:168px}.apphead{padding:20px}}
/* V0.8 SaaS */
.authwrap{min-height:100vh;display:grid;place-items:center;padding:40px 20px;background:radial-gradient(circle at 50% 0,rgba(55,80,255,.18),transparent 38%),#060b14}.authlogo{position:absolute;top:32px;left:50%;transform:translateX(-50%)}.authlogo img{width:230px}.authcard{width:min(460px,100%);display:flex;flex-direction:column;gap:16px;padding:32px;border:1px solid #1d2d49;border-radius:18px;background:linear-gradient(145deg,#0d1728,#09111e);box-shadow:0 30px 90px #0008}.authcard h1{margin:0;font-size:32px}.authcard p,.muted{color:#8290a6}.authcard label,.formcard label,.scanform label{display:flex;flex-direction:column;gap:8px;color:#aeb9cb;font-size:13px}.authcard input,.formcard input,.scanform select{width:100%;padding:14px;border:1px solid #263653;border-radius:10px;background:#080f1c;color:#f5f8ff;outline:none}.authcard input:focus,.formcard input:focus,.scanform select:focus{border-color:#557cff;box-shadow:0 0 0 3px rgba(73,104,255,.12)}.authcard small{text-align:center;color:#75839a}.authcard small a{color:#7295ff}.flash{padding:12px 14px;border-radius:10px}.badbox{background:#35171e;border:1px solid #6f2935;color:#ff9ca7}.formcard,.scanform{display:flex;flex-direction:column;gap:16px}.emptymini{text-align:center;padding:36px 20px;color:#8391a6}.emptymini h3{color:#eef3ff}.oktxt{color:#45d8aa}.appnav small{margin-left:auto;background:#17243b;padding:3px 6px;border-radius:99px;font-size:8px;color:#8290a7}.table table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;border-bottom:1px solid #18253a;padding:12px}.table small{color:#718098}