:root{--ink:#101114;--paper:#f6f6f2;--muted:#626771;--line:#d9dbe0;--blue:#315cff;--lime:#d9ff63;--shadow:0 18px 52px rgba(16,17,20,.11)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif}.wrap{width:min(1080px,calc(100% - 36px));margin:auto}a{color:inherit}.top{display:flex;justify-content:space-between;align-items:center;padding:24px 0}.brand{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;text-decoration:none}.topnav{display:flex;gap:10px}.topnav a{font-size:12px;color:var(--muted);text-decoration:none;padding:8px 12px;border-radius:999px}.topnav a:hover{background:#fff;color:var(--ink)}.hero{padding:52px 0 54px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 300px;gap:42px;align-items:end}.eyebrow{font:700 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--blue);margin:0 0 18px}.hero h1{font-size:clamp(42px,6vw,74px);line-height:.94;letter-spacing:-.075em;margin:0;max-width:760px}.hero h1 em{font-style:normal;color:var(--blue)}.dek{color:var(--muted);font-size:19px;line-height:1.55;max-width:650px;margin:24px 0 0}.quick{background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:var(--shadow)}.quick strong{display:block;font-size:14px;margin-bottom:10px}.quick p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}.quick a{display:inline-flex;margin-top:16px;background:var(--ink);color:#fff;border-radius:999px;padding:11px 14px;text-decoration:none;font-size:12px;font-weight:800}.layout{display:grid;grid-template-columns:minmax(0,700px) 260px;gap:44px;padding:48px 0 82px}.article{font-size:18px;line-height:1.75}.article h2{font-size:31px;line-height:1.05;letter-spacing:-.055em;margin:42px 0 14px}.article h3{font-size:21px;line-height:1.2;margin:28px 0 8px}.article p{margin:0 0 18px}.article ul,.article ol{padding-left:25px;margin:8px 0 22px}.article li{margin:7px 0}.note{background:#eef3ff;border-left:4px solid var(--blue);padding:18px 20px;border-radius:0 16px 16px 0;font-size:16px;line-height:1.6;margin:25px 0}.tool-card{position:sticky;top:18px;background:var(--ink);color:#fff;border-radius:22px;padding:22px;box-shadow:var(--shadow)}.tool-card .label{color:var(--lime);font:700 10px ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase}.tool-card h2{font-size:25px;line-height:1.05;letter-spacing:-.05em;margin:12px 0 10px}.tool-card p{color:#d5d8df;font-size:14px;line-height:1.55;margin:0 0 16px}.tool-card a{display:block;background:#fff;color:var(--ink);border-radius:999px;padding:11px 13px;text-decoration:none;font-size:12px;font-weight:800;text-align:center}.tool-card a+ a{margin-top:8px;background:transparent;border:1px solid #ffffff55;color:#fff}.related{border-top:1px solid var(--line);padding:25px 0 40px;color:var(--muted);font-size:13px;display:flex;gap:14px;flex-wrap:wrap}.related a{color:var(--ink);font-weight:700;text-decoration:none}.footer{border-top:1px solid var(--line);padding:22px 0 38px;font-size:12px;color:var(--muted);display:flex;justify-content:space-between;gap:15px}@media(max-width:800px){.hero,.layout{grid-template-columns:1fr}.hero{padding-top:30px}.tool-card{position:static}.article{font-size:17px}.top{align-items:flex-start;gap:12px;flex-direction:column}}