:root{--ink:#142b3f;--muted:#647484;--blue:#1769aa;--blue-2:#0d4f83;--sand:#f4f7f9;--line:#d7e0e8;--accent:#e8a92e;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;max-width:none;margin:0;padding:0;background:var(--sand);color:var(--ink);line-height:1.58;font-size:16px}
body:before{content:"ДНК КЛИЕНТА 4.0  •  СПЕЦТЕХНИКА";display:block;background:var(--ink);color:#dce9f2;padding:10px clamp(18px,5vw,72px);font-size:11px;font-weight:800;letter-spacing:.14em}
body>h1:first-of-type{margin:0;padding:56px clamp(18px,7vw,120px) 24px;background:linear-gradient(135deg,#12334b 0%,#1769aa 58%,#2c88b9 100%);color:#fff;font-size:clamp(30px,5vw,58px);line-height:1.05;letter-spacing:-.04em}
body>h1:first-of-type+blockquote{margin:0;padding:0 clamp(18px,7vw,120px) 48px;background:#1769aa;color:#dcecf5;font-size:15px;max-width:none}
.read-progress{position:fixed;top:0;left:0;height:4px;width:0;background:var(--accent);z-index:1000;box-shadow:0 0 12px rgba(232,169,46,.65)}
.intro-item{max-width:1180px;margin-left:auto;margin-right:auto}.intro-item:not(blockquote){color:var(--muted);font-size:14px}.intro-item:first-of-type{margin-top:18px}
.toc{position:sticky;top:0;z-index:10;max-width:1180px;margin:0 auto;padding:12px 24px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);box-shadow:0 4px 16px rgba(20,43,63,.08);backdrop-filter:blur(10px)}.toc-title{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:800;margin-bottom:6px}.toc-list{display:flex;gap:7px;overflow-x:auto;scrollbar-width:thin}.toc a{white-space:nowrap;color:var(--blue-2);font-size:12px;font-weight:700;text-decoration:none;padding:6px 10px;border-radius:999px;background:#edf4f8}.toc a:hover{background:#dbeaf3}
.toc-list{display:flex;flex-direction:column;gap:2px;overflow:visible}.toc a{display:block;white-space:normal;border-radius:6px;padding:5px 9px;border-left:3px solid transparent}.toc a:hover{border-left-color:var(--accent);background:#edf4f8}
h1{max-width:1180px;margin:64px auto 20px;padding:0 24px;color:var(--blue-2);font-size:clamp(25px,3vw,38px);line-height:1.14;letter-spacing:-.025em;border-left:5px solid var(--accent)}
h2{max-width:1180px;margin:42px auto 14px;padding:0 24px;color:var(--blue-2);font-size:clamp(21px,2.4vw,29px);line-height:1.2}
h3{max-width:1180px;margin:28px auto 10px;padding:0 24px;color:var(--blue);font-size:20px}
p,ul,ol,blockquote,table{max-width:1180px;margin-left:auto;margin-right:auto}p{padding:0 24px;margin-top:0;margin-bottom:13px}ul,ol{padding-left:48px;padding-right:24px}li{margin:5px 0}
blockquote{margin-top:18px;margin-bottom:22px;padding:16px 24px;border-left:4px solid var(--accent);background:#fff;color:#42586a;border-radius:0 8px 8px 0}
.key{padding:15px 20px;margin-top:18px;margin-bottom:20px;border-radius:9px;border-left:5px solid var(--blue);background:#fff;box-shadow:0 5px 18px rgba(22,53,77,.06)}.key-result{border-left-color:#1b8b63;background:#f0faf5}.key-hypothesis{border-left-color:#c58b21;background:#fff9e9}.key-limit{border-left-color:#c26a55;background:#fff5f1}.key-status{border-left-color:#6d62a8;background:#f7f5ff}.key-next{border-left-color:var(--blue);background:#f0f7fc}
strong,b{font-weight:800;color:var(--blue-2)}
table{display:table;width:calc(100% - 48px);border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:0 6px 20px rgba(22,53,77,.06);margin-top:18px;margin-bottom:28px;font-size:14px}
th{background:var(--blue-2);color:#fff;text-align:left;font-weight:700;letter-spacing:.01em}th,td{padding:12px 13px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);vertical-align:top}tr:last-child td{border-bottom:0}th:last-child,td:last-child{border-right:0}tr:nth-child(even) td{background:#f7fafc}
body>p:last-child{padding-bottom:72px}a{color:var(--blue);font-weight:650}
.back-top{position:fixed;right:24px;bottom:24px;width:42px;height:42px;border:0;border-radius:50%;background:var(--blue-2);color:#fff;font-size:21px;line-height:42px;opacity:0;pointer-events:none;transform:translateY(10px);transition:.2s;box-shadow:0 6px 18px rgba(13,79,131,.28);cursor:pointer}.back-top.show{opacity:1;pointer-events:auto;transform:none}.back-top:hover{background:var(--blue)}
@media(max-width:700px){body{font-size:15px}body:before{padding:9px 16px;font-size:9px;letter-spacing:.1em}body>h1:first-of-type{padding:38px 18px 18px;font-size:34px}body>h1:first-of-type+blockquote{padding:0 18px 30px;font-size:14px}.toc{padding:10px 16px}.toc-list{max-height:260px;overflow-y:auto;margin-right:0;padding-right:0}.toc a{font-size:11px;padding:6px 8px}h1{margin-top:42px;padding:0 16px;font-size:27px}h2{margin-top:32px;padding:0 16px;font-size:22px}h3{padding:0 16px;font-size:18px}p{padding:0 16px}ul,ol{padding-left:36px;padding-right:16px}blockquote,.key{margin-left:16px;margin-right:16px;padding:13px 16px}.intro-item{margin-left:16px;margin-right:16px}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:0 16px;margin:18px 0 28px}.table-wrap table{width:max-content;min-width:calc(100vw - 32px);margin:0;box-shadow:none}table th,table td{min-width:125px;padding:10px;font-size:13px}table th:first-child,table td:first-child{position:sticky;left:0;z-index:1;background:var(--blue-2);color:#fff;min-width:150px}table tr:nth-child(even) td:first-child{background:var(--blue-2)}.back-top{right:16px;bottom:16px}}