*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#F7F9FD;color:#0F172A}
body{font-family:'Golos Text',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:17.5px;line-height:1.7;-webkit-font-smoothing:antialiased}
header.site{padding:13px 24px;border-bottom:1px solid #E2E8F0;background:rgba(247,249,253,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);position:sticky;top:0;z-index:50}
header.site nav{display:flex;justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto}
header.site a.brand{color:#0F172A;text-decoration:none;font-weight:700;font-size:17px;font-family:'Golos Text',sans-serif;display:flex;align-items:center;gap:10px}
header.site a.brand::before{content:'';width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#2563EB,#1E3A8A);box-shadow:0 4px 12px -2px rgba(37,99,235,.4);flex-shrink:0}
header.site nav a.home{color:#64748B;text-decoration:none;font-size:14px;font-weight:600;border:1.5px solid #CBD5E1;border-radius:10px;padding:7px 14px;transition:color .18s,border-color .18s}
header.site nav a.home:hover{color:#2563EB;border-color:#2563EB}
main,body>article{max-width:760px;margin:0 auto;padding:36px 24px 72px}
nav.crumbs{font-size:13.5px;color:#64748B;margin-bottom:28px}
nav.crumbs a{color:#64748B;text-decoration:none}
nav.crumbs a:hover{color:#2563EB}
h1{font-family:'Golos Text',sans-serif;font-size:clamp(26px,5vw,36px);line-height:1.22;margin:0 0 16px;font-weight:700;letter-spacing:-.01em}
h2{font-family:'Golos Text',sans-serif;font-size:21px;line-height:1.32;margin:40px 0 14px;font-weight:600}
h3{font-size:18px;margin:28px 0 10px;font-weight:700}
p{margin:0 0 18px}
p.lead{color:#334155;font-size:19px;margin:0 0 36px;border-bottom:1px solid #E2E8F0;padding-bottom:26px}
p.meta{color:#64748B;font-size:14px;font-style:normal;margin-bottom:32px;border-bottom:1px solid #E2E8F0;padding-bottom:18px}
a{color:#2563EB}
a:hover{text-decoration:underline}
ul,ol{padding-left:24px;margin:0 0 18px}
li{margin-bottom:8px}
strong{color:#0F172A}
blockquote{border-left:4px solid #2563EB;background:#fff;padding:18px 22px;margin:26px 0;color:#334155;font-style:italic;border-radius:0 14px 14px 0;box-shadow:0 1px 2px rgba(15,23,42,.04),0 8px 24px -12px rgba(15,23,42,.10)}
article.post{padding:24px 26px;border:1px solid #E2E8F0;border-radius:18px;background:#fff;margin-bottom:14px;box-shadow:0 1px 2px rgba(15,23,42,.04),0 8px 24px -12px rgba(15,23,42,.10);transition:transform .18s ease,box-shadow .18s ease}
article.post:hover{transform:translateY(-2px);box-shadow:0 2px 4px rgba(15,23,42,.06),0 20px 40px -16px rgba(37,99,235,.22)}
article.post h2,article.post h3{font-size:19.5px;margin:0 0 8px;line-height:1.4}
article.post h2 a,article.post h3 a{color:#0F172A;text-decoration:none}
article.post h2 a:hover,article.post h3 a:hover{color:#2563EB}
article.post .meta{font-size:13px;color:#64748B;margin-bottom:10px;font-style:normal;border:0;padding:0}
article.post p{margin:0 0 10px;color:#334155;font-size:15.5px}
article.post a.more{font-weight:700;font-size:14.5px}
.scenario{background:#fff;border-left:4px solid #EA580C;padding:18px 22px;margin:26px 0;font-size:15.5px;line-height:1.6;border-radius:0 14px 14px 0;box-shadow:0 1px 2px rgba(15,23,42,.04),0 8px 24px -12px rgba(15,23,42,.10)}
.scenario .time{font-family:'JetBrains Mono',monospace;font-weight:600;color:#EA580C;display:inline-block;min-width:60px}
table.cmp{width:100%;border-collapse:separate;border-spacing:0;margin:26px 0;font-size:15.5px;background:#fff;border:1px solid #E2E8F0;border-radius:14px;overflow:hidden}
table.cmp th,table.cmp td{border-bottom:1px solid #E2E8F0;padding:12px 14px;text-align:left;vertical-align:top}
table.cmp tr:last-child td{border-bottom:0}
table.cmp th{background:#EFF6FF;font-weight:700;color:#1E3A8A}
table.cmp td.lbl{background:#F8FAFC;font-weight:700;width:30%}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:32px 0}
.stat{background:#fff;border:1px solid #E2E8F0;padding:20px 16px;border-radius:16px;text-align:center;box-shadow:0 1px 2px rgba(15,23,42,.04),0 8px 24px -12px rgba(15,23,42,.10)}
.stat .n{font-size:28px;font-weight:700;color:#2563EB;font-family:'Golos Text',sans-serif;line-height:1.15}
.stat .l{font-size:13px;color:#64748B;margin-top:8px;display:block;line-height:1.35}
.placeholder{background:#FEF3C7;border:1px dashed #D97706;padding:12px 16px;margin:24px 0;color:#92400E;font-size:14px;border-radius:12px}
.step{border:1px solid #E2E8F0;border-left:4px solid #2563EB;padding:18px 22px;margin:18px 0;background:#fff;border-radius:0 16px 16px 0;box-shadow:0 1px 2px rgba(15,23,42,.04),0 8px 24px -12px rgba(15,23,42,.10)}
.step h3{margin-top:0;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.step h3 .num{font-size:12px;color:#1D4ED8;font-weight:700;font-family:'JetBrains Mono',monospace;letter-spacing:.08em;background:#DBEAFE;border-radius:7px;padding:3px 10px}
.cta-box{background:linear-gradient(135deg,#1E3A8A,#1D4ED8);border:0;padding:30px 28px;margin:48px 0 24px;border-radius:20px;color:#fff}
.cta-box h2{margin:0 0 12px;font-size:20px;color:#fff}
.cta-box p{margin:0 0 12px;color:#DBEAFE}
.cta-box a{color:#fff;font-weight:600}
.cta-box a.btn{display:inline-block;background:linear-gradient(180deg,#F97316,#EA580C);color:#fff;padding:13px 26px;text-decoration:none;border-radius:12px;font-weight:700;font-size:15.5px;margin-top:8px;box-shadow:0 2px 6px rgba(234,88,12,.35),0 12px 28px -10px rgba(234,88,12,.5)}
.cta-box a.btn:hover{filter:brightness(1.06);text-decoration:none}
footer.site{padding:26px 24px;border-top:1px solid #E2E8F0;font-size:13px;color:#64748B;text-align:center;background:#fff}
footer.site a{color:#64748B}
@media (max-width:560px){
  body{font-size:16.5px}
  h1{font-size:26px}
  article.post h2,article.post h3{font-size:18px}
  main,body>article{padding:28px 18px 56px}
  .stats{grid-template-columns:1fr}
  table.cmp{font-size:14px}
  table.cmp td.lbl{width:38%}
}

html{scroll-behavior:smooth;scroll-padding-top:90px}a:focus-visible{outline:3px solid #EA580C;outline-offset:4px}.article-toc{padding:22px 24px;background:#EFF6FF;border-radius:14px;margin:24px 0 34px}.article-toc strong{display:block;margin-bottom:10px}.article-toc ol{margin-bottom:0}.article-toc a{font-size:16px}.table-wrap{overflow-x:auto;margin:24px 0}.table-wrap table{margin:0;min-width:440px}.cta-box a.btn{background:#c94a13}.site nav{gap:18px}.site .home{flex-shrink:0}h2[id]{scroll-margin-top:90px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}