:root{--bg:#f4f7fb;--panel:#fff;--ink:#0b1220;--muted:#64748b;--line:#dfe7f1;--accent:#06b6d4;--accent2:#2563eb;--ok:#059669;--warn:#d97706;--bad:#dc2626;--shadow:0 18px 60px rgba(15,23,42,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}.shell{width:min(1180px,calc(100% - 32px));margin:auto}.site-header{position:sticky;top:0;z-index:40;background:rgba(244,247,251,.9);backdrop-filter:blur(14px);border-bottom:1px solid rgba(223,231,241,.8)}.header-inner{height:68px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:linear-gradient(145deg,var(--accent2),var(--accent));color:white;box-shadow:0 8px 20px rgba(37,99,235,.24)}nav{display:flex;gap:8px;margin-left:auto}nav a,.lang button{padding:9px 12px;border-radius:9px;color:#42526b}nav a:hover,.lang button:hover{background:#eaf0f7;color:var(--ink)}.lang{position:relative}.lang button{border:0;background:transparent;cursor:pointer;font-weight:700}.lang-menu{display:none;position:absolute;right:0;top:43px;width:170px;background:white;border:1px solid var(--line);border-radius:12px;padding:7px;box-shadow:var(--shadow)}.lang-menu.open{display:block}.lang-menu a{display:block;padding:8px 10px;border-radius:8px}.lang-menu a:hover{background:#f1f5f9}.hero{padding:66px 0 26px}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid #bae6fd;background:#ecfeff;color:#0e7490;border-radius:999px;font-size:13px;font-weight:700}.hero h1{font-size:clamp(38px,5vw,64px);line-height:1.02;letter-spacing:-.055em;margin:20px 0 18px;max-width:820px}.hero p{font-size:18px;color:var(--muted);max-width:760px;margin:0}.tool-shell{margin:28px auto 70px}.upload-box{background:linear-gradient(135deg,#0b1220,#15233c);border:1px solid #243754;border-radius:22px;padding:28px;color:white;box-shadow:var(--shadow)}.dropzone{border:1.5px dashed #53718f;border-radius:16px;min-height:210px;display:grid;place-items:center;text-align:center;padding:26px;transition:.2s;background:rgba(255,255,255,.02)}.dropzone.drag{border-color:#67e8f9;background:rgba(6,182,212,.1)}.drop-icon{width:54px;height:54px;margin:0 auto 14px;border-radius:15px;display:grid;place-items:center;background:#16283e;font-size:25px}.dropzone h2{margin:0 0 8px;font-size:24px}.dropzone p{color:#a9bdd3;margin:0 0 18px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;padding:11px 16px;font-weight:750;cursor:pointer;background:white;color:#0b1220}.btn.primary{background:linear-gradient(135deg,var(--accent2),var(--accent));color:#fff}.privacy-note{margin-top:14px;text-align:center;color:#93a9c0;font-size:13px}.dashboard{display:none;margin-top:20px}.dashboard.active{display:block}.dash-top{display:flex;justify-content:space-between;gap:16px;align-items:center;background:#0e1728;border:1px solid #243754;padding:15px 16px;border-radius:14px;color:white}.file-meta{min-width:0}.file-meta strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-meta span{color:#95abc1;font-size:13px}.stats{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:12px 0}.stat{background:#fff;border:1px solid var(--line);border-radius:13px;padding:15px}.stat span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.stat strong{font-size:21px;letter-spacing:-.03em}.tabs{display:flex;gap:6px;overflow:auto;padding:5px;background:#e9eff6;border-radius:12px;width:max-content;max-width:100%}.tab{border:0;background:transparent;padding:9px 13px;border-radius:8px;cursor:pointer;font-weight:700;color:#52637b;white-space:nowrap}.tab.active{background:#fff;color:var(--ink);box-shadow:0 2px 10px rgba(15,23,42,.07)}.panel{display:none;margin-top:12px}.panel.active{display:block}.panel-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.filters{display:flex;gap:8px;flex-wrap:wrap;padding:12px;border-bottom:1px solid var(--line)}.filters input,.filters select{border:1px solid var(--line);background:#fbfdff;border-radius:9px;padding:9px 11px;min-height:40px}.filters input{flex:1;min-width:220px}.check{display:flex;align-items:center;gap:6px;padding:0 8px;color:#55657b}.table-wrap{overflow:auto;max-height:660px}table{width:100%;border-collapse:collapse;min-width:900px}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid #edf1f5;vertical-align:middle}th{position:sticky;top:0;background:#f8fafc;color:#64748b;font-size:12px;text-transform:uppercase;letter-spacing:.05em;z-index:2}tbody tr{cursor:pointer}tbody tr:hover{background:#f8fbff}.status{display:inline-flex;min-width:43px;justify-content:center;padding:3px 7px;border-radius:7px;font-weight:800;font-size:12px}.s2{background:#dcfce7;color:#047857}.s3{background:#e0f2fe;color:#0369a1}.s4{background:#fef3c7;color:#a16207}.s5{background:#fee2e2;color:#b91c1c}.url-cell{max-width:430px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.muted{color:var(--muted)}.drawer{position:fixed;right:-620px;top:0;width:min(600px,100%);height:100vh;background:#fff;z-index:80;box-shadow:-30px 0 80px rgba(15,23,42,.18);transition:.25s;overflow:auto}.drawer.open{right:0}.drawer-head{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--line);padding:18px;display:flex;gap:12px;justify-content:space-between;z-index:2}.drawer-body{padding:18px}.drawer pre{background:#0b1220;color:#d8e5f0;padding:14px;border-radius:11px;overflow:auto;font-size:12px}.kv{display:grid;grid-template-columns:140px 1fr;gap:6px 12px;padding:8px 0;border-bottom:1px solid #eef2f6}.water-list{padding:8px 12px}.water-row{display:grid;grid-template-columns:280px 1fr 80px;gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid #eef2f6}.water-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.water-track{height:12px;background:#eef2f6;border-radius:999px;position:relative;overflow:hidden}.water-bar{position:absolute;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent2),var(--accent))}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px}.metric-box{border:1px solid var(--line);border-radius:12px;padding:14px}.metric-box h3{margin:0 0 10px}.rank-row{display:flex;gap:10px;justify-content:space-between;border-top:1px solid #eef2f6;padding:9px 0}.issue-list{padding:12px}.issue{border:1px solid var(--line);border-left:4px solid var(--warn);padding:12px 14px;border-radius:10px;margin-bottom:9px}.issue.bad{border-left-color:var(--bad)}.content{padding:20px 0 75px}.content-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.article,.side-card{background:white;border:1px solid var(--line);border-radius:18px;padding:28px}.article h2{font-size:30px;letter-spacing:-.03em}.article h3{margin-top:28px}.article p,.article li{color:#526176}.side-card{align-self:start;position:sticky;top:88px}.side-card h3{margin-top:0}.steps{counter-reset:step;list-style:none;padding:0}.steps li{counter-increment:step;position:relative;padding:0 0 20px 44px}.steps li:before{content:counter(step);position:absolute;left:0;top:0;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#e6f8fb;color:#0e7490;font-weight:800}.faq{margin-top:28px}.faq details{border-top:1px solid var(--line);padding:15px 0}.faq summary{font-weight:750;cursor:pointer}.page-hero{padding:58px 0 24px}.page-hero h1{font-size:clamp(36px,5vw,54px);letter-spacing:-.045em;margin:10px 0}.page-hero p{color:var(--muted);font-size:18px;max-width:780px}.san-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:var(--shadow);margin-bottom:50px}.options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:16px 0}.option{display:flex;gap:10px;border:1px solid var(--line);border-radius:11px;padding:12px;background:#fbfdff}.actions{display:flex;gap:10px;flex-wrap:wrap}footer{border-top:1px solid var(--line);background:#edf3f8;padding:40px 0 24px;color:#5c6b7f}.footer-grid{display:flex;justify-content:space-between;gap:20px}.footer-brand{color:var(--ink)}.footer-links{display:flex;gap:18px;align-items:flex-start}.copyright{border-top:1px solid #d7e1ea;margin-top:28px;padding-top:18px;font-size:13px}.hidden{display:none!important}@media(max-width:900px){.stats{grid-template-columns:repeat(3,1fr)}.content-grid{grid-template-columns:1fr}.side-card{position:static}.metric-grid{grid-template-columns:1fr}.water-row{grid-template-columns:180px 1fr 70px}}@media(max-width:680px){.shell{width:min(100% - 20px,1180px)}nav{display:none}.header-inner{height:60px}.hero{padding-top:42px}.hero h1{font-size:40px}.upload-box{padding:14px;border-radius:16px}.dropzone{min-height:180px;padding:18px}.stats{grid-template-columns:repeat(2,1fr)}.dash-top{align-items:flex-start;flex-direction:column}.tool-shell{margin-top:18px}.table-wrap table{min-width:0}.table-wrap thead{display:none}.table-wrap tbody,.table-wrap tr,.table-wrap td{display:block}.table-wrap tr{padding:12px;border-bottom:1px solid var(--line)}.table-wrap td{border:0;padding:2px 0}.table-wrap td:nth-child(1){float:right}.table-wrap td:nth-child(2){font-size:12px;font-weight:800}.table-wrap td:nth-child(5),.table-wrap td:nth-child(6),.table-wrap td:nth-child(7),.table-wrap td:nth-child(8){display:inline;margin-right:10px;font-size:12px;color:var(--muted)}.url-cell{white-space:normal;max-width:none}.water-row{grid-template-columns:1fr}.water-track{height:9px}.options{grid-template-columns:1fr}.footer-grid{flex-direction:column}.footer-links{flex-wrap:wrap}.article{padding:20px}}