:root{--ink:#18252a;--muted:#66777b;--paper:#f5f7f4;--surface:#fff;--line:#d9e1dc;--accent:#df5a32;--accent-2:#24665b;--soft:#e6f0eb;--radius:18px;--shadow:0 16px 42px #18252a14}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 Inter,ui-sans-serif,system-ui,sans-serif}a{color:var(--accent-2);text-decoration:none}a:hover{text-decoration:underline}.site{width:min(1180px,calc(100% - 36px));margin:auto}.top{padding:22px 0 18px;border-bottom:1px solid var(--line)}.topline{display:flex;justify-content:space-between;gap:20px;align-items:center}.brand{font-weight:900;letter-spacing:-.04em;font-size:22px}.nav{display:flex;gap:16px;flex-wrap:wrap;font-size:14px}.crumbs{margin-top:20px;color:var(--muted);font-size:13px}.crumbs span{margin:0 7px;color:#9aa7a7}main{padding:52px 0 80px}.eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:var(--accent)}h1{font-size:clamp(38px,7vw,76px);line-height:.98;letter-spacing:-.06em;max-width:850px;margin:12px 0 16px}h2{font-size:30px;line-height:1.1;letter-spacing:-.035em;margin:0 0 12px}h3{font-size:18px;margin:0 0 7px}p{margin:0 0 15px}.lead{font-size:20px;max-width:760px;color:var(--muted)}.hero{display:grid;grid-template-columns:1.5fr .8fr;gap:24px;align-items:end}.panel,.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.panel{padding:24px}.metric{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--line)}.metric:last-child{border-bottom:0}.metric b{font-size:25px}.metric small,.muted{color:var(--muted)}.section{margin-top:34px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{padding:20px}.tag{display:inline-block;padding:4px 9px;border-radius:999px;background:var(--soft);font-size:12px;font-weight:800;color:var(--accent-2);margin-bottom:12px}.steps{counter-reset:step;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.step{padding:17px;background:var(--surface);border:1px solid var(--line);border-radius:14px}.step:before{counter-increment:step;content:counter(step,decimal-leading-zero);display:block;color:var(--accent);font-weight:900;font-size:25px;margin-bottom:8px}.quote{border-left:4px solid var(--accent);padding:4px 0 4px 18px;color:#405255}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.table th{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}footer{border-top:1px solid var(--line);padding:24px 0;color:var(--muted);font-size:14px}.links{display:flex;gap:10px;flex-wrap:wrap}.button{display:inline-block;padding:10px 14px;border-radius:10px;background:var(--ink);color:white;font-weight:750}.button.alt{background:var(--soft);color:var(--accent-2)}body.theme-technical{--paper:#101820;--surface:#17232b;--ink:#eff6f2;--muted:#a8b9b6;--line:#30434a;--soft:#21463f;--accent:#ffbd59;--accent-2:#8ee0c4}body.theme-quiet{--paper:#fbfaf7;--surface:#fffdf9;--ink:#29302e;--muted:#777c76;--line:#e7e0d5;--soft:#f1eadd;--accent:#9c6947;--accent-2:#557066;--radius:8px;--shadow:0 8px 28px #5a48320d}body.theme-workshop{--paper:#20201d;--surface:#292a26;--ink:#f6f0e3;--muted:#b5b09f;--line:#4b4a40;--soft:#3b4337;--accent:#f28b36;--accent-2:#9ed6b1}body.theme-control{--paper:#edf3f4;--surface:#fff;--ink:#112c35;--muted:#60777d;--line:#c9dade;--soft:#dff1ef;--accent:#007f86;--accent-2:#145a81;--radius:12px;--shadow:0 8px 24px #13434a14}@media(max-width:780px){.hero,.grid{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,1fr)}.topline{align-items:flex-start;flex-direction:column}}@media(max-width:480px){.site{width:min(100% - 24px,700px)}main{padding-top:34px}.steps{grid-template-columns:1fr}}