*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;line-height:1.6;background:#f5f7fb;color:#1f2937}.container{width:min(1100px,92%);margin:0 auto}.hero{background:linear-gradient(135deg,#0f172a,#1e3a8a);color:white;padding:64px 0}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.85rem;opacity:.85}h1{font-size:clamp(2.25rem,5vw,4rem);margin:.25rem 0}.subtitle{font-size:1.35rem;margin:0 0 1rem;font-weight:700}.hero-text{max-width:760px;font-size:1.05rem}.hero-actions{margin-top:1.5rem;display:flex;flex-wrap:wrap;gap:.75rem}.button{display:inline-block;padding:.8rem 1rem;background:#2563eb;color:white;text-decoration:none;border-radius:8px;font-weight:700;margin:.25rem .25rem .25rem 0}.button.secondary{background:white;color:#1e3a8a}main{padding:32px 0 56px}.card,.lab{background:white;padding:24px;border-radius:14px;margin:18px 0;box-shadow:0 8px 20px rgba(15,23,42,.08);border:1px solid #e5e7eb}.lab{border-left:6px solid #2563eb}h2{color:#0f172a;margin-top:0}h3{color:#1e3a8a;margin-top:0}h4{margin-bottom:.25rem;color:#111827}.grid{display:grid;gap:12px}.grid.four{grid-template-columns:repeat(4,1fr)}.grid div,.path span{background:#eef2ff;border:1px solid #c7d2fe;border-radius:10px;padding:12px}.path{display:flex;flex-wrap:wrap;gap:10px}.path span{font-weight:700}.note{background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;padding:12px}kbd,code{background:#111827;color:white;padding:2px 6px;border-radius:5px;font-family:Consolas,Monaco,monospace}.reflection{background:#f9fafb;border:1px dashed #9ca3af;padding:16px;border-radius:10px}footer{background:#0f172a;color:white;padding:24px 0;text-align:center}@media(max-width:800px){.grid.four{grid-template-columns:1fr}.hero{padding:42px 0}}