*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8f9fc;color:#172033;font:16px/1.7 system-ui,-apple-system,sans-serif}a{color:#4f46e5;text-underline-offset:4px}a:focus-visible,video:focus-visible,summary:focus-visible{outline:3px solid #818cf8;outline-offset:4px}main,header,footer{max-width:1100px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #e5e7eb}.brand{font-weight:800;color:#172033;text-decoration:none;font-size:21px}.brand img{vertical-align:middle;margin-right:8px}nav{display:flex;flex-wrap:wrap;gap:20px;font-size:14px}h1{font-size:clamp(32px,5vw,55px);line-height:1.1;letter-spacing:-1.6px;max-width:800px}h2{font-size:26px;line-height:1.2;letter-spacing:-.5px}p{max-width:780px}.eyebrow,.updated{font-size:12px;color:#64748b}.eyebrow{color:#4f46e5;font-weight:750;text-transform:uppercase;letter-spacing:1.5px}.intro{font-size:19px;color:#586579;max-width:740px}.hero{padding:36px 0}.actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin:26px 0}.cta{display:inline-flex;align-items:center;min-height:48px;background:#4f46e5;color:white;text-decoration:none;padding:13px 22px;border-radius:12px;font-weight:700}.cta:hover{background:#4338ca}.facts{display:flex;gap:12px;flex-wrap:wrap}.facts span{background:#eef2ff;border:1px solid #dddafa;border-radius:24px;padding:6px 14px;color:#4338ca;font-size:13px}.card{background:white;border:1px solid #e5e7eb;border-radius:20px;padding:28px;margin:24px 0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.grid h3{margin-top:0}.grid p{font-size:14px;color:#586579}.examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.examples.two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:780px}.examples figure{margin:0}.examples video{display:block;width:100%;max-height:470px;aspect-ratio:9/16;object-fit:contain;background:#111827;border-radius:14px}.examples figcaption{font-size:14px;margin-top:10px;color:#586579}details{border-top:1px solid #e5e7eb;padding:18px 0}summary{cursor:pointer;font-weight:700}details p{color:#586579;font-size:15px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:530px}th,td{padding:16px;text-align:left;border-bottom:1px solid #e5e7eb;vertical-align:top}th{background:#f5f3ff}td:first-child{font-weight:650}.related{display:flex;gap:16px;flex-wrap:wrap}footer{border-top:1px solid #e5e7eb;font-size:13px;color:#64748b}footer a{display:inline-block;padding:10px 10px 10px 0}@media(max-width:680px){main,header,footer{padding:20px 16px}header{flex-wrap:wrap;gap:8px}nav{gap:18px}.hero{padding:24px 0}.card{padding:20px}.grid{grid-template-columns:1fr}.examples,.examples.two{grid-template-columns:1fr 1fr;gap:12px}.examples figure:last-child:nth-child(3){grid-column:1/-1;width:60%;justify-self:center}.examples figcaption{font-size:12px}.intro{font-size:17px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}