*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f3eb;color:#10171d;font-family:Arial,Helvetica,sans-serif;line-height:1.65}a{color:inherit;text-underline-offset:4px}a:focus-visible,summary:focus-visible{outline:3px solid #f76c3b;outline-offset:5px}header,main,footer{max-width:1120px;margin:auto;padding:0 36px}header{display:flex;align-items:center;justify-content:space-between;padding-top:24px;padding-bottom:24px;border-bottom:1px solid #c8cdc8}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:23px;font-weight:800}.brand img{width:42px;height:42px}nav{display:flex;gap:24px;font-size:14px}.hero{padding:78px 0 64px;display:grid;grid-template-columns:1.3fr 1fr;gap:64px;align-items:center}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:2px;color:#53616a;font-weight:700}h1{font-size:clamp(42px,6vw,76px);line-height:1.04;letter-spacing:-3px;margin:24px 0}h1 em{font-style:normal;color:#bb3f1b}h2{font-size:36px;line-height:1.15;letter-spacing:-1px}h3{font-size:22px;line-height:1.3}.lead{font-size:20px;color:#45525a;max-width:620px}.actions{display:flex;flex-wrap:wrap;gap:14px;margin:30px 0}.button{padding:12px 22px;border:1px solid #10171d;text-decoration:none;font-size:15px;font-weight:700}.primary{background:#10171d;color:#f6f3eb}.note{font-size:13px;color:#53616a}.diagram{background:#10171d;color:#f6f3eb;padding:30px;box-shadow:12px 12px 0 #f76c3b}.diagram .tag{color:#ff946e;font-size:12px;letter-spacing:2px}.stage{border-top:1px solid #45525a;padding:17px 0}.stage small{display:block;color:#c4ccd0}.arrow{color:#ff946e}section{padding:45px 0;border-top:1px solid #c8cdc8}.rows{display:grid;grid-template-columns:1fr 1fr;gap:50px}.example{border-left:3px solid #f76c3b;padding:5px 20px;margin:24px 0}.example b{display:block}.split{display:grid;grid-template-columns:1fr 2fr;gap:50px}ol li{padding:7px 0}details{border-top:1px solid #c8cdc8;padding:18px 0}summary{font-weight:700;cursor:pointer}footer{padding-top:35px;padding-bottom:45px;font-size:13px;color:#53616a}.article{max-width:820px;padding-top:48px;padding-bottom:60px}.article h1{font-size:50px}.article h2{font-size:28px;margin-top:40px}code{background:#e4e6df;padding:2px 5px}pre{background:#10171d;color:#f6f3eb;padding:22px;overflow:auto}pre code{background:none}img{max-width:100%}.guide{padding:28px;background:#e7e9e0}.guide a{font-weight:700;font-size:22px}@media(max-width:760px){header,main,footer{padding-left:22px;padding-right:22px}header{flex-wrap:wrap;gap:20px}nav{gap:18px}.hero,.rows,.split{grid-template-columns:1fr;gap:25px}.hero{padding:38px 0 45px}h1{letter-spacing:-2px}.diagram{margin-right:12px}.article h1{font-size:37px}h2{font-size:29px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}